motion 12.7.0 → 12.7.2

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 (98) hide show
  1. package/dist/cjs/debug.js +0 -2
  2. package/dist/cjs/index.js +4 -7
  3. package/dist/cjs/mini.js +1 -181
  4. package/dist/cjs/react-client.js +4 -14
  5. package/dist/cjs/react-m.js +1 -11
  6. package/dist/cjs/react-mini.js +1 -181
  7. package/dist/es/framer-motion/dist/es/animation/animate/index.mjs +1 -3
  8. package/dist/es/framer-motion/dist/es/animation/animate/resolve-subjects.mjs +1 -3
  9. package/dist/es/framer-motion/dist/es/animation/animate/single-value.mjs +1 -3
  10. package/dist/es/framer-motion/dist/es/animation/animate/subject.mjs +1 -1
  11. package/dist/es/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs +7 -9
  12. package/dist/es/framer-motion/dist/es/animation/animators/BaseAnimation.mjs +1 -3
  13. package/dist/es/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs +5 -6
  14. package/dist/es/framer-motion/dist/es/animation/animators/drivers/driver-frameloop.mjs +0 -2
  15. package/dist/es/framer-motion/dist/es/animation/animators/utils/can-animate.mjs +1 -2
  16. package/dist/es/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs +3 -4
  17. package/dist/es/framer-motion/dist/es/animation/animators/waapi/animate-sequence.mjs +1 -3
  18. package/dist/es/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs +1 -3
  19. package/dist/es/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs +0 -1
  20. package/dist/es/framer-motion/dist/es/animation/generators/spring/find.mjs +2 -2
  21. package/dist/es/framer-motion/dist/es/animation/generators/spring/index.mjs +5 -7
  22. package/dist/es/framer-motion/dist/es/animation/generators/utils/velocity.mjs +0 -1
  23. package/dist/es/framer-motion/dist/es/animation/hooks/animation-controls.mjs +1 -1
  24. package/dist/es/framer-motion/dist/es/animation/interfaces/motion-value.mjs +5 -7
  25. package/dist/es/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs +2 -4
  26. package/dist/es/framer-motion/dist/es/animation/optimized-appear/start.mjs +2 -4
  27. package/dist/es/framer-motion/dist/es/animation/sequence/create.mjs +5 -6
  28. package/dist/es/framer-motion/dist/es/animation/sequence/utils/edit.mjs +1 -2
  29. package/dist/es/framer-motion/dist/es/components/AnimateSharedLayout.mjs +1 -1
  30. package/dist/es/framer-motion/dist/es/components/Reorder/Group.mjs +1 -1
  31. package/dist/es/framer-motion/dist/es/components/Reorder/Item.mjs +1 -1
  32. package/dist/es/framer-motion/dist/es/components/Reorder/utils/check-reorder.mjs +1 -2
  33. package/dist/es/framer-motion/dist/es/easing/cubic-bezier.mjs +0 -1
  34. package/dist/es/framer-motion/dist/es/easing/utils/map.mjs +3 -4
  35. package/dist/es/framer-motion/dist/es/events/event-info.mjs +0 -2
  36. package/dist/es/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs +3 -4
  37. package/dist/es/framer-motion/dist/es/gestures/drag/index.mjs +1 -2
  38. package/dist/es/framer-motion/dist/es/gestures/drag/utils/constraints.mjs +1 -2
  39. package/dist/es/framer-motion/dist/es/gestures/hover.mjs +2 -4
  40. package/dist/es/framer-motion/dist/es/gestures/pan/PanSession.mjs +3 -5
  41. package/dist/es/framer-motion/dist/es/gestures/pan/index.mjs +2 -4
  42. package/dist/es/framer-motion/dist/es/gestures/press.mjs +2 -4
  43. package/dist/es/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs +2 -4
  44. package/dist/es/framer-motion/dist/es/motion/index.mjs +1 -1
  45. package/dist/es/framer-motion/dist/es/motion/utils/use-visual-element.mjs +1 -3
  46. package/dist/es/framer-motion/dist/es/projection/animation/mix-values.mjs +2 -3
  47. package/dist/es/framer-motion/dist/es/projection/node/create-projection-node.mjs +8 -10
  48. package/dist/es/framer-motion/dist/es/projection/shared/stack.mjs +0 -1
  49. package/dist/es/framer-motion/dist/es/render/VisualElement.mjs +5 -7
  50. package/dist/es/framer-motion/dist/es/render/components/create-proxy.mjs +0 -1
  51. package/dist/es/framer-motion/dist/es/render/dom/resize/handle-element.mjs +0 -2
  52. package/dist/es/framer-motion/dist/es/render/dom/scroll/index.mjs +2 -4
  53. package/dist/es/framer-motion/dist/es/render/dom/scroll/info.mjs +0 -1
  54. package/dist/es/framer-motion/dist/es/render/dom/scroll/observe.mjs +0 -2
  55. package/dist/es/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs +1 -2
  56. package/dist/es/framer-motion/dist/es/render/dom/scroll/track.mjs +1 -3
  57. package/dist/es/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs +1 -1
  58. package/dist/es/framer-motion/dist/es/render/dom/viewport/index.mjs +0 -2
  59. package/dist/es/framer-motion/dist/es/render/svg/SVGVisualElement.mjs +1 -3
  60. package/dist/es/framer-motion/dist/es/render/svg/config-motion.mjs +1 -3
  61. package/dist/es/framer-motion/dist/es/render/utils/KeyframesResolver.mjs +1 -3
  62. package/dist/es/framer-motion/dist/es/render/utils/flat-tree.mjs +1 -2
  63. package/dist/es/framer-motion/dist/es/render/utils/motion-values.mjs +2 -4
  64. package/dist/es/framer-motion/dist/es/render/utils/setters.mjs +1 -3
  65. package/dist/es/framer-motion/dist/es/utils/delay.mjs +2 -4
  66. package/dist/es/framer-motion/dist/es/utils/interpolate.mjs +3 -3
  67. package/dist/es/framer-motion/dist/es/utils/mix/color.mjs +1 -1
  68. package/dist/es/framer-motion/dist/es/utils/mix/complex.mjs +1 -1
  69. package/dist/es/framer-motion/dist/es/utils/offsets/fill.mjs +1 -2
  70. package/dist/es/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs +1 -2
  71. package/dist/es/framer-motion/dist/es/utils/use-animation-frame.mjs +1 -3
  72. package/dist/es/framer-motion/dist/es/utils/use-force-update.mjs +1 -3
  73. package/dist/es/framer-motion/dist/es/utils/use-instant-transition.mjs +1 -3
  74. package/dist/es/framer-motion/dist/es/value/scroll/use-element-scroll.mjs +1 -2
  75. package/dist/es/framer-motion/dist/es/value/scroll/use-viewport-scroll.mjs +1 -2
  76. package/dist/es/framer-motion/dist/es/value/use-combine-values.mjs +1 -3
  77. package/dist/es/framer-motion/dist/es/value/use-computed.mjs +1 -3
  78. package/dist/es/framer-motion/dist/es/value/use-inverted-scale.mjs +1 -1
  79. package/dist/es/framer-motion/dist/es/value/use-motion-value.mjs +1 -3
  80. package/dist/es/framer-motion/dist/es/value/use-scroll.mjs +2 -3
  81. package/dist/es/framer-motion/dist/es/value/use-spring.mjs +2 -4
  82. package/dist/es/framer-motion/dist/es/value/use-velocity.mjs +1 -3
  83. package/dist/es/framer-motion/dist/es/value/use-will-change/WillChangeMotionValue.mjs +2 -4
  84. package/dist/es/framer-motion/dist/es/value/use-will-change/add-will-change.mjs +1 -2
  85. package/dist/es/motion-dom/dist/es/animation/NativeAnimation.mjs +4 -7
  86. package/dist/es/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs +1 -2
  87. package/dist/es/motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs +0 -1
  88. package/dist/es/motion-dom/dist/es/frameloop/batcher.mjs +1 -2
  89. package/dist/es/motion-dom/dist/es/frameloop/frame.mjs +1 -2
  90. package/dist/es/motion-dom/dist/es/frameloop/index-legacy.mjs +1 -1
  91. package/dist/es/motion-dom/dist/es/frameloop/sync-time.mjs +1 -2
  92. package/dist/es/motion-dom/dist/es/stats/index.mjs +1 -1
  93. package/dist/es/motion-dom/dist/es/utils/supports/memo.mjs +1 -2
  94. package/dist/es/motion-dom/dist/es/utils/supports/scroll-timeline.mjs +0 -1
  95. package/dist/es/motion-dom/dist/es/value/index.mjs +4 -5
  96. package/dist/motion.dev.js +4 -7
  97. package/dist/motion.js +1 -1
  98. package/package.json +3 -3
@@ -1,9 +1,8 @@
1
+ import { resolveElements } from '../../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
1
2
  import { invariant } from '../../../../../../motion-utils/dist/es/errors.mjs';
2
- import { secondsToMilliseconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
3
- import { NativeAnimation } from '../../../../../../motion-dom/dist/es/animation/NativeAnimation.mjs';
4
3
  import { getValueTransition } from '../../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
5
- import { resolveElements } from '../../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
6
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
+ import { NativeAnimation } from '../../../../../../motion-dom/dist/es/animation/NativeAnimation.mjs';
5
+ import { secondsToMilliseconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
7
6
 
8
7
  function animateElements(elementOrSelector, keyframes, options, scope) {
9
8
  const elements = resolveElements(elementOrSelector, scope);
@@ -1,8 +1,6 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
- import { GroupAnimationWithThen } from '../../../../../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
3
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
1
  import { createAnimationsFromSequence } from '../../sequence/create.mjs';
5
2
  import { animateElements } from './animate-elements.mjs';
3
+ import { GroupAnimationWithThen } from '../../../../../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
6
4
 
7
5
  function animateSequence(definition, options) {
8
6
  const animations = [];
@@ -1,7 +1,5 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
- import { GroupAnimationWithThen } from '../../../../../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
3
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
1
  import { animateElements } from './animate-elements.mjs';
2
+ import { GroupAnimationWithThen } from '../../../../../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
5
3
 
6
4
  const createScopedWaapiAnimate = (scope) => {
7
5
  function scopedAnimate(elementOrSelector, keyframes, options) {
@@ -1,4 +1,3 @@
1
- import '../../../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { memo } from '../../../../../../../motion-utils/dist/es/memo.mjs';
3
2
 
4
3
  const supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
@@ -1,7 +1,7 @@
1
- import { warning } from '../../../../../../motion-utils/dist/es/errors.mjs';
2
- import { secondsToMilliseconds, millisecondsToSeconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
3
1
  import { clamp } from '../../../utils/clamp.mjs';
4
2
  import { springDefaults } from './defaults.mjs';
3
+ import { warning } from '../../../../../../motion-utils/dist/es/errors.mjs';
4
+ import { secondsToMilliseconds, millisecondsToSeconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
5
5
 
6
6
  const safeMin = 0.001;
7
7
  function findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass, }) {
@@ -1,14 +1,12 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
- import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
3
- import { supportsLinearEasing } from '../../../../../../motion-dom/dist/es/utils/supports/linear-easing.mjs';
4
- import { generateLinearEasing } from '../../../../../../motion-dom/dist/es/animation/waapi/utils/linear.mjs';
5
- import { calcGeneratorDuration, maxGeneratorDuration } from '../../../../../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
6
- import { createGeneratorEasing } from '../../../../../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
7
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
8
1
  import { clamp } from '../../../utils/clamp.mjs';
9
2
  import { calcGeneratorVelocity } from '../utils/velocity.mjs';
10
3
  import { springDefaults } from './defaults.mjs';
11
4
  import { findSpring, calcAngularFreq } from './find.mjs';
5
+ import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
6
+ import { createGeneratorEasing } from '../../../../../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
7
+ import { supportsLinearEasing } from '../../../../../../motion-dom/dist/es/utils/supports/linear-easing.mjs';
8
+ import { calcGeneratorDuration, maxGeneratorDuration } from '../../../../../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
9
+ import { generateLinearEasing } from '../../../../../../motion-dom/dist/es/animation/waapi/utils/linear.mjs';
12
10
 
13
11
  const durationKeys = ["duration", "bounce"];
14
12
  const physicsKeys = ["stiffness", "damping", "mass"];
@@ -1,4 +1,3 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { velocityPerSecond } from '../../../../../../motion-utils/dist/es/velocity-per-second.mjs';
3
2
 
4
3
  const velocitySampleDuration = 5; // ms
@@ -1,6 +1,6 @@
1
- import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { setTarget } from '../../render/utils/setters.mjs';
3
2
  import { animateVisualElement } from '../interfaces/visual-element.mjs';
3
+ import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
4
4
 
5
5
  function stopAnimation(visualElement) {
6
6
  visualElement.values.forEach((value) => value.stop());
@@ -1,16 +1,14 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { MotionGlobalConfig } from '../../../../../motion-utils/dist/es/global-config.mjs';
3
- import { secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
4
- import { GroupAnimationWithThen } from '../../../../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
5
- import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
6
- import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
7
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
8
1
  import { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';
9
2
  import { AcceleratedAnimation } from '../animators/AcceleratedAnimation.mjs';
10
3
  import { MainThreadAnimation } from '../animators/MainThreadAnimation.mjs';
11
4
  import { getFinalKeyframe } from '../animators/waapi/utils/get-final-keyframe.mjs';
12
5
  import { getDefaultTransition } from '../utils/default-transitions.mjs';
13
6
  import { isTransitionDefined } from '../utils/is-transition-defined.mjs';
7
+ import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
8
+ import { secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
9
+ import { MotionGlobalConfig } from '../../../../../motion-utils/dist/es/global-config.mjs';
10
+ import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
11
+ import { GroupAnimationWithThen } from '../../../../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
14
12
 
15
13
  const animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
16
14
  const valueTransition = getValueTransition(transition, name) || {};
@@ -1,12 +1,10 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
3
- import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
4
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
5
1
  import { positionalKeys } from '../../render/html/utils/keys-position.mjs';
6
2
  import { setTarget } from '../../render/utils/setters.mjs';
7
3
  import { addValueToWillChange } from '../../value/use-will-change/add-will-change.mjs';
8
4
  import { getOptimisedAppearId } from '../optimized-appear/get-appear-id.mjs';
9
5
  import { animateMotionValue } from './motion-value.mjs';
6
+ import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
7
+ import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
10
8
 
11
9
  /**
12
10
  * Decide whether we should block this animation. Previously, we achieved this
@@ -1,12 +1,10 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
3
- import { startWaapiAnimation } from '../../../../../motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs';
4
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
5
1
  import { optimizedAppearDataId } from './data-id.mjs';
6
2
  import { getOptimisedAppearId } from './get-appear-id.mjs';
7
3
  import { handoffOptimizedAppearAnimation } from './handoff.mjs';
8
4
  import { appearAnimationStore, appearComplete } from './store.mjs';
9
5
  import { appearStoreId } from './store-id.mjs';
6
+ import { startWaapiAnimation } from '../../../../../motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs';
7
+ import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
10
8
 
11
9
  /**
12
10
  * A single time to use across all animations to manually set startTime
@@ -1,9 +1,3 @@
1
- import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { progress } from '../../../../../motion-utils/dist/es/progress.mjs';
3
- import { secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
4
- import { isGenerator } from '../../../../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
5
- import { createGeneratorEasing } from '../../../../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
6
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
7
1
  import { getEasingForSegment } from '../../easing/utils/get-easing-for-segment.mjs';
8
2
  import { defaultOffset } from '../../utils/offsets/default.mjs';
9
3
  import { fillOffset } from '../../utils/offsets/fill.mjs';
@@ -14,6 +8,11 @@ import { calcNextTime } from './utils/calc-time.mjs';
14
8
  import { addKeyframes } from './utils/edit.mjs';
15
9
  import { normalizeTimes } from './utils/normalize-times.mjs';
16
10
  import { compareByTime } from './utils/sort.mjs';
11
+ import { isGenerator } from '../../../../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
12
+ import { createGeneratorEasing } from '../../../../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
13
+ import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
14
+ import { progress } from '../../../../../motion-utils/dist/es/progress.mjs';
15
+ import { secondsToMilliseconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
17
16
 
18
17
  const defaultSegmentEasing = "easeInOut";
19
18
  const MAX_REPEAT = 20;
@@ -1,7 +1,6 @@
1
- import { removeItem } from '../../../../../../motion-utils/dist/es/array.mjs';
2
- import '../../../../../../motion-utils/dist/es/errors.mjs';
3
1
  import { getEasingForSegment } from '../../../easing/utils/get-easing-for-segment.mjs';
4
2
  import { mixNumber } from '../../../utils/mix/number.mjs';
3
+ import { removeItem } from '../../../../../../motion-utils/dist/es/array.mjs';
5
4
 
6
5
  function eraseKeyframes(sequence, startTime, endTime) {
7
6
  for (let i = 0; i < sequence.length; i++) {
@@ -1,8 +1,8 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { invariant } from '../../../../motion-utils/dist/es/errors.mjs';
3
2
  import * as React from 'react';
4
3
  import { useConstant } from '../utils/use-constant.mjs';
5
4
  import { LayoutGroup } from './LayoutGroup/index.mjs';
5
+ import { invariant } from '../../../../motion-utils/dist/es/errors.mjs';
6
6
 
7
7
  let id = 0;
8
8
  const AnimateSharedLayout = ({ children }) => {
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
4
3
  import { forwardRef, useRef, useEffect } from 'react';
5
4
  import { ReorderContext } from '../../context/ReorderContext.mjs';
6
5
  import { motion } from '../../render/components/motion/proxy.mjs';
7
6
  import { useConstant } from '../../utils/use-constant.mjs';
8
7
  import { checkReorder } from './utils/check-reorder.mjs';
8
+ import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
9
9
 
10
10
  function ReorderGroupComponent({ children, as = "ul", axis = "y", onReorder, values, ...props }, externalRef) {
11
11
  const Component = useConstant(() => motion[as]);
@@ -1,6 +1,5 @@
1
1
  "use client";
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
4
3
  import { forwardRef, useContext } from 'react';
5
4
  import { ReorderContext } from '../../context/ReorderContext.mjs';
6
5
  import { motion } from '../../render/components/motion/proxy.mjs';
@@ -8,6 +7,7 @@ import { useConstant } from '../../utils/use-constant.mjs';
8
7
  import { useMotionValue } from '../../value/use-motion-value.mjs';
9
8
  import { useTransform } from '../../value/use-transform.mjs';
10
9
  import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
10
+ import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
11
11
 
12
12
  function useDefaultMotionValue(value, defaultValue = 0) {
13
13
  return isMotionValue(value) ? value : useMotionValue(defaultValue);
@@ -1,6 +1,5 @@
1
- import { moveItem } from '../../../../../../motion-utils/dist/es/array.mjs';
2
- import '../../../../../../motion-utils/dist/es/errors.mjs';
3
1
  import { mixNumber } from '../../../utils/mix/number.mjs';
2
+ import { moveItem } from '../../../../../../motion-utils/dist/es/array.mjs';
4
3
 
5
4
  function checkReorder(order, value, offset, velocity) {
6
5
  if (!velocity)
@@ -1,4 +1,3 @@
1
- import '../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
3
2
 
4
3
  /*
@@ -1,12 +1,11 @@
1
- import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
3
- import { isBezierDefinition } from '../../../../../motion-dom/dist/es/utils/is-bezier-definition.mjs';
4
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
5
1
  import { anticipate } from '../anticipate.mjs';
6
2
  import { backIn, backInOut, backOut } from '../back.mjs';
7
3
  import { circIn, circInOut, circOut } from '../circ.mjs';
8
4
  import { cubicBezier } from '../cubic-bezier.mjs';
9
5
  import { easeIn, easeInOut, easeOut } from '../ease.mjs';
6
+ import { isBezierDefinition } from '../../../../../motion-dom/dist/es/utils/is-bezier-definition.mjs';
7
+ import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
8
+ import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
10
9
 
11
10
  const easingLookup = {
12
11
  linear: noop,
@@ -1,6 +1,4 @@
1
- import '../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { isPrimaryPointer } from '../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
3
- import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
2
 
5
3
  function extractEventInfo(event) {
6
4
  return {
@@ -1,7 +1,3 @@
1
- import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
3
- import { setDragLock } from '../../../../../motion-dom/dist/es/gestures/drag/state/set-active.mjs';
4
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
5
1
  import { animateMotionValue } from '../../animation/interfaces/motion-value.mjs';
6
2
  import { addDomEvent } from '../../events/add-dom-event.mjs';
7
3
  import { addPointerEvent } from '../../events/add-pointer-event.mjs';
@@ -18,6 +14,9 @@ import { percent } from '../../value/types/numbers/units.mjs';
18
14
  import { addValueToWillChange } from '../../value/use-will-change/add-will-change.mjs';
19
15
  import { PanSession } from '../pan/PanSession.mjs';
20
16
  import { applyConstraints, calcRelativeConstraints, resolveDragElastic, calcViewportConstraints, rebaseAxisConstraints, calcOrigin, defaultElastic } from './utils/constraints.mjs';
17
+ import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
18
+ import { invariant } from '../../../../../motion-utils/dist/es/errors.mjs';
19
+ import { setDragLock } from '../../../../../motion-dom/dist/es/gestures/drag/state/set-active.mjs';
21
20
 
22
21
  const elementDragControls = new WeakMap();
23
22
  /**
@@ -1,7 +1,6 @@
1
1
  import { Feature } from '../../motion/features/Feature.mjs';
2
- import '../../../../../motion-utils/dist/es/errors.mjs';
3
- import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
4
2
  import { VisualElementDragControls } from './VisualElementDragControls.mjs';
3
+ import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
5
4
 
6
5
  class DragGesture extends Feature {
7
6
  constructor(node) {
@@ -1,8 +1,7 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
- import { progress } from '../../../../../../motion-utils/dist/es/progress.mjs';
3
1
  import { calcLength } from '../../../projection/geometry/delta-calc.mjs';
4
2
  import { clamp } from '../../../utils/clamp.mjs';
5
3
  import { mixNumber } from '../../../utils/mix/number.mjs';
4
+ import { progress } from '../../../../../../motion-utils/dist/es/progress.mjs';
6
5
 
7
6
  /**
8
7
  * Apply constraints to a point. These constraints are both physical along an
@@ -1,9 +1,7 @@
1
- import '../../../../motion-utils/dist/es/errors.mjs';
2
- import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
3
- import { hover } from '../../../../motion-dom/dist/es/gestures/hover.mjs';
4
- import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
5
1
  import { extractEventInfo } from '../events/event-info.mjs';
6
2
  import { Feature } from '../motion/features/Feature.mjs';
3
+ import { hover } from '../../../../motion-dom/dist/es/gestures/hover.mjs';
4
+ import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
7
5
 
8
6
  function handleHoverEvent(node, event, lifecycle) {
9
7
  const { props } = node;
@@ -1,12 +1,10 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { secondsToMilliseconds, millisecondsToSeconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
3
- import { frame, cancelFrame, frameData } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
4
- import { isPrimaryPointer } from '../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
5
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
6
1
  import { addPointerEvent } from '../../events/add-pointer-event.mjs';
7
2
  import { extractEventInfo } from '../../events/event-info.mjs';
8
3
  import { distance2D } from '../../utils/distance.mjs';
9
4
  import { pipe } from '../../utils/pipe.mjs';
5
+ import { frame, cancelFrame, frameData } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
6
+ import { isPrimaryPointer } from '../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
7
+ import { secondsToMilliseconds, millisecondsToSeconds } from '../../../../../motion-utils/dist/es/time-conversion.mjs';
10
8
 
11
9
  /**
12
10
  * @internal
@@ -1,11 +1,9 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
3
- import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
4
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
5
1
  import { addPointerEvent } from '../../events/add-pointer-event.mjs';
6
2
  import { Feature } from '../../motion/features/Feature.mjs';
7
3
  import { getContextWindow } from '../../utils/get-context-window.mjs';
8
4
  import { PanSession } from './PanSession.mjs';
5
+ import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
6
+ import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
9
7
 
10
8
  const asyncHandler = (handler) => (event, info) => {
11
9
  if (handler) {
@@ -1,9 +1,7 @@
1
- import '../../../../motion-utils/dist/es/errors.mjs';
2
- import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
3
- import { press } from '../../../../motion-dom/dist/es/gestures/press/index.mjs';
4
- import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
5
1
  import { extractEventInfo } from '../events/event-info.mjs';
6
2
  import { Feature } from '../motion/features/Feature.mjs';
3
+ import { press } from '../../../../motion-dom/dist/es/gestures/press/index.mjs';
4
+ import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
7
5
 
8
6
  function handlePressEvent(node, event, lifecycle) {
9
7
  const { props } = node;
@@ -1,9 +1,5 @@
1
1
  "use client";
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import '../../../../../../motion-utils/dist/es/errors.mjs';
4
- import { frame } from '../../../../../../motion-dom/dist/es/frameloop/frame.mjs';
5
- import { microtask } from '../../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
6
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
7
3
  import { useContext, Component } from 'react';
8
4
  import { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';
9
5
  import { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';
@@ -12,6 +8,8 @@ import { globalProjectionState } from '../../../projection/node/state.mjs';
12
8
  import { correctBorderRadius } from '../../../projection/styles/scale-border-radius.mjs';
13
9
  import { correctBoxShadow } from '../../../projection/styles/scale-box-shadow.mjs';
14
10
  import { addScaleCorrector } from '../../../projection/styles/scale-correction.mjs';
11
+ import { frame } from '../../../../../../motion-dom/dist/es/frameloop/frame.mjs';
12
+ import { microtask } from '../../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
15
13
 
16
14
  class MeasureLayoutWithContext extends Component {
17
15
  /**
@@ -1,6 +1,5 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { warning, invariant } from '../../../../motion-utils/dist/es/errors.mjs';
4
3
  import { forwardRef, useContext } from 'react';
5
4
  import { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';
6
5
  import { LazyContext } from '../context/LazyContext.mjs';
@@ -13,6 +12,7 @@ import { loadFeatures } from './features/load-features.mjs';
13
12
  import { motionComponentSymbol } from './utils/symbol.mjs';
14
13
  import { useMotionRef } from './utils/use-motion-ref.mjs';
15
14
  import { useVisualElement } from './utils/use-visual-element.mjs';
15
+ import { warning, invariant } from '../../../../motion-utils/dist/es/errors.mjs';
16
16
 
17
17
  /**
18
18
  * Create a `motion` component.
@@ -1,6 +1,3 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { microtask } from '../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
3
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
1
  import { useContext, useRef, useInsertionEffect, useEffect } from 'react';
5
2
  import { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';
6
3
  import { LazyContext } from '../../context/LazyContext.mjs';
@@ -10,6 +7,7 @@ import { PresenceContext } from '../../context/PresenceContext.mjs';
10
7
  import { SwitchLayoutGroupContext } from '../../context/SwitchLayoutGroupContext.mjs';
11
8
  import { isRefObject } from '../../utils/is-ref-object.mjs';
12
9
  import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';
10
+ import { microtask } from '../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
13
11
 
14
12
  function useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor) {
15
13
  const { visualElement: parent } = useContext(MotionContext);
@@ -1,9 +1,8 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
3
- import { progress } from '../../../../../motion-utils/dist/es/progress.mjs';
4
1
  import { circOut } from '../../easing/circ.mjs';
5
2
  import { mixNumber } from '../../utils/mix/number.mjs';
6
3
  import { percent, px } from '../../value/types/numbers/units.mjs';
4
+ import { progress } from '../../../../../motion-utils/dist/es/progress.mjs';
5
+ import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
7
6
 
8
7
  const borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];
9
8
  const numBorders = borders.length;
@@ -1,13 +1,3 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
3
- import { SubscriptionManager } from '../../../../../motion-utils/dist/es/subscription-manager.mjs';
4
- import { activeAnimations } from '../../../../../motion-dom/dist/es/stats/animation-count.mjs';
5
- import { statsBuffer } from '../../../../../motion-dom/dist/es/stats/buffer.mjs';
6
- import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
7
- import { cancelFrame, frameData, frameSteps, frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
8
- import { microtask } from '../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
9
- import { time } from '../../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
10
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
11
1
  import { animateSingleValue } from '../../animation/animate/single-value.mjs';
12
2
  import { getOptimisedAppearId } from '../../animation/optimized-appear/get-appear-id.mjs';
13
3
  import { isSVGElement } from '../../render/dom/utils/is-svg-element.mjs';
@@ -29,6 +19,14 @@ import { buildProjectionTransform } from '../styles/transform.mjs';
29
19
  import { eachAxis } from '../utils/each-axis.mjs';
30
20
  import { hasTransform, hasScale, has2DTranslate } from '../utils/has-transform.mjs';
31
21
  import { globalProjectionState } from './state.mjs';
22
+ import { statsBuffer } from '../../../../../motion-dom/dist/es/stats/buffer.mjs';
23
+ import { SubscriptionManager } from '../../../../../motion-utils/dist/es/subscription-manager.mjs';
24
+ import { getValueTransition } from '../../../../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
25
+ import { cancelFrame, frameData, frameSteps, frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
26
+ import { time } from '../../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
27
+ import { microtask } from '../../../../../motion-dom/dist/es/frameloop/microtask.mjs';
28
+ import { activeAnimations } from '../../../../../motion-dom/dist/es/stats/animation-count.mjs';
29
+ import { noop } from '../../../../../motion-utils/dist/es/noop.mjs';
32
30
 
33
31
  const metrics = {
34
32
  nodes: 0,
@@ -1,5 +1,4 @@
1
1
  import { addUniqueItem, removeItem } from '../../../../../motion-utils/dist/es/array.mjs';
2
- import '../../../../../motion-utils/dist/es/errors.mjs';
3
2
 
4
3
  class NodeStack {
5
4
  constructor() {
@@ -1,10 +1,3 @@
1
- import '../../../../motion-utils/dist/es/errors.mjs';
2
- import { SubscriptionManager } from '../../../../motion-utils/dist/es/subscription-manager.mjs';
3
- import { warnOnce } from '../../../../motion-utils/dist/es/warn-once.mjs';
4
- import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
5
- import { time } from '../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
6
- import { motionValue } from '../../../../motion-dom/dist/es/value/index.mjs';
7
- import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
8
1
  import { featureDefinitions } from '../motion/features/definitions.mjs';
9
2
  import { createBox } from '../projection/geometry/models.mjs';
10
3
  import { isNumericalString } from '../utils/is-numerical-string.mjs';
@@ -21,6 +14,11 @@ import { isControllingVariants, isVariantNode } from './utils/is-controlling-var
21
14
  import { KeyframeResolver } from './utils/KeyframesResolver.mjs';
22
15
  import { updateMotionValuesFromProps } from './utils/motion-values.mjs';
23
16
  import { resolveVariantFromProps } from './utils/resolve-variants.mjs';
17
+ import { time } from '../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
18
+ import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
19
+ import { warnOnce } from '../../../../motion-utils/dist/es/warn-once.mjs';
20
+ import { motionValue } from '../../../../motion-dom/dist/es/value/index.mjs';
21
+ import { SubscriptionManager } from '../../../../motion-utils/dist/es/subscription-manager.mjs';
24
22
 
25
23
  const propEventHandlers = [
26
24
  "AnimationStart",
@@ -1,4 +1,3 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
3
2
 
4
3
  function createDOMMotionComponentProxy(componentFactory) {
@@ -1,6 +1,4 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { resolveElements } from '../../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
3
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
2
 
5
3
  const resizeHandlers = new WeakMap();
6
4
  let observer;
@@ -1,9 +1,7 @@
1
- import { supportsScrollTimeline } from '../../../../../../motion-dom/dist/es/utils/supports/scroll-timeline.mjs';
2
- import '../../../../../../motion-utils/dist/es/errors.mjs';
3
- import { noop } from '../../../../../../motion-utils/dist/es/noop.mjs';
4
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
5
1
  import { observeTimeline } from './observe.mjs';
6
2
  import { scrollInfo } from './track.mjs';
3
+ import { noop } from '../../../../../../motion-utils/dist/es/noop.mjs';
4
+ import { supportsScrollTimeline } from '../../../../../../motion-dom/dist/es/utils/supports/scroll-timeline.mjs';
7
5
 
8
6
  function scrollTimelineFallback({ source, container, axis = "y", }) {
9
7
  // Support legacy source argument. Deprecate later.
@@ -1,4 +1,3 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { progress } from '../../../../../../motion-utils/dist/es/progress.mjs';
3
2
  import { velocityPerSecond } from '../../../../../../motion-utils/dist/es/velocity-per-second.mjs';
4
3
 
@@ -1,6 +1,4 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { frame, cancelFrame } from '../../../../../../motion-dom/dist/es/frameloop/frame.mjs';
3
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
2
 
5
3
  function observeTimeline(update, timeline) {
6
4
  let prevProgress;
@@ -1,7 +1,6 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
- import { warnOnce } from '../../../../../../motion-utils/dist/es/warn-once.mjs';
3
1
  import { updateScrollInfo } from './info.mjs';
4
2
  import { resolveOffsets } from './offsets/index.mjs';
3
+ import { warnOnce } from '../../../../../../motion-utils/dist/es/warn-once.mjs';
5
4
 
6
5
  function measure(container, target = container, info) {
7
6
  /**
@@ -1,9 +1,7 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
- import { frame, cancelFrame, frameData } from '../../../../../../motion-dom/dist/es/frameloop/frame.mjs';
3
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
1
  import { resize } from '../resize/index.mjs';
5
2
  import { createScrollInfo } from './info.mjs';
6
3
  import { createOnScrollHandler } from './on-scroll-handler.mjs';
4
+ import { frame, cancelFrame, frameData } from '../../../../../../motion-dom/dist/es/frameloop/frame.mjs';
7
5
 
8
6
  const scrollListeners = new WeakMap();
9
7
  const resizeListeners = new WeakMap();
@@ -1,6 +1,6 @@
1
- import { invariant } from '../../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { isNumericalString } from '../../../utils/is-numerical-string.mjs';
3
2
  import { isCSSVariableToken } from './is-css-variable.mjs';
3
+ import { invariant } from '../../../../../../motion-utils/dist/es/errors.mjs';
4
4
 
5
5
  /**
6
6
  * Parse Framer's special CSS variable format into a CSS token and a fallback.
@@ -1,6 +1,4 @@
1
- import '../../../../../../motion-utils/dist/es/errors.mjs';
2
1
  import { resolveElements } from '../../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';
3
- import '../../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
2
 
5
3
  const thresholds = {
6
4
  some: 0,
@@ -1,6 +1,3 @@
1
- import '../../../../../motion-utils/dist/es/errors.mjs';
2
- import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
3
- import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
4
1
  import { createBox } from '../../projection/geometry/models.mjs';
5
2
  import { DOMVisualElement } from '../dom/DOMVisualElement.mjs';
6
3
  import { camelToDash } from '../dom/utils/camel-to-dash.mjs';
@@ -12,6 +9,7 @@ import { isSVGTag } from './utils/is-svg-tag.mjs';
12
9
  import { updateSVGDimensions } from './utils/measure.mjs';
13
10
  import { renderSVG } from './utils/render.mjs';
14
11
  import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';
12
+ import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
15
13
 
16
14
  class SVGVisualElement extends DOMVisualElement {
17
15
  constructor() {