framer-motion 12.23.0 → 12.23.1

package/dist/cjs/dom-mini.js

@@ -205,7 +205,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
              * Handle repeat options
              */
             if (repeat) {
-                motionUtils.invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20");
+                motionUtils.invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20", "repeat-count-high");
                 duration = calculateRepeatDuration(duration, repeat);
                 const originalKeyframes = [...valueKeyframesAsList];
                 const originalTimes = [...times];
@@ -343,7 +343,7 @@ const isNumberKeyframesArray = (keyframes) => keyframes.every(isNumber);
 function animateElements(elementOrSelector, keyframes, options, scope) {
     const elements = motionDom.resolveElements(elementOrSelector, scope);
     const numElements = elements.length;
-    motionUtils.invariant(Boolean(numElements), "No valid element provided.");
+    motionUtils.invariant(Boolean(numElements), "No valid elements provided.", "no-valid-elements");
     /**
      * WAAPI doesn't support interrupting animations.
      *

package/dist/cjs/dom.js

@@ -205,7 +205,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
              * Handle repeat options
              */
             if (repeat) {
-                motionUtils.invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20");
+                motionUtils.invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20", "repeat-count-high");
                 duration = calculateRepeatDuration(duration, repeat);
                 const originalKeyframes = [...valueKeyframesAsList];
                 const originalTimes = [...times];
@@ -1781,7 +1781,7 @@ function animateSubject(subject, keyframes, options, scope) {
     else {
         const subjects = resolveSubjects(subject, keyframes, scope);
         const numSubjects = subjects.length;
-        motionUtils.invariant(Boolean(numSubjects), "No valid elements provided.");
+        motionUtils.invariant(Boolean(numSubjects), "No valid elements provided.", "no-valid-elements");
         for (let i = 0; i < numSubjects; i++) {
             const thisSubject = subjects[i];
             const createVisualElement = thisSubject instanceof Element
@@ -1849,7 +1849,7 @@ const animate = createScopedAnimate();
 function animateElements(elementOrSelector, keyframes, options, scope) {
     const elements = motionDom.resolveElements(elementOrSelector, scope);
     const numElements = elements.length;
-    motionUtils.invariant(Boolean(numElements), "No valid element provided.");
+    motionUtils.invariant(Boolean(numElements), "No valid elements provided.", "no-valid-elements");
     /**
      * WAAPI doesn't support interrupting animations.
      *

package/dist/cjs/index.js

@@ -723,7 +723,7 @@ function ReorderItemComponent({ children, style = {}, value, as = "li", onDrag,
         y: useDefaultMotionValue(style.y),
     };
     const zIndex = useTransform([point.x, point.y], ([latestX, latestY]) => latestX || latestY ? 1 : "unset");
-    motionUtils.invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group");
+    motionUtils.invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group", "reorder-item-child");
     const { axis, registerItem, updateOrder } = context;
     return (jsxRuntime.jsx(Component, { drag: axis, ...props, dragSnapToOrigin: true, style: { ...style, x: point.x, y: point.y, zIndex }, layout: layout, onDrag: (event, gesturePoint) => {
             const { velocity } = gesturePoint;
@@ -940,7 +940,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
              * Handle repeat options
              */
             if (repeat) {
-                motionUtils.invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20");
+                motionUtils.invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20", "repeat-count-high");
                 duration = calculateRepeatDuration(duration, repeat);
                 const originalKeyframes = [...valueKeyframesAsList];
                 const originalTimes = [...times];
@@ -1167,7 +1167,7 @@ function animateSubject(subject, keyframes, options, scope) {
     else {
         const subjects = resolveSubjects(subject, keyframes, scope);
         const numSubjects = subjects.length;
-        motionUtils.invariant(Boolean(numSubjects), "No valid elements provided.");
+        motionUtils.invariant(Boolean(numSubjects), "No valid elements provided.", "no-valid-elements");
         for (let i = 0; i < numSubjects; i++) {
             const thisSubject = subjects[i];
             const createVisualElement = thisSubject instanceof Element
@@ -1235,7 +1235,7 @@ const animate = createScopedAnimate();
 function animateElements(elementOrSelector, keyframes, options, scope) {
     const elements = motionDom.resolveElements(elementOrSelector, scope);
     const numElements = elements.length;
-    motionUtils.invariant(Boolean(numElements), "No valid element provided.");
+    motionUtils.invariant(Boolean(numElements), "No valid elements provided.", "no-valid-elements");
     /**
      * WAAPI doesn't support interrupting animations.
      *

package/dist/cjs/mini.js

@@ -28,7 +28,7 @@ function useUnmountEffect(callback) {
 function animateElements(elementOrSelector, keyframes, options, scope) {
     const elements = motionDom.resolveElements(elementOrSelector, scope);
     const numElements = elements.length;
-    motionUtils.invariant(Boolean(numElements), "No valid element provided.");
+    motionUtils.invariant(Boolean(numElements), "No valid elements provided.", "no-valid-elements");
     /**
      * WAAPI doesn't support interrupting animations.
      *

package/dist/es/animation/animate/subject.mjs

@@ -25,7 +25,7 @@ function animateSubject(subject, keyframes, options, scope) {
     else {
         const subjects = resolveSubjects(subject, keyframes, scope);
         const numSubjects = subjects.length;
-        invariant(Boolean(numSubjects), "No valid elements provided.");
+        invariant(Boolean(numSubjects), "No valid elements provided.", "no-valid-elements");
         for (let i = 0; i < numSubjects; i++) {
             const thisSubject = subjects[i];
             const createVisualElement = thisSubject instanceof Element

package/dist/es/animation/animators/waapi/animate-elements.mjs

@@ -4,7 +4,7 @@ import { invariant, secondsToMilliseconds } from 'motion-utils';
 function animateElements(elementOrSelector, keyframes, options, scope) {
     const elements = resolveElements(elementOrSelector, scope);
     const numElements = elements.length;
-    invariant(Boolean(numElements), "No valid element provided.");
+    invariant(Boolean(numElements), "No valid elements provided.", "no-valid-elements");
     /**
      * WAAPI doesn't support interrupting animations.
      *

package/dist/es/animation/sequence/create.mjs

@@ -111,7 +111,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
              * Handle repeat options
              */
             if (repeat) {
-                invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20");
+                invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20", "repeat-count-high");
                 duration = calculateRepeatDuration(duration, repeat);
                 const originalKeyframes = [...valueKeyframesAsList];
                 const originalTimes = [...times];

package/dist/es/components/Reorder/Item.mjs

@@ -20,7 +20,7 @@ function ReorderItemComponent({ children, style = {}, value, as = "li", onDrag,
         y: useDefaultMotionValue(style.y),
     };
     const zIndex = useTransform([point.x, point.y], ([latestX, latestY]) => latestX || latestY ? 1 : "unset");
-    invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group");
+    invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group", "reorder-item-child");
     const { axis, registerItem, updateOrder } = context;
     return (jsx(Component, { drag: axis, ...props, dragSnapToOrigin: true, style: { ...style, x: point.x, y: point.y, zIndex }, layout: layout, onDrag: (event, gesturePoint) => {
             const { velocity } = gesturePoint;

package/dist/framer-motion.dev.js

@@ -114,14 +114,19 @@
     exports.warning = () => { };
     exports.invariant = () => { };
     {
-        exports.warning = (check, message) => {
+        const formatMessage = (message, errorCode) => {
+            return errorCode
+                ? `${message}. For more information and steps for solving, visit https://motion.dev/error/${errorCode}`
+                : message;
+        };
+        exports.warning = (check, message, errorCode) => {
             if (!check && typeof console !== "undefined") {
-                console.warn(message);
+                console.warn(formatMessage(message, errorCode));
             }
         };
-        exports.invariant = (check, message) => {
+        exports.invariant = (check, message, errorCode) => {
             if (!check) {
-                throw new Error(message);
+                throw new Error(formatMessage(message, errorCode));
             }
         };
     }
@@ -1712,7 +1717,7 @@
             let { keyframes: keyframes$1 } = options;
             const generatorFactory = type || keyframes;
             if (generatorFactory !== keyframes) {
-                exports.invariant(keyframes$1.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`);
+                exports.invariant(keyframes$1.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`, "spring-two-frames");
             }
             if (generatorFactory !== keyframes &&
                 typeof keyframes$1[0] !== "number") {
@@ -11888,7 +11893,7 @@
             y: useDefaultMotionValue(style.y),
         };
         const zIndex = useTransform([point.x, point.y], ([latestX, latestY]) => latestX || latestY ? 1 : "unset");
-        exports.invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group");
+        exports.invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group", "reorder-item-child");
         const { axis, registerItem, updateOrder } = context;
         return (jsx(Component, { drag: axis, ...props, dragSnapToOrigin: true, style: { ...style, x: point.x, y: point.y, zIndex }, layout: layout, onDrag: (event, gesturePoint) => {
                 const { velocity } = gesturePoint;
@@ -12105,7 +12110,7 @@
                  * Handle repeat options
                  */
                 if (repeat) {
-                    exports.invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20");
+                    exports.invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20", "repeat-count-high");
                     duration = calculateRepeatDuration(duration, repeat);
                     const originalKeyframes = [...valueKeyframesAsList];
                     const originalTimes = [...times];
@@ -12332,7 +12337,7 @@
         else {
             const subjects = resolveSubjects(subject, keyframes, scope);
             const numSubjects = subjects.length;
-            exports.invariant(Boolean(numSubjects), "No valid elements provided.");
+            exports.invariant(Boolean(numSubjects), "No valid elements provided.", "no-valid-elements");
             for (let i = 0; i < numSubjects; i++) {
                 const thisSubject = subjects[i];
                 const createVisualElement = thisSubject instanceof Element
@@ -12400,7 +12405,7 @@
     function animateElements(elementOrSelector, keyframes, options, scope) {
         const elements = resolveElements(elementOrSelector, scope);
         const numElements = elements.length;
-        exports.invariant(Boolean(numElements), "No valid element provided.");
+        exports.invariant(Boolean(numElements), "No valid elements provided.", "no-valid-elements");
         /**
          * WAAPI doesn't support interrupting animations.
          *

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "framer-motion",
-    "version": "12.23.0",
+    "version": "12.23.1",
     "description": "A simple and powerful JavaScript animation library",
     "main": "dist/cjs/index.js",
     "module": "dist/es/index.mjs",
@@ -87,8 +87,8 @@
         "measure": "rollup -c ./rollup.size.config.mjs"
     },
     "dependencies": {
-        "motion-dom": "^12.22.0",
-        "motion-utils": "^12.19.0",
+        "motion-dom": "^12.23.1",
+        "motion-utils": "^12.23.1",
         "tslib": "^2.4.0"
     },
     "devDependencies": {
@@ -142,5 +142,5 @@
             "maxSize": "2.26 kB"
         }
     ],
-    "gitHead": "a373936bc35696ea3f7335d58aaa6b0be71a1fb7"
+    "gitHead": "6cd3f6ce7b40efb7d50d95f252ec44a31edceee7"
 }