framer-motion 12.24.8 → 12.24.10

package/dist/cjs/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var featureBundle = require('./feature-bundle-C6mMBZjn.js');
+var featureBundle = require('./feature-bundle-OJqyiRBo.js');
 var motionDom = require('motion-dom');
 var motionUtils = require('motion-utils');
 

package/dist/cjs/m.js

@@ -850,69 +850,51 @@ for (const key in featureProps) {
 
 const motionComponentSymbol = Symbol.for("motionComponentSymbol");
 
-function isRefObject(ref) {
-    return (ref &&
-        typeof ref === "object" &&
-        Object.prototype.hasOwnProperty.call(ref, "current"));
-}
-
-/**
- * Set a given ref to a given value
- * This utility takes care of different types of refs: callback refs and RefObject(s)
- * Returns a cleanup function if the ref callback returns one (React 19 feature)
- */
-function setRef(ref, value) {
-    if (typeof ref === "function") {
-        return ref(value);
-    }
-    else if (isRefObject(ref)) {
-        ref.current = value;
-    }
-}
 /**
  * Creates a ref function that, when called, hydrates the provided
  * external ref and VisualElement.
  */
 function useMotionRef(visualState, visualElement, externalRef) {
-    // Store the cleanup function from external ref if it returns one
-    const externalRefCleanupRef = react.useRef(null);
+    /**
+     * Store externalRef in a ref to avoid including it in the useCallback
+     * dependency array. Including externalRef in dependencies causes issues
+     * with libraries like Radix UI that create new callback refs on each render
+     * when using asChild - this would cause the callback to be recreated,
+     * triggering element remounts and breaking AnimatePresence exit animations.
+     */
+    const externalRefContainer = react.useRef(externalRef);
+    react.useInsertionEffect(() => {
+        externalRefContainer.current = externalRef;
+    });
+    // Store cleanup function returned by callback refs (React 19 feature)
+    const refCleanup = react.useRef(null);
     return react.useCallback((instance) => {
         if (instance) {
-            visualState.onMount && visualState.onMount(instance);
+            visualState.onMount?.(instance);
         }
         if (visualElement) {
-            if (instance) {
-                visualElement.mount(instance);
-            }
-            else {
-                visualElement.unmount();
-            }
+            instance ? visualElement.mount(instance) : visualElement.unmount();
         }
-        if (externalRef) {
+        const ref = externalRefContainer.current;
+        if (typeof ref === "function") {
             if (instance) {
-                // Mount: call the external ref and store any cleanup function
-                const cleanup = setRef(externalRef, instance);
+                const cleanup = ref(instance);
                 if (typeof cleanup === "function") {
-                    externalRefCleanupRef.current = cleanup;
+                    refCleanup.current = cleanup;
                 }
             }
+            else if (refCleanup.current) {
+                refCleanup.current();
+                refCleanup.current = null;
+            }
             else {
-                // Unmount: call stored cleanup function if available, otherwise call ref with null
-                if (externalRefCleanupRef.current) {
-                    externalRefCleanupRef.current();
-                    externalRefCleanupRef.current = null;
-                }
-                else {
-                    // Fallback to React <19 behavior for refs that don't return cleanup
-                    setRef(externalRef, instance);
-                }
+                ref(instance);
             }
         }
-    }, 
-    /**
-     * Include all dependencies to ensure the callback updates correctly
-     */
-    [visualElement, visualState, externalRef]);
+        else if (ref) {
+            ref.current = instance;
+        }
+    }, [visualElement]);
 }
 
 /**
@@ -928,6 +910,12 @@ const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId
  */
 const SwitchLayoutGroupContext = react.createContext({});
 
+function isRefObject(ref) {
+    return (ref &&
+        typeof ref === "object" &&
+        Object.prototype.hasOwnProperty.call(ref, "current"));
+}
+
 const useIsomorphicLayoutEffect = isBrowser ? react.useLayoutEffect : react.useEffect;
 
 function useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {