motion-v 1.0.1 → 1.1.0-alpha.0

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

@@ -1,17 +1,8 @@
-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";
@@ -26,6 +17,22 @@ 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.9.4/external/motion-utils/dist/es/noop.mjs";
+import { statsBuffer } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/stats/buffer.mjs";
+import { SubscriptionManager } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/subscription-manager.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { cancelFrame, frameData, frameSteps, frame } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { time } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { clamp } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
+import { microtask } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/frameloop/microtask.mjs";
+import { activeAnimations } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/stats/animation-count.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/index.mjs";
+import { mixNumber } from "../../../../../../../motion-dom@12.10.4/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;
@@ -59,7 +66,7 @@ function cancelTreeOptimisedTransformAnimations(projectionNode) {
 }
 function createProjectionNode({ attachResizeListener, defaultParent, measureScroll, checkIsScrollRoot, resetTransform }) {
   return class ProjectionNode {
-    constructor(latestValues = {}, parent = defaultParent === null || defaultParent === void 0 ? void 0 : defaultParent()) {
+    constructor(latestValues = {}, parent = defaultParent == null ? void 0 : defaultParent()) {
       this.id = id++;
       this.animationId = 0;
       this.children = /* @__PURE__ */ new Set();
@@ -91,10 +98,16 @@ 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;
@@ -128,7 +141,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     /**
      * Lifecycles
      */
-    mount(instance, isLayoutDirty = this.root.hasTreeAnimated) {
+    mount(instance) {
       if (this.instance)
         return;
       this.isSVG = isSVGElement(instance);
@@ -139,7 +152,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
       this.root.nodes.add(this);
       this.parent && this.parent.children.add(this);
-      if (isLayoutDirty && (layout || layoutId)) {
+      if (this.root.hasTreeAnimated && (layout || layoutId)) {
         this.isLayoutDirty = true;
       }
       if (attachResizeListener) {
@@ -204,6 +217,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       stack && stack.remove(this);
       this.parent && this.parent.children.delete(this);
       this.instance = void 0;
+      this.eventHandlers.clear();
       cancelFrame(this.updateProjection);
     }
     // only on the root
@@ -349,7 +363,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === phase) {
         needsMeasurement = false;
       }
-      if (needsMeasurement) {
+      if (needsMeasurement && this.instance) {
         const isRoot = checkIsScrollRoot(this.instance);
         this.scroll = {
           animationId: this.root.animationId,
@@ -368,7 +382,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       const transformTemplate = this.getTransformTemplate();
       const transformTemplateValue = transformTemplate ? transformTemplate(this.latestValues, "") : void 0;
       const transformTemplateHasChanged = transformTemplateValue !== this.prevTransformTemplateValue;
-      if (isResetRequested && (hasProjection || hasTransform(this.latestValues) || transformTemplateHasChanged)) {
+      if (isResetRequested && this.instance && (hasProjection || hasTransform(this.latestValues) || transformTemplateHasChanged)) {
         resetTransform(this.instance, transformTemplateValue);
         this.shouldResetTransform = false;
         this.scheduleRender();
@@ -395,7 +409,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (!visualElement)
         return createBox();
       const box = visualElement.measureViewportBox();
-      const wasInScrollRoot = ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
+      const wasInScrollRoot = ((_a = this.scroll) == null ? void 0 : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
       if (!wasInScrollRoot) {
         const { scroll } = this.root;
         if (scroll) {
@@ -409,7 +423,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       var _a;
       const boxWithoutScroll = createBox();
       copyBoxInto(boxWithoutScroll, box);
-      if ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) {
+      if ((_a = this.scroll) == null ? void 0 : _a.wasRoot) {
         return boxWithoutScroll;
       }
       for (let i = 0; i < this.path.length; i++) {
@@ -500,7 +514,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 || _a === void 0 ? void 0 : _a.isProjectionDirty) || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
+      const canSkip = !(forceRecalculation || isShared && this.isSharedProjectionDirty || this.isProjectionDirty || ((_a = this.parent) == null ? void 0 : _a.isProjectionDirty) || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
       if (canSkip)
         return;
       const { layout, layoutId } = this.options;
@@ -553,6 +567,9 @@ 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)) {
@@ -572,7 +589,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 || _a === void 0 ? void 0 : _a.isProjectionDirty)) {
+      if (this.isProjectionDirty || ((_a = this.parent) == null ? void 0 : _a.isProjectionDirty)) {
         canSkip = false;
       }
       if (isShared && (this.isSharedProjectionDirty || this.isTransformDirty)) {
@@ -618,6 +635,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.scheduleRender();
         this.notifyListeners("projectionUpdate", target);
       }
+      if (statsBuffer.value) {
+        metrics.calculatedProjections++;
+      }
     }
     hide() {
       this.isVisible = false;
@@ -627,7 +647,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     }
     scheduleRender(notifyAll = true) {
       var _a;
-      (_a = this.options.visualElement) === null || _a === void 0 ? void 0 : _a.scheduleRender();
+      (_a = this.options.visualElement) == null ? void 0 : _a.scheduleRender();
       if (notifyAll) {
         const stack = this.getStack();
         stack && stack.scheduleRender();
@@ -685,26 +705,30 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(options) {
+      var _a, _b, _c;
       this.notifyListeners("animationStart");
-      this.currentAnimation && this.currentAnimation.stop();
-      if (this.resumingFrom && this.resumingFrom.currentAnimation) {
-        this.resumingFrom.currentAnimation.stop();
-      }
+      (_a = this.currentAnimation) == null ? void 0 : _a.stop(false);
+      (_c = (_b = this.resumingFrom) == null ? void 0 : _b.currentAnimation) == null ? void 0 : _c.stop(false);
       if (this.pendingAnimation) {
         cancelFrame(this.pendingAnimation);
         this.pendingAnimation = void 0;
       }
       this.pendingAnimation = frame.update(() => {
         globalProjectionState.hasAnimatedSinceResize = true;
-        this.currentAnimation = animateSingleValue(0, animationTarget, {
+        activeAnimations.layout++;
+        this.motionValue || (this.motionValue = motionValue(0));
+        this.currentAnimation = animateSingleValue(this.motionValue, [0, 1e3], {
           ...options,
+          isSync: true,
           onUpdate: (latest) => {
             this.mixTargetDelta(latest);
             options.onUpdate && options.onUpdate(latest);
           },
           onStop: () => {
+            activeAnimations.layout--;
           },
           onComplete: () => {
+            activeAnimations.layout--;
             options.onComplete && options.onComplete();
             this.completeAnimation();
           }
@@ -728,7 +752,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     finishAnimation() {
       if (this.currentAnimation) {
         this.mixTargetDelta && this.mixTargetDelta(animationTarget);
-        this.currentAnimation.stop();
+        this.currentAnimation.stop(false);
       }
       this.completeAnimation();
     }
@@ -769,12 +793,12 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     getLead() {
       var _a;
       const { layoutId } = this.options;
-      return layoutId ? ((_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.lead) || this : this;
+      return layoutId ? ((_a = this.getStack()) == null ? void 0 : _a.lead) || this : this;
     }
     getPrevLead() {
       var _a;
       const { layoutId } = this.options;
-      return layoutId ? (_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.prevLead : void 0;
+      return layoutId ? (_a = this.getStack()) == null ? void 0 : _a.prevLead : void 0;
     }
     getStack() {
       const { layoutId } = this.options;
@@ -829,7 +853,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       visualElement.scheduleRender();
     }
     getProjectionStyles(styleProp) {
-      var _a, _b;
       if (!this.instance || this.isSVG)
         return void 0;
       if (!this.isVisible) {
@@ -842,7 +865,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (this.needsReset) {
         this.needsReset = false;
         styles.opacity = "";
-        styles.pointerEvents = resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || "";
+        styles.pointerEvents = resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "";
         styles.transform = transformTemplate ? transformTemplate(this.latestValues, "") : "none";
         return styles;
       }
@@ -851,7 +874,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 || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || "";
+          emptyStyles.pointerEvents = resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "";
         }
         if (this.hasProjected && !hasTransform(this.latestValues)) {
           emptyStyles.transform = transformTemplate ? transformTemplate({}, "") : "none";
@@ -868,7 +891,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 ? (_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;
+        styles.opacity = lead === this ? valuesToRender.opacity ?? this.latestValues.opacity ?? 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;
       }
@@ -891,7 +914,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         }
       }
       if (this.options.layoutId) {
-        styles.pointerEvents = lead === this ? resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || "" : "none";
+        styles.pointerEvents = lead === this ? resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "" : "none";
       }
       return styles;
     }
@@ -902,7 +925,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     resetTree() {
       this.root.nodes.forEach((node) => {
         var _a;
-        return (_a = node.currentAnimation) === null || _a === void 0 ? void 0 : _a.stop();
+        return (_a = node.currentAnimation) == null ? void 0 : _a.stop(false);
       });
       this.root.nodes.forEach(clearMeasurements);
       this.root.sharedNodes.clear();
@@ -914,7 +937,7 @@ function updateLayout(node) {
 }
 function notifyLayoutUpdate(node) {
   var _a;
-  const snapshot = ((_a = node.resumeFrom) === null || _a === void 0 ? void 0 : _a.snapshot) || node.snapshot;
+  const snapshot = ((_a = node.resumeFrom) == null ? 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;
@@ -982,6 +1005,9 @@ function notifyLayoutUpdate(node) {
   node.options.transition = void 0;
 }
 function propagateDirtyNodes(node) {
+  if (statsBuffer.value) {
+    metrics.nodes++;
+  }
   if (!node.parent)
     return;
   if (!node.isProjecting()) {
@@ -1062,7 +1088,7 @@ function shouldAnimatePositionOnly(animationType, snapshot, layout) {
 }
 function checkNodeWasScrollRoot(node) {
   var _a;
-  return node !== node.root && ((_a = node.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot);
+  return node !== node.root && ((_a = node.scroll) == null ? void 0 : _a.wasRoot);
 }
 export {
   cleanDirtyNodes,

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

@@ -1,5 +1,4 @@
-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";
+import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/array.mjs";
 class NodeStack {
   constructor() {
     this.members = [];

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

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

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

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

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

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

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/projection/styles/transform.mjs

@@ -2,7 +2,7 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
   let transform = "";
   const xTranslate = delta.x.translate / treeScale.x;
   const yTranslate = delta.y.translate / treeScale.y;
-  const zTranslate = (latestTransform === null || latestTransform === void 0 ? void 0 : latestTransform.z) || 0;
+  const zTranslate = (latestTransform == null ? void 0 : latestTransform.z) || 0;
   if (xTranslate || yTranslate || zTranslate) {
     transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;
   }

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

@@ -1,25 +1,24 @@
-import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { SubscriptionManager } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/subscription-manager.mjs";
-import { warnOnce } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
-import { frame, cancelFrame } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { time } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
-import { motionValue } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
 import { featureDefinitions } from "../motion/features/definitions.mjs";
 import { createBox } from "../projection/geometry/models.mjs";
-import { isNumericalString } from "../utils/is-numerical-string.mjs";
-import { isZeroValueString } from "../utils/is-zero-value-string.mjs";
 import { initPrefersReducedMotion } from "../utils/reduced-motion/index.mjs";
 import { hasReducedMotionListener, prefersReducedMotion } from "../utils/reduced-motion/state.mjs";
-import { complex } from "../value/types/complex/index.mjs";
 import { isMotionValue } from "../value/utils/is-motion-value.mjs";
-import { getAnimatableNone } from "./dom/value-types/animatable-none.mjs";
-import { findValueType } from "./dom/value-types/find.mjs";
-import { transformProps } from "./html/utils/keys-transform.mjs";
 import { visualElementStore } from "./store.mjs";
 import { isControllingVariants, isVariantNode } from "./utils/is-controlling-variants.mjs";
-import { KeyframeResolver } from "./utils/KeyframesResolver.mjs";
 import { updateMotionValuesFromProps } from "./utils/motion-values.mjs";
 import { resolveVariantFromProps } from "./utils/resolve-variants.mjs";
+import { KeyframeResolver } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs";
+import { time } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { frame, cancelFrame } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/warn-once.mjs";
+import { transformProps } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { motionValue } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/index.mjs";
+import { isNumericalString } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/is-numerical-string.mjs";
+import { isZeroValueString } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/is-zero-value-string.mjs";
+import { findValueType } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/utils/find.mjs";
+import { complex } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/complex/index.mjs";
+import { getAnimatableNone } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/utils/animatable-none.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/subscription-manager.mjs";
 const propEventHandlers = [
   "AnimationStart",
   "AnimationComplete",
@@ -68,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 } : {};
@@ -237,7 +235,6 @@ class VisualElement {
     if (this.handleChildMotionValue) {
       this.handleChildMotionValue();
     }
-    this.onUpdate && this.onUpdate(this);
   }
   getProps() {
     return this.props;
@@ -319,8 +316,7 @@ class VisualElement {
    * directly from the instance (which might have performance implications).
    */
   readValue(key, target) {
-    var _a;
-    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);
+    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : this.getBaseTargetFromProps(this.props, key) ?? this.readValueFromInstance(this.current, key, this.options);
     if (value !== void 0 && value !== null) {
       if (typeof value === "string" && (isNumericalString(value) || isZeroValueString(value))) {
         value = parseFloat(value);
@@ -347,7 +343,7 @@ class VisualElement {
     const { initial } = this.props;
     let valueFromInitial;
     if (typeof initial === "string" || typeof initial === "object") {
-      const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) === null || _a === void 0 ? void 0 : _a.custom);
+      const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) == null ? void 0 : _a.custom);
       if (variant) {
         valueFromInitial = variant[key];
       }

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/dom/DOMVisualElement.mjs

@@ -1,6 +1,6 @@
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 import { VisualElement } from "../VisualElement.mjs";
-import { DOMKeyframesResolver } from "./DOMKeyframesResolver.mjs";
+import { DOMKeyframesResolver } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs";
 class DOMVisualElement extends VisualElement {
   constructor() {
     super(...arguments);

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

@@ -1,5 +1,4 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
 let observer;
 function getElementSize(target, borderBoxSize) {
@@ -17,7 +16,7 @@ function getElementSize(target, borderBoxSize) {
 }
 function notifyTarget({ target, contentRect, borderBoxSize }) {
   var _a;
-  (_a = resizeHandlers.get(target)) === null || _a === void 0 ? void 0 : _a.forEach((handler) => {
+  (_a = resizeHandlers.get(target)) == null ? void 0 : _a.forEach((handler) => {
     handler({
       target,
       contentSize: contentRect,
@@ -46,14 +45,14 @@ function resizeElement(target, handler) {
       resizeHandlers.set(element, elementHandlers);
     }
     elementHandlers.add(handler);
-    observer === null || observer === void 0 ? void 0 : observer.observe(element);
+    observer == null ? void 0 : observer.observe(element);
   });
   return () => {
     elements.forEach((element) => {
       const elementHandlers = resizeHandlers.get(element);
-      elementHandlers === null || elementHandlers === void 0 ? void 0 : elementHandlers.delete(handler);
-      if (!(elementHandlers === null || elementHandlers === void 0 ? void 0 : elementHandlers.size)) {
-        observer === null || observer === void 0 ? void 0 : observer.unobserve(element);
+      elementHandlers == null ? void 0 : elementHandlers.delete(handler);
+      if (!(elementHandlers == null ? void 0 : elementHandlers.size)) {
+        observer == null ? void 0 : observer.unobserve(element);
       }
     });
   };

package/dist/es/external/.pnpm/framer-motion@12.10.4/external/framer-motion/dist/es/render/dom/scroll/attach-animation.mjs

@@ -0,0 +1,17 @@
+import { getTimeline } from "./utils/get-timeline.mjs";
+import { observeTimeline } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/scroll/observe.mjs";
+function attachToAnimation(animation, options) {
+  const timeline = getTimeline(options);
+  return animation.attachTimeline({
+    timeline: options.target ? void 0 : timeline,
+    observe: (valueAnimation) => {
+      valueAnimation.pause();
+      return observeTimeline((progress) => {
+        valueAnimation.time = valueAnimation.duration * progress;
+      }, timeline);
+    }
+  });
+}
+export {
+  attachToAnimation
+};

package/dist/es/external/.pnpm/framer-motion@12.10.4/external/framer-motion/dist/es/render/dom/scroll/attach-function.mjs

@@ -0,0 +1,18 @@
+import { scrollInfo } from "./track.mjs";
+import { getTimeline } from "./utils/get-timeline.mjs";
+import { observeTimeline } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/scroll/observe.mjs";
+function isOnScrollWithInfo(onScroll) {
+  return onScroll.length === 2;
+}
+function attachToFunction(onScroll, options) {
+  if (isOnScrollWithInfo(onScroll)) {
+    return scrollInfo((info) => {
+      onScroll(info[options.axis].progress, info);
+    }, options);
+  } else {
+    return observeTimeline(onScroll, getTimeline(options));
+  }
+}
+export {
+  attachToFunction
+};

package/dist/es/external/.pnpm/framer-motion@12.10.4/external/framer-motion/dist/es/render/dom/scroll/index.mjs

@@ -0,0 +1,12 @@
+import { attachToAnimation } from "./attach-animation.mjs";
+import { attachToFunction } from "./attach-function.mjs";
+function scroll(onScroll, { axis = "y", container = document.documentElement, ...options } = {}) {
+  if (container === document.documentElement && (axis === "y" && container.scrollHeight === container.clientHeight || axis === "x" && container.scrollWidth === container.clientWidth)) {
+    container = document.body;
+  }
+  const optionsWithDefaults = { axis, container, ...options };
+  return typeof onScroll === "function" ? attachToFunction(onScroll, optionsWithDefaults) : attachToAnimation(onScroll, optionsWithDefaults);
+}
+export {
+  scroll
+};

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

@@ -1,6 +1,5 @@
-import "../../../../../../../../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 { velocityPerSecond } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/velocity-per-second.mjs";
+import { progress } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/progress.mjs";
+import { velocityPerSecond } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/velocity-per-second.mjs";
 const maxElapsed = 50;
 const createAxisInfo = () => ({
   current: 0,

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs

@@ -1,9 +1,9 @@
-import { clamp } from "../../../../utils/clamp.mjs";
-import { interpolate } from "../../../../utils/interpolate.mjs";
-import { defaultOffset } from "../../../../utils/offsets/default.mjs";
 import { calcInset } from "./inset.mjs";
 import { resolveOffset } from "./offset.mjs";
 import { ScrollOffset } from "./presets.mjs";
+import { interpolate } from "../../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/utils/interpolate.mjs";
+import { defaultOffset } from "../../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes/offsets/default.mjs";
+import { clamp } from "../../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
 const point = { x: 0, y: 0 };
 function getTargetSize(target) {
   return "getBBox" in target && target.tagName !== "svg" ? target.getBBox() : { width: target.clientWidth, height: target.clientHeight };

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs

@@ -1,7 +1,6 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { warnOnce } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
 import { updateScrollInfo } from "./info.mjs";
 import { resolveOffsets } from "./offsets/index.mjs";
+import { warnOnce } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/warn-once.mjs";
 function measure(container, target = container, info) {
   info.x.targetOffset = 0;
   info.y.targetOffset = 0;

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/dom/scroll/track.mjs

@@ -1,8 +1,7 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { resize } from "../resize/index.mjs";
 import { createScrollInfo } from "./info.mjs";
 import { createOnScrollHandler } from "./on-scroll-handler.mjs";
+import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/frameloop/frame.mjs";
 const scrollListeners = /* @__PURE__ */ new WeakMap();
 const resizeListeners = /* @__PURE__ */ new WeakMap();
 const onScrollHandlers = /* @__PURE__ */ new WeakMap();
@@ -31,9 +30,9 @@ function scrollInfo(onScroll, { container = document.documentElement, ...options
         handler.notify();
     };
     const listener2 = () => {
-      frame.read(measureAll, false, true);
-      frame.read(updateAll, false, true);
-      frame.update(notifyAll, false, true);
+      frame.read(measureAll);
+      frame.read(updateAll);
+      frame.preUpdate(notifyAll);
     };
     scrollListeners.set(container, listener2);
     const target = getEventTarget(container);
@@ -42,6 +41,7 @@ function scrollInfo(onScroll, { container = document.documentElement, ...options
       resizeListeners.set(container, resize(container, listener2));
     }
     target.addEventListener("scroll", listener2, { passive: true });
+    listener2();
   }
   const listener = scrollListeners.get(container);
   frame.read(listener, false, true);
@@ -58,7 +58,7 @@ function scrollInfo(onScroll, { container = document.documentElement, ...options
     scrollListeners.delete(container);
     if (scrollListener) {
       getEventTarget(container).removeEventListener("scroll", scrollListener);
-      (_a = resizeListeners.get(container)) === null || _a === void 0 ? void 0 : _a();
+      (_a = resizeListeners.get(container)) == null ? void 0 : _a();
       window.removeEventListener("resize", scrollListener);
     }
   };

package/dist/es/external/.pnpm/framer-motion@12.10.4/external/framer-motion/dist/es/render/dom/scroll/utils/get-timeline.mjs

@@ -0,0 +1,27 @@
+import { scrollInfo } from "../track.mjs";
+import { supportsScrollTimeline } from "../../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
+const timelineCache = /* @__PURE__ */ new Map();
+function scrollTimelineFallback(options) {
+  const currentTime = { value: 0 };
+  const cancel = scrollInfo((info) => {
+    currentTime.value = info[options.axis].progress * 100;
+  }, options);
+  return { currentTime, cancel };
+}
+function getTimeline({ source, container, ...options }) {
+  const { axis } = options;
+  if (source)
+    container = source;
+  const containerCache = timelineCache.get(container) ?? /* @__PURE__ */ new Map();
+  timelineCache.set(container, containerCache);
+  const targetKey = options.target ?? "self";
+  const targetCache = containerCache.get(targetKey) ?? {};
+  const axisKey = axis + (options.offset ?? []).join(",");
+  if (!targetCache[axisKey]) {
+    targetCache[axisKey] = !options.target && supportsScrollTimeline() ? new ScrollTimeline({ source: container, axis }) : scrollTimelineFallback({ container, ...options });
+  }
+  return targetCache[axisKey];
+}
+export {
+  getTimeline
+};