motion 11.17.1 → 11.18.1

package/dist/cjs/react-m.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 
+/*#__NO_SIDE_EFFECTS__*/
 const noop = (any) => any;
 
 let warning = noop;
@@ -1026,21 +1027,6 @@ function buildHTMLStyles(state, latestValues, transformTemplate) {
     }
 }
 
-function calcOrigin(origin, offset, size) {
-    return typeof origin === "string"
-        ? origin
-        : px.transform(offset + size * origin);
-}
-/**
- * The SVG transform origin defaults are different to CSS and is less intuitive,
- * so we use the measured dimensions of the SVG to reconcile these.
- */
-function calcSVGTransformOrigin(dimensions, originX, originY) {
-    const pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);
-    const pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);
-    return `${pxOriginX} ${pxOriginY}`;
-}
-
 const dashKeys = {
     offset: "stroke-dashoffset",
     array: "stroke-dasharray",
@@ -1070,6 +1056,21 @@ function buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true
     attrs[keys.array] = `${pathLength} ${pathSpacing}`;
 }
 
+function calcOrigin(origin, offset, size) {
+    return typeof origin === "string"
+        ? origin
+        : px.transform(offset + size * origin);
+}
+/**
+ * The SVG transform origin defaults are different to CSS and is less intuitive,
+ * so we use the measured dimensions of the SVG to reconcile these.
+ */
+function calcSVGTransformOrigin(dimensions, originX, originY) {
+    const pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);
+    const pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);
+    return `${pxOriginX} ${pxOriginY}`;
+}
+
 /**
  * Build SVG visual attrbutes, like cx and style.transform
  */
@@ -1266,10 +1267,12 @@ const svgMotionConfig = {
             }
             if (!needsMeasure)
                 return;
-            frame.read(() => updateSVGDimensions(current, renderState));
-            frame.render(() => {
-                buildSVGAttrs(renderState, latestValues, isSVGTag(current.tagName), props.transformTemplate);
-                renderSVG(current, renderState);
+            frame.read(() => {
+                updateSVGDimensions(current, renderState);
+                frame.render(() => {
+                    buildSVGAttrs(renderState, latestValues, isSVGTag(current.tagName), props.transformTemplate);
+                    renderSVG(current, renderState);
+                });
             });
         },
     }),

package/dist/cjs/react-mini.js

@@ -23,6 +23,7 @@ function useUnmountEffect(callback) {
     return react.useEffect(() => () => callback(), []);
 }
 
+/*#__NO_SIDE_EFFECTS__*/
 const noop = (any) => any;
 
 let invariant = noop;
@@ -34,6 +35,7 @@ if (process.env.NODE_ENV !== "production") {
     };
 }
 
+/*#__NO_SIDE_EFFECTS__*/
 function memo(callback) {
     let result;
     return () => {
@@ -55,6 +57,7 @@ function memo(callback) {
   @param [number]: Value to find progress within given range
   @return [number]: Progress of value within range as expressed 0-1
 */
+/*#__NO_SIDE_EFFECTS__*/
 const progress = (from, to, value) => {
     const toFromDifference = to - from;
     return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
@@ -66,7 +69,9 @@ const progress = (from, to, value) => {
  * @param seconds - Time in seconds.
  * @return milliseconds - Converted time in milliseconds.
  */
+/*#__NO_SIDE_EFFECTS__*/
 const secondsToMilliseconds = (seconds) => seconds * 1000;
+/*#__NO_SIDE_EFFECTS__*/
 const millisecondsToSeconds = (milliseconds) => milliseconds / 1000;
 
 const supportsScrollTimeline = memo(() => window.ScrollTimeline !== undefined);

package/dist/es/framer-motion/dist/es/animation/animators/waapi/animate-sequence.mjs

@@ -0,0 +1,14 @@
+import { GroupPlaybackControls } from '../../../../../../motion-dom/dist/es/animation/controls/Group.mjs';
+import '../../../../../../motion-utils/dist/es/errors.mjs';
+import { createAnimationsFromSequence } from '../../sequence/create.mjs';
+import { animateElements } from './animate-elements.mjs';
+
+function animateSequence(definition, options) {
+    const animations = [];
+    createAnimationsFromSequence(definition, options).forEach(({ keyframes, transition }, element) => {
+        animations.push(...animateElements(element, keyframes, transition));
+    });
+    return new GroupPlaybackControls(animations);
+}
+
+export { animateSequence };

package/dist/es/framer-motion/dist/es/render/svg/config-motion.mjs

@@ -59,10 +59,12 @@ const svgMotionConfig = {
             }
             if (!needsMeasure)
                 return;
-            frame.read(() => updateSVGDimensions(current, renderState));
-            frame.render(() => {
-                buildSVGAttrs(renderState, latestValues, isSVGTag(current.tagName), props.transformTemplate);
-                renderSVG(current, renderState);
+            frame.read(() => {
+                updateSVGDimensions(current, renderState);
+                frame.render(() => {
+                    buildSVGAttrs(renderState, latestValues, isSVGTag(current.tagName), props.transformTemplate);
+                    renderSVG(current, renderState);
+                });
             });
         },
     }),

package/dist/es/framer-motion/dist/es/render/svg/utils/build-attrs.mjs

@@ -1,6 +1,6 @@
 import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';
-import { calcSVGTransformOrigin } from './transform-origin.mjs';
 import { buildSVGPath } from './path.mjs';
+import { calcSVGTransformOrigin } from './transform-origin.mjs';
 
 /**
  * Build SVG visual attrbutes, like cx and style.transform

package/dist/es/framer-motion/dist/es/render/utils/motion-values.mjs

@@ -17,7 +17,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.17.1", `Attempting to mix Motion versions ${nextValue.version} with 11.17.1 may not work as expected.`);
+                warnOnce(nextValue.version === "11.18.1", `Attempting to mix Motion versions ${nextValue.version} with 11.18.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/framer-motion/dist/es/value/index.mjs

@@ -34,7 +34,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.17.1";
+        this.version = "11.18.1";
         /**
          * 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

package/dist/es/motion/lib/mini.mjs

@@ -1 +1,2 @@
+export { animateSequence } from '../../framer-motion/dist/es/animation/animators/waapi/animate-sequence.mjs';
 export { animateMini as animate } from '../../framer-motion/dist/es/animation/animators/waapi/animate-style.mjs';

package/dist/es/motion-utils/dist/es/memo.mjs

@@ -1,3 +1,4 @@
+/*#__NO_SIDE_EFFECTS__*/
 function memo(callback) {
     let result;
     return () => {

package/dist/es/motion-utils/dist/es/noop.mjs

@@ -1,3 +1,4 @@
+/*#__NO_SIDE_EFFECTS__*/
 const noop = (any) => any;
 
 export { noop };

package/dist/es/motion-utils/dist/es/progress.mjs

@@ -10,6 +10,7 @@
   @param [number]: Value to find progress within given range
   @return [number]: Progress of value within range as expressed 0-1
 */
+/*#__NO_SIDE_EFFECTS__*/
 const progress = (from, to, value) => {
     const toFromDifference = to - from;
     return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;

package/dist/es/motion-utils/dist/es/time-conversion.mjs

@@ -4,7 +4,9 @@
  * @param seconds - Time in seconds.
  * @return milliseconds - Converted time in milliseconds.
  */
+/*#__NO_SIDE_EFFECTS__*/
 const secondsToMilliseconds = (seconds) => seconds * 1000;
+/*#__NO_SIDE_EFFECTS__*/
 const millisecondsToSeconds = (milliseconds) => milliseconds / 1000;
 
 export { millisecondsToSeconds, secondsToMilliseconds };

package/dist/motion.dev.js

@@ -4,6 +4,7 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Motion = {}));
 })(this, (function (exports) { 'use strict';
 
+    /*#__NO_SIDE_EFFECTS__*/
     const noop = (any) => any;
 
     let warning = noop;
@@ -21,6 +22,7 @@
         };
     }
 
+    /*#__NO_SIDE_EFFECTS__*/
     function memo(callback) {
         let result;
         return () => {
@@ -42,6 +44,7 @@
       @param [number]: Value to find progress within given range
       @return [number]: Progress of value within range as expressed 0-1
     */
+    /*#__NO_SIDE_EFFECTS__*/
     const progress = (from, to, value) => {
         const toFromDifference = to - from;
         return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
@@ -53,7 +56,9 @@
      * @param seconds - Time in seconds.
      * @return milliseconds - Converted time in milliseconds.
      */
+    /*#__NO_SIDE_EFFECTS__*/
     const secondsToMilliseconds = (seconds) => seconds * 1000;
+    /*#__NO_SIDE_EFFECTS__*/
     const millisecondsToSeconds = (milliseconds) => milliseconds / 1000;
 
     const supportsScrollTimeline = memo(() => window.ScrollTimeline !== undefined);
@@ -1369,7 +1374,7 @@
              * 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.17.1";
+            this.version = "11.18.1";
             /**
              * 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
@@ -4299,7 +4304,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "11.17.1", `Attempting to mix Motion versions ${nextValue.version} with 11.17.1 may not work as expected.`);
+                    warnOnce(nextValue.version === "11.18.1", `Attempting to mix Motion versions ${nextValue.version} with 11.18.1 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -4956,21 +4961,6 @@
         }
     }
 
-    function calcOrigin(origin, offset, size) {
-        return typeof origin === "string"
-            ? origin
-            : px.transform(offset + size * origin);
-    }
-    /**
-     * The SVG transform origin defaults are different to CSS and is less intuitive,
-     * so we use the measured dimensions of the SVG to reconcile these.
-     */
-    function calcSVGTransformOrigin(dimensions, originX, originY) {
-        const pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);
-        const pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);
-        return `${pxOriginX} ${pxOriginY}`;
-    }
-
     const dashKeys = {
         offset: "stroke-dashoffset",
         array: "stroke-dasharray",
@@ -5000,6 +4990,21 @@
         attrs[keys.array] = `${pathLength} ${pathSpacing}`;
     }
 
+    function calcOrigin(origin, offset, size) {
+        return typeof origin === "string"
+            ? origin
+            : px.transform(offset + size * origin);
+    }
+    /**
+     * The SVG transform origin defaults are different to CSS and is less intuitive,
+     * so we use the measured dimensions of the SVG to reconcile these.
+     */
+    function calcSVGTransformOrigin(dimensions, originX, originY) {
+        const pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);
+        const pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);
+        return `${pxOriginX} ${pxOriginY}`;
+    }
+
     /**
      * Build SVG visual attrbutes, like cx and style.transform
      */