motion-v 0.10.0-beta.1 → 0.11.0-beta.1

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

@@ -1,8 +1,8 @@
-import { invariant } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { createGeneratorEasing } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { invariant } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { createGeneratorEasing } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@11.16.4/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";

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/easing/cubic-bezier.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@11.16.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/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/easing/utils/map.mjs

@@ -1,6 +1,6 @@
-import { invariant } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
-import { isBezierDefinition } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/is-bezier-definition.mjs";
+import { invariant } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import { isBezierDefinition } from "../../../../../../../motion-dom@11.16.4/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";

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/frameloop/batcher.mjs

@@ -1,5 +1,18 @@
-import { stepsOrder } from "./order.mjs";
 import { createRenderStep } from "./render-step.mjs";
+const stepsOrder = [
+  "read",
+  // Read
+  "resolveKeyframes",
+  // Write/Read/Write/Read
+  "update",
+  // Compute
+  "preRender",
+  // Compute
+  "render",
+  // Write
+  "postRender"
+  // Compute
+];
 const maxElapsed = 40;
 function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   let runNextFrame = false;
@@ -11,16 +24,14 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   };
   const flagRunNextFrame = () => runNextFrame = true;
   const steps = stepsOrder.reduce((acc, key) => {
-    acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : void 0);
+    acc[key] = createRenderStep(flagRunNextFrame);
     return acc;
   }, {});
   const { read, resolveKeyframes, update, preRender, render, postRender } = steps;
   const processBatch = () => {
     const timestamp = performance.now();
     runNextFrame = false;
-    {
-      state.delta = useDefaultElapsed ? 1e3 / 60 : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
-    }
+    state.delta = useDefaultElapsed ? 1e3 / 60 : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
     state.timestamp = timestamp;
     state.isProcessing = true;
     read.process(state);
@@ -59,5 +70,6 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   return { schedule, cancel, state, steps };
 }
 export {
-  createRenderBatcher
+  createRenderBatcher,
+  stepsOrder
 };

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/frameloop/frame.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
 import { createRenderBatcher } from "./batcher.mjs";
 const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 export {

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/frameloop/index-legacy.mjs

@@ -1,4 +1,4 @@
-import { stepsOrder } from "./order.mjs";
+import { stepsOrder } from "./batcher.mjs";
 import { frame, cancelFrame } from "./frame.mjs";
 const sync = frame;
 const cancelSync = stepsOrder.reduce((acc, key) => {

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/frameloop/render-step.mjs

@@ -1,5 +1,4 @@
-import { statsBuffer } from "../stats/buffer.mjs";
-function createRenderStep(runNextFrame, stepName) {
+function createRenderStep(runNextFrame) {
   let thisFrame = /* @__PURE__ */ new Set();
   let nextFrame = /* @__PURE__ */ new Set();
   let isProcessing = false;
@@ -10,13 +9,11 @@ function createRenderStep(runNextFrame, stepName) {
     timestamp: 0,
     isProcessing: false
   };
-  let numCalls = 0;
   function triggerCallback(callback) {
     if (toKeepAlive.has(callback)) {
       step.schedule(callback);
       runNextFrame();
     }
-    numCalls++;
     callback(latestFrameData);
   }
   const step = {
@@ -51,10 +48,6 @@ function createRenderStep(runNextFrame, stepName) {
       isProcessing = true;
       [thisFrame, nextFrame] = [nextFrame, thisFrame];
       thisFrame.forEach(triggerCallback);
-      if (stepName && statsBuffer.value) {
-        statsBuffer.value.frameloop[stepName].push(numCalls);
-      }
-      numCalls = 0;
       thisFrame.clear();
       isProcessing = false;
       if (flushNextFrame) {

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

@@ -1,6 +1,6 @@
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
+import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "../../../../../../../motion-utils@11.16.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";

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

@@ -1,6 +1,6 @@
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
 import { animateSingleValue } from "../../animation/animate/single-value.mjs";
 import { getOptimisedAppearId } from "../../animation/optimized-appear/get-appear-id.mjs";
 import { cancelFrame, frameData, frameSteps, frame } from "../../frameloop/frame.mjs";
@@ -16,7 +16,7 @@ import { resolveMotionValue } from "../../value/utils/resolve-motion-value.mjs";
 import { mixValues } from "../animation/mix-values.mjs";
 import { copyBoxInto, copyAxisDeltaInto } from "../geometry/copy.mjs";
 import { translateAxis, transformBox, applyBoxDelta, applyTreeDeltas } from "../geometry/delta-apply.mjs";
-import { calcLength, calcRelativePosition, calcRelativeBox, calcBoxDelta, isNear } from "../geometry/delta-calc.mjs";
+import { calcRelativePosition, calcRelativeBox, calcBoxDelta, calcLength, isNear } from "../geometry/delta-calc.mjs";
 import { removeBoxTransforms } from "../geometry/delta-remove.mjs";
 import { createBox, createDelta } from "../geometry/models.mjs";
 import { boxEqualsRounded, isDeltaZero, axisDeltaEquals, aspectRatio, boxEquals } from "../geometry/utils.mjs";
@@ -26,6 +26,13 @@ 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";
+const metrics = {
+  type: "projectionFrame",
+  totalNodes: 0,
+  resolvedTargetDeltas: 0,
+  recalculatedProjection: 0
+};
+const isDebug = typeof window !== "undefined" && window.MotionDebug !== void 0;
 const transformAxes = ["", "X", "Y", "Z"];
 const hiddenVisibility = { visibility: "hidden" };
 const animationTarget = 1e3;
@@ -91,10 +98,16 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       };
       this.updateProjection = () => {
         this.projectionUpdateScheduled = false;
+        if (isDebug) {
+          metrics.totalNodes = metrics.resolvedTargetDeltas = metrics.recalculatedProjection = 0;
+        }
         this.nodes.forEach(propagateDirtyNodes);
         this.nodes.forEach(resolveTargetDelta);
         this.nodes.forEach(calcProjection);
         this.nodes.forEach(cleanDirtyNodes);
+        if (isDebug) {
+          window.MotionDebug.record(metrics);
+        }
       };
       this.resolvedRelativeTargetAt = 0;
       this.hasProjected = false;
@@ -159,7 +172,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.root.registerSharedNode(layoutId, this);
       }
       if (this.options.animate !== false && visualElement && (layoutId || layout)) {
-        this.addEventListener("didUpdate", ({ delta, hasLayoutChanged, hasRelativeLayoutChanged, layout: newLayout }) => {
+        this.addEventListener("didUpdate", ({ delta, hasLayoutChanged, hasRelativeTargetChanged, layout: newLayout }) => {
           if (this.isTreeAnimationBlocked()) {
             this.target = void 0;
             this.relativeTarget = void 0;
@@ -167,9 +180,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
           }
           const layoutTransition = this.options.transition || visualElement.getDefaultTransition() || defaultLayoutTransition;
           const { onLayoutAnimationStart, onLayoutAnimationComplete } = visualElement.getProps();
-          const hasTargetChanged = !this.targetLayout || !boxEqualsRounded(this.targetLayout, newLayout);
-          const hasOnlyRelativeTargetChanged = !hasLayoutChanged && hasRelativeLayoutChanged;
-          if (this.options.layoutRoot || this.resumeFrom || hasOnlyRelativeTargetChanged || hasLayoutChanged && (hasTargetChanged || !this.currentAnimation)) {
+          const targetChanged = !this.targetLayout || !boxEqualsRounded(this.targetLayout, newLayout) || hasRelativeTargetChanged;
+          const hasOnlyRelativeTargetChanged = !hasLayoutChanged && hasRelativeTargetChanged;
+          if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || hasOnlyRelativeTargetChanged || hasLayoutChanged && (targetChanged || !this.currentAnimation)) {
             if (this.resumeFrom) {
               this.resumingFrom = this.resumeFrom;
               this.resumingFrom.resumingFrom = void 0;
@@ -318,9 +331,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (this.snapshot || !this.instance)
         return;
       this.snapshot = this.measure();
-      if (this.snapshot && !calcLength(this.snapshot.measuredBox.x) && !calcLength(this.snapshot.measuredBox.y)) {
-        this.snapshot = void 0;
-      }
     }
     updateLayout() {
       if (!this.instance)
@@ -553,6 +563,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
           this.relativeParent = this.relativeTarget = void 0;
         }
       }
+      if (isDebug) {
+        metrics.resolvedTargetDeltas++;
+      }
     }
     getClosestProjectingParent() {
       if (!this.parent || hasScale(this.parent.latestValues) || has2DTranslate(this.parent.latestValues)) {
@@ -618,6 +631,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.scheduleRender();
         this.notifyListeners("projectionUpdate", target);
       }
+      if (isDebug) {
+        metrics.recalculatedProjection++;
+      }
     }
     hide() {
       this.isVisible = false;
@@ -702,8 +718,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             this.mixTargetDelta(latest);
             options.onUpdate && options.onUpdate(latest);
           },
-          onStop: () => {
-          },
           onComplete: () => {
             options.onComplete && options.onComplete();
             this.completeAnimation();
@@ -875,7 +889,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       for (const key in scaleCorrectors) {
         if (valuesToRender[key] === void 0)
           continue;
-        const { correct, applyTo, isCSSVariable } = scaleCorrectors[key];
+        const { correct, applyTo } = scaleCorrectors[key];
         const corrected = styles.transform === "none" ? valuesToRender[key] : correct(valuesToRender[key], lead);
         if (applyTo) {
           const num = applyTo.length;
@@ -883,11 +897,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             styles[applyTo[i]] = corrected;
           }
         } else {
-          if (isCSSVariable) {
-            this.options.visualElement.renderState.vars[key] = corrected;
-          } else {
-            styles[key] = corrected;
-          }
+          styles[key] = corrected;
         }
       }
       if (this.options.layoutId) {
@@ -946,7 +956,7 @@ function notifyLayoutUpdate(node) {
       calcBoxDelta(visualDelta, layout, snapshot.layoutBox);
     }
     const hasLayoutChanged = !isDeltaZero(layoutDelta);
-    let hasRelativeLayoutChanged = false;
+    let hasRelativeTargetChanged = false;
     if (!node.resumeFrom) {
       const relativeParent = node.getClosestProjectingParent();
       if (relativeParent && !relativeParent.resumeFrom) {
@@ -957,7 +967,7 @@ function notifyLayoutUpdate(node) {
           const relativeLayout = createBox();
           calcRelativePosition(relativeLayout, layout, parentLayout.layoutBox);
           if (!boxEqualsRounded(relativeSnapshot, relativeLayout)) {
-            hasRelativeLayoutChanged = true;
+            hasRelativeTargetChanged = true;
           }
           if (relativeParent.options.layoutRoot) {
             node.relativeTarget = relativeLayout;
@@ -973,7 +983,7 @@ function notifyLayoutUpdate(node) {
       delta: visualDelta,
       layoutDelta,
       hasLayoutChanged,
-      hasRelativeLayoutChanged
+      hasRelativeTargetChanged
     });
   } else if (node.isLead()) {
     const { onExitComplete } = node.options;
@@ -982,6 +992,9 @@ function notifyLayoutUpdate(node) {
   node.options.transition = void 0;
 }
 function propagateDirtyNodes(node) {
+  if (isDebug) {
+    metrics.totalNodes++;
+  }
   if (!node.parent)
     return;
   if (!node.isProjecting()) {

package/dist/es/external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-correction.mjs

@@ -0,0 +1,8 @@
+const scaleCorrectors = {};
+function addScaleCorrector(correctors) {
+  Object.assign(scaleCorrectors, correctors);
+}
+export {
+  addScaleCorrector,
+  scaleCorrectors
+};

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/render/VisualElement.mjs

@@ -67,8 +67,7 @@ class VisualElement {
         frame.render(this.render, false, true);
       }
     };
-    const { latestValues, renderState, onUpdate } = visualState;
-    this.onUpdate = onUpdate;
+    const { latestValues, renderState } = visualState;
     this.latestValues = latestValues;
     this.baseTarget = { ...latestValues };
     this.initialValues = props.initial ? { ...latestValues } : {};
@@ -116,6 +115,7 @@ class VisualElement {
     this.update(this.props, this.presenceContext);
   }
   unmount() {
+    visualElementStore.delete(this.current);
     this.projection && this.projection.unmount();
     cancelFrame(this.notifyUpdate);
     cancelFrame(this.render);
@@ -140,9 +140,6 @@ class VisualElement {
       this.valueSubscriptions.get(key)();
     }
     const valueIsTransform = transformProps.has(key);
-    if (valueIsTransform && this.onBindTransform) {
-      this.onBindTransform();
-    }
     const removeOnChange = value.on("change", (latestValue) => {
       this.latestValues[key] = latestValue;
       this.props.onUpdate && frame.preRender(this.notifyUpdate);
@@ -236,7 +233,6 @@ class VisualElement {
     if (this.handleChildMotionValue) {
       this.handleChildMotionValue();
     }
-    this.onUpdate && this.onUpdate(this);
   }
   getProps() {
     return this.props;

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/render/dom/resize/handle-element.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
 let observer;
 function getElementSize(target, borderBoxSize) {

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/render/dom/scroll/index.mjs

@@ -1,6 +1,6 @@
-import { supportsScrollTimeline } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
-import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import { supportsScrollTimeline } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
+import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
 import { observeTimeline } from "./observe.mjs";
 import { scrollInfo } from "./track.mjs";
 function scrollTimelineFallback({ source, container, axis = "y" }) {

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/render/dom/scroll/info.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
+import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
 import { velocityPerSecond } from "../../../utils/velocity-per-second.mjs";
 const maxElapsed = 50;
 const createAxisInfo = () => ({

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs

@@ -1,4 +1,4 @@
-import { invariant } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { invariant } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
 import { isNumericalString } from "../../../utils/is-numerical-string.mjs";
 import { isCSSVariableToken } from "./is-css-variable.mjs";
 const splitCSSVariableRegex = (

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/render/dom/viewport/index.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const thresholds = {
   some: 0,
   all: 1
@@ -13,7 +13,7 @@ function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount =
       if (entry.isIntersecting === Boolean(onEnd))
         return;
       if (entry.isIntersecting) {
-        const newOnEnd = onStart(entry.target, entry);
+        const newOnEnd = onStart(entry);
         if (typeof newOnEnd === "function") {
           activeIntersections.set(entry.target, newOnEnd);
         } else {

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs

@@ -1,4 +1,3 @@
-import { frame } from "../../frameloop/frame.mjs";
 import { createBox } from "../../projection/geometry/models.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { camelToDash } from "../dom/utils/camel-to-dash.mjs";
@@ -7,7 +6,6 @@ import { transformProps } from "../html/utils/keys-transform.mjs";
 import { buildSVGAttrs } from "./utils/build-attrs.mjs";
 import { camelCaseAttributes } from "./utils/camel-case-attrs.mjs";
 import { isSVGTag } from "./utils/is-svg-tag.mjs";
-import { updateSVGDimensions } from "./utils/measure.mjs";
 import { renderSVG } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
 class SVGVisualElement extends DOMVisualElement {
@@ -16,11 +14,6 @@ class SVGVisualElement extends DOMVisualElement {
     this.type = "svg";
     this.isSVGTag = false;
     this.measureInstanceViewportBox = createBox;
-    this.updateDimensions = () => {
-      if (this.current && !this.renderState.dimensions) {
-        updateSVGDimensions(this.current, this.renderState);
-      }
-    };
   }
   getBaseTargetFromProps(props, key) {
     return props[key];
@@ -36,11 +29,6 @@ class SVGVisualElement extends DOMVisualElement {
   scrapeMotionValuesFromProps(props, prevProps, visualElement) {
     return scrapeMotionValuesFromProps(props, prevProps, visualElement);
   }
-  onBindTransform() {
-    if (this.current && !this.renderState.dimensions) {
-      frame.postRender(this.updateDimensions);
-    }
-  }
   build(renderState, latestValues, props) {
     buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate);
   }

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/render/utils/motion-values.mjs

@@ -8,7 +8,7 @@ function updateMotionValuesFromProps(element, next, prev) {
     if (isMotionValue(nextValue)) {
       element.addValue(key, nextValue);
       if (process.env.NODE_ENV === "development") {
-        warnOnce(nextValue.version === "12.4.0", `Attempting to mix Motion versions ${nextValue.version} with 12.4.0 may not work as expected.`);
+        warnOnce(nextValue.version === "11.16.6", `Attempting to mix Motion versions ${nextValue.version} with 11.16.6 may not work as expected.`);
       }
     } else if (isMotionValue(prevValue)) {
       element.addValue(key, motionValue(nextValue, { owner: element }));

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/utils/delay.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { time } from "../frameloop/sync-time.mjs";
 import { frame, cancelFrame } from "../frameloop/frame.mjs";
 function delay(callback, timeout) {

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/utils/interpolate.mjs

@@ -1,6 +1,6 @@
-import { invariant } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
+import { invariant } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
 import { clamp } from "./clamp.mjs";
 import { mix } from "./mix/index.mjs";
 import { pipe } from "./pipe.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/utils/mix/color.mjs

@@ -1,5 +1,5 @@
 import { mixNumber } from "./number.mjs";
-import { warning } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
 import { hslaToRgba } from "../hsla-to-rgba.mjs";
 import { hex } from "../../value/types/color/hex.mjs";
 import { rgba } from "../../value/types/color/rgba.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/utils/mix/complex.mjs

@@ -1,7 +1,7 @@
 import { mixNumber as mixNumber$1 } from "./number.mjs";
 import { mixColor } from "./color.mjs";
 import { pipe } from "../pipe.mjs";
-import { warning } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
 import { color } from "../../value/types/color/index.mjs";
 import { complex, analyseComplexValue } from "../../value/types/complex/index.mjs";
 import { isCSSVariableToken } from "../../render/dom/utils/is-css-variable.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/utils/offsets/fill.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
+import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
 import { mixNumber } from "../mix/number.mjs";
 function fillOffset(offset, remaining) {
   const min = offset[offset.length - 1];

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/value/index.mjs

@@ -20,7 +20,7 @@ class MotionValue {
    * @internal
    */
   constructor(init, options = {}) {
-    this.version = "12.4.0";
+    this.version = "11.16.6";
     this.canTrackVelocity = null;
     this.events = {};
     this.updateAndNotify = (v, render = true) => {

package/dist/es/external/.pnpm/{motion-dom@12.0.0 → motion-dom@11.16.4}/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { calcGeneratorDuration, maxGeneratorDuration } from "./calc-duration.mjs";
 function createGeneratorEasing(options, scale = 100, createGenerator) {
   const generator = createGenerator({ ...options, keyframes: [0, scale] });

package/dist/es/external/.pnpm/{motion-dom@12.0.0 → motion-dom@11.16.4}/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs

@@ -1,6 +1,6 @@
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { attachTimeline } from "./utils/attach-timeline.mjs";
 class NativeAnimationControls {
   constructor(animation) {

package/dist/es/external/.pnpm/{motion-dom@12.0.0 → motion-dom@11.16.4}/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
+import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
 const generateLinearEasing = (easing, duration, resolution = 10) => {
   let points = "";
   const numPoints = Math.max(Math.round(duration / resolution), 2);

package/dist/es/external/.pnpm/{motion-dom@12.0.0 → motion-dom@11.16.4}/external/motion-dom/dist/es/gestures/hover.mjs

@@ -1,25 +1,25 @@
 import { isDragActive } from "./drag/state/is-active.mjs";
 import { setupGesture } from "./utils/setup.mjs";
-function isValidHover(event) {
-  return !(event.pointerType === "touch" || isDragActive());
+function filterEvents(callback) {
+  return (event) => {
+    if (event.pointerType === "touch" || isDragActive())
+      return;
+    callback(event);
+  };
 }
 function hover(elementOrSelector, onHoverStart, options = {}) {
   const [elements, eventOptions, cancel] = setupGesture(elementOrSelector, options);
-  const onPointerEnter = (enterEvent) => {
-    if (!isValidHover(enterEvent))
-      return;
+  const onPointerEnter = filterEvents((enterEvent) => {
     const { target } = enterEvent;
-    const onHoverEnd = onHoverStart(target, enterEvent);
+    const onHoverEnd = onHoverStart(enterEvent);
     if (typeof onHoverEnd !== "function" || !target)
       return;
-    const onPointerLeave = (leaveEvent) => {
-      if (!isValidHover(leaveEvent))
-        return;
+    const onPointerLeave = filterEvents((leaveEvent) => {
       onHoverEnd(leaveEvent);
       target.removeEventListener("pointerleave", onPointerLeave);
-    };
+    });
     target.addEventListener("pointerleave", onPointerLeave, eventOptions);
-  };
+  });
   elements.forEach((element) => {
     element.addEventListener("pointerenter", onPointerEnter, eventOptions);
   });

package/dist/es/external/.pnpm/{motion-dom@12.0.0 → motion-dom@11.16.4}/external/motion-dom/dist/es/gestures/press/index.mjs

@@ -15,7 +15,7 @@ function press(elementOrSelector, onPressStart, options = {}) {
     if (!isValidPressEvent(startEvent) || isPressing.has(element))
       return;
     isPressing.add(element);
-    const onPressEnd = onPressStart(element, startEvent);
+    const onPressEnd = onPressStart(startEvent);
     const onPointerEnd = (endEvent, success) => {
       window.removeEventListener("pointerup", onPointerUp);
       window.removeEventListener("pointercancel", onPointerCancel);

package/dist/es/external/.pnpm/{motion-dom@12.0.0 → motion-dom@11.16.4}/external/motion-dom/dist/es/utils/supports/memo.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { memo } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/memo.mjs";
+import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { memo } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/memo.mjs";
 import { supportsFlags } from "./flags.mjs";
 function memoSupports(callback, supportsFlag) {
   const memoized = memo(callback);