framer-motion 7.6.4 → 7.6.6

package/dist/es/render/svg/{visual-element.mjs → SVGVisualElement.mjs}

@@ -1,31 +1,37 @@
-import { visualElement } from '../index.mjs';
 import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';
-import { htmlConfig } from '../html/visual-element.mjs';
+import { DOMVisualElement } from '../dom/DOMVisualElement.mjs';
 import { buildSVGAttrs } from './utils/build-attrs.mjs';
 import { camelToDash } from '../dom/utils/camel-to-dash.mjs';
 import { camelCaseAttributes } from './utils/camel-case-attrs.mjs';
 import { transformProps } from '../html/utils/transform.mjs';
 import { renderSVG } from './utils/render.mjs';
 import { getDefaultValueType } from '../dom/value-types/defaults.mjs';
+import { createBox } from '../../projection/geometry/models.mjs';
 
-const svgVisualElement = visualElement({
-    ...htmlConfig,
-    getBaseTarget(props, key) {
+class SVGVisualElement extends DOMVisualElement {
+    getBaseTargetFromProps(props, key) {
         return props[key];
-    },
-    readValueFromInstance(domElement, key) {
+    }
+    readValueFromInstance(instance, key) {
         var _a;
         if (transformProps.has(key)) {
             return ((_a = getDefaultValueType(key)) === null || _a === void 0 ? void 0 : _a.default) || 0;
         }
         key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
-        return domElement.getAttribute(key);
-    },
-    scrapeMotionValuesFromProps,
-    build(_element, renderState, latestValues, options, props) {
+        return instance.getAttribute(key);
+    }
+    measureInstanceViewportBox() {
+        return createBox();
+    }
+    scrapeMotionValuesFromProps(props) {
+        return scrapeMotionValuesFromProps(props);
+    }
+    build(renderState, latestValues, options, props) {
         buildSVGAttrs(renderState, latestValues, options, props.transformTemplate);
-    },
-    render: renderSVG,
-});
+    }
+    renderInstance(instance, renderState, styleProp, projection) {
+        renderSVG(instance, renderState, styleProp, projection);
+    }
+}
 
-export { svgVisualElement };
+export { SVGVisualElement };

package/dist/es/render/utils/animation.mjs

@@ -5,7 +5,7 @@ import { transformProps } from '../html/utils/transform.mjs';
 import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';
 
 function animateVisualElement(visualElement, definition, options = {}) {
-    visualElement.notifyAnimationStart(definition);
+    visualElement.notify("AnimationStart", definition);
     let animation;
     if (Array.isArray(definition)) {
         const animations = definition.map((variant) => animateVariant(visualElement, variant, options));
@@ -20,7 +20,7 @@ function animateVisualElement(visualElement, definition, options = {}) {
             : definition;
         animation = animateTarget(visualElement, resolvedDefinition, options);
     }
-    return animation.then(() => visualElement.notifyAnimationComplete(definition));
+    return animation.then(() => visualElement.notify("AnimationComplete", definition));
 }
 function animateVariant(visualElement, variant, options = {}) {
     var _a;
@@ -115,12 +115,12 @@ function animateChildren(visualElement, variant, delayChildren = 0, staggerChild
         animations.push(animateVariant(child, variant, {
             ...options,
             delay: delayChildren + generateStaggerDuration(i),
-        }).then(() => child.notifyAnimationComplete(variant)));
+        }).then(() => child.notify("AnimationComplete", variant)));
     });
     return Promise.all(animations);
 }
 function stopAnimation(visualElement) {
-    visualElement.forEachValue((value) => value.stop());
+    visualElement.values.forEach((value) => value.stop());
 }
 function sortByTreeOrder(a, b) {
     return a.sortNodePosition(b);

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

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

package/dist/es/render/utils/resolve-dynamic-variants.mjs

@@ -5,7 +5,7 @@ import { resolveVariantFromProps } from './resolve-variants.mjs';
  */
 function getCurrent(visualElement) {
     const current = {};
-    visualElement.forEachValue((value, key) => (current[key] = value.get()));
+    visualElement.values.forEach((value, key) => (current[key] = value.get()));
     return current;
 }
 /**
@@ -13,7 +13,7 @@ function getCurrent(visualElement) {
  */
 function getVelocity(visualElement) {
     const velocity = {};
-    visualElement.forEachValue((value, key) => (velocity[key] = value.getVelocity()));
+    visualElement.values.forEach((value, key) => (velocity[key] = value.getVelocity()));
     return velocity;
 }
 function resolveVariant(visualElement, definition, custom) {

package/dist/es/render/utils/setters.mjs

@@ -93,7 +93,8 @@ function checkTargetForNewValues(visualElement, target, origin) {
         if (origin[key] === undefined) {
             origin[key] = value;
         }
-        visualElement.setBaseTarget(key, value);
+        if (value !== null)
+            visualElement.setBaseTarget(key, value);
     }
 }
 function getOriginFromTransition(key, transition) {

package/dist/es/value/index.mjs

@@ -24,7 +24,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 = "7.6.4";
+        this.version = "7.6.6";
         /**
          * Duration, in milliseconds, since last updating frame.
          *