motion 11.11.14 → 11.11.16

package/.turbo/turbo-build.log

@@ -1,32 +1,47 @@
-(node:7983) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:75899) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 lib/index.js → dist/motion.dev.js...
-created dist/motion.dev.js in 545ms
+created dist/motion.dev.js in 844ms
 
 lib/index.js → dist/motion.js...
-created dist/motion.js in 950ms
+created dist/motion.js in 978ms
 
 lib/index.js → dist/cjs...
-created dist/cjs in 292ms
+created dist/cjs in 306ms
 
 lib/react-client.js → dist/cjs...
-created dist/cjs in 288ms
+created dist/cjs in 365ms
+
+lib/react.js → dist/cjs...
+created dist/cjs in 8ms
+
+lib/mini.js → dist/cjs...
+created dist/cjs in 37ms
+
+lib/react-mini.js → dist/cjs...
+created dist/cjs in 36ms
 
 lib/react-m.js → dist/cjs...
-created dist/cjs in 91ms
+created dist/cjs in 63ms
 
-lib/index.js, lib/react.js, lib/react-client.js, lib/react-m.js → dist/es...
-created dist/es in 533ms
+lib/index.js, lib/mini.js, lib/react.js, lib/react-mini.js, lib/react-client.js, lib/react-m.js → dist/es...
+created dist/es in 772ms
 
 types/index.d.ts → dist/index.d.ts...
-created dist/index.d.ts in 10ms
+created dist/index.d.ts in 23ms
 
 types/react.d.ts → dist/react.d.ts...
-created dist/react.d.ts in 5ms
+created dist/react.d.ts in 9ms
+
+types/react-mini.d.ts → dist/react-mini.d.ts...
+created dist/react-mini.d.ts in 5ms
 
 types/react-m.d.ts → dist/react-m.d.ts...
-created dist/react-m.d.ts in 3ms
+created dist/react-m.d.ts in 2ms
+
+types/mini.d.ts → dist/mini.d.ts...
+created dist/mini.d.ts in 4ms
 
 types/react-client.d.ts → dist/react-client.d.ts...
-created dist/react-client.d.ts in 2ms
+created dist/react-client.d.ts in 3ms

package/README.md

@@ -79,27 +79,37 @@ export function Component({ isVisible }) {
 
 -   Motion for React is MIT licensed.
 
-### ✨ Sponsors
+## ✨ Sponsors
 
 Motion is sustainable thanks to the kind support of its sponsors.
 
+### Partners
+
 #### Framer
 
 Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.
-<br/>
 
-<p align="center">
-  <a href="https://www.framer.com?utm_source=motion-readme">
-    <img src="https://framerusercontent.com/images/atXqxn4JhKm4LXVncdNjkKV7yCU.png" width="140" alt="Start for free" />
-  </a>
-</p>
-<br/>
-<p align="center">
-  <a href="https://www.framer.com?utm_source=motion-readme">
-    <img src="https://framerusercontent.com/images/pMSOmGP2V8sSaZRV2D7i4HTBTe4.png" width="1000" alt="Framer Banner" />
-  </a>
-</p>
+<a href="https://www.framer.com?utm_source=motion-readme">
+  <img alt="Framer" src="https://github.com/user-attachments/assets/0404c7a1-c29d-4785-89ae-aae315f3c759" width="300px" height="200px">
+</a>
+
+### Platinum
+
+<a href="https://tailwindcss.com"><img alt="Tailwind" src="https://github.com/user-attachments/assets/c0496f09-b8ee-4bc4-85ab-83a071bbbdec" width="300px" height="200px"></a>
+
+<a href="https://emilkowal.ski"><img alt="Emil Kowalski" src="https://github.com/user-attachments/assets/29f56b1a-37fb-4695-a6a6-151f6c24864f" width="300px" height="200px"></a>
+
+<a href="https://linear.app"><img alt="Linear" src="https://github.com/user-attachments/assets/a93710bb-d8ed-40e3-b0fb-1c5b3e2b16bb" width="300px" height="200px"></a>
 
 ### Silver
 
--   [Tailwind](https://tailwindcss.com)
+<a href="https://www.frontend.fyi/?utm_source=motion"><img alt="Frontend.fyi" src="https://github.com/user-attachments/assets/07d23aa5-69db-44a0-849d-90177e6fc817" width="150px" height="100px"></a>
+
+<a href="https://www.frontend.fyi/?utm_source=motion"><img alt="Statamic" src="https://github.com/user-attachments/assets/5d28f090-bdd9-4b31-b134-fb2b94ca636f" width="150px" height="100px"></a>
+
+<a href="https://firecrawl.dev"><img alt="Firecrawl" src="https://github.com/user-attachments/assets/cba90e54-1329-4353-8fba-85beef4d2ee9" width="150px" height="100px"></a>
+
+### Personal
+
+-   [Nusu](https://x.com/nusualabuga)
+-   [OlegWock](https://sinja.io)

package/dist/cjs/index.js

@@ -279,7 +279,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 = "11.11.13";
+        this.version = "11.11.16";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support
@@ -630,6 +630,9 @@ class GroupPlaybackControls {
     runAll(methodName) {
         this.animations.forEach((controls) => controls[methodName]());
     }
+    flatten() {
+        this.runAll("flatten");
+    }
     play() {
         this.runAll("play");
     }
@@ -2479,6 +2482,10 @@ class BaseAnimation {
     then(resolve, reject) {
         return this.currentFinishedPromise.then(resolve, reject);
     }
+    flatten() {
+        this.options.type = "keyframes";
+        this.options.ease = "linear";
+    }
     updateFinishedPromise() {
         this.currentFinishedPromise = new Promise((resolve) => {
             this.resolveFinishedPromise = resolve;
@@ -2993,6 +3000,13 @@ class MainThreadAnimation extends BaseAnimation {
         this.resolver = new KeyframeResolver$1(keyframes, onResolved, name, motionValue, element);
         this.resolver.scheduleResolve();
     }
+    flatten() {
+        super.flatten();
+        // If we've already resolved the animation, re-initialise it
+        if (this._resolved) {
+            Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
+        }
+    }
     initPlayback(keyframes$1) {
         const { type = "keyframes", repeat = 0, repeatDelay = 0, repeatType, velocity = 0, } = this.options;
         const generatorFactory = isGenerator(type)
@@ -4089,7 +4103,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.11.13", `Attempting to mix Motion versions ${nextValue.version} with 11.11.13 may not work as expected.`);
+                warnOnce(nextValue.version === "11.11.16", `Attempting to mix Motion versions ${nextValue.version} with 11.11.16 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -5298,6 +5312,12 @@ class NativeAnimation {
     get startTime() {
         return this.animation ? this.animation.startTime : null;
     }
+    flatten() {
+        var _a;
+        if (!this.animation)
+            return;
+        (_a = this.animation.effect) === null || _a === void 0 ? void 0 : _a.updateTiming({ easing: "linear" });
+    }
     play() {
         if (this.state === "finished") {
             this.updateFinishedPromise();
@@ -5914,6 +5934,7 @@ function scrollFunction(onScroll, options) {
     }
 }
 function scrollAnimation(animation, options) {
+    animation.flatten();
     if (needsElementTracking(options)) {
         animation.pause();
         return scrollInfo((info) => {
@@ -5922,12 +5943,17 @@ function scrollAnimation(animation, 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 } = {}) {