framer-motion 12.24.0 → 12.24.2

package/dist/cjs/{feature-bundle-DhbxBqkJ.js → feature-bundle-DBjkFz2c.js}

@@ -3672,6 +3672,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
  */
@@ -3712,6 +3721,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;
@@ -5672,7 +5687,14 @@ class VisualElementDragControls {
             const axisValue = this.getAxisMotionValue(axis);
             if (projection && projection.layout) {
                 const { min, max } = projection.layout.layoutBox[axis];
-                axisValue.set(point[axis] - motionDom.mixNumber(min, max, 0.5));
+                /**
+                 * The layout measurement includes the current transform value,
+                 * so we need to add it back to get the correct snap position.
+                 * This fixes an issue where elements with initial coordinates
+                 * would snap to the wrong position on the first drag.
+                 */
+                const current = axisValue.get() || 0;
+                axisValue.set(point[axis] - motionDom.mixNumber(min, max, 0.5) + current);
             }
         });
     }
@@ -6303,4 +6325,4 @@ exports.useIsPresent = useIsPresent;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.usePresence = usePresence;
 exports.visualElementStore = visualElementStore;
-//# sourceMappingURL=feature-bundle-DhbxBqkJ.js.map
+//# sourceMappingURL=feature-bundle-DBjkFz2c.js.map