@iota/dapp-kit 0.1.2 → 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 (359) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/README.md +14 -12
  3. package/dist/cjs/components/AccountDropdownMenu.css +4 -5
  4. package/dist/cjs/components/AccountDropdownMenu.css.css.map +1 -1
  5. package/dist/cjs/components/AccountDropdownMenu.css.map +3 -3
  6. package/dist/cjs/components/AccountDropdownMenu.d.ts +3 -1
  7. package/dist/cjs/components/AccountDropdownMenu.js +50 -106
  8. package/dist/cjs/components/AccountDropdownMenu.js.map +4 -4
  9. package/dist/cjs/components/ConnectButton.css +5 -10
  10. package/dist/cjs/components/ConnectButton.css.map +3 -3
  11. package/dist/cjs/components/ConnectButton.d.ts +5 -3
  12. package/dist/cjs/components/ConnectButton.js +129 -179
  13. package/dist/cjs/components/ConnectButton.js.map +4 -4
  14. package/dist/cjs/components/IotaClientProvider.d.ts +0 -1
  15. package/dist/cjs/components/WalletProvider.d.ts +3 -3
  16. package/dist/cjs/components/WalletProvider.js +115 -75
  17. package/dist/cjs/components/WalletProvider.js.map +2 -2
  18. package/dist/cjs/components/connect-modal/ConnectModal.css +5 -10
  19. package/dist/cjs/components/connect-modal/ConnectModal.css.css.map +1 -1
  20. package/dist/cjs/components/connect-modal/ConnectModal.css.map +3 -3
  21. package/dist/cjs/components/connect-modal/ConnectModal.js +15 -9
  22. package/dist/cjs/components/connect-modal/ConnectModal.js.map +3 -3
  23. package/dist/cjs/components/connect-modal/InfoSection.css.css.map +1 -1
  24. package/dist/cjs/components/connect-modal/InfoSection.css.map +1 -1
  25. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css +4 -5
  26. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css.map +1 -1
  27. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.map +3 -3
  28. package/dist/cjs/components/connect-modal/views/ConnectionStatus.js.map +2 -2
  29. package/dist/cjs/components/connect-modal/views/GetTheWallet.css +78 -0
  30. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css +35 -0
  31. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css.map +7 -0
  32. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.d.ts +5 -0
  33. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.js +35 -0
  34. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.js.map +7 -0
  35. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.map +7 -0
  36. package/dist/cjs/components/connect-modal/views/GetTheWallet.d.ts +1 -0
  37. package/dist/cjs/components/connect-modal/views/GetTheWallet.js +145 -0
  38. package/dist/cjs/components/connect-modal/views/GetTheWallet.js.map +7 -0
  39. package/dist/cjs/components/connect-modal/views/GettingStarted.css +4 -5
  40. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css.map +1 -1
  41. package/dist/cjs/components/connect-modal/views/GettingStarted.css.map +3 -3
  42. package/dist/cjs/components/connect-modal/views/GettingStarted.js +2 -2
  43. package/dist/cjs/components/connect-modal/views/GettingStarted.js.map +1 -1
  44. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css.map +1 -1
  45. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.map +1 -1
  46. package/dist/cjs/components/connect-modal/views/index.css +205 -0
  47. package/dist/cjs/components/connect-modal/views/index.css.map +7 -0
  48. package/dist/cjs/components/connect-modal/views/index.d.ts +3 -0
  49. package/dist/cjs/components/connect-modal/views/index.js +286 -0
  50. package/dist/cjs/components/connect-modal/views/index.js.map +7 -0
  51. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css.map +1 -1
  52. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.map +1 -1
  53. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js +1 -1
  54. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js.map +2 -2
  55. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css.map +1 -1
  56. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.map +1 -1
  57. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js.map +1 -1
  58. package/dist/cjs/components/icons/ArrowRightIcon.d.ts +2 -0
  59. package/dist/cjs/components/icons/ArrowRightIcon.js +47 -0
  60. package/dist/cjs/components/icons/ArrowRightIcon.js.map +7 -0
  61. package/dist/cjs/components/icons/ArrowTopRightIcon.d.ts +2 -0
  62. package/dist/cjs/components/icons/ArrowTopRightIcon.js +47 -0
  63. package/dist/cjs/components/icons/ArrowTopRightIcon.js.map +7 -0
  64. package/dist/cjs/components/styling/InjectedThemeStyles.js +15 -8
  65. package/dist/cjs/components/styling/InjectedThemeStyles.js.map +2 -2
  66. package/dist/cjs/components/styling/StyleMarker.css.css.map +1 -1
  67. package/dist/cjs/components/styling/StyleMarker.css.map +1 -1
  68. package/dist/cjs/components/styling/StyleMarker.d.ts +0 -1
  69. package/dist/cjs/components/styling/StyleMarker.js +2 -2
  70. package/dist/cjs/components/styling/StyleMarker.js.map +3 -3
  71. package/dist/cjs/components/ui/Button.css +4 -5
  72. package/dist/cjs/components/ui/Button.css.css +4 -5
  73. package/dist/cjs/components/ui/Button.css.css.map +3 -3
  74. package/dist/cjs/components/ui/Button.css.d.ts +0 -1
  75. package/dist/cjs/components/ui/Button.css.js.map +1 -1
  76. package/dist/cjs/components/ui/Button.css.map +3 -3
  77. package/dist/cjs/components/ui/Button.d.ts +1 -1
  78. package/dist/cjs/components/ui/Button.js.map +1 -1
  79. package/dist/cjs/components/ui/Heading.css.css.map +1 -1
  80. package/dist/cjs/components/ui/Heading.css.map +1 -1
  81. package/dist/cjs/components/ui/Heading.d.ts +0 -1
  82. package/dist/cjs/components/ui/IconButton.css +1 -5
  83. package/dist/cjs/components/ui/IconButton.css.css +1 -5
  84. package/dist/cjs/components/ui/IconButton.css.css.map +3 -3
  85. package/dist/cjs/components/ui/IconButton.css.js.map +1 -1
  86. package/dist/cjs/components/ui/IconButton.css.map +3 -3
  87. package/dist/cjs/components/ui/IconButton.d.ts +1 -1
  88. package/dist/cjs/components/ui/IconButton.js.map +1 -1
  89. package/dist/cjs/components/ui/Text.css.css.map +1 -1
  90. package/dist/cjs/components/ui/Text.css.map +1 -1
  91. package/dist/cjs/components/ui/Text.d.ts +0 -1
  92. package/dist/cjs/constants/styleDataAttribute.js.map +1 -1
  93. package/dist/cjs/constants/walletDefaults.d.ts +3 -2
  94. package/dist/cjs/constants/walletDefaults.js +8 -6
  95. package/dist/cjs/constants/walletDefaults.js.map +2 -2
  96. package/dist/cjs/constants/walletMutationKeys.d.ts +3 -2
  97. package/dist/cjs/constants/walletMutationKeys.js +4 -3
  98. package/dist/cjs/constants/walletMutationKeys.js.map +2 -2
  99. package/dist/cjs/contexts/walletContext.d.ts +1 -2
  100. package/dist/cjs/hooks/useIotaClientInfiniteQuery.js.map +2 -2
  101. package/dist/cjs/hooks/useIotaClientQuery.js +3 -1
  102. package/dist/cjs/hooks/useIotaClientQuery.js.map +2 -2
  103. package/dist/cjs/hooks/wallet/useAutoConnectWallet.js +17 -7
  104. package/dist/cjs/hooks/wallet/useAutoConnectWallet.js.map +2 -2
  105. package/dist/cjs/hooks/wallet/useConnectWallet.js +10 -4
  106. package/dist/cjs/hooks/wallet/useConnectWallet.js.map +2 -2
  107. package/dist/cjs/hooks/wallet/useCurrentWallet.d.ts +3 -0
  108. package/dist/cjs/hooks/wallet/useCurrentWallet.js +7 -3
  109. package/dist/cjs/hooks/wallet/useCurrentWallet.js.map +2 -2
  110. package/dist/cjs/hooks/wallet/useDisconnectWallet.js +11 -6
  111. package/dist/cjs/hooks/wallet/useDisconnectWallet.js.map +2 -2
  112. package/dist/cjs/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
  113. package/dist/cjs/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +41 -37
  114. package/dist/cjs/hooks/wallet/useReportTransactionEffects.js.map +7 -0
  115. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
  116. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js +252 -0
  117. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
  118. package/dist/cjs/hooks/wallet/useSignPersonalMessage.js +21 -27
  119. package/dist/cjs/hooks/wallet/useSignPersonalMessage.js.map +2 -2
  120. package/dist/cjs/hooks/wallet/useSignTransaction.d.ts +18 -0
  121. package/dist/cjs/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +86 -46
  122. package/dist/cjs/hooks/wallet/useSignTransaction.js.map +7 -0
  123. package/dist/cjs/hooks/wallet/useSwitchAccount.js +11 -6
  124. package/dist/cjs/hooks/wallet/useSwitchAccount.js.map +2 -2
  125. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js +45 -33
  126. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  127. package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js +7 -3
  128. package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
  129. package/dist/cjs/hooks/wallet/useWalletsChanged.d.ts +1 -1
  130. package/dist/cjs/hooks/wallet/useWalletsChanged.js +7 -6
  131. package/dist/cjs/hooks/wallet/useWalletsChanged.js.map +2 -2
  132. package/dist/cjs/index.css +5 -10
  133. package/dist/cjs/index.css.map +3 -3
  134. package/dist/cjs/index.d.ts +4 -3
  135. package/dist/cjs/index.js +437 -287
  136. package/dist/cjs/index.js.map +4 -4
  137. package/dist/cjs/themes/darkTheme.d.ts +2 -0
  138. package/dist/cjs/themes/darkTheme.js +88 -0
  139. package/dist/cjs/themes/darkTheme.js.map +7 -0
  140. package/dist/cjs/themes/lightTheme.js +13 -8
  141. package/dist/cjs/themes/lightTheme.js.map +2 -2
  142. package/dist/cjs/themes/themeContract.d.ts +22 -12
  143. package/dist/cjs/themes/themeContract.js +13 -8
  144. package/dist/cjs/themes/themeContract.js.map +2 -2
  145. package/dist/cjs/types.d.ts +1 -1
  146. package/dist/cjs/types.js.map +1 -1
  147. package/dist/cjs/utils/assertUnreachable.js.map +1 -1
  148. package/dist/cjs/utils/walletUtils.d.ts +2 -2
  149. package/dist/cjs/utils/walletUtils.js +2 -2
  150. package/dist/cjs/utils/walletUtils.js.map +2 -2
  151. package/dist/cjs/walletStore.d.ts +3 -2
  152. package/dist/cjs/walletStore.js +8 -4
  153. package/dist/cjs/walletStore.js.map +2 -2
  154. package/dist/esm/components/AccountDropdownMenu.css +4 -5
  155. package/dist/esm/components/AccountDropdownMenu.css.css.map +1 -1
  156. package/dist/esm/components/AccountDropdownMenu.css.map +3 -3
  157. package/dist/esm/components/AccountDropdownMenu.d.ts +3 -1
  158. package/dist/esm/components/AccountDropdownMenu.js +39 -95
  159. package/dist/esm/components/AccountDropdownMenu.js.map +4 -4
  160. package/dist/esm/components/ConnectButton.css +5 -10
  161. package/dist/esm/components/ConnectButton.css.map +3 -3
  162. package/dist/esm/components/ConnectButton.d.ts +5 -3
  163. package/dist/esm/components/ConnectButton.js +101 -151
  164. package/dist/esm/components/ConnectButton.js.map +4 -4
  165. package/dist/esm/components/IotaClientProvider.d.ts +0 -1
  166. package/dist/esm/components/WalletProvider.d.ts +3 -3
  167. package/dist/esm/components/WalletProvider.js +114 -74
  168. package/dist/esm/components/WalletProvider.js.map +2 -2
  169. package/dist/esm/components/connect-modal/ConnectModal.css +5 -10
  170. package/dist/esm/components/connect-modal/ConnectModal.css.css.map +1 -1
  171. package/dist/esm/components/connect-modal/ConnectModal.css.map +3 -3
  172. package/dist/esm/components/connect-modal/ConnectModal.js +15 -9
  173. package/dist/esm/components/connect-modal/ConnectModal.js.map +3 -3
  174. package/dist/esm/components/connect-modal/InfoSection.css.css.map +1 -1
  175. package/dist/esm/components/connect-modal/InfoSection.css.map +1 -1
  176. package/dist/esm/components/connect-modal/views/ConnectionStatus.css +4 -5
  177. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css.map +1 -1
  178. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.map +3 -3
  179. package/dist/esm/components/connect-modal/views/ConnectionStatus.js.map +2 -2
  180. package/dist/esm/components/connect-modal/views/GetTheWallet.css +78 -0
  181. package/dist/esm/components/connect-modal/views/GetTheWallet.css.css +35 -0
  182. package/dist/esm/components/connect-modal/views/GetTheWallet.css.css.map +7 -0
  183. package/dist/esm/components/connect-modal/views/GetTheWallet.css.d.ts +5 -0
  184. package/dist/esm/components/connect-modal/views/GetTheWallet.css.js +14 -0
  185. package/dist/esm/components/connect-modal/views/GetTheWallet.css.js.map +7 -0
  186. package/dist/esm/components/connect-modal/views/GetTheWallet.css.map +7 -0
  187. package/dist/esm/components/connect-modal/views/GetTheWallet.d.ts +1 -0
  188. package/dist/esm/components/connect-modal/views/GetTheWallet.js +112 -0
  189. package/dist/esm/components/connect-modal/views/GetTheWallet.js.map +7 -0
  190. package/dist/esm/components/connect-modal/views/GettingStarted.css +4 -5
  191. package/dist/esm/components/connect-modal/views/GettingStarted.css.css.map +1 -1
  192. package/dist/esm/components/connect-modal/views/GettingStarted.css.map +3 -3
  193. package/dist/esm/components/connect-modal/views/GettingStarted.js +2 -2
  194. package/dist/esm/components/connect-modal/views/GettingStarted.js.map +1 -1
  195. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css.map +1 -1
  196. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.map +1 -1
  197. package/dist/esm/components/connect-modal/views/index.css +205 -0
  198. package/dist/esm/components/connect-modal/views/index.css.map +7 -0
  199. package/dist/esm/components/connect-modal/views/index.d.ts +3 -0
  200. package/dist/esm/components/connect-modal/views/index.js +253 -0
  201. package/dist/esm/components/connect-modal/views/index.js.map +7 -0
  202. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css.map +1 -1
  203. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.map +1 -1
  204. package/dist/esm/components/connect-modal/wallet-list/WalletList.js +1 -1
  205. package/dist/esm/components/connect-modal/wallet-list/WalletList.js.map +2 -2
  206. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css.map +1 -1
  207. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.map +1 -1
  208. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js.map +1 -1
  209. package/dist/esm/components/icons/ArrowRightIcon.d.ts +2 -0
  210. package/dist/esm/components/icons/ArrowRightIcon.js +26 -0
  211. package/dist/esm/components/icons/ArrowRightIcon.js.map +7 -0
  212. package/dist/esm/components/icons/ArrowTopRightIcon.d.ts +2 -0
  213. package/dist/esm/components/icons/ArrowTopRightIcon.js +26 -0
  214. package/dist/esm/components/icons/ArrowTopRightIcon.js.map +7 -0
  215. package/dist/esm/components/styling/InjectedThemeStyles.js +15 -8
  216. package/dist/esm/components/styling/InjectedThemeStyles.js.map +2 -2
  217. package/dist/esm/components/styling/StyleMarker.css.css.map +1 -1
  218. package/dist/esm/components/styling/StyleMarker.css.js +2 -2
  219. package/dist/esm/components/styling/StyleMarker.css.js.map +3 -3
  220. package/dist/esm/components/styling/StyleMarker.css.map +1 -1
  221. package/dist/esm/components/styling/StyleMarker.d.ts +0 -1
  222. package/dist/esm/components/styling/StyleMarker.js +2 -2
  223. package/dist/esm/components/styling/StyleMarker.js.map +3 -3
  224. package/dist/esm/components/ui/Button.css +4 -5
  225. package/dist/esm/components/ui/Button.css.css +4 -5
  226. package/dist/esm/components/ui/Button.css.css.map +3 -3
  227. package/dist/esm/components/ui/Button.css.d.ts +0 -1
  228. package/dist/esm/components/ui/Button.css.js.map +1 -1
  229. package/dist/esm/components/ui/Button.css.map +3 -3
  230. package/dist/esm/components/ui/Button.d.ts +1 -1
  231. package/dist/esm/components/ui/Button.js.map +1 -1
  232. package/dist/esm/components/ui/Heading.css.css.map +1 -1
  233. package/dist/esm/components/ui/Heading.css.map +1 -1
  234. package/dist/esm/components/ui/Heading.d.ts +0 -1
  235. package/dist/esm/components/ui/IconButton.css +1 -5
  236. package/dist/esm/components/ui/IconButton.css.css +1 -5
  237. package/dist/esm/components/ui/IconButton.css.css.map +3 -3
  238. package/dist/esm/components/ui/IconButton.css.js.map +1 -1
  239. package/dist/esm/components/ui/IconButton.css.map +3 -3
  240. package/dist/esm/components/ui/IconButton.d.ts +1 -1
  241. package/dist/esm/components/ui/IconButton.js.map +1 -1
  242. package/dist/esm/components/ui/Text.css.css.map +1 -1
  243. package/dist/esm/components/ui/Text.css.map +1 -1
  244. package/dist/esm/components/ui/Text.d.ts +0 -1
  245. package/dist/esm/constants/styleDataAttribute.js.map +1 -1
  246. package/dist/esm/constants/walletDefaults.d.ts +3 -2
  247. package/dist/esm/constants/walletDefaults.js +8 -6
  248. package/dist/esm/constants/walletDefaults.js.map +2 -2
  249. package/dist/esm/constants/walletMutationKeys.d.ts +3 -2
  250. package/dist/esm/constants/walletMutationKeys.js +4 -3
  251. package/dist/esm/constants/walletMutationKeys.js.map +2 -2
  252. package/dist/esm/contexts/walletContext.d.ts +1 -2
  253. package/dist/esm/hooks/useIotaClientInfiniteQuery.js.map +2 -2
  254. package/dist/esm/hooks/useIotaClientQuery.js +3 -1
  255. package/dist/esm/hooks/useIotaClientQuery.js.map +2 -2
  256. package/dist/esm/hooks/wallet/useAutoConnectWallet.js +17 -7
  257. package/dist/esm/hooks/wallet/useAutoConnectWallet.js.map +2 -2
  258. package/dist/esm/hooks/wallet/useConnectWallet.js +10 -4
  259. package/dist/esm/hooks/wallet/useConnectWallet.js.map +2 -2
  260. package/dist/esm/hooks/wallet/useCurrentWallet.d.ts +3 -0
  261. package/dist/esm/hooks/wallet/useCurrentWallet.js +7 -3
  262. package/dist/esm/hooks/wallet/useCurrentWallet.js.map +2 -2
  263. package/dist/esm/hooks/wallet/useDisconnectWallet.js +11 -6
  264. package/dist/esm/hooks/wallet/useDisconnectWallet.js.map +2 -2
  265. package/dist/esm/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
  266. package/dist/esm/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +38 -34
  267. package/dist/esm/hooks/wallet/useReportTransactionEffects.js.map +7 -0
  268. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
  269. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js +231 -0
  270. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
  271. package/dist/esm/hooks/wallet/useSignPersonalMessage.js +21 -27
  272. package/dist/esm/hooks/wallet/useSignPersonalMessage.js.map +2 -2
  273. package/dist/esm/hooks/wallet/useSignTransaction.d.ts +18 -0
  274. package/dist/esm/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +83 -43
  275. package/dist/esm/hooks/wallet/useSignTransaction.js.map +7 -0
  276. package/dist/esm/hooks/wallet/useSwitchAccount.js +11 -6
  277. package/dist/esm/hooks/wallet/useSwitchAccount.js.map +2 -2
  278. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js +44 -32
  279. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  280. package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js +7 -3
  281. package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
  282. package/dist/esm/hooks/wallet/useWalletsChanged.d.ts +1 -1
  283. package/dist/esm/hooks/wallet/useWalletsChanged.js +7 -6
  284. package/dist/esm/hooks/wallet/useWalletsChanged.js.map +2 -2
  285. package/dist/esm/index.css +5 -10
  286. package/dist/esm/index.css.map +3 -3
  287. package/dist/esm/index.d.ts +4 -3
  288. package/dist/esm/index.js +424 -274
  289. package/dist/esm/index.js.map +4 -4
  290. package/dist/esm/themes/darkTheme.d.ts +2 -0
  291. package/dist/esm/themes/darkTheme.js +67 -0
  292. package/dist/esm/themes/darkTheme.js.map +7 -0
  293. package/dist/esm/themes/lightTheme.js +13 -8
  294. package/dist/esm/themes/lightTheme.js.map +2 -2
  295. package/dist/esm/themes/themeContract.d.ts +22 -12
  296. package/dist/esm/themes/themeContract.js +13 -8
  297. package/dist/esm/themes/themeContract.js.map +2 -2
  298. package/dist/esm/types.d.ts +1 -1
  299. package/dist/esm/utils/assertUnreachable.js.map +1 -1
  300. package/dist/esm/utils/walletUtils.d.ts +2 -2
  301. package/dist/esm/utils/walletUtils.js +2 -2
  302. package/dist/esm/utils/walletUtils.js.map +2 -2
  303. package/dist/esm/walletStore.d.ts +3 -2
  304. package/dist/esm/walletStore.js +8 -4
  305. package/dist/esm/walletStore.js.map +2 -2
  306. package/dist/index.css/package.json +5 -0
  307. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  308. package/dist/tsconfig.tsbuildinfo +1 -1
  309. package/package.json +27 -28
  310. package/src/components/AccountDropdownMenu.tsx +5 -12
  311. package/src/components/ConnectButton.tsx +8 -4
  312. package/src/components/WalletProvider.tsx +9 -9
  313. package/src/components/connect-modal/views/GetTheWallet.css.ts +38 -0
  314. package/src/components/connect-modal/views/GetTheWallet.tsx +25 -0
  315. package/src/components/connect-modal/views/GettingStarted.tsx +3 -3
  316. package/src/components/connect-modal/views/index.ts +6 -0
  317. package/src/components/connect-modal/wallet-list/WalletList.tsx +1 -1
  318. package/src/components/icons/ArrowRightIcon.tsx +23 -0
  319. package/src/components/icons/ArrowTopRightIcon.tsx +23 -0
  320. package/src/components/styling/InjectedThemeStyles.tsx +4 -0
  321. package/src/components/ui/Button.css.ts +3 -5
  322. package/src/components/ui/IconButton.css.ts +0 -3
  323. package/src/constants/walletDefaults.ts +11 -5
  324. package/src/constants/walletMutationKeys.ts +3 -2
  325. package/src/hooks/useIotaClientInfiniteQuery.ts +2 -1
  326. package/src/hooks/useIotaClientQuery.ts +3 -1
  327. package/src/hooks/wallet/useAutoConnectWallet.ts +1 -1
  328. package/src/hooks/wallet/useConnectWallet.ts +6 -1
  329. package/src/hooks/wallet/useCurrentWallet.ts +4 -0
  330. package/src/hooks/wallet/useReportTransactionEffects.ts +87 -0
  331. package/src/hooks/wallet/useSignAndExecuteTransaction.ts +165 -0
  332. package/src/hooks/wallet/useSignPersonalMessage.ts +11 -25
  333. package/src/hooks/wallet/useSignTransaction.ts +117 -0
  334. package/src/hooks/wallet/useUnsafeBurnerWallet.ts +41 -18
  335. package/src/hooks/wallet/useWalletsChanged.ts +5 -4
  336. package/src/index.ts +4 -3
  337. package/src/themes/darkTheme.ts +69 -0
  338. package/src/themes/lightTheme.ts +11 -6
  339. package/src/themes/themeContract.ts +11 -6
  340. package/src/types.ts +1 -1
  341. package/src/utils/walletUtils.ts +8 -3
  342. package/src/walletStore.ts +12 -1
  343. package/dist/cjs/hooks/useResolveIotaNSNames.d.ts +0 -3
  344. package/dist/cjs/hooks/useResolveIotaNSNames.js +0 -83
  345. package/dist/cjs/hooks/useResolveIotaNSNames.js.map +0 -7
  346. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
  347. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
  348. package/dist/cjs/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
  349. package/dist/cjs/hooks/wallet/useSignTransactionBlock.js.map +0 -7
  350. package/dist/esm/hooks/useResolveIotaNSNames.d.ts +0 -3
  351. package/dist/esm/hooks/useResolveIotaNSNames.js +0 -60
  352. package/dist/esm/hooks/useResolveIotaNSNames.js.map +0 -7
  353. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
  354. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
  355. package/dist/esm/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
  356. package/dist/esm/hooks/wallet/useSignTransactionBlock.js.map +0 -7
  357. package/src/hooks/useResolveIotaNSNames.ts +0 -31
  358. package/src/hooks/wallet/useSignAndExecuteTransactionBlock.ts +0 -117
  359. package/src/hooks/wallet/useSignTransactionBlock.ts +0 -85
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/components/icons/ArrowTopRightIcon.tsx
21
+ var ArrowTopRightIcon_exports = {};
22
+ __export(ArrowTopRightIcon_exports, {
23
+ ArrowTopRightIcon: () => ArrowTopRightIcon
24
+ });
25
+ module.exports = __toCommonJS(ArrowTopRightIcon_exports);
26
+ var import_jsx_runtime = require("react/jsx-runtime");
27
+ function ArrowTopRightIcon(props) {
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
29
+ "svg",
30
+ {
31
+ xmlns: "http://www.w3.org/2000/svg",
32
+ width: "24",
33
+ height: "24",
34
+ viewBox: "0 0 24 24",
35
+ fill: "none",
36
+ ...props,
37
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
38
+ "path",
39
+ {
40
+ d: "M17.4825 6.29014C17.3873 6.19563 17.2778 6.12421 17.161 6.07588C17.0431 6.02699 16.9138 6 16.7782 6L8.70711 6C8.15482 6 7.70711 6.44772 7.70711 7C7.70711 7.55228 8.15482 8 8.70711 8L14.364 8L6.29289 16.0711C5.90237 16.4616 5.90237 17.0948 6.29289 17.4853C6.68342 17.8758 7.31658 17.8758 7.70711 17.4853L15.7782 9.41421V15.0711C15.7782 15.6234 16.2259 16.0711 16.7782 16.0711C17.3305 16.0711 17.7782 15.6234 17.7782 15.0711L17.7782 7.0008C17.7782 6.86458 17.7509 6.73391 17.7016 6.61556C17.6531 6.49895 17.5816 6.38966 17.487 6.29464L17.4853 6.29289L17.4825 6.29014Z",
41
+ fill: "currentColor"
42
+ }
43
+ )
44
+ }
45
+ );
46
+ }
47
+ //# sourceMappingURL=ArrowTopRightIcon.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/components/icons/ArrowTopRightIcon.tsx"],
4
+ "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function ArrowTopRightIcon(props: ComponentProps<'svg'>) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M17.4825 6.29014C17.3873 6.19563 17.2778 6.12421 17.161 6.07588C17.0431 6.02699 16.9138 6 16.7782 6L8.70711 6C8.15482 6 7.70711 6.44772 7.70711 7C7.70711 7.55228 8.15482 8 8.70711 8L14.364 8L6.29289 16.0711C5.90237 16.4616 5.90237 17.0948 6.29289 17.4853C6.68342 17.8758 7.31658 17.8758 7.70711 17.4853L15.7782 9.41421V15.0711C15.7782 15.6234 16.2259 16.0711 16.7782 16.0711C17.3305 16.0711 17.7782 15.6234 17.7782 15.0711L17.7782 7.0008C17.7782 6.86458 17.7509 6.73391 17.7016 6.61556C17.6531 6.49895 17.5816 6.38966 17.487 6.29464L17.4853 6.29289L17.4825 6.29014Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBY;AAVL,SAAS,kBAAkB,OAA8B;AAC5D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACG,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA;AAAA,EACJ;AAER;",
6
+ "names": []
7
+ }
@@ -46,16 +46,16 @@ var themeContractValues = {
46
46
  modalPrimary: "",
47
47
  modalSecondary: "",
48
48
  iconButton: "",
49
- iconButtonHover: "",
50
49
  dropdownMenu: "",
51
- dropdownMenuSeparator: ""
50
+ dropdownMenuSeparator: "",
51
+ scrollThumb: ""
52
52
  },
53
53
  borderColors: {
54
54
  outlineButton: ""
55
55
  },
56
56
  colors: {
57
57
  primaryButton: "",
58
- outlineButton: "",
58
+ outlineButtonHover: "",
59
59
  body: "",
60
60
  bodyMuted: "",
61
61
  bodyDanger: "",
@@ -65,11 +65,8 @@ var themeContractValues = {
65
65
  small: "",
66
66
  medium: "",
67
67
  large: "",
68
- xlarge: ""
69
- },
70
- shadows: {
71
- primaryButton: "",
72
- walletItemSelected: ""
68
+ xlarge: "",
69
+ full: ""
73
70
  },
74
71
  fontWeights: {
75
72
  normal: "",
@@ -87,6 +84,14 @@ var themeContractValues = {
87
84
  fontStyle: "",
88
85
  lineHeight: "",
89
86
  letterSpacing: ""
87
+ },
88
+ spacing: {
89
+ xxsmall: "",
90
+ xsmall: "",
91
+ small: "",
92
+ medium: "",
93
+ large: "",
94
+ xlarge: ""
90
95
  }
91
96
  };
92
97
  var themeVars = (0, import_css.createGlobalThemeContract)(
@@ -101,6 +106,8 @@ function InjectedThemeStyles({ theme }) {
101
106
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
102
107
  "style",
103
108
  {
109
+ precedence: "default",
110
+ href: "iota-dapp-kit-theme",
104
111
  dangerouslySetInnerHTML: {
105
112
  __html: themeStyles
106
113
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/styling/InjectedThemeStyles.tsx", "../../../../src/constants/styleDataAttribute.ts", "../../../../src/themes/themeContract.ts"],
4
- "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\n\nimport { styleDataAttributeSelector } from '../../constants/styleDataAttribute.js';\nimport { themeVars } from '../../themes/themeContract.js';\nimport type { DynamicTheme, Theme, ThemeVars } from '../../themes/themeContract.js';\n\ntype InjectedThemeStylesProps = {\n theme: Theme;\n};\n\nexport function InjectedThemeStyles({ theme }: InjectedThemeStylesProps) {\n const themeStyles = Array.isArray(theme)\n ? getDynamicThemeStyles(theme)\n : getStaticThemeStyles(theme);\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: themeStyles,\n }}\n />\n );\n}\n\nfunction getDynamicThemeStyles(themes: DynamicTheme[]) {\n return themes\n .map(({ mediaQuery, selector, variables }) => {\n const themeStyles = getStaticThemeStyles(variables);\n const themeStylesWithSelectorPrefix = selector\n ? `${selector} ${themeStyles}`\n : themeStyles;\n\n return mediaQuery\n ? `@media ${mediaQuery}{${themeStylesWithSelectorPrefix}}`\n : themeStylesWithSelectorPrefix;\n })\n .join(' ');\n}\n\nfunction getStaticThemeStyles(theme: ThemeVars) {\n return `${styleDataAttributeSelector} {${cssStringFromTheme(theme)}}`;\n}\n\nfunction cssStringFromTheme(theme: ThemeVars) {\n return Object.entries(assignInlineVars(themeVars, theme))\n .map(([key, value]) => `${key}:${value};`)\n .join('');\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nexport const styleDataAttributeName = 'data-dapp-kit';\n\nexport const styleDataAttributeSelector = `[${styleDataAttributeName}]`;\n\nexport const styleDataAttribute = { [styleDataAttributeName]: '' };\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createGlobalThemeContract } from '@vanilla-extract/css';\n\nconst themeContractValues = {\n blurs: {\n modalOverlay: '',\n },\n backgroundColors: {\n primaryButton: '',\n primaryButtonHover: '',\n outlineButtonHover: '',\n walletItemHover: '',\n walletItemSelected: '',\n modalOverlay: '',\n modalPrimary: '',\n modalSecondary: '',\n iconButton: '',\n iconButtonHover: '',\n dropdownMenu: '',\n dropdownMenuSeparator: '',\n },\n borderColors: {\n outlineButton: '',\n },\n colors: {\n primaryButton: '',\n outlineButton: '',\n body: '',\n bodyMuted: '',\n bodyDanger: '',\n iconButton: '',\n },\n radii: {\n small: '',\n medium: '',\n large: '',\n xlarge: '',\n },\n shadows: {\n primaryButton: '',\n walletItemSelected: '',\n },\n fontWeights: {\n normal: '',\n medium: '',\n bold: '',\n },\n fontSizes: {\n small: '',\n medium: '',\n large: '',\n xlarge: '',\n },\n typography: {\n fontFamily: '',\n fontStyle: '',\n lineHeight: '',\n letterSpacing: '',\n },\n};\n\nexport type ThemeVars = typeof themeContractValues;\n\n/**\n * A custom theme that is enabled when various conditions are\n */\nexport type DynamicTheme = {\n /**\n * An optional media query required for the given theme to be enabled. This is useful\n * when you want the theme of your application to automatically switch depending on\n * a media feature.\n *\n * @example '(prefers-color-scheme: dark)'\n */\n mediaQuery?: string;\n\n /**\n * An optional CSS selector required for the given theme to be enabled. This is useful\n * when you have a manual theme switcher on your application that sets a top-level\n * class name or data-attribute to control the current theme.\n *\n * @example '.data-dark'\n */\n selector?: string;\n\n /** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */\n variables: ThemeVars;\n};\n\nexport type Theme = ThemeVars | DynamicTheme[];\n\nexport const themeVars = createGlobalThemeContract(\n themeContractValues,\n (_, path) => `dapp-kit-${path.join('-')}`,\n);\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAiC;;;ACA1B,IAAM,yBAAyB;AAE/B,IAAM,6BAA6B,IAAI;AAEvC,IAAM,qBAAqB,EAAE,CAAC,sBAAsB,GAAG,GAAG;;;ACJjE,iBAA0C;AAE1C,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,IACH,cAAc;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,IACd,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,uBAAuB;AAAA,EAC3B;AAAA,EACA,cAAc;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACJ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACL,eAAe;AAAA,IACf,oBAAoB;AAAA,EACxB;AAAA,EACA,aAAa;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AACJ;AAgCO,IAAM,gBAAY;AAAA,EACrB;AAAA,EACA,CAAC,GAAG,SAAS,YAAY,KAAK,KAAK,GAAG;AAC1C;;;AF7EQ;AAND,SAAS,oBAAoB,EAAE,MAAM,GAA6B;AACrE,QAAM,cAAc,MAAM,QAAQ,KAAK,IACjC,sBAAsB,KAAK,IAC3B,qBAAqB,KAAK;AAEhC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,yBAAyB;AAAA,QACrB,QAAQ;AAAA,MACZ;AAAA;AAAA,EACJ;AAER;AAEA,SAAS,sBAAsB,QAAwB;AACnD,SAAO,OACF,IAAI,CAAC,EAAE,YAAY,UAAU,UAAU,MAAM;AAC1C,UAAM,cAAc,qBAAqB,SAAS;AAClD,UAAM,gCAAgC,WAChC,GAAG,YAAY,gBACf;AAEN,WAAO,aACD,UAAU,cAAc,mCACxB;AAAA,EACV,CAAC,EACA,KAAK,GAAG;AACjB;AAEA,SAAS,qBAAqB,OAAkB;AAC5C,SAAO,GAAG,+BAA+B,mBAAmB,KAAK;AACrE;AAEA,SAAS,mBAAmB,OAAkB;AAC1C,SAAO,OAAO,YAAQ,iCAAiB,WAAW,KAAK,CAAC,EACnD,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,OAAO,QAAQ,EACxC,KAAK,EAAE;AAChB;",
4
+ "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\n\nimport { styleDataAttributeSelector } from '../../constants/styleDataAttribute.js';\nimport { themeVars } from '../../themes/themeContract.js';\nimport type { DynamicTheme, Theme, ThemeVars } from '../../themes/themeContract.js';\n\ntype InjectedThemeStylesProps = {\n theme: Theme;\n};\n\nexport function InjectedThemeStyles({ theme }: InjectedThemeStylesProps) {\n const themeStyles = Array.isArray(theme)\n ? getDynamicThemeStyles(theme)\n : getStaticThemeStyles(theme);\n\n return (\n <style\n // @ts-expect-error The precedence prop hasn't made it to the stable release of React, but we\n // don't want this to break in frameworks like Next which use the latest canary build.\n precedence=\"default\"\n href=\"iota-dapp-kit-theme\"\n dangerouslySetInnerHTML={{\n __html: themeStyles,\n }}\n />\n );\n}\n\nfunction getDynamicThemeStyles(themes: DynamicTheme[]) {\n return themes\n .map(({ mediaQuery, selector, variables }) => {\n const themeStyles = getStaticThemeStyles(variables);\n const themeStylesWithSelectorPrefix = selector\n ? `${selector} ${themeStyles}`\n : themeStyles;\n\n return mediaQuery\n ? `@media ${mediaQuery}{${themeStylesWithSelectorPrefix}}`\n : themeStylesWithSelectorPrefix;\n })\n .join(' ');\n}\n\nfunction getStaticThemeStyles(theme: ThemeVars) {\n return `${styleDataAttributeSelector} {${cssStringFromTheme(theme)}}`;\n}\n\nfunction cssStringFromTheme(theme: ThemeVars) {\n return Object.entries(assignInlineVars(themeVars, theme))\n .map(([key, value]) => `${key}:${value};`)\n .join('');\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nexport const styleDataAttributeName = 'data-dapp-kit';\n\nexport const styleDataAttributeSelector = `[${styleDataAttributeName}]`;\n\nexport const styleDataAttribute = { [styleDataAttributeName]: '' };\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createGlobalThemeContract } from '@vanilla-extract/css';\n\nconst themeContractValues = {\n blurs: {\n modalOverlay: '',\n },\n backgroundColors: {\n primaryButton: '',\n primaryButtonHover: '',\n outlineButtonHover: '',\n walletItemHover: '',\n walletItemSelected: '',\n modalOverlay: '',\n modalPrimary: '',\n modalSecondary: '',\n iconButton: '',\n dropdownMenu: '',\n dropdownMenuSeparator: '',\n scrollThumb: '',\n },\n borderColors: {\n outlineButton: '',\n },\n colors: {\n primaryButton: '',\n outlineButtonHover: '',\n body: '',\n bodyMuted: '',\n bodyDanger: '',\n iconButton: '',\n },\n radii: {\n small: '',\n medium: '',\n large: '',\n xlarge: '',\n full: '',\n },\n fontWeights: {\n normal: '',\n medium: '',\n bold: '',\n },\n fontSizes: {\n small: '',\n medium: '',\n large: '',\n xlarge: '',\n },\n typography: {\n fontFamily: '',\n fontStyle: '',\n lineHeight: '',\n letterSpacing: '',\n },\n spacing: {\n xxsmall: '',\n xsmall: '',\n small: '',\n medium: '',\n large: '',\n xlarge: '',\n },\n};\n\nexport type ThemeVars = typeof themeContractValues;\n\n/**\n * A custom theme that is enabled when various conditions are\n */\nexport type DynamicTheme = {\n /**\n * An optional media query required for the given theme to be enabled. This is useful\n * when you want the theme of your application to automatically switch depending on\n * a media feature.\n *\n * @example '(prefers-color-scheme: dark)'\n */\n mediaQuery?: string;\n\n /**\n * An optional CSS selector required for the given theme to be enabled. This is useful\n * when you have a manual theme switcher on your application that sets a top-level\n * class name or data-attribute to control the current theme.\n *\n * @example '.data-dark'\n */\n selector?: string;\n\n /** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */\n variables: ThemeVars;\n};\n\nexport type Theme = ThemeVars | DynamicTheme[];\n\nexport const themeVars = createGlobalThemeContract(\n themeContractValues,\n (_, path) => `dapp-kit-${path.join('-')}`,\n);\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAiC;;;ACA1B,IAAM,yBAAyB;AAE/B,IAAM,6BAA6B,IAAI,sBAAsB;AAE7D,IAAM,qBAAqB,EAAE,CAAC,sBAAsB,GAAG,GAAG;;;ACJjE,iBAA0C;AAE1C,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,IACH,cAAc;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,IACd,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,aAAa;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACJ,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;AAgCO,IAAM,gBAAY;AAAA,EACrB;AAAA,EACA,CAAC,GAAG,SAAS,YAAY,KAAK,KAAK,GAAG,CAAC;AAC3C;;;AFlFQ;AAND,SAAS,oBAAoB,EAAE,MAAM,GAA6B;AACrE,QAAM,cAAc,MAAM,QAAQ,KAAK,IACjC,sBAAsB,KAAK,IAC3B,qBAAqB,KAAK;AAEhC,SACI;AAAA,IAAC;AAAA;AAAA,MAGG,YAAW;AAAA,MACX,MAAK;AAAA,MACL,yBAAyB;AAAA,QACrB,QAAQ;AAAA,MACZ;AAAA;AAAA,EACJ;AAER;AAEA,SAAS,sBAAsB,QAAwB;AACnD,SAAO,OACF,IAAI,CAAC,EAAE,YAAY,UAAU,UAAU,MAAM;AAC1C,UAAM,cAAc,qBAAqB,SAAS;AAClD,UAAM,gCAAgC,WAChC,GAAG,QAAQ,IAAI,WAAW,KAC1B;AAEN,WAAO,aACD,UAAU,UAAU,IAAI,6BAA6B,MACrD;AAAA,EACV,CAAC,EACA,KAAK,GAAG;AACjB;AAEA,SAAS,qBAAqB,OAAkB;AAC5C,SAAO,GAAG,0BAA0B,KAAK,mBAAmB,KAAK,CAAC;AACtE;AAEA,SAAS,mBAAmB,OAAkB;AAC1C,SAAO,OAAO,YAAQ,iCAAiB,WAAW,KAAK,CAAC,EACnD,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,GAAG,IAAI,KAAK,GAAG,EACxC,KAAK,EAAE;AAChB;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9"],
4
4
  "sourcesContent": ["[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}"],
5
- "mappings": ";AAAA;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;",
5
+ "mappings": ";AAAA,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;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9"],
4
4
  "sourcesContent": ["[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}"],
5
- "mappings": ";AAAA;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;",
5
+ "mappings": ";AAAA,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;",
6
6
  "names": []
7
7
  }
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import './StyleMarker.css.js';
3
2
  export declare const StyleMarker: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
@@ -34,7 +34,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
34
34
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
35
35
 
36
36
  // vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9
37
- var init_ = __esm({
37
+ var init_StyleMarker_css_ts_vanilla = __esm({
38
38
  "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9"() {
39
39
  }
40
40
  });
@@ -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
 
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../src/components/styling/StyleMarker.css.ts", "../../../../src/components/styling/StyleMarker.tsx", "../../../../src/constants/styleDataAttribute.ts"],
4
- "sourcesContent": ["import 'src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { styleDataAttribute } from '../../constants/styleDataAttribute.js';\n\nimport './StyleMarker.css.js';\n\ntype StyleMarker = {\n children: ReactNode;\n};\n\nexport const StyleMarker = forwardRef<\n ElementRef<typeof Slot>,\n ComponentPropsWithoutRef<typeof Slot>\n>(({ children, ...props }, forwardedRef) => (\n <Slot ref={forwardedRef} {...props} {...styleDataAttribute}>\n {children}\n </Slot>\n));\nStyleMarker.displayName = 'StyleMarker';\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nexport const styleDataAttributeName = 'data-dapp-kit';\n\nexport const styleDataAttributeSelector = `[${styleDataAttributeName}]`;\n\nexport const styleDataAttribute = { [styleDataAttributeName]: '' };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAIA,wBAAqB;AAErB,mBAA2B;;;ACFpB,IAAM,yBAAyB;AAE/B,IAAM,6BAA6B,IAAI;AAEvC,IAAM,qBAAqB,EAAE,CAAC,sBAAsB,GAAG,GAAG;;;ADEjE,6BAAO;AAUH;AAJG,IAAM,kBAAc,yBAGzB,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBACvB,4CAAC,0BAAK,KAAK,cAAe,GAAG,OAAQ,GAAG,oBACnC,UACL,CACH;AACD,YAAY,cAAc;",
3
+ "sources": ["vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9", "../../../../src/components/styling/StyleMarker.css.ts", "../../../../src/components/styling/StyleMarker.tsx", "../../../../src/constants/styleDataAttribute.ts"],
4
+ "sourcesContent": ["[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}", "import 'src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { styleDataAttribute } from '../../constants/styleDataAttribute.js';\n\nimport './StyleMarker.css.js';\n\ntype StyleMarker = {\n children: ReactNode;\n};\n\nexport const StyleMarker = forwardRef<\n ElementRef<typeof Slot>,\n ComponentPropsWithoutRef<typeof Slot>\n>(({ children, ...props }, forwardedRef) => (\n <Slot ref={forwardedRef} {...props} {...styleDataAttribute}>\n {children}\n </Slot>\n));\nStyleMarker.displayName = 'StyleMarker';\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nexport const styleDataAttributeName = 'data-dapp-kit';\n\nexport const styleDataAttributeSelector = `[${styleDataAttributeName}]`;\n\nexport const styleDataAttribute = { [styleDataAttributeName]: '' };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAIA,wBAAqB;AAErB,mBAA2B;;;ACFpB,IAAM,yBAAyB;AAE/B,IAAM,6BAA6B,IAAI,sBAAsB;AAE7D,IAAM,qBAAqB,EAAE,CAAC,sBAAsB,GAAG,GAAG;;;ADEjE,6BAAO;AAUH;AAJG,IAAM,kBAAc,yBAGzB,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBACvB,4CAAC,0BAAK,KAAK,cAAe,GAAG,OAAQ,GAAG,oBACnC,UACL,CACH;AACD,YAAY,cAAc;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA== */
1
+ /* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA== */
2
2
  [data-dapp-kit].Button_buttonVariants__ctbx2n0,
3
3
  [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {
4
4
  display: inline-flex;
@@ -14,7 +14,6 @@
14
14
  [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {
15
15
  background-color: var(--dapp-kit-backgroundColors-primaryButton);
16
16
  color: var(--dapp-kit-colors-primaryButton);
17
- box-shadow: var(--dapp-kit-shadows-primaryButton);
18
17
  }
19
18
  [data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover,
20
19
  [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {
@@ -25,7 +24,7 @@
25
24
  border-width: 1px;
26
25
  border-style: solid;
27
26
  border-color: var(--dapp-kit-borderColors-outlineButton);
28
- color: var(--dapp-kit-colors-outlineButton);
27
+ color: var(--dapp-kit-colors-primaryButton);
29
28
  }
30
29
  [data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover,
31
30
  [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {
@@ -33,12 +32,12 @@
33
32
  }
34
33
  [data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3,
35
34
  [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {
36
- border-radius: var(--dapp-kit-radii-medium);
35
+ border-radius: var(--dapp-kit-radii-full);
37
36
  padding: 8px 16px;
38
37
  }
39
38
  [data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4,
40
39
  [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {
41
- border-radius: var(--dapp-kit-radii-large);
40
+ border-radius: var(--dapp-kit-radii-full);
42
41
  padding: 16px 24px;
43
42
  }
44
43
  /*# sourceMappingURL=Button.css.map */
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA== */
1
+ /* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA== */
2
2
  [data-dapp-kit].Button_buttonVariants__ctbx2n0,
3
3
  [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {
4
4
  display: inline-flex;
@@ -14,7 +14,6 @@
14
14
  [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {
15
15
  background-color: var(--dapp-kit-backgroundColors-primaryButton);
16
16
  color: var(--dapp-kit-colors-primaryButton);
17
- box-shadow: var(--dapp-kit-shadows-primaryButton);
18
17
  }
19
18
  [data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover,
20
19
  [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {
@@ -25,7 +24,7 @@
25
24
  border-width: 1px;
26
25
  border-style: solid;
27
26
  border-color: var(--dapp-kit-borderColors-outlineButton);
28
- color: var(--dapp-kit-colors-outlineButton);
27
+ color: var(--dapp-kit-colors-primaryButton);
29
28
  }
30
29
  [data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover,
31
30
  [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {
@@ -33,12 +32,12 @@
33
32
  }
34
33
  [data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3,
35
34
  [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {
36
- border-radius: var(--dapp-kit-radii-medium);
35
+ border-radius: var(--dapp-kit-radii-full);
37
36
  padding: 8px 16px;
38
37
  }
39
38
  [data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4,
40
39
  [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {
41
- border-radius: var(--dapp-kit-radii-large);
40
+ border-radius: var(--dapp-kit-radii-full);
42
41
  padding: 16px 24px;
43
42
  }
44
43
  /*# sourceMappingURL=Button.css.css.map */
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA=="],
4
- "sourcesContent": ["[data-dapp-kit].Button_buttonVariants__ctbx2n0, [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Button_buttonVariants__ctbx2n0:disabled, [data-dapp-kit] .Button_buttonVariants__ctbx2n0:disabled {\n opacity: 0.5;\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {\n background-color: var(--dapp-kit-backgroundColors-primaryButton);\n color: var(--dapp-kit-colors-primaryButton);\n box-shadow: var(--dapp-kit-shadows-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {\n background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2 {\n border-width: 1px;\n border-style: solid;\n border-color: var(--dapp-kit-borderColors-outlineButton);\n color: var(--dapp-kit-colors-outlineButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {\n background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3, [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {\n border-radius: var(--dapp-kit-radii-medium);\n padding: 8px 16px;\n}\n[data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4, [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {\n border-radius: var(--dapp-kit-radii-large);\n padding: 16px 24px ;\n}"],
5
- "mappings": ";AAAA;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;",
3
+ "sources": ["vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA=="],
4
+ "sourcesContent": ["[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}"],
5
+ "mappings": ";AAAA,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;",
6
6
  "names": []
7
7
  }
@@ -4,7 +4,6 @@ export declare const buttonVariants: import("@vanilla-extract/recipes").RuntimeF
4
4
  primary: {
5
5
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
6
  color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
7
  ':hover': {
9
8
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
9
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/ui/Button.css.ts"],
4
- "sourcesContent": ["import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__ctbx2n0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__ctbx2n1',outline:'Button_buttonVariants_variant_outline__ctbx2n2'},size:{md:'Button_buttonVariants_size_md__ctbx2n3',lg:'Button_buttonVariants_size_lg__ctbx2n4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});"],
4
+ "sourcesContent": ["import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__ctbx2n0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__ctbx2n1',outline:'Button_buttonVariants_variant_outline__ctbx2n2'},size:{md:'Button_buttonVariants_size_md__ctbx2n3',lg:'Button_buttonVariants_size_lg__ctbx2n4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAA0C;AACnC,IAAI,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,kCAAiC,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,kDAAiD,SAAQ,iDAAgD,GAAE,MAAK,EAAC,IAAG,0CAAyC,IAAG,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,SAAQ,WAAU,MAAK,KAAI,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": ["_7a468"]
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA=="],
4
- "sourcesContent": ["[data-dapp-kit].Button_buttonVariants__ctbx2n0, [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Button_buttonVariants__ctbx2n0:disabled, [data-dapp-kit] .Button_buttonVariants__ctbx2n0:disabled {\n opacity: 0.5;\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {\n background-color: var(--dapp-kit-backgroundColors-primaryButton);\n color: var(--dapp-kit-colors-primaryButton);\n box-shadow: var(--dapp-kit-shadows-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {\n background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2 {\n border-width: 1px;\n border-style: solid;\n border-color: var(--dapp-kit-borderColors-outlineButton);\n color: var(--dapp-kit-colors-outlineButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {\n background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3, [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {\n border-radius: var(--dapp-kit-radii-medium);\n padding: 8px 16px;\n}\n[data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4, [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {\n border-radius: var(--dapp-kit-radii-large);\n padding: 16px 24px ;\n}"],
5
- "mappings": ";AAAA;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;",
3
+ "sources": ["vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA=="],
4
+ "sourcesContent": ["[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}"],
5
+ "mappings": ";AAAA,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;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import type { ButtonHTMLAttributes } from 'react';
2
2
  declare const Button: import("react").ForwardRefExoticComponent<{
3
- asChild?: boolean | undefined;
3
+ asChild?: boolean;
4
4
  } & ButtonHTMLAttributes<HTMLButtonElement> & {
5
5
  variant?: "outline" | "primary" | undefined;
6
6
  size?: "md" | "lg" | undefined;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/ui/Button.tsx", "../../../../src/components/ui/Button.css.ts"],
4
- "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { buttonVariants } from './Button.css.js';\nimport type { ButtonVariants } from './Button.css.js';\n\ntype ButtonProps = {\n asChild?: boolean;\n} & ButtonHTMLAttributes<HTMLButtonElement> &\n ButtonVariants;\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {\n const Comp = asChild ? Slot : 'button';\n return (\n <Comp\n {...props}\n className={clsx(buttonVariants({ variant, size }), className)}\n ref={forwardedRef}\n />\n );\n },\n);\nButton.displayName = 'Button';\n\nexport { Button };\n", "import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__ctbx2n0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__ctbx2n1',outline:'Button_buttonVariants_variant_outline__ctbx2n2'},size:{md:'Button_buttonVariants_size_md__ctbx2n3',lg:'Button_buttonVariants_size_lg__ctbx2n4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});"],
4
+ "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { buttonVariants } from './Button.css.js';\nimport type { ButtonVariants } from './Button.css.js';\n\ntype ButtonProps = {\n asChild?: boolean;\n} & ButtonHTMLAttributes<HTMLButtonElement> &\n ButtonVariants;\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {\n const Comp = asChild ? Slot : 'button';\n return (\n <Comp\n {...props}\n className={clsx(buttonVariants({ variant, size }), className)}\n ref={forwardedRef}\n />\n );\n },\n);\nButton.displayName = 'Button';\n\nexport { Button };\n", "import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__ctbx2n0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__ctbx2n1',outline:'Button_buttonVariants_variant_outline__ctbx2n2'},size:{md:'Button_buttonVariants_size_md__ctbx2n3',lg:'Button_buttonVariants_size_lg__ctbx2n4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,wBAAqB;AACrB,kBAAiB;AAEjB,mBAA2B;;;ACN3B,6BAA0C;AACnC,IAAI,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,kCAAiC,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,kDAAiD,SAAQ,iDAAgD,GAAE,MAAK,EAAC,IAAG,0CAAyC,IAAG,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,SAAQ,WAAU,MAAK,KAAI,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ADmB3X;AAJZ,IAAM,aAAS;AAAA,EACX,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,MAAM,GAAG,iBAAiB;AACvE,UAAM,OAAO,UAAU,yBAAO;AAC9B,WACI;AAAA,MAAC;AAAA;AAAA,QACI,GAAG;AAAA,QACJ,eAAW,YAAAC,SAAK,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,QAC5D,KAAK;AAAA;AAAA,IACT;AAAA,EAER;AACJ;AACA,OAAO,cAAc;",
6
6
  "names": ["_7a468", "clsx"]
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzEyYjVsOGkxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzEyYjVsOGkyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xMmI1bDhpMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xMmI1bDhpNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMTJiNWw4aTUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMTJiNWw4aTYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMTJiNWw4aTcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ=="],
4
4
  "sourcesContent": ["[data-dapp-kit].Heading_headingVariants_size_sm__12b5l8i1, [data-dapp-kit] .Heading_headingVariants_size_sm__12b5l8i1 {\n font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Heading_headingVariants_size_md__12b5l8i2, [data-dapp-kit] .Heading_headingVariants_size_md__12b5l8i2 {\n font-size: var(--dapp-kit-fontSizes-medium);\n}\n[data-dapp-kit].Heading_headingVariants_size_lg__12b5l8i3, [data-dapp-kit] .Heading_headingVariants_size_lg__12b5l8i3 {\n font-size: var(--dapp-kit-fontSizes-large);\n}\n[data-dapp-kit].Heading_headingVariants_size_xl__12b5l8i4, [data-dapp-kit] .Heading_headingVariants_size_xl__12b5l8i4 {\n font-size: var(--dapp-kit-fontSizes-xlarge);\n}\n[data-dapp-kit].Heading_headingVariants_weight_normal__12b5l8i5, [data-dapp-kit] .Heading_headingVariants_weight_normal__12b5l8i5 {\n font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Heading_headingVariants_weight_bold__12b5l8i6, [data-dapp-kit] .Heading_headingVariants_weight_bold__12b5l8i6 {\n font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Heading_headingVariants_truncate_true__12b5l8i7, [data-dapp-kit] .Heading_headingVariants_truncate_true__12b5l8i7 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}"],
5
- "mappings": ";AAAA;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;AACA;AACA;AAAA;",
5
+ "mappings": ";AAAA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAAiD,CAAC,eAAe,CAAjE;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAA+C,CAAC,eAAe,CAA/D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAiD,CAAC,eAAe,CAAjE;AACd,YAAU;AACV,iBAAe;AACf,eAAa;AACf;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzEyYjVsOGkxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzEyYjVsOGkyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xMmI1bDhpMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xMmI1bDhpNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMTJiNWw4aTUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMTJiNWw4aTYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMTJiNWw4aTcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ=="],
4
4
  "sourcesContent": ["[data-dapp-kit].Heading_headingVariants_size_sm__12b5l8i1, [data-dapp-kit] .Heading_headingVariants_size_sm__12b5l8i1 {\n font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Heading_headingVariants_size_md__12b5l8i2, [data-dapp-kit] .Heading_headingVariants_size_md__12b5l8i2 {\n font-size: var(--dapp-kit-fontSizes-medium);\n}\n[data-dapp-kit].Heading_headingVariants_size_lg__12b5l8i3, [data-dapp-kit] .Heading_headingVariants_size_lg__12b5l8i3 {\n font-size: var(--dapp-kit-fontSizes-large);\n}\n[data-dapp-kit].Heading_headingVariants_size_xl__12b5l8i4, [data-dapp-kit] .Heading_headingVariants_size_xl__12b5l8i4 {\n font-size: var(--dapp-kit-fontSizes-xlarge);\n}\n[data-dapp-kit].Heading_headingVariants_weight_normal__12b5l8i5, [data-dapp-kit] .Heading_headingVariants_weight_normal__12b5l8i5 {\n font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Heading_headingVariants_weight_bold__12b5l8i6, [data-dapp-kit] .Heading_headingVariants_weight_bold__12b5l8i6 {\n font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Heading_headingVariants_truncate_true__12b5l8i7, [data-dapp-kit] .Heading_headingVariants_truncate_true__12b5l8i7 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}"],
5
- "mappings": ";AAAA;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;AACA;AACA;AAAA;",
5
+ "mappings": ";AAAA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAAiD,CAAC,eAAe,CAAjE;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAA+C,CAAC,eAAe,CAA/D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAiD,CAAC,eAAe,CAAjE;AACd,YAAU;AACV,iBAAe;AACf,eAAa;AACf;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { HeadingVariants } from './Heading.css.js';
3
2
  type HeadingAsChildProps = {
4
3
  asChild?: boolean;
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX2FwMXFsbDA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
1
+ /* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQ== */
2
2
  [data-dapp-kit].IconButton_container__ap1qll0,
3
3
  [data-dapp-kit] .IconButton_container__ap1qll0 {
4
4
  border-radius: 9999px;
@@ -6,8 +6,4 @@
6
6
  color: var(--dapp-kit-colors-iconButton);
7
7
  background-color: var(--dapp-kit-backgroundColors-iconButton);
8
8
  }
9
- [data-dapp-kit].IconButton_container__ap1qll0:hover,
10
- [data-dapp-kit] .IconButton_container__ap1qll0:hover {
11
- background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
12
- }
13
9
  /*# sourceMappingURL=IconButton.css.map */
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX2FwMXFsbDA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
1
+ /* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQ== */
2
2
  [data-dapp-kit].IconButton_container__ap1qll0,
3
3
  [data-dapp-kit] .IconButton_container__ap1qll0 {
4
4
  border-radius: 9999px;
@@ -6,8 +6,4 @@
6
6
  color: var(--dapp-kit-colors-iconButton);
7
7
  background-color: var(--dapp-kit-backgroundColors-iconButton);
8
8
  }
9
- [data-dapp-kit].IconButton_container__ap1qll0:hover,
10
- [data-dapp-kit] .IconButton_container__ap1qll0:hover {
11
- background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
12
- }
13
9
  /*# sourceMappingURL=IconButton.css.css.map */
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX2FwMXFsbDA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ=="],
4
- "sourcesContent": ["[data-dapp-kit].IconButton_container__ap1qll0, [data-dapp-kit] .IconButton_container__ap1qll0 {\n border-radius: 9999px;\n padding: 8px;\n color: var(--dapp-kit-colors-iconButton);\n background-color: var(--dapp-kit-backgroundColors-iconButton);\n}\n[data-dapp-kit].IconButton_container__ap1qll0:hover, [data-dapp-kit] .IconButton_container__ap1qll0:hover {\n background-color: var(--dapp-kit-backgroundColors-iconButtonHover);\n}"],
5
- "mappings": ";AAAA;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;",
3
+ "sources": ["vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQ=="],
4
+ "sourcesContent": ["[data-dapp-kit].IconButton_container__ap1qll0, [data-dapp-kit] .IconButton_container__ap1qll0 {\n border-radius: 9999px;\n padding: 8px;\n color: var(--dapp-kit-colors-iconButton);\n background-color: var(--dapp-kit-backgroundColors-iconButton);\n}"],
5
+ "mappings": ";AAAA,CAAC,cAAc,CAAC;AAA+B,CAAC,eAAe,CAA/C;AACd,iBAAe;AACf,WAAS;AACT,SAAO,IAAI;AACX,oBAAkB,IAAI;AACxB;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/ui/IconButton.css.ts"],
4
- "sourcesContent": ["import 'src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX2FwMXFsbDA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ==';\nexport var container = 'IconButton_container__ap1qll0';"],
4
+ "sourcesContent": ["import 'src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQ==';\nexport var container = 'IconButton_container__ap1qll0';"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,YAAY;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX2FwMXFsbDA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ=="],
4
- "sourcesContent": ["[data-dapp-kit].IconButton_container__ap1qll0, [data-dapp-kit] .IconButton_container__ap1qll0 {\n border-radius: 9999px;\n padding: 8px;\n color: var(--dapp-kit-colors-iconButton);\n background-color: var(--dapp-kit-backgroundColors-iconButton);\n}\n[data-dapp-kit].IconButton_container__ap1qll0:hover, [data-dapp-kit] .IconButton_container__ap1qll0:hover {\n background-color: var(--dapp-kit-backgroundColors-iconButtonHover);\n}"],
5
- "mappings": ";AAAA;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;",
3
+ "sources": ["vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQ=="],
4
+ "sourcesContent": ["[data-dapp-kit].IconButton_container__ap1qll0, [data-dapp-kit] .IconButton_container__ap1qll0 {\n border-radius: 9999px;\n padding: 8px;\n color: var(--dapp-kit-colors-iconButton);\n background-color: var(--dapp-kit-backgroundColors-iconButton);\n}"],
5
+ "mappings": ";AAAA,CAAC,cAAc,CAAC;AAA+B,CAAC,eAAe,CAA/C;AACd,iBAAe;AACf,WAAS;AACT,SAAO,IAAI;AACX,oBAAkB,IAAI;AACxB;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import type { ButtonHTMLAttributes } from 'react';
2
2
  declare const IconButton: import("react").ForwardRefExoticComponent<{
3
- asChild?: boolean | undefined;
3
+ asChild?: boolean;
4
4
  'aria-label': string;
5
5
  } & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
6
6
  export { IconButton };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/ui/IconButton.tsx", "../../../../src/components/ui/IconButton.css.ts"],
4
- "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport * as styles from './IconButton.css.js';\n\ntype IconButtonProps = {\n asChild?: boolean;\n 'aria-label': string;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n ({ className, asChild = false, ...props }, forwardedRef) => {\n const Comp = asChild ? Slot : 'button';\n return <Comp {...props} className={clsx(styles.container, className)} ref={forwardedRef} />;\n },\n);\nIconButton.displayName = 'Button';\n\nexport { IconButton };\n", "import 'src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX2FwMXFsbDA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ==';\nexport var container = 'IconButton_container__ap1qll0';"],
4
+ "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport * as styles from './IconButton.css.js';\n\ntype IconButtonProps = {\n asChild?: boolean;\n 'aria-label': string;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n ({ className, asChild = false, ...props }, forwardedRef) => {\n const Comp = asChild ? Slot : 'button';\n return <Comp {...props} className={clsx(styles.container, className)} ref={forwardedRef} />;\n },\n);\nIconButton.displayName = 'Button';\n\nexport { IconButton };\n", "import 'src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQ==';\nexport var container = 'IconButton_container__ap1qll0';"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,wBAAqB;AACrB,kBAAiB;AAEjB,mBAA2B;;;ACNpB,IAAI,YAAY;;;ADkBR;AAHf,IAAM,iBAAa;AAAA,EACf,CAAC,EAAE,WAAW,UAAU,OAAO,GAAG,MAAM,GAAG,iBAAiB;AACxD,UAAM,OAAO,UAAU,yBAAO;AAC9B,WAAO,4CAAC,QAAM,GAAG,OAAO,eAAW,YAAAA,SAAY,WAAW,SAAS,GAAG,KAAK,cAAc;AAAA,EAC7F;AACJ;AACA,WAAW,cAAc;",
6
6
  "names": ["clsx"]
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9"],
4
4
  "sourcesContent": ["[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;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;",
5
+ "mappings": ";AAAA,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
  }