motion-v 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs

@@ -1,17 +1,19 @@
+import { GroupPlaybackControls } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/controls/Group.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { AcceleratedAnimation } from "../animators/AcceleratedAnimation.mjs";
+import { MainThreadAnimation } from "../animators/MainThreadAnimation.mjs";
 import { getFinalKeyframe } from "../animators/waapi/utils/get-final-keyframe.mjs";
 import { getDefaultTransition } from "../utils/default-transitions.mjs";
 import { isTransitionDefined } from "../utils/is-transition-defined.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/time-conversion.mjs";
-import { MotionGlobalConfig } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/global-config.mjs";
-import { frame } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { AsyncMotionValueAnimation } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs";
 const animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
   const valueTransition = getValueTransition(transition, name) || {};
   const delay = valueTransition.delay || transition.delay || 0;
   let { elapsed = 0 } = transition;
   elapsed = elapsed - secondsToMilliseconds(delay);
-  const options = {
+  let options = {
     keyframes: Array.isArray(target) ? target : [null, target],
     ease: "easeOut",
     velocity: value.getVelocity(),
@@ -30,10 +32,17 @@ const animateMotionValue = (name, value, target, transition = {}, element, isHan
     element: isHandoff ? void 0 : element
   };
   if (!isTransitionDefined(valueTransition)) {
-    Object.assign(options, getDefaultTransition(name, options));
+    options = {
+      ...options,
+      ...getDefaultTransition(name, options)
+    };
+  }
+  if (options.duration) {
+    options.duration = secondsToMilliseconds(options.duration);
+  }
+  if (options.repeatDelay) {
+    options.repeatDelay = secondsToMilliseconds(options.repeatDelay);
   }
-  options.duration && (options.duration = secondsToMilliseconds(options.duration));
-  options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
   if (options.from !== void 0) {
     options.keyframes[0] = options.from;
   }
@@ -44,11 +53,6 @@ const animateMotionValue = (name, value, target, transition = {}, element, isHan
       shouldSkip = true;
     }
   }
-  if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations) {
-    shouldSkip = true;
-    options.duration = 0;
-    options.delay = 0;
-  }
   options.allowFlatten = !valueTransition.type && !valueTransition.ease;
   if (shouldSkip && !isHandoff && value.get() !== void 0) {
     const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
@@ -57,10 +61,14 @@ const animateMotionValue = (name, value, target, transition = {}, element, isHan
         options.onUpdate(finalKeyframe);
         options.onComplete();
       });
-      return;
+      return new GroupPlaybackControls([]);
     }
   }
-  return new AsyncMotionValueAnimation(options);
+  if (!isHandoff && AcceleratedAnimation.supports(options)) {
+    return new AcceleratedAnimation(options);
+  } else {
+    return new MainThreadAnimation(options);
+  }
 };
 export {
   animateMotionValue

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs

@@ -1,23 +1,25 @@
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { positionalKeys } from "../../render/html/utils/keys-position.mjs";
 import { setTarget } from "../../render/utils/setters.mjs";
 import { addValueToWillChange } from "../../value/use-will-change/add-will-change.mjs";
 import { getOptimisedAppearId } from "../optimized-appear/get-appear-id.mjs";
 import { animateMotionValue } from "./motion-value.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { frame } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { positionalKeys } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-position.mjs";
 function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
   const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
   needsAnimating[key] = false;
   return shouldBlock;
 }
 function animateTarget(visualElement, targetAndTransition, { delay = 0, transitionOverride, type } = {}) {
+  var _a;
   let { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = targetAndTransition;
   if (transitionOverride)
     transition = transitionOverride;
   const animations = [];
   const animationTypeState = type && visualElement.animationState && visualElement.animationState.getState()[type];
   for (const key in target) {
-    const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);
+    const value = visualElement.getValue(key, (_a = visualElement.latestValues[key]) !== null && _a !== void 0 ? _a : null);
     const valueTarget = target[key];
     if (valueTarget === void 0 || animationTypeState && shouldBlockAnimation(animationTypeState, key)) {
       continue;
@@ -26,10 +28,6 @@ function animateTarget(visualElement, targetAndTransition, { delay = 0, transiti
       delay,
       ...getValueTransition(transition || {}, key)
     };
-    const currentValue = value.get();
-    if (currentValue !== void 0 && !value.isAnimating && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) {
-      continue;
-    }
     let isHandoff = false;
     if (window.MotionHandoffAnimation) {
       const appearId = getOptimisedAppearId(visualElement);

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/sequence/create.mjs

@@ -1,3 +1,11 @@
+import { invariant } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/progress.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { createGeneratorEasing } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { getEasingForSegment } from "../../easing/utils/get-easing-for-segment.mjs";
+import { defaultOffset } from "../../utils/offsets/default.mjs";
+import { fillOffset } from "../../utils/offsets/fill.mjs";
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 import { resolveSubjects } from "../animate/resolve-subjects.mjs";
 import { calculateRepeatDuration } from "./utils/calc-repeat-duration.mjs";
@@ -5,14 +13,6 @@ import { calcNextTime } from "./utils/calc-time.mjs";
 import { addKeyframes } from "./utils/edit.mjs";
 import { normalizeTimes } from "./utils/normalize-times.mjs";
 import { compareByTime } from "./utils/sort.mjs";
-import { defaultOffset } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes/offsets/default.mjs";
-import { createGeneratorEasing } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { fillOffset } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs";
-import { invariant } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/errors.mjs";
-import { getEasingForSegment } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs";
-import { progress } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/progress.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/time-conversion.mjs";
 const defaultSegmentEasing = "easeInOut";
 const MAX_REPEAT = 20;
 function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...sequenceTransition } = {}, scope, generators) {
@@ -44,7 +44,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
       let { ease = defaultTransition.ease || "easeOut", duration } = valueTransition;
       const calculatedDelay = typeof delay === "function" ? delay(elementIndex, numSubjects) : delay;
       const numKeyframes = valueKeyframesAsList.length;
-      const createGenerator = isGenerator(type) ? type : generators == null ? void 0 : generators[type];
+      const createGenerator = isGenerator(type) ? type : generators === null || generators === void 0 ? void 0 : generators[type];
       if (numKeyframes <= 2 && createGenerator) {
         let absoluteDelta = 100;
         if (numKeyframes === 2 && isNumberKeyframesArray(valueKeyframesAsList)) {
@@ -59,7 +59,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
         ease = springEasing.ease;
         duration = springEasing.duration;
       }
-      duration ?? (duration = defaultDuration);
+      duration !== null && duration !== void 0 ? duration : duration = defaultDuration;
       const startTime = currentTime + calculatedDelay;
       if (times.length === 1 && times[0] === 0) {
         times[1] = 1;

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/sequence/utils/calc-time.mjs

@@ -1,4 +1,5 @@
 function calcNextTime(current, next, prev, labels) {
+  var _a;
   if (typeof next === "number") {
     return next;
   } else if (next.startsWith("-") || next.startsWith("+")) {
@@ -6,7 +7,7 @@ function calcNextTime(current, next, prev, labels) {
   } else if (next === "<") {
     return prev;
   } else {
-    return labels.get(next) ?? current;
+    return (_a = labels.get(next)) !== null && _a !== void 0 ? _a : current;
   }
 }
 export {

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/sequence/utils/edit.mjs

@@ -1,6 +1,7 @@
-import { mixNumber } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/mix/number.mjs";
-import { getEasingForSegment } from "../../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs";
-import { removeItem } from "../../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/array.mjs";
+import { removeItem } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/array.mjs";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { getEasingForSegment } from "../../../easing/utils/get-easing-for-segment.mjs";
+import { mixNumber } from "../../../utils/mix/number.mjs";
 function eraseKeyframes(sequence, startTime, endTime) {
   for (let i = 0; i < sequence.length; i++) {
     const keyframe = sequence[i];

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/utils/default-transitions.mjs

@@ -1,4 +1,4 @@
-import { transformProps } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { transformProps } from "../../render/html/utils/keys-transform.mjs";
 const underDampedSpring = {
   type: "spring",
   stiffness: 500,

package/dist/es/external/.pnpm/{motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes → framer-motion@12.5.0/external/framer-motion/dist/es/animation}/utils/is-none.mjs

@@ -1,4 +1,4 @@
-import { isZeroValueString } from "../../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/is-zero-value-string.mjs";
+import { isZeroValueString } from "../../utils/is-zero-value-string.mjs";
 function isNone(value) {
   if (typeof value === "number") {
     return value === 0;

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/animation/utils/stagger.mjs

@@ -1,4 +1,4 @@
-import { easingDefinitionToFunction } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/easing/utils/map.mjs";
+import { easingDefinitionToFunction } from "../../easing/utils/map.mjs";
 function getOriginIndex(from, total) {
   if (from === "first") {
     return 0;

package/dist/es/external/.pnpm/{motion-utils@12.8.3/external/motion-utils → framer-motion@12.5.0/external/framer-motion}/dist/es/easing/cubic-bezier.mjs

@@ -1,4 +1,5 @@
-import { noop } from "../noop.mjs";
+import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
 const calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
 const subdivisionPrecision = 1e-7;
 const subdivisionMaxIterations = 12;

package/dist/es/external/.pnpm/{motion-utils@12.8.3/external/motion-utils → framer-motion@12.5.0/external/framer-motion}/dist/es/easing/steps.mjs

@@ -1,4 +1,4 @@
-import { clamp } from "../clamp.mjs";
+import { clamp } from "../utils/clamp.mjs";
 function steps(numSteps, direction = "end") {
   return (progress) => {
     progress = direction === "end" ? Math.min(progress, 0.999) : Math.max(progress, 1e-3);

package/dist/es/external/.pnpm/{motion-utils@12.8.3/external/motion-utils → framer-motion@12.5.0/external/framer-motion}/dist/es/easing/utils/get-easing-for-segment.mjs

@@ -1,4 +1,4 @@
-import { wrap } from "../../wrap.mjs";
+import { wrap } from "../../utils/wrap.mjs";
 import { isEasingArray } from "./is-easing-array.mjs";
 function getEasingForSegment(easing, i) {
   return isEasingArray(easing) ? easing[wrap(0, easing.length, i)] : easing;

package/dist/es/external/.pnpm/{motion-utils@12.8.3/external/motion-utils → framer-motion@12.5.0/external/framer-motion}/dist/es/easing/utils/map.mjs

@@ -1,11 +1,11 @@
-import { invariant } from "../../errors.mjs";
-import { noop } from "../../noop.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import { isBezierDefinition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/is-bezier-definition.mjs";
 import { anticipate } from "../anticipate.mjs";
 import { backIn, backInOut, backOut } from "../back.mjs";
 import { circIn, circInOut, circOut } from "../circ.mjs";
 import { cubicBezier } from "../cubic-bezier.mjs";
 import { easeIn, easeInOut, easeOut } from "../ease.mjs";
-import { isBezierDefinition } from "./is-bezier-definition.mjs";
 const easingLookup = {
   linear: noop,
   easeIn,
@@ -19,15 +19,12 @@ const easingLookup = {
   backOut,
   anticipate
 };
-const isValidEasing = (easing) => {
-  return typeof easing === "string";
-};
 const easingDefinitionToFunction = (definition) => {
   if (isBezierDefinition(definition)) {
     invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`);
     const [x1, y1, x2, y2] = definition;
     return cubicBezier(x1, y1, x2, y2);
-  } else if (isValidEasing(definition)) {
+  } else if (typeof definition === "string") {
     invariant(easingLookup[definition] !== void 0, `Invalid easing type '${definition}'`);
     return easingLookup[definition];
   }

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/motion/utils/is-forced-motion-value.mjs

@@ -1,5 +1,5 @@
 import { scaleCorrectors } from "../../projection/styles/scale-correction.mjs";
-import { transformProps } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { transformProps } from "../../render/html/utils/keys-transform.mjs";
 function isForcedMotionValue(key, { layout, layoutId }) {
   return transformProps.has(key) || key.startsWith("origin") || (layout || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
 }

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/animation/mix-values.mjs

@@ -1,18 +1,24 @@
-import { mixNumber } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/mix/number.mjs";
-import { percent, px } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
-import { progress } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/progress.mjs";
-import { circOut } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/easing/circ.mjs";
-import { noop } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/noop.mjs";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/progress.mjs";
+import { circOut } from "../../easing/circ.mjs";
+import { mixNumber } from "../../utils/mix/number.mjs";
+import { percent, px } from "../../value/types/numbers/units.mjs";
 const borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];
 const numBorders = borders.length;
 const asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;
 const isPx = (value) => typeof value === "number" || px.test(value);
 function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOnlyMember) {
   if (shouldCrossfadeOpacity) {
-    target.opacity = mixNumber(0, lead.opacity ?? 1, easeCrossfadeIn(progress2));
-    target.opacityExit = mixNumber(follow.opacity ?? 1, 0, easeCrossfadeOut(progress2));
+    target.opacity = mixNumber(
+      0,
+      // TODO Reinstate this if only child
+      lead.opacity !== void 0 ? lead.opacity : 1,
+      easeCrossfadeIn(progress2)
+    );
+    target.opacityExit = mixNumber(follow.opacity !== void 0 ? follow.opacity : 1, 0, easeCrossfadeOut(progress2));
   } else if (isOnlyMember) {
-    target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress2);
+    target.opacity = mixNumber(follow.opacity !== void 0 ? follow.opacity : 1, lead.opacity !== void 0 ? lead.opacity : 1, progress2);
   }
   for (let i = 0; i < numBorders; i++) {
     const borderLabel = `border${borders[i]}Radius`;

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/geometry/delta-apply.mjs

@@ -1,5 +1,5 @@
+import { mixNumber } from "../../utils/mix/number.mjs";
 import { hasTransform } from "../utils/has-transform.mjs";
-import { mixNumber } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/mix/number.mjs";
 function scalePoint(point, scale, originPoint) {
   const distanceFromOrigin = point - originPoint;
   const scaled = scale * distanceFromOrigin;

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/geometry/delta-calc.mjs

@@ -1,4 +1,4 @@
-import { mixNumber } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { mixNumber } from "../../utils/mix/number.mjs";
 const SCALE_PRECISION = 1e-4;
 const SCALE_MIN = 1 - SCALE_PRECISION;
 const SCALE_MAX = 1 + SCALE_PRECISION;

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/geometry/delta-remove.mjs

@@ -1,6 +1,6 @@
+import { mixNumber } from "../../utils/mix/number.mjs";
+import { percent } from "../../value/types/numbers/units.mjs";
 import { scalePoint } from "./delta-apply.mjs";
-import { percent } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
-import { mixNumber } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/mix/number.mjs";
 function removePointDelta(point, translate, scale, originPoint, boxScale) {
   point -= translate;
   point = scalePoint(point, 1 / scale, originPoint);

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/node/create-projection-node.mjs

@@ -1,8 +1,17 @@
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import { SubscriptionManager } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/subscription-manager.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { cancelFrame, frameData, frameSteps, frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { microtask } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/microtask.mjs";
+import { time } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
 import { animateSingleValue } from "../../animation/animate/single-value.mjs";
 import { getOptimisedAppearId } from "../../animation/optimized-appear/get-appear-id.mjs";
 import { isSVGElement } from "../../render/dom/utils/is-svg-element.mjs";
 import { FlatTree } from "../../render/utils/flat-tree.mjs";
+import { clamp } from "../../utils/clamp.mjs";
 import { delay } from "../../utils/delay.mjs";
+import { mixNumber } from "../../utils/mix/number.mjs";
 import { resolveMotionValue } from "../../value/utils/resolve-motion-value.mjs";
 import { mixValues } from "../animation/mix-values.mjs";
 import { copyBoxInto, copyAxisDeltaInto } from "../geometry/copy.mjs";
@@ -17,21 +26,6 @@ import { buildProjectionTransform } from "../styles/transform.mjs";
 import { eachAxis } from "../utils/each-axis.mjs";
 import { hasTransform, hasScale, has2DTranslate } from "../utils/has-transform.mjs";
 import { globalProjectionState } from "./state.mjs";
-import { noop } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/noop.mjs";
-import { statsBuffer } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/stats/buffer.mjs";
-import { SubscriptionManager } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/subscription-manager.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { cancelFrame, frameData, frameSteps, frame } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { time } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
-import { clamp } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/clamp.mjs";
-import { microtask } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/microtask.mjs";
-import { activeAnimations } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/stats/animation-count.mjs";
-import { mixNumber } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/mix/number.mjs";
-const metrics = {
-  nodes: 0,
-  calculatedTargetDeltas: 0,
-  calculatedProjections: 0
-};
 const transformAxes = ["", "X", "Y", "Z"];
 const hiddenVisibility = { visibility: "hidden" };
 const animationTarget = 1e3;
@@ -65,7 +59,7 @@ function cancelTreeOptimisedTransformAnimations(projectionNode) {
 }
 function createProjectionNode({ attachResizeListener, defaultParent, measureScroll, checkIsScrollRoot, resetTransform }) {
   return class ProjectionNode {
-    constructor(latestValues = {}, parent = defaultParent == null ? void 0 : defaultParent()) {
+    constructor(latestValues = {}, parent = defaultParent === null || defaultParent === void 0 ? void 0 : defaultParent()) {
       this.id = id++;
       this.animationId = 0;
       this.children = /* @__PURE__ */ new Set();
@@ -97,16 +91,10 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       };
       this.updateProjection = () => {
         this.projectionUpdateScheduled = false;
-        if (statsBuffer.value) {
-          metrics.nodes = metrics.calculatedTargetDeltas = metrics.calculatedProjections = 0;
-        }
         this.nodes.forEach(propagateDirtyNodes);
         this.nodes.forEach(resolveTargetDelta);
         this.nodes.forEach(calcProjection);
         this.nodes.forEach(cleanDirtyNodes);
-        if (statsBuffer.addProjectionMetrics) {
-          statsBuffer.addProjectionMetrics(metrics);
-        }
       };
       this.resolvedRelativeTargetAt = 0;
       this.hasProjected = false;
@@ -407,7 +395,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (!visualElement)
         return createBox();
       const box = visualElement.measureViewportBox();
-      const wasInScrollRoot = ((_a = this.scroll) == null ? void 0 : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
+      const wasInScrollRoot = ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
       if (!wasInScrollRoot) {
         const { scroll } = this.root;
         if (scroll) {
@@ -421,7 +409,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       var _a;
       const boxWithoutScroll = createBox();
       copyBoxInto(boxWithoutScroll, box);
-      if ((_a = this.scroll) == null ? void 0 : _a.wasRoot) {
+      if ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) {
         return boxWithoutScroll;
       }
       for (let i = 0; i < this.path.length; i++) {
@@ -512,7 +500,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       this.isTransformDirty || (this.isTransformDirty = lead.isTransformDirty);
       this.isSharedProjectionDirty || (this.isSharedProjectionDirty = lead.isSharedProjectionDirty);
       const isShared = Boolean(this.resumingFrom) || this !== lead;
-      const canSkip = !(forceRecalculation || isShared && this.isSharedProjectionDirty || this.isProjectionDirty || ((_a = this.parent) == null ? void 0 : _a.isProjectionDirty) || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
+      const canSkip = !(forceRecalculation || isShared && this.isSharedProjectionDirty || this.isProjectionDirty || ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isProjectionDirty) || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
       if (canSkip)
         return;
       const { layout, layoutId } = this.options;
@@ -565,9 +553,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
           this.relativeParent = this.relativeTarget = void 0;
         }
       }
-      if (statsBuffer.value) {
-        metrics.calculatedTargetDeltas++;
-      }
     }
     getClosestProjectingParent() {
       if (!this.parent || hasScale(this.parent.latestValues) || has2DTranslate(this.parent.latestValues)) {
@@ -587,7 +572,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       const lead = this.getLead();
       const isShared = Boolean(this.resumingFrom) || this !== lead;
       let canSkip = true;
-      if (this.isProjectionDirty || ((_a = this.parent) == null ? void 0 : _a.isProjectionDirty)) {
+      if (this.isProjectionDirty || ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isProjectionDirty)) {
         canSkip = false;
       }
       if (isShared && (this.isSharedProjectionDirty || this.isTransformDirty)) {
@@ -633,9 +618,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.scheduleRender();
         this.notifyListeners("projectionUpdate", target);
       }
-      if (statsBuffer.value) {
-        metrics.calculatedProjections++;
-      }
     }
     hide() {
       this.isVisible = false;
@@ -645,7 +627,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     }
     scheduleRender(notifyAll = true) {
       var _a;
-      (_a = this.options.visualElement) == null ? void 0 : _a.scheduleRender();
+      (_a = this.options.visualElement) === null || _a === void 0 ? void 0 : _a.scheduleRender();
       if (notifyAll) {
         const stack = this.getStack();
         stack && stack.scheduleRender();
@@ -714,7 +696,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
       this.pendingAnimation = frame.update(() => {
         globalProjectionState.hasAnimatedSinceResize = true;
-        activeAnimations.layout++;
         this.currentAnimation = animateSingleValue(0, animationTarget, {
           ...options,
           onUpdate: (latest) => {
@@ -722,10 +703,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             options.onUpdate && options.onUpdate(latest);
           },
           onStop: () => {
-            activeAnimations.layout--;
           },
           onComplete: () => {
-            activeAnimations.layout--;
             options.onComplete && options.onComplete();
             this.completeAnimation();
           }
@@ -790,12 +769,12 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     getLead() {
       var _a;
       const { layoutId } = this.options;
-      return layoutId ? ((_a = this.getStack()) == null ? void 0 : _a.lead) || this : this;
+      return layoutId ? ((_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.lead) || this : this;
     }
     getPrevLead() {
       var _a;
       const { layoutId } = this.options;
-      return layoutId ? (_a = this.getStack()) == null ? void 0 : _a.prevLead : void 0;
+      return layoutId ? (_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.prevLead : void 0;
     }
     getStack() {
       const { layoutId } = this.options;
@@ -850,6 +829,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       visualElement.scheduleRender();
     }
     getProjectionStyles(styleProp) {
+      var _a, _b;
       if (!this.instance || this.isSVG)
         return void 0;
       if (!this.isVisible) {
@@ -862,7 +842,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (this.needsReset) {
         this.needsReset = false;
         styles.opacity = "";
-        styles.pointerEvents = resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "";
+        styles.pointerEvents = resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || "";
         styles.transform = transformTemplate ? transformTemplate(this.latestValues, "") : "none";
         return styles;
       }
@@ -871,7 +851,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         const emptyStyles = {};
         if (this.options.layoutId) {
           emptyStyles.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1;
-          emptyStyles.pointerEvents = resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "";
+          emptyStyles.pointerEvents = resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || "";
         }
         if (this.hasProjected && !hasTransform(this.latestValues)) {
           emptyStyles.transform = transformTemplate ? transformTemplate({}, "") : "none";
@@ -888,7 +868,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       const { x, y } = this.projectionDelta;
       styles.transformOrigin = `${x.origin * 100}% ${y.origin * 100}% 0`;
       if (lead.animationValues) {
-        styles.opacity = lead === this ? valuesToRender.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : valuesToRender.opacityExit;
+        styles.opacity = lead === this ? (_b = (_a = valuesToRender.opacity) !== null && _a !== void 0 ? _a : this.latestValues.opacity) !== null && _b !== void 0 ? _b : 1 : this.preserveOpacity ? this.latestValues.opacity : valuesToRender.opacityExit;
       } else {
         styles.opacity = lead === this ? valuesToRender.opacity !== void 0 ? valuesToRender.opacity : "" : valuesToRender.opacityExit !== void 0 ? valuesToRender.opacityExit : 0;
       }
@@ -911,7 +891,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         }
       }
       if (this.options.layoutId) {
-        styles.pointerEvents = lead === this ? resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "" : "none";
+        styles.pointerEvents = lead === this ? resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || "" : "none";
       }
       return styles;
     }
@@ -922,7 +902,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     resetTree() {
       this.root.nodes.forEach((node) => {
         var _a;
-        return (_a = node.currentAnimation) == null ? void 0 : _a.stop();
+        return (_a = node.currentAnimation) === null || _a === void 0 ? void 0 : _a.stop();
       });
       this.root.nodes.forEach(clearMeasurements);
       this.root.sharedNodes.clear();
@@ -934,7 +914,7 @@ function updateLayout(node) {
 }
 function notifyLayoutUpdate(node) {
   var _a;
-  const snapshot = ((_a = node.resumeFrom) == null ? void 0 : _a.snapshot) || node.snapshot;
+  const snapshot = ((_a = node.resumeFrom) === null || _a === void 0 ? void 0 : _a.snapshot) || node.snapshot;
   if (node.isLead() && node.layout && snapshot && node.hasListeners("didUpdate")) {
     const { layoutBox: layout, measuredBox: measuredLayout } = node.layout;
     const { animationType } = node.options;
@@ -1002,9 +982,6 @@ function notifyLayoutUpdate(node) {
   node.options.transition = void 0;
 }
 function propagateDirtyNodes(node) {
-  if (statsBuffer.value) {
-    metrics.nodes++;
-  }
   if (!node.parent)
     return;
   if (!node.isProjecting()) {
@@ -1085,7 +1062,7 @@ function shouldAnimatePositionOnly(animationType, snapshot, layout) {
 }
 function checkNodeWasScrollRoot(node) {
   var _a;
-  return node !== node.root && ((_a = node.scroll) == null ? void 0 : _a.wasRoot);
+  return node !== node.root && ((_a = node.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot);
 }
 export {
   cleanDirtyNodes,

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/shared/stack.mjs

@@ -1,4 +1,5 @@
-import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/array.mjs";
+import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/array.mjs";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 class NodeStack {
   constructor() {
     this.members = [];

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs

@@ -1,4 +1,4 @@
-import { px } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { px } from "../../value/types/numbers/units.mjs";
 function pixelsToPercent(pixels, axis) {
   if (axis.max === axis.min)
     return 0;

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs

@@ -1,5 +1,5 @@
-import { complex } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/complex/index.mjs";
-import { mixNumber } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { mixNumber } from "../../utils/mix/number.mjs";
+import { complex } from "../../value/types/complex/index.mjs";
 const correctBoxShadow = {
   correct: (latest, { treeScale, projectionDelta }) => {
     const original = latest;

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/styles/scale-correction.mjs

@@ -1,4 +1,4 @@
-import { isCSSVariableName } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
+import { isCSSVariableName } from "../../render/dom/utils/is-css-variable.mjs";
 const scaleCorrectors = {};
 function addScaleCorrector(correctors) {
   for (const key in correctors) {