framer-motion 11.3.0-alpha.0 → 11.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/cjs/dom-entry.js +41 -40
  2. package/dist/cjs/{dom-entry-D8KKo_ZB.js → index-legacy-Br8U4_w4.js} +220 -105
  3. package/dist/cjs/index.js +374 -407
  4. package/dist/dom.js +1 -1
  5. package/dist/es/animation/animators/AcceleratedAnimation.mjs +3 -12
  6. package/dist/es/animation/animators/utils/accelerated-values.mjs +14 -0
  7. package/dist/es/animation/interfaces/motion-value.mjs +10 -1
  8. package/dist/es/animation/interfaces/visual-element-target.mjs +2 -8
  9. package/dist/es/animation/optimized-appear/handoff.mjs +0 -2
  10. package/dist/es/animation/optimized-appear/start.mjs +0 -1
  11. package/dist/es/animation/utils/create-visual-element.mjs +2 -6
  12. package/dist/es/frameloop/batcher.mjs +15 -6
  13. package/dist/es/gestures/drag/VisualElementDragControls.mjs +7 -3
  14. package/dist/es/gestures/drag/index.mjs +0 -2
  15. package/dist/es/motion/features/layout/MeasureLayout.mjs +0 -1
  16. package/dist/es/motion/utils/use-visual-element.mjs +1 -1
  17. package/dist/es/motion/utils/use-visual-state.mjs +45 -11
  18. package/dist/es/projection/node/create-projection-node.mjs +6 -10
  19. package/dist/es/projection/shared/stack.mjs +0 -1
  20. package/dist/es/render/VisualElement.mjs +27 -26
  21. package/dist/es/render/dom/create-visual-element.mjs +1 -2
  22. package/dist/es/render/html/HTMLVisualElement.mjs +3 -2
  23. package/dist/es/render/html/config-motion.mjs +1 -0
  24. package/dist/es/render/html/use-props.mjs +6 -6
  25. package/dist/es/render/html/utils/build-styles.mjs +2 -2
  26. package/dist/es/render/html/utils/build-transform.mjs +2 -5
  27. package/dist/es/render/html/utils/scrape-motion-values.mjs +7 -0
  28. package/dist/es/render/svg/SVGVisualElement.mjs +2 -2
  29. package/dist/es/render/svg/config-motion.mjs +1 -1
  30. package/dist/es/render/svg/use-props.mjs +1 -1
  31. package/dist/es/render/svg/utils/build-attrs.mjs +2 -2
  32. package/dist/es/render/utils/motion-values.mjs +1 -9
  33. package/dist/es/utils/use-instant-transition.mjs +1 -1
  34. package/dist/es/value/index.mjs +1 -1
  35. package/dist/es/value/types/color/utils.mjs +4 -2
  36. package/dist/es/value/types/utils.mjs +4 -1
  37. package/dist/es/value/use-will-change/add-will-change.mjs +26 -0
  38. package/dist/es/value/use-will-change/get-will-change-name.mjs +18 -0
  39. package/dist/es/value/use-will-change/index.mjs +31 -30
  40. package/dist/framer-motion.dev.js +266 -188
  41. package/dist/framer-motion.js +1 -1
  42. package/dist/index.d.ts +317 -201
  43. package/dist/three-entry.d.ts +10 -4
  44. package/package.json +7 -7
package/dist/cjs/dom-entry.js CHANGED
@@ -2,52 +2,53 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var domEntry = require('./dom-entry-D8KKo_ZB.js');
5
+ var indexLegacy = require('./index-legacy-Br8U4_w4.js');
6
+ require('react');
6
7
 
7
8
 
8
9
 
9
- exports.MotionValue = domEntry.MotionValue;
10
- exports.animate = domEntry.animate;
11
- exports.anticipate = domEntry.anticipate;
12
- exports.backIn = domEntry.backIn;
13
- exports.backInOut = domEntry.backInOut;
14
- exports.backOut = domEntry.backOut;
15
- exports.cancelFrame = domEntry.cancelFrame;
16
- exports.cancelSync = domEntry.cancelSync;
17
- exports.circIn = domEntry.circIn;
18
- exports.circInOut = domEntry.circInOut;
19
- exports.circOut = domEntry.circOut;
20
- exports.clamp = domEntry.clamp;
21
- exports.createScopedAnimate = domEntry.createScopedAnimate;
22
- exports.cubicBezier = domEntry.cubicBezier;
23
- exports.delay = domEntry.delay;
24
- exports.distance = domEntry.distance;
25
- exports.distance2D = domEntry.distance2D;
26
- exports.easeIn = domEntry.easeIn;
27
- exports.easeInOut = domEntry.easeInOut;
28
- exports.easeOut = domEntry.easeOut;
29
- exports.frame = domEntry.frame;
30
- exports.frameData = domEntry.frameData;
31
- exports.inView = domEntry.inView;
32
- exports.interpolate = domEntry.interpolate;
10
+ exports.MotionValue = indexLegacy.MotionValue;
11
+ exports.animate = indexLegacy.animate;
12
+ exports.anticipate = indexLegacy.anticipate;
13
+ exports.backIn = indexLegacy.backIn;
14
+ exports.backInOut = indexLegacy.backInOut;
15
+ exports.backOut = indexLegacy.backOut;
16
+ exports.cancelFrame = indexLegacy.cancelFrame;
17
+ exports.cancelSync = indexLegacy.cancelSync;
18
+ exports.circIn = indexLegacy.circIn;
19
+ exports.circInOut = indexLegacy.circInOut;
20
+ exports.circOut = indexLegacy.circOut;
21
+ exports.clamp = indexLegacy.clamp;
22
+ exports.createScopedAnimate = indexLegacy.createScopedAnimate;
23
+ exports.cubicBezier = indexLegacy.cubicBezier;
24
+ exports.delay = indexLegacy.delay;
25
+ exports.distance = indexLegacy.distance;
26
+ exports.distance2D = indexLegacy.distance2D;
27
+ exports.easeIn = indexLegacy.easeIn;
28
+ exports.easeInOut = indexLegacy.easeInOut;
29
+ exports.easeOut = indexLegacy.easeOut;
30
+ exports.frame = indexLegacy.frame;
31
+ exports.frameData = indexLegacy.frameData;
32
+ exports.inView = indexLegacy.inView;
33
+ exports.interpolate = indexLegacy.interpolate;
33
34
  Object.defineProperty(exports, "invariant", {
34
35
  enumerable: true,
35
- get: function () { return domEntry.invariant; }
36
+ get: function () { return indexLegacy.invariant; }
36
37
  });
37
- exports.mirrorEasing = domEntry.mirrorEasing;
38
- exports.mix = domEntry.mix;
39
- exports.motionValue = domEntry.motionValue;
40
- exports.pipe = domEntry.pipe;
41
- exports.progress = domEntry.progress;
42
- exports.reverseEasing = domEntry.reverseEasing;
43
- exports.scroll = domEntry.scroll;
44
- exports.scrollInfo = domEntry.scrollInfo;
45
- exports.stagger = domEntry.stagger;
46
- exports.steps = domEntry.steps;
47
- exports.sync = domEntry.sync;
48
- exports.transform = domEntry.transform;
38
+ exports.mirrorEasing = indexLegacy.mirrorEasing;
39
+ exports.mix = indexLegacy.mix;
40
+ exports.motionValue = indexLegacy.motionValue;
41
+ exports.pipe = indexLegacy.pipe;
42
+ exports.progress = indexLegacy.progress;
43
+ exports.reverseEasing = indexLegacy.reverseEasing;
44
+ exports.scroll = indexLegacy.scroll;
45
+ exports.scrollInfo = indexLegacy.scrollInfo;
46
+ exports.stagger = indexLegacy.stagger;
47
+ exports.steps = indexLegacy.steps;
48
+ exports.sync = indexLegacy.sync;
49
+ exports.transform = indexLegacy.transform;
49
50
  Object.defineProperty(exports, "warning", {
50
51
  enumerable: true,
51
- get: function () { return domEntry.warning; }
52
+ get: function () { return indexLegacy.warning; }
52
53
  });
53
- exports.wrap = domEntry.wrap;
54
+ exports.wrap = indexLegacy.wrap;