@iota/dapp-kit 0.1.2 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @iota/dapp-kit
 
+## 0.3.0
+
+### Minor Changes
+
+-   6eabd18: Changes for compatibility with the node, simplification of exposed APIs and general
+    improvements.
+
+### Patch Changes
+
+-   Updated dependencies [6eabd18]
+    -   @iota/iota-sdk@0.3.0
+    -   @iota/wallet-standard@0.2.0
+
+## 0.2.0
+
+### Minor Changes
+
+-   065513f: Rebrand
+-   a3c1937: Deprecate IOTA Name Service
+
+### Patch Changes
+
+-   Updated dependencies [d423314]
+-   Updated dependencies [b91a3d5]
+-   Updated dependencies [a3c1937]
+    -   @iota/iota-sdk@0.2.0
+    -   @iota/wallet-standard@0.1.3
+
 ## 0.1.2
 
 ### Patch Changes

package/README.md

@@ -1,18 +1,18 @@
-# Iota dApp Kit
+# IOTA dApp Kit
 
-The Iota dApp Kit is a set of React components, hooks, and utilities that make it easy to build a
-dApp for the Iota ecosystem. It provides hooks and components for querying data from the Iota
-blockchain, and connecting to Iota wallets.
+The IOTA dApp Kit is a set of React components, hooks, and utilities that make it easy to build a
+dApp for the IOTA ecosystem. It provides hooks and components for querying data from the IOTA
+blockchain, and connecting to IOTA wallets.
 
-See the TypeScript docs for full documentation
+See https://wiki.iota.org/references/ts-sdk/typescript for full documentation
 
 ### Core Features
 
-- **Query Hooks:** dApp Kit provides a set of hooks for making rpc calls to the Iota blockchain,
+- **Query Hooks:** dApp Kit provides a set of hooks for making rpc calls to the IOTA blockchain,
   making it easy to load any information needed for your dApp.
 - **Automatic Wallet State Management:** dApp Kit removes the complexity of state management
   related to wallet connections. You can focus on building your dApp.
-- **Supports all Iota wallets:** No need to manually define wallets you support. All Iota wallets
+- **Supports all IOTA wallets:** No need to manually define wallets you support. All IOTA wallets
   are automatically supported.
 - **Easy to integrate:** dApp Kit provides pre-built React Components that you can drop right into
   your dApp, for easier integration
@@ -21,7 +21,7 @@ See the TypeScript docs for full documentation
 
 ## Install from NPM
 
-To use the Iota dApp Kit in your project, run the following command in your project root:
+To use the IOTA dApp Kit in your project, run the following command in your project root:
 
 ```sh npm2yarn
 npm i --save @iota/dapp-kit @iota/iota-sdk @tanstack/react-query
@@ -61,12 +61,14 @@ function App() {
 ## Using UI components to connect to a wallet
 
 The dApp Kit provides a set of flexible UI components that can be used to connect and manage wallet
-accounts from your dApp. The components are built on top of [Radix UI](radix-ui.com/primitives) and
-are customizable so you can quickly get your dApp up and running.
+accounts from your dApp. The components are built on top of
+[Radix UI](https://www.radix-ui.com/primitives) and are customizable so you can quickly get your
+dApp up and running.
 
 To use our provided UI components, you will need to import the dApp Kit's CSS stylesheet into your
 dApp as shown below. For more information regarding customization options, check out the respective
-documentation pages for the components and [themes]().
+documentation pages for the components and
+[themes](https://wiki.iota.org/references/ts-sdk/dapp-kit/themes).
 
 ```tsx
 import '@iota/dapp-kit/dist/index.css';
@@ -74,7 +76,7 @@ import '@iota/dapp-kit/dist/index.css';
 
 ## Using hooks to make RPC calls
 
-The dApp Kit provides a set of hooks for making RPC calls to the Iota blockchain. The hooks are thin
+The dApp Kit provides a set of hooks for making RPC calls to the IOTA blockchain. The hooks are thin
 wrappers around `useQuery` from `@tanstack/react-query`. For more comprehensive documentation on how
 these query hooks can be used, check out the
 [react-query docs](https://tanstack.com/query/latest/docs/react/overview).

package/dist/cjs/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/cjs/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": []
 }

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

@@ -1,7 +1,7 @@
 {
   "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==", "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9", "vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA==", "vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9"],
-  "sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n  gap: 8px;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {\n  z-index: 999999999;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2, [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {\n  display: flex;\n  flex-direction: column;\n  width: 180px;\n  max-height: 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}", "[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n  box-sizing: border-box;\n  color: var(--dapp-kit-colors-body);\n  font-family: var(--dapp-kit-typography-fontFamily);\n  font-size: var(--dapp-kit-fontWeights-normal);\n  font-style: var(--dapp-kit-typography-fontStyle);\n  font-weight: var(--dapp-kit-fontWeights-normal);\n  line-height: var(--dapp-kit-typography-lineHeight);\n  letter-spacing: var(--dapp-kit-typography-letterSpacing);\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n  text-decoration: none;\n  color: inherit;\n  outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}", "[data-dapp-kit].Button_buttonVariants__ctbx2n0, [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Button_buttonVariants__ctbx2n0:disabled, [data-dapp-kit] .Button_buttonVariants__ctbx2n0:disabled {\n  opacity: 0.5;\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n  color: var(--dapp-kit-colors-primaryButton);\n  box-shadow: var(--dapp-kit-shadows-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {\n  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2 {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--dapp-kit-borderColors-outlineButton);\n  color: var(--dapp-kit-colors-outlineButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {\n  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3, [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {\n  border-radius: var(--dapp-kit-radii-medium);\n  padding: 8px 16px;\n}\n[data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4, [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {\n  border-radius: var(--dapp-kit-radii-large);\n  padding: 16px 24px ;\n}", "[data-dapp-kit].Text_textVariants_size_sm__aprhbd1, [data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {\n  font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Text_textVariants_weight_normal__aprhbd2, [data-dapp-kit] .Text_textVariants_weight_normal__aprhbd2 {\n  font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Text_textVariants_weight_medium__aprhbd3, [data-dapp-kit] .Text_textVariants_weight_medium__aprhbd3 {\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Text_textVariants_weight_bold__aprhbd4, [data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {\n  font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Text_textVariants_color_muted__aprhbd5, [data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {\n  color: var(--dapp-kit-colors-bodyMuted);\n}\n[data-dapp-kit].Text_textVariants_color_danger__aprhbd6, [data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {\n  color: var(--dapp-kit-colors-bodyDanger);\n}\n[data-dapp-kit].Text_textVariants_mono_true__aprhbd7, [data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}"],
-  "mappings": ";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;;;ACtCF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACG;AACK;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;;;ACrCF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;;;AChCF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "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==", "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9", "vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA==", "vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9"],
+  "sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n  gap: 8px;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {\n  z-index: 999999999;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2, [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {\n  display: flex;\n  flex-direction: column;\n  width: 180px;\n  max-height: 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}", "[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n  box-sizing: border-box;\n  color: var(--dapp-kit-colors-body);\n  font-family: var(--dapp-kit-typography-fontFamily);\n  font-size: var(--dapp-kit-fontWeights-normal);\n  font-style: var(--dapp-kit-typography-fontStyle);\n  font-weight: var(--dapp-kit-fontWeights-normal);\n  line-height: var(--dapp-kit-typography-lineHeight);\n  letter-spacing: var(--dapp-kit-typography-letterSpacing);\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n  text-decoration: none;\n  color: inherit;\n  outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}", "[data-dapp-kit].Button_buttonVariants__ctbx2n0, [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Button_buttonVariants__ctbx2n0:disabled, [data-dapp-kit] .Button_buttonVariants__ctbx2n0:disabled {\n  opacity: 0.5;\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n  color: var(--dapp-kit-colors-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {\n  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2 {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--dapp-kit-borderColors-outlineButton);\n  color: var(--dapp-kit-colors-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {\n  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3, [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {\n  border-radius: var(--dapp-kit-radii-full);\n  padding: 8px 16px;\n}\n[data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4, [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {\n  border-radius: var(--dapp-kit-radii-full);\n  padding: 16px 24px ;\n}", "[data-dapp-kit].Text_textVariants_size_sm__aprhbd1, [data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {\n  font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Text_textVariants_weight_normal__aprhbd2, [data-dapp-kit] .Text_textVariants_weight_normal__aprhbd2 {\n  font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Text_textVariants_weight_medium__aprhbd3, [data-dapp-kit] .Text_textVariants_weight_medium__aprhbd3 {\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Text_textVariants_weight_bold__aprhbd4, [data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {\n  font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Text_textVariants_color_muted__aprhbd5, [data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {\n  color: var(--dapp-kit-colors-bodyMuted);\n}\n[data-dapp-kit].Text_textVariants_color_danger__aprhbd6, [data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {\n  color: var(--dapp-kit-colors-bodyDanger);\n}\n[data-dapp-kit].Text_textVariants_mono_true__aprhbd7, [data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}"],
+  "mappings": "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",
   "names": []
 }

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

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

package/dist/cjs/components/AccountDropdownMenu.js

@@ -34,7 +34,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9
-var init_ = __esm({
+var init_StyleMarker_css_ts_vanilla = __esm({
   "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9"() {
   }
 });
@@ -43,7 +43,7 @@ var init_ = __esm({
 var require_StyleMarker_css = __commonJS({
   "src/components/styling/StyleMarker.css.ts"() {
     "use strict";
-    init_();
+    init_StyleMarker_css_ts_vanilla();
   }
 });
 
@@ -58,74 +58,17 @@ var import_utils = require("@iota/iota-sdk/utils");
 var DropdownMenu = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_clsx3 = __toESM(require("clsx"));
 
-// src/hooks/useIotaClientQuery.ts
-var import_react_query = require("@tanstack/react-query");
-
-// src/hooks/useIotaClient.ts
-var import_react2 = require("react");
-
-// src/components/IotaClientProvider.tsx
-var import_client = require("@iota/iota-sdk/client");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var IotaClientContext = (0, import_react.createContext)(null);
-var DEFAULT_NETWORKS = {
-  localnet: { url: (0, import_client.getNetwork)(import_client.Network.Local).url }
-};
-
-// src/hooks/useIotaClient.ts
-function useIotaClientContext() {
-  const iotaClient = (0, import_react2.useContext)(IotaClientContext);
-  if (!iotaClient) {
-    throw new Error(
-      "Could not find IotaClientContext. Ensure that you have set up the IotaClientProvider"
-    );
-  }
-  return iotaClient;
-}
-
-// src/hooks/useIotaClientQuery.ts
-function useIotaClientQuery(...args) {
-  const [method, params, { queryKey = [], ...options } = {}] = args;
-  const iotaContext = useIotaClientContext();
-  return (0, import_react_query.useQuery)({
-    ...options,
-    queryKey: [iotaContext.network, method, params, ...queryKey],
-    queryFn: async () => {
-      return await iotaContext.client[method](params);
-    }
-  });
-}
-
-// src/hooks/useResolveIotaNSNames.ts
-function useResolveIotaNSName(address, options) {
-  return useIotaClientQuery(
-    "resolveNameServiceNames",
-    {
-      address,
-      limit: 1
-    },
-    {
-      ...options,
-      refetchOnWindowFocus: false,
-      retry: false,
-      select: (data) => data.data.length > 0 ? data.data[0] : null,
-      enabled: !!address && options?.enabled !== false
-    }
-  );
-}
-
 // src/hooks/wallet/useWalletStore.ts
-var import_react4 = require("react");
+var import_react2 = require("react");
 var import_zustand = require("zustand");
 
 // src/contexts/walletContext.ts
-var import_react3 = require("react");
-var WalletContext = (0, import_react3.createContext)(null);
+var import_react = require("react");
+var WalletContext = (0, import_react.createContext)(null);
 
 // src/hooks/wallet/useWalletStore.ts
 function useWalletStore(selector) {
-  const store = (0, import_react4.useContext)(WalletContext);
+  const store = (0, import_react2.useContext)(WalletContext);
   if (!store) {
     throw new Error(
       "Could not find WalletContext. Ensure that you have set up the WalletProvider."
@@ -140,7 +83,7 @@ function useAccounts() {
 }
 
 // src/hooks/wallet/useDisconnectWallet.ts
-var import_react_query2 = require("@tanstack/react-query");
+var import_react_query = require("@tanstack/react-query");
 
 // src/constants/walletMutationKeys.ts
 var walletMutationKeys = {
@@ -149,9 +92,10 @@ var walletMutationKeys = {
   autoconnectWallet: formMutationKeyFn("autoconnect-wallet"),
   disconnectWallet: formMutationKeyFn("disconnect-wallet"),
   signPersonalMessage: formMutationKeyFn("sign-personal-message"),
-  signTransactionBlock: formMutationKeyFn("sign-transaction-block"),
-  signAndExecuteTransactionBlock: formMutationKeyFn("sign-and-execute-transaction-block"),
-  switchAccount: formMutationKeyFn("switch-account")
+  signTransaction: formMutationKeyFn("sign-transaction"),
+  signAndExecuteTransaction: formMutationKeyFn("sign-and-execute-transaction"),
+  switchAccount: formMutationKeyFn("switch-account"),
+  reportTransactionEffects: formMutationKeyFn("report-transaction-effects")
 };
 function formMutationKeyFn(baseEntity) {
   return function mutationKeyFn(additionalKeys = []) {
@@ -169,6 +113,7 @@ var WalletAccountNotFoundError = class extends Error {
 function useCurrentWallet() {
   const currentWallet = useWalletStore((state) => state.currentWallet);
   const connectionStatus = useWalletStore((state) => state.connectionStatus);
+  const supportedIntents = useWalletStore((state) => state.supportedIntents);
   switch (connectionStatus) {
     case "connecting":
       return {
@@ -176,7 +121,8 @@ function useCurrentWallet() {
         currentWallet: null,
         isDisconnected: false,
         isConnecting: true,
-        isConnected: false
+        isConnected: false,
+        supportedIntents: []
       };
     case "disconnected":
       return {
@@ -184,7 +130,8 @@ function useCurrentWallet() {
         currentWallet: null,
         isDisconnected: true,
         isConnecting: false,
-        isConnected: false
+        isConnected: false,
+        supportedIntents: []
       };
     case "connected": {
       return {
@@ -192,7 +139,8 @@ function useCurrentWallet() {
         currentWallet,
         isDisconnected: false,
         isConnecting: false,
-        isConnected: true
+        isConnected: true,
+        supportedIntents
       };
     }
   }
@@ -205,7 +153,7 @@ function useDisconnectWallet({
 } = {}) {
   const { currentWallet } = useCurrentWallet();
   const setWalletDisconnected = useWalletStore((state) => state.setWalletDisconnected);
-  return (0, import_react_query2.useMutation)({
+  return (0, import_react_query.useMutation)({
     mutationKey: walletMutationKeys.disconnectWallet(mutationKey),
     mutationFn: async () => {
       if (!currentWallet) {
@@ -226,14 +174,14 @@ function useDisconnectWallet({
 }
 
 // src/hooks/wallet/useSwitchAccount.ts
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query2 = require("@tanstack/react-query");
 function useSwitchAccount({
   mutationKey,
   ...mutationOptions
 } = {}) {
   const { currentWallet } = useCurrentWallet();
   const setAccountSwitched = useWalletStore((state) => state.setAccountSwitched);
-  return (0, import_react_query3.useMutation)({
+  return (0, import_react_query2.useMutation)({
     mutationKey: walletMutationKeys.switchAccount(mutationKey),
     mutationFn: async ({ account }) => {
       if (!currentWallet) {
@@ -262,9 +210,9 @@ var separator = "AccountDropdownMenu_separator__1x0gmpf5";
 var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4";
 
 // src/components/icons/CheckIcon.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 function CheckIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "path",
     {
       fill: "currentColor",
@@ -274,9 +222,9 @@ function CheckIcon(props) {
 }
 
 // src/components/icons/ChevronIcon.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function ChevronIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "path",
     {
       stroke: "#A0B6C3",
@@ -290,7 +238,7 @@ function ChevronIcon(props) {
 
 // src/components/styling/StyleMarker.tsx
 var import_react_slot = require("@radix-ui/react-slot");
-var import_react5 = require("react");
+var import_react3 = require("react");
 
 // src/constants/styleDataAttribute.ts
 var styleDataAttributeName = "data-dapp-kit";
@@ -299,25 +247,25 @@ var styleDataAttribute = { [styleDataAttributeName]: "" };
 
 // src/components/styling/StyleMarker.tsx
 var import_StyleMarker_css = __toESM(require_StyleMarker_css());
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var StyleMarker = (0, import_react5.forwardRef)(({ children, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_slot.Slot, { ref: forwardedRef, ...props, ...styleDataAttribute, children }));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var StyleMarker = (0, import_react3.forwardRef)(({ children, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_slot.Slot, { ref: forwardedRef, ...props, ...styleDataAttribute, children }));
 StyleMarker.displayName = "StyleMarker";
 
 // src/components/ui/Button.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_clsx = __toESM(require("clsx"));
-var import_react6 = require("react");
+var import_react4 = require("react");
 
 // src/components/ui/Button.css.ts
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var buttonVariants = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "Button_buttonVariants__ctbx2n0", variantClassNames: { variant: { primary: "Button_buttonVariants_variant_primary__ctbx2n1", outline: "Button_buttonVariants_variant_outline__ctbx2n2" }, size: { md: "Button_buttonVariants_size_md__ctbx2n3", lg: "Button_buttonVariants_size_lg__ctbx2n4" } }, defaultVariants: { variant: "primary", size: "md" }, compoundVariants: [] });
 
 // src/components/ui/Button.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Button = (0, import_react6.forwardRef)(
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Button = (0, import_react4.forwardRef)(
   ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {
     const Comp = asChild ? import_react_slot2.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       Comp,
       {
         ...props,
@@ -332,15 +280,15 @@ Button.displayName = "Button";
 // src/components/ui/Text.tsx
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_clsx2 = __toESM(require("clsx"));
-var import_react7 = require("react");
+var import_react5 = require("react");
 
 // src/components/ui/Text.css.ts
 var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
 var textVariants = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "Text__aprhbd0", variantClassNames: { size: { sm: "Text_textVariants_size_sm__aprhbd1" }, weight: { normal: "Text_textVariants_weight_normal__aprhbd2", medium: "Text_textVariants_weight_medium__aprhbd3", bold: "Text_textVariants_weight_bold__aprhbd4" }, color: { muted: "Text_textVariants_color_muted__aprhbd5", danger: "Text_textVariants_color_danger__aprhbd6" }, mono: { true: "Text_textVariants_mono_true__aprhbd7" } }, defaultVariants: { size: "sm", weight: "normal" }, compoundVariants: [] });
 
 // src/components/ui/Text.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Text = (0, import_react7.forwardRef)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Text = (0, import_react5.forwardRef)(
   ({
     children,
     className,
@@ -352,13 +300,13 @@ var Text = (0, import_react7.forwardRef)(
     mono,
     ...textProps
   }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       import_react_slot3.Slot,
       {
         ...textProps,
         ref: forwardedRef,
         className: (0, import_clsx2.default)(textVariants({ size, weight, color, mono }), className),
-        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tag, { children })
+        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tag, { children })
       }
     );
   }
@@ -366,20 +314,17 @@ var Text = (0, import_react7.forwardRef)(
 Text.displayName = "Text";
 
 // src/components/AccountDropdownMenu.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function AccountDropdownMenu({ currentAccount }) {
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function AccountDropdownMenu({ currentAccount, size = "lg" }) {
   const { mutate: disconnectWallet } = useDisconnectWallet();
-  const { data: domain } = useResolveIotaNSName(
-    currentAccount.label ? null : currentAccount.address
-  );
   const accounts = useAccounts();
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu.Root, { modal: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { size: "lg", className: connectedAccount, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { mono: true, weight: "bold", children: currentAccount.label ?? domain ?? (0, import_utils.formatAddress)(currentAccount.address) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronIcon, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu.Root, { modal: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Button, { size, className: connectedAccount, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { mono: true, weight: "bold", children: currentAccount.label ?? (0, import_utils.formatAddress)(currentAccount.address) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronIcon, {})
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyleMarker, { className: menuContainer, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu.Content, { className: menuContent, children: [
-      accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyleMarker, { className: menuContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu.Content, { className: menuContent, children: [
+      accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         AccountDropdownMenuItem,
         {
           account,
@@ -387,8 +332,8 @@ function AccountDropdownMenu({ currentAccount }) {
         },
         account.address
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenu.Separator, { className: separator }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenu.Separator, { className: separator }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         DropdownMenu.Item,
         {
           className: (0, import_clsx3.default)(menuItem),
@@ -404,15 +349,14 @@ function AccountDropdownMenuItem({
   active
 }) {
   const { mutate: switchAccount } = useSwitchAccount();
-  const { data: domain } = useResolveIotaNSName(account.label ? null : account.address);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     DropdownMenu.Item,
     {
       className: (0, import_clsx3.default)(menuItem, switchAccountMenuItem),
       onSelect: () => switchAccount({ account }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { mono: true, children: account.label ?? domain ?? (0, import_utils.formatAddress)(account.address) }),
-        active ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, {}) : null
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { mono: true, children: account.label ?? (0, import_utils.formatAddress)(account.address) }),
+        active ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, {}) : null
       ]
     }
   );