@iota/dapp-kit 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (437) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +14 -12
  3. package/dist/cjs/components/AccountDropdownMenu.css +26 -54
  4. package/dist/cjs/components/AccountDropdownMenu.css.css +18 -27
  5. package/dist/cjs/components/AccountDropdownMenu.css.css.map +3 -3
  6. package/dist/cjs/components/AccountDropdownMenu.css.d.ts +0 -1
  7. package/dist/cjs/components/AccountDropdownMenu.css.js +4 -6
  8. package/dist/cjs/components/AccountDropdownMenu.css.js.map +2 -2
  9. package/dist/cjs/components/AccountDropdownMenu.css.map +3 -3
  10. package/dist/cjs/components/AccountDropdownMenu.d.ts +3 -1
  11. package/dist/cjs/components/AccountDropdownMenu.js +25 -21
  12. package/dist/cjs/components/AccountDropdownMenu.js.map +3 -3
  13. package/dist/cjs/components/ConnectButton.css +181 -190
  14. package/dist/cjs/components/ConnectButton.css.map +3 -3
  15. package/dist/cjs/components/ConnectButton.d.ts +5 -3
  16. package/dist/cjs/components/ConnectButton.js +344 -669
  17. package/dist/cjs/components/ConnectButton.js.map +4 -4
  18. package/dist/cjs/components/IotaClientProvider.d.ts +0 -1
  19. package/dist/cjs/components/WalletProvider.d.ts +3 -3
  20. package/dist/cjs/components/WalletProvider.js +107 -152
  21. package/dist/cjs/components/WalletProvider.js.map +3 -3
  22. package/dist/cjs/components/connect-modal/ConnectModal.css +214 -172
  23. package/dist/cjs/components/connect-modal/ConnectModal.css.css +69 -32
  24. package/dist/cjs/components/connect-modal/ConnectModal.css.css.map +3 -3
  25. package/dist/cjs/components/connect-modal/ConnectModal.css.d.ts +5 -1
  26. package/dist/cjs/components/connect-modal/ConnectModal.css.js +15 -7
  27. package/dist/cjs/components/connect-modal/ConnectModal.css.js.map +2 -2
  28. package/dist/cjs/components/connect-modal/ConnectModal.css.map +3 -3
  29. package/dist/cjs/components/connect-modal/ConnectModal.js +411 -707
  30. package/dist/cjs/components/connect-modal/ConnectModal.js.map +4 -4
  31. package/dist/cjs/components/connect-modal/InfoSection.css +7 -11
  32. package/dist/cjs/components/connect-modal/InfoSection.css.css.map +1 -1
  33. package/dist/cjs/components/connect-modal/InfoSection.css.map +3 -3
  34. package/dist/cjs/components/connect-modal/InfoSection.js +1 -1
  35. package/dist/cjs/components/connect-modal/InfoSection.js.map +2 -2
  36. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css +145 -0
  37. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css +32 -0
  38. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css.map +7 -0
  39. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.d.ts +5 -0
  40. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.js +35 -0
  41. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.js.map +7 -0
  42. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.map +7 -0
  43. package/dist/cjs/components/connect-modal/views/ConnectionStatus.d.ts +8 -0
  44. package/dist/cjs/components/connect-modal/views/ConnectionStatus.js +173 -0
  45. package/dist/cjs/components/connect-modal/views/ConnectionStatus.js.map +7 -0
  46. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css.map +1 -1
  47. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.map +1 -1
  48. package/dist/cjs/components/connect-modal/views/GetTheWallet.js +12 -391
  49. package/dist/cjs/components/connect-modal/views/GetTheWallet.js.map +2 -2
  50. package/dist/cjs/components/connect-modal/views/GettingStarted.css +144 -0
  51. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css +23 -0
  52. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css.map +7 -0
  53. package/dist/cjs/components/connect-modal/views/GettingStarted.css.d.ts +3 -0
  54. package/dist/cjs/components/connect-modal/views/GettingStarted.css.js +31 -0
  55. package/dist/cjs/components/connect-modal/views/GettingStarted.css.js.map +7 -0
  56. package/dist/cjs/components/connect-modal/views/GettingStarted.css.map +7 -0
  57. package/dist/cjs/components/connect-modal/views/GettingStarted.d.ts +1 -0
  58. package/dist/cjs/components/connect-modal/views/GettingStarted.js +172 -0
  59. package/dist/cjs/components/connect-modal/views/GettingStarted.js.map +7 -0
  60. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css +95 -0
  61. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css +17 -0
  62. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css.map +7 -0
  63. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.d.ts +2 -0
  64. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js +29 -0
  65. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js.map +7 -0
  66. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.map +7 -0
  67. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.d.ts +1 -0
  68. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js +135 -0
  69. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js.map +7 -0
  70. package/dist/cjs/components/connect-modal/views/index.css +115 -124
  71. package/dist/cjs/components/connect-modal/views/index.css.map +3 -3
  72. package/dist/cjs/components/connect-modal/views/index.d.ts +2 -1
  73. package/dist/cjs/components/connect-modal/views/index.js +136 -640
  74. package/dist/cjs/components/connect-modal/views/index.js.map +4 -4
  75. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css +10 -22
  76. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css +2 -5
  77. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css.map +3 -3
  78. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.js.map +1 -1
  79. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.map +3 -3
  80. package/dist/cjs/components/connect-modal/wallet-list/WalletList.d.ts +4 -4
  81. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js +61 -38
  82. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js.map +4 -4
  83. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css +8 -17
  84. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css +8 -17
  85. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css.map +3 -3
  86. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.d.ts +0 -1
  87. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.js +2 -4
  88. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.js.map +2 -2
  89. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.map +3 -3
  90. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js +5 -32
  91. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js.map +4 -4
  92. package/dist/cjs/components/icons/BackIcon.d.ts +2 -0
  93. package/dist/cjs/components/icons/BackIcon.js +36 -0
  94. package/dist/cjs/components/icons/BackIcon.js.map +7 -0
  95. package/dist/cjs/components/icons/IotaIcon.js +12 -391
  96. package/dist/cjs/components/icons/IotaIcon.js.map +2 -2
  97. package/dist/cjs/components/styling/InjectedThemeStyles.js +2 -0
  98. package/dist/cjs/components/styling/InjectedThemeStyles.js.map +2 -2
  99. package/dist/cjs/components/styling/StyleMarker.css +1 -16
  100. package/dist/cjs/components/styling/StyleMarker.css.css +1 -16
  101. package/dist/cjs/components/styling/StyleMarker.css.css.map +3 -3
  102. package/dist/cjs/components/styling/StyleMarker.css.map +3 -3
  103. package/dist/cjs/components/styling/StyleMarker.d.ts +0 -1
  104. package/dist/cjs/components/styling/StyleMarker.js +4 -4
  105. package/dist/cjs/components/styling/StyleMarker.js.map +3 -3
  106. package/dist/cjs/components/ui/Button.css.css.map +1 -1
  107. package/dist/cjs/components/ui/Button.css.map +1 -1
  108. package/dist/cjs/components/ui/Button.d.ts +1 -1
  109. package/dist/cjs/components/ui/Heading.css.css.map +1 -1
  110. package/dist/cjs/components/ui/Heading.css.map +1 -1
  111. package/dist/cjs/components/ui/Heading.d.ts +0 -1
  112. package/dist/cjs/components/ui/IconButton.css.css.map +1 -1
  113. package/dist/cjs/components/ui/IconButton.css.map +1 -1
  114. package/dist/cjs/components/ui/IconButton.d.ts +1 -1
  115. package/dist/cjs/components/ui/Text.css +7 -11
  116. package/dist/cjs/components/ui/Text.css.css +7 -11
  117. package/dist/cjs/components/ui/Text.css.css.map +3 -3
  118. package/dist/cjs/components/ui/Text.css.d.ts +0 -3
  119. package/dist/cjs/components/ui/Text.css.js +1 -1
  120. package/dist/cjs/components/ui/Text.css.js.map +2 -2
  121. package/dist/cjs/components/ui/Text.css.map +3 -3
  122. package/dist/cjs/components/ui/Text.d.ts +0 -1
  123. package/dist/cjs/components/ui/Text.js +1 -1
  124. package/dist/cjs/components/ui/Text.js.map +2 -2
  125. package/dist/cjs/constants/styleDataAttribute.js.map +1 -1
  126. package/dist/cjs/constants/walletDefaults.d.ts +2 -2
  127. package/dist/cjs/constants/walletDefaults.js +4 -5
  128. package/dist/cjs/constants/walletDefaults.js.map +2 -2
  129. package/dist/cjs/constants/walletMutationKeys.d.ts +3 -2
  130. package/dist/cjs/constants/walletMutationKeys.js +4 -3
  131. package/dist/cjs/constants/walletMutationKeys.js.map +2 -2
  132. package/dist/cjs/contexts/walletContext.d.ts +1 -2
  133. package/dist/cjs/hooks/useIotaClientInfiniteQuery.js.map +2 -2
  134. package/dist/cjs/hooks/useIotaClientQuery.js +3 -1
  135. package/dist/cjs/hooks/useIotaClientQuery.js.map +2 -2
  136. package/dist/cjs/hooks/wallet/useAutoConnectWallet.js +17 -7
  137. package/dist/cjs/hooks/wallet/useAutoConnectWallet.js.map +2 -2
  138. package/dist/cjs/hooks/wallet/useConnectWallet.js +10 -4
  139. package/dist/cjs/hooks/wallet/useConnectWallet.js.map +2 -2
  140. package/dist/cjs/hooks/wallet/useCurrentWallet.d.ts +3 -0
  141. package/dist/cjs/hooks/wallet/useCurrentWallet.js +7 -3
  142. package/dist/cjs/hooks/wallet/useCurrentWallet.js.map +2 -2
  143. package/dist/cjs/hooks/wallet/useDisconnectWallet.js +11 -6
  144. package/dist/cjs/hooks/wallet/useDisconnectWallet.js.map +2 -2
  145. package/dist/cjs/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
  146. package/dist/cjs/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +41 -37
  147. package/dist/cjs/hooks/wallet/useReportTransactionEffects.js.map +7 -0
  148. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
  149. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js +252 -0
  150. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
  151. package/dist/cjs/hooks/wallet/useSignPersonalMessage.js +21 -27
  152. package/dist/cjs/hooks/wallet/useSignPersonalMessage.js.map +2 -2
  153. package/dist/cjs/hooks/wallet/useSignTransaction.d.ts +18 -0
  154. package/dist/cjs/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +86 -46
  155. package/dist/cjs/hooks/wallet/useSignTransaction.js.map +7 -0
  156. package/dist/cjs/hooks/wallet/useSwitchAccount.js +11 -6
  157. package/dist/cjs/hooks/wallet/useSwitchAccount.js.map +2 -2
  158. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js +45 -33
  159. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  160. package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js +7 -3
  161. package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
  162. package/dist/cjs/hooks/wallet/useWalletsChanged.d.ts +1 -1
  163. package/dist/cjs/hooks/wallet/useWalletsChanged.js +7 -6
  164. package/dist/cjs/hooks/wallet/useWalletsChanged.js.map +2 -2
  165. package/dist/cjs/index.css +232 -241
  166. package/dist/cjs/index.css.map +3 -3
  167. package/dist/cjs/index.d.ts +4 -3
  168. package/dist/cjs/index.js +816 -1042
  169. package/dist/cjs/index.js.map +4 -4
  170. package/dist/cjs/themes/lightTheme.js +19 -19
  171. package/dist/cjs/themes/lightTheme.js.map +1 -1
  172. package/dist/cjs/themes/themeContract.js.map +1 -1
  173. package/dist/cjs/types.d.ts +1 -1
  174. package/dist/cjs/types.js.map +1 -1
  175. package/dist/cjs/utils/assertUnreachable.js.map +1 -1
  176. package/dist/cjs/utils/walletUtils.d.ts +2 -2
  177. package/dist/cjs/utils/walletUtils.js +2 -2
  178. package/dist/cjs/utils/walletUtils.js.map +2 -2
  179. package/dist/cjs/walletStore.d.ts +3 -2
  180. package/dist/cjs/walletStore.js +8 -4
  181. package/dist/cjs/walletStore.js.map +2 -2
  182. package/dist/esm/components/AccountDropdownMenu.css +26 -54
  183. package/dist/esm/components/AccountDropdownMenu.css.css +18 -27
  184. package/dist/esm/components/AccountDropdownMenu.css.css.map +3 -3
  185. package/dist/esm/components/AccountDropdownMenu.css.d.ts +0 -1
  186. package/dist/esm/components/AccountDropdownMenu.css.js +4 -6
  187. package/dist/esm/components/AccountDropdownMenu.css.js.map +2 -2
  188. package/dist/esm/components/AccountDropdownMenu.css.map +3 -3
  189. package/dist/esm/components/AccountDropdownMenu.d.ts +3 -1
  190. package/dist/esm/components/AccountDropdownMenu.js +25 -21
  191. package/dist/esm/components/AccountDropdownMenu.js.map +3 -3
  192. package/dist/esm/components/ConnectButton.css +181 -190
  193. package/dist/esm/components/ConnectButton.css.map +3 -3
  194. package/dist/esm/components/ConnectButton.d.ts +5 -3
  195. package/dist/esm/components/ConnectButton.js +344 -669
  196. package/dist/esm/components/ConnectButton.js.map +4 -4
  197. package/dist/esm/components/IotaClientProvider.d.ts +0 -1
  198. package/dist/esm/components/WalletProvider.d.ts +3 -3
  199. package/dist/esm/components/WalletProvider.js +106 -151
  200. package/dist/esm/components/WalletProvider.js.map +3 -3
  201. package/dist/esm/components/connect-modal/ConnectModal.css +214 -172
  202. package/dist/esm/components/connect-modal/ConnectModal.css.css +69 -32
  203. package/dist/esm/components/connect-modal/ConnectModal.css.css.map +3 -3
  204. package/dist/esm/components/connect-modal/ConnectModal.css.d.ts +5 -1
  205. package/dist/esm/components/connect-modal/ConnectModal.css.js +15 -7
  206. package/dist/esm/components/connect-modal/ConnectModal.css.js.map +2 -2
  207. package/dist/esm/components/connect-modal/ConnectModal.css.map +3 -3
  208. package/dist/esm/components/connect-modal/ConnectModal.js +407 -703
  209. package/dist/esm/components/connect-modal/ConnectModal.js.map +4 -4
  210. package/dist/esm/components/connect-modal/InfoSection.css +7 -11
  211. package/dist/esm/components/connect-modal/InfoSection.css.css.map +1 -1
  212. package/dist/esm/components/connect-modal/InfoSection.css.map +3 -3
  213. package/dist/esm/components/connect-modal/InfoSection.js +1 -1
  214. package/dist/esm/components/connect-modal/InfoSection.js.map +2 -2
  215. package/dist/esm/components/connect-modal/views/ConnectionStatus.css +145 -0
  216. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css +32 -0
  217. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css.map +7 -0
  218. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.d.ts +5 -0
  219. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.js +14 -0
  220. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.js.map +7 -0
  221. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.map +7 -0
  222. package/dist/esm/components/connect-modal/views/ConnectionStatus.d.ts +8 -0
  223. package/dist/esm/components/connect-modal/views/ConnectionStatus.js +140 -0
  224. package/dist/esm/components/connect-modal/views/ConnectionStatus.js.map +7 -0
  225. package/dist/esm/components/connect-modal/views/GetTheWallet.css.css.map +1 -1
  226. package/dist/esm/components/connect-modal/views/GetTheWallet.css.map +1 -1
  227. package/dist/esm/components/connect-modal/views/GetTheWallet.js +12 -391
  228. package/dist/esm/components/connect-modal/views/GetTheWallet.js.map +2 -2
  229. package/dist/esm/components/connect-modal/views/GettingStarted.css +144 -0
  230. package/dist/esm/components/connect-modal/views/GettingStarted.css.css +23 -0
  231. package/dist/esm/components/connect-modal/views/GettingStarted.css.css.map +7 -0
  232. package/dist/esm/components/connect-modal/views/GettingStarted.css.d.ts +3 -0
  233. package/dist/esm/components/connect-modal/views/GettingStarted.css.js +10 -0
  234. package/dist/esm/components/connect-modal/views/GettingStarted.css.js.map +7 -0
  235. package/dist/esm/components/connect-modal/views/GettingStarted.css.map +7 -0
  236. package/dist/esm/components/connect-modal/views/GettingStarted.d.ts +1 -0
  237. package/dist/esm/components/connect-modal/views/GettingStarted.js +139 -0
  238. package/dist/esm/components/connect-modal/views/GettingStarted.js.map +7 -0
  239. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css +95 -0
  240. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css +17 -0
  241. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css.map +7 -0
  242. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.d.ts +2 -0
  243. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.js +8 -0
  244. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.js.map +7 -0
  245. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.map +7 -0
  246. package/dist/esm/components/connect-modal/views/WhatIsAWallet.d.ts +1 -0
  247. package/dist/esm/components/connect-modal/views/WhatIsAWallet.js +102 -0
  248. package/dist/esm/components/connect-modal/views/WhatIsAWallet.js.map +7 -0
  249. package/dist/esm/components/connect-modal/views/index.css +115 -124
  250. package/dist/esm/components/connect-modal/views/index.css.map +3 -3
  251. package/dist/esm/components/connect-modal/views/index.d.ts +2 -1
  252. package/dist/esm/components/connect-modal/views/index.js +141 -645
  253. package/dist/esm/components/connect-modal/views/index.js.map +4 -4
  254. package/dist/esm/components/connect-modal/wallet-list/WalletList.css +10 -22
  255. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css +2 -5
  256. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css.map +3 -3
  257. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.js.map +1 -1
  258. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.map +3 -3
  259. package/dist/esm/components/connect-modal/wallet-list/WalletList.d.ts +4 -4
  260. package/dist/esm/components/connect-modal/wallet-list/WalletList.js +61 -38
  261. package/dist/esm/components/connect-modal/wallet-list/WalletList.js.map +4 -4
  262. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css +8 -17
  263. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css +8 -17
  264. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css.map +3 -3
  265. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.d.ts +0 -1
  266. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js +2 -4
  267. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js.map +2 -2
  268. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.map +3 -3
  269. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js +5 -32
  270. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js.map +4 -4
  271. package/dist/esm/components/icons/BackIcon.d.ts +2 -0
  272. package/dist/esm/components/icons/BackIcon.js +15 -0
  273. package/dist/esm/components/icons/BackIcon.js.map +7 -0
  274. package/dist/esm/components/icons/IotaIcon.js +12 -391
  275. package/dist/esm/components/icons/IotaIcon.js.map +2 -2
  276. package/dist/esm/components/styling/InjectedThemeStyles.js +2 -0
  277. package/dist/esm/components/styling/InjectedThemeStyles.js.map +2 -2
  278. package/dist/esm/components/styling/StyleMarker.css +1 -16
  279. package/dist/esm/components/styling/StyleMarker.css.css +1 -16
  280. package/dist/esm/components/styling/StyleMarker.css.css.map +3 -3
  281. package/dist/esm/components/styling/StyleMarker.css.js +4 -4
  282. package/dist/esm/components/styling/StyleMarker.css.js.map +3 -3
  283. package/dist/esm/components/styling/StyleMarker.css.map +3 -3
  284. package/dist/esm/components/styling/StyleMarker.d.ts +0 -1
  285. package/dist/esm/components/styling/StyleMarker.js +4 -4
  286. package/dist/esm/components/styling/StyleMarker.js.map +3 -3
  287. package/dist/esm/components/ui/Button.css.css.map +1 -1
  288. package/dist/esm/components/ui/Button.css.map +1 -1
  289. package/dist/esm/components/ui/Button.d.ts +1 -1
  290. package/dist/esm/components/ui/Heading.css.css.map +1 -1
  291. package/dist/esm/components/ui/Heading.css.map +1 -1
  292. package/dist/esm/components/ui/Heading.d.ts +0 -1
  293. package/dist/esm/components/ui/IconButton.css.css.map +1 -1
  294. package/dist/esm/components/ui/IconButton.css.map +1 -1
  295. package/dist/esm/components/ui/IconButton.d.ts +1 -1
  296. package/dist/esm/components/ui/Text.css +7 -11
  297. package/dist/esm/components/ui/Text.css.css +7 -11
  298. package/dist/esm/components/ui/Text.css.css.map +3 -3
  299. package/dist/esm/components/ui/Text.css.d.ts +0 -3
  300. package/dist/esm/components/ui/Text.css.js +1 -1
  301. package/dist/esm/components/ui/Text.css.js.map +2 -2
  302. package/dist/esm/components/ui/Text.css.map +3 -3
  303. package/dist/esm/components/ui/Text.d.ts +0 -1
  304. package/dist/esm/components/ui/Text.js +1 -1
  305. package/dist/esm/components/ui/Text.js.map +2 -2
  306. package/dist/esm/constants/styleDataAttribute.js.map +1 -1
  307. package/dist/esm/constants/walletDefaults.d.ts +2 -2
  308. package/dist/esm/constants/walletDefaults.js +4 -5
  309. package/dist/esm/constants/walletDefaults.js.map +2 -2
  310. package/dist/esm/constants/walletMutationKeys.d.ts +3 -2
  311. package/dist/esm/constants/walletMutationKeys.js +4 -3
  312. package/dist/esm/constants/walletMutationKeys.js.map +2 -2
  313. package/dist/esm/contexts/walletContext.d.ts +1 -2
  314. package/dist/esm/hooks/useIotaClientInfiniteQuery.js.map +2 -2
  315. package/dist/esm/hooks/useIotaClientQuery.js +3 -1
  316. package/dist/esm/hooks/useIotaClientQuery.js.map +2 -2
  317. package/dist/esm/hooks/wallet/useAutoConnectWallet.js +17 -7
  318. package/dist/esm/hooks/wallet/useAutoConnectWallet.js.map +2 -2
  319. package/dist/esm/hooks/wallet/useConnectWallet.js +10 -4
  320. package/dist/esm/hooks/wallet/useConnectWallet.js.map +2 -2
  321. package/dist/esm/hooks/wallet/useCurrentWallet.d.ts +3 -0
  322. package/dist/esm/hooks/wallet/useCurrentWallet.js +7 -3
  323. package/dist/esm/hooks/wallet/useCurrentWallet.js.map +2 -2
  324. package/dist/esm/hooks/wallet/useDisconnectWallet.js +11 -6
  325. package/dist/esm/hooks/wallet/useDisconnectWallet.js.map +2 -2
  326. package/dist/esm/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
  327. package/dist/esm/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +38 -34
  328. package/dist/esm/hooks/wallet/useReportTransactionEffects.js.map +7 -0
  329. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
  330. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js +231 -0
  331. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
  332. package/dist/esm/hooks/wallet/useSignPersonalMessage.js +21 -27
  333. package/dist/esm/hooks/wallet/useSignPersonalMessage.js.map +2 -2
  334. package/dist/esm/hooks/wallet/useSignTransaction.d.ts +18 -0
  335. package/dist/esm/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +83 -43
  336. package/dist/esm/hooks/wallet/useSignTransaction.js.map +7 -0
  337. package/dist/esm/hooks/wallet/useSwitchAccount.js +11 -6
  338. package/dist/esm/hooks/wallet/useSwitchAccount.js.map +2 -2
  339. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js +44 -32
  340. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  341. package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js +7 -3
  342. package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
  343. package/dist/esm/hooks/wallet/useWalletsChanged.d.ts +1 -1
  344. package/dist/esm/hooks/wallet/useWalletsChanged.js +7 -6
  345. package/dist/esm/hooks/wallet/useWalletsChanged.js.map +2 -2
  346. package/dist/esm/index.css +232 -241
  347. package/dist/esm/index.css.map +3 -3
  348. package/dist/esm/index.d.ts +4 -3
  349. package/dist/esm/index.js +818 -1044
  350. package/dist/esm/index.js.map +4 -4
  351. package/dist/esm/themes/lightTheme.js +19 -19
  352. package/dist/esm/themes/lightTheme.js.map +1 -1
  353. package/dist/esm/themes/themeContract.js.map +1 -1
  354. package/dist/esm/types.d.ts +1 -1
  355. package/dist/esm/utils/assertUnreachable.js.map +1 -1
  356. package/dist/esm/utils/walletUtils.d.ts +2 -2
  357. package/dist/esm/utils/walletUtils.js +2 -2
  358. package/dist/esm/utils/walletUtils.js.map +2 -2
  359. package/dist/esm/walletStore.d.ts +3 -2
  360. package/dist/esm/walletStore.js +8 -4
  361. package/dist/esm/walletStore.js.map +2 -2
  362. package/dist/index.css/package.json +5 -0
  363. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  364. package/dist/tsconfig.tsbuildinfo +1 -1
  365. package/package.json +27 -28
  366. package/src/components/AccountDropdownMenu.css.ts +11 -17
  367. package/src/components/AccountDropdownMenu.tsx +10 -5
  368. package/src/components/ConnectButton.tsx +12 -5
  369. package/src/components/WalletProvider.tsx +11 -22
  370. package/src/components/connect-modal/ConnectModal.css.ts +58 -17
  371. package/src/components/connect-modal/ConnectModal.tsx +101 -16
  372. package/src/components/connect-modal/views/ConnectionStatus.css.ts +36 -0
  373. package/src/components/connect-modal/views/ConnectionStatus.tsx +55 -0
  374. package/src/components/connect-modal/views/GettingStarted.css.ts +26 -0
  375. package/src/components/connect-modal/views/GettingStarted.tsx +40 -0
  376. package/src/components/connect-modal/views/WhatIsAWallet.css.ts +20 -0
  377. package/src/components/connect-modal/views/WhatIsAWallet.tsx +24 -0
  378. package/src/components/connect-modal/views/index.ts +2 -1
  379. package/src/components/connect-modal/wallet-list/WalletList.css.ts +1 -5
  380. package/src/components/connect-modal/wallet-list/WalletList.tsx +25 -11
  381. package/src/components/connect-modal/wallet-list/WalletListItem.css.ts +6 -14
  382. package/src/components/connect-modal/wallet-list/WalletListItem.tsx +9 -12
  383. package/src/components/icons/BackIcon.tsx +18 -0
  384. package/src/components/icons/IotaIcon.tsx +6 -222
  385. package/src/components/styling/InjectedThemeStyles.tsx +4 -0
  386. package/src/components/styling/StyleMarker.css.ts +0 -15
  387. package/src/components/ui/Text.css.ts +1 -1
  388. package/src/constants/walletDefaults.ts +6 -5
  389. package/src/constants/walletMutationKeys.ts +3 -2
  390. package/src/hooks/useIotaClientInfiniteQuery.ts +2 -1
  391. package/src/hooks/useIotaClientQuery.ts +3 -1
  392. package/src/hooks/wallet/useAutoConnectWallet.ts +1 -1
  393. package/src/hooks/wallet/useConnectWallet.ts +6 -1
  394. package/src/hooks/wallet/useCurrentWallet.ts +4 -0
  395. package/src/hooks/wallet/useReportTransactionEffects.ts +87 -0
  396. package/src/hooks/wallet/useSignAndExecuteTransaction.ts +165 -0
  397. package/src/hooks/wallet/useSignPersonalMessage.ts +11 -25
  398. package/src/hooks/wallet/useSignTransaction.ts +117 -0
  399. package/src/hooks/wallet/useUnsafeBurnerWallet.ts +41 -18
  400. package/src/hooks/wallet/useWalletsChanged.ts +5 -4
  401. package/src/index.ts +4 -3
  402. package/src/themes/lightTheme.ts +19 -19
  403. package/src/types.ts +1 -1
  404. package/src/utils/walletUtils.ts +8 -3
  405. package/src/walletStore.ts +12 -1
  406. package/dist/cjs/components/connect-modal/views/WalletConnect.css +0 -179
  407. package/dist/cjs/components/connect-modal/views/WalletConnect.css.css +0 -51
  408. package/dist/cjs/components/connect-modal/views/WalletConnect.css.css.map +0 -7
  409. package/dist/cjs/components/connect-modal/views/WalletConnect.css.d.ts +0 -8
  410. package/dist/cjs/components/connect-modal/views/WalletConnect.css.js +0 -41
  411. package/dist/cjs/components/connect-modal/views/WalletConnect.css.js.map +0 -7
  412. package/dist/cjs/components/connect-modal/views/WalletConnect.css.map +0 -7
  413. package/dist/cjs/components/connect-modal/views/WalletConnect.d.ts +0 -7
  414. package/dist/cjs/components/connect-modal/views/WalletConnect.js +0 -325
  415. package/dist/cjs/components/connect-modal/views/WalletConnect.js.map +0 -7
  416. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
  417. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
  418. package/dist/cjs/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
  419. package/dist/cjs/hooks/wallet/useSignTransactionBlock.js.map +0 -7
  420. package/dist/esm/components/connect-modal/views/WalletConnect.css +0 -179
  421. package/dist/esm/components/connect-modal/views/WalletConnect.css.css +0 -51
  422. package/dist/esm/components/connect-modal/views/WalletConnect.css.css.map +0 -7
  423. package/dist/esm/components/connect-modal/views/WalletConnect.css.d.ts +0 -8
  424. package/dist/esm/components/connect-modal/views/WalletConnect.css.js +0 -20
  425. package/dist/esm/components/connect-modal/views/WalletConnect.css.js.map +0 -7
  426. package/dist/esm/components/connect-modal/views/WalletConnect.css.map +0 -7
  427. package/dist/esm/components/connect-modal/views/WalletConnect.d.ts +0 -7
  428. package/dist/esm/components/connect-modal/views/WalletConnect.js +0 -294
  429. package/dist/esm/components/connect-modal/views/WalletConnect.js.map +0 -7
  430. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
  431. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
  432. package/dist/esm/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
  433. package/dist/esm/hooks/wallet/useSignTransactionBlock.js.map +0 -7
  434. package/src/components/connect-modal/views/WalletConnect.css.ts +0 -55
  435. package/src/components/connect-modal/views/WalletConnect.tsx +0 -79
  436. package/src/hooks/wallet/useSignAndExecuteTransactionBlock.ts +0 -117
  437. package/src/hooks/wallet/useSignTransactionBlock.ts +0 -85
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @iota/dapp-kit
2
2
 
3
+ ## 0.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 6eabd18: Changes for compatibility with the node, simplification of exposed APIs and general
8
+ improvements.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies [6eabd18]
13
+ - @iota/iota-sdk@0.3.0
14
+ - @iota/wallet-standard@0.2.0
15
+
3
16
  ## 0.2.0
4
17
 
5
18
  ### Minor Changes
package/README.md CHANGED
@@ -1,18 +1,18 @@
1
- # Iota dApp Kit
1
+ # IOTA dApp Kit
2
2
 
3
- The Iota dApp Kit is a set of React components, hooks, and utilities that make it easy to build a
4
- dApp for the Iota ecosystem. It provides hooks and components for querying data from the Iota
5
- blockchain, and connecting to Iota wallets.
3
+ The IOTA dApp Kit is a set of React components, hooks, and utilities that make it easy to build a
4
+ dApp for the IOTA ecosystem. It provides hooks and components for querying data from the IOTA
5
+ blockchain, and connecting to IOTA wallets.
6
6
 
7
- See the TypeScript docs for full documentation
7
+ See https://wiki.iota.org/references/ts-sdk/typescript for full documentation
8
8
 
9
9
  ### Core Features
10
10
 
11
- - **Query Hooks:** dApp Kit provides a set of hooks for making rpc calls to the Iota blockchain,
11
+ - **Query Hooks:** dApp Kit provides a set of hooks for making rpc calls to the IOTA blockchain,
12
12
  making it easy to load any information needed for your dApp.
13
13
  - **Automatic Wallet State Management:** dApp Kit removes the complexity of state management
14
14
  related to wallet connections. You can focus on building your dApp.
15
- - **Supports all Iota wallets:** No need to manually define wallets you support. All Iota wallets
15
+ - **Supports all IOTA wallets:** No need to manually define wallets you support. All IOTA wallets
16
16
  are automatically supported.
17
17
  - **Easy to integrate:** dApp Kit provides pre-built React Components that you can drop right into
18
18
  your dApp, for easier integration
@@ -21,7 +21,7 @@ See the TypeScript docs for full documentation
21
21
 
22
22
  ## Install from NPM
23
23
 
24
- To use the Iota dApp Kit in your project, run the following command in your project root:
24
+ To use the IOTA dApp Kit in your project, run the following command in your project root:
25
25
 
26
26
  ```sh npm2yarn
27
27
  npm i --save @iota/dapp-kit @iota/iota-sdk @tanstack/react-query
@@ -61,12 +61,14 @@ function App() {
61
61
  ## Using UI components to connect to a wallet
62
62
 
63
63
  The dApp Kit provides a set of flexible UI components that can be used to connect and manage wallet
64
- accounts from your dApp. The components are built on top of [Radix UI](radix-ui.com/primitives) and
65
- are customizable so you can quickly get your dApp up and running.
64
+ accounts from your dApp. The components are built on top of
65
+ [Radix UI](https://www.radix-ui.com/primitives) and are customizable so you can quickly get your
66
+ dApp up and running.
66
67
 
67
68
  To use our provided UI components, you will need to import the dApp Kit's CSS stylesheet into your
68
69
  dApp as shown below. For more information regarding customization options, check out the respective
69
- documentation pages for the components and [themes]().
70
+ documentation pages for the components and
71
+ [themes](https://wiki.iota.org/references/ts-sdk/dapp-kit/themes).
70
72
 
71
73
  ```tsx
72
74
  import '@iota/dapp-kit/dist/index.css';
@@ -74,7 +76,7 @@ import '@iota/dapp-kit/dist/index.css';
74
76
 
75
77
  ## Using hooks to make RPC calls
76
78
 
77
- The dApp Kit provides a set of hooks for making RPC calls to the Iota blockchain. The hooks are thin
79
+ The dApp Kit provides a set of hooks for making RPC calls to the IOTA blockchain. The hooks are thin
78
80
  wrappers around `useQuery` from `@tanstack/react-query`. For more comprehensive documentation on how
79
81
  these query hooks can be used, check out the
80
82
  [react-query docs](https://tanstack.com/query/latest/docs/react/overview).
@@ -1,62 +1,53 @@
1
- /* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUPW/bMBDd/Ss4tgMDOf1Ay0xtOqRDJg8dDZo8S1eLR4I8xpaL/vdClL8Q2YmDahFw9959vEfy5psxPhP/iD5Yv6ZHoDw3nggMg90l5/PppqpdWFbiz0SIWgclnnR8J6XVIcgVskxBG6RabpLTbfv+bvJ3cnOutAPK955YI0E81J2WuluJZGGjxNf9d7EMGk8H9m1hG9/6OJqrRJNceNu9PhScrPqhFLWYQqs7JZYtbO4movylxQiG0ZPqu2ZHfWaNlhslpl+qUJBOb2QDWDesxG11CMYaSbK/QsFXhD7BLXy0EGXUFnMaMfowylbHGga0Nqs6+kxWntfsCLgf1LMnYpUSQVuLVF8x3AuK/2RwB7k/FrlzgigTtGBYCfIEfTOfuUWCY2Bkim6xJokMLilhgBjitbI4sJhdWWrpiWXCLYygfWaGW0gj+Hpn8BnCr5JKknx0evCpBeZ+wUGlEYu74OuoQ9PJATkbgAMXCQ7n6QUiEjwU1FVGvdkm1fgniMWst5+jENHp2H3PzJ4e+kJlSJNj6unB42DdhWnSGtk0u8zj89E+nb+wv3NiXHbSDPdbiX51kAvgNQBdPD2XRoCgo2Z/fLo+l7Z7Y6bh+EqkJiKtlKj+/9LN9m17q/4BQ/VQ4bMFAAA= */
1
+ /* 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== */
2
2
  [data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0,
3
3
  [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {
4
- gap: var(--dapp-kit-spacing-xsmall);
4
+ gap: 8px;
5
5
  }
6
6
  [data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1,
7
7
  [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {
8
8
  z-index: 999999999;
9
9
  }
10
- [data-dapp-kit].AccountDropdownMenu_icon__1x0gmpf2,
11
- [data-dapp-kit] .AccountDropdownMenu_icon__1x0gmpf2 {
12
- color: var(--dapp-kit-colors-body);
13
- }
14
- [data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf3,
15
- [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf3 {
10
+ [data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2,
11
+ [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {
16
12
  display: flex;
17
13
  flex-direction: column;
18
14
  width: 180px;
19
15
  max-height: 200px;
20
- margin-top: var(--dapp-kit-spacing-xsmall);
21
- gap: var(--dapp-kit-spacing-xxsmall);
16
+ margin-top: 4px;
17
+ padding: 8px;
18
+ gap: 8px;
22
19
  border-radius: var(--dapp-kit-radii-large);
23
20
  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
24
- padding: var(--dapp-kit-spacing-xxsmall);
25
21
  }
26
- [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4,
27
- [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {
22
+ [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3,
23
+ [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {
24
+ padding: 8px;
28
25
  -webkit-user-select: none;
29
26
  -moz-user-select: none;
30
27
  user-select: none;
31
28
  outline: none;
32
29
  display: flex;
33
30
  align-items: center;
34
- border-radius: var(--dapp-kit-radii-medium);
35
- font-size: var(--dapp-kit-fontSizes-medium);
36
- font-weight: var(--dapp-kit-fontWeights-normal);
37
- letter-spacing: var(--dapp-kit-typography-letterSpacing);
38
- line-height: var(--dapp-kit-typography-lineHeight);
39
- padding: var(--dapp-kit-spacing-small);
31
+ border-radius: var(--dapp-kit-radii-large);
40
32
  }
41
- [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4:hover,
42
- [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4:hover {
43
- background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
44
- cursor: pointer;
33
+ [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted],
34
+ [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {
35
+ background-color: var(--dapp-kit-backgroundColors-primaryButton);
45
36
  }
46
- [data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5,
47
- [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {
37
+ [data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4,
38
+ [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {
48
39
  display: flex;
49
40
  justify-content: space-between;
50
41
  align-items: center;
51
42
  }
52
- [data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6,
53
- [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {
43
+ [data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5,
44
+ [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {
54
45
  height: 1px;
55
46
  flex-shrink: 0;
56
47
  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
57
48
  }
58
49
 
59
- /* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51US4/TMBC+91fMcYtiqYXCIT0iIe6LxHkSe2Orrm2NJyRZxH9HtrttmrAL4hLJ4+8xL6cetCL18G4LPzcAjR9FNM/GdTU0nqQi0fjxuAFovfVUww+kByEkhiBOhkWORtF4OW0T6sk7Fk94NnZaYXkKviMMehIJ9iWjbqxontWKk26+K9NpjsJ5OqOdEXiya8bC5TGBbpwha/2rjTVOCf1nyswnwb5mVGEpZkUiBmxzH98gZuRjAW6Pm1+bukyj6Zm9KyPBEBQSulbV4LxTyaLB9tSR750Ul7kwoYsBSTledNQ4rcjwajqz+F2d8/iiktnVxXYWKetSwy4dAkqZKfl0RuqMy4driViqYzWykKr1hGy8u5W4NvA9p0RfIFclbyvobZGzJl4X40Vp5n6f2FVB7yvQ7yvQHyrQhwr0xwr0p6L4RieHdcfuK63FoJo089iSt7ZBypKDkaxr2B/C+ApMMGF7urzI/AoJpenjaplS2IjRInVly/+yGa+46f7c3N6/RumHVFZUDDvYwX4XxvJZ2N/cPpcfQdH8lvS2x//I/rJDhzBC9NbIRfa/AfAolD6tBAAA */
50
+ /* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
60
51
  [data-dapp-kit]:where(*),
61
52
  [data-dapp-kit] :where(*) {
62
53
  box-sizing: border-box;
@@ -101,21 +92,6 @@
101
92
  font-weight: inherit;
102
93
  margin: 0;
103
94
  }
104
- [data-dapp-kit]::-webkit-scrollbar,
105
- [data-dapp-kit] ::-webkit-scrollbar {
106
- width: 14px;
107
- }
108
- [data-dapp-kit]::-webkit-scrollbar-track,
109
- [data-dapp-kit] ::-webkit-scrollbar-track {
110
- border-radius: var(--dapp-kit-radii-xlarge);
111
- background-color: transparent;
112
- }
113
- [data-dapp-kit]::-webkit-scrollbar-thumb,
114
- [data-dapp-kit] ::-webkit-scrollbar-thumb {
115
- box-shadow: inset 0 0 10px 10px var(--dapp-kit-backgroundColors-scrollThumb);
116
- border-radius: var(--dapp-kit-radii-xlarge);
117
- border: 4px solid transparent;
118
- }
119
95
 
120
96
  /* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA== */
121
97
  [data-dapp-kit].Button_buttonVariants__ctbx2n0,
@@ -160,7 +136,7 @@
160
136
  padding: 16px 24px;
161
137
  }
162
138
 
163
- /* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9ib2R5X19hcHJoYmQ1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHkpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNiB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDcgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkOCB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
139
+ /* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
164
140
  [data-dapp-kit].Text_textVariants_size_sm__aprhbd1,
165
141
  [data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {
166
142
  font-size: var(--dapp-kit-fontSizes-small);
@@ -177,20 +153,16 @@
177
153
  [data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {
178
154
  font-weight: var(--dapp-kit-fontWeights-bold);
179
155
  }
180
- [data-dapp-kit].Text_textVariants_color_body__aprhbd5,
181
- [data-dapp-kit] .Text_textVariants_color_body__aprhbd5 {
182
- color: var(--dapp-kit-colors-body);
183
- }
184
- [data-dapp-kit].Text_textVariants_color_muted__aprhbd6,
185
- [data-dapp-kit] .Text_textVariants_color_muted__aprhbd6 {
156
+ [data-dapp-kit].Text_textVariants_color_muted__aprhbd5,
157
+ [data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {
186
158
  color: var(--dapp-kit-colors-bodyMuted);
187
159
  }
188
- [data-dapp-kit].Text_textVariants_color_danger__aprhbd7,
189
- [data-dapp-kit] .Text_textVariants_color_danger__aprhbd7 {
160
+ [data-dapp-kit].Text_textVariants_color_danger__aprhbd6,
161
+ [data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {
190
162
  color: var(--dapp-kit-colors-bodyDanger);
191
163
  }
192
- [data-dapp-kit].Text_textVariants_mono_true__aprhbd8,
193
- [data-dapp-kit] .Text_textVariants_mono_true__aprhbd8 {
164
+ [data-dapp-kit].Text_textVariants_mono_true__aprhbd7,
165
+ [data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {
194
166
  font-family:
195
167
  ui-monospace,
196
168
  SFMono-Regular,
@@ -1,56 +1,47 @@
1
- /* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUPW/bMBDd/Ss4tgMDOf1Ay0xtOqRDJg8dDZo8S1eLR4I8xpaL/vdClL8Q2YmDahFw9959vEfy5psxPhP/iD5Yv6ZHoDw3nggMg90l5/PppqpdWFbiz0SIWgclnnR8J6XVIcgVskxBG6RabpLTbfv+bvJ3cnOutAPK955YI0E81J2WuluJZGGjxNf9d7EMGk8H9m1hG9/6OJqrRJNceNu9PhScrPqhFLWYQqs7JZYtbO4movylxQiG0ZPqu2ZHfWaNlhslpl+qUJBOb2QDWDesxG11CMYaSbK/QsFXhD7BLXy0EGXUFnMaMfowylbHGga0Nqs6+kxWntfsCLgf1LMnYpUSQVuLVF8x3AuK/2RwB7k/FrlzgigTtGBYCfIEfTOfuUWCY2Bkim6xJokMLilhgBjitbI4sJhdWWrpiWXCLYygfWaGW0gj+Hpn8BnCr5JKknx0evCpBeZ+wUGlEYu74OuoQ9PJATkbgAMXCQ7n6QUiEjwU1FVGvdkm1fgniMWst5+jENHp2H3PzJ4e+kJlSJNj6unB42DdhWnSGtk0u8zj89E+nb+wv3NiXHbSDPdbiX51kAvgNQBdPD2XRoCgo2Z/fLo+l7Z7Y6bh+EqkJiKtlKj+/9LN9m17q/4BQ/VQ4bMFAAA= */
1
+ /* 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== */
2
2
  [data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0,
3
3
  [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {
4
- gap: var(--dapp-kit-spacing-xsmall);
4
+ gap: 8px;
5
5
  }
6
6
  [data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1,
7
7
  [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {
8
8
  z-index: 999999999;
9
9
  }
10
- [data-dapp-kit].AccountDropdownMenu_icon__1x0gmpf2,
11
- [data-dapp-kit] .AccountDropdownMenu_icon__1x0gmpf2 {
12
- color: var(--dapp-kit-colors-body);
13
- }
14
- [data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf3,
15
- [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf3 {
10
+ [data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2,
11
+ [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {
16
12
  display: flex;
17
13
  flex-direction: column;
18
14
  width: 180px;
19
15
  max-height: 200px;
20
- margin-top: var(--dapp-kit-spacing-xsmall);
21
- gap: var(--dapp-kit-spacing-xxsmall);
16
+ margin-top: 4px;
17
+ padding: 8px;
18
+ gap: 8px;
22
19
  border-radius: var(--dapp-kit-radii-large);
23
20
  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
24
- padding: var(--dapp-kit-spacing-xxsmall);
25
21
  }
26
- [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4,
27
- [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {
22
+ [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3,
23
+ [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {
24
+ padding: 8px;
28
25
  -webkit-user-select: none;
29
26
  -moz-user-select: none;
30
27
  user-select: none;
31
28
  outline: none;
32
29
  display: flex;
33
30
  align-items: center;
34
- border-radius: var(--dapp-kit-radii-medium);
35
- font-size: var(--dapp-kit-fontSizes-medium);
36
- font-weight: var(--dapp-kit-fontWeights-normal);
37
- letter-spacing: var(--dapp-kit-typography-letterSpacing);
38
- line-height: var(--dapp-kit-typography-lineHeight);
39
- padding: var(--dapp-kit-spacing-small);
31
+ border-radius: var(--dapp-kit-radii-large);
40
32
  }
41
- [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4:hover,
42
- [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4:hover {
43
- background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
44
- cursor: pointer;
33
+ [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted],
34
+ [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {
35
+ background-color: var(--dapp-kit-backgroundColors-primaryButton);
45
36
  }
46
- [data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5,
47
- [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {
37
+ [data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4,
38
+ [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {
48
39
  display: flex;
49
40
  justify-content: space-between;
50
41
  align-items: center;
51
42
  }
52
- [data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6,
53
- [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {
43
+ [data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5,
44
+ [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {
54
45
  height: 1px;
55
46
  flex-shrink: 0;
56
47
  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUPW/bMBDd/Ss4tgMDOf1Ay0xtOqRDJg8dDZo8S1eLR4I8xpaL/vdClL8Q2YmDahFw9959vEfy5psxPhP/iD5Yv6ZHoDw3nggMg90l5/PppqpdWFbiz0SIWgclnnR8J6XVIcgVskxBG6RabpLTbfv+bvJ3cnOutAPK955YI0E81J2WuluJZGGjxNf9d7EMGk8H9m1hG9/6OJqrRJNceNu9PhScrPqhFLWYQqs7JZYtbO4movylxQiG0ZPqu2ZHfWaNlhslpl+qUJBOb2QDWDesxG11CMYaSbK/QsFXhD7BLXy0EGXUFnMaMfowylbHGga0Nqs6+kxWntfsCLgf1LMnYpUSQVuLVF8x3AuK/2RwB7k/FrlzgigTtGBYCfIEfTOfuUWCY2Bkim6xJokMLilhgBjitbI4sJhdWWrpiWXCLYygfWaGW0gj+Hpn8BnCr5JKknx0evCpBeZ+wUGlEYu74OuoQ9PJATkbgAMXCQ7n6QUiEjwU1FVGvdkm1fgniMWst5+jENHp2H3PzJ4e+kJlSJNj6unB42DdhWnSGtk0u8zj89E+nb+wv3NiXHbSDPdbiX51kAvgNQBdPD2XRoCgo2Z/fLo+l7Z7Y6bh+EqkJiKtlKj+/9LN9m17q/4BQ/VQ4bMFAAA="],
4
- "sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n gap: var(--dapp-kit-spacing-xsmall);\n}\n[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {\n z-index: 999999999;\n}\n[data-dapp-kit].AccountDropdownMenu_icon__1x0gmpf2, [data-dapp-kit] .AccountDropdownMenu_icon__1x0gmpf2 {\n color: var(--dapp-kit-colors-body);\n}\n[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf3, [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf3 {\n display: flex;\n flex-direction: column;\n width: 180px;\n max-height: 200px;\n margin-top: var(--dapp-kit-spacing-xsmall);\n gap: var(--dapp-kit-spacing-xxsmall);\n border-radius: var(--dapp-kit-radii-large);\n background-color: var(--dapp-kit-backgroundColors-dropdownMenu);\n padding: var(--dapp-kit-spacing-xxsmall);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {\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-medium);\n font-size: var(--dapp-kit-fontSizes-medium);\n font-weight: var(--dapp-kit-fontWeights-normal);\n letter-spacing: var(--dapp-kit-typography-letterSpacing);\n line-height: var(--dapp-kit-typography-lineHeight);\n padding: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4:hover, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4:hover {\n background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n cursor: pointer;\n}\n[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5, [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6, [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {\n height: 1px;\n flex-shrink: 0;\n background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n}"],
5
- "mappings": ";AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;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;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;",
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=="],
4
+ "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}"],
5
+ "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;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,5 @@
1
1
  export declare const connectedAccount: string;
2
2
  export declare const menuContainer: string;
3
- export declare const icon: string;
4
3
  export declare const menuContent: string;
5
4
  export declare const menuItem: string;
6
5
  export declare const switchAccountMenuItem: string;
@@ -21,7 +21,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
21
21
  var AccountDropdownMenu_css_exports = {};
22
22
  __export(AccountDropdownMenu_css_exports, {
23
23
  connectedAccount: () => connectedAccount,
24
- icon: () => icon,
25
24
  menuContainer: () => menuContainer,
26
25
  menuContent: () => menuContent,
27
26
  menuItem: () => menuItem,
@@ -30,10 +29,9 @@ __export(AccountDropdownMenu_css_exports, {
30
29
  });
31
30
  module.exports = __toCommonJS(AccountDropdownMenu_css_exports);
32
31
  var connectedAccount = "AccountDropdownMenu_connectedAccount__1x0gmpf0";
33
- var icon = "AccountDropdownMenu_icon__1x0gmpf2";
34
32
  var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf1";
35
- var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf3";
36
- var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf4";
37
- var separator = "AccountDropdownMenu_separator__1x0gmpf6";
38
- var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5";
33
+ var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf2";
34
+ var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf3";
35
+ var separator = "AccountDropdownMenu_separator__1x0gmpf5";
36
+ var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4";
39
37
  //# sourceMappingURL=AccountDropdownMenu.css.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/AccountDropdownMenu.css.ts"],
4
- "sourcesContent": ["import 'src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUPW/bMBDd/Ss4tgMDOf1Ay0xtOqRDJg8dDZo8S1eLR4I8xpaL/vdClL8Q2YmDahFw9959vEfy5psxPhP/iD5Yv6ZHoDw3nggMg90l5/PppqpdWFbiz0SIWgclnnR8J6XVIcgVskxBG6RabpLTbfv+bvJ3cnOutAPK955YI0E81J2WuluJZGGjxNf9d7EMGk8H9m1hG9/6OJqrRJNceNu9PhScrPqhFLWYQqs7JZYtbO4movylxQiG0ZPqu2ZHfWaNlhslpl+qUJBOb2QDWDesxG11CMYaSbK/QsFXhD7BLXy0EGXUFnMaMfowylbHGga0Nqs6+kxWntfsCLgf1LMnYpUSQVuLVF8x3AuK/2RwB7k/FrlzgigTtGBYCfIEfTOfuUWCY2Bkim6xJokMLilhgBjitbI4sJhdWWrpiWXCLYygfWaGW0gj+Hpn8BnCr5JKknx0evCpBeZ+wUGlEYu74OuoQ9PJATkbgAMXCQ7n6QUiEjwU1FVGvdkm1fgniMWst5+jENHp2H3PzJ4e+kJlSJNj6unB42DdhWnSGtk0u8zj89E+nb+wv3NiXHbSDPdbiX51kAvgNQBdPD2XRoCgo2Z/fLo+l7Z7Y6bh+EqkJiKtlKj+/9LN9m17q/4BQ/VQ4bMFAAA=';\nexport var connectedAccount = 'AccountDropdownMenu_connectedAccount__1x0gmpf0';\nexport var icon = 'AccountDropdownMenu_icon__1x0gmpf2';\nexport var menuContainer = 'AccountDropdownMenu_menuContainer__1x0gmpf1';\nexport var menuContent = 'AccountDropdownMenu_menuContent__1x0gmpf3';\nexport var menuItem = 'AccountDropdownMenu_menuItem__1x0gmpf4';\nexport var separator = 'AccountDropdownMenu_separator__1x0gmpf6';\nexport var switchAccountMenuItem = 'AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5';"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,mBAAmB;AACvB,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,wBAAwB;",
4
+ "sourcesContent": ["import '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==';\nexport var connectedAccount = 'AccountDropdownMenu_connectedAccount__1x0gmpf0';\nexport var menuContainer = 'AccountDropdownMenu_menuContainer__1x0gmpf1';\nexport var menuContent = 'AccountDropdownMenu_menuContent__1x0gmpf2';\nexport var menuItem = 'AccountDropdownMenu_menuItem__1x0gmpf3';\nexport var separator = 'AccountDropdownMenu_separator__1x0gmpf5';\nexport var switchAccountMenuItem = 'AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4';"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,wBAAwB;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUPW/bMBDd/Ss4tgMDOf1Ay0xtOqRDJg8dDZo8S1eLR4I8xpaL/vdClL8Q2YmDahFw9959vEfy5psxPhP/iD5Yv6ZHoDw3nggMg90l5/PppqpdWFbiz0SIWgclnnR8J6XVIcgVskxBG6RabpLTbfv+bvJ3cnOutAPK955YI0E81J2WuluJZGGjxNf9d7EMGk8H9m1hG9/6OJqrRJNceNu9PhScrPqhFLWYQqs7JZYtbO4movylxQiG0ZPqu2ZHfWaNlhslpl+qUJBOb2QDWDesxG11CMYaSbK/QsFXhD7BLXy0EGXUFnMaMfowylbHGga0Nqs6+kxWntfsCLgf1LMnYpUSQVuLVF8x3AuK/2RwB7k/FrlzgigTtGBYCfIEfTOfuUWCY2Bkim6xJokMLilhgBjitbI4sJhdWWrpiWXCLYygfWaGW0gj+Hpn8BnCr5JKknx0evCpBeZ+wUGlEYu74OuoQ9PJATkbgAMXCQ7n6QUiEjwU1FVGvdkm1fgniMWst5+jENHp2H3PzJ4e+kJlSJNj6unB42DdhWnSGtk0u8zj89E+nb+wv3NiXHbSDPdbiX51kAvgNQBdPD2XRoCgo2Z/fLo+l7Z7Y6bh+EqkJiKtlKj+/9LN9m17q/4BQ/VQ4bMFAAA=", "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51US4/TMBC+91fMcYtiqYXCIT0iIe6LxHkSe2Orrm2NJyRZxH9HtrttmrAL4hLJ4+8xL6cetCL18G4LPzcAjR9FNM/GdTU0nqQi0fjxuAFovfVUww+kByEkhiBOhkWORtF4OW0T6sk7Fk94NnZaYXkKviMMehIJ9iWjbqxontWKk26+K9NpjsJ5OqOdEXiya8bC5TGBbpwha/2rjTVOCf1nyswnwb5mVGEpZkUiBmxzH98gZuRjAW6Pm1+bukyj6Zm9KyPBEBQSulbV4LxTyaLB9tSR750Ul7kwoYsBSTledNQ4rcjwajqz+F2d8/iiktnVxXYWKetSwy4dAkqZKfl0RuqMy4driViqYzWykKr1hGy8u5W4NvA9p0RfIFclbyvobZGzJl4X40Vp5n6f2FVB7yvQ7yvQHyrQhwr0xwr0p6L4RieHdcfuK63FoJo089iSt7ZBypKDkaxr2B/C+ApMMGF7urzI/AoJpenjaplS2IjRInVly/+yGa+46f7c3N6/RumHVFZUDDvYwX4XxvJZ2N/cPpcfQdH8lvS2x//I/rJDhzBC9NbIRfa/AfAolD6tBAAA", "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=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9ib2R5X19hcHJoYmQ1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHkpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNiB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDcgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkOCB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9"],
4
- "sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n gap: var(--dapp-kit-spacing-xsmall);\n}\n[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {\n z-index: 999999999;\n}\n[data-dapp-kit].AccountDropdownMenu_icon__1x0gmpf2, [data-dapp-kit] .AccountDropdownMenu_icon__1x0gmpf2 {\n color: var(--dapp-kit-colors-body);\n}\n[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf3, [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf3 {\n display: flex;\n flex-direction: column;\n width: 180px;\n max-height: 200px;\n margin-top: var(--dapp-kit-spacing-xsmall);\n gap: var(--dapp-kit-spacing-xxsmall);\n border-radius: var(--dapp-kit-radii-large);\n background-color: var(--dapp-kit-backgroundColors-dropdownMenu);\n padding: var(--dapp-kit-spacing-xxsmall);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {\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-medium);\n font-size: var(--dapp-kit-fontSizes-medium);\n font-weight: var(--dapp-kit-fontWeights-normal);\n letter-spacing: var(--dapp-kit-typography-letterSpacing);\n line-height: var(--dapp-kit-typography-lineHeight);\n padding: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4:hover, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4:hover {\n background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n cursor: pointer;\n}\n[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5, [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6, [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {\n height: 1px;\n flex-shrink: 0;\n background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n}", "[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n box-sizing: border-box;\n color: var(--dapp-kit-colors-body);\n font-family: var(--dapp-kit-typography-fontFamily);\n font-size: var(--dapp-kit-fontWeights-normal);\n font-style: var(--dapp-kit-typography-fontStyle);\n font-weight: var(--dapp-kit-fontWeights-normal);\n line-height: var(--dapp-kit-typography-lineHeight);\n letter-spacing: var(--dapp-kit-typography-letterSpacing);\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: transparent;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n color: inherit;\n border: 0;\n padding: 0;\n margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n text-decoration: none;\n color: inherit;\n outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n}\n[data-dapp-kit]::-webkit-scrollbar, [data-dapp-kit] ::-webkit-scrollbar {\n width: 14px;\n}\n[data-dapp-kit]::-webkit-scrollbar-track, [data-dapp-kit] ::-webkit-scrollbar-track {\n border-radius: var(--dapp-kit-radii-xlarge);\n background-color: transparent;\n}\n[data-dapp-kit]::-webkit-scrollbar-thumb, [data-dapp-kit] ::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 10px 10px var(--dapp-kit-backgroundColors-scrollThumb);\n border-radius: var(--dapp-kit-radii-xlarge);\n border: 4px solid transparent;\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_body__aprhbd5, [data-dapp-kit] .Text_textVariants_color_body__aprhbd5 {\n color: var(--dapp-kit-colors-body);\n}\n[data-dapp-kit].Text_textVariants_color_muted__aprhbd6, [data-dapp-kit] .Text_textVariants_color_muted__aprhbd6 {\n color: var(--dapp-kit-colors-bodyMuted);\n}\n[data-dapp-kit].Text_textVariants_color_danger__aprhbd7, [data-dapp-kit] .Text_textVariants_color_danger__aprhbd7 {\n color: var(--dapp-kit-colors-bodyDanger);\n}\n[data-dapp-kit].Text_textVariants_mono_true__aprhbd8, [data-dapp-kit] .Text_textVariants_mono_true__aprhbd8 {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}"],
5
- "mappings": ";AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;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;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;;;AC9CF;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;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;;;ACjDF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;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;;;AC/BF;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;AAEF;AAAA;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
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=#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"],
4
+ "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}"],
5
+ "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;;;ACvCA,CAAC,cAAc,OAAO;AAAI,CAAC,eAAe,OAAO;AAC/C,cAAY;AACZ,SAAO,IAAI;AACX,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,cAAY,IAAI;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC,cAAc,OAAO;AAAS,CAAC,eAAe,OAAO;AACpD,sBAAoB;AACjB,mBAAiB;AACZ,cAAY;AACpB,oBAAkB;AAClB,aAAW;AACX,eAAa;AACb,eAAa;AACb,kBAAgB;AAChB,SAAO;AACP,UAAQ;AACR,WAAS;AACT,UAAQ;AACV;AACA,CAAC,cAAc,OAAO;AAAI,CAAC,eAAe,OAAO;AAC/C,mBAAiB;AACjB,SAAO;AACP,WAAS;AACX;AACA,CAAC,cAAc,OAAO,IAAI;AAAK,CAAC,eAAe,OAAO,IAAI;AACxD,cAAY;AACZ,UAAQ;AACR,WAAS;AACX;AACA,CAAC,cAAc,OAAO,IAAI,IAAI,IAAI,IAAI,IAAI;AAAK,CAAC,eAAe,OAAO,IAAI,IAAI,IAAI,IAAI,IAAI;AACxF,aAAW;AACX,eAAa;AACb,UAAQ;AACV;;;ACtCA,CAAC,cAAc,CAAC;AAAgC,CAAC,eAAe,CAAhD;AACd,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CANC,8BAM8B;AAAW,CAAC,eAAe,CANzD,8BAMwF;AACtG,WAAS;AACX;AACA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CAJC,8CAI8C;AAAQ,CAAC,eAAe,CAJtE,8CAIqH;AACnI,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,gBAAc;AACd,gBAAc;AACd,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CANC,8CAM8C;AAAQ,CAAC,eAAe,CANtE,8CAMqH;AACnI,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,iBAAe,IAAI;AACnB,WAAS,IAAI;AACf;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,iBAAe,IAAI;AACnB,WAAS,KAAK;AAChB;;;AChCA,CAAC,cAAc,CAAC;AAAoC,CAAC,eAAe,CAApD;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CAAC;AAAyC,CAAC,eAAe,CAAzD;AACd,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CAAC;AAAsC,CAAC,eAAe,CAAtD;AACd;AAAA,IAAa,YAAY;AAAA,IAAE,cAAc;AAAA,IAAE,KAAK;AAAA,IAAE,MAAM;AAAA,IAAE,QAAQ;AAAA,IAAE,iBAAiB;AAAA,IAAE,aAAa;AAAA,IAAE;AACxG;",
6
6
  "names": []
7
7
  }
@@ -1,8 +1,10 @@
1
1
  import type { WalletAccount } from '@iota/wallet-standard';
2
+ import { Button } from './ui/Button.js';
2
3
  type AccountDropdownMenuProps = {
3
4
  currentAccount: WalletAccount;
5
+ size?: React.ComponentProps<typeof Button>['size'];
4
6
  };
5
- export declare function AccountDropdownMenu({ currentAccount }: AccountDropdownMenuProps): import("react/jsx-runtime.js").JSX.Element;
7
+ export declare function AccountDropdownMenu({ currentAccount, size }: AccountDropdownMenuProps): import("react/jsx-runtime.js").JSX.Element;
6
8
  export declare function AccountDropdownMenuItem({ account, active, }: {
7
9
  account: WalletAccount;
8
10
  active?: boolean;
@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
33
33
  ));
34
34
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
35
35
 
36
- // vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51US4/TMBC+91fMcYtiqYXCIT0iIe6LxHkSe2Orrm2NJyRZxH9HtrttmrAL4hLJ4+8xL6cetCL18G4LPzcAjR9FNM/GdTU0nqQi0fjxuAFovfVUww+kByEkhiBOhkWORtF4OW0T6sk7Fk94NnZaYXkKviMMehIJ9iWjbqxontWKk26+K9NpjsJ5OqOdEXiya8bC5TGBbpwha/2rjTVOCf1nyswnwb5mVGEpZkUiBmxzH98gZuRjAW6Pm1+bukyj6Zm9KyPBEBQSulbV4LxTyaLB9tSR750Ul7kwoYsBSTledNQ4rcjwajqz+F2d8/iiktnVxXYWKetSwy4dAkqZKfl0RuqMy4driViqYzWykKr1hGy8u5W4NvA9p0RfIFclbyvobZGzJl4X40Vp5n6f2FVB7yvQ7yvQHyrQhwr0xwr0p6L4RieHdcfuK63FoJo089iSt7ZBypKDkaxr2B/C+ApMMGF7urzI/AoJpenjaplS2IjRInVly/+yGa+46f7c3N6/RumHVFZUDDvYwX4XxvJZ2N/cPpcfQdH8lvS2x//I/rJDhzBC9NbIRfa/AfAolD6tBAAA
37
- var init_ = __esm({
38
- "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51US4/TMBC+91fMcYtiqYXCIT0iIe6LxHkSe2Orrm2NJyRZxH9HtrttmrAL4hLJ4+8xL6cetCL18G4LPzcAjR9FNM/GdTU0nqQi0fjxuAFovfVUww+kByEkhiBOhkWORtF4OW0T6sk7Fk94NnZaYXkKviMMehIJ9iWjbqxontWKk26+K9NpjsJ5OqOdEXiya8bC5TGBbpwha/2rjTVOCf1nyswnwb5mVGEpZkUiBmxzH98gZuRjAW6Pm1+bukyj6Zm9KyPBEBQSulbV4LxTyaLB9tSR750Ul7kwoYsBSTledNQ4rcjwajqz+F2d8/iiktnVxXYWKetSwy4dAkqZKfl0RuqMy4driViqYzWykKr1hGy8u5W4NvA9p0RfIFclbyvobZGzJl4X40Vp5n6f2FVB7yvQ7yvQHyrQhwr0xwr0p6L4RieHdcfuK63FoJo089iSt7ZBypKDkaxr2B/C+ApMMGF7urzI/AoJpenjaplS2IjRInVly/+yGa+46f7c3N6/RumHVFZUDDvYwX4XxvJZ2N/cPpcfQdH8lvS2x//I/rJDhzBC9NbIRfa/AfAolD6tBAAA"() {
36
+ // vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9
37
+ var init_StyleMarker_css_ts_vanilla = __esm({
38
+ "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9"() {
39
39
  }
40
40
  });
41
41
 
@@ -43,7 +43,7 @@ var init_ = __esm({
43
43
  var require_StyleMarker_css = __commonJS({
44
44
  "src/components/styling/StyleMarker.css.ts"() {
45
45
  "use strict";
46
- init_();
46
+ init_StyleMarker_css_ts_vanilla();
47
47
  }
48
48
  });
49
49
 
@@ -92,9 +92,10 @@ var walletMutationKeys = {
92
92
  autoconnectWallet: formMutationKeyFn("autoconnect-wallet"),
93
93
  disconnectWallet: formMutationKeyFn("disconnect-wallet"),
94
94
  signPersonalMessage: formMutationKeyFn("sign-personal-message"),
95
- signTransactionBlock: formMutationKeyFn("sign-transaction-block"),
96
- signAndExecuteTransactionBlock: formMutationKeyFn("sign-and-execute-transaction-block"),
97
- switchAccount: formMutationKeyFn("switch-account")
95
+ signTransaction: formMutationKeyFn("sign-transaction"),
96
+ signAndExecuteTransaction: formMutationKeyFn("sign-and-execute-transaction"),
97
+ switchAccount: formMutationKeyFn("switch-account"),
98
+ reportTransactionEffects: formMutationKeyFn("report-transaction-effects")
98
99
  };
99
100
  function formMutationKeyFn(baseEntity) {
100
101
  return function mutationKeyFn(additionalKeys = []) {
@@ -112,6 +113,7 @@ var WalletAccountNotFoundError = class extends Error {
112
113
  function useCurrentWallet() {
113
114
  const currentWallet = useWalletStore((state) => state.currentWallet);
114
115
  const connectionStatus = useWalletStore((state) => state.connectionStatus);
116
+ const supportedIntents = useWalletStore((state) => state.supportedIntents);
115
117
  switch (connectionStatus) {
116
118
  case "connecting":
117
119
  return {
@@ -119,7 +121,8 @@ function useCurrentWallet() {
119
121
  currentWallet: null,
120
122
  isDisconnected: false,
121
123
  isConnecting: true,
122
- isConnected: false
124
+ isConnected: false,
125
+ supportedIntents: []
123
126
  };
124
127
  case "disconnected":
125
128
  return {
@@ -127,7 +130,8 @@ function useCurrentWallet() {
127
130
  currentWallet: null,
128
131
  isDisconnected: true,
129
132
  isConnecting: false,
130
- isConnected: false
133
+ isConnected: false,
134
+ supportedIntents: []
131
135
  };
132
136
  case "connected": {
133
137
  return {
@@ -135,7 +139,8 @@ function useCurrentWallet() {
135
139
  currentWallet,
136
140
  isDisconnected: false,
137
141
  isConnecting: false,
138
- isConnected: true
142
+ isConnected: true,
143
+ supportedIntents
139
144
  };
140
145
  }
141
146
  }
@@ -198,12 +203,11 @@ function useSwitchAccount({
198
203
 
199
204
  // src/components/AccountDropdownMenu.css.ts
200
205
  var connectedAccount = "AccountDropdownMenu_connectedAccount__1x0gmpf0";
201
- var icon = "AccountDropdownMenu_icon__1x0gmpf2";
202
206
  var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf1";
203
- var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf3";
204
- var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf4";
205
- var separator = "AccountDropdownMenu_separator__1x0gmpf6";
206
- var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5";
207
+ var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf2";
208
+ var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf3";
209
+ var separator = "AccountDropdownMenu_separator__1x0gmpf5";
210
+ var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4";
207
211
 
208
212
  // src/components/icons/CheckIcon.tsx
209
213
  var import_jsx_runtime = require("react/jsx-runtime");
@@ -280,7 +284,7 @@ var import_react5 = require("react");
280
284
 
281
285
  // src/components/ui/Text.css.ts
282
286
  var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
283
- 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: { body: "Text_textVariants_color_body__aprhbd5", muted: "Text_textVariants_color_muted__aprhbd6", danger: "Text_textVariants_color_danger__aprhbd7" }, mono: { true: "Text_textVariants_mono_true__aprhbd8" } }, defaultVariants: { size: "sm", weight: "normal" }, compoundVariants: [] });
287
+ 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: [] });
284
288
 
285
289
  // src/components/ui/Text.tsx
286
290
  var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -311,13 +315,13 @@ Text.displayName = "Text";
311
315
 
312
316
  // src/components/AccountDropdownMenu.tsx
313
317
  var import_jsx_runtime6 = require("react/jsx-runtime");
314
- function AccountDropdownMenu({ currentAccount }) {
318
+ function AccountDropdownMenu({ currentAccount, size = "lg" }) {
315
319
  const { mutate: disconnectWallet } = useDisconnectWallet();
316
320
  const accounts = useAccounts();
317
321
  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu.Root, { modal: false, children: [
318
- /* @__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: "md", className: connectedAccount, children: [
319
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: currentAccount.label ?? (0, import_utils.formatAddress)(currentAccount.address) }),
320
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronIcon, { className: icon })
322
+ /* @__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: [
323
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { mono: true, weight: "bold", children: currentAccount.label ?? (0, import_utils.formatAddress)(currentAccount.address) }),
324
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronIcon, {})
321
325
  ] }) }) }),
322
326
  /* @__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: [
323
327
  accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -351,7 +355,7 @@ function AccountDropdownMenuItem({
351
355
  className: (0, import_clsx3.default)(menuItem, switchAccountMenuItem),
352
356
  onSelect: () => switchAccount({ account }),
353
357
  children: [
354
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: account.label ?? (0, import_utils.formatAddress)(account.address) }),
358
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { mono: true, children: account.label ?? (0, import_utils.formatAddress)(account.address) }),
355
359
  active ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, {}) : null
356
360
  ]
357
361
  }