motion-v 0.5.0-beta.2 → 0.5.1

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

@@ -1,6 +1,6 @@
-import { invariant } from "../../utils/errors.mjs";
+import { invariant } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 import { cubicBezier } from "../cubic-bezier.mjs";
-import { noop } from "../../utils/noop.mjs";
 import { easeIn, easeInOut, easeOut } from "../ease.mjs";
 import { circIn, circInOut, circOut } from "../circ.mjs";
 import { backIn, backInOut, backOut } from "../back.mjs";

package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/events/add-dom-event.mjs

@@ -0,0 +1,7 @@
+function addDomEvent(target, eventName, handler, options = { passive: true }) {
+  target.addEventListener(eventName, handler, options);
+  return () => target.removeEventListener(eventName, handler);
+}
+export {
+  addDomEvent
+};

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

@@ -1,4 +1,5 @@
-import { noop } from "../utils/noop.mjs";
+import "../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@11.14.3/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@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/frameloop/render-step.mjs

@@ -47,8 +47,8 @@ function createRenderStep(runNextFrame) {
       }
       isProcessing = true;
       [thisFrame, nextFrame] = [nextFrame, thisFrame];
-      nextFrame.clear();
       thisFrame.forEach(triggerCallback);
+      thisFrame.clear();
       isProcessing = false;
       if (flushNextFrame) {
         flushNextFrame = false;

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

@@ -1,7 +1,8 @@
 import { circOut } from "../../easing/circ.mjs";
 import { progress } from "../../utils/progress.mjs";
 import { mixNumber } from "../../utils/mix/number.mjs";
-import { noop } from "../../utils/noop.mjs";
+import "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 import { percent, px } from "../../value/types/numbers/units.mjs";
 const borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];
 const numBorders = borders.length;

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

@@ -20,7 +20,8 @@ import { isSVGElement } from "../../render/dom/utils/is-svg-element.mjs";
 import { animateSingleValue } from "../../animation/animate/single-value.mjs";
 import { clamp } from "../../utils/clamp.mjs";
 import { cancelFrame, frameData, frameSteps, frame } from "../../frameloop/frame.mjs";
-import { noop } from "../../utils/noop.mjs";
+import "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 import { time } from "../../frameloop/sync-time.mjs";
 import { microtask } from "../../frameloop/microtask.mjs";
 import { getOptimisedAppearId } from "../../animation/optimized-appear/get-appear-id.mjs";

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

@@ -1,5 +1,6 @@
 import { VisualElement } from "../VisualElement.mjs";
 import { DOMKeyframesResolver } from "./DOMKeyframesResolver.mjs";
+import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 class DOMVisualElement extends VisualElement {
   constructor() {
     super(...arguments);
@@ -15,6 +16,20 @@ class DOMVisualElement extends VisualElement {
     delete vars[key];
     delete style[key];
   }
+  handleChildMotionValue() {
+    if (this.childSubscription) {
+      this.childSubscription();
+      delete this.childSubscription;
+    }
+    const { children } = this.props;
+    if (isMotionValue(children)) {
+      this.childSubscription = children.on("change", (latest) => {
+        if (this.current) {
+          this.current.textContent = `${latest}`;
+        }
+      });
+    }
+  }
 }
 export {
   DOMVisualElement

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

@@ -1,4 +1,4 @@
-import { resolveElements } from "../utils/resolve-element.mjs";
+import { resolveElements } from "motion-dom";
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
 let observer;
 function getElementSize(target, borderBoxSize) {

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

@@ -1,6 +1,8 @@
 import { scrollInfo } from "./track.mjs";
 import { observeTimeline } from "./observe.mjs";
 import { supportsScrollTimeline } from "./supports.mjs";
+import "../../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 function scrollTimelineFallback({ source, container, axis = "y" }) {
   if (source)
     container = source;
@@ -39,6 +41,7 @@ function scrollFunction(onScroll, options) {
   }
 }
 function scrollAnimation(animation, options) {
+  animation.flatten();
   if (needsElementTracking(options)) {
     animation.pause();
     return scrollInfo((info) => {
@@ -46,12 +49,16 @@ function scrollAnimation(animation, options) {
     }, options);
   } else {
     const timeline = getTimeline(options);
-    return animation.attachTimeline(timeline, (valueAnimation) => {
-      valueAnimation.pause();
-      return observeTimeline((progress) => {
-        valueAnimation.time = valueAnimation.duration * progress;
-      }, timeline);
-    });
+    if (animation.attachTimeline) {
+      return animation.attachTimeline(timeline, (valueAnimation) => {
+        valueAnimation.pause();
+        return observeTimeline((progress) => {
+          valueAnimation.time = valueAnimation.duration * progress;
+        }, timeline);
+      });
+    } else {
+      return noop;
+    }
   }
 }
 function scroll(onScroll, { axis = "y", ...options } = {}) {

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

@@ -1,4 +1,4 @@
-import { invariant } from "../../../utils/errors.mjs";
+import { invariant } from "../../../../../../../../motion-utils@11.14.3/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@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/viewport/index.mjs

@@ -1,4 +1,4 @@
-import { resolveElements } from "../utils/resolve-element.mjs";
+import { resolveElements } from "motion-dom";
 const thresholds = {
   some: 0,
   all: 1

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

@@ -6,7 +6,6 @@ import { renderHTML } from "./utils/render.mjs";
 import { getDefaultValueType } from "../dom/value-types/defaults.mjs";
 import { measureViewportBox } from "../../projection/utils/measure.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
-import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 function getComputedStyle(element) {
   return window.getComputedStyle(element);
 }
@@ -35,19 +34,6 @@ class HTMLVisualElement extends DOMVisualElement {
   scrapeMotionValuesFromProps(props, prevProps, visualElement) {
     return scrapeMotionValuesFromProps(props, prevProps, visualElement);
   }
-  handleChildMotionValue() {
-    if (this.childSubscription) {
-      this.childSubscription();
-      delete this.childSubscription;
-    }
-    const { children } = this.props;
-    if (isMotionValue(children)) {
-      this.childSubscription = children.on("change", (latest) => {
-        if (this.current)
-          this.current.textContent = `${latest}`;
-      });
-    }
-  }
 }
 export {
   HTMLVisualElement,

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/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 === "11.11.11", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.11.11 may not work as expected.`);
+        warnOnce(nextValue.version === "11.15.0", `Attempting to mix Motion versions ${nextValue.version} with 11.15.0 may not work as expected.`);
       }
     } else if (isMotionValue(prevValue)) {
       element.addValue(key, motionValue(nextValue, { owner: element }));

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

@@ -1,8 +1,8 @@
-import { invariant } from "./errors.mjs";
 import { clamp } from "./clamp.mjs";
 import { pipe } from "./pipe.mjs";
 import { progress } from "./progress.mjs";
-import { noop } from "./noop.mjs";
+import { invariant } from "../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 import { mix } from "./mix/index.mjs";
 function createMixers(output, ease, customMixer) {
   const mixers = [];

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

@@ -1,5 +1,5 @@
 import { mixNumber } from "./number.mjs";
-import { warning } from "../errors.mjs";
+import { warning } from "../../../../../../../motion-utils@11.14.3/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@11.11.11 → framer-motion@11.15.0}/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 "../errors.mjs";
+import { warning } from "../../../../../../../motion-utils@11.14.3/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@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/index.mjs

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

package/dist/es/features/feature-manager.mjs

@@ -1,9 +1,11 @@
-import { EventFeature } from "./events.mjs";
 import { SVGFeature } from "./svg.mjs";
 import { LayoutFeature } from "./layout/layout.mjs";
-import { HoverGesture } from "./gestures/hover.mjs";
-import { PressGesture } from "./gestures/press.mjs";
-import { InViewGesture } from "./gestures/in-view.mjs";
+import { PanGesture } from "./gestures/pan/index.mjs";
+import { ProjectionFeature } from "./layout/projection.mjs";
+import { HoverGesture } from "./gestures/hover/index.mjs";
+import { PressGesture } from "./gestures/press/index.mjs";
+import { InViewGesture } from "./gestures/in-view/index.mjs";
+import { DragGesture } from "./gestures/drag/index.mjs";
 class FeatureManager {
   constructor(state) {
     this.features = [];
@@ -12,18 +14,35 @@ class FeatureManager {
       new PressGesture(state),
       new InViewGesture(state),
       new SVGFeature(state),
-      new EventFeature(state),
-      new LayoutFeature(state)
+      new LayoutFeature(state),
+      new ProjectionFeature(state),
+      new PanGesture(state),
+      new DragGesture(state)
     ];
   }
   mount() {
     this.features.forEach((feature) => feature.mount());
   }
+  beforeMount() {
+    this.features.forEach((feature) => {
+      var _a;
+      return (_a = feature.beforeMount) == null ? void 0 : _a.call(feature);
+    });
+  }
   unmount() {
     this.features.forEach((feature) => feature.unmount());
   }
   update() {
-    this.features.forEach((feature) => feature.update());
+    this.features.forEach((feature) => {
+      var _a;
+      return (_a = feature.update) == null ? void 0 : _a.call(feature);
+    });
+  }
+  beforeUpdate() {
+    this.features.forEach((feature) => feature.beforeUpdate());
+  }
+  beforeUnmount() {
+    this.features.forEach((feature) => feature.beforeUnmount());
   }
 }
 export {

package/dist/es/features/feature.mjs

@@ -2,8 +2,18 @@ class Feature {
   constructor(state) {
     this.state = state;
   }
+  beforeMount() {
+  }
+  mount() {
+  }
+  unmount() {
+  }
   update() {
   }
+  beforeUpdate() {
+  }
+  beforeUnmount() {
+  }
 }
 export {
   Feature