motion-v 0.11.0-beta.6 → 0.11.1

package/dist/es/animation/hooks/animation-controls.mjs

@@ -1,6 +1,6 @@
 import { mountedStates } from "../../state/motion-state.mjs";
 import { invariant } from "hey-listen";
-import { setTarget } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/utils/setters.mjs";
+import { setTarget } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/utils/setters.mjs";
 import { resolveVariant } from "../../state/utils.mjs";
 function stopAnimation(visualElement) {
   visualElement.values.forEach((value) => value.stop());

package/dist/es/animation/hooks/use-animate.mjs

@@ -1,5 +1,5 @@
 import { ref, onUnmounted } from "vue";
-import { createScopedAnimate } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { createScopedAnimate } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animate/index.mjs";
 function useAnimate() {
   const dom = ref(null);
   const domProxy = new Proxy(dom, {

package/dist/es/components/RowValue.d.ts

@@ -7,7 +7,9 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
     attrs: any;
     slots: {};
     emit: {};
-}>) => import('vue').VNode & {
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/es/components/animate-presence/use-pop-layout.mjs

@@ -1,5 +1,5 @@
 import { useMotionConfig } from "../motion-config/context.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 usePopLayout(props) {
   const styles = /* @__PURE__ */ new WeakMap();
   const config = useMotionConfig();

package/dist/es/components/motion/Motion.d.ts

@@ -3,7 +3,15 @@ import { ElementType, Options, SVGAttributesWithMotionValues, SetMotionValueType
 export interface MotionProps<T extends ElementType = 'div', K = unknown> extends Options<K> {
     as?: T;
     asChild?: boolean;
+    hover?: Options['hover'];
+    press?: Options['press'];
+    inView?: Options['inView'];
+    focus?: Options['focus'];
     whileDrag?: Options['whileDrag'];
+    whileHover?: Options['whileHover'];
+    whilePress?: Options['whilePress'];
+    whileInView?: Options['whileInView'];
+    whileFocus?: Options['whileFocus'];
 }
 declare const _default: <T extends ElementType = "div", K = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, never>, never> & (Omit<SetMotionValueType<IntrinsicElementAttributes, keyof SVGAttributesWithMotionValues>[T], "asChild" | keyof Options<any>> & MotionProps<T, K>)> & import('vue').PublicProps;
@@ -13,7 +21,9 @@ declare const _default: <T extends ElementType = "div", K = unknown>(__VLS_props
         default?(_: {}): any;
     };
     emit: {};
-}>) => import('vue').VNode & {
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/es/components/motion/Motion.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, useAttrs, getCurrentInstance, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, onBeforeUpdate, onUpdated, ref, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
+import { defineComponent, mergeDefaults, warn, useAttrs, getCurrentInstance, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, onBeforeUpdate, onUpdated, ref, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
 import { injectMotion, injectLayoutGroup, provideMotion } from "../context.mjs";
 import { convertSvgStyleToAttributes, createStyles } from "../../state/style.mjs";
 import { Primitive } from "./Primitive.mjs";
@@ -17,7 +17,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     as: {},
     asChild: { type: Boolean },
+    hover: {},
+    press: {},
+    inView: {},
+    focus: {},
     whileDrag: {},
+    whileHover: {},
+    whilePress: {},
+    whileInView: {},
+    whileFocus: {},
     custom: {},
     initial: { type: [String, Array, Object, Boolean] },
     animate: {},
@@ -41,15 +49,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLayoutAnimationStart: { type: Function },
     onLayoutAnimationComplete: { type: Function },
     globalPressTarget: { type: Boolean },
-    press: {},
     onPressStart: { type: Function },
     onPress: { type: Function },
     onPressCancel: { type: Function },
-    hover: {},
     onHoverStart: { type: Function },
     onHoverEnd: { type: Function },
     inViewOptions: {},
-    inView: {},
     onViewportEnter: { type: Function },
     onViewportLeave: { type: Function },
     drag: { type: [Boolean, String] },
@@ -72,7 +77,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onPanStart: { type: Function },
     onPan: { type: Function },
     onPanEnd: { type: Function },
-    focus: {},
     onFocus: { type: Function },
     onBlur: { type: Function }
   }, {
@@ -90,7 +94,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     dragElastic: 0.5,
     dragMomentum: true,
     whileDrag: void 0,
-    crossfade: true
+    crossfade: true,
+    whileHover: ({ hover }) => {
+      if (process.env.NODE_ENV === "development" && hover) {
+        warn("hover is deprecated. Use whileHover instead.");
+      }
+      return hover;
+    },
+    whilePress: ({ press }) => {
+      if (process.env.NODE_ENV === "development" && press) {
+        warn("press is deprecated. Use whilePress instead.");
+      }
+      return press;
+    },
+    whileInView: ({ inView }) => {
+      if (process.env.NODE_ENV === "development" && inView) {
+        warn("inView is deprecated. Use whileInView instead.");
+      }
+      return inView;
+    },
+    whileFocus: ({ focus }) => {
+      if (process.env.NODE_ENV === "development" && focus) {
+        warn("focus is deprecated. Use whileFocus instead.");
+      }
+      return focus;
+    }
   }),
   setup(__props) {
     const props = __props;
@@ -112,6 +140,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         transition: props.transition ?? config.value.transition,
         layoutGroup,
         motionConfig: config.value,
+        inViewOptions: props.inViewOptions ?? config.value.inViewOptions,
         initial: animatePresenceContext.initial === false ? animatePresenceContext.initial : props.initial === true ? void 0 : props.initial
       };
     }
@@ -152,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...isSVG ? {} : state.visualElement.latestValues
       };
       if (isSVG) {
-        const { attributes, style } = convertSvgStyleToAttributes(state.target);
+        const { attributes, style } = convertSvgStyleToAttributes(state.isMounted() ? state.target : state.baseTarget);
         Object.assign(attrsProps, attributes);
         Object.assign(styleProps, style);
       }

package/dist/es/components/motion-config/MotionConfig.vue.mjs

@@ -9,7 +9,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     transition: {},
     reduceMotion: { default: defaultConfig.reduceMotion },
-    nonce: {}
+    nonce: {},
+    inViewOptions: {}
   },
   setup(__props) {
     const props = __props;
@@ -17,7 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const config = computed(() => ({
       transition: props.transition ?? parentConfig.value.transition,
       reduceMotion: props.reduceMotion ?? parentConfig.value.reduceMotion,
-      nonce: props.nonce ?? parentConfig.value.nonce
+      nonce: props.nonce ?? parentConfig.value.nonce,
+      inViewOptions: props.inViewOptions ?? parentConfig.value.inViewOptions
     }));
     provideMotionConfig(config);
     return (_ctx, _cache) => {

package/dist/es/components/motion-config/types.d.ts

@@ -9,6 +9,8 @@ export interface MotionConfigState {
     reduceMotion?: 'user' | 'never' | 'always';
     /** Custom nonce for CSP compliance with inline styles */
     nonce?: string;
+    /** Options for the inView prop */
+    inViewOptions?: Options['inViewOptions'];
 }
 /** Props interface matching the config state */
 export type MotionConfigProps = MotionConfigState;

package/dist/es/components/reorder/Group.vue.mjs

@@ -15,7 +15,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     values: {},
     as: { default: "ul" },
     asChild: { type: Boolean },
+    hover: {},
+    press: {},
+    inView: {},
+    focus: {},
     whileDrag: {},
+    whileHover: {},
+    whilePress: {},
+    whileInView: {},
+    whileFocus: {},
     custom: {},
     initial: { type: [String, Array, Object, Boolean] },
     animate: {},
@@ -39,15 +47,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLayoutAnimationStart: {},
     onLayoutAnimationComplete: {},
     globalPressTarget: { type: Boolean },
-    press: {},
     onPressStart: {},
     onPress: {},
     onPressCancel: {},
-    hover: {},
     onHoverStart: {},
     onHoverEnd: {},
     inViewOptions: {},
-    inView: {},
     onViewportEnter: {},
     onViewportLeave: {},
     drag: { type: [Boolean, String] },
@@ -70,7 +75,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onPanStart: {},
     onPan: {},
     onPanEnd: {},
-    focus: {},
     onFocus: {},
     onBlur: {}
   },

package/dist/es/components/reorder/Item.d.ts

@@ -53,13 +53,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     crossfade: boolean;
     initial: import('../../types').VariantLabels | import('../../types').Variant | boolean;
     animate: import('../../types').VariantLabels | import('../../types').Variant | import('../../animation/types').AnimationControls;
-    inView: import('../../types').VariantLabels | import('../../types').Variant;
-    hover: import('../../types').VariantLabels | import('../../types').Variant;
     whileDrag: import('../../types').Options["whileDrag"];
     dragElastic: number;
     dragMomentum: boolean;
     dragListener: boolean;
     as: keyof import('vue').IntrinsicElementAttributes;
+    hover: import('../../types').Options["hover"];
+    inView: import('../../types').Options["inView"];
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/es/components/reorder/Item.vue.mjs

@@ -15,7 +15,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     layout: { type: [Boolean, String], default: true },
     as: { default: "li" },
     asChild: { type: Boolean },
+    hover: { default: void 0 },
+    press: {},
+    inView: { default: void 0 },
+    focus: {},
     whileDrag: { default: void 0 },
+    whileHover: {},
+    whilePress: {},
+    whileInView: {},
+    whileFocus: {},
     custom: {},
     initial: { type: [String, Array, Object, Boolean], default: void 0 },
     animate: { default: void 0 },
@@ -38,15 +46,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLayoutAnimationStart: {},
     onLayoutAnimationComplete: {},
     globalPressTarget: { type: Boolean },
-    press: {},
     onPressStart: {},
     onPress: {},
     onPressCancel: {},
-    hover: { default: void 0 },
     onHoverStart: {},
     onHoverEnd: {},
     inViewOptions: {},
-    inView: { default: void 0 },
     onViewportEnter: {},
     onViewportLeave: {},
     drag: { type: [Boolean, String] },
@@ -69,7 +74,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onPanStart: {},
     onPan: {},
     onPanEnd: {},
-    focus: {},
     onFocus: {},
     onBlur: {}
   },

package/dist/es/components/reorder/utils.mjs

@@ -1,5 +1,5 @@
 import { mixNumber } from "../../utils/mix/number.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";
 import { isMotionValue } from "../../utils/motion-value.mjs";
 function compareMin(a, b) {
   return a.layout.min - b.layout.min;

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animate/index.mjs

@@ -1,9 +1,9 @@
-import { GroupPlaybackControls } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { GroupPlaybackControls } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/controls/Group.mjs";
+import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
 import { animateSequence } from "./sequence.mjs";
 import { animateSubject } from "./subject.mjs";
 function isSequence(value) {
-  return Array.isArray(value) && Array.isArray(value[0]);
+  return Array.isArray(value) && value.some(Array.isArray);
 }
 function createScopedAnimate(scope) {
   function scopedAnimate(subjectOrSequence, optionsOrKeyframes, options) {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animate/resolve-subjects.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 import { isDOMKeyframes } from "../utils/is-dom-keyframes.mjs";
 function resolveSubjects(subject, keyframes, scope, selectorCache) {
   if (typeof subject === "string" && isDOMKeyframes(keyframes)) {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animate/subject.mjs

@@ -1,4 +1,4 @@
-import { invariant } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
 import { visualElementStore } from "../../render/store.mjs";
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 import { animateTarget } from "../interfaces/visual-element-target.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs

@@ -1,10 +1,10 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { attachTimeline } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs";
-import { isWaapiSupportedEasing } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
-import { supportsLinearEasing } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
+import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { attachTimeline } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs";
+import { isWaapiSupportedEasing } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
+import { supportsLinearEasing } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
 import { anticipate } from "../../easing/anticipate.mjs";
 import { backInOut } from "../../easing/back.mjs";
 import { circInOut } from "../../easing/circ.mjs";
@@ -59,9 +59,8 @@ class AcceleratedAnimation extends BaseAnimation {
     this.resolver.scheduleResolve();
   }
   initPlayback(keyframes, finalKeyframe) {
-    var _a;
     let { duration = 300, times, ease, type, motionValue, name, startTime } = this.options;
-    if (!((_a = motionValue.owner) === null || _a === void 0 ? void 0 : _a.current)) {
+    if (!motionValue.owner || !motionValue.owner.current) {
       return false;
     }
     if (typeof ease === "string" && supportsLinearEasing() && isUnsupportedEase(ease)) {
@@ -232,11 +231,15 @@ class AcceleratedAnimation extends BaseAnimation {
   }
   static supports(options) {
     const { motionValue, name, repeatDelay, repeatType, damping, type } = options;
-    return supportsWaapi() && name && acceleratedValues.has(name) && motionValue && motionValue.owner && motionValue.owner.current instanceof HTMLElement && /**
+    if (!motionValue || !motionValue.owner || !(motionValue.owner.current instanceof HTMLElement)) {
+      return false;
+    }
+    const { onUpdate, transformTemplate } = motionValue.owner.getProps();
+    return supportsWaapi() && name && acceleratedValues.has(name) && /**
      * If we're outputting values to onUpdate then we can't use WAAPI as there's
      * no way to read the value from WAAPI every frame.
      */
-    !motionValue.owner.getProps().onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
+    !onUpdate && !transformTemplate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
   }
 }
 export {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/BaseAnimation.mjs

@@ -56,8 +56,8 @@ class BaseAnimation {
     const { name, type, velocity, delay, onComplete, onUpdate, isGenerator } = this.options;
     if (!isGenerator && !canAnimate(keyframes, name, type, velocity)) {
       if (!delay) {
-        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(getFinalKeyframe(keyframes, this.options, finalKeyframe));
-        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+        onUpdate && onUpdate(getFinalKeyframe(keyframes, this.options, finalKeyframe));
+        onComplete && onComplete();
         this.resolveFinishedPromise();
         return;
       } else {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs

@@ -1,7 +1,7 @@
-import { invariant } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { calcGeneratorDuration } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
+import { calcGeneratorDuration } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
 import { KeyframeResolver } from "../../render/utils/KeyframesResolver.mjs";
 import { clamp } from "../../utils/clamp.mjs";
 import { mix } from "../../utils/mix/index.mjs";
@@ -56,10 +56,10 @@ class MainThreadAnimation extends BaseAnimation {
     const generatorFactory = isGenerator(type) ? type : generators[type] || keyframes;
     let mapPercentToKeyframes;
     let mirroredGenerator;
+    if (process.env.NODE_ENV !== "production" && generatorFactory !== keyframes) {
+      invariant(keyframes$1.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`);
+    }
     if (generatorFactory !== keyframes && typeof keyframes$1[0] !== "number") {
-      if (process.env.NODE_ENV !== "production") {
-        invariant(keyframes$1.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`);
-      }
       mapPercentToKeyframes = pipe(percentToProgress, mix(keyframes$1[0], keyframes$1[1]));
       keyframes$1 = [0, 100];
     }

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/utils/can-animate.mjs

@@ -1,5 +1,5 @@
-import { warning } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { warning } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { isGenerator } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
 import { isAnimatable } from "../../utils/is-animatable.mjs";
 function hasKeyframesChanged(keyframes) {
   const current = keyframes[0];

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs

@@ -1,9 +1,9 @@
-import { invariant } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { createGeneratorEasing } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { NativeAnimationControls } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs";
-import { supportsLinearEasing } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
+import { invariant } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
+import { createGeneratorEasing } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { isGenerator } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { NativeAnimationControls } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs";
+import { supportsLinearEasing } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
 import { startWaapiAnimation } from "./index.mjs";
 import { browserNumberValueTypes } from "../../../render/dom/value-types/number-browser.mjs";
 import { getFinalKeyframe } from "./utils/get-final-keyframe.mjs";
@@ -61,8 +61,8 @@ class NativeAnimation extends NativeAnimationControls {
       this.options = options;
       this.updateFinishedPromise();
       this.removeAnimation = () => {
-        var _a;
-        return (_a = state.get(element)) === null || _a === void 0 ? void 0 : _a.delete(valueName);
+        const elementState = state.get(element);
+        elementState && elementState.delete(valueName);
       };
     };
     if (!supportsWaapi()) {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs

@@ -1,7 +1,7 @@
-import { invariant } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { getValueTransition } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import { invariant } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
+import { getValueTransition } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 import { NativeAnimation } from "./NativeAnimation.mjs";
 function animateElements(elementOrSelector, keyframes, options, scope) {
   const elements = resolveElements(elementOrSelector, scope);

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs

@@ -1,5 +1,5 @@
-import { GroupPlaybackControls } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { GroupPlaybackControls } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/controls/Group.mjs";
+import "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
 import { animateElements } from "./animate-elements.mjs";
 const createScopedWaapiAnimate = (scope) => {
   function scopedAnimate(elementOrSelector, keyframes, options) {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/waapi/index.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { mapEasingToNativeEasing } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
+import "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { mapEasingToNativeEasing } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
 function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease = "easeInOut", times } = {}) {
   const keyframeOptions = { [valueName]: keyframes };
   if (times)
@@ -7,7 +7,7 @@ function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duratio
   const easing = mapEasingToNativeEasing(ease, duration);
   if (Array.isArray(easing))
     keyframeOptions.easing = easing;
-  return element.animate(keyframeOptions, {
+  const animation = element.animate(keyframeOptions, {
     delay,
     duration,
     easing: !Array.isArray(easing) ? easing : "linear",
@@ -15,6 +15,7 @@ function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duratio
     iterations: repeat + 1,
     direction: repeatType === "reverse" ? "alternate" : "normal"
   });
+  return animation;
 }
 export {
   startWaapiAnimation

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/waapi/utils/style.mjs

@@ -1,5 +1,5 @@
 function setCSSVar(element, name, value) {
-  element.style.setProperty(`--${name}`, value);
+  element.style.setProperty(name, value);
 }
 function setStyle(element, name, value) {
   element.style[name] = value;

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.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 supportsPartialKeyframes = /* @__PURE__ */ memo(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });

package/dist/es/external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs

@@ -0,0 +1,6 @@
+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 supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+export {
+  supportsWaapi
+};

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/generators/spring/find.mjs

@@ -1,5 +1,5 @@
-import { warning } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { warning } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
 import { clamp } from "../../../utils/clamp.mjs";
 import { springDefaults } from "./defaults.mjs";
 const safeMin = 1e-3;

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/generators/spring/index.mjs

@@ -1,7 +1,7 @@
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { calcGeneratorDuration, maxGeneratorDuration } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
-import { generateLinearEasing } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs";
+import "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
+import { calcGeneratorDuration, maxGeneratorDuration } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
+import { generateLinearEasing } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs";
 import { clamp } from "../../../utils/clamp.mjs";
 import { calcGeneratorVelocity } from "../utils/velocity.mjs";
 import { springDefaults } from "./defaults.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs

@@ -1,7 +1,7 @@
-import { GroupPlaybackControls } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { GroupPlaybackControls } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/controls/Group.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
 import { frame } from "../../frameloop/frame.mjs";
 import { AcceleratedAnimation } from "../animators/AcceleratedAnimation.mjs";
 import { MainThreadAnimation } from "../animators/MainThreadAnimation.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
 import { positionalKeys } from "../../render/html/utils/keys-position.mjs";
 import { setTarget } from "../../render/utils/setters.mjs";
 import { addValueToWillChange } from "../../value/use-will-change/add-will-change.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.10}/external/framer-motion/dist/es/animation/sequence/create.mjs

@@ -1,8 +1,8 @@
-import { invariant } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { createGeneratorEasing } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
+import { createGeneratorEasing } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
 import { getEasingForSegment } from "../../easing/utils/get-easing-for-segment.mjs";
 import { defaultOffset } from "../../utils/offsets/default.mjs";
 import { fillOffset } from "../../utils/offsets/fill.mjs";