motion-v 1.0.1 → 1.1.0-alpha.0

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/JSAnimation.mjs

@@ -0,0 +1,267 @@
+import { time } from "../frameloop/sync-time.mjs";
+import { activeAnimations } from "../stats/animation-count.mjs";
+import { mix } from "../utils/mix/index.mjs";
+import { frameloopDriver } from "./drivers/frame.mjs";
+import { inertia } from "./generators/inertia.mjs";
+import { keyframes } from "./generators/keyframes.mjs";
+import { calcGeneratorDuration } from "./generators/utils/calc-duration.mjs";
+import { getFinalKeyframe } from "./keyframes/get-final.mjs";
+import { replaceTransitionType } from "./utils/replace-transition-type.mjs";
+import { WithPromise } from "./utils/WithPromise.mjs";
+import { invariant } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
+import { pipe } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/pipe.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
+const percentToProgress = (percent) => percent / 100;
+class JSAnimation extends WithPromise {
+  constructor(options) {
+    super();
+    this.state = "idle";
+    this.startTime = null;
+    this.isStopped = false;
+    this.currentTime = 0;
+    this.holdTime = null;
+    this.playbackSpeed = 1;
+    this.stop = (sync = true) => {
+      if (sync) {
+        const { motionValue } = this.options;
+        if (motionValue && motionValue.updatedAt !== time.now()) {
+          this.tick(time.now());
+        }
+      }
+      this.isStopped = true;
+      if (this.state === "idle")
+        return;
+      this.teardown();
+      const { onStop } = this.options;
+      onStop && onStop();
+    };
+    activeAnimations.mainThread++;
+    this.options = options;
+    this.initAnimation();
+    this.play();
+    if (options.autoplay === false)
+      this.pause();
+  }
+  initAnimation() {
+    const { options } = this;
+    replaceTransitionType(options);
+    const { type = keyframes, repeat = 0, repeatDelay = 0, repeatType, velocity = 0 } = options;
+    let { keyframes: keyframes$1 } = options;
+    const generatorFactory = type || keyframes;
+    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") {
+      this.mixKeyframes = pipe(percentToProgress, mix(keyframes$1[0], keyframes$1[1]));
+      keyframes$1 = [0, 100];
+    }
+    const generator = generatorFactory({ ...options, keyframes: keyframes$1 });
+    if (repeatType === "mirror") {
+      this.mirroredGenerator = generatorFactory({
+        ...options,
+        keyframes: [...keyframes$1].reverse(),
+        velocity: -velocity
+      });
+    }
+    if (generator.calculatedDuration === null) {
+      generator.calculatedDuration = calcGeneratorDuration(generator);
+    }
+    const { calculatedDuration } = generator;
+    this.calculatedDuration = calculatedDuration;
+    this.resolvedDuration = calculatedDuration + repeatDelay;
+    this.totalDuration = this.resolvedDuration * (repeat + 1) - repeatDelay;
+    this.generator = generator;
+  }
+  updateTime(timestamp) {
+    const animationTime = Math.round(timestamp - this.startTime) * this.playbackSpeed;
+    if (this.holdTime !== null) {
+      this.currentTime = this.holdTime;
+    } else {
+      this.currentTime = animationTime;
+    }
+  }
+  tick(timestamp, sample = false) {
+    const { generator, totalDuration, mixKeyframes, mirroredGenerator, resolvedDuration, calculatedDuration } = this;
+    if (this.startTime === null)
+      return generator.next(0);
+    const { delay = 0, keyframes: keyframes2, repeat, repeatType, repeatDelay, type, onUpdate, finalKeyframe } = this.options;
+    if (this.speed > 0) {
+      this.startTime = Math.min(this.startTime, timestamp);
+    } else if (this.speed < 0) {
+      this.startTime = Math.min(timestamp - totalDuration / this.speed, this.startTime);
+    }
+    if (sample) {
+      this.currentTime = timestamp;
+    } else {
+      this.updateTime(timestamp);
+    }
+    const timeWithoutDelay = this.currentTime - delay * (this.playbackSpeed >= 0 ? 1 : -1);
+    const isInDelayPhase = this.playbackSpeed >= 0 ? timeWithoutDelay < 0 : timeWithoutDelay > totalDuration;
+    this.currentTime = Math.max(timeWithoutDelay, 0);
+    if (this.state === "finished" && this.holdTime === null) {
+      this.currentTime = totalDuration;
+    }
+    let elapsed = this.currentTime;
+    let frameGenerator = generator;
+    if (repeat) {
+      const progress = Math.min(this.currentTime, totalDuration) / resolvedDuration;
+      let currentIteration = Math.floor(progress);
+      let iterationProgress = progress % 1;
+      if (!iterationProgress && progress >= 1) {
+        iterationProgress = 1;
+      }
+      iterationProgress === 1 && currentIteration--;
+      currentIteration = Math.min(currentIteration, repeat + 1);
+      const isOddIteration = Boolean(currentIteration % 2);
+      if (isOddIteration) {
+        if (repeatType === "reverse") {
+          iterationProgress = 1 - iterationProgress;
+          if (repeatDelay) {
+            iterationProgress -= repeatDelay / resolvedDuration;
+          }
+        } else if (repeatType === "mirror") {
+          frameGenerator = mirroredGenerator;
+        }
+      }
+      elapsed = clamp(0, 1, iterationProgress) * resolvedDuration;
+    }
+    const state = isInDelayPhase ? { done: false, value: keyframes2[0] } : frameGenerator.next(elapsed);
+    if (mixKeyframes) {
+      state.value = mixKeyframes(state.value);
+    }
+    let { done } = state;
+    if (!isInDelayPhase && calculatedDuration !== null) {
+      done = this.playbackSpeed >= 0 ? this.currentTime >= totalDuration : this.currentTime <= 0;
+    }
+    const isAnimationFinished = this.holdTime === null && (this.state === "finished" || this.state === "running" && done);
+    if (isAnimationFinished && type !== inertia) {
+      state.value = getFinalKeyframe(keyframes2, this.options, finalKeyframe, this.speed);
+    }
+    if (onUpdate) {
+      onUpdate(state.value);
+    }
+    if (isAnimationFinished) {
+      this.finish();
+    }
+    return state;
+  }
+  /**
+   * Allows the returned animation to be awaited or promise-chained. Currently
+   * resolves when the animation finishes at all but in a future update could/should
+   * reject if its cancels.
+   */
+  then(resolve, reject) {
+    return this.finished.then(resolve, reject);
+  }
+  get duration() {
+    return millisecondsToSeconds(this.calculatedDuration);
+  }
+  get time() {
+    return millisecondsToSeconds(this.currentTime);
+  }
+  set time(newTime) {
+    var _a;
+    newTime = secondsToMilliseconds(newTime);
+    this.currentTime = newTime;
+    if (this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0) {
+      this.holdTime = newTime;
+    } else if (this.driver) {
+      this.startTime = this.driver.now() - newTime / this.playbackSpeed;
+    }
+    (_a = this.driver) == null ? void 0 : _a.start(false);
+  }
+  get speed() {
+    return this.playbackSpeed;
+  }
+  set speed(newSpeed) {
+    this.updateTime(time.now());
+    const hasChanged = this.playbackSpeed !== newSpeed;
+    this.playbackSpeed = newSpeed;
+    if (hasChanged) {
+      this.time = millisecondsToSeconds(this.currentTime);
+    }
+  }
+  play() {
+    if (this.isStopped)
+      return;
+    const { driver = frameloopDriver, onPlay, startTime } = this.options;
+    if (!this.driver) {
+      this.driver = driver((timestamp) => this.tick(timestamp));
+    }
+    onPlay && onPlay();
+    const now = this.driver.now();
+    if (this.state === "finished") {
+      this.updateFinished();
+      this.startTime = now;
+    } else if (this.holdTime !== null) {
+      this.startTime = now - this.holdTime;
+    } else if (!this.startTime) {
+      this.startTime = startTime ?? now;
+    }
+    if (this.state === "finished" && this.speed < 0) {
+      this.startTime += this.calculatedDuration;
+    }
+    this.holdTime = null;
+    this.state = "running";
+    this.driver.start();
+  }
+  pause() {
+    this.state = "paused";
+    this.updateTime(time.now());
+    this.holdTime = this.currentTime;
+  }
+  complete() {
+    if (this.state !== "running") {
+      this.play();
+    }
+    this.state = "finished";
+    this.holdTime = null;
+  }
+  finish() {
+    this.teardown();
+    this.state = "finished";
+    const { onComplete } = this.options;
+    onComplete && onComplete();
+  }
+  cancel() {
+    this.holdTime = null;
+    this.startTime = 0;
+    this.tick(0);
+    this.teardown();
+  }
+  teardown() {
+    this.notifyFinished();
+    this.state = "idle";
+    this.stopDriver();
+    this.startTime = this.holdTime = null;
+    activeAnimations.mainThread--;
+  }
+  stopDriver() {
+    if (!this.driver)
+      return;
+    this.driver.stop();
+    this.driver = void 0;
+  }
+  sample(sampleTime) {
+    this.startTime = 0;
+    return this.tick(sampleTime, true);
+  }
+  attachTimeline(timeline) {
+    var _a;
+    if (this.options.allowFlatten) {
+      this.options.type = "keyframes";
+      this.options.ease = "linear";
+      this.initAnimation();
+    }
+    (_a = this.driver) == null ? void 0 : _a.stop();
+    return timeline.observe(this);
+  }
+}
+function animateValue(options) {
+  return new JSAnimation(options);
+}
+export {
+  JSAnimation,
+  animateValue
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/NativeAnimation.mjs

@@ -0,0 +1,150 @@
+import { setStyle } from "../render/dom/style-set.mjs";
+import { supportsScrollTimeline } from "../utils/supports/scroll-timeline.mjs";
+import { getFinalKeyframe } from "./keyframes/get-final.mjs";
+import { WithPromise } from "./utils/WithPromise.mjs";
+import { startWaapiAnimation } from "./waapi/start-waapi-animation.mjs";
+import { applyGeneratorOptions } from "./waapi/utils/apply-generator.mjs";
+import { invariant } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+import { noop } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+class NativeAnimation extends WithPromise {
+  constructor(options) {
+    super();
+    this.finishedTime = null;
+    this.isStopped = false;
+    if (!options)
+      return;
+    const { element, name, keyframes, pseudoElement, allowFlatten = false, finalKeyframe, onComplete } = options;
+    this.isPseudoElement = Boolean(pseudoElement);
+    this.allowFlatten = allowFlatten;
+    this.options = options;
+    invariant(typeof options.type !== "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
+    const transition = applyGeneratorOptions(options);
+    this.animation = startWaapiAnimation(element, name, keyframes, transition, pseudoElement);
+    if (transition.autoplay === false) {
+      this.animation.pause();
+    }
+    this.animation.onfinish = () => {
+      this.finishedTime = this.time;
+      if (!pseudoElement) {
+        const keyframe = getFinalKeyframe(keyframes, this.options, finalKeyframe, this.speed);
+        if (this.updateMotionValue) {
+          this.updateMotionValue(keyframe);
+        } else {
+          setStyle(element, name, keyframe);
+        }
+        this.animation.cancel();
+      }
+      onComplete == null ? void 0 : onComplete();
+      this.notifyFinished();
+    };
+    this.animation.oncancel = () => this.notifyFinished();
+  }
+  play() {
+    if (this.isStopped)
+      return;
+    this.animation.play();
+    if (this.state === "finished") {
+      this.updateFinished();
+    }
+  }
+  pause() {
+    this.animation.pause();
+  }
+  complete() {
+    var _a, _b;
+    (_b = (_a = this.animation).finish) == null ? void 0 : _b.call(_a);
+  }
+  cancel() {
+    try {
+      this.animation.cancel();
+    } catch (e) {
+    }
+  }
+  stop() {
+    if (this.isStopped)
+      return;
+    this.isStopped = true;
+    const { state } = this;
+    if (state === "idle" || state === "finished") {
+      return;
+    }
+    if (this.updateMotionValue) {
+      this.updateMotionValue();
+    } else {
+      this.commitStyles();
+    }
+    if (!this.isPseudoElement)
+      this.cancel();
+  }
+  /**
+   * WAAPI doesn't natively have any interruption capabilities.
+   *
+   * In this method, we commit styles back to the DOM before cancelling
+   * the animation.
+   *
+   * This is designed to be overridden by NativeAnimationExtended, which
+   * will create a renderless JS animation and sample it twice to calculate
+   * its current value, "previous" value, and therefore allow
+   * Motion to also correctly calculate velocity for any subsequent animation
+   * while deferring the commit until the next animation frame.
+   */
+  commitStyles() {
+    var _a, _b;
+    if (!this.isPseudoElement) {
+      (_b = (_a = this.animation).commitStyles) == null ? void 0 : _b.call(_a);
+    }
+  }
+  get duration() {
+    var _a, _b;
+    const duration = ((_b = (_a = this.animation.effect) == null ? void 0 : _a.getComputedTiming) == null ? void 0 : _b.call(_a).duration) || 0;
+    return millisecondsToSeconds(Number(duration));
+  }
+  get time() {
+    return millisecondsToSeconds(Number(this.animation.currentTime) || 0);
+  }
+  set time(newTime) {
+    this.finishedTime = null;
+    this.animation.currentTime = secondsToMilliseconds(newTime);
+  }
+  /**
+   * The playback speed of the animation.
+   * 1 = normal speed, 2 = double speed, 0.5 = half speed.
+   */
+  get speed() {
+    return this.animation.playbackRate;
+  }
+  set speed(newSpeed) {
+    if (newSpeed < 0)
+      this.finishedTime = null;
+    this.animation.playbackRate = newSpeed;
+  }
+  get state() {
+    return this.finishedTime !== null ? "finished" : this.animation.playState;
+  }
+  get startTime() {
+    return Number(this.animation.startTime);
+  }
+  set startTime(newStartTime) {
+    this.animation.startTime = newStartTime;
+  }
+  /**
+   * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
+   */
+  attachTimeline({ timeline, observe }) {
+    var _a;
+    if (this.allowFlatten) {
+      (_a = this.animation.effect) == null ? void 0 : _a.updateTiming({ easing: "linear" });
+    }
+    this.animation.onfinish = null;
+    if (timeline && supportsScrollTimeline()) {
+      this.animation.timeline = timeline;
+      return noop;
+    } else {
+      return observe(this);
+    }
+  }
+}
+export {
+  NativeAnimation
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/NativeAnimationExtended.mjs

@@ -0,0 +1,44 @@
+import { JSAnimation } from "./JSAnimation.mjs";
+import { NativeAnimation } from "./NativeAnimation.mjs";
+import { replaceTransitionType } from "./utils/replace-transition-type.mjs";
+import { replaceStringEasing } from "./waapi/utils/unsupported-easing.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+const sampleDelta = 10;
+class NativeAnimationExtended extends NativeAnimation {
+  constructor(options) {
+    replaceStringEasing(options);
+    replaceTransitionType(options);
+    super(options);
+    if (options.startTime) {
+      this.startTime = options.startTime;
+    }
+    this.options = options;
+  }
+  /**
+   * WAAPI doesn't natively have any interruption capabilities.
+   *
+   * Rather than read commited styles back out of the DOM, we can
+   * create a renderless JS animation and sample it twice to calculate
+   * its current value, "previous" value, and therefore allow
+   * Motion to calculate velocity for any subsequent animation.
+   */
+  updateMotionValue(value) {
+    const { motionValue, onUpdate, onComplete, element, ...options } = this.options;
+    if (!motionValue)
+      return;
+    if (value !== void 0) {
+      motionValue.set(value);
+      return;
+    }
+    const sampleAnimation = new JSAnimation({
+      ...options,
+      autoplay: false
+    });
+    const sampleTime = secondsToMilliseconds(this.finishedTime ?? this.time);
+    motionValue.setWithVelocity(sampleAnimation.sample(sampleTime - sampleDelta).value, sampleAnimation.sample(sampleTime).value, sampleDelta);
+    sampleAnimation.stop();
+  }
+}
+export {
+  NativeAnimationExtended
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/NativeAnimationWrapper.mjs

@@ -0,0 +1,14 @@
+import { NativeAnimation } from "./NativeAnimation.mjs";
+class NativeAnimationWrapper extends NativeAnimation {
+  constructor(animation) {
+    super();
+    this.animation = animation;
+    animation.onfinish = () => {
+      this.finishedTime = this.time;
+      this.notifyFinished();
+    };
+  }
+}
+export {
+  NativeAnimationWrapper
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/animation/animators/drivers/driver-frameloop.mjs → motion-dom@12.10.4/external/motion-dom/dist/es/animation/drivers/frame.mjs}

@@ -1,10 +1,9 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { time } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { time } from "../../frameloop/sync-time.mjs";
+import { frame, cancelFrame, frameData } from "../../frameloop/frame.mjs";
 const frameloopDriver = (update) => {
   const passTimestamp = ({ timestamp }) => update(timestamp);
   return {
-    start: () => frame.update(passTimestamp, true),
+    start: (keepAlive = true) => frame.update(passTimestamp, keepAlive),
     stop: () => cancelFrame(passTimestamp),
     /**
      * If we're processing this frame we can use the

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.4/external/motion-dom}/dist/es/animation/generators/keyframes.mjs

@@ -1,9 +1,9 @@
-import { easeInOut } from "../../easing/ease.mjs";
-import { isEasingArray } from "../../easing/utils/is-easing-array.mjs";
-import { easingDefinitionToFunction } from "../../easing/utils/map.mjs";
 import { interpolate } from "../../utils/interpolate.mjs";
-import { defaultOffset } from "../../utils/offsets/default.mjs";
-import { convertOffsetToTimes } from "../../utils/offsets/time.mjs";
+import { defaultOffset } from "../keyframes/offsets/default.mjs";
+import { convertOffsetToTimes } from "../keyframes/offsets/time.mjs";
+import { easeInOut } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/ease.mjs";
+import { isEasingArray } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/utils/is-easing-array.mjs";
+import { easingDefinitionToFunction } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/utils/map.mjs";
 function defaultEasing(values, easing) {
   return values.map(() => easing || easeInOut).splice(0, values.length - 1);
 }

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.4/external/motion-dom}/dist/es/animation/generators/spring/find.mjs

@@ -1,7 +1,7 @@
-import { warning } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { clamp } from "../../../utils/clamp.mjs";
 import { springDefaults } from "./defaults.mjs";
+import { warning } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
 const safeMin = 1e-3;
 function findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass }) {
   let envelope;

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.4/external/motion-dom}/dist/es/animation/generators/spring/index.mjs

@@ -1,11 +1,11 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { calcGeneratorDuration, maxGeneratorDuration } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs";
-import { generateLinearEasing } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs";
-import { clamp } from "../../../utils/clamp.mjs";
+import { generateLinearEasing } from "../../waapi/utils/linear.mjs";
+import { calcGeneratorDuration, maxGeneratorDuration } from "../utils/calc-duration.mjs";
+import { createGeneratorEasing } from "../utils/create-generator-easing.mjs";
 import { calcGeneratorVelocity } from "../utils/velocity.mjs";
 import { springDefaults } from "./defaults.mjs";
 import { findSpring, calcAngularFreq } from "./find.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
 const durationKeys = ["duration", "bounce"];
 const physicsKeys = ["stiffness", "damping", "mass"];
 function isSpringType(options, keys) {
@@ -87,7 +87,7 @@ function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce
     next: (t) => {
       const current = resolveSpring(t);
       if (!isResolvedFromDuration) {
-        let currentVelocity = 0;
+        let currentVelocity = t === 0 ? initialVelocity : 0;
         if (dampingRatio < 1) {
           currentVelocity = t === 0 ? secondsToMilliseconds(initialVelocity) : calcGeneratorVelocity(resolveSpring, t, current);
         }
@@ -104,10 +104,19 @@ function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce
       const calculatedDuration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
       const easing = generateLinearEasing((progress) => generator.next(calculatedDuration * progress).value, calculatedDuration, 30);
       return calculatedDuration + "ms " + easing;
+    },
+    toTransition: () => {
     }
   };
   return generator;
 }
+spring.applyToOptions = (options) => {
+  const generatorOptions = createGeneratorEasing(options, 100, spring);
+  options.ease = generatorOptions.ease;
+  options.duration = secondsToMilliseconds(generatorOptions.duration);
+  options.type = "keyframes";
+  return options;
+};
 export {
   spring
 };

package/dist/es/external/.pnpm/{motion-dom@12.5.0 → motion-dom@12.10.4}/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs

@@ -1,6 +1,5 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { calcGeneratorDuration, maxGeneratorDuration } from "./calc-duration.mjs";
+import { millisecondsToSeconds } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
 function createGeneratorEasing(options, scale = 100, createGenerator) {
   const generator = createGenerator({ ...options, keyframes: [0, scale] });
   const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs

@@ -0,0 +1,6 @@
+function isGenerator(type) {
+  return typeof type === "function" && "applyToOptions" in type;
+}
+export {
+  isGenerator
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.4/external/motion-dom}/dist/es/animation/generators/utils/velocity.mjs

@@ -1,5 +1,4 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { velocityPerSecond } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/velocity-per-second.mjs";
+import { velocityPerSecond } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/velocity-per-second.mjs";
 const velocitySampleDuration = 5;
 function calcGeneratorVelocity(resolveValue, t, current) {
   const prevT = Math.max(t - velocitySampleDuration, 0);

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom → motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes}/DOMKeyframesResolver.mjs

@@ -1,11 +1,11 @@
-import { isNone } from "../../animation/utils/is-none.mjs";
-import { positionalKeys } from "../html/utils/keys-position.mjs";
-import { makeNoneKeyframesAnimatable } from "../html/utils/make-none-animatable.mjs";
-import { KeyframeResolver } from "../utils/KeyframesResolver.mjs";
-import { getVariableValue } from "./utils/css-variables-conversion.mjs";
-import { isCSSVariableToken } from "./utils/is-css-variable.mjs";
+import { positionalKeys } from "../../render/utils/keys-position.mjs";
+import { findDimensionValueType } from "../../value/types/dimensions.mjs";
+import { getVariableValue } from "../utils/css-variables-conversion.mjs";
+import { isCSSVariableToken } from "../utils/is-css-variable.mjs";
+import { KeyframeResolver } from "./KeyframesResolver.mjs";
+import { isNone } from "./utils/is-none.mjs";
+import { makeNoneKeyframesAnimatable } from "./utils/make-none-animatable.mjs";
 import { isNumOrPxType, positionalValues } from "./utils/unit-conversion.mjs";
-import { findDimensionValueType } from "./value-types/dimensions.mjs";
 class DOMKeyframesResolver extends KeyframeResolver {
   constructor(unresolvedKeyframes, onComplete, name, motionValue, element) {
     super(unresolvedKeyframes, onComplete, name, motionValue, element, true);
@@ -46,7 +46,7 @@ class DOMKeyframesResolver extends KeyframeResolver {
           unresolvedKeyframes[i] = parseFloat(value);
         }
       }
-    } else {
+    } else if (positionalValues[name]) {
       this.needsMeasurement = true;
     }
   }
@@ -54,7 +54,7 @@ class DOMKeyframesResolver extends KeyframeResolver {
     const { unresolvedKeyframes, name } = this;
     const noneKeyframeIndexes = [];
     for (let i = 0; i < unresolvedKeyframes.length; i++) {
-      if (isNone(unresolvedKeyframes[i])) {
+      if (unresolvedKeyframes[i] === null || isNone(unresolvedKeyframes[i])) {
         noneKeyframeIndexes.push(i);
       }
     }
@@ -89,7 +89,7 @@ class DOMKeyframesResolver extends KeyframeResolver {
     if (finalKeyframe !== null && this.finalKeyframe === void 0) {
       this.finalKeyframe = finalKeyframe;
     }
-    if ((_a = this.removedTransforms) === null || _a === void 0 ? void 0 : _a.length) {
+    if ((_a = this.removedTransforms) == null ? void 0 : _a.length) {
       this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {
         element.getValue(unsetTransformName).set(unsetTransformValue);
       });