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

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.9.0}/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,21 @@ 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;
@@ -59,7 +65,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 +97,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;
@@ -395,7 +407,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 +421,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 +512,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 +565,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 +587,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 +633,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.scheduleRender();
         this.notifyListeners("projectionUpdate", target);
       }
+      if (statsBuffer.value) {
+        metrics.calculatedProjections++;
+      }
     }
     hide() {
       this.isVisible = false;
@@ -627,7 +645,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();
@@ -696,6 +714,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
       this.pendingAnimation = frame.update(() => {
         globalProjectionState.hasAnimatedSinceResize = true;
+        activeAnimations.layout++;
         this.currentAnimation = animateSingleValue(0, animationTarget, {
           ...options,
           onUpdate: (latest) => {
@@ -703,8 +722,10 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             options.onUpdate && options.onUpdate(latest);
           },
           onStop: () => {
+            activeAnimations.layout--;
           },
           onComplete: () => {
+            activeAnimations.layout--;
             options.onComplete && options.onComplete();
             this.completeAnimation();
           }
@@ -769,12 +790,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 +850,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 +862,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 +871,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 +888,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 +911,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 +922,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();
       });
       this.root.nodes.forEach(clearMeasurements);
       this.root.sharedNodes.clear();
@@ -914,7 +934,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 +1002,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 +1085,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.9.0}/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.8.3/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.9.0}/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.9.0/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.9.0}/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.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";
 const correctBoxShadow = {
   correct: (latest, { treeScale, projectionDelta }) => {
     const original = latest;

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.9.0}/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.9.0/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.9.0}/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.9.0}/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.9.0/external/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs";
+import { time } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { frame, cancelFrame } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/warn-once.mjs";
+import { transformProps } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { motionValue } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/index.mjs";
+import { isNumericalString } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/is-numerical-string.mjs";
+import { isZeroValueString } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/is-zero-value-string.mjs";
+import { findValueType } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils/find.mjs";
+import { complex } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/complex/index.mjs";
+import { getAnimatableNone } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils/animatable-none.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.8.3/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.9.0}/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.9.0/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.9.0}/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.9.0/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.9.0/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.9.0/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.9.0/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.9.0/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.9.0/external/framer-motion/dist/es/render/dom/scroll/index.mjs

@@ -0,0 +1,9 @@
+import { attachToAnimation } from "./attach-animation.mjs";
+import { attachToFunction } from "./attach-function.mjs";
+function scroll(onScroll, { axis = "y", container = document.documentElement, ...options } = {}) {
+  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.9.0}/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.8.3/external/motion-utils/dist/es/progress.mjs";
+import { velocityPerSecond } from "../../../../../../../../motion-utils@12.8.3/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.9.0}/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.9.0/external/motion-dom/dist/es/utils/interpolate.mjs";
+import { defaultOffset } from "../../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes/offsets/default.mjs";
+import { clamp } from "../../../../../../../../../motion-utils@12.8.3/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.9.0}/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.8.3/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.9.0}/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.9.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 const scrollListeners = /* @__PURE__ */ new WeakMap();
 const resizeListeners = /* @__PURE__ */ new WeakMap();
 const onScrollHandlers = /* @__PURE__ */ new WeakMap();
@@ -33,7 +32,7 @@ function scrollInfo(onScroll, { container = document.documentElement, ...options
     const listener2 = () => {
       frame.read(measureAll, false, true);
       frame.read(updateAll, false, true);
-      frame.update(notifyAll, false, true);
+      frame.preUpdate(notifyAll, false, true);
     };
     scrollListeners.set(container, listener2);
     const target = getEventTarget(container);
@@ -58,7 +57,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.9.0/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.9.0/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[axis];
+}
+export {
+  getTimeline
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.9.0}/external/framer-motion/dist/es/render/dom/viewport/index.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.9.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const thresholds = {
   some: 0,
   all: 1

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.9.0}/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs

@@ -1,11 +1,11 @@
 import { measureViewportBox } from "../../projection/utils/measure.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
-import { isCSSVariableName } from "../dom/utils/is-css-variable.mjs";
 import { buildHTMLStyles } from "./utils/build-styles.mjs";
-import { transformProps } from "./utils/keys-transform.mjs";
-import { readTransformValue } from "./utils/parse-transform.mjs";
 import { renderHTML } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { readTransformValue } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/dom/parse-transform.mjs";
+import { isCSSVariableName } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
 function getComputedStyle(element) {
   return window.getComputedStyle(element);
 }

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.9.0}/external/framer-motion/dist/es/render/html/utils/build-styles.mjs

@@ -1,8 +1,8 @@
-import { isCSSVariableName } from "../../dom/utils/is-css-variable.mjs";
-import { getValueAsType } from "../../dom/value-types/get-as-type.mjs";
-import { numberValueTypes } from "../../dom/value-types/number.mjs";
 import { buildTransform } from "./build-transform.mjs";
-import { transformProps } from "./keys-transform.mjs";
+import { transformProps } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { isCSSVariableName } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
+import { getValueAsType } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
+import { numberValueTypes } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/maps/number.mjs";
 function buildHTMLStyles(state, latestValues, transformTemplate) {
   const { style, vars, transformOrigin } = state;
   let hasTransform = false;

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.9.0}/external/framer-motion/dist/es/render/html/utils/build-transform.mjs

@@ -1,6 +1,6 @@
-import { getValueAsType } from "../../dom/value-types/get-as-type.mjs";
-import { numberValueTypes } from "../../dom/value-types/number.mjs";
-import { transformPropOrder } from "./keys-transform.mjs";
+import { transformPropOrder } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { getValueAsType } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
+import { numberValueTypes } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/maps/number.mjs";
 const translateAlias = {
   x: "translateX",
   y: "translateY",

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.9.0}/external/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs

@@ -5,7 +5,7 @@ function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
   const { style } = props;
   const newValues = {};
   for (const key in style) {
-    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement === null || visualElement === void 0 ? void 0 : visualElement.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== void 0) {
+    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement == null ? void 0 : visualElement.getValue(key)) == null ? void 0 : _a.liveStyle) !== void 0) {
       newValues[key] = style[key];
     }
   }