framer-motion 10.7.0 → 10.8.0

package/dist/cjs/dom-entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var wrap = require('./wrap-95f58a8f.js');
+var wrap = require('./wrap-d596148c.js');
 
 
 
@@ -36,6 +36,7 @@ exports.motionValue = wrap.motionValue;
 exports.pipe = wrap.pipe;
 exports.progress = wrap.progress;
 exports.scroll = wrap.scroll;
+exports.stagger = wrap.stagger;
 exports.sync = wrap.sync;
 exports.transform = wrap.transform;
 Object.defineProperty(exports, 'warning', {

package/dist/cjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var wrap = require('./wrap-95f58a8f.js');
+var wrap = require('./wrap-d596148c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -6121,6 +6121,7 @@ exports.progress = wrap.progress;
 exports.px = wrap.px;
 exports.scroll = wrap.scroll;
 exports.spring = wrap.spring;
+exports.stagger = wrap.stagger;
 exports.sync = wrap.sync;
 exports.transform = wrap.transform;
 Object.defineProperty(exports, 'warning', {

package/dist/cjs/{wrap-95f58a8f.js → wrap-d596148c.js}

@@ -2569,7 +2569,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "10.7.0";
+        this.version = "10.8.0";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -3728,7 +3728,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "10.7.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.7.0 may not work as expected.`);
+                warnOnce(nextValue.version === "10.8.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.8.0 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -4424,12 +4424,19 @@ function animateElements(elementOrSelector, keyframes, options, scope) {
             createVisualElement(element);
         }
         const visualElement = visualElementStore.get(element);
-        animations.push(...animateTarget(visualElement, { ...keyframes, transition: options }, {}));
+        const transition = { ...options };
+        /**
+         * Resolve stagger function if provided.
+         */
+        if (typeof transition.delay === "function") {
+            transition.delay = transition.delay(i, numElements);
+        }
+        animations.push(...animateTarget(visualElement, { ...keyframes, transition }, {}));
     }
     return new GroupPlaybackControls(animations);
 }
 const createScopedAnimate = (scope) => {
-    function scopedAnimate(valueOrElement, keyframes, options = {}) {
+    function scopedAnimate(valueOrElement, keyframes, options) {
         let animation;
         if (isDOMKeyframes(keyframes)) {
             animation = animateElements(valueOrElement, keyframes, options, scope);
@@ -4901,6 +4908,29 @@ function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount =
     return () => observer.disconnect();
 }
 
+function getOriginIndex(origin, total) {
+    if (origin === "first") {
+        return 0;
+    }
+    else {
+        const lastIndex = total - 1;
+        return origin === "last" ? lastIndex : lastIndex / 2;
+    }
+}
+function stagger(duration = 0.1, { startDelay = 0, origin = 0, ease } = {}) {
+    return (i, total) => {
+        const originIndex = typeof origin === "number" ? origin : getOriginIndex(origin, total);
+        const distance = Math.abs(originIndex - i);
+        let delay = duration * distance;
+        if (ease) {
+            const maxDelay = total * duration;
+            const easingFunction = easingDefinitionToFunction(ease);
+            delay = easingFunction(delay / maxDelay) * maxDelay;
+        }
+        return startDelay + delay;
+    };
+}
+
 const isCustomValueType = (v) => {
     return typeof v === "object" && v.mix;
 };
@@ -5019,6 +5049,7 @@ exports.scroll = scroll;
 exports.secondsToMilliseconds = secondsToMilliseconds;
 exports.setValues = setValues;
 exports.spring = spring;
+exports.stagger = stagger;
 exports.sync = sync;
 exports.transform = transform;
 exports.transformBox = transformBox;