framer-motion 12.0.0-alpha.2 → 12.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/README.md +7 -24
  2. package/dist/cjs/client.js +5020 -5337
  3. package/dist/cjs/dom-mini.js +410 -330
  4. package/dist/cjs/dom.js +2237 -2447
  5. package/dist/cjs/index.js +5892 -6242
  6. package/dist/cjs/m.js +384 -355
  7. package/dist/cjs/mini.js +40 -363
  8. package/dist/client.d.ts +443 -583
  9. package/dist/dom-mini.d.ts +215 -415
  10. package/dist/dom-mini.js +1 -1
  11. package/dist/dom.d.ts +164 -595
  12. package/dist/dom.js +1 -1
  13. package/dist/es/animation/animate/index.mjs +2 -2
  14. package/dist/es/animation/animate/resolve-subjects.mjs +1 -1
  15. package/dist/es/animation/animate/single-value.mjs +1 -1
  16. package/dist/es/animation/animate/subject.mjs +1 -1
  17. package/dist/es/animation/animators/AcceleratedAnimation.mjs +11 -12
  18. package/dist/es/animation/animators/BaseAnimation.mjs +3 -2
  19. package/dist/es/animation/animators/MainThreadAnimation.mjs +8 -10
  20. package/dist/es/animation/animators/utils/can-animate.mjs +2 -2
  21. package/dist/es/animation/animators/waapi/NativeAnimation.mjs +26 -89
  22. package/dist/es/animation/animators/waapi/animate-elements.mjs +2 -4
  23. package/dist/es/animation/animators/waapi/animate-sequence.mjs +13 -0
  24. package/dist/es/animation/animators/waapi/animate-style.mjs +1 -1
  25. package/dist/es/animation/animators/waapi/index.mjs +1 -1
  26. package/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs +1 -1
  27. package/dist/es/animation/animators/waapi/utils/supports-waapi.mjs +1 -1
  28. package/dist/es/animation/generators/spring/defaults.mjs +27 -0
  29. package/dist/es/animation/generators/spring/find.mjs +9 -13
  30. package/dist/es/animation/generators/spring/index.mjs +55 -18
  31. package/dist/es/animation/hooks/animation-controls.mjs +1 -1
  32. package/dist/es/animation/interfaces/motion-value.mjs +5 -6
  33. package/dist/es/animation/interfaces/visual-element-target.mjs +5 -5
  34. package/dist/es/animation/optimized-appear/start.mjs +1 -1
  35. package/dist/es/animation/optimized-appear/store-id.mjs +1 -1
  36. package/dist/es/animation/sequence/create.mjs +29 -6
  37. package/dist/es/animation/sequence/utils/calc-repeat-duration.mjs +5 -0
  38. package/dist/es/animation/sequence/utils/normalize-times.mjs +13 -0
  39. package/dist/es/animation/utils/default-transitions.mjs +1 -1
  40. package/dist/es/components/AnimatePresence/index.mjs +10 -7
  41. package/dist/es/components/AnimatePresence/use-presence.mjs +6 -3
  42. package/dist/es/components/AnimateSharedLayout.mjs +1 -1
  43. package/dist/es/components/Reorder/Group.mjs +1 -1
  44. package/dist/es/components/Reorder/Item.mjs +1 -1
  45. package/dist/es/dom-mini.mjs +1 -0
  46. package/dist/es/dom.mjs +8 -7
  47. package/dist/es/easing/cubic-bezier.mjs +1 -1
  48. package/dist/es/easing/utils/map.mjs +5 -6
  49. package/dist/es/events/event-info.mjs +4 -4
  50. package/dist/es/frameloop/frame.mjs +1 -1
  51. package/dist/es/frameloop/render-step.mjs +3 -2
  52. package/dist/es/gestures/drag/VisualElementDragControls.mjs +12 -15
  53. package/dist/es/gestures/drag/index.mjs +1 -1
  54. package/dist/es/gestures/drag/utils/constraints.mjs +1 -1
  55. package/dist/es/gestures/hover.mjs +19 -22
  56. package/dist/es/gestures/pan/PanSession.mjs +5 -5
  57. package/dist/es/gestures/pan/index.mjs +1 -1
  58. package/dist/es/gestures/press.mjs +19 -119
  59. package/dist/es/index.mjs +37 -37
  60. package/dist/es/motion/index.mjs +11 -7
  61. package/dist/es/motion/utils/is-forced-motion-value.mjs +1 -1
  62. package/dist/es/motion/utils/use-motion-ref.mjs +3 -1
  63. package/dist/es/motion/utils/use-visual-element.mjs +1 -1
  64. package/dist/es/motion/utils/use-visual-state.mjs +11 -5
  65. package/dist/es/projection/animation/mix-values.mjs +1 -2
  66. package/dist/es/projection/node/create-projection-node.mjs +14 -14
  67. package/dist/es/render/VisualElement.mjs +15 -13
  68. package/dist/es/render/dom/DOMKeyframesResolver.mjs +4 -3
  69. package/dist/es/render/dom/DOMVisualElement.mjs +15 -0
  70. package/dist/es/render/dom/resize/handle-element.mjs +1 -1
  71. package/dist/es/render/dom/scroll/index.mjs +3 -4
  72. package/dist/es/render/dom/scroll/info.mjs +1 -1
  73. package/dist/es/render/dom/scroll/offsets/index.mjs +6 -5
  74. package/dist/es/render/dom/utils/css-variables-conversion.mjs +1 -1
  75. package/dist/es/render/dom/utils/unit-conversion.mjs +2 -14
  76. package/dist/es/render/dom/viewport/index.mjs +3 -3
  77. package/dist/es/render/html/HTMLVisualElement.mjs +6 -20
  78. package/dist/es/render/html/utils/build-styles.mjs +2 -2
  79. package/dist/es/render/html/utils/build-transform.mjs +1 -1
  80. package/dist/es/render/html/utils/keys-position.mjs +13 -0
  81. package/dist/es/render/svg/SVGVisualElement.mjs +6 -6
  82. package/dist/es/render/svg/config-motion.mjs +57 -24
  83. package/dist/es/render/svg/utils/build-attrs.mjs +1 -1
  84. package/dist/es/render/svg/utils/scrape-motion-values.mjs +1 -1
  85. package/dist/es/render/utils/motion-values.mjs +1 -1
  86. package/dist/es/utils/delay.mjs +1 -1
  87. package/dist/es/utils/get-context-window.mjs +1 -1
  88. package/dist/es/utils/interpolate.mjs +6 -5
  89. package/dist/es/utils/mix/color.mjs +1 -1
  90. package/dist/es/utils/mix/complex.mjs +1 -1
  91. package/dist/es/utils/offsets/fill.mjs +1 -1
  92. package/dist/es/utils/use-instant-transition.mjs +1 -1
  93. package/dist/es/value/index.mjs +2 -2
  94. package/dist/es/value/use-inverted-scale.mjs +1 -1
  95. package/dist/es/value/use-scroll.mjs +1 -1
  96. package/dist/es/value/use-spring.mjs +3 -3
  97. package/dist/es/value/use-will-change/get-will-change-name.mjs +1 -1
  98. package/dist/framer-motion.dev.js +7978 -7746
  99. package/dist/framer-motion.js +1 -1
  100. package/dist/index.d.ts +1762 -2178
  101. package/dist/m.d.ts +443 -583
  102. package/dist/mini.d.ts +3 -431
  103. package/dist/mini.js +1 -1
  104. package/dist/three.d.ts +388 -522
  105. package/package.json +16 -14
  106. package/dist/es/animation/GroupPlaybackControls.mjs +0 -81
  107. package/dist/es/animation/animators/waapi/easing.mjs +0 -44
  108. package/dist/es/animation/animators/waapi/utils/attach-timeline.mjs +0 -6
  109. package/dist/es/animation/animators/waapi/utils/linear.mjs +0 -15
  110. package/dist/es/animation/animators/waapi/utils/memo-supports.mjs +0 -9
  111. package/dist/es/animation/animators/waapi/utils/supports-flags.mjs +0 -9
  112. package/dist/es/animation/animators/waapi/utils/supports-linear-easing.mjs +0 -15
  113. package/dist/es/animation/generators/utils/calc-duration.mjs +0 -17
  114. package/dist/es/animation/generators/utils/is-generator.mjs +0 -5
  115. package/dist/es/animation/utils/get-value-transition.mjs +0 -9
  116. package/dist/es/easing/utils/create-generator-easing.mjs +0 -17
  117. package/dist/es/easing/utils/is-bezier-definition.mjs +0 -3
  118. package/dist/es/events/utils/is-primary-pointer.mjs +0 -18
  119. package/dist/es/gestures/drag/utils/lock.mjs +0 -53
  120. package/dist/es/gestures/utils/is-node-or-child.mjs +0 -20
  121. package/dist/es/render/dom/scroll/supports.mjs +0 -5
  122. package/dist/es/render/dom/utils/resolve-element.mjs +0 -28
  123. package/dist/es/utils/errors.mjs +0 -18
  124. package/dist/es/utils/memo.mjs +0 -10
  125. package/dist/es/utils/noop.mjs +0 -3
  126. package/dist/es/utils/progress.mjs +0 -18
  127. package/dist/es/utils/time-conversion.mjs +0 -10
  128. /package/dist/es/render/html/utils/{transform.mjs → keys-transform.mjs} +0 -0
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  <p align="center">
2
- <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" alt="Motion Icon" />
2
+ <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" />
3
3
  </p>
4
4
  <h1 align="center">Motion for React</h1>
5
5
 
@@ -15,9 +15,6 @@
15
15
  <a href="https://twitter.com/motiondotdev" target="_blank">
16
16
  <img src="https://img.shields.io/twitter/follow/framer.svg?style=social&label=Follow" />
17
17
  </a>
18
- <a href="https://discord.gg/DfkSpYe" target="_blank">
19
- <img src="https://img.shields.io/discord/308323056592486420.svg?logo=discord&logoColor=white" alt="Chat on Discord">
20
- </a>
21
18
  </p>
22
19
 
23
20
  <br>
@@ -26,7 +23,7 @@
26
23
 
27
24
  Motion for React is an open source, production-ready library that’s designed for all creative developers.
28
25
 
29
- It's the only animation library with a hybrid engine, combining the power of JavaScript animations combined with the performance of native browser APIs.
26
+ It's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.
30
27
 
31
28
  It looks like this:
32
29
 
@@ -55,7 +52,7 @@ It does all this:
55
52
 
56
53
  ### 🐇 Quick start
57
54
 
58
- Install `motion` with via your package manager:
55
+ Install `motion` via your package manager:
59
56
 
60
57
  ```
61
58
  npm install motion
@@ -73,7 +70,7 @@ export function Component({ isVisible }) {
73
70
 
74
71
  ### 💎 Contribute
75
72
 
76
- - Want to contribute to Motion? Our [contributing guide](https://github.com/framer/motion/blob/master/CONTRIBUTING.md) has you covered.
73
+ - Want to contribute to Motion? Our [contributing guide](https://github.com/motiondivision/motion/blob/master/CONTRIBUTING.md) has you covered.
77
74
 
78
75
  ### 👩🏻‍⚖️ License
79
76
 
@@ -95,29 +92,15 @@ Motion powers Framer animations, the web builder for creative pros. Design and s
95
92
 
96
93
  ### Platinum
97
94
 
98
- <a href="https://tailwindcss.com"><img alt="Tailwind" src="https://github.com/user-attachments/assets/c0496f09-b8ee-4bc4-85ab-83a071bbbdec" width="300px" height="200px"></a>
99
-
100
- <a href="https://emilkowal.ski"><img alt="Emil Kowalski" src="https://github.com/user-attachments/assets/29f56b1a-37fb-4695-a6a6-151f6c24864f" width="300px" height="200px"></a>
101
-
102
- <a href="https://linear.app"><img alt="Linear" src="https://github.com/user-attachments/assets/a93710bb-d8ed-40e3-b0fb-1c5b3e2b16bb" width="300px" height="200px"></a>
95
+ <a href="https://syntax.fm"><img alt="Syntax.fm" src="https://github.com/user-attachments/assets/ab852bfe-b36c-490b-b98d-4061158c4863" width="300px" height="200px"></a> <a href="https://tailwindcss.com"><img alt="Tailwind" src="https://github.com/user-attachments/assets/c0496f09-b8ee-4bc4-85ab-83a071bbbdec" width="300px" height="200px"></a> <a href="https://emilkowal.ski"><img alt="Emil Kowalski" src="https://github.com/user-attachments/assets/29f56b1a-37fb-4695-a6a6-151f6c24864f" width="300px" height="200px"></a> <a href="https://linear.app"><img alt="Linear" src="https://github.com/user-attachments/assets/a93710bb-d8ed-40e3-b0fb-1c5b3e2b16bb" width="300px" height="200px"></a>
103
96
 
104
97
  ### Gold
105
98
 
106
- <a href="https://liveblocks.io"><img alt="Liveblocks" src="https://github.com/user-attachments/assets/31436a47-951e-4eab-9a68-bdd54ccf9444" width="225px" height="150px"></a>
99
+ <a href="https://vercel.com"><img alt="Vercel" src="https://github.com/user-attachments/assets/23cb1e37-fa67-49ad-8f77-7f4b8eaba325" width="225px" height="150px"></a> <a href="https://liveblocks.io"><img alt="Liveblocks" src="https://github.com/user-attachments/assets/31436a47-951e-4eab-9a68-bdd54ccf9444" width="225px" height="150px"></a> <a href="https://lu.ma"><img alt="Luma" src="https://github.com/user-attachments/assets/4fae0c9d-de0f-4042-9cd6-e07885d028a9" width="225px" height="150px"></a>
107
100
 
108
101
  ### Silver
109
102
 
110
- <a href="https://www.frontend.fyi/?utm_source=motion"><img alt="Frontend.fyi" src="https://github.com/user-attachments/assets/07d23aa5-69db-44a0-849d-90177e6fc817" width="150px" height="100px"></a>
111
-
112
- <a href="https://www.frontend.fyi/?utm_source=motion"><img alt="Statamic" src="https://github.com/user-attachments/assets/5d28f090-bdd9-4b31-b134-fb2b94ca636f" width="150px" height="100px"></a>
113
-
114
- <a href="https://firecrawl.dev"><img alt="Firecrawl" src="https://github.com/user-attachments/assets/cba90e54-1329-4353-8fba-85beef4d2ee9" width="150px" height="100px"></a>
115
-
116
- <a href="https://puzzmo.com"><img alt="Puzzmo" src="https://github.com/user-attachments/assets/aa2d5586-e5e2-43b9-8446-db456e4b0758" width="150px" height="100px"></a>
117
-
118
- <a href="https://buildui.com"><img alt="Build UI" src="https://github.com/user-attachments/assets/024bfcd5-50e8-4b3d-a115-d5c6d6030d1c" width="150px" height="100px"></a>
119
-
120
- <a href="https://hover.dev"><img alt="Hover" src="https://github.com/user-attachments/assets/4715b555-d2ac-4cb7-9f35-d36d708827b3" width="150px" height="100px"></a>
103
+ <a href="https://www.frontend.fyi/?utm_source=motion"><img alt="Frontend.fyi" src="https://github.com/user-attachments/assets/07d23aa5-69db-44a0-849d-90177e6fc817" width="150px" height="100px"></a> <a href="https://statamic.com"><img alt="Statamic" src="https://github.com/user-attachments/assets/5d28f090-bdd9-4b31-b134-fb2b94ca636f" width="150px" height="100px"></a> <a href="https://firecrawl.dev"><img alt="Firecrawl" src="https://github.com/user-attachments/assets/cba90e54-1329-4353-8fba-85beef4d2ee9" width="150px" height="100px"></a> <a href="https://puzzmo.com"><img alt="Puzzmo" src="https://github.com/user-attachments/assets/aa2d5586-e5e2-43b9-8446-db456e4b0758" width="150px" height="100px"></a> <a href="https://buildui.com"><img alt="Build UI" src="https://github.com/user-attachments/assets/024bfcd5-50e8-4b3d-a115-d5c6d6030d1c" width="150px" height="100px"></a> <a href="https://hover.dev"><img alt="Hover" src="https://github.com/user-attachments/assets/4715b555-d2ac-4cb7-9f35-d36d708827b3" width="150px" height="100px"></a>
121
104
 
122
105
  ### Personal
123
106