@tamagui/toast 2.7.7 → 3.0.0-beta.643.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 (303) hide show
  1. package/dist/cjs/ToastComposable.cjs +773 -882
  2. package/dist/cjs/ToastComposable.native.cjs +924 -0
  3. package/dist/cjs/ToastComposable.native.js +854 -966
  4. package/dist/cjs/ToastComposable.native.js.map +1 -1
  5. package/dist/cjs/ToastItemFrame.cjs +48 -119
  6. package/dist/cjs/ToastItemFrame.native.cjs +76 -0
  7. package/dist/cjs/ToastItemFrame.native.js +50 -120
  8. package/dist/cjs/ToastItemFrame.native.js.map +1 -1
  9. package/dist/cjs/ToastState.cjs +281 -290
  10. package/dist/cjs/ToastState.native.cjs +312 -0
  11. package/dist/cjs/ToastState.native.js +280 -290
  12. package/dist/cjs/ToastState.native.js.map +1 -1
  13. package/dist/cjs/createNativeToast.cjs +38 -44
  14. package/dist/cjs/createNativeToast.native.cjs +54 -0
  15. package/dist/cjs/createNativeToast.native.js +36 -40
  16. package/dist/cjs/createNativeToast.native.js.map +1 -1
  17. package/dist/cjs/dispatchNativeToast.cjs +32 -35
  18. package/dist/cjs/dispatchNativeToast.native.cjs +48 -0
  19. package/dist/cjs/dispatchNativeToast.native.js +34 -36
  20. package/dist/cjs/dispatchNativeToast.native.js.map +1 -1
  21. package/dist/cjs/index.cjs +25 -12
  22. package/dist/cjs/index.native.cjs +35 -0
  23. package/dist/cjs/index.native.js +26 -12
  24. package/dist/cjs/index.native.js.map +1 -1
  25. package/dist/cjs/types.cjs +10 -11
  26. package/dist/cjs/types.native.cjs +19 -0
  27. package/dist/cjs/types.native.js +10 -10
  28. package/dist/cjs/types.native.js.map +1 -1
  29. package/dist/cjs/useAnimatedDragGesture.cjs +197 -194
  30. package/dist/cjs/useAnimatedDragGesture.native.cjs +210 -0
  31. package/dist/cjs/useAnimatedDragGesture.native.js +179 -191
  32. package/dist/cjs/useAnimatedDragGesture.native.js.map +1 -1
  33. package/dist/cjs/useReducedMotion.cjs +47 -55
  34. package/dist/cjs/useReducedMotion.native.cjs +74 -0
  35. package/dist/cjs/useReducedMotion.native.js +53 -60
  36. package/dist/cjs/useReducedMotion.native.js.map +1 -1
  37. package/dist/cjs/useToastAnimations.cjs +198 -270
  38. package/dist/cjs/useToastAnimations.native.cjs +229 -0
  39. package/dist/cjs/useToastAnimations.native.js +205 -276
  40. package/dist/cjs/useToastAnimations.native.js.map +1 -1
  41. package/dist/esm/ToastComposable.mjs +752 -854
  42. package/dist/esm/ToastComposable.mjs.map +1 -1
  43. package/dist/esm/ToastComposable.native.js +834 -940
  44. package/dist/esm/ToastComposable.native.js.map +1 -1
  45. package/dist/esm/ToastItemFrame.mjs +31 -99
  46. package/dist/esm/ToastItemFrame.mjs.map +1 -1
  47. package/dist/esm/ToastItemFrame.native.js +34 -102
  48. package/dist/esm/ToastItemFrame.native.js.map +1 -1
  49. package/dist/esm/ToastState.mjs +266 -273
  50. package/dist/esm/ToastState.mjs.map +1 -1
  51. package/dist/esm/ToastState.native.js +265 -274
  52. package/dist/esm/ToastState.native.js.map +1 -1
  53. package/dist/esm/createNativeToast.mjs +22 -26
  54. package/dist/esm/createNativeToast.mjs.map +1 -1
  55. package/dist/esm/createNativeToast.native.js +21 -23
  56. package/dist/esm/createNativeToast.native.js.map +1 -1
  57. package/dist/esm/dispatchNativeToast.mjs +19 -17
  58. package/dist/esm/dispatchNativeToast.mjs.map +1 -1
  59. package/dist/esm/dispatchNativeToast.native.js +21 -19
  60. package/dist/esm/dispatchNativeToast.native.js.map +1 -1
  61. package/dist/esm/index.js +5 -2
  62. package/dist/esm/index.mjs +5 -2
  63. package/dist/esm/index.native.js +5 -2
  64. package/dist/esm/types.mjs +0 -2
  65. package/dist/esm/types.native.js +0 -2
  66. package/dist/esm/useAnimatedDragGesture.mjs +181 -168
  67. package/dist/esm/useAnimatedDragGesture.mjs.map +1 -1
  68. package/dist/esm/useAnimatedDragGesture.native.js +163 -166
  69. package/dist/esm/useAnimatedDragGesture.native.js.map +1 -1
  70. package/dist/esm/useReducedMotion.mjs +31 -29
  71. package/dist/esm/useReducedMotion.mjs.map +1 -1
  72. package/dist/esm/useReducedMotion.native.js +37 -35
  73. package/dist/esm/useReducedMotion.native.js.map +1 -1
  74. package/dist/esm/useToastAnimations.mjs +183 -245
  75. package/dist/esm/useToastAnimations.mjs.map +1 -1
  76. package/dist/esm/useToastAnimations.native.js +190 -252
  77. package/dist/esm/useToastAnimations.native.js.map +1 -1
  78. package/dist/jsx/ToastComposable.mjs +752 -854
  79. package/dist/jsx/ToastComposable.mjs.map +1 -1
  80. package/dist/jsx/ToastComposable.native.cjs +924 -0
  81. package/dist/jsx/ToastComposable.native.js +854 -966
  82. package/dist/jsx/ToastComposable.native.js.map +1 -1
  83. package/dist/jsx/ToastItemFrame.mjs +31 -99
  84. package/dist/jsx/ToastItemFrame.mjs.map +1 -1
  85. package/dist/jsx/ToastItemFrame.native.cjs +76 -0
  86. package/dist/jsx/ToastItemFrame.native.js +50 -120
  87. package/dist/jsx/ToastItemFrame.native.js.map +1 -1
  88. package/dist/jsx/ToastState.mjs +266 -273
  89. package/dist/jsx/ToastState.mjs.map +1 -1
  90. package/dist/jsx/ToastState.native.cjs +312 -0
  91. package/dist/jsx/ToastState.native.js +280 -290
  92. package/dist/jsx/ToastState.native.js.map +1 -1
  93. package/dist/jsx/createNativeToast.mjs +22 -26
  94. package/dist/jsx/createNativeToast.mjs.map +1 -1
  95. package/dist/jsx/createNativeToast.native.cjs +54 -0
  96. package/dist/jsx/createNativeToast.native.js +36 -40
  97. package/dist/jsx/createNativeToast.native.js.map +1 -1
  98. package/dist/jsx/dispatchNativeToast.mjs +19 -17
  99. package/dist/jsx/dispatchNativeToast.mjs.map +1 -1
  100. package/dist/jsx/dispatchNativeToast.native.cjs +48 -0
  101. package/dist/jsx/dispatchNativeToast.native.js +34 -36
  102. package/dist/jsx/dispatchNativeToast.native.js.map +1 -1
  103. package/dist/jsx/index.js +5 -2
  104. package/dist/jsx/index.mjs +5 -2
  105. package/dist/jsx/index.native.cjs +35 -0
  106. package/dist/jsx/index.native.js +26 -12
  107. package/dist/jsx/index.native.js.map +1 -1
  108. package/dist/jsx/types.mjs +0 -2
  109. package/dist/jsx/types.native.cjs +19 -0
  110. package/dist/jsx/types.native.js +10 -10
  111. package/dist/jsx/types.native.js.map +1 -1
  112. package/dist/jsx/useAnimatedDragGesture.mjs +181 -168
  113. package/dist/jsx/useAnimatedDragGesture.mjs.map +1 -1
  114. package/dist/jsx/useAnimatedDragGesture.native.cjs +210 -0
  115. package/dist/jsx/useAnimatedDragGesture.native.js +179 -191
  116. package/dist/jsx/useAnimatedDragGesture.native.js.map +1 -1
  117. package/dist/jsx/useReducedMotion.mjs +31 -29
  118. package/dist/jsx/useReducedMotion.mjs.map +1 -1
  119. package/dist/jsx/useReducedMotion.native.cjs +74 -0
  120. package/dist/jsx/useReducedMotion.native.js +53 -60
  121. package/dist/jsx/useReducedMotion.native.js.map +1 -1
  122. package/dist/jsx/useToastAnimations.mjs +183 -245
  123. package/dist/jsx/useToastAnimations.mjs.map +1 -1
  124. package/dist/jsx/useToastAnimations.native.cjs +229 -0
  125. package/dist/jsx/useToastAnimations.native.js +205 -276
  126. package/dist/jsx/useToastAnimations.native.js.map +1 -1
  127. package/package.json +20 -37
  128. package/src/ToastComposable.tsx +55 -97
  129. package/src/ToastItemFrame.tsx +22 -81
  130. package/src/ToastState.ts +1 -0
  131. package/src/index.ts +34 -2
  132. package/src/types.ts +11 -0
  133. package/src/useAnimatedDragGesture.native.ts +1 -1
  134. package/src/useAnimatedDragGesture.ts +1 -1
  135. package/src/useToastAnimations.ts +20 -36
  136. package/types/ToastComposable.d.ts +124 -47
  137. package/types/ToastComposable.d.ts.map +1 -1
  138. package/types/ToastItemFrame.d.ts +52 -21
  139. package/types/ToastItemFrame.d.ts.map +1 -1
  140. package/types/ToastState.d.ts +15 -11
  141. package/types/ToastState.d.ts.map +1 -1
  142. package/types/index.d.ts +6 -2
  143. package/types/index.d.ts.map +1 -1
  144. package/types/types.d.ts +1 -0
  145. package/types/types.d.ts.map +1 -1
  146. package/types/useAnimatedDragGesture.d.ts +1 -1
  147. package/types/useAnimatedDragGesture.d.ts.map +1 -1
  148. package/types/useAnimatedDragGesture.native.d.ts +1 -1
  149. package/types/useAnimatedDragGesture.native.d.ts.map +1 -1
  150. package/types/useToastAnimations.d.ts +2 -8
  151. package/types/useToastAnimations.d.ts.map +1 -1
  152. package/dist/cjs/Toast.cjs +0 -178
  153. package/dist/cjs/Toast.native.js +0 -181
  154. package/dist/cjs/Toast.native.js.map +0 -1
  155. package/dist/cjs/ToastAnnounce.cjs +0 -103
  156. package/dist/cjs/ToastAnnounce.native.js +0 -111
  157. package/dist/cjs/ToastAnnounce.native.js.map +0 -1
  158. package/dist/cjs/ToastImperative.cjs +0 -119
  159. package/dist/cjs/ToastImperative.native.js +0 -130
  160. package/dist/cjs/ToastImperative.native.js.map +0 -1
  161. package/dist/cjs/ToastImpl.cjs +0 -354
  162. package/dist/cjs/ToastImpl.native.js +0 -364
  163. package/dist/cjs/ToastImpl.native.js.map +0 -1
  164. package/dist/cjs/ToastPortal.cjs +0 -49
  165. package/dist/cjs/ToastPortal.native.js +0 -52
  166. package/dist/cjs/ToastPortal.native.js.map +0 -1
  167. package/dist/cjs/ToastProvider.cjs +0 -150
  168. package/dist/cjs/ToastProvider.native.js +0 -161
  169. package/dist/cjs/ToastProvider.native.js.map +0 -1
  170. package/dist/cjs/ToastViewport.cjs +0 -319
  171. package/dist/cjs/ToastViewport.native.js +0 -343
  172. package/dist/cjs/ToastViewport.native.js.map +0 -1
  173. package/dist/cjs/Toaster.cjs +0 -87
  174. package/dist/cjs/Toaster.native.js +0 -91
  175. package/dist/cjs/Toaster.native.js.map +0 -1
  176. package/dist/cjs/constants.cjs +0 -30
  177. package/dist/cjs/constants.native.js +0 -33
  178. package/dist/cjs/constants.native.js.map +0 -1
  179. package/dist/cjs/v2.cjs +0 -36
  180. package/dist/cjs/v2.native.js +0 -39
  181. package/dist/cjs/v2.native.js.map +0 -1
  182. package/dist/esm/Toast.mjs +0 -137
  183. package/dist/esm/Toast.mjs.map +0 -1
  184. package/dist/esm/Toast.native.js +0 -137
  185. package/dist/esm/Toast.native.js.map +0 -1
  186. package/dist/esm/ToastAnnounce.mjs +0 -66
  187. package/dist/esm/ToastAnnounce.mjs.map +0 -1
  188. package/dist/esm/ToastAnnounce.native.js +0 -71
  189. package/dist/esm/ToastAnnounce.native.js.map +0 -1
  190. package/dist/esm/ToastImperative.mjs +0 -80
  191. package/dist/esm/ToastImperative.mjs.map +0 -1
  192. package/dist/esm/ToastImperative.native.js +0 -88
  193. package/dist/esm/ToastImperative.native.js.map +0 -1
  194. package/dist/esm/ToastImpl.mjs +0 -316
  195. package/dist/esm/ToastImpl.mjs.map +0 -1
  196. package/dist/esm/ToastImpl.native.js +0 -329
  197. package/dist/esm/ToastImpl.native.js.map +0 -1
  198. package/dist/esm/ToastPortal.mjs +0 -24
  199. package/dist/esm/ToastPortal.mjs.map +0 -1
  200. package/dist/esm/ToastPortal.native.js +0 -24
  201. package/dist/esm/ToastPortal.native.js.map +0 -1
  202. package/dist/esm/ToastProvider.mjs +0 -110
  203. package/dist/esm/ToastProvider.mjs.map +0 -1
  204. package/dist/esm/ToastProvider.native.js +0 -118
  205. package/dist/esm/ToastProvider.native.js.map +0 -1
  206. package/dist/esm/ToastViewport.mjs +0 -280
  207. package/dist/esm/ToastViewport.mjs.map +0 -1
  208. package/dist/esm/ToastViewport.native.js +0 -301
  209. package/dist/esm/ToastViewport.native.js.map +0 -1
  210. package/dist/esm/Toaster.mjs +0 -51
  211. package/dist/esm/Toaster.mjs.map +0 -1
  212. package/dist/esm/Toaster.native.js +0 -52
  213. package/dist/esm/Toaster.native.js.map +0 -1
  214. package/dist/esm/constants.mjs +0 -4
  215. package/dist/esm/constants.mjs.map +0 -1
  216. package/dist/esm/constants.native.js +0 -4
  217. package/dist/esm/constants.native.js.map +0 -1
  218. package/dist/esm/index.js.map +0 -1
  219. package/dist/esm/index.mjs.map +0 -1
  220. package/dist/esm/index.native.js.map +0 -1
  221. package/dist/esm/types.mjs.map +0 -1
  222. package/dist/esm/types.native.js.map +0 -1
  223. package/dist/esm/v2.mjs +0 -6
  224. package/dist/esm/v2.mjs.map +0 -1
  225. package/dist/esm/v2.native.js +0 -6
  226. package/dist/esm/v2.native.js.map +0 -1
  227. package/dist/jsx/Toast.mjs +0 -137
  228. package/dist/jsx/Toast.mjs.map +0 -1
  229. package/dist/jsx/Toast.native.js +0 -181
  230. package/dist/jsx/Toast.native.js.map +0 -1
  231. package/dist/jsx/ToastAnnounce.mjs +0 -66
  232. package/dist/jsx/ToastAnnounce.mjs.map +0 -1
  233. package/dist/jsx/ToastAnnounce.native.js +0 -111
  234. package/dist/jsx/ToastAnnounce.native.js.map +0 -1
  235. package/dist/jsx/ToastImperative.mjs +0 -80
  236. package/dist/jsx/ToastImperative.mjs.map +0 -1
  237. package/dist/jsx/ToastImperative.native.js +0 -130
  238. package/dist/jsx/ToastImperative.native.js.map +0 -1
  239. package/dist/jsx/ToastImpl.mjs +0 -316
  240. package/dist/jsx/ToastImpl.mjs.map +0 -1
  241. package/dist/jsx/ToastImpl.native.js +0 -364
  242. package/dist/jsx/ToastImpl.native.js.map +0 -1
  243. package/dist/jsx/ToastPortal.mjs +0 -24
  244. package/dist/jsx/ToastPortal.mjs.map +0 -1
  245. package/dist/jsx/ToastPortal.native.js +0 -52
  246. package/dist/jsx/ToastPortal.native.js.map +0 -1
  247. package/dist/jsx/ToastProvider.mjs +0 -110
  248. package/dist/jsx/ToastProvider.mjs.map +0 -1
  249. package/dist/jsx/ToastProvider.native.js +0 -161
  250. package/dist/jsx/ToastProvider.native.js.map +0 -1
  251. package/dist/jsx/ToastViewport.mjs +0 -280
  252. package/dist/jsx/ToastViewport.mjs.map +0 -1
  253. package/dist/jsx/ToastViewport.native.js +0 -343
  254. package/dist/jsx/ToastViewport.native.js.map +0 -1
  255. package/dist/jsx/Toaster.mjs +0 -51
  256. package/dist/jsx/Toaster.mjs.map +0 -1
  257. package/dist/jsx/Toaster.native.js +0 -91
  258. package/dist/jsx/Toaster.native.js.map +0 -1
  259. package/dist/jsx/constants.mjs +0 -4
  260. package/dist/jsx/constants.mjs.map +0 -1
  261. package/dist/jsx/constants.native.js +0 -33
  262. package/dist/jsx/constants.native.js.map +0 -1
  263. package/dist/jsx/index.js.map +0 -1
  264. package/dist/jsx/index.mjs.map +0 -1
  265. package/dist/jsx/types.mjs.map +0 -1
  266. package/dist/jsx/v2.mjs +0 -6
  267. package/dist/jsx/v2.mjs.map +0 -1
  268. package/dist/jsx/v2.native.js +0 -39
  269. package/dist/jsx/v2.native.js.map +0 -1
  270. package/src/Toast.tsx +0 -219
  271. package/src/ToastAnnounce.tsx +0 -103
  272. package/src/ToastImperative.tsx +0 -192
  273. package/src/ToastImpl.tsx +0 -514
  274. package/src/ToastPortal.tsx +0 -19
  275. package/src/ToastProvider.tsx +0 -204
  276. package/src/ToastViewport.tsx +0 -430
  277. package/src/Toaster.tsx +0 -181
  278. package/src/constants.ts +0 -2
  279. package/src/v2.ts +0 -31
  280. package/types/Toast.d.ts +0 -84
  281. package/types/Toast.d.ts.map +0 -1
  282. package/types/ToastAnnounce.d.ts +0 -18
  283. package/types/ToastAnnounce.d.ts.map +0 -1
  284. package/types/ToastImperative.d.ts +0 -95
  285. package/types/ToastImperative.d.ts.map +0 -1
  286. package/types/ToastImpl.d.ts +0 -109
  287. package/types/ToastImpl.d.ts.map +0 -1
  288. package/types/ToastPortal.d.ts +0 -8
  289. package/types/ToastPortal.d.ts.map +0 -1
  290. package/types/ToastProvider.d.ts +0 -92
  291. package/types/ToastProvider.d.ts.map +0 -1
  292. package/types/ToastViewport.d.ts +0 -75
  293. package/types/ToastViewport.d.ts.map +0 -1
  294. package/types/Toaster.d.ts +0 -112
  295. package/types/Toaster.d.ts.map +0 -1
  296. package/types/constants.d.ts +0 -3
  297. package/types/constants.d.ts.map +0 -1
  298. package/types/v2.d.ts +0 -10
  299. package/types/v2.d.ts.map +0 -1
  300. package/v2/index.cjs +0 -2
  301. package/v2/index.js +0 -2
  302. package/v2/index.native.cjs +0 -2
  303. package/v2/index.native.js +0 -2
@@ -1,256 +1,194 @@
1
1
  import { isWeb } from "@tamagui/constants";
2
- import { useConfiguration, useEvent, View as TamaguiView } from "@tamagui/core";
2
+ import { View, useAnimatedNumber, useAnimatedNumbersStyle, useAnimationDriver, useEvent } from "@tamagui/core";
3
3
  import * as React from "react";
4
+
4
5
  const SPRING_CONFIG = {
5
- type: "spring",
6
- damping: 30,
7
- stiffness: 400,
8
- mass: 0.5
6
+ type: "spring",
7
+ damping: 30,
8
+ stiffness: 400,
9
+ mass: .5
9
10
  };
10
11
  const EXIT_DISTANCE = 200;
11
12
  function animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {
12
- const {
13
- damping = 30,
14
- stiffness = 400,
15
- mass = 0.5,
16
- initialVelocityX = 0,
17
- initialVelocityY = 0,
18
- fadeOut = false
19
- } = config;
20
- let x = fromX;
21
- let y = fromY;
22
- let velocityX = initialVelocityX;
23
- let velocityY = initialVelocityY;
24
- let animationId = null;
25
- const targetX = toX;
26
- const targetY = toY;
27
- const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;
28
- function step() {
29
- const forceX = -stiffness * (x - targetX);
30
- const forceY = -stiffness * (y - targetY);
31
- const dampingForceX = -damping * velocityX;
32
- const dampingForceY = -damping * velocityY;
33
- const accelerationX = (forceX + dampingForceX) / mass;
34
- const accelerationY = (forceY + dampingForceY) / mass;
35
- velocityX += accelerationX * 0.016;
36
- velocityY += accelerationY * 0.016;
37
- x += velocityX * 0.016;
38
- y += velocityY * 0.016;
39
- element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
40
- if (fadeOut) {
41
- const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);
42
- const progress = Math.min(distanceTraveled / totalDistance, 1);
43
- element.style.opacity = String(1 - progress);
44
- }
45
- const distanceX = Math.abs(x - targetX);
46
- const distanceY = Math.abs(y - targetY);
47
- const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
48
- if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {
49
- element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
50
- if (fadeOut) {
51
- element.style.opacity = "0";
52
- }
53
- onComplete?.();
54
- return;
55
- }
56
- animationId = requestAnimationFrame(step);
57
- }
58
- animationId = requestAnimationFrame(step);
59
- return () => {
60
- if (animationId) {
61
- cancelAnimationFrame(animationId);
62
- }
63
- };
13
+ const { damping = 30, stiffness = 400, mass = .5, initialVelocityX = 0, initialVelocityY = 0, fadeOut = false } = config;
14
+ let x = fromX;
15
+ let y = fromY;
16
+ let velocityX = initialVelocityX;
17
+ let velocityY = initialVelocityY;
18
+ let animationId = null;
19
+ const targetX = toX;
20
+ const targetY = toY;
21
+ const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;
22
+ function step() {
23
+ const forceX = -stiffness * (x - targetX);
24
+ const forceY = -stiffness * (y - targetY);
25
+ const dampingForceX = -damping * velocityX;
26
+ const dampingForceY = -damping * velocityY;
27
+ const accelerationX = (forceX + dampingForceX) / mass;
28
+ const accelerationY = (forceY + dampingForceY) / mass;
29
+ velocityX += accelerationX * .016;
30
+ velocityY += accelerationY * .016;
31
+ x += velocityX * .016;
32
+ y += velocityY * .016;
33
+ element.style.transform = `translate3d(${x}px, ${y}px, 0)`;
34
+ if (fadeOut) {
35
+ const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);
36
+ const progress = Math.min(distanceTraveled / totalDistance, 1);
37
+ element.style.opacity = String(1 - progress);
38
+ }
39
+ const distanceX = Math.abs(x - targetX);
40
+ const distanceY = Math.abs(y - targetY);
41
+ const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);
42
+ if (distanceX < .5 && distanceY < .5 && speed < .5) {
43
+ element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;
44
+ if (fadeOut) {
45
+ element.style.opacity = "0";
46
+ }
47
+ onComplete?.();
48
+ return;
49
+ }
50
+ animationId = requestAnimationFrame(step);
51
+ }
52
+ animationId = requestAnimationFrame(step);
53
+ return () => {
54
+ if (animationId) {
55
+ cancelAnimationFrame(animationId);
56
+ }
57
+ };
64
58
  }
65
59
  function useToastAnimations(options = {}) {
66
- const {
67
- onExitComplete,
68
- reducedMotion,
69
- swipeAxis = "horizontal"
70
- } = options;
71
- const {
72
- animationDriver
73
- } = useConfiguration();
74
- if (!animationDriver) {
75
- throw new Error("Toast requires an animation driver to be set in TamaguiProvider");
76
- }
77
- const {
78
- useAnimatedNumber,
79
- useAnimatedNumberStyle,
80
- useAnimatedNumbersStyle
81
- } = animationDriver;
82
- const AnimatedView = animationDriver.View ?? TamaguiView;
83
- const dragRef = React.useRef(null);
84
- const cancelAnimationRef = React.useRef(null);
85
- const currentOffsetRef = React.useRef({
86
- x: 0,
87
- y: 0
88
- });
89
- const useDirectDom = isWeb;
90
- const translateX = useAnimatedNumber(0);
91
- const translateY = useAnimatedNumber(0);
92
- const animatedStyle = useAnimatedNumbersStyle ? useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
93
- "worklet";
94
-
95
- return {
96
- transform: [{
97
- translateX: x
98
- }, {
99
- translateY: y
100
- }]
101
- };
102
- }) : useAnimatedNumberStyle(swipeAxis === "vertical" ? translateY : translateX, primary => {
103
- "worklet";
104
-
105
- const secondary = swipeAxis === "vertical" ? translateX.getValue() : translateY.getValue();
106
- return swipeAxis === "vertical" ? {
107
- transform: [{
108
- translateX: secondary
109
- }, {
110
- translateY: primary
111
- }]
112
- } : {
113
- transform: [{
114
- translateX: primary
115
- }, {
116
- translateY: secondary
117
- }]
118
- };
119
- });
120
- const setDragOffset = useEvent((x, y) => {
121
- cancelAnimationRef.current?.();
122
- cancelAnimationRef.current = null;
123
- currentOffsetRef.current = {
124
- x,
125
- y
126
- };
127
- if (useDirectDom && dragRef.current) {
128
- dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
129
- dragRef.current.style.opacity = "1";
130
- } else {
131
- translateX.setValue(x, {
132
- type: "direct"
133
- });
134
- translateY.setValue(y, {
135
- type: "direct"
136
- });
137
- }
138
- });
139
- const springBack = useEvent(onComplete => {
140
- cancelAnimationRef.current?.();
141
- if (reducedMotion) {
142
- if (useDirectDom && dragRef.current) {
143
- dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
144
- } else {
145
- translateX.setValue(0, {
146
- type: "direct"
147
- });
148
- translateY.setValue(0, {
149
- type: "direct"
150
- });
151
- }
152
- currentOffsetRef.current = {
153
- x: 0,
154
- y: 0
155
- };
156
- onComplete?.();
157
- return;
158
- }
159
- if (useDirectDom && dragRef.current) {
160
- const {
161
- x,
162
- y
163
- } = currentOffsetRef.current;
164
- cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, () => {
165
- currentOffsetRef.current = {
166
- x: 0,
167
- y: 0
168
- };
169
- onComplete?.();
170
- });
171
- } else {
172
- translateX.setValue(0, SPRING_CONFIG);
173
- translateY.setValue(0, SPRING_CONFIG, onComplete);
174
- }
175
- });
176
- const animateOut = useEvent((direction, velocity, onComplete) => {
177
- cancelAnimationRef.current?.();
178
- const {
179
- x: curX,
180
- y: curY
181
- } = currentOffsetRef.current;
182
- let exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
183
- let exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
184
- if (direction === "left" && curX < exitX) exitX = curX - 50;else if (direction === "right" && curX > exitX) exitX = curX + 50;
185
- if (direction === "up" && curY < exitY) exitY = curY - 50;else if (direction === "down" && curY > exitY) exitY = curY + 50;
186
- if (reducedMotion) {
187
- if (useDirectDom && dragRef.current) {
188
- dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
189
- } else {
190
- translateX.setValue(exitX, {
191
- type: "direct"
192
- });
193
- translateY.setValue(exitY, {
194
- type: "direct"
195
- });
196
- }
197
- onComplete?.();
198
- onExitComplete?.();
199
- return;
200
- }
201
- const velocityScale = (velocity ?? 0) * 500;
202
- const initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
203
- const initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
204
- const exitConfig = {
205
- damping: 25,
206
- stiffness: 350,
207
- mass: 0.4,
208
- initialVelocityX,
209
- initialVelocityY,
210
- fadeOut: true
211
- };
212
- if (useDirectDom && dragRef.current) {
213
- const {
214
- x,
215
- y
216
- } = currentOffsetRef.current;
217
- cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, () => {
218
- onComplete?.();
219
- onExitComplete?.();
220
- });
221
- } else {
222
- const springConfig = {
223
- type: "spring",
224
- damping: 25,
225
- stiffness: 350,
226
- mass: 0.4
227
- };
228
- translateX.setValue(exitX, springConfig);
229
- translateY.setValue(exitY, springConfig, () => {
230
- onComplete?.();
231
- onExitComplete?.();
232
- });
233
- }
234
- });
235
- const stop = useEvent(() => {
236
- cancelAnimationRef.current?.();
237
- translateX.stop();
238
- translateY.stop();
239
- });
240
- React.useEffect(() => {
241
- return () => {
242
- cancelAnimationRef.current?.();
243
- };
244
- }, []);
245
- return {
246
- setDragOffset,
247
- springBack,
248
- animateOut,
249
- stop,
250
- animatedStyle,
251
- AnimatedView,
252
- dragRef
253
- };
60
+ const { onExitComplete, reducedMotion } = options;
61
+ const animationDriver = useAnimationDriver();
62
+ const AnimatedView = animationDriver.View ?? View;
63
+ const dragRef = React.useRef(null);
64
+ const cancelAnimationRef = React.useRef(null);
65
+ const currentOffsetRef = React.useRef({
66
+ x: 0,
67
+ y: 0
68
+ });
69
+ const useDirectDom = isWeb;
70
+ const translateX = useAnimatedNumber(0);
71
+ const translateY = useAnimatedNumber(0);
72
+ const animatedStyle = useAnimatedNumbersStyle([translateX, translateY], (x, y) => {
73
+ "worklet";
74
+ return { transform: [{ translateX: x }, { translateY: y }] };
75
+ });
76
+ const setDragOffset = useEvent((x, y) => {
77
+ cancelAnimationRef.current?.();
78
+ cancelAnimationRef.current = null;
79
+ currentOffsetRef.current = {
80
+ x,
81
+ y
82
+ };
83
+ if (useDirectDom && dragRef.current) {
84
+ dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
85
+ dragRef.current.style.opacity = "1";
86
+ } else {
87
+ translateX.setValue(x, { type: "direct" });
88
+ translateY.setValue(y, { type: "direct" });
89
+ }
90
+ });
91
+ const springBack = useEvent((onComplete) => {
92
+ cancelAnimationRef.current?.();
93
+ if (reducedMotion) {
94
+ if (useDirectDom && dragRef.current) {
95
+ dragRef.current.style.transform = "translate3d(0px, 0px, 0)";
96
+ } else {
97
+ translateX.setValue(0, { type: "direct" });
98
+ translateY.setValue(0, { type: "direct" });
99
+ }
100
+ currentOffsetRef.current = {
101
+ x: 0,
102
+ y: 0
103
+ };
104
+ onComplete?.();
105
+ return;
106
+ }
107
+ if (useDirectDom && dragRef.current) {
108
+ const { x, y } = currentOffsetRef.current;
109
+ cancelAnimationRef.current = animateSpring(dragRef.current, x, y, 0, 0, SPRING_CONFIG, () => {
110
+ currentOffsetRef.current = {
111
+ x: 0,
112
+ y: 0
113
+ };
114
+ onComplete?.();
115
+ });
116
+ } else {
117
+ translateX.setValue(0, SPRING_CONFIG);
118
+ translateY.setValue(0, SPRING_CONFIG, onComplete);
119
+ }
120
+ });
121
+ const animateOut = useEvent((direction, velocity, onComplete) => {
122
+ cancelAnimationRef.current?.();
123
+ const { x: curX, y: curY } = currentOffsetRef.current;
124
+ let exitX = direction === "left" ? -EXIT_DISTANCE : direction === "right" ? EXIT_DISTANCE : 0;
125
+ let exitY = direction === "up" ? -EXIT_DISTANCE : direction === "down" ? EXIT_DISTANCE : 0;
126
+ if (direction === "left" && curX < exitX) exitX = curX - 50;
127
+ else if (direction === "right" && curX > exitX) exitX = curX + 50;
128
+ if (direction === "up" && curY < exitY) exitY = curY - 50;
129
+ else if (direction === "down" && curY > exitY) exitY = curY + 50;
130
+ if (reducedMotion) {
131
+ if (useDirectDom && dragRef.current) {
132
+ dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;
133
+ } else {
134
+ translateX.setValue(exitX, { type: "direct" });
135
+ translateY.setValue(exitY, { type: "direct" });
136
+ }
137
+ onComplete?.();
138
+ onExitComplete?.();
139
+ return;
140
+ }
141
+ const velocityScale = (velocity ?? 0) * 500;
142
+ const initialVelocityX = direction === "left" ? -velocityScale : direction === "right" ? velocityScale : 0;
143
+ const initialVelocityY = direction === "up" ? -velocityScale : direction === "down" ? velocityScale : 0;
144
+ const exitConfig = {
145
+ damping: 25,
146
+ stiffness: 350,
147
+ mass: .4,
148
+ initialVelocityX,
149
+ initialVelocityY,
150
+ fadeOut: true
151
+ };
152
+ if (useDirectDom && dragRef.current) {
153
+ const { x, y } = currentOffsetRef.current;
154
+ cancelAnimationRef.current = animateSpring(dragRef.current, x, y, exitX, exitY, exitConfig, () => {
155
+ onComplete?.();
156
+ onExitComplete?.();
157
+ });
158
+ } else {
159
+ const springConfig = {
160
+ type: "spring",
161
+ damping: 25,
162
+ stiffness: 350,
163
+ mass: .4
164
+ };
165
+ translateX.setValue(exitX, springConfig);
166
+ translateY.setValue(exitY, springConfig, () => {
167
+ onComplete?.();
168
+ onExitComplete?.();
169
+ });
170
+ }
171
+ });
172
+ const stop = useEvent(() => {
173
+ cancelAnimationRef.current?.();
174
+ translateX.stop();
175
+ translateY.stop();
176
+ });
177
+ React.useEffect(() => {
178
+ return () => {
179
+ cancelAnimationRef.current?.();
180
+ };
181
+ }, []);
182
+ return {
183
+ setDragOffset,
184
+ springBack,
185
+ animateOut,
186
+ stop,
187
+ animatedStyle,
188
+ AnimatedView,
189
+ dragRef
190
+ };
254
191
  }
192
+
255
193
  export { useToastAnimations };
256
194
  //# sourceMappingURL=useToastAnimations.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["isWeb","useConfiguration","useEvent","View","TamaguiView","React","SPRING_CONFIG","type","damping","stiffness","mass","EXIT_DISTANCE","animateSpring","element","fromX","fromY","toX","toY","config","onComplete","initialVelocityX","initialVelocityY","fadeOut","x","y","velocityX","velocityY","animationId","targetX","targetY","totalDistance","Math","sqrt","step","forceX","forceY","dampingForceX","dampingForceY","accelerationX","accelerationY","style","transform","distanceTraveled","progress","min","opacity","String","distanceX","abs","distanceY","speed","requestAnimationFrame","cancelAnimationFrame","useToastAnimations","options","onExitComplete","reducedMotion","swipeAxis","animationDriver","Error","useAnimatedNumber","useAnimatedNumberStyle","useAnimatedNumbersStyle","AnimatedView","dragRef","useRef","cancelAnimationRef","currentOffsetRef","useDirectDom","translateX","translateY","animatedStyle","primary","secondary","getValue","setDragOffset","current","setValue","springBack","animateOut","direction","velocity","curX","curY","exitX","exitY","velocityScale","exitConfig","springConfig","stop","useEffect"],"sources":["../../src/useToastAnimations.ts"],"sourcesContent":[null],"mappings":"AAgBA,SAASA,KAAA,QAAa;AACtB,SAASC,gBAAA,EAAkBC,QAAA,EAAUC,IAAA,IAAQC,WAAA,QAAmB;AAChE,YAAYC,KAAA,MAAW;AAyCvB,MAAMC,aAAA,GAAgB;EACpBC,IAAA,EAAM;EACNC,OAAA,EAAS;EACTC,SAAA,EAAW;EACXC,IAAA,EAAM;AACR;AAEA,MAAMC,aAAA,GAAgB;AAGtB,SAASC,cACPC,OAAA,EACAC,KAAA,EACAC,KAAA,EACAC,GAAA,EACAC,GAAA,EACAC,MAAA,EAQAC,UAAA,EACA;EACA,MAAM;IACJX,OAAA,GAAU;IACVC,SAAA,GAAY;IACZC,IAAA,GAAO;IACPU,gBAAA,GAAmB;IACnBC,gBAAA,GAAmB;IACnBC,OAAA,GAAU;EACZ,IAAIJ,MAAA;EAEJ,IAAIK,CAAA,GAAIT,KAAA;EACR,IAAIU,CAAA,GAAIT,KAAA;EAER,IAAIU,SAAA,GAAYL,gBAAA;EAChB,IAAIM,SAAA,GAAYL,gBAAA;EAChB,IAAIM,WAAA,GAA6B;EACjC,MAAMC,OAAA,GAAUZ,GAAA;EAChB,MAAMa,OAAA,GAAUZ,GAAA;EAGhB,MAAMa,aAAA,GAAgBC,IAAA,CAAKC,IAAA,EAAMhB,GAAA,GAAMF,KAAA,KAAU,KAAKG,GAAA,GAAMF,KAAA,KAAU,CAAC,KAAK;EAE5E,SAASkB,KAAA,EAAO;IAEd,MAAMC,MAAA,GAAS,CAACzB,SAAA,IAAac,CAAA,GAAIK,OAAA;IACjC,MAAMO,MAAA,GAAS,CAAC1B,SAAA,IAAae,CAAA,GAAIK,OAAA;IACjC,MAAMO,aAAA,GAAgB,CAAC5B,OAAA,GAAUiB,SAAA;IACjC,MAAMY,aAAA,GAAgB,CAAC7B,OAAA,GAAUkB,SAAA;IAEjC,MAAMY,aAAA,IAAiBJ,MAAA,GAASE,aAAA,IAAiB1B,IAAA;IACjD,MAAM6B,aAAA,IAAiBJ,MAAA,GAASE,aAAA,IAAiB3B,IAAA;IAEjDe,SAAA,IAAaa,aAAA,GAAgB;IAC7BZ,SAAA,IAAaa,aAAA,GAAgB;IAC7BhB,CAAA,IAAKE,SAAA,GAAY;IACjBD,CAAA,IAAKE,SAAA,GAAY;IAEjBb,OAAA,CAAQ2B,KAAA,CAAMC,SAAA,GAAY,eAAelB,CAAC,OAAOC,CAAC;IAGlD,IAAIF,OAAA,EAAS;MACX,MAAMoB,gBAAA,GAAmBX,IAAA,CAAKC,IAAA,EAAMT,CAAA,GAAIT,KAAA,KAAU,KAAKU,CAAA,GAAIT,KAAA,KAAU,CAAC;MACtE,MAAM4B,QAAA,GAAWZ,IAAA,CAAKa,GAAA,CAAIF,gBAAA,GAAmBZ,aAAA,EAAe,CAAC;MAC7DjB,OAAA,CAAQ2B,KAAA,CAAMK,OAAA,GAAUC,MAAA,CAAO,IAAIH,QAAQ;IAC7C;IAGA,MAAMI,SAAA,GAAYhB,IAAA,CAAKiB,GAAA,CAAIzB,CAAA,GAAIK,OAAO;IACtC,MAAMqB,SAAA,GAAYlB,IAAA,CAAKiB,GAAA,CAAIxB,CAAA,GAAIK,OAAO;IACtC,MAAMqB,KAAA,GAAQnB,IAAA,CAAKC,IAAA,CAAKP,SAAA,GAAYA,SAAA,GAAYC,SAAA,GAAYA,SAAS;IAErE,IAAIqB,SAAA,GAAY,OAAOE,SAAA,GAAY,OAAOC,KAAA,GAAQ,KAAK;MACrDrC,OAAA,CAAQ2B,KAAA,CAAMC,SAAA,GAAY,eAAeb,OAAO,OAAOC,OAAO;MAC9D,IAAIP,OAAA,EAAS;QACXT,OAAA,CAAQ2B,KAAA,CAAMK,OAAA,GAAU;MAC1B;MACA1B,UAAA,GAAa;MACb;IACF;IAEAQ,WAAA,GAAcwB,qBAAA,CAAsBlB,IAAI;EAC1C;EAEAN,WAAA,GAAcwB,qBAAA,CAAsBlB,IAAI;EAExC,OAAO,MAAM;IACX,IAAIN,WAAA,EAAa;MACfyB,oBAAA,CAAqBzB,WAAW;IAClC;EACF;AACF;AAEO,SAAS0B,mBACdC,OAAA,GAAqC,CAAC,GAChB;EACtB,MAAM;IAAEC,cAAA;IAAgBC,aAAA;IAAeC,SAAA,GAAY;EAAa,IAAIH,OAAA;EAEpE,MAAM;IAAEI;EAAgB,IAAIzD,gBAAA,CAAiB;EAE7C,IAAI,CAACyD,eAAA,EAAiB;IACpB,MAAM,IAAIC,KAAA,CAAM,iEAAiE;EACnF;EAEA,MAAM;IAAEC,iBAAA;IAAmBC,sBAAA;IAAwBC;EAAwB,IACzEJ,eAAA;EACF,MAAMK,YAAA,GAAgBL,eAAA,CAAgBvD,IAAA,IAAQC,WAAA;EAG9C,MAAM4D,OAAA,GAAU3D,KAAA,CAAM4D,MAAA,CAAuB,IAAI;EACjD,MAAMC,kBAAA,GAAqB7D,KAAA,CAAM4D,MAAA,CAA4B,IAAI;EACjE,MAAME,gBAAA,GAAmB9D,KAAA,CAAM4D,MAAA,CAAO;IAAE1C,CAAA,EAAG;IAAGC,CAAA,EAAG;EAAE,CAAC;EAIpD,MAAM4C,YAAA,GAAepE,KAAA;EAGrB,MAAMqE,UAAA,GAAaT,iBAAA,CAAkB,CAAC;EACtC,MAAMU,UAAA,GAAaV,iBAAA,CAAkB,CAAC;EAGtC,MAAMW,aAAA,GAAgBT,uBAAA,GAClBA,uBAAA,CAAwB,CAACO,UAAA,EAAYC,UAAU,GAAG,CAAC/C,CAAA,EAAWC,CAAA,KAAc;IAC1E;;IACA,OAAO;MAAEiB,SAAA,EAAW,CAAC;QAAE4B,UAAA,EAAY9C;MAAE,GAAG;QAAE+C,UAAA,EAAY9C;MAAE,CAAC;IAAE;EAC7D,CAAC,IACDqC,sBAAA,CACEJ,SAAA,KAAc,aAAaa,UAAA,GAAaD,UAAA,EACvCG,OAAA,IAAY;IACX;;IACA,MAAMC,SAAA,GACJhB,SAAA,KAAc,aAAaY,UAAA,CAAWK,QAAA,CAAS,IAAIJ,UAAA,CAAWI,QAAA,CAAS;IACzE,OAAOjB,SAAA,KAAc,aACjB;MAAEhB,SAAA,EAAW,CAAC;QAAE4B,UAAA,EAAYI;MAAU,GAAG;QAAEH,UAAA,EAAYE;MAAQ,CAAC;IAAE,IAClE;MAAE/B,SAAA,EAAW,CAAC;QAAE4B,UAAA,EAAYG;MAAQ,GAAG;QAAEF,UAAA,EAAYG;MAAU,CAAC;IAAE;EACxE,CACF;EAGJ,MAAME,aAAA,GAAgBzE,QAAA,CAAS,CAACqB,CAAA,EAAWC,CAAA,KAAc;IAEvD0C,kBAAA,CAAmBU,OAAA,GAAU;IAC7BV,kBAAA,CAAmBU,OAAA,GAAU;IAE7BT,gBAAA,CAAiBS,OAAA,GAAU;MAAErD,CAAA;MAAGC;IAAE;IAElC,IAAI4C,YAAA,IAAgBJ,OAAA,CAAQY,OAAA,EAAS;MAEnCZ,OAAA,CAAQY,OAAA,CAAQpC,KAAA,CAAMC,SAAA,GAAY,eAAelB,CAAC,OAAOC,CAAC;MAC1DwC,OAAA,CAAQY,OAAA,CAAQpC,KAAA,CAAMK,OAAA,GAAU;IAClC,OAAO;MAELwB,UAAA,CAAWQ,QAAA,CAAStD,CAAA,EAAG;QAAEhB,IAAA,EAAM;MAAS,CAAC;MACzC+D,UAAA,CAAWO,QAAA,CAASrD,CAAA,EAAG;QAAEjB,IAAA,EAAM;MAAS,CAAC;IAC3C;EACF,CAAC;EAGD,MAAMuE,UAAA,GAAa5E,QAAA,CAAUiB,UAAA,IAA4B;IAEvD+C,kBAAA,CAAmBU,OAAA,GAAU;IAE7B,IAAIpB,aAAA,EAAe;MAEjB,IAAIY,YAAA,IAAgBJ,OAAA,CAAQY,OAAA,EAAS;QACnCZ,OAAA,CAAQY,OAAA,CAAQpC,KAAA,CAAMC,SAAA,GAAY;MACpC,OAAO;QACL4B,UAAA,CAAWQ,QAAA,CAAS,GAAG;UAAEtE,IAAA,EAAM;QAAS,CAAC;QACzC+D,UAAA,CAAWO,QAAA,CAAS,GAAG;UAAEtE,IAAA,EAAM;QAAS,CAAC;MAC3C;MACA4D,gBAAA,CAAiBS,OAAA,GAAU;QAAErD,CAAA,EAAG;QAAGC,CAAA,EAAG;MAAE;MACxCL,UAAA,GAAa;MACb;IACF;IAEA,IAAIiD,YAAA,IAAgBJ,OAAA,CAAQY,OAAA,EAAS;MAEnC,MAAM;QAAErD,CAAA;QAAGC;MAAE,IAAI2C,gBAAA,CAAiBS,OAAA;MAClCV,kBAAA,CAAmBU,OAAA,GAAUhE,aAAA,CAC3BoD,OAAA,CAAQY,OAAA,EACRrD,CAAA,EACAC,CAAA,EACA,GACA,GACAlB,aAAA,EACA,MAAM;QACJ6D,gBAAA,CAAiBS,OAAA,GAAU;UAAErD,CAAA,EAAG;UAAGC,CAAA,EAAG;QAAE;QACxCL,UAAA,GAAa;MACf,CACF;IACF,OAAO;MAELkD,UAAA,CAAWQ,QAAA,CAAS,GAAGvE,aAAa;MACpCgE,UAAA,CAAWO,QAAA,CAAS,GAAGvE,aAAA,EAAea,UAAU;IAClD;EACF,CAAC;EAID,MAAM4D,UAAA,GAAa7E,QAAA,CACjB,CACE8E,SAAA,EACAC,QAAA,EACA9D,UAAA,KACG;IAEH+C,kBAAA,CAAmBU,OAAA,GAAU;IAE7B,MAAM;MAAErD,CAAA,EAAG2D,IAAA;MAAM1D,CAAA,EAAG2D;IAAK,IAAIhB,gBAAA,CAAiBS,OAAA;IAI9C,IAAIQ,KAAA,GACFJ,SAAA,KAAc,SAAS,CAACrE,aAAA,GAAgBqE,SAAA,KAAc,UAAUrE,aAAA,GAAgB;IAClF,IAAI0E,KAAA,GACFL,SAAA,KAAc,OAAO,CAACrE,aAAA,GAAgBqE,SAAA,KAAc,SAASrE,aAAA,GAAgB;IAE/E,IAAIqE,SAAA,KAAc,UAAUE,IAAA,GAAOE,KAAA,EAAOA,KAAA,GAAQF,IAAA,GAAO,YAChDF,SAAA,KAAc,WAAWE,IAAA,GAAOE,KAAA,EAAOA,KAAA,GAAQF,IAAA,GAAO;IAC/D,IAAIF,SAAA,KAAc,QAAQG,IAAA,GAAOE,KAAA,EAAOA,KAAA,GAAQF,IAAA,GAAO,YAC9CH,SAAA,KAAc,UAAUG,IAAA,GAAOE,KAAA,EAAOA,KAAA,GAAQF,IAAA,GAAO;IAE9D,IAAI3B,aAAA,EAAe;MAEjB,IAAIY,YAAA,IAAgBJ,OAAA,CAAQY,OAAA,EAAS;QACnCZ,OAAA,CAAQY,OAAA,CAAQpC,KAAA,CAAMC,SAAA,GAAY,eAAe2C,KAAK,OAAOC,KAAK;MACpE,OAAO;QACLhB,UAAA,CAAWQ,QAAA,CAASO,KAAA,EAAO;UAAE7E,IAAA,EAAM;QAAS,CAAC;QAC7C+D,UAAA,CAAWO,QAAA,CAASQ,KAAA,EAAO;UAAE9E,IAAA,EAAM;QAAS,CAAC;MAC/C;MACAY,UAAA,GAAa;MACboC,cAAA,GAAiB;MACjB;IACF;IAIA,MAAM+B,aAAA,IAAiBL,QAAA,IAAY,KAAK;IACxC,MAAM7D,gBAAA,GACJ4D,SAAA,KAAc,SAAS,CAACM,aAAA,GAAgBN,SAAA,KAAc,UAAUM,aAAA,GAAgB;IAClF,MAAMjE,gBAAA,GACJ2D,SAAA,KAAc,OAAO,CAACM,aAAA,GAAgBN,SAAA,KAAc,SAASM,aAAA,GAAgB;IAG/E,MAAMC,UAAA,GAAa;MACjB/E,OAAA,EAAS;MACTC,SAAA,EAAW;MACXC,IAAA,EAAM;MACNU,gBAAA;MACAC,gBAAA;MACAC,OAAA,EAAS;IACX;IAEA,IAAI8C,YAAA,IAAgBJ,OAAA,CAAQY,OAAA,EAAS;MAEnC,MAAM;QAAErD,CAAA;QAAGC;MAAE,IAAI2C,gBAAA,CAAiBS,OAAA;MAClCV,kBAAA,CAAmBU,OAAA,GAAUhE,aAAA,CAC3BoD,OAAA,CAAQY,OAAA,EACRrD,CAAA,EACAC,CAAA,EACA4D,KAAA,EACAC,KAAA,EACAE,UAAA,EACA,MAAM;QACJpE,UAAA,GAAa;QACboC,cAAA,GAAiB;MACnB,CACF;IACF,OAAO;MAEL,MAAMiC,YAAA,GAAe;QACnBjF,IAAA,EAAM;QACNC,OAAA,EAAS;QACTC,SAAA,EAAW;QACXC,IAAA,EAAM;MACR;MACA2D,UAAA,CAAWQ,QAAA,CAASO,KAAA,EAAOI,YAAY;MACvClB,UAAA,CAAWO,QAAA,CAASQ,KAAA,EAAOG,YAAA,EAAc,MAAM;QAC7CrE,UAAA,GAAa;QACboC,cAAA,GAAiB;MACnB,CAAC;IACH;EACF,CACF;EAEA,MAAMkC,IAAA,GAAOvF,QAAA,CAAS,MAAM;IAC1BgE,kBAAA,CAAmBU,OAAA,GAAU;IAC7BP,UAAA,CAAWoB,IAAA,CAAK;IAChBnB,UAAA,CAAWmB,IAAA,CAAK;EAClB,CAAC;EAGDpF,KAAA,CAAMqF,SAAA,CAAU,MAAM;IACpB,OAAO,MAAM;MACXxB,kBAAA,CAAmBU,OAAA,GAAU;IAC/B;EACF,GAAG,EAAE;EAEL,OAAO;IACLD,aAAA;IACAG,UAAA;IACAC,UAAA;IACAU,IAAA;IACAlB,aAAA;IACAR,YAAA;IACAC;EACF;AACF","ignoreList":[]}
1
+ {"version":3,"file":"useToastAnimations.js","names":["TamaguiView"],"sources":["esm/useToastAnimations.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport {\n useAnimatedNumber,\n useAnimatedNumbersStyle,\n useAnimationDriver,\n useEvent,\n View as TamaguiView\n} from \"@tamagui/core\";\nimport * as React from \"react\";\nconst SPRING_CONFIG = {\n type: \"spring\",\n damping: 30,\n stiffness: 400,\n mass: 0.5\n};\nconst EXIT_DISTANCE = 200;\nfunction animateSpring(element, fromX, fromY, toX, toY, config, onComplete) {\n const {\n damping = 30,\n stiffness = 400,\n mass = 0.5,\n initialVelocityX = 0,\n initialVelocityY = 0,\n fadeOut = false\n } = config;\n let x = fromX;\n let y = fromY;\n let velocityX = initialVelocityX;\n let velocityY = initialVelocityY;\n let animationId = null;\n const targetX = toX;\n const targetY = toY;\n const totalDistance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2) || 1;\n function step() {\n const forceX = -stiffness * (x - targetX);\n const forceY = -stiffness * (y - targetY);\n const dampingForceX = -damping * velocityX;\n const dampingForceY = -damping * velocityY;\n const accelerationX = (forceX + dampingForceX) / mass;\n const accelerationY = (forceY + dampingForceY) / mass;\n velocityX += accelerationX * 0.016;\n velocityY += accelerationY * 0.016;\n x += velocityX * 0.016;\n y += velocityY * 0.016;\n element.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n if (fadeOut) {\n const distanceTraveled = Math.sqrt((x - fromX) ** 2 + (y - fromY) ** 2);\n const progress = Math.min(distanceTraveled / totalDistance, 1);\n element.style.opacity = String(1 - progress);\n }\n const distanceX = Math.abs(x - targetX);\n const distanceY = Math.abs(y - targetY);\n const speed = Math.sqrt(velocityX * velocityX + velocityY * velocityY);\n if (distanceX < 0.5 && distanceY < 0.5 && speed < 0.5) {\n element.style.transform = `translate3d(${targetX}px, ${targetY}px, 0)`;\n if (fadeOut) {\n element.style.opacity = \"0\";\n }\n onComplete?.();\n return;\n }\n animationId = requestAnimationFrame(step);\n }\n animationId = requestAnimationFrame(step);\n return () => {\n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n };\n}\nfunction useToastAnimations(options = {}) {\n const { onExitComplete, reducedMotion } = options;\n const animationDriver = useAnimationDriver();\n const AnimatedView = animationDriver.View ?? TamaguiView;\n const dragRef = React.useRef(null);\n const cancelAnimationRef = React.useRef(null);\n const currentOffsetRef = React.useRef({ x: 0, y: 0 });\n const useDirectDom = isWeb;\n const translateX = useAnimatedNumber(0);\n const translateY = useAnimatedNumber(0);\n const animatedStyle = useAnimatedNumbersStyle(\n [translateX, translateY],\n (x, y) => {\n \"worklet\";\n return { transform: [{ translateX: x }, { translateY: y }] };\n }\n );\n const setDragOffset = useEvent((x, y) => {\n cancelAnimationRef.current?.();\n cancelAnimationRef.current = null;\n currentOffsetRef.current = { x, y };\n if (useDirectDom && dragRef.current) {\n dragRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n dragRef.current.style.opacity = \"1\";\n } else {\n translateX.setValue(x, { type: \"direct\" });\n translateY.setValue(y, { type: \"direct\" });\n }\n });\n const springBack = useEvent((onComplete) => {\n cancelAnimationRef.current?.();\n if (reducedMotion) {\n if (useDirectDom && dragRef.current) {\n dragRef.current.style.transform = \"translate3d(0px, 0px, 0)\";\n } else {\n translateX.setValue(0, { type: \"direct\" });\n translateY.setValue(0, { type: \"direct\" });\n }\n currentOffsetRef.current = { x: 0, y: 0 };\n onComplete?.();\n return;\n }\n if (useDirectDom && dragRef.current) {\n const { x, y } = currentOffsetRef.current;\n cancelAnimationRef.current = animateSpring(\n dragRef.current,\n x,\n y,\n 0,\n 0,\n SPRING_CONFIG,\n () => {\n currentOffsetRef.current = { x: 0, y: 0 };\n onComplete?.();\n }\n );\n } else {\n translateX.setValue(0, SPRING_CONFIG);\n translateY.setValue(0, SPRING_CONFIG, onComplete);\n }\n });\n const animateOut = useEvent(\n (direction, velocity, onComplete) => {\n cancelAnimationRef.current?.();\n const { x: curX, y: curY } = currentOffsetRef.current;\n let exitX = direction === \"left\" ? -EXIT_DISTANCE : direction === \"right\" ? EXIT_DISTANCE : 0;\n let exitY = direction === \"up\" ? -EXIT_DISTANCE : direction === \"down\" ? EXIT_DISTANCE : 0;\n if (direction === \"left\" && curX < exitX) exitX = curX - 50;\n else if (direction === \"right\" && curX > exitX) exitX = curX + 50;\n if (direction === \"up\" && curY < exitY) exitY = curY - 50;\n else if (direction === \"down\" && curY > exitY) exitY = curY + 50;\n if (reducedMotion) {\n if (useDirectDom && dragRef.current) {\n dragRef.current.style.transform = `translate3d(${exitX}px, ${exitY}px, 0)`;\n } else {\n translateX.setValue(exitX, { type: \"direct\" });\n translateY.setValue(exitY, { type: \"direct\" });\n }\n onComplete?.();\n onExitComplete?.();\n return;\n }\n const velocityScale = (velocity ?? 0) * 500;\n const initialVelocityX = direction === \"left\" ? -velocityScale : direction === \"right\" ? velocityScale : 0;\n const initialVelocityY = direction === \"up\" ? -velocityScale : direction === \"down\" ? velocityScale : 0;\n const exitConfig = {\n damping: 25,\n stiffness: 350,\n mass: 0.4,\n initialVelocityX,\n initialVelocityY,\n fadeOut: true\n };\n if (useDirectDom && dragRef.current) {\n const { x, y } = currentOffsetRef.current;\n cancelAnimationRef.current = animateSpring(\n dragRef.current,\n x,\n y,\n exitX,\n exitY,\n exitConfig,\n () => {\n onComplete?.();\n onExitComplete?.();\n }\n );\n } else {\n const springConfig = {\n type: \"spring\",\n damping: 25,\n stiffness: 350,\n mass: 0.4\n };\n translateX.setValue(exitX, springConfig);\n translateY.setValue(exitY, springConfig, () => {\n onComplete?.();\n onExitComplete?.();\n });\n }\n }\n );\n const stop = useEvent(() => {\n cancelAnimationRef.current?.();\n translateX.stop();\n translateY.stop();\n });\n React.useEffect(() => {\n return () => {\n cancelAnimationRef.current?.();\n };\n }, []);\n return {\n setDragOffset,\n springBack,\n animateOut,\n stop,\n animatedStyle,\n AnimatedView,\n dragRef\n };\n}\nexport {\n useToastAnimations\n};\n//# sourceMappingURL=useToastAnimations.js.map\n"],"mappings":"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"}