@reown/appkit-ui-react-native 2.0.0 → 2.0.1

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 (876) hide show
  1. package/lib/commonjs/assets/svg/AllWallets.js +11 -10
  2. package/lib/commonjs/assets/svg/AllWallets.js.map +1 -1
  3. package/lib/commonjs/assets/svg/Apple.js +42 -36
  4. package/lib/commonjs/assets/svg/Apple.js.map +1 -1
  5. package/lib/commonjs/assets/svg/ArrowBottom.js +12 -11
  6. package/lib/commonjs/assets/svg/ArrowBottom.js.map +1 -1
  7. package/lib/commonjs/assets/svg/ArrowBottomCircle.js +12 -11
  8. package/lib/commonjs/assets/svg/ArrowBottomCircle.js.map +1 -1
  9. package/lib/commonjs/assets/svg/ArrowLeft.js +12 -11
  10. package/lib/commonjs/assets/svg/ArrowLeft.js.map +1 -1
  11. package/lib/commonjs/assets/svg/ArrowRight.js +12 -11
  12. package/lib/commonjs/assets/svg/ArrowRight.js.map +1 -1
  13. package/lib/commonjs/assets/svg/ArrowTop.js +12 -11
  14. package/lib/commonjs/assets/svg/ArrowTop.js.map +1 -1
  15. package/lib/commonjs/assets/svg/Browser.js +17 -16
  16. package/lib/commonjs/assets/svg/Browser.js.map +1 -1
  17. package/lib/commonjs/assets/svg/Card.js +12 -11
  18. package/lib/commonjs/assets/svg/Card.js.map +1 -1
  19. package/lib/commonjs/assets/svg/Checkmark.js +12 -11
  20. package/lib/commonjs/assets/svg/Checkmark.js.map +1 -1
  21. package/lib/commonjs/assets/svg/ChevronBottom.js +12 -11
  22. package/lib/commonjs/assets/svg/ChevronBottom.js.map +1 -1
  23. package/lib/commonjs/assets/svg/ChevronLeft.js +12 -11
  24. package/lib/commonjs/assets/svg/ChevronLeft.js.map +1 -1
  25. package/lib/commonjs/assets/svg/ChevronRight.js +12 -11
  26. package/lib/commonjs/assets/svg/ChevronRight.js.map +1 -1
  27. package/lib/commonjs/assets/svg/ChevronRightSmall.js +12 -11
  28. package/lib/commonjs/assets/svg/ChevronRightSmall.js.map +1 -1
  29. package/lib/commonjs/assets/svg/ChevronTop.js +12 -11
  30. package/lib/commonjs/assets/svg/ChevronTop.js.map +1 -1
  31. package/lib/commonjs/assets/svg/Clock.js +12 -11
  32. package/lib/commonjs/assets/svg/Clock.js.map +1 -1
  33. package/lib/commonjs/assets/svg/Close.js +12 -11
  34. package/lib/commonjs/assets/svg/Close.js.map +1 -1
  35. package/lib/commonjs/assets/svg/CoinPlaceholder.js +12 -11
  36. package/lib/commonjs/assets/svg/CoinPlaceholder.js.map +1 -1
  37. package/lib/commonjs/assets/svg/Compass.js +12 -11
  38. package/lib/commonjs/assets/svg/Compass.js.map +1 -1
  39. package/lib/commonjs/assets/svg/Copy.js +12 -11
  40. package/lib/commonjs/assets/svg/Copy.js.map +1 -1
  41. package/lib/commonjs/assets/svg/CopySmall.js +12 -11
  42. package/lib/commonjs/assets/svg/CopySmall.js.map +1 -1
  43. package/lib/commonjs/assets/svg/CurrencyDollar.js +13 -12
  44. package/lib/commonjs/assets/svg/CurrencyDollar.js.map +1 -1
  45. package/lib/commonjs/assets/svg/Cursor.js +11 -11
  46. package/lib/commonjs/assets/svg/Cursor.js.map +1 -1
  47. package/lib/commonjs/assets/svg/Desktop.js +15 -14
  48. package/lib/commonjs/assets/svg/Desktop.js.map +1 -1
  49. package/lib/commonjs/assets/svg/Disconnect.js +12 -11
  50. package/lib/commonjs/assets/svg/Disconnect.js.map +1 -1
  51. package/lib/commonjs/assets/svg/Discord.js +44 -38
  52. package/lib/commonjs/assets/svg/Discord.js.map +1 -1
  53. package/lib/commonjs/assets/svg/Etherscan.js +10 -9
  54. package/lib/commonjs/assets/svg/Etherscan.js.map +1 -1
  55. package/lib/commonjs/assets/svg/Extension.js +12 -11
  56. package/lib/commonjs/assets/svg/Extension.js.map +1 -1
  57. package/lib/commonjs/assets/svg/ExternalLink.js +12 -11
  58. package/lib/commonjs/assets/svg/ExternalLink.js.map +1 -1
  59. package/lib/commonjs/assets/svg/Facebook.js +57 -49
  60. package/lib/commonjs/assets/svg/Facebook.js.map +1 -1
  61. package/lib/commonjs/assets/svg/Farcaster.js +19 -18
  62. package/lib/commonjs/assets/svg/Farcaster.js.map +1 -1
  63. package/lib/commonjs/assets/svg/FarcasterSquare.js +19 -18
  64. package/lib/commonjs/assets/svg/FarcasterSquare.js.map +1 -1
  65. package/lib/commonjs/assets/svg/Filters.js +12 -11
  66. package/lib/commonjs/assets/svg/Filters.js.map +1 -1
  67. package/lib/commonjs/assets/svg/Github.js +51 -43
  68. package/lib/commonjs/assets/svg/Github.js.map +1 -1
  69. package/lib/commonjs/assets/svg/Google.js +61 -53
  70. package/lib/commonjs/assets/svg/Google.js.map +1 -1
  71. package/lib/commonjs/assets/svg/HelpCircle.js +15 -14
  72. package/lib/commonjs/assets/svg/HelpCircle.js.map +1 -1
  73. package/lib/commonjs/assets/svg/InfoCircle.js +15 -14
  74. package/lib/commonjs/assets/svg/InfoCircle.js.map +1 -1
  75. package/lib/commonjs/assets/svg/Mail.js +15 -11
  76. package/lib/commonjs/assets/svg/Mail.js.map +1 -1
  77. package/lib/commonjs/assets/svg/Mobile.js +15 -14
  78. package/lib/commonjs/assets/svg/Mobile.js.map +1 -1
  79. package/lib/commonjs/assets/svg/More.js +21 -20
  80. package/lib/commonjs/assets/svg/More.js.map +1 -1
  81. package/lib/commonjs/assets/svg/NetworkPlaceholder.js +17 -16
  82. package/lib/commonjs/assets/svg/NetworkPlaceholder.js.map +1 -1
  83. package/lib/commonjs/assets/svg/NftPlaceholder.js +12 -11
  84. package/lib/commonjs/assets/svg/NftPlaceholder.js.map +1 -1
  85. package/lib/commonjs/assets/svg/Off.js +12 -11
  86. package/lib/commonjs/assets/svg/Off.js.map +1 -1
  87. package/lib/commonjs/assets/svg/Paperplane.js +12 -11
  88. package/lib/commonjs/assets/svg/Paperplane.js.map +1 -1
  89. package/lib/commonjs/assets/svg/Plus.js +12 -11
  90. package/lib/commonjs/assets/svg/Plus.js.map +1 -1
  91. package/lib/commonjs/assets/svg/QrCode.js +12 -11
  92. package/lib/commonjs/assets/svg/QrCode.js.map +1 -1
  93. package/lib/commonjs/assets/svg/RecycleHorizontal.js +12 -11
  94. package/lib/commonjs/assets/svg/RecycleHorizontal.js.map +1 -1
  95. package/lib/commonjs/assets/svg/Refresh.js +12 -11
  96. package/lib/commonjs/assets/svg/Refresh.js.map +1 -1
  97. package/lib/commonjs/assets/svg/Reown.js +47 -0
  98. package/lib/commonjs/assets/svg/Reown.js.map +1 -0
  99. package/lib/commonjs/assets/svg/Search.js +12 -11
  100. package/lib/commonjs/assets/svg/Search.js.map +1 -1
  101. package/lib/commonjs/assets/svg/Settings.js +12 -11
  102. package/lib/commonjs/assets/svg/Settings.js.map +1 -1
  103. package/lib/commonjs/assets/svg/SwapHorizontal.js +13 -13
  104. package/lib/commonjs/assets/svg/SwapHorizontal.js.map +1 -1
  105. package/lib/commonjs/assets/svg/SwapVertical.js +12 -11
  106. package/lib/commonjs/assets/svg/SwapVertical.js.map +1 -1
  107. package/lib/commonjs/assets/svg/Telegram.js +44 -38
  108. package/lib/commonjs/assets/svg/Telegram.js.map +1 -1
  109. package/lib/commonjs/assets/svg/Twitch.js +51 -43
  110. package/lib/commonjs/assets/svg/Twitch.js.map +1 -1
  111. package/lib/commonjs/assets/svg/Verify.js +12 -11
  112. package/lib/commonjs/assets/svg/Verify.js.map +1 -1
  113. package/lib/commonjs/assets/svg/Wallet.js +12 -11
  114. package/lib/commonjs/assets/svg/Wallet.js.map +1 -1
  115. package/lib/commonjs/assets/svg/WalletConnect.js +36 -29
  116. package/lib/commonjs/assets/svg/WalletConnect.js.map +1 -1
  117. package/lib/commonjs/assets/svg/WalletPlaceholder.js +15 -14
  118. package/lib/commonjs/assets/svg/WalletPlaceholder.js.map +1 -1
  119. package/lib/commonjs/assets/svg/WalletSmall.js +12 -11
  120. package/lib/commonjs/assets/svg/WalletSmall.js.map +1 -1
  121. package/lib/commonjs/assets/svg/WarningCircle.js +15 -14
  122. package/lib/commonjs/assets/svg/WarningCircle.js.map +1 -1
  123. package/lib/commonjs/assets/svg/X.js +30 -26
  124. package/lib/commonjs/assets/svg/X.js.map +1 -1
  125. package/lib/commonjs/assets/visual/Browser.js +42 -41
  126. package/lib/commonjs/assets/visual/Browser.js.map +1 -1
  127. package/lib/commonjs/assets/visual/Dao.js +59 -54
  128. package/lib/commonjs/assets/visual/Dao.js.map +1 -1
  129. package/lib/commonjs/assets/visual/Defi.js +42 -37
  130. package/lib/commonjs/assets/visual/Defi.js.map +1 -1
  131. package/lib/commonjs/assets/visual/DefiAlt.js +50 -45
  132. package/lib/commonjs/assets/visual/DefiAlt.js.map +1 -1
  133. package/lib/commonjs/assets/visual/Eth.js +56 -51
  134. package/lib/commonjs/assets/visual/Eth.js.map +1 -1
  135. package/lib/commonjs/assets/visual/Google.js +48 -47
  136. package/lib/commonjs/assets/visual/Google.js.map +1 -1
  137. package/lib/commonjs/assets/visual/Layers.js +35 -34
  138. package/lib/commonjs/assets/visual/Layers.js.map +1 -1
  139. package/lib/commonjs/assets/visual/Lightbulb.js +51 -46
  140. package/lib/commonjs/assets/visual/Lightbulb.js.map +1 -1
  141. package/lib/commonjs/assets/visual/Lock.js +31 -30
  142. package/lib/commonjs/assets/visual/Lock.js.map +1 -1
  143. package/lib/commonjs/assets/visual/Login.js +37 -32
  144. package/lib/commonjs/assets/visual/Login.js.map +1 -1
  145. package/lib/commonjs/assets/visual/Network.js +87 -82
  146. package/lib/commonjs/assets/visual/Network.js.map +1 -1
  147. package/lib/commonjs/assets/visual/Nft.js +43 -38
  148. package/lib/commonjs/assets/visual/Nft.js.map +1 -1
  149. package/lib/commonjs/assets/visual/Noun.js +40 -39
  150. package/lib/commonjs/assets/visual/Noun.js.map +1 -1
  151. package/lib/commonjs/assets/visual/Pencil.js +74 -69
  152. package/lib/commonjs/assets/visual/Pencil.js.map +1 -1
  153. package/lib/commonjs/assets/visual/Profile.js +54 -49
  154. package/lib/commonjs/assets/visual/Profile.js.map +1 -1
  155. package/lib/commonjs/assets/visual/System.js +49 -44
  156. package/lib/commonjs/assets/visual/System.js.map +1 -1
  157. package/lib/commonjs/components/wui-card/index.js +5 -5
  158. package/lib/commonjs/components/wui-card/index.js.map +1 -1
  159. package/lib/commonjs/components/wui-card/styles.js +2 -1
  160. package/lib/commonjs/components/wui-card/styles.js.map +1 -1
  161. package/lib/commonjs/components/wui-icon/index.js +11 -7
  162. package/lib/commonjs/components/wui-icon/index.js.map +1 -1
  163. package/lib/commonjs/components/wui-image/index.js +8 -6
  164. package/lib/commonjs/components/wui-image/index.js.map +1 -1
  165. package/lib/commonjs/components/wui-image/styles.js.map +1 -1
  166. package/lib/commonjs/components/wui-loading-hexagon/index.js +31 -26
  167. package/lib/commonjs/components/wui-loading-hexagon/index.js.map +1 -1
  168. package/lib/commonjs/components/wui-loading-hexagon/styles.js.map +1 -1
  169. package/lib/commonjs/components/wui-loading-spinner/index.js +31 -27
  170. package/lib/commonjs/components/wui-loading-spinner/index.js.map +1 -1
  171. package/lib/commonjs/components/wui-loading-spinner/styles.js.map +1 -1
  172. package/lib/commonjs/components/wui-loading-thumbnail/index.js +46 -31
  173. package/lib/commonjs/components/wui-loading-thumbnail/index.js.map +1 -1
  174. package/lib/commonjs/components/wui-loading-thumbnail/styles.js.map +1 -1
  175. package/lib/commonjs/components/wui-modal/index.js +137 -0
  176. package/lib/commonjs/components/wui-modal/index.js.map +1 -0
  177. package/lib/commonjs/components/wui-modal/styles.js +32 -0
  178. package/lib/commonjs/components/wui-modal/styles.js.map +1 -0
  179. package/lib/commonjs/components/wui-pressable/index.js +6 -4
  180. package/lib/commonjs/components/wui-pressable/index.js.map +1 -1
  181. package/lib/commonjs/components/wui-shimmer/index.js +94 -30
  182. package/lib/commonjs/components/wui-shimmer/index.js.map +1 -1
  183. package/lib/commonjs/components/wui-text/index.js +6 -4
  184. package/lib/commonjs/components/wui-text/index.js.map +1 -1
  185. package/lib/commonjs/components/wui-text/styles.js.map +1 -1
  186. package/lib/commonjs/components/wui-visual/index.js +2 -1
  187. package/lib/commonjs/components/wui-visual/index.js.map +1 -1
  188. package/lib/commonjs/composites/wui-account-button/index.js +33 -27
  189. package/lib/commonjs/composites/wui-account-button/index.js.map +1 -1
  190. package/lib/commonjs/composites/wui-account-button/styles.js.map +1 -1
  191. package/lib/commonjs/composites/wui-account-pill/index.js +30 -27
  192. package/lib/commonjs/composites/wui-account-pill/index.js.map +1 -1
  193. package/lib/commonjs/composites/wui-account-pill/styles.js.map +1 -1
  194. package/lib/commonjs/composites/wui-action-entry/index.js +5 -3
  195. package/lib/commonjs/composites/wui-action-entry/index.js.map +1 -1
  196. package/lib/commonjs/composites/wui-action-entry/styles.js.map +1 -1
  197. package/lib/commonjs/composites/wui-avatar/index.js +55 -50
  198. package/lib/commonjs/composites/wui-avatar/index.js.map +1 -1
  199. package/lib/commonjs/composites/wui-avatar/styles.js.map +1 -1
  200. package/lib/commonjs/composites/wui-balance/index.js +9 -6
  201. package/lib/commonjs/composites/wui-balance/index.js.map +1 -1
  202. package/lib/commonjs/composites/wui-banner/index.js +16 -13
  203. package/lib/commonjs/composites/wui-banner/index.js.map +1 -1
  204. package/lib/commonjs/composites/wui-banner/styles.js.map +1 -1
  205. package/lib/commonjs/composites/wui-button/index.js +29 -26
  206. package/lib/commonjs/composites/wui-button/index.js.map +1 -1
  207. package/lib/commonjs/composites/wui-button/styles.js.map +1 -1
  208. package/lib/commonjs/composites/wui-card-select/index.js +49 -43
  209. package/lib/commonjs/composites/wui-card-select/index.js.map +1 -1
  210. package/lib/commonjs/composites/wui-card-select/styles.js.map +1 -1
  211. package/lib/commonjs/composites/wui-card-select-loader/index.js +22 -17
  212. package/lib/commonjs/composites/wui-card-select-loader/index.js.map +1 -1
  213. package/lib/commonjs/composites/wui-card-select-loader/styles.js.map +1 -1
  214. package/lib/commonjs/composites/wui-chip/index.js +25 -23
  215. package/lib/commonjs/composites/wui-chip/index.js.map +1 -1
  216. package/lib/commonjs/composites/wui-chip/styles.js.map +1 -1
  217. package/lib/commonjs/composites/wui-compatible-network/index.js +23 -20
  218. package/lib/commonjs/composites/wui-compatible-network/index.js.map +1 -1
  219. package/lib/commonjs/composites/wui-connect-button/index.js +12 -10
  220. package/lib/commonjs/composites/wui-connect-button/index.js.map +1 -1
  221. package/lib/commonjs/composites/wui-connect-button/styles.js.map +1 -1
  222. package/lib/commonjs/composites/wui-double-image-loader/index.js +32 -28
  223. package/lib/commonjs/composites/wui-double-image-loader/index.js.map +1 -1
  224. package/lib/commonjs/composites/wui-double-image-loader/index.native.js +49 -45
  225. package/lib/commonjs/composites/wui-double-image-loader/index.native.js.map +1 -1
  226. package/lib/commonjs/composites/wui-double-image-loader/styles.js.map +1 -1
  227. package/lib/commonjs/composites/wui-email-input/index.js +28 -24
  228. package/lib/commonjs/composites/wui-email-input/index.js.map +1 -1
  229. package/lib/commonjs/composites/wui-email-input/styles.js.map +1 -1
  230. package/lib/commonjs/composites/wui-icon-box/index.js +9 -7
  231. package/lib/commonjs/composites/wui-icon-box/index.js.map +1 -1
  232. package/lib/commonjs/composites/wui-icon-box/styles.js.map +1 -1
  233. package/lib/commonjs/composites/wui-icon-link/index.js +9 -7
  234. package/lib/commonjs/composites/wui-icon-link/index.js.map +1 -1
  235. package/lib/commonjs/composites/wui-icon-link/styles.js.map +1 -1
  236. package/lib/commonjs/composites/wui-input-element/index.js +9 -7
  237. package/lib/commonjs/composites/wui-input-element/index.js.map +1 -1
  238. package/lib/commonjs/composites/wui-input-element/styles.js.map +1 -1
  239. package/lib/commonjs/composites/wui-input-numeric/index.js +5 -4
  240. package/lib/commonjs/composites/wui-input-numeric/index.js.map +1 -1
  241. package/lib/commonjs/composites/wui-input-numeric/styles.js.map +1 -1
  242. package/lib/commonjs/composites/wui-input-text/index.js +46 -42
  243. package/lib/commonjs/composites/wui-input-text/index.js.map +1 -1
  244. package/lib/commonjs/composites/wui-input-text/styles.js.map +1 -1
  245. package/lib/commonjs/composites/wui-link/index.js +25 -21
  246. package/lib/commonjs/composites/wui-link/index.js.map +1 -1
  247. package/lib/commonjs/composites/wui-link/styles.js.map +1 -1
  248. package/lib/commonjs/composites/wui-list-item/index.js +30 -23
  249. package/lib/commonjs/composites/wui-list-item/index.js.map +1 -1
  250. package/lib/commonjs/composites/wui-list-item/styles.js.map +1 -1
  251. package/lib/commonjs/composites/wui-list-item-loader/index.js +14 -12
  252. package/lib/commonjs/composites/wui-list-item-loader/index.js.map +1 -1
  253. package/lib/commonjs/composites/wui-list-item-loader/styles.js.map +1 -1
  254. package/lib/commonjs/composites/wui-list-social/index.js +28 -17
  255. package/lib/commonjs/composites/wui-list-social/index.js.map +1 -1
  256. package/lib/commonjs/composites/wui-list-social/styles.js +3 -0
  257. package/lib/commonjs/composites/wui-list-social/styles.js.map +1 -1
  258. package/lib/commonjs/composites/wui-list-token/index.js +72 -64
  259. package/lib/commonjs/composites/wui-list-token/index.js.map +1 -1
  260. package/lib/commonjs/composites/wui-list-token/styles.js.map +1 -1
  261. package/lib/commonjs/composites/wui-list-transaction/index.js +44 -36
  262. package/lib/commonjs/composites/wui-list-transaction/index.js.map +1 -1
  263. package/lib/commonjs/composites/wui-list-transaction/styles.js.map +1 -1
  264. package/lib/commonjs/composites/wui-list-transaction/utils.js.map +1 -1
  265. package/lib/commonjs/composites/wui-list-wallet/index.js +28 -21
  266. package/lib/commonjs/composites/wui-list-wallet/index.js.map +1 -1
  267. package/lib/commonjs/composites/wui-list-wallet/styles.js.map +1 -1
  268. package/lib/commonjs/composites/wui-logo/index.js +2 -1
  269. package/lib/commonjs/composites/wui-logo/index.js.map +1 -1
  270. package/lib/commonjs/composites/wui-logo-select/index.js +8 -6
  271. package/lib/commonjs/composites/wui-logo-select/index.js.map +1 -1
  272. package/lib/commonjs/composites/wui-logo-select/styles.js.map +1 -1
  273. package/lib/commonjs/composites/wui-network-button/index.js +24 -20
  274. package/lib/commonjs/composites/wui-network-button/index.js.map +1 -1
  275. package/lib/commonjs/composites/wui-network-button/styles.js.map +1 -1
  276. package/lib/commonjs/composites/wui-network-image/index.js +52 -39
  277. package/lib/commonjs/composites/wui-network-image/index.js.map +1 -1
  278. package/lib/commonjs/composites/wui-network-image/styles.js.map +1 -1
  279. package/lib/commonjs/composites/wui-numeric-keyboard/index.js +29 -22
  280. package/lib/commonjs/composites/wui-numeric-keyboard/index.js.map +1 -1
  281. package/lib/commonjs/composites/wui-otp/index.js +15 -14
  282. package/lib/commonjs/composites/wui-otp/index.js.map +1 -1
  283. package/lib/commonjs/composites/wui-otp/styles.js.map +1 -1
  284. package/lib/commonjs/composites/wui-qr-code/index.js +19 -27
  285. package/lib/commonjs/composites/wui-qr-code/index.js.map +1 -1
  286. package/lib/commonjs/composites/wui-qr-code/styles.js +0 -3
  287. package/lib/commonjs/composites/wui-qr-code/styles.js.map +1 -1
  288. package/lib/commonjs/composites/wui-search-bar/index.js +25 -22
  289. package/lib/commonjs/composites/wui-search-bar/index.js.map +1 -1
  290. package/lib/commonjs/composites/wui-snackbar/index.js +18 -15
  291. package/lib/commonjs/composites/wui-snackbar/index.js.map +1 -1
  292. package/lib/commonjs/composites/wui-snackbar/styles.js.map +1 -1
  293. package/lib/commonjs/composites/wui-tabs/index.js +29 -26
  294. package/lib/commonjs/composites/wui-tabs/index.js.map +1 -1
  295. package/lib/commonjs/composites/wui-tabs/styles.js.map +1 -1
  296. package/lib/commonjs/composites/wui-tag/index.js +11 -9
  297. package/lib/commonjs/composites/wui-tag/index.js.map +1 -1
  298. package/lib/commonjs/composites/wui-tag/styles.js.map +1 -1
  299. package/lib/commonjs/composites/wui-toggle/index.js +26 -20
  300. package/lib/commonjs/composites/wui-toggle/index.js.map +1 -1
  301. package/lib/commonjs/composites/wui-toggle/styles.js.map +1 -1
  302. package/lib/commonjs/composites/wui-token-button/index.js +35 -31
  303. package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
  304. package/lib/commonjs/composites/wui-token-button/styles.js.map +1 -1
  305. package/lib/commonjs/composites/wui-tooltip/index.js +19 -14
  306. package/lib/commonjs/composites/wui-tooltip/index.js.map +1 -1
  307. package/lib/commonjs/composites/wui-tooltip/styles.js.map +1 -1
  308. package/lib/commonjs/composites/wui-transaction-visual/index.js +55 -47
  309. package/lib/commonjs/composites/wui-transaction-visual/index.js.map +1 -1
  310. package/lib/commonjs/composites/wui-transaction-visual/styles.js.map +1 -1
  311. package/lib/commonjs/composites/wui-wallet-image/index.js +32 -28
  312. package/lib/commonjs/composites/wui-wallet-image/index.js.map +1 -1
  313. package/lib/commonjs/composites/wui-wallet-image/styles.js.map +1 -1
  314. package/lib/commonjs/context/ThemeContext.js +22 -18
  315. package/lib/commonjs/context/ThemeContext.js.map +1 -1
  316. package/lib/commonjs/hooks/useAnimatedValue.js.map +1 -1
  317. package/lib/commonjs/hooks/useCustomDimensions.js +42 -0
  318. package/lib/commonjs/hooks/useCustomDimensions.js.map +1 -0
  319. package/lib/commonjs/hooks/useTheme.js.map +1 -1
  320. package/lib/commonjs/index.js +14 -7
  321. package/lib/commonjs/index.js.map +1 -1
  322. package/lib/commonjs/layout/wui-flex/index.js +8 -3
  323. package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
  324. package/lib/commonjs/layout/wui-overlay/index.js +5 -3
  325. package/lib/commonjs/layout/wui-overlay/index.js.map +1 -1
  326. package/lib/commonjs/layout/wui-overlay/styles.js.map +1 -1
  327. package/lib/commonjs/layout/wui-separator/index.js +18 -15
  328. package/lib/commonjs/layout/wui-separator/index.js.map +1 -1
  329. package/lib/commonjs/layout/wui-separator/styles.js.map +1 -1
  330. package/lib/commonjs/package.json +1 -0
  331. package/lib/commonjs/utils/QRCodeUtil.js +9 -11
  332. package/lib/commonjs/utils/QRCodeUtil.js.map +1 -1
  333. package/lib/commonjs/utils/ThemeUtil.js.map +1 -1
  334. package/lib/commonjs/utils/TransactionUtil.js.map +1 -1
  335. package/lib/commonjs/utils/TypesUtil.js.map +1 -1
  336. package/lib/commonjs/utils/UiUtil.js +1 -1
  337. package/lib/commonjs/utils/UiUtil.js.map +1 -1
  338. package/lib/module/assets/svg/AllWallets.js +12 -8
  339. package/lib/module/assets/svg/AllWallets.js.map +1 -1
  340. package/lib/module/assets/svg/Apple.js +43 -34
  341. package/lib/module/assets/svg/Apple.js.map +1 -1
  342. package/lib/module/assets/svg/ArrowBottom.js +13 -9
  343. package/lib/module/assets/svg/ArrowBottom.js.map +1 -1
  344. package/lib/module/assets/svg/ArrowBottomCircle.js +13 -9
  345. package/lib/module/assets/svg/ArrowBottomCircle.js.map +1 -1
  346. package/lib/module/assets/svg/ArrowLeft.js +13 -9
  347. package/lib/module/assets/svg/ArrowLeft.js.map +1 -1
  348. package/lib/module/assets/svg/ArrowRight.js +13 -9
  349. package/lib/module/assets/svg/ArrowRight.js.map +1 -1
  350. package/lib/module/assets/svg/ArrowTop.js +13 -9
  351. package/lib/module/assets/svg/ArrowTop.js.map +1 -1
  352. package/lib/module/assets/svg/Browser.js +18 -14
  353. package/lib/module/assets/svg/Browser.js.map +1 -1
  354. package/lib/module/assets/svg/Card.js +13 -9
  355. package/lib/module/assets/svg/Card.js.map +1 -1
  356. package/lib/module/assets/svg/Checkmark.js +13 -9
  357. package/lib/module/assets/svg/Checkmark.js.map +1 -1
  358. package/lib/module/assets/svg/ChevronBottom.js +13 -9
  359. package/lib/module/assets/svg/ChevronBottom.js.map +1 -1
  360. package/lib/module/assets/svg/ChevronLeft.js +13 -9
  361. package/lib/module/assets/svg/ChevronLeft.js.map +1 -1
  362. package/lib/module/assets/svg/ChevronRight.js +13 -9
  363. package/lib/module/assets/svg/ChevronRight.js.map +1 -1
  364. package/lib/module/assets/svg/ChevronRightSmall.js +13 -9
  365. package/lib/module/assets/svg/ChevronRightSmall.js.map +1 -1
  366. package/lib/module/assets/svg/ChevronTop.js +13 -9
  367. package/lib/module/assets/svg/ChevronTop.js.map +1 -1
  368. package/lib/module/assets/svg/Clock.js +13 -9
  369. package/lib/module/assets/svg/Clock.js.map +1 -1
  370. package/lib/module/assets/svg/Close.js +13 -9
  371. package/lib/module/assets/svg/Close.js.map +1 -1
  372. package/lib/module/assets/svg/CoinPlaceholder.js +13 -9
  373. package/lib/module/assets/svg/CoinPlaceholder.js.map +1 -1
  374. package/lib/module/assets/svg/Compass.js +13 -9
  375. package/lib/module/assets/svg/Compass.js.map +1 -1
  376. package/lib/module/assets/svg/Copy.js +13 -9
  377. package/lib/module/assets/svg/Copy.js.map +1 -1
  378. package/lib/module/assets/svg/CopySmall.js +13 -9
  379. package/lib/module/assets/svg/CopySmall.js.map +1 -1
  380. package/lib/module/assets/svg/CurrencyDollar.js +14 -10
  381. package/lib/module/assets/svg/CurrencyDollar.js.map +1 -1
  382. package/lib/module/assets/svg/Cursor.js +12 -9
  383. package/lib/module/assets/svg/Cursor.js.map +1 -1
  384. package/lib/module/assets/svg/Desktop.js +16 -12
  385. package/lib/module/assets/svg/Desktop.js.map +1 -1
  386. package/lib/module/assets/svg/Disconnect.js +13 -9
  387. package/lib/module/assets/svg/Disconnect.js.map +1 -1
  388. package/lib/module/assets/svg/Discord.js +45 -36
  389. package/lib/module/assets/svg/Discord.js.map +1 -1
  390. package/lib/module/assets/svg/Etherscan.js +11 -7
  391. package/lib/module/assets/svg/Etherscan.js.map +1 -1
  392. package/lib/module/assets/svg/Extension.js +13 -9
  393. package/lib/module/assets/svg/Extension.js.map +1 -1
  394. package/lib/module/assets/svg/ExternalLink.js +13 -9
  395. package/lib/module/assets/svg/ExternalLink.js.map +1 -1
  396. package/lib/module/assets/svg/Facebook.js +58 -47
  397. package/lib/module/assets/svg/Facebook.js.map +1 -1
  398. package/lib/module/assets/svg/Farcaster.js +20 -16
  399. package/lib/module/assets/svg/Farcaster.js.map +1 -1
  400. package/lib/module/assets/svg/FarcasterSquare.js +20 -16
  401. package/lib/module/assets/svg/FarcasterSquare.js.map +1 -1
  402. package/lib/module/assets/svg/Filters.js +13 -9
  403. package/lib/module/assets/svg/Filters.js.map +1 -1
  404. package/lib/module/assets/svg/Github.js +52 -41
  405. package/lib/module/assets/svg/Github.js.map +1 -1
  406. package/lib/module/assets/svg/Google.js +62 -51
  407. package/lib/module/assets/svg/Google.js.map +1 -1
  408. package/lib/module/assets/svg/HelpCircle.js +16 -12
  409. package/lib/module/assets/svg/HelpCircle.js.map +1 -1
  410. package/lib/module/assets/svg/InfoCircle.js +16 -12
  411. package/lib/module/assets/svg/InfoCircle.js.map +1 -1
  412. package/lib/module/assets/svg/Mail.js +17 -10
  413. package/lib/module/assets/svg/Mail.js.map +1 -1
  414. package/lib/module/assets/svg/Mobile.js +16 -12
  415. package/lib/module/assets/svg/Mobile.js.map +1 -1
  416. package/lib/module/assets/svg/More.js +22 -18
  417. package/lib/module/assets/svg/More.js.map +1 -1
  418. package/lib/module/assets/svg/NetworkPlaceholder.js +18 -14
  419. package/lib/module/assets/svg/NetworkPlaceholder.js.map +1 -1
  420. package/lib/module/assets/svg/NftPlaceholder.js +13 -9
  421. package/lib/module/assets/svg/NftPlaceholder.js.map +1 -1
  422. package/lib/module/assets/svg/Off.js +13 -9
  423. package/lib/module/assets/svg/Off.js.map +1 -1
  424. package/lib/module/assets/svg/Paperplane.js +13 -9
  425. package/lib/module/assets/svg/Paperplane.js.map +1 -1
  426. package/lib/module/assets/svg/Plus.js +13 -9
  427. package/lib/module/assets/svg/Plus.js.map +1 -1
  428. package/lib/module/assets/svg/QrCode.js +13 -9
  429. package/lib/module/assets/svg/QrCode.js.map +1 -1
  430. package/lib/module/assets/svg/RecycleHorizontal.js +13 -9
  431. package/lib/module/assets/svg/RecycleHorizontal.js.map +1 -1
  432. package/lib/module/assets/svg/Refresh.js +13 -9
  433. package/lib/module/assets/svg/Refresh.js.map +1 -1
  434. package/lib/module/assets/svg/Reown.js +42 -0
  435. package/lib/module/assets/svg/Reown.js.map +1 -0
  436. package/lib/module/assets/svg/Search.js +13 -9
  437. package/lib/module/assets/svg/Search.js.map +1 -1
  438. package/lib/module/assets/svg/Settings.js +13 -9
  439. package/lib/module/assets/svg/Settings.js.map +1 -1
  440. package/lib/module/assets/svg/SwapHorizontal.js +14 -11
  441. package/lib/module/assets/svg/SwapHorizontal.js.map +1 -1
  442. package/lib/module/assets/svg/SwapVertical.js +13 -9
  443. package/lib/module/assets/svg/SwapVertical.js.map +1 -1
  444. package/lib/module/assets/svg/Telegram.js +45 -36
  445. package/lib/module/assets/svg/Telegram.js.map +1 -1
  446. package/lib/module/assets/svg/Twitch.js +52 -41
  447. package/lib/module/assets/svg/Twitch.js.map +1 -1
  448. package/lib/module/assets/svg/Verify.js +13 -9
  449. package/lib/module/assets/svg/Verify.js.map +1 -1
  450. package/lib/module/assets/svg/Wallet.js +13 -9
  451. package/lib/module/assets/svg/Wallet.js.map +1 -1
  452. package/lib/module/assets/svg/WalletConnect.js +37 -27
  453. package/lib/module/assets/svg/WalletConnect.js.map +1 -1
  454. package/lib/module/assets/svg/WalletPlaceholder.js +16 -12
  455. package/lib/module/assets/svg/WalletPlaceholder.js.map +1 -1
  456. package/lib/module/assets/svg/WalletSmall.js +13 -9
  457. package/lib/module/assets/svg/WalletSmall.js.map +1 -1
  458. package/lib/module/assets/svg/WarningCircle.js +16 -12
  459. package/lib/module/assets/svg/WarningCircle.js.map +1 -1
  460. package/lib/module/assets/svg/X.js +31 -24
  461. package/lib/module/assets/svg/X.js.map +1 -1
  462. package/lib/module/assets/visual/Browser.js +43 -39
  463. package/lib/module/assets/visual/Browser.js.map +1 -1
  464. package/lib/module/assets/visual/Dao.js +60 -52
  465. package/lib/module/assets/visual/Dao.js.map +1 -1
  466. package/lib/module/assets/visual/Defi.js +43 -35
  467. package/lib/module/assets/visual/Defi.js.map +1 -1
  468. package/lib/module/assets/visual/DefiAlt.js +51 -43
  469. package/lib/module/assets/visual/DefiAlt.js.map +1 -1
  470. package/lib/module/assets/visual/Eth.js +57 -49
  471. package/lib/module/assets/visual/Eth.js.map +1 -1
  472. package/lib/module/assets/visual/Google.js +49 -45
  473. package/lib/module/assets/visual/Google.js.map +1 -1
  474. package/lib/module/assets/visual/Layers.js +36 -32
  475. package/lib/module/assets/visual/Layers.js.map +1 -1
  476. package/lib/module/assets/visual/Lightbulb.js +52 -44
  477. package/lib/module/assets/visual/Lightbulb.js.map +1 -1
  478. package/lib/module/assets/visual/Lock.js +32 -28
  479. package/lib/module/assets/visual/Lock.js.map +1 -1
  480. package/lib/module/assets/visual/Login.js +38 -30
  481. package/lib/module/assets/visual/Login.js.map +1 -1
  482. package/lib/module/assets/visual/Network.js +88 -80
  483. package/lib/module/assets/visual/Network.js.map +1 -1
  484. package/lib/module/assets/visual/Nft.js +44 -36
  485. package/lib/module/assets/visual/Nft.js.map +1 -1
  486. package/lib/module/assets/visual/Noun.js +41 -37
  487. package/lib/module/assets/visual/Noun.js.map +1 -1
  488. package/lib/module/assets/visual/Pencil.js +75 -67
  489. package/lib/module/assets/visual/Pencil.js.map +1 -1
  490. package/lib/module/assets/visual/Profile.js +55 -47
  491. package/lib/module/assets/visual/Profile.js.map +1 -1
  492. package/lib/module/assets/visual/System.js +50 -42
  493. package/lib/module/assets/visual/System.js.map +1 -1
  494. package/lib/module/components/wui-card/index.js +8 -6
  495. package/lib/module/components/wui-card/index.js.map +1 -1
  496. package/lib/module/components/wui-card/styles.js +4 -1
  497. package/lib/module/components/wui-card/styles.js.map +1 -1
  498. package/lib/module/components/wui-icon/index.js +10 -5
  499. package/lib/module/components/wui-icon/index.js.map +1 -1
  500. package/lib/module/components/wui-image/index.js +10 -6
  501. package/lib/module/components/wui-image/index.js.map +1 -1
  502. package/lib/module/components/wui-image/styles.js +2 -0
  503. package/lib/module/components/wui-image/styles.js.map +1 -1
  504. package/lib/module/components/wui-loading-hexagon/index.js +33 -25
  505. package/lib/module/components/wui-loading-hexagon/index.js.map +1 -1
  506. package/lib/module/components/wui-loading-hexagon/styles.js +2 -0
  507. package/lib/module/components/wui-loading-hexagon/styles.js.map +1 -1
  508. package/lib/module/components/wui-loading-spinner/index.js +33 -26
  509. package/lib/module/components/wui-loading-spinner/index.js.map +1 -1
  510. package/lib/module/components/wui-loading-spinner/styles.js +2 -0
  511. package/lib/module/components/wui-loading-spinner/styles.js.map +1 -1
  512. package/lib/module/components/wui-loading-thumbnail/index.js +48 -30
  513. package/lib/module/components/wui-loading-thumbnail/index.js.map +1 -1
  514. package/lib/module/components/wui-loading-thumbnail/styles.js +2 -0
  515. package/lib/module/components/wui-loading-thumbnail/styles.js.map +1 -1
  516. package/lib/module/components/wui-modal/index.js +132 -0
  517. package/lib/module/components/wui-modal/index.js.map +1 -0
  518. package/lib/module/components/wui-modal/styles.js +28 -0
  519. package/lib/module/components/wui-modal/styles.js.map +1 -0
  520. package/lib/module/components/wui-pressable/index.js +8 -4
  521. package/lib/module/components/wui-pressable/index.js.map +1 -1
  522. package/lib/module/components/wui-shimmer/index.js +97 -30
  523. package/lib/module/components/wui-shimmer/index.js.map +1 -1
  524. package/lib/module/components/wui-text/index.js +8 -4
  525. package/lib/module/components/wui-text/index.js.map +1 -1
  526. package/lib/module/components/wui-text/styles.js +2 -0
  527. package/lib/module/components/wui-text/styles.js.map +1 -1
  528. package/lib/module/components/wui-visual/index.js +4 -1
  529. package/lib/module/components/wui-visual/index.js.map +1 -1
  530. package/lib/module/composites/wui-account-button/index.js +35 -27
  531. package/lib/module/composites/wui-account-button/index.js.map +1 -1
  532. package/lib/module/composites/wui-account-button/styles.js +2 -0
  533. package/lib/module/composites/wui-account-button/styles.js.map +1 -1
  534. package/lib/module/composites/wui-account-pill/index.js +32 -27
  535. package/lib/module/composites/wui-account-pill/index.js.map +1 -1
  536. package/lib/module/composites/wui-account-pill/styles.js +2 -0
  537. package/lib/module/composites/wui-account-pill/styles.js.map +1 -1
  538. package/lib/module/composites/wui-action-entry/index.js +7 -3
  539. package/lib/module/composites/wui-action-entry/index.js.map +1 -1
  540. package/lib/module/composites/wui-action-entry/styles.js +2 -0
  541. package/lib/module/composites/wui-action-entry/styles.js.map +1 -1
  542. package/lib/module/composites/wui-avatar/index.js +56 -48
  543. package/lib/module/composites/wui-avatar/index.js.map +1 -1
  544. package/lib/module/composites/wui-avatar/styles.js +2 -0
  545. package/lib/module/composites/wui-avatar/styles.js.map +1 -1
  546. package/lib/module/composites/wui-balance/index.js +11 -6
  547. package/lib/module/composites/wui-balance/index.js.map +1 -1
  548. package/lib/module/composites/wui-banner/index.js +18 -13
  549. package/lib/module/composites/wui-banner/index.js.map +1 -1
  550. package/lib/module/composites/wui-banner/styles.js +2 -0
  551. package/lib/module/composites/wui-banner/styles.js.map +1 -1
  552. package/lib/module/composites/wui-button/index.js +30 -24
  553. package/lib/module/composites/wui-button/index.js.map +1 -1
  554. package/lib/module/composites/wui-button/styles.js +2 -0
  555. package/lib/module/composites/wui-button/styles.js.map +1 -1
  556. package/lib/module/composites/wui-card-select/index.js +51 -42
  557. package/lib/module/composites/wui-card-select/index.js.map +1 -1
  558. package/lib/module/composites/wui-card-select/styles.js +2 -0
  559. package/lib/module/composites/wui-card-select/styles.js.map +1 -1
  560. package/lib/module/composites/wui-card-select-loader/index.js +21 -13
  561. package/lib/module/composites/wui-card-select-loader/index.js.map +1 -1
  562. package/lib/module/composites/wui-card-select-loader/styles.js +2 -0
  563. package/lib/module/composites/wui-card-select-loader/styles.js.map +1 -1
  564. package/lib/module/composites/wui-chip/index.js +26 -21
  565. package/lib/module/composites/wui-chip/index.js.map +1 -1
  566. package/lib/module/composites/wui-chip/styles.js +2 -0
  567. package/lib/module/composites/wui-chip/styles.js.map +1 -1
  568. package/lib/module/composites/wui-compatible-network/index.js +25 -20
  569. package/lib/module/composites/wui-compatible-network/index.js.map +1 -1
  570. package/lib/module/composites/wui-connect-button/index.js +13 -8
  571. package/lib/module/composites/wui-connect-button/index.js.map +1 -1
  572. package/lib/module/composites/wui-connect-button/styles.js +2 -0
  573. package/lib/module/composites/wui-connect-button/styles.js.map +1 -1
  574. package/lib/module/composites/wui-double-image-loader/index.js +34 -28
  575. package/lib/module/composites/wui-double-image-loader/index.js.map +1 -1
  576. package/lib/module/composites/wui-double-image-loader/index.native.js +51 -45
  577. package/lib/module/composites/wui-double-image-loader/index.native.js.map +1 -1
  578. package/lib/module/composites/wui-double-image-loader/styles.js +2 -0
  579. package/lib/module/composites/wui-double-image-loader/styles.js.map +1 -1
  580. package/lib/module/composites/wui-email-input/index.js +30 -24
  581. package/lib/module/composites/wui-email-input/index.js.map +1 -1
  582. package/lib/module/composites/wui-email-input/styles.js +2 -0
  583. package/lib/module/composites/wui-email-input/styles.js.map +1 -1
  584. package/lib/module/composites/wui-icon-box/index.js +11 -7
  585. package/lib/module/composites/wui-icon-box/index.js.map +1 -1
  586. package/lib/module/composites/wui-icon-box/styles.js +2 -0
  587. package/lib/module/composites/wui-icon-box/styles.js.map +1 -1
  588. package/lib/module/composites/wui-icon-link/index.js +11 -7
  589. package/lib/module/composites/wui-icon-link/index.js.map +1 -1
  590. package/lib/module/composites/wui-icon-link/styles.js +2 -0
  591. package/lib/module/composites/wui-icon-link/styles.js.map +1 -1
  592. package/lib/module/composites/wui-input-element/index.js +11 -7
  593. package/lib/module/composites/wui-input-element/index.js.map +1 -1
  594. package/lib/module/composites/wui-input-element/styles.js +2 -0
  595. package/lib/module/composites/wui-input-element/styles.js.map +1 -1
  596. package/lib/module/composites/wui-input-numeric/index.js +7 -4
  597. package/lib/module/composites/wui-input-numeric/index.js.map +1 -1
  598. package/lib/module/composites/wui-input-numeric/styles.js +2 -0
  599. package/lib/module/composites/wui-input-numeric/styles.js.map +1 -1
  600. package/lib/module/composites/wui-input-text/index.js +47 -40
  601. package/lib/module/composites/wui-input-text/index.js.map +1 -1
  602. package/lib/module/composites/wui-input-text/styles.js +2 -0
  603. package/lib/module/composites/wui-input-text/styles.js.map +1 -1
  604. package/lib/module/composites/wui-link/index.js +27 -21
  605. package/lib/module/composites/wui-link/index.js.map +1 -1
  606. package/lib/module/composites/wui-link/styles.js +2 -0
  607. package/lib/module/composites/wui-link/styles.js.map +1 -1
  608. package/lib/module/composites/wui-list-item/index.js +32 -23
  609. package/lib/module/composites/wui-list-item/index.js.map +1 -1
  610. package/lib/module/composites/wui-list-item/styles.js +2 -0
  611. package/lib/module/composites/wui-list-item/styles.js.map +1 -1
  612. package/lib/module/composites/wui-list-item-loader/index.js +16 -12
  613. package/lib/module/composites/wui-list-item-loader/index.js.map +1 -1
  614. package/lib/module/composites/wui-list-item-loader/styles.js +2 -0
  615. package/lib/module/composites/wui-list-item-loader/styles.js.map +1 -1
  616. package/lib/module/composites/wui-list-social/index.js +30 -17
  617. package/lib/module/composites/wui-list-social/index.js.map +1 -1
  618. package/lib/module/composites/wui-list-social/styles.js +5 -0
  619. package/lib/module/composites/wui-list-social/styles.js.map +1 -1
  620. package/lib/module/composites/wui-list-token/index.js +74 -64
  621. package/lib/module/composites/wui-list-token/index.js.map +1 -1
  622. package/lib/module/composites/wui-list-token/styles.js +2 -0
  623. package/lib/module/composites/wui-list-token/styles.js.map +1 -1
  624. package/lib/module/composites/wui-list-transaction/index.js +46 -36
  625. package/lib/module/composites/wui-list-transaction/index.js.map +1 -1
  626. package/lib/module/composites/wui-list-transaction/styles.js +2 -0
  627. package/lib/module/composites/wui-list-transaction/styles.js.map +1 -1
  628. package/lib/module/composites/wui-list-transaction/utils.js +2 -0
  629. package/lib/module/composites/wui-list-transaction/utils.js.map +1 -1
  630. package/lib/module/composites/wui-list-wallet/index.js +30 -21
  631. package/lib/module/composites/wui-list-wallet/index.js.map +1 -1
  632. package/lib/module/composites/wui-list-wallet/styles.js +2 -0
  633. package/lib/module/composites/wui-list-wallet/styles.js.map +1 -1
  634. package/lib/module/composites/wui-logo/index.js +4 -1
  635. package/lib/module/composites/wui-logo/index.js.map +1 -1
  636. package/lib/module/composites/wui-logo-select/index.js +10 -6
  637. package/lib/module/composites/wui-logo-select/index.js.map +1 -1
  638. package/lib/module/composites/wui-logo-select/styles.js +2 -0
  639. package/lib/module/composites/wui-logo-select/styles.js.map +1 -1
  640. package/lib/module/composites/wui-network-button/index.js +26 -20
  641. package/lib/module/composites/wui-network-button/index.js.map +1 -1
  642. package/lib/module/composites/wui-network-button/styles.js +2 -0
  643. package/lib/module/composites/wui-network-button/styles.js.map +1 -1
  644. package/lib/module/composites/wui-network-image/index.js +54 -40
  645. package/lib/module/composites/wui-network-image/index.js.map +1 -1
  646. package/lib/module/composites/wui-network-image/styles.js +2 -0
  647. package/lib/module/composites/wui-network-image/styles.js.map +1 -1
  648. package/lib/module/composites/wui-numeric-keyboard/index.js +30 -21
  649. package/lib/module/composites/wui-numeric-keyboard/index.js.map +1 -1
  650. package/lib/module/composites/wui-otp/index.js +17 -14
  651. package/lib/module/composites/wui-otp/index.js.map +1 -1
  652. package/lib/module/composites/wui-otp/styles.js +2 -0
  653. package/lib/module/composites/wui-otp/styles.js.map +1 -1
  654. package/lib/module/composites/wui-qr-code/index.js +20 -27
  655. package/lib/module/composites/wui-qr-code/index.js.map +1 -1
  656. package/lib/module/composites/wui-qr-code/styles.js +2 -3
  657. package/lib/module/composites/wui-qr-code/styles.js.map +1 -1
  658. package/lib/module/composites/wui-search-bar/index.js +27 -22
  659. package/lib/module/composites/wui-search-bar/index.js.map +1 -1
  660. package/lib/module/composites/wui-snackbar/index.js +20 -15
  661. package/lib/module/composites/wui-snackbar/index.js.map +1 -1
  662. package/lib/module/composites/wui-snackbar/styles.js +2 -0
  663. package/lib/module/composites/wui-snackbar/styles.js.map +1 -1
  664. package/lib/module/composites/wui-tabs/index.js +31 -26
  665. package/lib/module/composites/wui-tabs/index.js.map +1 -1
  666. package/lib/module/composites/wui-tabs/styles.js +2 -0
  667. package/lib/module/composites/wui-tabs/styles.js.map +1 -1
  668. package/lib/module/composites/wui-tag/index.js +12 -7
  669. package/lib/module/composites/wui-tag/index.js.map +1 -1
  670. package/lib/module/composites/wui-tag/styles.js +2 -0
  671. package/lib/module/composites/wui-tag/styles.js.map +1 -1
  672. package/lib/module/composites/wui-toggle/index.js +28 -20
  673. package/lib/module/composites/wui-toggle/index.js.map +1 -1
  674. package/lib/module/composites/wui-toggle/styles.js +2 -0
  675. package/lib/module/composites/wui-toggle/styles.js.map +1 -1
  676. package/lib/module/composites/wui-token-button/index.js +37 -31
  677. package/lib/module/composites/wui-token-button/index.js.map +1 -1
  678. package/lib/module/composites/wui-token-button/styles.js +2 -0
  679. package/lib/module/composites/wui-token-button/styles.js.map +1 -1
  680. package/lib/module/composites/wui-tooltip/index.js +21 -14
  681. package/lib/module/composites/wui-tooltip/index.js.map +1 -1
  682. package/lib/module/composites/wui-tooltip/styles.js +2 -0
  683. package/lib/module/composites/wui-tooltip/styles.js.map +1 -1
  684. package/lib/module/composites/wui-transaction-visual/index.js +57 -47
  685. package/lib/module/composites/wui-transaction-visual/index.js.map +1 -1
  686. package/lib/module/composites/wui-transaction-visual/styles.js +2 -0
  687. package/lib/module/composites/wui-transaction-visual/styles.js.map +1 -1
  688. package/lib/module/composites/wui-wallet-image/index.js +34 -28
  689. package/lib/module/composites/wui-wallet-image/index.js.map +1 -1
  690. package/lib/module/composites/wui-wallet-image/styles.js +2 -0
  691. package/lib/module/composites/wui-wallet-image/styles.js.map +1 -1
  692. package/lib/module/context/ThemeContext.js +25 -19
  693. package/lib/module/context/ThemeContext.js.map +1 -1
  694. package/lib/module/hooks/useAnimatedValue.js +2 -0
  695. package/lib/module/hooks/useAnimatedValue.js.map +1 -1
  696. package/lib/module/hooks/useCustomDimensions.js +39 -0
  697. package/lib/module/hooks/useCustomDimensions.js.map +1 -0
  698. package/lib/module/hooks/useTheme.js +2 -0
  699. package/lib/module/hooks/useTheme.js.map +1 -1
  700. package/lib/module/index.js +13 -1
  701. package/lib/module/index.js.map +1 -1
  702. package/lib/module/layout/wui-flex/index.js +10 -3
  703. package/lib/module/layout/wui-flex/index.js.map +1 -1
  704. package/lib/module/layout/wui-overlay/index.js +7 -3
  705. package/lib/module/layout/wui-overlay/index.js.map +1 -1
  706. package/lib/module/layout/wui-overlay/styles.js +2 -0
  707. package/lib/module/layout/wui-overlay/styles.js.map +1 -1
  708. package/lib/module/layout/wui-separator/index.js +20 -15
  709. package/lib/module/layout/wui-separator/index.js.map +1 -1
  710. package/lib/module/layout/wui-separator/styles.js +2 -0
  711. package/lib/module/layout/wui-separator/styles.js.map +1 -1
  712. package/lib/module/utils/QRCodeUtil.js +12 -12
  713. package/lib/module/utils/QRCodeUtil.js.map +1 -1
  714. package/lib/module/utils/ThemeUtil.js +2 -0
  715. package/lib/module/utils/ThemeUtil.js.map +1 -1
  716. package/lib/module/utils/TransactionUtil.js +2 -0
  717. package/lib/module/utils/TransactionUtil.js.map +1 -1
  718. package/lib/module/utils/TypesUtil.js +1 -1
  719. package/lib/module/utils/TypesUtil.js.map +1 -1
  720. package/lib/module/utils/UiUtil.js +3 -1
  721. package/lib/module/utils/UiUtil.js.map +1 -1
  722. package/lib/typescript/assets/svg/CurrencyDollar.d.ts +2 -2
  723. package/lib/typescript/assets/svg/CurrencyDollar.d.ts.map +1 -1
  724. package/lib/typescript/assets/svg/Mail.d.ts.map +1 -1
  725. package/lib/typescript/assets/svg/Reown.d.ts +4 -0
  726. package/lib/typescript/assets/svg/Reown.d.ts.map +1 -0
  727. package/lib/typescript/components/wui-card/index.d.ts.map +1 -1
  728. package/lib/typescript/components/wui-card/styles.d.ts +1 -0
  729. package/lib/typescript/components/wui-card/styles.d.ts.map +1 -1
  730. package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
  731. package/lib/typescript/components/wui-loading-hexagon/index.d.ts.map +1 -1
  732. package/lib/typescript/components/wui-loading-spinner/index.d.ts.map +1 -1
  733. package/lib/typescript/components/wui-loading-thumbnail/index.d.ts.map +1 -1
  734. package/lib/typescript/components/wui-modal/index.d.ts +8 -0
  735. package/lib/typescript/components/wui-modal/index.d.ts.map +1 -0
  736. package/lib/typescript/components/wui-modal/styles.d.ts +24 -0
  737. package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -0
  738. package/lib/typescript/components/wui-shimmer/index.d.ts +11 -3
  739. package/lib/typescript/components/wui-shimmer/index.d.ts.map +1 -1
  740. package/lib/typescript/composites/wui-card-select/index.d.ts +2 -2
  741. package/lib/typescript/composites/wui-card-select/index.d.ts.map +1 -1
  742. package/lib/typescript/composites/wui-card-select-loader/index.d.ts +3 -1
  743. package/lib/typescript/composites/wui-card-select-loader/index.d.ts.map +1 -1
  744. package/lib/typescript/composites/wui-double-image-loader/index.native.d.ts.map +1 -1
  745. package/lib/typescript/composites/wui-list-item/index.d.ts +3 -2
  746. package/lib/typescript/composites/wui-list-item/index.d.ts.map +1 -1
  747. package/lib/typescript/composites/wui-list-social/index.d.ts +3 -1
  748. package/lib/typescript/composites/wui-list-social/index.d.ts.map +1 -1
  749. package/lib/typescript/composites/wui-list-social/styles.d.ts +3 -0
  750. package/lib/typescript/composites/wui-list-social/styles.d.ts.map +1 -1
  751. package/lib/typescript/composites/wui-list-token/index.d.ts +1 -1
  752. package/lib/typescript/composites/wui-list-token/index.d.ts.map +1 -1
  753. package/lib/typescript/composites/wui-network-image/index.d.ts.map +1 -1
  754. package/lib/typescript/composites/wui-numeric-keyboard/index.d.ts +4 -1
  755. package/lib/typescript/composites/wui-numeric-keyboard/index.d.ts.map +1 -1
  756. package/lib/typescript/composites/wui-qr-code/index.d.ts +3 -1
  757. package/lib/typescript/composites/wui-qr-code/index.d.ts.map +1 -1
  758. package/lib/typescript/composites/wui-qr-code/styles.d.ts +0 -3
  759. package/lib/typescript/composites/wui-qr-code/styles.d.ts.map +1 -1
  760. package/lib/typescript/composites/wui-token-button/index.d.ts +1 -1
  761. package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
  762. package/lib/typescript/context/ThemeContext.d.ts.map +1 -1
  763. package/lib/typescript/hooks/useCustomDimensions.d.ts +13 -0
  764. package/lib/typescript/hooks/useCustomDimensions.d.ts.map +1 -0
  765. package/lib/typescript/index.d.ts +7 -1
  766. package/lib/typescript/index.d.ts.map +1 -1
  767. package/lib/typescript/layout/wui-flex/index.d.ts +3 -0
  768. package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
  769. package/lib/typescript/utils/TransactionUtil.d.ts +1 -1
  770. package/lib/typescript/utils/TransactionUtil.d.ts.map +1 -1
  771. package/lib/typescript/utils/TypesUtil.d.ts +2 -2
  772. package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
  773. package/lib/typescript/utils/UiUtil.d.ts +1 -1
  774. package/lib/typescript/utils/UiUtil.d.ts.map +1 -1
  775. package/package.json +10 -23
  776. package/src/assets/svg/ArrowBottom.tsx +1 -1
  777. package/src/assets/svg/ArrowBottomCircle.tsx +1 -1
  778. package/src/assets/svg/ArrowLeft.tsx +1 -1
  779. package/src/assets/svg/ArrowRight.tsx +1 -1
  780. package/src/assets/svg/ArrowTop.tsx +1 -1
  781. package/src/assets/svg/Browser.tsx +2 -2
  782. package/src/assets/svg/Card.tsx +1 -1
  783. package/src/assets/svg/Checkmark.tsx +1 -1
  784. package/src/assets/svg/ChevronBottom.tsx +1 -1
  785. package/src/assets/svg/ChevronLeft.tsx +1 -1
  786. package/src/assets/svg/ChevronRight.tsx +1 -1
  787. package/src/assets/svg/ChevronRightSmall.tsx +1 -1
  788. package/src/assets/svg/ChevronTop.tsx +1 -1
  789. package/src/assets/svg/Clock.tsx +1 -1
  790. package/src/assets/svg/Close.tsx +1 -1
  791. package/src/assets/svg/CoinPlaceholder.tsx +1 -1
  792. package/src/assets/svg/Compass.tsx +1 -1
  793. package/src/assets/svg/Copy.tsx +1 -1
  794. package/src/assets/svg/CopySmall.tsx +1 -1
  795. package/src/assets/svg/CurrencyDollar.tsx +3 -3
  796. package/src/assets/svg/Cursor.tsx +1 -1
  797. package/src/assets/svg/Desktop.tsx +2 -2
  798. package/src/assets/svg/Disconnect.tsx +1 -1
  799. package/src/assets/svg/Etherscan.tsx +1 -1
  800. package/src/assets/svg/Extension.tsx +1 -1
  801. package/src/assets/svg/ExternalLink.tsx +1 -1
  802. package/src/assets/svg/Filters.tsx +1 -1
  803. package/src/assets/svg/HelpCircle.tsx +2 -2
  804. package/src/assets/svg/InfoCircle.tsx +2 -2
  805. package/src/assets/svg/Mail.tsx +9 -7
  806. package/src/assets/svg/Mobile.tsx +2 -2
  807. package/src/assets/svg/More.tsx +1 -1
  808. package/src/assets/svg/NetworkPlaceholder.tsx +2 -2
  809. package/src/assets/svg/NftPlaceholder.tsx +1 -1
  810. package/src/assets/svg/Off.tsx +1 -1
  811. package/src/assets/svg/Paperplane.tsx +1 -1
  812. package/src/assets/svg/Plus.tsx +1 -1
  813. package/src/assets/svg/QrCode.tsx +1 -1
  814. package/src/assets/svg/RecycleHorizontal.tsx +1 -1
  815. package/src/assets/svg/Refresh.tsx +1 -1
  816. package/src/assets/svg/Reown.tsx +40 -0
  817. package/src/assets/svg/Search.tsx +1 -1
  818. package/src/assets/svg/Settings.tsx +1 -1
  819. package/src/assets/svg/SwapHorizontal.tsx +1 -1
  820. package/src/assets/svg/SwapVertical.tsx +1 -1
  821. package/src/assets/svg/Verify.tsx +1 -1
  822. package/src/assets/svg/Wallet.tsx +1 -1
  823. package/src/assets/svg/WalletConnect.tsx +1 -1
  824. package/src/assets/svg/WalletPlaceholder.tsx +1 -1
  825. package/src/assets/svg/WalletSmall.tsx +1 -1
  826. package/src/assets/svg/WarningCircle.tsx +2 -2
  827. package/src/components/wui-card/index.tsx +3 -5
  828. package/src/components/wui-card/styles.ts +2 -1
  829. package/src/components/wui-icon/index.tsx +3 -1
  830. package/src/components/wui-loading-hexagon/index.tsx +12 -10
  831. package/src/components/wui-loading-spinner/index.tsx +8 -6
  832. package/src/components/wui-loading-thumbnail/index.tsx +17 -10
  833. package/src/components/wui-modal/index.tsx +135 -0
  834. package/src/components/wui-modal/styles.ts +26 -0
  835. package/src/components/wui-shimmer/index.tsx +105 -39
  836. package/src/composites/wui-account-button/index.tsx +2 -2
  837. package/src/composites/wui-button/index.tsx +5 -5
  838. package/src/composites/wui-card-select/index.tsx +48 -48
  839. package/src/composites/wui-card-select-loader/index.tsx +5 -1
  840. package/src/composites/wui-chip/index.tsx +5 -5
  841. package/src/composites/wui-double-image-loader/index.native.tsx +12 -11
  842. package/src/composites/wui-email-input/index.tsx +4 -4
  843. package/src/composites/wui-input-text/index.tsx +1 -1
  844. package/src/composites/wui-link/index.tsx +4 -4
  845. package/src/composites/wui-list-item/index.tsx +6 -2
  846. package/src/composites/wui-list-social/index.tsx +14 -4
  847. package/src/composites/wui-list-social/styles.ts +3 -0
  848. package/src/composites/wui-list-token/index.tsx +2 -5
  849. package/src/composites/wui-list-transaction/index.tsx +2 -2
  850. package/src/composites/wui-logo-select/index.tsx +1 -1
  851. package/src/composites/wui-network-image/index.tsx +47 -31
  852. package/src/composites/wui-numeric-keyboard/index.tsx +4 -1
  853. package/src/composites/wui-otp/index.tsx +1 -1
  854. package/src/composites/wui-qr-code/index.tsx +16 -20
  855. package/src/composites/wui-qr-code/styles.ts +0 -3
  856. package/src/composites/wui-search-bar/index.tsx +2 -2
  857. package/src/composites/wui-tabs/index.tsx +2 -2
  858. package/src/composites/wui-toggle/index.tsx +2 -2
  859. package/src/composites/wui-token-button/index.tsx +9 -7
  860. package/src/composites/wui-transaction-visual/index.tsx +4 -4
  861. package/src/composites/wui-wallet-image/index.tsx +2 -2
  862. package/src/context/ThemeContext.tsx +17 -15
  863. package/src/hooks/useCustomDimensions.ts +41 -0
  864. package/src/index.ts +8 -1
  865. package/src/layout/wui-flex/index.tsx +6 -0
  866. package/src/utils/QRCodeUtil.tsx +3 -3
  867. package/src/utils/TransactionUtil.ts +6 -6
  868. package/src/utils/TypesUtil.ts +3 -1
  869. package/src/utils/UiUtil.ts +2 -2
  870. package/lib/commonjs/composites/wui-promo/index.js +0 -48
  871. package/lib/commonjs/composites/wui-promo/index.js.map +0 -1
  872. package/lib/module/composites/wui-promo/index.js +0 -42
  873. package/lib/module/composites/wui-promo/index.js.map +0 -1
  874. package/lib/typescript/composites/wui-promo/index.d.ts +0 -8
  875. package/lib/typescript/composites/wui-promo/index.d.ts.map +0 -1
  876. package/src/composites/wui-promo/index.tsx +0 -42
@@ -1,9 +1,12 @@
1
- import { useEffect, useRef } from 'react';
1
+ "use strict";
2
+
3
+ import { useEffect, useMemo, useRef } from 'react';
2
4
  import { Animated, Easing, View } from 'react-native';
3
5
  import Svg, { Circle } from 'react-native-svg';
4
6
  import { useTheme } from '../../hooks/useTheme';
5
7
  import { SpinnerSize } from '../../utils/ThemeUtil';
6
8
  import styles from './styles';
9
+ import { jsx as _jsx } from "react/jsx-runtime";
7
10
  const AnimatedSvg = Animated.createAnimatedComponent(Svg);
8
11
  export function LoadingSpinner({
9
12
  color,
@@ -26,31 +29,35 @@ export function LoadingSpinner({
26
29
  return () => {
27
30
  loop.stop();
28
31
  };
29
- }, [spinValue]);
30
- const spin = spinValue.current.interpolate({
31
- inputRange: [0, 1],
32
- outputRange: ['0deg', '360deg']
33
- });
34
- return /*#__PURE__*/React.createElement(View, {
32
+ }, []);
33
+ const spin = useMemo(() => {
34
+ return spinValue.current.interpolate({
35
+ inputRange: [0, 1],
36
+ outputRange: ['0deg', '360deg']
37
+ });
38
+ }, []);
39
+ return /*#__PURE__*/_jsx(View, {
35
40
  style: [styles.container, style],
36
- testID: testID
37
- }, /*#__PURE__*/React.createElement(AnimatedSvg, {
38
- width: SpinnerSize[size],
39
- height: SpinnerSize[size],
40
- viewBox: "25 25 50 50",
41
- style: {
42
- transform: [{
43
- rotate: spin
44
- }]
45
- }
46
- }, /*#__PURE__*/React.createElement(Circle, {
47
- r: 20,
48
- cy: 50,
49
- cx: 50,
50
- stroke: stroke,
51
- strokeWidth: 4,
52
- fill: "transparent",
53
- strokeDasharray: `90 124`
54
- })));
41
+ testID: testID,
42
+ children: /*#__PURE__*/_jsx(AnimatedSvg, {
43
+ width: SpinnerSize[size],
44
+ height: SpinnerSize[size],
45
+ viewBox: "25 25 50 50",
46
+ style: {
47
+ transform: [{
48
+ rotate: spin
49
+ }]
50
+ },
51
+ children: /*#__PURE__*/_jsx(Circle, {
52
+ r: 20,
53
+ cy: 50,
54
+ cx: 50,
55
+ stroke: stroke,
56
+ strokeWidth: 4,
57
+ fill: "transparent",
58
+ strokeDasharray: `90 124`
59
+ })
60
+ })
61
+ });
55
62
  }
56
63
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useEffect","useRef","Animated","Easing","View","Svg","Circle","useTheme","SpinnerSize","styles","AnimatedSvg","createAnimatedComponent","LoadingSpinner","color","style","size","testID","Theme","spinValue","Value","stroke","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","React","createElement","container","width","height","viewBox","transform","rotate","r","cy","cx","strokeWidth","fill","strokeDasharray"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/index.tsx"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAwC,cAAc;AACrF,OAAOC,GAAG,IAAIC,MAAM,QAAQ,kBAAkB;AAC9C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,WAAW,QAAQ,uBAAuB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAE7B,MAAMC,WAAW,GAAGR,QAAQ,CAACS,uBAAuB,CAACN,GAAG,CAAC;AASzD,OAAO,SAASO,cAAcA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG;AACU,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,MAAMW,SAAS,GAAGjB,MAAM,CAAC,IAAIC,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,MAAM,GAAGP,KAAK,GAAGI,KAAK,CAACJ,KAAK,CAAC,GAAGI,KAAK,CAAC,YAAY,CAAC;EAEzDjB,SAAS,CAAC,MAAM;IACd,MAAMqB,SAAS,GAAGnB,QAAQ,CAACoB,MAAM,CAACJ,SAAS,CAACK,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAExB,MAAM,CAACyB;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAG3B,QAAQ,CAAC2B,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,MAAMc,IAAI,GAAGd,SAAS,CAACK,OAAO,CAACU,WAAW,CAAC;IACzCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;EAChC,CAAC,CAAC;EAEF,oBACEC,KAAA,CAAAC,aAAA,CAACjC,IAAI;IAACU,KAAK,EAAE,CAACL,MAAM,CAAC6B,SAAS,EAAExB,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,gBACrDoB,KAAA,CAAAC,aAAA,CAAC3B,WAAW;IACV6B,KAAK,EAAE/B,WAAW,CAACO,IAAI,CAAE;IACzByB,MAAM,EAAEhC,WAAW,CAACO,IAAI,CAAE;IAC1B0B,OAAO,EAAC,aAAa;IACrB3B,KAAK,EAAE;MAAE4B,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAEX;MAAK,CAAC;IAAE;EAAE,gBAEzCI,KAAA,CAAAC,aAAA,CAAC/B,MAAM;IACLsC,CAAC,EAAE,EAAG;IACNC,EAAE,EAAE,EAAG;IACPC,EAAE,EAAE,EAAG;IACP1B,MAAM,EAAEA,MAAO;IACf2B,WAAW,EAAE,CAAE;IACfC,IAAI,EAAC,aAAa;IAClBC,eAAe,EAAG;EAAQ,CAC3B,CACU,CACT,CAAC;AAEX"}
1
+ {"version":3,"names":["useEffect","useMemo","useRef","Animated","Easing","View","Svg","Circle","useTheme","SpinnerSize","styles","jsx","_jsx","AnimatedSvg","createAnimatedComponent","LoadingSpinner","color","style","size","testID","Theme","spinValue","Value","stroke","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","container","children","width","height","viewBox","transform","rotate","r","cy","cx","strokeWidth","fill","strokeDasharray"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAwC,cAAc;AACrF,OAAOC,GAAG,IAAIC,MAAM,QAAQ,kBAAkB;AAC9C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,WAAW,QAAQ,uBAAuB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,WAAW,GAAGV,QAAQ,CAACW,uBAAuB,CAACR,GAAG,CAAC;AASzD,OAAO,SAASS,cAAcA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG;AACU,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,SAAS,GAAGnB,MAAM,CAAC,IAAIC,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,MAAM,GAAGP,KAAK,GAAGI,KAAK,CAACJ,KAAK,CAAC,GAAGI,KAAK,CAAC,YAAY,CAAC;EAEzDpB,SAAS,CAAC,MAAM;IACd,MAAMwB,SAAS,GAAGrB,QAAQ,CAACsB,MAAM,CAACJ,SAAS,CAACK,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAE1B,MAAM,CAAC2B;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAG7B,QAAQ,CAAC6B,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,IAAI,GAAGlC,OAAO,CAAC,MAAM;IACzB,OAAOoB,SAAS,CAACK,OAAO,CAACU,WAAW,CAAC;MACnCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE1B,IAAA,CAACP,IAAI;IAACY,KAAK,EAAE,CAACP,MAAM,CAAC6B,SAAS,EAAEtB,KAAK,CAAE;IAACE,MAAM,EAAEA,MAAO;IAAAqB,QAAA,eACrD5B,IAAA,CAACC,WAAW;MACV4B,KAAK,EAAEhC,WAAW,CAACS,IAAI,CAAE;MACzBwB,MAAM,EAAEjC,WAAW,CAACS,IAAI,CAAE;MAC1ByB,OAAO,EAAC,aAAa;MACrB1B,KAAK,EAAE;QAAE2B,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAEV;QAAK,CAAC;MAAE,CAAE;MAAAK,QAAA,eAEzC5B,IAAA,CAACL,MAAM;QACLuC,CAAC,EAAE,EAAG;QACNC,EAAE,EAAE,EAAG;QACPC,EAAE,EAAE,EAAG;QACPzB,MAAM,EAAEA,MAAO;QACf0B,WAAW,EAAE,CAAE;QACfC,IAAI,EAAC,aAAa;QAClBC,eAAe,EAAE;MAAS,CAC3B;IAAC,CACS;EAAC,CACV,CAAC;AAEX","ignoreList":[]}
@@ -1,3 +1,5 @@
1
+ "use strict";
2
+
1
3
  import { StyleSheet } from 'react-native';
2
4
  export default StyleSheet.create({
3
5
  container: {
@@ -1 +1 @@
1
- {"version":3,"names":["StyleSheet","create","container","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
1
+ {"version":3,"names":["StyleSheet","create","container","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1,9 +1,12 @@
1
- import { useEffect, useRef } from 'react';
1
+ "use strict";
2
+
3
+ import { useEffect, useMemo, useRef } from 'react';
2
4
  import { Animated, Easing, View } from 'react-native';
3
5
  import Svg, { Rect } from 'react-native-svg';
4
6
  import { useTheme } from '../../hooks/useTheme';
5
7
  import { BorderRadius, Spacing, WalletImageSize } from '../../utils/ThemeUtil';
6
8
  import styles from './styles';
9
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
7
10
  const AnimatedRect = Animated.createAnimatedComponent(Rect);
8
11
  export function LoadingThumbnail({
9
12
  children,
@@ -27,36 +30,51 @@ export function LoadingThumbnail({
27
30
  return () => {
28
31
  loop.stop();
29
32
  };
30
- }, [spinValue]);
31
-
32
- // Calculate one side of the Rectangle with borders
33
- const sideLength = rectangleSize - borderRadius * 2 + Math.PI * borderRadius / 2;
34
- const spin = spinValue.current.interpolate({
35
- inputRange: [0, 1],
36
- outputRange: [0, -sideLength * 4]
37
- });
38
- return /*#__PURE__*/React.createElement(View, {
39
- style: [styles.container, {
33
+ }, []);
34
+ const {
35
+ sideLength,
36
+ strokeColor,
37
+ containerStyle
38
+ } = useMemo(() => {
39
+ const _sideLength = rectangleSize - borderRadius * 2 + Math.PI * borderRadius / 2;
40
+ const _strokeColor = paused ? 'transparent' : Theme['accent-100'];
41
+ const _containerStyle = {
40
42
  height: outerContainerSize,
41
43
  width: outerContainerSize
42
- }]
43
- }, /*#__PURE__*/React.createElement(Svg, {
44
- width: outerContainerSize,
45
- height: outerContainerSize,
46
- style: styles.loader
47
- }, /*#__PURE__*/React.createElement(AnimatedRect, {
48
- height: rectangleSize,
49
- width: rectangleSize,
50
- stroke: paused ? 'transparent' : Theme['accent-100'],
51
- strokeWidth: strokeWidth,
52
- x: strokeWidth / 2,
53
- y: strokeWidth / 2,
54
- rx: borderRadius,
55
- strokeLinejoin: "round",
56
- strokeLinecap: "round",
57
- fill: "transparent",
58
- strokeDasharray: `${sideLength} ${sideLength * 3}`,
59
- strokeDashoffset: spin
60
- })), children ?? null);
44
+ };
45
+ return {
46
+ sideLength: _sideLength,
47
+ strokeColor: _strokeColor,
48
+ containerStyle: _containerStyle
49
+ };
50
+ }, [rectangleSize, borderRadius, paused, Theme, outerContainerSize]);
51
+ const spin = useMemo(() => {
52
+ return spinValue.current.interpolate({
53
+ inputRange: [0, 1],
54
+ outputRange: [0, -sideLength * 4]
55
+ });
56
+ }, [sideLength]);
57
+ return /*#__PURE__*/_jsxs(View, {
58
+ style: [styles.container, containerStyle],
59
+ children: [/*#__PURE__*/_jsx(Svg, {
60
+ width: outerContainerSize,
61
+ height: outerContainerSize,
62
+ style: styles.loader,
63
+ children: /*#__PURE__*/_jsx(AnimatedRect, {
64
+ height: rectangleSize,
65
+ width: rectangleSize,
66
+ stroke: strokeColor,
67
+ strokeWidth: strokeWidth,
68
+ x: strokeWidth / 2,
69
+ y: strokeWidth / 2,
70
+ rx: borderRadius,
71
+ strokeLinejoin: "round",
72
+ strokeLinecap: "round",
73
+ fill: "transparent",
74
+ strokeDasharray: `${sideLength} ${sideLength * 3}`,
75
+ strokeDashoffset: spin
76
+ })
77
+ }), children ?? null]
78
+ });
61
79
  }
62
80
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useEffect","useRef","Animated","Easing","View","Svg","Rect","useTheme","BorderRadius","Spacing","WalletImageSize","styles","AnimatedRect","createAnimatedComponent","LoadingThumbnail","children","paused","borderRadius","l","Theme","spinValue","Value","strokeWidth","rectangleSize","xl","outerContainerSize","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","sideLength","Math","PI","spin","interpolate","inputRange","outputRange","React","createElement","style","container","height","width","loader","stroke","x","y","rx","strokeLinejoin","strokeLinecap","fill","strokeDasharray","strokeDashoffset"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/index.tsx"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAwB,OAAO;AACzD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,EAAEC,OAAO,EAAEC,eAAe,QAAQ,uBAAuB;AAC9E,OAAOC,MAAM,MAAM,UAAU;AAE7B,MAAMC,YAAY,GAAGV,QAAQ,CAACW,uBAAuB,CAACP,IAAI,CAAC;AAQ3D,OAAO,SAASQ,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,MAAM;EACNC,YAAY,GAAGT,YAAY,CAACU;AACP,CAAC,EAAE;EACxB,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,SAAS,GAAGnB,MAAM,CAAC,IAAIC,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,WAAW,GAAG,CAAC;EACrB,MAAMC,aAAa,GAAGb,eAAe,CAACc,EAAE,GAAGf,OAAO,CAACS,CAAC;EACpD,MAAMO,kBAAkB,GAAGF,aAAa,GAAGD,WAAW;EAEtDtB,SAAS,CAAC,MAAM;IACd,MAAM0B,SAAS,GAAGxB,QAAQ,CAACyB,MAAM,CAACP,SAAS,CAACQ,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAE7B,MAAM,CAAC8B;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAGhC,QAAQ,CAACgC,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAAChB,SAAS,CAAC,CAAC;;EAEf;EACA,MAAMiB,UAAU,GAAGd,aAAa,GAAGN,YAAY,GAAG,CAAC,GAAIqB,IAAI,CAACC,EAAE,GAAGtB,YAAY,GAAI,CAAC;EAElF,MAAMuB,IAAI,GAAGpB,SAAS,CAACQ,OAAO,CAACa,WAAW,CAAC;IACzCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAACN,UAAU,GAAG,CAAC;EAClC,CAAC,CAAC;EAEF,oBACEO,KAAA,CAAAC,aAAA,CAACzC,IAAI;IAAC0C,KAAK,EAAE,CAACnC,MAAM,CAACoC,SAAS,EAAE;MAAEC,MAAM,EAAEvB,kBAAkB;MAAEwB,KAAK,EAAExB;IAAmB,CAAC;EAAE,gBACzFmB,KAAA,CAAAC,aAAA,CAACxC,GAAG;IAAC4C,KAAK,EAAExB,kBAAmB;IAACuB,MAAM,EAAEvB,kBAAmB;IAACqB,KAAK,EAAEnC,MAAM,CAACuC;EAAO,gBAC/EN,KAAA,CAAAC,aAAA,CAACjC,YAAY;IACXoC,MAAM,EAAEzB,aAAc;IACtB0B,KAAK,EAAE1B,aAAc;IACrB4B,MAAM,EAAEnC,MAAM,GAAG,aAAa,GAAGG,KAAK,CAAC,YAAY,CAAE;IACrDG,WAAW,EAAEA,WAAY;IACzB8B,CAAC,EAAE9B,WAAW,GAAG,CAAE;IACnB+B,CAAC,EAAE/B,WAAW,GAAG,CAAE;IACnBgC,EAAE,EAAErC,YAAa;IACjBsC,cAAc,EAAC,OAAO;IACtBC,aAAa,EAAC,OAAO;IACrBC,IAAI,EAAC,aAAa;IAClBC,eAAe,EAAG,GAAErB,UAAW,IAAGA,UAAU,GAAG,CAAE,EAAE;IACnDsB,gBAAgB,EAAEnB;EAAK,CACxB,CACE,CAAC,EACLzB,QAAQ,IAAI,IACT,CAAC;AAEX"}
1
+ {"version":3,"names":["useEffect","useMemo","useRef","Animated","Easing","View","Svg","Rect","useTheme","BorderRadius","Spacing","WalletImageSize","styles","jsx","_jsx","jsxs","_jsxs","AnimatedRect","createAnimatedComponent","LoadingThumbnail","children","paused","borderRadius","l","Theme","spinValue","Value","strokeWidth","rectangleSize","xl","outerContainerSize","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","sideLength","strokeColor","containerStyle","_sideLength","Math","PI","_strokeColor","_containerStyle","height","width","spin","interpolate","inputRange","outputRange","style","container","loader","stroke","x","y","rx","strokeLinejoin","strokeLinecap","fill","strokeDasharray","strokeDashoffset"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,3 +1,5 @@
1
+ "use strict";
2
+
1
3
  import { StyleSheet } from 'react-native';
2
4
  export default StyleSheet.create({
3
5
  container: {
@@ -1 +1 @@
1
- {"version":3,"names":["StyleSheet","create","container","alignItems","justifyContent","loader","position"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
1
+ {"version":3,"names":["StyleSheet","create","container","alignItems","justifyContent","loader","position"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,132 @@
1
+ "use strict";
2
+
3
+ import { useEffect, useRef, useState } from 'react';
4
+ import { useWindowDimensions, Modal as RNModal, Animated, Pressable, View } from 'react-native';
5
+ import { useTheme } from '../../hooks/useTheme';
6
+ import styles from './styles';
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
9
+ export function Modal({
10
+ visible,
11
+ onBackdropPress,
12
+ onRequestClose,
13
+ testID,
14
+ children
15
+ }) {
16
+ const {
17
+ height
18
+ } = useWindowDimensions();
19
+ const Theme = useTheme();
20
+ const backdropOpacity = useRef(new Animated.Value(0)).current;
21
+ const translateY = useRef(new Animated.Value(height)).current;
22
+ const [showBackdrop, setShowBackdrop] = useState(false);
23
+ const [modalVisible, setModalVisible] = useState(false);
24
+ const [contentHeight, setContentHeight] = useState(0);
25
+ const onContentLayout = event => {
26
+ const {
27
+ height: measuredHeight
28
+ } = event.nativeEvent.layout;
29
+ setContentHeight(measuredHeight > height ? height : measuredHeight);
30
+ };
31
+
32
+ // Handle modal visibility
33
+ useEffect(() => {
34
+ if (visible) {
35
+ setModalVisible(true);
36
+ setShowBackdrop(true);
37
+ }
38
+ }, [visible]);
39
+
40
+ // Handle backdrop animation
41
+ useEffect(() => {
42
+ let backdropAnimation;
43
+ if (visible) {
44
+ backdropAnimation = Animated.timing(backdropOpacity, {
45
+ toValue: 1,
46
+ duration: 300,
47
+ useNativeDriver: true
48
+ });
49
+ backdropAnimation.start();
50
+ } else if (modalVisible) {
51
+ backdropAnimation = Animated.timing(backdropOpacity, {
52
+ toValue: 0,
53
+ duration: 250,
54
+ useNativeDriver: true
55
+ });
56
+ backdropAnimation.start(() => {
57
+ setShowBackdrop(false);
58
+ });
59
+ }
60
+ return () => {
61
+ backdropAnimation?.stop();
62
+ };
63
+ }, [visible, modalVisible, backdropOpacity]);
64
+
65
+ // Handle modal position animation + visibility
66
+ useEffect(() => {
67
+ let modalAnimation;
68
+ if (visible && modalVisible) {
69
+ // Calculate the target position (screen height - card height)
70
+ const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
71
+
72
+ modalAnimation = Animated.spring(translateY, {
73
+ toValue: targetY,
74
+ damping: 25,
75
+ stiffness: 220,
76
+ mass: 1,
77
+ useNativeDriver: true
78
+ });
79
+ modalAnimation.start();
80
+ } else if (!visible && modalVisible) {
81
+ // Hide modal to the bottom of the screen. Not using spring as it blocks the UI for a bit when closed
82
+ modalAnimation = Animated.timing(translateY, {
83
+ toValue: height,
84
+ duration: 150,
85
+ useNativeDriver: true
86
+ });
87
+ modalAnimation.start(() => {
88
+ setModalVisible(false);
89
+ });
90
+ }
91
+ return () => {
92
+ modalAnimation?.stop();
93
+ };
94
+ }, [visible, modalVisible, translateY, height, contentHeight]);
95
+
96
+ // Reset animation values when modal is fully closed
97
+ useEffect(() => {
98
+ if (!modalVisible) {
99
+ translateY.setValue(height);
100
+ backdropOpacity.setValue(0);
101
+ }
102
+ }, [modalVisible, translateY, backdropOpacity, height]);
103
+ return /*#__PURE__*/_jsxs(RNModal, {
104
+ visible: modalVisible,
105
+ transparent: true,
106
+ animationType: "none",
107
+ statusBarTranslucent: true,
108
+ onRequestClose: onRequestClose,
109
+ testID: testID,
110
+ children: [showBackdrop ? /*#__PURE__*/_jsx(AnimatedPressable, {
111
+ style: [styles.backdrop, {
112
+ opacity: backdropOpacity
113
+ }],
114
+ onPress: onBackdropPress
115
+ }) : null, /*#__PURE__*/_jsxs(Animated.View, {
116
+ style: [styles.modal, {
117
+ transform: [{
118
+ translateY
119
+ }]
120
+ }],
121
+ children: [/*#__PURE__*/_jsx(Animated.View, {
122
+ onLayout: onContentLayout,
123
+ children: children
124
+ }), /*#__PURE__*/_jsx(View, {
125
+ style: [styles.bottomBackground, {
126
+ backgroundColor: Theme['bg-100']
127
+ }]
128
+ })]
129
+ })]
130
+ });
131
+ }
132
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useEffect","useRef","useState","useWindowDimensions","Modal","RNModal","Animated","Pressable","View","useTheme","styles","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","visible","onBackdropPress","onRequestClose","testID","children","height","Theme","backdropOpacity","Value","current","translateY","showBackdrop","setShowBackdrop","modalVisible","setModalVisible","contentHeight","setContentHeight","onContentLayout","event","measuredHeight","nativeEvent","layout","backdropAnimation","timing","toValue","duration","useNativeDriver","start","stop","modalAnimation","targetY","spring","damping","stiffness","mass","setValue","transparent","animationType","statusBarTranslucent","style","backdrop","opacity","onPress","modal","transform","onLayout","bottomBackground","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ import { StyleSheet } from 'react-native';
4
+ import { BorderRadius } from '../../utils/ThemeUtil';
5
+ export default StyleSheet.create({
6
+ backdrop: {
7
+ flexGrow: 1,
8
+ backgroundColor: 'rgba(0, 0, 0, 0.5)'
9
+ },
10
+ modal: {
11
+ backgroundColor: 'transparent',
12
+ borderWidth: 0,
13
+ borderTopLeftRadius: BorderRadius.l,
14
+ borderTopRightRadius: BorderRadius.l,
15
+ position: 'absolute',
16
+ top: 0,
17
+ left: 0,
18
+ right: 0,
19
+ bottom: 0
20
+ },
21
+ bottomBackground: {
22
+ flexGrow: 1,
23
+ // workaround to fix the bottom background color
24
+ top: -2,
25
+ bottom: -20
26
+ }
27
+ });
28
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["StyleSheet","BorderRadius","create","backdrop","flexGrow","backgroundColor","modal","borderWidth","borderTopLeftRadius","l","borderTopRightRadius","position","top","left","right","bottom","bottomBackground"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLD,eAAe,EAAE,aAAa;IAC9BE,WAAW,EAAE,CAAC;IACdC,mBAAmB,EAAEP,YAAY,CAACQ,CAAC;IACnCC,oBAAoB,EAAET,YAAY,CAACQ,CAAC;IACpCE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBZ,QAAQ,EAAE,CAAC;IACX;IACAQ,GAAG,EAAE,CAAC,CAAC;IACPG,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1,7 +1,9 @@
1
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1
+ "use strict";
2
+
2
3
  import { useRef } from 'react';
3
4
  import { Animated, Pressable as RNPressable } from 'react-native';
4
5
  import { useTheme } from '../../hooks/useTheme';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
5
7
  const AnimatedPressable = Animated.createAnimatedComponent(RNPressable);
6
8
  export function Pressable({
7
9
  children,
@@ -47,7 +49,7 @@ export function Pressable({
47
49
  inputRange: [0, 1],
48
50
  outputRange: [Theme[backgroundColor] ?? 'transparent', Theme[pressedBackgroundColor] ?? 'transparent']
49
51
  });
50
- return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
52
+ return /*#__PURE__*/_jsx(AnimatedPressable, {
51
53
  disabled: disabled || !pressable,
52
54
  style: [
53
55
  // eslint-disable-next-line react-native/no-inline-styles
@@ -59,7 +61,9 @@ export function Pressable({
59
61
  }, style],
60
62
  onPressIn: onPressIn,
61
63
  onPressOut: onPressOut,
62
- onPress: onPress
63
- }, rest), children);
64
+ onPress: onPress,
65
+ ...rest,
66
+ children: children
67
+ });
64
68
  }
65
69
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useRef","Animated","Pressable","RNPressable","useTheme","AnimatedPressable","createAnimatedComponent","children","style","disabled","pressable","onPress","transparent","backgroundColor","pressedBackgroundColor","bounceScale","animationDuration","rest","Theme","pressAnimation","Value","scaleAnimation","onPressIn","parallel","timing","current","toValue","useNativeDriver","duration","start","onPressOut","bgColor","interpolate","inputRange","outputRange","React","createElement","_extends","transform","scale"],"sourceRoot":"../../../../src","sources":["components/wui-pressable/index.tsx"],"mappings":";AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SACEC,QAAQ,EACRC,SAAS,IAAIC,WAAW,QAInB,cAAc;AACrB,SAASC,QAAQ,QAAQ,sBAAsB;AAG/C,MAAMC,iBAAiB,GAAGJ,QAAQ,CAACK,uBAAuB,CAACH,WAAW,CAAC;AAcvE,OAAO,SAASD,SAASA,CAAC;EACxBK,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,IAAI;EAChBC,OAAO;EACPC,WAAW,GAAG,KAAK;EACnBC,eAAe,GAAG,gBAAgB;EAClCC,sBAAsB,GAAG,gBAAgB;EACzCC,WAAW,GAAG,IAAI;EAAE;EACpBC,iBAAiB,GAAG,GAAG;EAAE;EACzB,GAAGC;AACW,CAAC,EAAE;EACjB,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,cAAc,GAAGnB,MAAM,CAAC,IAAIC,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EACpD,MAAMC,cAAc,GAAGrB,MAAM,CAAC,IAAIC,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAEpD,MAAME,SAAS,GAAGA,CAAA,KAAM;IACtBrB,QAAQ,CAACsB,QAAQ,CAAC,CAChBtB,QAAQ,CAACuB,MAAM,CAACL,cAAc,CAACM,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,EAEFf,QAAQ,CAACuB,MAAM,CAACH,cAAc,CAACI,OAAO,EAAE;MACtCC,OAAO,EAAEX,WAAW;MACpBY,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB7B,QAAQ,CAACsB,QAAQ,CAAC,CAChBtB,QAAQ,CAACuB,MAAM,CAACL,cAAc,CAACM,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,EACFf,QAAQ,CAACuB,MAAM,CAACH,cAAc,CAACI,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAME,OAAO,GAAGZ,cAAc,CAACM,OAAO,CAACO,WAAW,CAAC;IACjDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CACXhB,KAAK,CAACL,eAAe,CAAc,IAAI,aAAa,EACpDK,KAAK,CAACJ,sBAAsB,CAAc,IAAI,aAAa;EAE/D,CAAC,CAAC;EAEF,oBACEqB,KAAA,CAAAC,aAAA,CAAC/B,iBAAiB,EAAAgC,QAAA;IAChB5B,QAAQ,EAAEA,QAAQ,IAAI,CAACC,SAAU;IACjCF,KAAK,EAAE;IACL;IACA;MACEK,eAAe,EAAED,WAAW,GAAG,aAAa,GAAGmB,OAAO;MACtDO,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAElB,cAAc,CAACI;MAAQ,CAAC;IAC/C,CAAC,EACDjB,KAAK,CACL;IACFc,SAAS,EAAEA,SAAU;IACrBQ,UAAU,EAAEA,UAAW;IACvBnB,OAAO,EAAEA;EAAQ,GACbM,IAAI,GAEPV,QACgB,CAAC;AAExB"}
1
+ {"version":3,"names":["useRef","Animated","Pressable","RNPressable","useTheme","jsx","_jsx","AnimatedPressable","createAnimatedComponent","children","style","disabled","pressable","onPress","transparent","backgroundColor","pressedBackgroundColor","bounceScale","animationDuration","rest","Theme","pressAnimation","Value","scaleAnimation","onPressIn","parallel","timing","current","toValue","useNativeDriver","duration","start","onPressOut","bgColor","interpolate","inputRange","outputRange","transform","scale"],"sourceRoot":"../../../../src","sources":["components/wui-pressable/index.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SACEC,QAAQ,EACRC,SAAS,IAAIC,WAAW,QAInB,cAAc;AACrB,SAASC,QAAQ,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,iBAAiB,GAAGN,QAAQ,CAACO,uBAAuB,CAACL,WAAW,CAAC;AAcvE,OAAO,SAASD,SAASA,CAAC;EACxBO,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,IAAI;EAChBC,OAAO;EACPC,WAAW,GAAG,KAAK;EACnBC,eAAe,GAAG,gBAAgB;EAClCC,sBAAsB,GAAG,gBAAgB;EACzCC,WAAW,GAAG,IAAI;EAAE;EACpBC,iBAAiB,GAAG,GAAG;EAAE;EACzB,GAAGC;AACW,CAAC,EAAE;EACjB,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,cAAc,GAAGrB,MAAM,CAAC,IAAIC,QAAQ,CAACqB,KAAK,CAAC,CAAC,CAAC,CAAC;EACpD,MAAMC,cAAc,GAAGvB,MAAM,CAAC,IAAIC,QAAQ,CAACqB,KAAK,CAAC,CAAC,CAAC,CAAC;EAEpD,MAAME,SAAS,GAAGA,CAAA,KAAM;IACtBvB,QAAQ,CAACwB,QAAQ,CAAC,CAChBxB,QAAQ,CAACyB,MAAM,CAACL,cAAc,CAACM,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,EAEFjB,QAAQ,CAACyB,MAAM,CAACH,cAAc,CAACI,OAAO,EAAE;MACtCC,OAAO,EAAEX,WAAW;MACpBY,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB/B,QAAQ,CAACwB,QAAQ,CAAC,CAChBxB,QAAQ,CAACyB,MAAM,CAACL,cAAc,CAACM,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,EACFjB,QAAQ,CAACyB,MAAM,CAACH,cAAc,CAACI,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAME,OAAO,GAAGZ,cAAc,CAACM,OAAO,CAACO,WAAW,CAAC;IACjDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CACXhB,KAAK,CAACL,eAAe,CAAc,IAAI,aAAa,EACpDK,KAAK,CAACJ,sBAAsB,CAAc,IAAI,aAAa;EAE/D,CAAC,CAAC;EAEF,oBACEV,IAAA,CAACC,iBAAiB;IAChBI,QAAQ,EAAEA,QAAQ,IAAI,CAACC,SAAU;IACjCF,KAAK,EAAE;IACL;IACA;MACEK,eAAe,EAAED,WAAW,GAAG,aAAa,GAAGmB,OAAO;MACtDI,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAEf,cAAc,CAACI;MAAQ,CAAC;IAC/C,CAAC,EACDjB,KAAK,CACL;IACFc,SAAS,EAAEA,SAAU;IACrBQ,UAAU,EAAEA,UAAW;IACvBnB,OAAO,EAAEA,OAAQ;IAAA,GACbM,IAAI;IAAAV,QAAA,EAEPA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}
@@ -1,43 +1,110 @@
1
- import { Svg, Rect } from 'react-native-svg';
2
- import { Animated, StyleSheet } from 'react-native';
1
+ "use strict";
2
+
3
+ import { Animated, StyleSheet, View } from 'react-native';
4
+ import { memo, useEffect, useRef, useState } from 'react';
3
5
  import { useTheme } from '../../hooks/useTheme';
4
- const AnimatedRect = Animated.createAnimatedComponent(Rect);
5
- export const Shimmer = ({
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ function Shimmer_({
6
8
  width = 200,
7
9
  height = 200,
8
10
  duration = 1000,
9
11
  borderRadius = 0,
10
12
  backgroundColor,
11
13
  foregroundColor,
14
+ highlightWidthRatio = 0.3,
15
+ highlightOpacity = 0.5,
16
+ angle = 20,
12
17
  style
13
- }) => {
14
- const animatedValue = new Animated.Value(0);
18
+ }) {
15
19
  const Theme = useTheme();
16
- const animatedProps = {
17
- fill: animatedValue.interpolate({
18
- inputRange: [0, 0.5, 1],
19
- outputRange: [backgroundColor ?? Theme['bg-200'], foregroundColor ?? Theme['bg-300'], backgroundColor ?? Theme['bg-200']]
20
- }),
20
+ const [measuredWidth, setMeasuredWidth] = useState(null);
21
+ const [measuredHeight, setMeasuredHeight] = useState(null);
22
+ const translateRef = useRef(new Animated.Value(0));
23
+ const loopRef = useRef(null);
24
+ useEffect(() => {
25
+ if (!measuredWidth) {
26
+ return undefined;
27
+ }
28
+ const translateX = translateRef.current;
29
+ translateX.setValue(0);
30
+ const timing = Animated.timing(translateX, {
31
+ toValue: 1,
32
+ duration,
33
+ useNativeDriver: true
34
+ });
35
+ const loop = Animated.loop(timing);
36
+ loopRef.current = loop;
37
+ loop.start();
38
+ return () => {
39
+ loop.stop();
40
+ if (loopRef.current === loop) {
41
+ loopRef.current = null;
42
+ }
43
+ translateX.stopAnimation(() => {
44
+ translateX.setValue(0);
45
+ });
46
+ };
47
+ }, [duration, measuredWidth]);
48
+ const baseColor = backgroundColor ?? Theme['bg-200'];
49
+ const highlightColor = foregroundColor ?? Theme['bg-300'];
50
+ const onLayout = event => {
51
+ const {
52
+ width: w,
53
+ height: h
54
+ } = event.nativeEvent.layout;
55
+ // Update measurements whenever they change to adapt to dynamic layout/orientation
56
+ if (measuredWidth == null || Math.abs(w - measuredWidth) > 0.5) {
57
+ setMeasuredWidth(w);
58
+ }
59
+ if (measuredHeight == null || Math.abs(h - measuredHeight) > 0.5) {
60
+ setMeasuredHeight(h);
61
+ }
62
+ };
63
+
64
+ // Compute animated translateX only if we have width
65
+ let animatedTranslateX = 0;
66
+ let bandWidth = 0;
67
+ if (measuredWidth) {
68
+ bandWidth = Math.max(8, measuredWidth * highlightWidthRatio);
69
+ const travel = measuredWidth + bandWidth * 2;
70
+ animatedTranslateX = translateRef.current.interpolate({
71
+ inputRange: [0, 1],
72
+ outputRange: [-bandWidth, travel - bandWidth]
73
+ });
74
+ }
75
+ const containerStyle = {
21
76
  width,
22
77
  height,
23
- x: 0,
24
- y: 0,
25
- rx: borderRadius,
26
- ry: borderRadius
78
+ borderRadius,
79
+ overflow: 'hidden',
80
+ borderWidth: StyleSheet.hairlineWidth,
81
+ borderColor: Theme['bg-300'],
82
+ backgroundColor: baseColor
83
+ };
84
+ const bandStyle = {
85
+ position: 'absolute',
86
+ top: measuredHeight ? -measuredHeight * 0.25 : 0,
87
+ bottom: measuredHeight ? -measuredHeight * 0.25 : 0,
88
+ width: bandWidth,
89
+ backgroundColor: highlightColor,
90
+ opacity: highlightOpacity
27
91
  };
28
- Animated.loop(Animated.timing(animatedValue, {
29
- toValue: 1,
30
- duration,
31
- useNativeDriver: false
32
- })).start();
33
- return /*#__PURE__*/React.createElement(Svg, {
34
- width: width,
35
- height: height,
36
- style: [{
37
- borderWidth: StyleSheet.hairlineWidth,
38
- borderColor: Theme['bg-300'],
39
- borderRadius
40
- }, style]
41
- }, /*#__PURE__*/React.createElement(AnimatedRect, animatedProps));
42
- };
92
+ return /*#__PURE__*/_jsx(View, {
93
+ onLayout: onLayout,
94
+ style: [containerStyle, style],
95
+ children: measuredWidth && measuredHeight ? /*#__PURE__*/_jsx(Animated.View, {
96
+ pointerEvents: "none",
97
+ style: [bandStyle, {
98
+ transform: [{
99
+ translateX: animatedTranslateX
100
+ }, {
101
+ rotate: `${angle}deg`
102
+ }]
103
+ }]
104
+ }) : null
105
+ });
106
+ }
107
+ export const Shimmer = /*#__PURE__*/memo(Shimmer_, () => {
108
+ return true;
109
+ });
43
110
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Svg","Rect","Animated","StyleSheet","useTheme","AnimatedRect","createAnimatedComponent","Shimmer","width","height","duration","borderRadius","backgroundColor","foregroundColor","style","animatedValue","Value","Theme","animatedProps","fill","interpolate","inputRange","outputRange","x","y","rx","ry","loop","timing","toValue","useNativeDriver","start","React","createElement","borderWidth","hairlineWidth","borderColor"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":"AAAA,SAASA,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,EAAEC,UAAU,QAAwC,cAAc;AACnF,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,MAAMC,YAAY,GAAGH,QAAQ,CAACI,uBAAuB,CAACL,IAAI,CAAC;AAY3D,OAAO,MAAMM,OAAO,GAAGA,CAAC;EACtBC,KAAK,GAAG,GAAG;EACXC,MAAM,GAAG,GAAG;EACZC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG,CAAC;EAChBC,eAAe;EACfC,eAAe;EACfC;AACY,CAAC,KAAK;EAClB,MAAMC,aAAa,GAAG,IAAIb,QAAQ,CAACc,KAAK,CAAC,CAAC,CAAC;EAC3C,MAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EAExB,MAAMc,aAAa,GAAG;IACpBC,IAAI,EAAEJ,aAAa,CAACK,WAAW,CAAC;MAC9BC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;MACvBC,WAAW,EAAE,CACXV,eAAe,IAAIK,KAAK,CAAC,QAAQ,CAAC,EAClCJ,eAAe,IAAII,KAAK,CAAC,QAAQ,CAAC,EAClCL,eAAe,IAAIK,KAAK,CAAC,QAAQ,CAAC;IAEtC,CAAC,CAAC;IACFT,KAAK;IACLC,MAAM;IACNc,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,EAAE,EAAEd,YAAY;IAChBe,EAAE,EAAEf;EACN,CAAC;EAEDT,QAAQ,CAACyB,IAAI,CACXzB,QAAQ,CAAC0B,MAAM,CAACb,aAAa,EAAE;IAC7Bc,OAAO,EAAE,CAAC;IACVnB,QAAQ;IACRoB,eAAe,EAAE;EACnB,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;EAET,oBACEC,KAAA,CAAAC,aAAA,CAACjC,GAAG;IACFQ,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfK,KAAK,EAAE,CACL;MAAEoB,WAAW,EAAE/B,UAAU,CAACgC,aAAa;MAAEC,WAAW,EAAEnB,KAAK,CAAC,QAAQ,CAAC;MAAEN;IAAa,CAAC,EACrFG,KAAK;EACL,gBAEFkB,KAAA,CAAAC,aAAA,CAAC5B,YAAY,EAAKa,aAAgB,CAC/B,CAAC;AAEV,CAAC"}
1
+ {"version":3,"names":["Animated","StyleSheet","View","memo","useEffect","useRef","useState","useTheme","jsx","_jsx","Shimmer_","width","height","duration","borderRadius","backgroundColor","foregroundColor","highlightWidthRatio","highlightOpacity","angle","style","Theme","measuredWidth","setMeasuredWidth","measuredHeight","setMeasuredHeight","translateRef","Value","loopRef","undefined","translateX","current","setValue","timing","toValue","useNativeDriver","loop","start","stop","stopAnimation","baseColor","highlightColor","onLayout","event","w","h","nativeEvent","layout","Math","abs","animatedTranslateX","bandWidth","max","travel","interpolate","inputRange","outputRange","containerStyle","overflow","borderWidth","hairlineWidth","borderColor","bandStyle","position","top","bottom","opacity","children","pointerEvents","transform","rotate","Shimmer"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":"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","ignoreList":[]}