motion-v 0.11.0 → 0.11.1

package/dist/es/features/gestures/drag/VisualElementDragControls.mjs

@@ -12,12 +12,12 @@ import { percent } from "../../../value/types/numbers/units.mjs";
 import { addValueToWillChange } from "../../../value/use-will-change/add-will-change.mjs";
 import { measurePageBox } from "../../../projection/utils/measure.mjs";
 import { convertBoxToBoundingBox, convertBoundingBoxToBox } from "../../../projection/conversion.mjs";
-import { animateMotionValue } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
+import { animateMotionValue } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
 import { mixNumber } from "../../../utils/mix/number.mjs";
 import { invariant } from "hey-listen";
 import { isPresent } from "../../../state/utils/is-present.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 const elementDragControls = /* @__PURE__ */ new WeakMap();
 class VisualElementDragControls {
   constructor(visualElement) {

package/dist/es/features/gestures/drag/index.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
 import { VisualElementDragControls } from "./VisualElementDragControls.mjs";
-import { noop } from "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
+import "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
 class DragGesture extends Feature {
   constructor(state) {
     super(state);

package/dist/es/features/gestures/focus/index.mjs

@@ -1,6 +1,6 @@
 import { addDomEvent } from "../../../events/add-dom-event.mjs";
 import { Feature } from "../../feature.mjs";
-import { pipe } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/pipe.mjs";
+import { pipe } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/pipe.mjs";
 class FocusGesture extends Feature {
   constructor() {
     super(...arguments);

package/dist/es/features/gestures/hover/index.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { hover } from "../../../external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/hover.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { hover } from "../../../external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/hover.mjs";
+import "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { extractEventInfo } from "../press/index.mjs";
 function handleHoverEvent(state, event, lifecycle) {
   const props = state.options;
@@ -16,7 +16,7 @@ function handleHoverEvent(state, event, lifecycle) {
 }
 class HoverGesture extends Feature {
   isActive() {
-    return Boolean(this.state.getOptions().hover);
+    return Boolean(this.state.getOptions().whileHover);
   }
   constructor(state) {
     super(state);
@@ -27,7 +27,7 @@ class HoverGesture extends Feature {
       return;
     this.unmount = hover(
       element,
-      (startEvent) => {
+      (el, startEvent) => {
         handleHoverEvent(this.state, startEvent, "Start");
         return (endEvent) => {
           handleHoverEvent(this.state, endEvent, "End");

package/dist/es/features/gestures/in-view/index.mjs

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { inView } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { inView } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 function handleHoverEvent(state, entry, lifecycle) {
   const props = state.options;
   if (props.whileInView) {
@@ -14,7 +14,7 @@ function handleHoverEvent(state, entry, lifecycle) {
 }
 class InViewGesture extends Feature {
   isActive() {
-    return Boolean(this.state.getOptions().inView);
+    return Boolean(this.state.getOptions().whileInView);
   }
   constructor(state) {
     super(state);
@@ -27,7 +27,7 @@ class InViewGesture extends Feature {
     const { once, ...viewOptions } = this.state.getOptions().inViewOptions || {};
     this.unmount = inView(
       element,
-      (entry) => {
+      (_, entry) => {
         handleHoverEvent(this.state, entry, "Enter");
         if (!once) {
           return (endEvent) => {

package/dist/es/features/gestures/pan/PanSession.mjs

@@ -1,8 +1,8 @@
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { extractEventInfo } from "../../../events/event-info.mjs";
-import { distance2D } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/distance.mjs";
-import { frame, cancelFrame, frameData } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
-import { pipe } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/pipe.mjs";
+import { distance2D } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/distance.mjs";
+import { frame, cancelFrame, frameData } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { pipe } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/pipe.mjs";
 import { secondsToMilliseconds, millisecondsToSeconds } from "../../../utils/time-conversion.mjs";
 import { isPrimaryPointer } from "../../../events/utils/is-primary-pointer.mjs";
 class PanSession {

package/dist/es/features/gestures/pan/index.mjs

@@ -1,9 +1,9 @@
 import { PanSession } from "./PanSession.mjs";
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { Feature } from "../../feature.mjs";
-import { noop } from "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
+import "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
 function asyncHandler(handler) {
   return (event, info) => {

package/dist/es/features/gestures/press/index.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { press } from "../../../external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/press/index.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { press } from "../../../external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/press/index.mjs";
+import "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 function extractEventInfo(event) {
   return {
     point: {
@@ -34,7 +34,7 @@ class PressGesture extends Feature {
       return;
     this.unmount = press(
       element,
-      (startEvent) => {
+      (el, startEvent) => {
         handlePressEvent(this.state, startEvent, "Start");
         return (endEvent, { success }) => handlePressEvent(
           this.state,

package/dist/es/features/layout/config.mjs

@@ -1,5 +1,5 @@
-import { correctBorderRadius } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
-import { correctBoxShadow } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
+import { correctBorderRadius } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
+import { correctBoxShadow } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
 const defaultScaleCorrector = {
   borderRadius: {
     ...correctBorderRadius,

package/dist/es/features/layout/layout.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../feature.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
-import { globalProjectionState } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/node/state.mjs";
+import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/node/state.mjs";
 class LayoutFeature extends Feature {
   constructor(state) {
     super(state);

package/dist/es/features/layout/projection.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../feature.mjs";
-import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
+import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
 import { getClosestProjectingNode } from "./utils.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
 import { isHTMLElement } from "../gestures/drag/utils/is.mjs";
 import { doneCallbacks } from "../../components/presence.mjs";

package/dist/es/features/svg.mjs

@@ -1,5 +1,5 @@
 import { Feature } from "./feature.mjs";
-import { frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 function isSVGElement(element) {
   return element instanceof SVGElement && element.tagName !== "svg";
 }

package/dist/es/index.mjs

@@ -1,4 +1,4 @@
-import { addScaleCorrector } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { default as default2 } from "./components/LayoutGroup.vue.mjs";
 import { useLayoutGroup } from "./components/use-layout-group.mjs";
 import { injectLayoutGroup, injectMotion, provideLayoutGroup, provideMotion } from "./components/context.mjs";
@@ -8,39 +8,41 @@ import { default as default3 } from "./components/motion/Motion.vue.mjs";
 import { default as default4 } from "./components/RowValue.vue.mjs";
 import { default as default5 } from "./components/animate-presence/AnimatePresence.vue.mjs";
 import { default as default6 } from "./components/motion-config/MotionConfig.vue.mjs";
-import { MotionValue, motionValue, motionValue as motionValue2 } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { isDragActive } from "./external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/drag/state/is-active.mjs";
-import { invariant } from "./external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "./external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "./external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
-import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { animateMini } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
-import { scroll } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
-import { scrollInfo } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
-import { inView } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { anticipate } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/anticipate.mjs";
-import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/back.mjs";
-import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/circ.mjs";
-import { cubicBezier } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
-import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/ease.mjs";
-import { mirrorEasing } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
-import { reverseEasing } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
-import { steps } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/steps.mjs";
-import { inertia } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/generators/inertia.mjs";
-import { keyframes } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
-import { spring } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
-import { stagger } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/utils/stagger.mjs";
-import { time } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/sync-time.mjs";
-import { clamp } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/clamp.mjs";
-import { delayInSeconds } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/delay.mjs";
-import { distance, distance2D } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/distance.mjs";
-import { interpolate } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/interpolate.mjs";
-import { mix } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/mix/index.mjs";
-import { pipe } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/pipe.mjs";
-import { transform } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/transform.mjs";
-import { wrap } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/wrap.mjs";
-import { cancelSync, sync } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/index-legacy.mjs";
-import { cancelFrame, frame, frameData, frameSteps } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { MotionValue, motionValue, motionValue as motionValue2 } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
+import { hover } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/hover.mjs";
+import { isDragActive } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/drag/state/is-active.mjs";
+import { press } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/press/index.mjs";
+import { invariant } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
+import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { animateMini } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
+import { scroll } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { scrollInfo } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
+import { inView } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { anticipate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/anticipate.mjs";
+import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/back.mjs";
+import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/circ.mjs";
+import { cubicBezier } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
+import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/ease.mjs";
+import { mirrorEasing } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
+import { reverseEasing } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
+import { steps } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/steps.mjs";
+import { inertia } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/inertia.mjs";
+import { keyframes } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
+import { spring } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
+import { stagger } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/utils/stagger.mjs";
+import { time } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/sync-time.mjs";
+import { clamp } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/clamp.mjs";
+import { delayInSeconds } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/delay.mjs";
+import { distance, distance2D } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/distance.mjs";
+import { interpolate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/interpolate.mjs";
+import { mix } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/mix/index.mjs";
+import { pipe } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/pipe.mjs";
+import { transform } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/transform.mjs";
+import { wrap } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/wrap.mjs";
+import { cancelSync, sync } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/index-legacy.mjs";
+import { cancelFrame, frame, frameData, frameSteps } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { motion } from "./components/motion/NameSpace.mjs";
 import { mountedStates } from "./state/motion-state.mjs";
 import { provideMotionConfig, useMotionConfig } from "./components/motion-config/context.mjs";
@@ -100,6 +102,7 @@ export {
   frameData,
   frameSteps,
   getContextWindow,
+  hover,
   inView,
   inertia,
   injectLayoutGroup,
@@ -117,6 +120,7 @@ export {
   mountedStates,
   noop,
   pipe,
+  press,
   progress,
   provideLayoutGroup,
   provideMotion,

package/dist/es/state/animate-updates.mjs

@@ -4,9 +4,9 @@ import { transformResetValue } from "./transform.mjs";
 import { motionEvent } from "./event.mjs";
 import { isDef } from "@vueuse/core";
 import { isAnimationControls } from "../animation/utils.mjs";
-import { animate } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { noop } from "../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import "../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { animate } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { noop } from "../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
+import "../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
 const STATE_TYPES = ["initial", "animate", "whileInView", "whileHover", "whilePress", "whileDrag", "whileFocus", "exit"];
 function animateUpdates({
   controlActiveState = void 0,
@@ -48,8 +48,12 @@ function resolveStateAnimation(controlActiveState, transition) {
   STATE_TYPES.forEach((name) => {
     if (!this.activeStates[name] || isAnimationControls(this.options[name]))
       return;
-    const definition = isDef(this.options[name]) ? this.options[name] : this.context[name];
-    const variant = resolveVariant(definition, this.options.variants, this.options.custom);
+    const definition = this.options[name];
+    let variant = isDef(definition) ? resolveVariant(definition, this.options.variants, this.options.custom) : void 0;
+    if (this.visualElement.isVariantNode) {
+      const controlVariant = resolveVariant(this.context[name], this.options.variants, this.options.custom);
+      variant = controlVariant ? Object.assign(controlVariant || {}, variant) : variant;
+    }
     if (!variant)
       return;
     Object.assign(transition, variant.transition);

package/dist/es/state/create-visual-element.mjs

@@ -1,6 +1,6 @@
 import { isSVGElement } from "./utils.mjs";
-import { HTMLVisualElement } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
-import { SVGVisualElement } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
+import { HTMLVisualElement } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
+import { SVGVisualElement } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
 function createVisualElement(Component, options) {
   return isSVGElement(Component) ? new SVGVisualElement(options) : new HTMLVisualElement(options);
 }

package/dist/es/state/motion-state.d.ts

@@ -1,5 +1,6 @@
 import { MotionStateContext, Options } from '../types';
 import { DOMKeyframesDefinition, VisualElement } from 'framer-motion';
+import { frame } from 'framer-motion/dom';
 import { StateType, animateUpdates } from './animate-updates';
 export declare const mountedStates: WeakMap<Element, MotionState>;
 /**
@@ -15,6 +16,13 @@ export declare class MotionState {
     isVShow: boolean;
     private children?;
     activeStates: Partial<Record<StateType, boolean>>;
+    /**
+     * Current animation process reference
+     * Tracks the ongoing animation process for mount/update animations
+     * Enables delayed animation loading and parent-child animation orchestration
+     * Allows parent variant elements to control child element animations
+     */
+    currentProcess: ReturnType<typeof frame.render> | null;
     depth: number;
     baseTarget: DOMKeyframesDefinition;
     target: DOMKeyframesDefinition;
@@ -27,6 +35,8 @@ export declare class MotionState {
     updateOptions(): void;
     beforeMount(): void;
     mount(element: HTMLElement, options: Options, notAnimate?: boolean): void;
+    clearAnimation(): void;
+    startAnimation(): void;
     beforeUnmount(): void;
     unmount(unMountChildren?: boolean): void;
     private unmountChild;

package/dist/es/state/motion-state.mjs

@@ -1,12 +1,12 @@
 import { invariant } from "hey-listen";
-import { visualElementStore } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/store.mjs";
+import { visualElementStore } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/store.mjs";
 import { resolveVariant, isAnimateChanged } from "./utils.mjs";
 import { FeatureManager } from "../features/feature-manager.mjs";
 import { createVisualElement } from "./create-visual-element.mjs";
 import { doneCallbacks } from "../components/presence.mjs";
 import { animateUpdates } from "./animate-updates.mjs";
 import { isVariantLabels } from "./utils/is-variant-labels.mjs";
-import { frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 const mountedStates = /* @__PURE__ */ new WeakMap();
 let id = 0;
 const mountedLayoutIds = /* @__PURE__ */ new Set();
@@ -21,6 +21,7 @@ class MotionState {
       initial: true,
       animate: true
     };
+    this.currentProcess = null;
     this._context = null;
     this.animateUpdates = animateUpdates;
     this.id = `motion-state-${id++}`;
@@ -106,7 +107,7 @@ class MotionState {
     this.updateOptions();
     this.featureManager.mount();
     if (!notAnimate && this.options.animate) {
-      this.animateUpdates();
+      this.startAnimation();
     }
     if (this.options.layoutId) {
       mountedLayoutIds.add(this.options.layoutId);
@@ -115,6 +116,22 @@ class MotionState {
       });
     }
   }
+  clearAnimation() {
+    var _a;
+    this.currentProcess && cancelFrame(this.currentProcess);
+    this.currentProcess = null;
+    (_a = this.visualElement.variantChildren) == null ? void 0 : _a.forEach((child) => {
+      child.state.clearAnimation();
+    });
+  }
+  // update trigger animation
+  startAnimation() {
+    this.clearAnimation();
+    this.currentProcess = frame.render(() => {
+      this.currentProcess = null;
+      this.animateUpdates();
+    });
+  }
   // Called before unmounting, executes in child-to-parent order
   beforeUnmount() {
     this.featureManager.beforeUnmount();
@@ -156,7 +173,7 @@ class MotionState {
     this.updateOptions();
     this.featureManager.update();
     if (hasAnimateChange) {
-      this.animateUpdates();
+      this.startAnimation();
     }
   }
   // Set animation state active status and propagate to children

package/dist/es/utils/use-animation-frame.mjs

@@ -1,5 +1,5 @@
 import { onBeforeUpdate, onUnmounted } from "vue";
-import { frame, cancelFrame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 function useAnimationFrame(callback) {
   let initialTimestamp = 0;
   const provideTimeSinceStart = ({ timestamp, delta }) => {

package/dist/es/utils/use-in-view.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, isRef, unref } from "vue";
-import { inView } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { inView } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
 function useInView(domRef, options) {
   const isInView = ref(false);
   watch([domRef, () => isRef(options) ? options.value : options], (_v1, _v2) => {

package/dist/es/value/use-combine-values.mjs

@@ -1,6 +1,6 @@
 import { onUnmounted } from "vue";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { cancelFrame, frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
+import { cancelFrame, frame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 function useCombineMotionValues(combineValues) {
   const value = motionValue(combineValues());
   const updateValue = () => value.set(combineValues());

package/dist/es/value/use-computed.mjs

@@ -1,5 +1,5 @@
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { collectMotionValues } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { collectMotionValues } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
 import { onBeforeUpdate } from "vue";
 function useComputed(computed) {
   collectMotionValues.current = [];

package/dist/es/value/use-scroll.mjs

@@ -1,7 +1,7 @@
 import { onMounted, onUnmounted, watch } from "vue";
 import { warning } from "hey-listen";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { scroll } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
+import { scroll } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
 function refWarning(name, ref) {
   warning(
     Boolean(!ref || ref.value),

package/dist/es/value/use-spring.d.ts

@@ -1,3 +1,4 @@
+import { ComputedRef, Ref } from 'vue';
 import { MotionValue } from 'framer-motion/dom';
 import { SpringOptions } from 'framer-motion';
-export declare function useSpring(source: MotionValue<string> | MotionValue<number> | number, config?: SpringOptions): MotionValue<number>;
+export declare function useSpring(source: MotionValue<string> | MotionValue<number> | number, config?: SpringOptions | ComputedRef<SpringOptions> | Ref<SpringOptions>): MotionValue<number>;

package/dist/es/value/use-spring.mjs

@@ -1,7 +1,7 @@
-import { watch } from "vue";
-import { animateValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { frame, frameData } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { watch, isRef } from "vue";
+import { animateValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
+import { frame, frameData } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { isMotionValue } from "../utils/motion-value.mjs";
 function toNumber(v) {
   if (typeof v === "number")
@@ -28,17 +28,23 @@ function useSpring(source, config = {}) {
       animation.sample(frameData.delta);
     }
     stopAnimation();
+    const springConfig = isRef(config) ? config.value : config;
     activeSpringAnimation = animateValue({
       keyframes: [value.get(), latestValue],
       velocity: value.getVelocity(),
       type: "spring",
       restDelta: 1e-3,
       restSpeed: 0.01,
-      ...config,
+      ...springConfig,
       onUpdate: latestSetter
     });
   };
-  watch(() => JSON.stringify(config), () => {
+  watch(() => {
+    if (isRef(config)) {
+      return config.value;
+    }
+    return config;
+  }, () => {
     value.attach((v, set) => {
       latestValue = v;
       latestSetter = set;

package/dist/es/value/use-time.mjs

@@ -1,5 +1,5 @@
 import { useAnimationFrame } from "../utils/use-animation-frame.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
 function useTime() {
   const time = motionValue(0);
   useAnimationFrame((t) => time.set(t));

package/dist/es/value/use-transform.mjs

@@ -1,15 +1,23 @@
 import { useComputed } from "./use-computed.mjs";
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { transform } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/transform.mjs";
+import { computed, isRef } from "vue";
+import { transform } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/transform.mjs";
 function useTransform(input, inputRangeOrTransformer, outputRange, options) {
   if (typeof input === "function") {
     return useComputed(input);
   }
-  const transformer = typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : transform(inputRangeOrTransformer, outputRange, options);
+  const transformer = computed(() => {
+    return typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : transform(isRef(inputRangeOrTransformer) ? inputRangeOrTransformer.value : inputRangeOrTransformer, outputRange, options);
+  });
   return Array.isArray(input) ? useListTransform(
     input,
     transformer
-  ) : useListTransform([input], ([latest]) => transformer(latest));
+  ) : useListTransform([input], ([latest]) => {
+    if (isRef(transformer)) {
+      return transformer.value(latest);
+    }
+    return transformer(latest);
+  });
 }
 function useListTransform(values, transformer) {
   const latest = [];
@@ -19,7 +27,7 @@ function useListTransform(values, transformer) {
     for (let i = 0; i < numValues; i++) {
       latest[i] = values[i].get();
     }
-    return transformer(latest);
+    return isRef(transformer) ? transformer.value(latest) : transformer(latest);
   });
   subscribe(values);
   return value;

package/dist/es/value/use-velocity.mjs

@@ -1,6 +1,6 @@
 import { useMotionValueEvent } from "./use-motion-value-event.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
-import { frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
+import { frame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 function useVelocity(value) {
   const velocity = motionValue(value.getVelocity());
   const updateVelocity = () => {