motion-v 0.3.0 → 0.4.0

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs

@@ -1,63 +1,105 @@
-import { startWaapiAnimation as y } from "./index.mjs";
-import { createGeneratorEasing as S } from "../../../easing/utils/create-generator-easing.mjs";
-import { browserNumberValueTypes as m } from "../../../render/dom/value-types/number-browser.mjs";
-import { invariant as T } from "../../../utils/errors.mjs";
-import { noop as P } from "../../../utils/noop.mjs";
-import { secondsToMilliseconds as p, millisecondsToSeconds as c } from "../../../utils/time-conversion.mjs";
-import { isGenerator as F } from "../../generators/utils/is-generator.mjs";
-import { attachTimeline as d } from "./utils/attach-timeline.mjs";
-import { getFinalKeyframe as A } from "./utils/get-final-keyframe.mjs";
-import { setCSSVar as w, setStyle as V } from "./utils/style.mjs";
-import { supportsLinearEasing as b } from "./utils/supports-linear-easing.mjs";
-import { supportsPartialKeyframes as W } from "./utils/supports-partial-keyframes.mjs";
-import { supportsWaapi as E } from "./utils/supports-waapi.mjs";
-const o = /* @__PURE__ */ new WeakMap();
-function M(a, i, n) {
-  for (let t = 0; t < i.length; t++)
-    i[t] === null && (i[t] = t === 0 ? n() : i[t - 1]), typeof i[t] == "number" && m[a] && (i[t] = m[a].transform(i[t]));
-  !W() && i.length < 2 && i.unshift(n());
+import { startWaapiAnimation } from "./index.mjs";
+import { createGeneratorEasing } from "../../../easing/utils/create-generator-easing.mjs";
+import { browserNumberValueTypes } from "../../../render/dom/value-types/number-browser.mjs";
+import { invariant } from "../../../utils/errors.mjs";
+import { noop } from "../../../utils/noop.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../utils/time-conversion.mjs";
+import { isGenerator } from "../../generators/utils/is-generator.mjs";
+import { attachTimeline } from "./utils/attach-timeline.mjs";
+import { getFinalKeyframe } from "./utils/get-final-keyframe.mjs";
+import { setCSSVar, setStyle } from "./utils/style.mjs";
+import { supportsLinearEasing } from "./utils/supports-linear-easing.mjs";
+import { supportsPartialKeyframes } from "./utils/supports-partial-keyframes.mjs";
+import { supportsWaapi } from "./utils/supports-waapi.mjs";
+const state = /* @__PURE__ */ new WeakMap();
+function hydrateKeyframes(valueName, keyframes, read) {
+  for (let i = 0; i < keyframes.length; i++) {
+    if (keyframes[i] === null) {
+      keyframes[i] = i === 0 ? read() : keyframes[i - 1];
+    }
+    if (typeof keyframes[i] === "number" && browserNumberValueTypes[valueName]) {
+      keyframes[i] = browserNumberValueTypes[valueName].transform(keyframes[i]);
+    }
+  }
+  if (!supportsPartialKeyframes() && keyframes.length < 2) {
+    keyframes.unshift(read());
+  }
 }
-const f = "easeOut";
-function u(a) {
-  const i = o.get(a) || /* @__PURE__ */ new Map();
-  return o.set(a, i), o.get(a);
+const defaultEasing = "easeOut";
+function getElementAnimationState(element) {
+  const animationState = state.get(element) || /* @__PURE__ */ new Map();
+  state.set(element, animationState);
+  return state.get(element);
 }
-class H {
-  constructor(i, n, t, s) {
-    const l = n.startsWith("--");
-    this.setValue = l ? w : V, this.options = s, this.updateFinishedPromise(), T(typeof s.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
-    const r = u(i).get(n);
-    r && r.stop();
-    const g = () => n.startsWith("--") ? i.style.getPropertyValue(n) : window.getComputedStyle(i)[n];
-    if (Array.isArray(t) || (t = [t]), M(n, t, g), F(s.type)) {
-      const e = S(s, 100, s.type);
-      s.ease = b() ? e.ease : f, s.duration = p(e.duration), s.type = "keyframes";
-    } else
-      s.ease = s.ease || f;
+class NativeAnimation {
+  constructor(element, valueName, valueKeyframes, options) {
+    const isCSSVar = valueName.startsWith("--");
+    this.setValue = isCSSVar ? setCSSVar : setStyle;
+    this.options = options;
+    this.updateFinishedPromise();
+    invariant(typeof options.type !== "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
+    const existingAnimation = getElementAnimationState(element).get(valueName);
+    existingAnimation && existingAnimation.stop();
+    const readInitialKeyframe = () => {
+      return valueName.startsWith("--") ? element.style.getPropertyValue(valueName) : window.getComputedStyle(element)[valueName];
+    };
+    if (!Array.isArray(valueKeyframes)) {
+      valueKeyframes = [valueKeyframes];
+    }
+    hydrateKeyframes(valueName, valueKeyframes, readInitialKeyframe);
+    if (isGenerator(options.type)) {
+      const generatorOptions = createGeneratorEasing(options, 100, options.type);
+      options.ease = supportsLinearEasing() ? generatorOptions.ease : defaultEasing;
+      options.duration = secondsToMilliseconds(generatorOptions.duration);
+      options.type = "keyframes";
+    } else {
+      options.ease = options.ease || defaultEasing;
+    }
     this.removeAnimation = () => {
-      var e;
-      return (e = o.get(i)) === null || e === void 0 ? void 0 : e.delete(n);
+      var _a;
+      return (_a = state.get(element)) === null || _a === void 0 ? void 0 : _a.delete(valueName);
     };
-    const h = () => {
-      this.setValue(i, n, A(t, this.options)), this.cancel(), this.resolveFinishedPromise();
+    const onFinish = () => {
+      this.setValue(element, valueName, getFinalKeyframe(valueKeyframes, this.options));
+      this.cancel();
+      this.resolveFinishedPromise();
     };
-    E() ? (this.animation = y(i, n, t, s), s.autoplay === !1 && this.animation.pause(), this.animation.onfinish = h, this.pendingTimeline && d(this.animation, this.pendingTimeline), u(i).set(n, this)) : h();
+    if (!supportsWaapi()) {
+      onFinish();
+    } else {
+      this.animation = startWaapiAnimation(element, valueName, valueKeyframes, options);
+      if (options.autoplay === false) {
+        this.animation.pause();
+      }
+      this.animation.onfinish = onFinish;
+      if (this.pendingTimeline) {
+        attachTimeline(this.animation, this.pendingTimeline);
+      }
+      getElementAnimationState(element).set(valueName, this);
+    }
   }
   get duration() {
-    return c(this.options.duration || 300);
+    return millisecondsToSeconds(this.options.duration || 300);
   }
   get time() {
-    var i;
-    return this.animation ? c(((i = this.animation) === null || i === void 0 ? void 0 : i.currentTime) || 0) : 0;
+    var _a;
+    if (this.animation) {
+      return millisecondsToSeconds(((_a = this.animation) === null || _a === void 0 ? void 0 : _a.currentTime) || 0);
+    }
+    return 0;
   }
-  set time(i) {
-    this.animation && (this.animation.currentTime = p(i));
+  set time(newTime) {
+    if (this.animation) {
+      this.animation.currentTime = secondsToMilliseconds(newTime);
+    }
   }
   get speed() {
     return this.animation ? this.animation.playbackRate : 1;
   }
-  set speed(i) {
-    this.animation && (this.animation.playbackRate = i);
+  set speed(newSpeed) {
+    if (this.animation) {
+      this.animation.playbackRate = newSpeed;
+    }
   }
   get state() {
     return this.animation ? this.animation.playState : "finished";
@@ -66,13 +108,22 @@ class H {
     return this.animation ? this.animation.startTime : null;
   }
   play() {
-    this.state === "finished" && this.updateFinishedPromise(), this.animation && this.animation.play();
+    if (this.state === "finished") {
+      this.updateFinishedPromise();
+    }
+    this.animation && this.animation.play();
   }
   pause() {
     this.animation && this.animation.pause();
   }
   stop() {
-    !this.animation || this.state === "idle" || this.state === "finished" || (this.animation.commitStyles && this.animation.commitStyles(), this.cancel());
+    if (!this.animation || this.state === "idle" || this.state === "finished") {
+      return;
+    }
+    if (this.animation.commitStyles) {
+      this.animation.commitStyles();
+    }
+    this.cancel();
   }
   complete() {
     this.animation && this.animation.finish();
@@ -81,7 +132,7 @@ class H {
     this.removeAnimation();
     try {
       this.animation && this.animation.cancel();
-    } catch {
+    } catch (e) {
     }
   }
   /**
@@ -89,18 +140,23 @@ class H {
    * resolves when the animation finishes at all but in a future update could/should
    * reject if its cancels.
    */
-  then(i, n) {
-    return this.currentFinishedPromise.then(i, n);
+  then(resolve, reject) {
+    return this.currentFinishedPromise.then(resolve, reject);
   }
   updateFinishedPromise() {
-    this.currentFinishedPromise = new Promise((i) => {
-      this.resolveFinishedPromise = i;
+    this.currentFinishedPromise = new Promise((resolve) => {
+      this.resolveFinishedPromise = resolve;
     });
   }
-  attachTimeline(i) {
-    return this.animation ? d(this.animation, i) : this.pendingTimeline = i, P;
+  attachTimeline(timeline) {
+    if (!this.animation) {
+      this.pendingTimeline = timeline;
+    } else {
+      attachTimeline(this.animation, timeline);
+    }
+    return noop;
   }
 }
 export {
-  H as NativeAnimation
+  NativeAnimation
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs

@@ -1,24 +1,31 @@
-import { resolveElements as p } from "../../../render/dom/utils/resolve-element.mjs";
-import { invariant as v } from "../../../utils/errors.mjs";
-import { secondsToMilliseconds as s } from "../../../utils/time-conversion.mjs";
-import { getValueTransition as y } from "../../utils/get-value-transition.mjs";
-import { NativeAnimation as E } from "./NativeAnimation.mjs";
-function x(d, a, r, u) {
-  const l = p(d, u), o = l.length;
-  v(!!o, "No valid element provided.");
-  const m = [];
-  for (let n = 0; n < o; n++) {
-    const c = l[n], t = { ...r };
-    typeof t.delay == "function" && (t.delay = t.delay(n, o));
-    for (const i in a) {
-      const f = a[i], e = {
-        ...y(r, i)
+import { resolveElements } from "../../../render/dom/utils/resolve-element.mjs";
+import { invariant } from "../../../utils/errors.mjs";
+import { secondsToMilliseconds } from "../../../utils/time-conversion.mjs";
+import { getValueTransition } from "../../utils/get-value-transition.mjs";
+import { NativeAnimation } from "./NativeAnimation.mjs";
+function animateElements(elementOrSelector, keyframes, options, scope) {
+  const elements = resolveElements(elementOrSelector, scope);
+  const numElements = elements.length;
+  invariant(Boolean(numElements), "No valid element provided.");
+  const animations = [];
+  for (let i = 0; i < numElements; i++) {
+    const element = elements[i];
+    const elementTransition = { ...options };
+    if (typeof elementTransition.delay === "function") {
+      elementTransition.delay = elementTransition.delay(i, numElements);
+    }
+    for (const valueName in keyframes) {
+      const valueKeyframes = keyframes[valueName];
+      const valueOptions = {
+        ...getValueTransition(options, valueName)
       };
-      e.duration = e.duration ? s(e.duration) : e.duration, e.delay = s(e.delay || 0), m.push(new E(c, i, f, e));
+      valueOptions.duration = valueOptions.duration ? secondsToMilliseconds(valueOptions.duration) : valueOptions.duration;
+      valueOptions.delay = secondsToMilliseconds(valueOptions.delay || 0);
+      animations.push(new NativeAnimation(element, valueName, valueKeyframes, valueOptions));
     }
   }
-  return m;
+  return animations;
 }
 export {
-  x as animateElements
+  animateElements
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs

@@ -1,12 +1,13 @@
-import { GroupPlaybackControls as a } from "../../GroupPlaybackControls.mjs";
-import { animateElements as i } from "./animate-elements.mjs";
-const m = (t) => {
-  function e(n, o, r) {
-    return new a(i(n, o, r, t));
+import { GroupPlaybackControls } from "../../GroupPlaybackControls.mjs";
+import { animateElements } from "./animate-elements.mjs";
+const createScopedWaapiAnimate = (scope) => {
+  function scopedAnimate(elementOrSelector, keyframes, options) {
+    return new GroupPlaybackControls(animateElements(elementOrSelector, keyframes, options, scope));
   }
-  return e;
-}, s = /* @__PURE__ */ m();
+  return scopedAnimate;
+};
+const animateMini = /* @__PURE__ */ createScopedWaapiAnimate();
 export {
-  s as animateMini,
-  m as createScopedWaapiAnimate
+  animateMini,
+  createScopedWaapiAnimate
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/easing.mjs

@@ -1,27 +1,37 @@
-import { isBezierDefinition as u } from "../../../easing/utils/is-bezier-definition.mjs";
-import { generateLinearEasing as p } from "./utils/linear.mjs";
-import { supportsLinearEasing as n } from "./utils/supports-linear-easing.mjs";
-function s(e) {
-  return !!(typeof e == "function" && n() || !e || typeof e == "string" && (e in o || n()) || u(e) || Array.isArray(e) && e.every(s));
+import { isBezierDefinition } from "../../../easing/utils/is-bezier-definition.mjs";
+import { generateLinearEasing } from "./utils/linear.mjs";
+import { supportsLinearEasing } from "./utils/supports-linear-easing.mjs";
+function isWaapiSupportedEasing(easing) {
+  return Boolean(typeof easing === "function" && supportsLinearEasing() || !easing || typeof easing === "string" && (easing in supportedWaapiEasing || supportsLinearEasing()) || isBezierDefinition(easing) || Array.isArray(easing) && easing.every(isWaapiSupportedEasing));
 }
-const r = ([e, t, i, a]) => `cubic-bezier(${e}, ${t}, ${i}, ${a})`, o = {
+const cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
+const supportedWaapiEasing = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ r([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ r([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ r([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ r([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ cubicBezierAsString([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ cubicBezierAsString([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ cubicBezierAsString([0.33, 1.53, 0.69, 0.99])
 };
-function c(e, t) {
-  if (e)
-    return typeof e == "function" && n() ? p(e, t) : u(e) ? r(e) : Array.isArray(e) ? e.map((i) => c(i, t) || o.easeOut) : o[e];
+function mapEasingToNativeEasing(easing, duration) {
+  if (!easing) {
+    return void 0;
+  } else if (typeof easing === "function" && supportsLinearEasing()) {
+    return generateLinearEasing(easing, duration);
+  } else if (isBezierDefinition(easing)) {
+    return cubicBezierAsString(easing);
+  } else if (Array.isArray(easing)) {
+    return easing.map((segmentEasing) => mapEasingToNativeEasing(segmentEasing, duration) || supportedWaapiEasing.easeOut);
+  } else {
+    return supportedWaapiEasing[easing];
+  }
 }
 export {
-  r as cubicBezierAsString,
-  s as isWaapiSupportedEasing,
-  c as mapEasingToNativeEasing,
-  o as supportedWaapiEasing
+  cubicBezierAsString,
+  isWaapiSupportedEasing,
+  mapEasingToNativeEasing,
+  supportedWaapiEasing
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/index.mjs

@@ -1,17 +1,20 @@
-import { mapEasingToNativeEasing as p } from "./easing.mjs";
-function y(e, t, o, { delay: s = 0, duration: r = 300, repeat: f = 0, repeatType: l = "loop", ease: m, times: n } = {}) {
-  const i = { [t]: o };
-  n && (i.offset = n);
-  const a = p(m, r);
-  return Array.isArray(a) && (i.easing = a), e.animate(i, {
-    delay: s,
-    duration: r,
-    easing: Array.isArray(a) ? "linear" : a,
+import { mapEasingToNativeEasing } from "./easing.mjs";
+function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease, times } = {}) {
+  const keyframeOptions = { [valueName]: keyframes };
+  if (times)
+    keyframeOptions.offset = times;
+  const easing = mapEasingToNativeEasing(ease, duration);
+  if (Array.isArray(easing))
+    keyframeOptions.easing = easing;
+  return element.animate(keyframeOptions, {
+    delay,
+    duration,
+    easing: !Array.isArray(easing) ? easing : "linear",
     fill: "both",
-    iterations: f + 1,
-    direction: l === "reverse" ? "alternate" : "normal"
+    iterations: repeat + 1,
+    direction: repeatType === "reverse" ? "alternate" : "normal"
   });
 }
 export {
-  y as startWaapiAnimation
+  startWaapiAnimation
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/attach-timeline.mjs

@@ -1,6 +1,7 @@
-function n(e, i) {
-  e.timeline = i, e.onfinish = null;
+function attachTimeline(animation, timeline) {
+  animation.timeline = timeline;
+  animation.onfinish = null;
 }
 export {
-  n as attachTimeline
+  attachTimeline
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/get-final-keyframe.mjs

@@ -1,8 +1,9 @@
-const i = (n) => n !== null;
-function r(n, { repeat: o, repeatType: s = "loop" }, e) {
-  const l = n.filter(i), t = o && s !== "loop" && o % 2 === 1 ? 0 : l.length - 1;
-  return !t || e === void 0 ? l[t] : e;
+const isNotNull = (value) => value !== null;
+function getFinalKeyframe(keyframes, { repeat, repeatType = "loop" }, finalKeyframe) {
+  const resolvedKeyframes = keyframes.filter(isNotNull);
+  const index = repeat && repeatType !== "loop" && repeat % 2 === 1 ? 0 : resolvedKeyframes.length - 1;
+  return !index || finalKeyframe === void 0 ? resolvedKeyframes[index] : finalKeyframe;
 }
 export {
-  r as getFinalKeyframe
+  getFinalKeyframe
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/linear.mjs

@@ -1,11 +1,13 @@
-import { progress as s } from "../../../../utils/progress.mjs";
-const i = 10, g = (o, e) => {
-  let t = "";
-  const r = Math.max(Math.round(e / i), 2);
-  for (let n = 0; n < r; n++)
-    t += o(s(0, r - 1, n)) + ", ";
-  return `linear(${t.substring(0, t.length - 2)})`;
+import { progress } from "../../../../utils/progress.mjs";
+const resolution = 10;
+const generateLinearEasing = (easing, duration) => {
+  let points = "";
+  const numPoints = Math.max(Math.round(duration / resolution), 2);
+  for (let i = 0; i < numPoints; i++) {
+    points += easing(progress(0, numPoints - 1, i)) + ", ";
+  }
+  return `linear(${points.substring(0, points.length - 2)})`;
 };
 export {
-  g as generateLinearEasing
+  generateLinearEasing
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/memo-supports.mjs

@@ -1,12 +1,12 @@
-import { memo as e } from "../../../../utils/memo.mjs";
-import { supportsFlags as p } from "./supports-flags.mjs";
-function i(r, m) {
-  const t = e(r);
+import { memo } from "../../../../utils/memo.mjs";
+import { supportsFlags } from "./supports-flags.mjs";
+function memoSupports(callback, supportsFlag) {
+  const memoized = memo(callback);
   return () => {
-    var o;
-    return (o = p[m]) !== null && o !== void 0 ? o : t();
+    var _a;
+    return (_a = supportsFlags[supportsFlag]) !== null && _a !== void 0 ? _a : memoized();
   };
 }
 export {
-  i as memoSupports
+  memoSupports
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/style.mjs

@@ -1,10 +1,10 @@
-function n(t, e, s) {
-  t.style.setProperty(`--${e}`, s);
+function setCSSVar(element, name, value) {
+  element.style.setProperty(`--${name}`, value);
 }
-function o(t, e, s) {
-  t.style[e] = s;
+function setStyle(element, name, value) {
+  element.style[name] = value;
 }
 export {
-  n as setCSSVar,
-  o as setStyle
+  setCSSVar,
+  setStyle
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/supports-flags.mjs

@@ -1,6 +1,6 @@
-const n = {
+const supportsFlags = {
   linearEasing: void 0
 };
 export {
-  n as supportsFlags
+  supportsFlags
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/supports-linear-easing.mjs

@@ -1,12 +1,12 @@
-import { memoSupports as e } from "./memo-supports.mjs";
-const a = /* @__PURE__ */ e(() => {
+import { memoSupports } from "./memo-supports.mjs";
+const supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
-  } catch {
-    return !1;
+  } catch (e) {
+    return false;
   }
-  return !0;
+  return true;
 }, "linearEasing");
 export {
-  a as supportsLinearEasing
+  supportsLinearEasing
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs

@@ -1,12 +1,12 @@
-import { memo as e } from "../../../../utils/memo.mjs";
-const a = /* @__PURE__ */ e(() => {
+import { memo } from "../../../../utils/memo.mjs";
+const supportsPartialKeyframes = /* @__PURE__ */ memo(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });
-  } catch {
-    return !1;
+  } catch (e) {
+    return false;
   }
-  return !0;
+  return true;
 });
 export {
-  a as supportsPartialKeyframes
+  supportsPartialKeyframes
 };

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

@@ -1,5 +1,5 @@
-import { memo as t } from "../../../../utils/memo.mjs";
-const e = /* @__PURE__ */ t(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+import { memo } from "../../../../utils/memo.mjs";
+const supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 export {
-  e as supportsWaapi
+  supportsWaapi
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/inertia.mjs

@@ -1,37 +1,67 @@
-import { spring as L } from "./spring/index.mjs";
-import { calcGeneratorVelocity as R } from "./utils/velocity.mjs";
-function $({ keyframes: g, velocity: B = 0, power: M = 0.8, timeConstant: b = 325, bounceDamping: k = 10, bounceStiffness: F = 500, modifyTarget: l, min: t, max: a, restDelta: f = 0.5, restSpeed: O }) {
-  const s = g[0], n = {
-    done: !1,
-    value: s
-  }, C = (e) => t !== void 0 && e < t || a !== void 0 && e > a, D = (e) => t === void 0 ? a : a === void 0 || Math.abs(t - e) < Math.abs(a - e) ? t : a;
-  let c = M * B;
-  const d = s + c, u = l === void 0 ? d : l(d);
-  u !== d && (c = u - s);
-  const p = (e) => -c * Math.exp(-e / b), h = (e) => u + p(e), y = (e) => {
-    const o = p(e), G = h(e);
-    n.done = Math.abs(o) <= f, n.value = n.done ? u : G;
+import { spring } from "./spring/index.mjs";
+import { calcGeneratorVelocity } from "./utils/velocity.mjs";
+function inertia({ keyframes, velocity = 0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed }) {
+  const origin = keyframes[0];
+  const state = {
+    done: false,
+    value: origin
   };
-  let r, i;
-  const v = (e) => {
-    C(n.value) && (r = e, i = L({
-      keyframes: [n.value, D(n.value)],
-      velocity: R(h, e, n.value),
+  const isOutOfBounds = (v) => min !== void 0 && v < min || max !== void 0 && v > max;
+  const nearestBoundary = (v) => {
+    if (min === void 0)
+      return max;
+    if (max === void 0)
+      return min;
+    return Math.abs(min - v) < Math.abs(max - v) ? min : max;
+  };
+  let amplitude = power * velocity;
+  const ideal = origin + amplitude;
+  const target = modifyTarget === void 0 ? ideal : modifyTarget(ideal);
+  if (target !== ideal)
+    amplitude = target - origin;
+  const calcDelta = (t) => -amplitude * Math.exp(-t / timeConstant);
+  const calcLatest = (t) => target + calcDelta(t);
+  const applyFriction = (t) => {
+    const delta = calcDelta(t);
+    const latest = calcLatest(t);
+    state.done = Math.abs(delta) <= restDelta;
+    state.value = state.done ? target : latest;
+  };
+  let timeReachedBoundary;
+  let spring$1;
+  const checkCatchBoundary = (t) => {
+    if (!isOutOfBounds(state.value))
+      return;
+    timeReachedBoundary = t;
+    spring$1 = spring({
+      keyframes: [state.value, nearestBoundary(state.value)],
+      velocity: calcGeneratorVelocity(calcLatest, t, state.value),
       // TODO: This should be passing * 1000
-      damping: k,
-      stiffness: F,
-      restDelta: f,
-      restSpeed: O
-    }));
+      damping: bounceDamping,
+      stiffness: bounceStiffness,
+      restDelta,
+      restSpeed
+    });
   };
-  return v(0), {
+  checkCatchBoundary(0);
+  return {
     calculatedDuration: null,
-    next: (e) => {
-      let o = !1;
-      return !i && r === void 0 && (o = !0, y(e), v(e)), r !== void 0 && e >= r ? i.next(e - r) : (!o && y(e), n);
+    next: (t) => {
+      let hasUpdatedFrame = false;
+      if (!spring$1 && timeReachedBoundary === void 0) {
+        hasUpdatedFrame = true;
+        applyFriction(t);
+        checkCatchBoundary(t);
+      }
+      if (timeReachedBoundary !== void 0 && t >= timeReachedBoundary) {
+        return spring$1.next(t - timeReachedBoundary);
+      } else {
+        !hasUpdatedFrame && applyFriction(t);
+        return state;
+      }
     }
   };
 }
 export {
-  $ as inertia
+  inertia
 };