chore: update dependencies and clean up unused code in motion package

Author: rick-hup

packages/motion/package.json

@@ -74,8 +74,8 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "framer-motion": "12.22.0",
+    "framer-motion": "12.23.12",
     "hey-listen": "^1.0.8",
-    "motion-dom": "12.22.0"
+    "motion-dom": "12.23.12"
   }
 }

packages/motion/src/features/animation/animation.ts

@@ -43,7 +43,6 @@ export class AnimationFeature extends Feature {
       },
       reducedMotionConfig: this.state.options.motionConfig.reducedMotion,
     })
-
     this.state.animateUpdates = this.animateUpdates
     if (this.state.isMounted())
       this.state.startAnimation()
@@ -61,7 +60,6 @@ export class AnimationFeature extends Feature {
     directAnimate,
     directTransition,
     controlDelay = 0,
-    isFallback,
     isExit,
   } = {}) => {
     // check if the user has reduced motion
@@ -79,7 +77,7 @@ export class AnimationFeature extends Feature {
     })
 
     const factories = this.createAnimationFactories(prevTarget, animationOptions, controlDelay)
-    const { getChildAnimations } = this.setupChildAnimations(animationOptions, this.state.activeStates, isFallback)
+    const { getChildAnimations } = this.setupChildAnimations(animationOptions, this.state.activeStates)
     return this.executeAnimations({
       factories,
       getChildAnimations,
@@ -145,7 +143,6 @@ export class AnimationFeature extends Feature {
   setupChildAnimations(
     transition: $Transition | undefined,
     controlActiveState: Partial<Record<string, boolean>> | undefined,
-    isFallback: boolean,
   ) {
     const visualElement = this.state.visualElement
     if (!visualElement.variantChildren?.size || !controlActiveState)

packages/motion/src/features/animation/types.ts

@@ -12,7 +12,6 @@ export interface AnimateUpdatesOptions {
   controlDelay?: number
   directAnimate?: Options['animate']
   directTransition?: Options['transition']
-  isFallback?: boolean
   isExit?: boolean
 }
 

packages/motion/src/features/dom-animation.ts

@@ -15,8 +15,4 @@ export const domAnimation = [
   HoverGesture,
   InViewGesture,
   FocusGesture,
-  // ProjectionFeature,
-  // DragGesture,
-  // LayoutFeature,
-  // PanGesture,
 ] as unknown as Feature[]

packages/motion/src/state/motion-state.ts

@@ -53,9 +53,6 @@ export class MotionState {
    */
   public currentProcess: ReturnType<typeof frame.render> | null = null
 
-  // Depth in component tree for lifecycle ordering
-  public depth: number
-
   // Base animation target values
   public baseTarget: DOMKeyframesDefinition
 
@@ -72,8 +69,6 @@ export class MotionState {
     this.parent = parent
     // Add to parent's children set for lifecycle management
     parent?.children?.add(this)
-    // Calculate depth in component tree
-    this.depth = parent?.depth + 1 || 0
 
     // Initialize with either initial or animate variant
     const initial = (options.initial === undefined && options.variants) ? this.context.initial : options.initial
@@ -173,8 +168,6 @@ export class MotionState {
     this.featureManager.beforeUnmount()
   }
 
-  // Unmount motion state and optionally unmount children
-  // Handles unmounting in the correct order based on component tree
   unmount(unMountChildren = false) {
     /**
      * Unlike React, within the same update cycle, the execution order of unmount and mount depends on the component's order in the component tree.
@@ -228,7 +221,6 @@ export class MotionState {
     })
     if (isAnimate) {
       this.animateUpdates({
-        isFallback: !isActive && name !== 'exit' && this.visualElement.isControllingVariants,
         isExit: name === 'exit' && this.activeStates.exit,
       })
     }

packages/motion/src/utils/use-in-view.ts

@@ -15,7 +15,7 @@ export function useInView(
   const isInView = ref(false)
 
   watchEffect((onCleanup) => {
-    const realOptions = unref(options) || {}
+    const realOptions = (unref(options) || {}) as UseInViewOptions
     const { once } = realOptions
     const el = unrefElement(domRef)
     if (!el || (once && isInView.value)) {
@@ -31,7 +31,7 @@ export function useInView(
     }
     const cleanup = inView(el, onEnter, {
       ...realOptions,
-      root: unref(realOptions.root),
+      root: unref(realOptions.root) as Element | Document,
     })
     onCleanup(() => {
       cleanup()