motion-v 0.11.0 → 0.11.2

package/dist/es/external/.pnpm/{motion-dom@11.16.4 → motion-dom@12.4.10}/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { memo } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/memo.mjs";
+import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { memo } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/memo.mjs";
 const supportsScrollTimeline = memo(() => window.ScrollTimeline !== void 0);
 export {
   supportsScrollTimeline

package/dist/es/external/.pnpm/{motion-utils@11.16.0 → motion-utils@12.4.10}/external/motion-utils/dist/es/memo.mjs

@@ -1,3 +1,4 @@
+// @__NO_SIDE_EFFECTS__
 function memo(callback) {
   let result;
   return () => {

package/dist/es/external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs

@@ -0,0 +1,4 @@
+const noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
+export {
+  noop
+};

package/dist/es/external/.pnpm/{motion-utils@11.16.0 → motion-utils@12.4.10}/external/motion-utils/dist/es/progress.mjs

@@ -1,4 +1,4 @@
-const progress = (from, to, value) => {
+const progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
   const toFromDifference = to - from;
   return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
 };

package/dist/es/external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs

@@ -0,0 +1,6 @@
+const secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
+const millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
+export {
+  millisecondsToSeconds,
+  secondsToMilliseconds
+};

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.d.ts

@@ -9,11 +9,12 @@ export type StateType = typeof STATE_TYPES[number];
  * @param directAnimate - 直接动画目标值
  * @param directTransition - 直接动画过渡配置
  */
-export declare function animateUpdates(this: MotionState, { controlActiveState, controlDelay, directAnimate, directTransition, isFallback, }?: {
+export declare function animateUpdates(this: MotionState, { controlActiveState, controlDelay, directAnimate, directTransition, isFallback, isExit, }?: {
     controlActiveState?: Partial<Record<string, boolean>>;
     controlDelay?: number;
     directAnimate?: Options['animate'];
     directTransition?: $Transition;
     isFallback?: boolean;
+    isExit?: boolean;
 }): any;
 export {};

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

@@ -4,16 +4,17 @@ 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,
   controlDelay = 0,
   directAnimate,
   directTransition,
-  isFallback = false
+  isFallback = false,
+  isExit = false
 } = {}) {
   const prevTarget = this.target;
   this.target = { ...this.baseTarget };
@@ -25,7 +26,14 @@ function animateUpdates({
     animationOptions = resolveStateAnimation.call(this, controlActiveState, transition);
   const factories = createAnimationFactories.call(this, prevTarget, animationOptions, controlDelay);
   const { getChildAnimations, childAnimations } = setupChildAnimations.call(this, transition, this.activeStates, isFallback);
-  return executeAnimations.call(this, factories, getChildAnimations, childAnimations, transition, controlActiveState);
+  return executeAnimations.call(this, {
+    factories,
+    getChildAnimations,
+    childAnimations,
+    transition,
+    controlActiveState,
+    isExit
+  });
 }
 function resolveDirectAnimation(directAnimate, directTransition) {
   const variant = resolveVariant(directAnimate, this.options.variants, this.options.custom);
@@ -45,20 +53,29 @@ function resolveStateAnimation(controlActiveState, transition) {
   if (controlActiveState)
     this.activeStates = { ...this.activeStates, ...controlActiveState };
   const transitionOptions = {};
+  let variantTransition = {};
+  let variant = {};
   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);
-    if (!variant)
+    const definition = this.options[name];
+    let resolvedVariant = 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);
+      resolvedVariant = controlVariant ? Object.assign(controlVariant || {}, variant) : variant;
+    }
+    if (!resolvedVariant)
       return;
-    Object.assign(transition, variant.transition);
-    Object.entries(variant).forEach(([key, value]) => {
-      if (key === "transition")
-        return;
-      this.target[key] = value;
-      transitionOptions[key] = getOptions(transition, key);
-    });
+    if (name !== "initial")
+      variantTransition = resolvedVariant.transition || this.options.transition;
+    variant = Object.assign(variant, resolvedVariant);
+  });
+  Object.assign(transition, variantTransition);
+  Object.entries(variant).forEach(([key, value]) => {
+    if (key === "transition")
+      return;
+    this.target[key] = value;
+    transitionOptions[key] = getOptions(transition, key);
   });
   return transitionOptions;
 }
@@ -103,25 +120,22 @@ function setupChildAnimations(transition, controlActiveState, isFallback) {
     childAnimations
   };
 }
-function executeAnimations(factories, getChildAnimations, childAnimations, transition, controlActiveState) {
-  let animations;
-  const getAnimation = () => {
-    animations = factories.map((factory) => factory()).filter(Boolean);
-    return Promise.all(animations);
-  };
-  const isExit = this.activeStates.exit;
+function executeAnimations({
+  factories,
+  getChildAnimations,
+  childAnimations,
+  transition,
+  controlActiveState,
+  isExit = false
+}) {
+  const getAnimation = () => Promise.all(factories.map((factory) => factory()).filter(Boolean));
   const animationTarget = { ...this.target };
   const element = this.element;
   const finishAnimation = (animationPromise) => {
-    if (!(animations == null ? void 0 : animations.length) && !childAnimations.length) {
-      if (isExit) {
-        element.dispatchEvent(motionEvent("motionstart", animationTarget));
-        element.dispatchEvent(motionEvent("motioncomplete", animationTarget, isExit));
-      }
-      return;
-    }
     element.dispatchEvent(motionEvent("motionstart", animationTarget));
-    animationPromise.then(() => element.dispatchEvent(motionEvent("motioncomplete", animationTarget, isExit))).catch(noop);
+    animationPromise.then(() => {
+      element.dispatchEvent(motionEvent("motioncomplete", animationTarget, isExit));
+    }).catch(noop);
   };
   const getAnimationPromise = () => {
     const animationPromise = (transition == null ? void 0 : transition.when) ? (transition.when === "beforeChildren" ? getAnimation() : getChildAnimations()).then(() => transition.when === "beforeChildren" ? getChildAnimations() : getAnimation()) : Promise.all([getAnimation(), getChildAnimations()]);

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++}`;
@@ -28,7 +29,7 @@ class MotionState {
     this.parent = parent;
     (_a = parent == null ? void 0 : parent.children) == null ? void 0 : _a.add(this);
     this.depth = (parent == null ? void 0 : parent.depth) + 1 || 0;
-    const initialVariantSource = this.context.initial === false ? "animate" : "initial";
+    const initialVariantSource = this.context.initial === false ? ["initial", "animate"] : ["initial"];
     this.initTarget(initialVariantSource);
     this.visualElement = createVisualElement(this.options.as, {
       presenceContext: null,
@@ -70,7 +71,12 @@ class MotionState {
   }
   // Initialize animation target values
   initTarget(initialVariantSource) {
-    this.baseTarget = resolveVariant(this.options[initialVariantSource] || this.context[initialVariantSource], this.options.variants) || {};
+    this.baseTarget = initialVariantSource.reduce((acc, variant) => {
+      return {
+        ...acc,
+        ...resolveVariant(this.options[variant] || this.context[variant], this.options.variants)
+      };
+    }, {});
     this.target = {};
   }
   // Update visual element with new options
@@ -106,7 +112,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 +121,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 +178,7 @@ class MotionState {
     this.updateOptions();
     this.featureManager.update();
     if (hasAnimateChange) {
-      this.animateUpdates();
+      this.startAnimation();
     }
   }
   // Set animation state active status and propagate to children
@@ -170,7 +192,8 @@ class MotionState {
     });
     if (isAnimate) {
       this.animateUpdates({
-        isFallback: !isActive && name !== "exit" && this.visualElement.isControllingVariants
+        isFallback: !isActive && name !== "exit" && this.visualElement.isControllingVariants,
+        isExit: this.activeStates.exit
       });
     }
   }