motion-v 0.10.0-beta.1 → 0.11.0-beta.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@12.4.0/external/framer-motion/dist/es/render/utils/setters.mjs";
+import { setTarget } from "../../external/.pnpm/framer-motion@11.16.6/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@12.4.0/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { createScopedAnimate } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animate/index.mjs";
 function useAnimate() {
   const dom = ref(null);
   const domProxy = new Proxy(dom, {

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

@@ -10,9 +10,20 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<LayoutGroupProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LayoutGroupProps>>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<LayoutGroupProps>, {
+    inherit: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LayoutGroupProps>, {
+    inherit: boolean;
+}>>>, {
+    inherit: boolean | "id" | "group";
+}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -27,3 +38,6 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/es/components/LayoutGroup.vue.mjs

@@ -4,7 +4,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LayoutGroup",
   props: {
     id: {},
-    inherit: { type: [Boolean, String] }
+    inherit: { type: [Boolean, String], default: true }
   },
   setup(__props) {
     const props = __props;

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

@@ -0,0 +1,16 @@
+import { MotionValue } from 'framer-motion/dom';
+declare const _default: <T>(__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> & {
+        value: MotionValue<T>;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/es/components/RowValue.vue.mjs

@@ -0,0 +1,25 @@
+import { defineComponent, getCurrentInstance, watchEffect, toDisplayString } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RowValue",
+  props: {
+    value: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const instance = getCurrentInstance().proxy;
+    watchEffect((cleanup) => {
+      const unSub = props.value.on("change", (value) => {
+        if (instance.$el) {
+          instance.$el.textContent = value;
+        }
+      });
+      cleanup(unSub);
+    });
+    return (_ctx, _cache) => {
+      return toDisplayString(_ctx.value.get());
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/RowValue.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./RowValue.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/es/components/animate-presence/AnimatePresence.d.ts

@@ -11,14 +11,20 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     mode: string;
     initial: boolean;
     multiple: boolean;
+    unwrapElement: boolean;
+    anchorX: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<AnimatePresenceProps>, {
     mode: string;
     initial: boolean;
     multiple: boolean;
+    unwrapElement: boolean;
+    anchorX: string;
 }>>>, {
     initial: boolean;
     mode: "wait" | "popLayout" | "sync";
     multiple: boolean;
+    unwrapElement: boolean;
+    anchorX: "left" | "right";
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/es/components/animate-presence/AnimatePresence.vue.mjs

@@ -2,7 +2,6 @@ import { defineComponent, onMounted, onUnmounted, computed, openBlock, createBlo
 import { mountedStates } from "../../state/motion-state.mjs";
 import { provideAnimatePresence, removeDoneCallback, doneCallbacks } from "../presence.mjs";
 import { usePopLayout } from "./use-pop-layout.mjs";
-import { frame } from "../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/frame.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "AnimatePresence",
@@ -15,7 +14,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     multiple: { type: Boolean, default: false },
     as: {},
     custom: {},
-    onExitComplete: {}
+    onExitComplete: {},
+    unwrapElement: { type: Boolean, default: false },
+    anchorX: { default: "left" }
   },
   setup(__props) {
     const props = __props;
@@ -27,24 +28,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       presenceContext.initial = void 0;
     });
+    const { addPopStyle, removePopStyle, styles } = usePopLayout(props);
     function enter(el) {
       const state = mountedStates.get(el);
       if (!state) {
         return;
       }
+      removePopStyle(state);
       state.isVShow = true;
       removeDoneCallback(el);
       state.setActive("exit", false);
     }
-    const { addPopStyle, removePopStyle, styles } = usePopLayout(props);
     const exitDom = /* @__PURE__ */ new Map();
     onUnmounted(() => {
       exitDom.clear();
     });
     function exit(el, done) {
-      const state = mountedStates.get(el);
+      let state = mountedStates.get(el);
       if (!state) {
-        return done();
+        if (!props.unwrapElement) {
+          return done();
+        }
+        el = el.firstElementChild;
+        state = mountedStates.get(el);
       }
       exitDom.set(el, true);
       removeDoneCallback(el);
@@ -64,9 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           if (!styles.has(state)) {
             state.willUpdate("done");
           } else {
-            frame.render(() => {
-              removePopStyle(state);
-            });
+            removePopStyle(state);
           }
           done();
           if (!(el == null ? void 0 : el.isConnected)) {

package/dist/es/components/animate-presence/types.d.ts

@@ -5,4 +5,6 @@ export interface AnimatePresenceProps {
     as?: string;
     custom?: any;
     onExitComplete?: VoidFunction;
+    unwrapElement?: boolean;
+    anchorX?: 'left' | 'right';
 }

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

@@ -1,16 +1,22 @@
 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";
 function usePopLayout(props) {
   const styles = /* @__PURE__ */ new WeakMap();
   const config = useMotionConfig();
   function addPopStyle(state) {
     if (props.mode !== "popLayout")
       return;
+    const parent = state.element.offsetParent;
+    const parentWidth = parent instanceof HTMLElement ? parent.offsetWidth || 0 : 0;
     const size = {
       height: state.element.offsetHeight || 0,
       width: state.element.offsetWidth || 0,
       top: state.element.offsetTop,
-      left: state.element.offsetLeft
+      left: state.element.offsetLeft,
+      right: 0
     };
+    size.right = parentWidth - size.width - size.left;
+    const x = props.anchorX === "left" ? `left: ${size.left}` : `right: ${size.right}`;
     state.element.dataset.motionPopId = state.id;
     const style = document.createElement("style");
     if (config.value.nonce) {
@@ -18,11 +24,6 @@ function usePopLayout(props) {
     }
     styles.set(state, style);
     document.head.appendChild(style);
-    style.textContent = `
-      [data-motion-pop-id="${state.id}"] {
-        animation: pop 0.3s ease-in-out;
-      }
-    `;
     if (style.sheet) {
       style.sheet.insertRule(`
     [data-motion-pop-id="${state.id}"] {
@@ -30,8 +31,8 @@ function usePopLayout(props) {
       width: ${size.width}px !important;
       height: ${size.height}px !important;
       top: ${size.top}px !important;
-          left: ${size.left}px !important;
-        }
+      ${x}px !important;
+      }
       `);
     }
   }
@@ -40,7 +41,7 @@ function usePopLayout(props) {
     if (!style)
       return;
     styles.delete(state);
-    requestIdleCallback(() => {
+    frame.render(() => {
       document.head.removeChild(style);
     });
   }

package/dist/es/components/group.mjs

@@ -20,6 +20,7 @@ function nodeGroup() {
         unsubscribe();
         subscriptions.delete(node);
       }
+      dirtyAll();
     },
     dirty: dirtyAll
   };

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

@@ -2,3 +2,5 @@ export { Motion, motion, type MotionProps } from './motion';
 export * from './animate-presence';
 export * from './motion-config';
 export * from './reorder';
+export { default as RowValue } from './RowValue';
+export { mountedStates } from '../state';

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

@@ -140,8 +140,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       state.update(getMotionProps());
     });
     function getProps() {
-      var _a, _b;
-      const isSVG = ((_a = state.visualElement) == null ? void 0 : _a.type) === "svg";
+      const isSVG = state.visualElement.type === "svg";
       const attrsProps = { ...attrs };
       Object.keys(attrs).forEach((key) => {
         if (isMotionValue(attrs[key]))
@@ -149,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       let styleProps = {
         ...props.style,
-        ...isSVG ? {} : (_b = state.visualElement) == null ? void 0 : _b.latestValues
+        ...isSVG ? {} : state.visualElement.latestValues
       };
       if (isSVG) {
         const { attributes, style } = convertSvgStyleToAttributes(state.target);

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

@@ -97,12 +97,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         order.sort(compareMin);
       },
       updateOrder: (item, offset, velocity) => {
+        var _a;
         if (isReordering)
           return;
         const newOrder = checkReorder(order, item, offset, velocity);
         if (order !== newOrder) {
           isReordering = true;
-          props["onUpdate:values"](
+          (_a = props["onUpdate:values"]) == null ? void 0 : _a.call(
+            props,
             newOrder.map(getValue).filter((value) => props.values.includes(value))
           );
         }

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@12.4.0/external/framer-motion/dist/es/value/index.mjs";
+import { motionValue } from "../../external/.pnpm/framer-motion@11.16.6/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@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/animation/animate/index.mjs

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

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

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+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 { 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@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/animation/animate/subject.mjs

@@ -1,4 +1,4 @@
-import { invariant } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { invariant } from "../../../../../../../motion-utils@11.16.0/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@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs

@@ -1,10 +1,10 @@
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { attachTimeline } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs";
-import { isWaapiSupportedEasing } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
-import { supportsLinearEasing } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
+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 { anticipate } from "../../easing/anticipate.mjs";
 import { backInOut } from "../../easing/back.mjs";
 import { circInOut } from "../../easing/circ.mjs";
@@ -59,8 +59,9 @@ class AcceleratedAnimation extends BaseAnimation {
     this.resolver.scheduleResolve();
   }
   initPlayback(keyframes, finalKeyframe) {
+    var _a;
     let { duration = 300, times, ease, type, motionValue, name, startTime } = this.options;
-    if (!motionValue.owner || !motionValue.owner.current) {
+    if (!((_a = motionValue.owner) === null || _a === void 0 ? void 0 : _a.current)) {
       return false;
     }
     if (typeof ease === "string" && supportsLinearEasing() && isUnsupportedEase(ease)) {
@@ -231,15 +232,11 @@ class AcceleratedAnimation extends BaseAnimation {
   }
   static supports(options) {
     const { motionValue, name, repeatDelay, repeatType, damping, type } = options;
-    if (!motionValue || !motionValue.owner || !(motionValue.owner.current instanceof HTMLElement)) {
-      return false;
-    }
-    const { onUpdate, transformTemplate } = motionValue.owner.getProps();
-    return supportsWaapi() && name && acceleratedValues.has(name) && /**
+    return supportsWaapi() && name && acceleratedValues.has(name) && motionValue && motionValue.owner && motionValue.owner.current instanceof HTMLElement && /**
      * 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.
      */
-    !onUpdate && !transformTemplate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
+    !motionValue.owner.getProps().onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
   }
 }
 export {

package/dist/es/external/.pnpm/{framer-motion@12.4.0 → framer-motion@11.16.6}/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 && onUpdate(getFinalKeyframe(keyframes, this.options, finalKeyframe));
-        onComplete && onComplete();
+        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(getFinalKeyframe(keyframes, this.options, finalKeyframe));
+        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
         this.resolveFinishedPromise();
         return;
       } else {

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

@@ -1,7 +1,7 @@
-import { invariant } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { calcGeneratorDuration } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+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 { KeyframeResolver } from "../../render/utils/KeyframesResolver.mjs";
 import { clamp } from "../../utils/clamp.mjs";
 import { mix } from "../../utils/mix/index.mjs";

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

@@ -1,5 +1,5 @@
-import { warning } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+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 { isAnimatable } from "../../utils/is-animatable.mjs";
 function hasKeyframesChanged(keyframes) {
   const current = keyframes[0];

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

@@ -1,9 +1,9 @@
-import { invariant } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { createGeneratorEasing } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { NativeAnimationControls } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs";
-import { supportsLinearEasing } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/supports/linear-easing.mjs";
+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 { 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 = () => {
-        const elementState = state.get(element);
-        elementState && elementState.delete(valueName);
+        var _a;
+        return (_a = state.get(element)) === null || _a === void 0 ? void 0 : _a.delete(valueName);
       };
     };
     if (!supportsWaapi()) {

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

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

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

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

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

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { mapEasingToNativeEasing } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/waapi/utils/easing.mjs";
+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";
 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;
-  const animation = element.animate(keyframeOptions, {
+  return element.animate(keyframeOptions, {
     delay,
     duration,
     easing: !Array.isArray(easing) ? easing : "linear",
@@ -15,7 +15,6 @@ 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@12.4.0 → framer-motion@11.16.6}/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@12.4.0 → framer-motion@11.16.6}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { memo } from "../../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/memo.mjs";
+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";
 const supportsPartialKeyframes = /* @__PURE__ */ memo(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });

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

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

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

@@ -1,5 +1,5 @@
-import { warning } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+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 { clamp } from "../../../utils/clamp.mjs";
 import { springDefaults } from "./defaults.mjs";
 const safeMin = 1e-3;

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

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

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

@@ -1,7 +1,7 @@
-import { GroupPlaybackControls } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/controls/Group.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
+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 { frame } from "../../frameloop/frame.mjs";
 import { AcceleratedAnimation } from "../animators/AcceleratedAnimation.mjs";
 import { MainThreadAnimation } from "../animators/MainThreadAnimation.mjs";

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

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.0.0/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 { getValueTransition } from "../../../../../../../motion-dom@11.16.4/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";