framer-motion 12.24.0 → 12.24.2

package/dist/cjs/m.js

@@ -369,6 +369,15 @@ function buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true
     attrs[keys.array] = `${pathLength} ${pathSpacing}`;
 }
 
+/**
+ * CSS Motion Path properties that should remain as CSS styles on SVG elements.
+ */
+const cssMotionPathProperties = [
+    "offsetDistance",
+    "offsetPath",
+    "offsetRotate",
+    "offsetAnchor",
+];
 /**
  * Build SVG visual attributes, like cx and style.transform
  */
@@ -409,6 +418,12 @@ function buildSVGAttrs(state, { attrX, attrY, attrScale, pathLength, pathSpacing
         style.transformBox = styleProp?.transformBox ?? "fill-box";
         delete attrs.transformBox;
     }
+    for (const key of cssMotionPathProperties) {
+        if (attrs[key] !== undefined) {
+            style[key] = attrs[key];
+            delete attrs[key];
+        }
+    }
     // Render attrX/attrY/attrScale as attributes
     if (attrX !== undefined)
         attrs.x = attrX;