framer-motion 12.36.0 → 12.37.0

package/README.md

@@ -35,8 +35,7 @@ npm install motion
 
 Motion is available for [React](https://motion.dev/docs/react), [JavaScript](https://motion.dev/docs/quick-start) and [Vue](https://motion.dev/docs/vue).
 
-<details>
-<summary>React</summary>
+### React
 
 ```jsx
 import { motion } from "motion/react"
@@ -48,10 +47,9 @@ function Component() {
 
 Get started with [Motion for React](https://motion.dev/docs/react).
 
-</details>
+**Note:** Framer Motion is now Motion. Import from `motion/react` instead of `framer-motion`.
 
-<details>
-<summary>JavaScript</summary>
+### JS
 
 ```javascript
 import { animate } from "motion"
@@ -61,10 +59,7 @@ animate("#box", { x: 100 })
 
 Get started with [JavaScript](https://motion.dev/docs/quick-start).
 
-</details>
-
-<details>
-<summary>Vue</summary>
+### Vue
 
 ```html
 <script>
@@ -76,19 +71,21 @@ Get started with [JavaScript](https://motion.dev/docs/quick-start).
 
 Get started with [Motion for Vue](https://motion.dev/docs/vue).
 
-</details>
+## 🎓 Examples & tutorials
 
-## 🎓 Examples
+Browse 330+ [official examples](https://motion.dev/examples), with copy-paste code that'll level-up your animations whether you're a beginner or an expert.
 
-Browse 100+ free and 180+ premium [Motion Examples](https://motion.dev/examples), with copy-paste code that'll level-up your animations whether you're a beginner or an expert.
+Over 100 examples come with a full step-by-step [tutorial](https://motion.dev/tutorials).
 
 ## ⚡️ Motion+
 
 A one-time payment, lifetime-updates membership:
 
--   **180+ premium examples**
+-   **330+ examples**
+-   **100+ tutorials**
 -   **Premium APIs** like [Cursor](https://motion.dev/docs/cursor) and [Ticker](https://motion.dev/docs/react-ticker)
--   **Visual editing** for VS Code (alpha)
+-   **Transition editor** for Cursor and VS Code
+-   **AI skills**
 -   **Private Discord**
 -   **Early access content**
 
@@ -128,7 +125,7 @@ Motion drives the animations on the Cursor homepage, and is working with Cursor
 
 ### Gold
 
-<a href="https://lottiefiles.com"><img alt="LottieFiles" src="https://github.com/user-attachments/assets/4e99d8c7-4cba-43ee-93c5-93861ae708ec" width="200px" height="120px"></a> <a href="https://mintlify.com"><img alt="Mintlify" src="https://github.com/user-attachments/assets/2740db2f-1877-49ae-ae80-ba5d19ef1587" width="200px" height="120px"></a>
+<a href="https://mintlify.com"><img alt="Mintlify" src="https://github.com/user-attachments/assets/2740db2f-1877-49ae-ae80-ba5d19ef1587" width="200px" height="120px"></a>
 
 ### Silver
 

package/dist/cjs/client.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var featureBundle = require('./feature-bundle-BakEQtGR.js');
+var featureBundle = require('./feature-bundle-CBfLWgGA.js');
 require('motion-dom');
 require('react');
 require('react/jsx-runtime');

package/dist/cjs/dom.js

@@ -1040,16 +1040,48 @@ const presets = [
     [ScrollOffset.Any, "cover"],
     [ScrollOffset.All, "contain"],
 ];
-function matchesPreset(offset, preset) {
+const stringToProgress = {
+    start: 0,
+    end: 1,
+};
+function parseStringOffset(s) {
+    const parts = s.trim().split(/\s+/);
+    if (parts.length !== 2)
+        return undefined;
+    const a = stringToProgress[parts[0]];
+    const b = stringToProgress[parts[1]];
+    if (a === undefined || b === undefined)
+        return undefined;
+    return [a, b];
+}
+function normaliseOffset(offset) {
     if (offset.length !== 2)
+        return undefined;
+    const result = [];
+    for (const item of offset) {
+        if (Array.isArray(item)) {
+            result.push(item);
+        }
+        else if (typeof item === "string") {
+            const parsed = parseStringOffset(item);
+            if (!parsed)
+                return undefined;
+            result.push(parsed);
+        }
+        else {
+            return undefined;
+        }
+    }
+    return result;
+}
+function matchesPreset(offset, preset) {
+    const normalised = normaliseOffset(offset);
+    if (!normalised)
         return false;
     for (let i = 0; i < 2; i++) {
-        const o = offset[i];
+        const o = normalised[i];
         const p = preset[i];
-        if (!Array.isArray(o) ||
-            o.length !== 2 ||
-            o[0] !== p[0] ||
-            o[1] !== p[1])
+        if (o[0] !== p[0] || o[1] !== p[1])
             return false;
     }
     return true;