@fluidattacks/design 8.1.0 → 8.2.0

package/dist/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.js

@@ -0,0 +1,112 @@
+import { time as v } from "../frameloop/sync-time.js";
+import { JSAnimation as A } from "./JSAnimation.js";
+import { getFinalKeyframe as y } from "./keyframes/get-final.js";
+import { KeyframeResolver as g, flushKeyframeResolvers as R } from "./keyframes/KeyframesResolver.js";
+import { NativeAnimationExtended as T } from "./NativeAnimationExtended.js";
+import { canAnimate as _ } from "./utils/can-animate.js";
+import { makeAnimationInstant as w } from "./utils/make-animation-instant.js";
+import { WithPromise as K } from "./utils/WithPromise.js";
+import { supportsBrowserAnimation as D } from "./waapi/supports/waapi.js";
+import { MotionGlobalConfig as E } from "../../../../motion-utils/dist/es/global-config.js";
+import { noop as k } from "../../../../motion-utils/dist/es/noop.js";
+const x = 40;
+class H extends K {
+  constructor({ autoplay: t = !0, delay: s = 0, type: e = "keyframes", repeat: h = 0, repeatDelay: l = 0, repeatType: f = "loop", keyframes: d, name: o, motionValue: r, element: a, ...m }) {
+    super(), this.stop = () => {
+      this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
+    }, this.createdAt = v.now();
+    const u = {
+      autoplay: t,
+      delay: s,
+      type: e,
+      repeat: h,
+      repeatDelay: l,
+      repeatType: f,
+      name: o,
+      motionValue: r,
+      element: a,
+      ...m
+    }, n = a?.KeyframeResolver || g;
+    this.keyframeResolver = new n(d, (c, p, i) => this.onKeyframesResolved(c, p, u, !i), o, r, a), this.keyframeResolver?.scheduleResolve();
+  }
+  onKeyframesResolved(t, s, e, h) {
+    this.keyframeResolver = void 0;
+    const { name: l, type: f, velocity: d, delay: o, isHandoff: r, onUpdate: a } = e;
+    this.resolvedAt = v.now();
+    let m = !0;
+    _(t, l, f, d) || (m = !1, (E.instantAnimations || !o) && a?.(y(t, e, s)), t[0] = t[t.length - 1], w(e), e.repeat = 0);
+    const n = {
+      startTime: h ? this.resolvedAt ? this.resolvedAt - this.createdAt > x ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      finalKeyframe: s,
+      ...e,
+      keyframes: t
+    }, c = m && !r && D(n), p = n.motionValue?.owner?.current;
+    let i;
+    if (c)
+      try {
+        i = new T({
+          ...n,
+          element: p
+        });
+      } catch {
+        i = new A(n);
+      }
+    else
+      i = new A(n);
+    i.finished.then(() => {
+      this.notifyFinished();
+    }).catch(k), this.pendingTimeline && (this.stopTimeline = i.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = i;
+  }
+  get finished() {
+    return this._animation ? this.animation.finished : this._finished;
+  }
+  then(t, s) {
+    return this.finished.finally(t).then(() => {
+    });
+  }
+  get animation() {
+    return this._animation || (this.keyframeResolver?.resume(), R()), this._animation;
+  }
+  get duration() {
+    return this.animation.duration;
+  }
+  get iterationDuration() {
+    return this.animation.iterationDuration;
+  }
+  get time() {
+    return this.animation.time;
+  }
+  set time(t) {
+    this.animation.time = t;
+  }
+  get speed() {
+    return this.animation.speed;
+  }
+  get state() {
+    return this.animation.state;
+  }
+  set speed(t) {
+    this.animation.speed = t;
+  }
+  get startTime() {
+    return this.animation.startTime;
+  }
+  attachTimeline(t) {
+    return this._animation ? this.stopTimeline = this.animation.attachTimeline(t) : this.pendingTimeline = t, () => this.stop();
+  }
+  play() {
+    this.animation.play();
+  }
+  pause() {
+    this.animation.pause();
+  }
+  complete() {
+    this.animation.complete();
+  }
+  cancel() {
+    this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
+  }
+}
+export {
+  H as AsyncMotionValueAnimation
+};

package/dist/node_modules/motion-dom/dist/es/animation/JSAnimation.js

@@ -0,0 +1,144 @@
+import { time as p } from "../frameloop/sync-time.js";
+import { mix as P } from "../utils/mix/index.js";
+import { frameloopDriver as I } from "./drivers/frame.js";
+import { inertia as K } from "./generators/inertia.js";
+import { keyframes as u } from "./generators/keyframes.js";
+import { calcGeneratorDuration as O } from "./generators/utils/calc-duration.js";
+import { getGeneratorVelocity as V } from "./generators/utils/velocity.js";
+import { getFinalKeyframe as C } from "./keyframes/get-final.js";
+import { replaceTransitionType as E } from "./utils/replace-transition-type.js";
+import { WithPromise as N } from "./utils/WithPromise.js";
+import { invariant as W } from "../../../../motion-utils/dist/es/errors.js";
+import { pipe as $ } from "../../../../motion-utils/dist/es/pipe.js";
+import { millisecondsToSeconds as c, secondsToMilliseconds as B } from "../../../../motion-utils/dist/es/time-conversion.js";
+import { clamp as J } from "../../../../motion-utils/dist/es/clamp.js";
+const U = (g) => g / 100;
+class rt extends N {
+  constructor(t) {
+    super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.delayState = {
+      done: !1,
+      value: void 0
+    }, this.stop = () => {
+      const { motionValue: i } = this.options;
+      i && i.updatedAt !== p.now() && this.tick(p.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
+    }, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause();
+  }
+  initAnimation() {
+    const { options: t } = this;
+    E(t);
+    const { type: i = u, repeat: s = 0, repeatDelay: r = 0, repeatType: m, velocity: f = 0 } = t;
+    let { keyframes: e } = t;
+    const h = i || u;
+    process.env.NODE_ENV !== "production" && h !== u && W(e.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`, "spring-two-frames"), h !== u && typeof e[0] != "number" && (this.mixKeyframes = $(U, P(e[0], e[1])), e = [0, 100]);
+    const n = h({ ...t, keyframes: e });
+    m === "mirror" && (this.mirroredGenerator = h({
+      ...t,
+      keyframes: [...e].reverse(),
+      velocity: -f
+    })), n.calculatedDuration === null && (n.calculatedDuration = O(n));
+    const { calculatedDuration: l } = n;
+    this.calculatedDuration = l, this.resolvedDuration = l + r, this.totalDuration = this.resolvedDuration * (s + 1) - r, this.generator = n;
+  }
+  updateTime(t) {
+    const i = Math.round(t - this.startTime) * this.playbackSpeed;
+    this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = i;
+  }
+  tick(t, i = !1) {
+    const { generator: s, totalDuration: r, mixKeyframes: m, mirroredGenerator: f, resolvedDuration: e, calculatedDuration: h } = this;
+    if (this.startTime === null)
+      return s.next(0);
+    const { delay: n = 0, keyframes: l, repeat: k, repeatType: D, repeatDelay: S, type: F, onUpdate: b, finalKeyframe: G } = this.options;
+    this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), i ? this.currentTime = t : this.updateTime(t);
+    const T = this.currentTime - n * (this.playbackSpeed >= 0 ? 1 : -1), y = this.playbackSpeed >= 0 ? T < 0 : T > r;
+    this.currentTime = Math.max(T, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
+    let x = this.currentTime, w = s;
+    if (k) {
+      const v = Math.min(this.currentTime, r) / e;
+      let d = Math.floor(v), o = v % 1;
+      !o && v >= 1 && (o = 1), o === 1 && d--, d = Math.min(d, k + 1), d % 2 && (D === "reverse" ? (o = 1 - o, S && (o -= S / e)) : D === "mirror" && (w = f)), x = J(0, 1, o) * e;
+    }
+    let a;
+    y ? (this.delayState.value = l[0], a = this.delayState) : a = w.next(x), m && !y && (a.value = m(a.value));
+    let { done: M } = a;
+    !y && h !== null && (M = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
+    const A = this.holdTime === null && (this.state === "finished" || this.state === "running" && M);
+    return A && F !== K && (a.value = C(l, this.options, G, this.speed)), b && b(a.value), A && this.finish(), a;
+  }
+  /**
+   * 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(t, i) {
+    return this.finished.then(t, i);
+  }
+  get duration() {
+    return c(this.calculatedDuration);
+  }
+  get iterationDuration() {
+    const { delay: t = 0 } = this.options || {};
+    return this.duration + c(t);
+  }
+  get time() {
+    return c(this.currentTime);
+  }
+  set time(t) {
+    t = B(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), this.driver ? this.driver.start(!1) : (this.startTime = 0, this.state = "paused", this.holdTime = t, this.tick(t));
+  }
+  /**
+   * Returns the generator's velocity at the current time in units/second.
+   * Uses the analytical derivative when available (springs), avoiding
+   * the MotionValue's frame-dependent velocity estimation.
+   */
+  getGeneratorVelocity() {
+    const t = this.currentTime;
+    if (t <= 0)
+      return this.options.velocity || 0;
+    if (this.generator.velocity)
+      return this.generator.velocity(t);
+    const i = this.generator.next(t).value;
+    return V((s) => this.generator.next(s).value, t, i);
+  }
+  get speed() {
+    return this.playbackSpeed;
+  }
+  set speed(t) {
+    const i = this.playbackSpeed !== t;
+    i && this.driver && this.updateTime(p.now()), this.playbackSpeed = t, i && this.driver && (this.time = c(this.currentTime));
+  }
+  play() {
+    if (this.isStopped)
+      return;
+    const { driver: t = I, startTime: i } = this.options;
+    this.driver || (this.driver = t((r) => this.tick(r))), this.options.onPlay?.();
+    const s = this.driver.now();
+    this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = i ?? s), 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(p.now()), this.holdTime = this.currentTime;
+  }
+  complete() {
+    this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
+  }
+  finish() {
+    this.notifyFinished(), this.teardown(), this.state = "finished", this.options.onComplete?.();
+  }
+  cancel() {
+    this.holdTime = null, this.startTime = 0, this.tick(0), this.teardown(), this.options.onCancel?.();
+  }
+  teardown() {
+    this.state = "idle", this.stopDriver(), this.startTime = this.holdTime = null;
+  }
+  stopDriver() {
+    this.driver && (this.driver.stop(), this.driver = void 0);
+  }
+  sample(t) {
+    return this.startTime = 0, this.tick(t, !0);
+  }
+  attachTimeline(t) {
+    return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), t.observe(this);
+  }
+}
+export {
+  rt as JSAnimation
+};

package/dist/node_modules/motion-dom/dist/es/animation/NativeAnimation.js

@@ -0,0 +1,106 @@
+import { setStyle as u } from "../render/dom/style-set.js";
+import { supportsScrollTimeline as p } from "../utils/supports/scroll-timeline.js";
+import { getFinalKeyframe as f } from "./keyframes/get-final.js";
+import { WithPromise as d } from "./utils/WithPromise.js";
+import { startWaapiAnimation as c } from "./waapi/start-waapi-animation.js";
+import { applyGeneratorOptions as T } from "./waapi/utils/apply-generator.js";
+import { invariant as y } from "../../../../motion-utils/dist/es/errors.js";
+import { millisecondsToSeconds as a, secondsToMilliseconds as S } from "../../../../motion-utils/dist/es/time-conversion.js";
+import { noop as g } from "../../../../motion-utils/dist/es/noop.js";
+class v extends d {
+  constructor(i) {
+    if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !i)
+      return;
+    const { element: t, name: e, keyframes: n, pseudoElement: s, allowFlatten: r = !1, finalKeyframe: l, onComplete: h } = i;
+    this.isPseudoElement = !!s, this.allowFlatten = r, this.options = i, y(typeof i.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    const o = T(i);
+    this.animation = c(t, e, n, o, s), o.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+      if (this.finishedTime = this.time, !s) {
+        const m = f(n, this.options, l, this.speed);
+        this.updateMotionValue && this.updateMotionValue(m), u(t, e, m), this.animation.cancel();
+      }
+      h?.(), this.notifyFinished();
+    };
+  }
+  play() {
+    this.isStopped || (this.manualStartTime = null, this.animation.play(), this.state === "finished" && this.updateFinished());
+  }
+  pause() {
+    this.animation.pause();
+  }
+  complete() {
+    this.animation.finish?.();
+  }
+  cancel() {
+    try {
+      this.animation.cancel();
+    } catch {
+    }
+  }
+  stop() {
+    if (this.isStopped)
+      return;
+    this.isStopped = !0;
+    const { state: i } = this;
+    i === "idle" || i === "finished" || (this.updateMotionValue ? this.updateMotionValue() : this.commitStyles(), 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() {
+    const i = this.options?.element;
+    !this.isPseudoElement && i?.isConnected && this.animation.commitStyles?.();
+  }
+  get duration() {
+    const i = this.animation.effect?.getComputedTiming?.().duration || 0;
+    return a(Number(i));
+  }
+  get iterationDuration() {
+    const { delay: i = 0 } = this.options || {};
+    return this.duration + a(i);
+  }
+  get time() {
+    return a(Number(this.animation.currentTime) || 0);
+  }
+  set time(i) {
+    const t = this.finishedTime !== null;
+    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = S(i), t && this.animation.pause();
+  }
+  /**
+   * The playback speed of the animation.
+   * 1 = normal speed, 2 = double speed, 0.5 = half speed.
+   */
+  get speed() {
+    return this.animation.playbackRate;
+  }
+  set speed(i) {
+    i < 0 && (this.finishedTime = null), this.animation.playbackRate = i;
+  }
+  get state() {
+    return this.finishedTime !== null ? "finished" : this.animation.playState;
+  }
+  get startTime() {
+    return this.manualStartTime ?? Number(this.animation.startTime);
+  }
+  set startTime(i) {
+    this.manualStartTime = this.animation.startTime = i;
+  }
+  /**
+   * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
+   */
+  attachTimeline({ timeline: i, rangeStart: t, rangeEnd: e, observe: n }) {
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, i && p() ? (this.animation.timeline = i, t && (this.animation.rangeStart = t), e && (this.animation.rangeEnd = e), g) : n(this);
+  }
+}
+export {
+  v as NativeAnimation
+};

package/dist/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.js

@@ -0,0 +1,38 @@
+import { time as p } from "../frameloop/sync-time.js";
+import { setStyle as c } from "../render/dom/style-set.js";
+import { JSAnimation as f } from "./JSAnimation.js";
+import { NativeAnimation as u } from "./NativeAnimation.js";
+import { replaceTransitionType as d } from "./utils/replace-transition-type.js";
+import { replaceStringEasing as h } from "./waapi/utils/unsupported-easing.js";
+import { clamp as T } from "../../../../motion-utils/dist/es/clamp.js";
+const o = 10;
+class N extends u {
+  constructor(t) {
+    h(t), d(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
+  }
+  /**
+   * WAAPI doesn't natively have any interruption capabilities.
+   *
+   * Rather than read committed 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(t) {
+    const { motionValue: e, onUpdate: y, onComplete: A, element: m, ...l } = this.options;
+    if (!e)
+      return;
+    if (t !== void 0) {
+      e.set(t);
+      return;
+    }
+    const i = new f({
+      ...l,
+      autoplay: !1
+    }), a = Math.max(o, p.now() - this.startTime), n = T(0, o, a - o), r = i.sample(a).value, { name: s } = this.options;
+    m && s && c(m, s, r), e.setWithVelocity(i.sample(Math.max(0, a - n)).value, r, n), i.stop();
+  }
+}
+export {
+  N as NativeAnimationExtended
+};

package/dist/node_modules/motion-dom/dist/es/animation/animate/single-value.js

@@ -0,0 +1,10 @@
+import { animateMotionValue as m } from "../interfaces/motion-value.js";
+import { motionValue as a } from "../../value/index.js";
+import { isMotionValue as r } from "../../value/utils/is-motion-value.js";
+function f(o, i, n) {
+  const t = r(o) ? o : a(o);
+  return t.start(m("", t, i, n)), t.animation;
+}
+export {
+  f as animateSingleValue
+};

package/dist/node_modules/motion-dom/dist/es/animation/drivers/frame.js

@@ -0,0 +1,17 @@
+import { time as o } from "../../frameloop/sync-time.js";
+import { frameData as e, cancelFrame as a, frame as s } from "../../frameloop/frame.js";
+const n = (m) => {
+  const t = ({ timestamp: r }) => m(r);
+  return {
+    start: (r = !0) => s.update(t, r),
+    stop: () => a(t),
+    /**
+     * If we're processing this frame we can use the
+     * framelocked timestamp to keep things in sync.
+     */
+    now: () => e.isProcessing ? e.timestamp : o.now()
+  };
+};
+export {
+  n as frameloopDriver
+};

package/dist/node_modules/motion-dom/dist/es/animation/generators/inertia.js

@@ -0,0 +1,37 @@
+import { spring as L } from "./spring.js";
+import { getGeneratorVelocity as R } from "./utils/velocity.js";
+function $({ keyframes: v, 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 = v[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 d = M * B;
+  const i = s + d, u = l === void 0 ? i : l(i);
+  u !== i && (d = u - s);
+  const p = (e) => -d * 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;
+  };
+  let r, c;
+  const g = (e) => {
+    C(n.value) && (r = e, c = L({
+      keyframes: [n.value, D(n.value)],
+      velocity: R(h, e, n.value),
+      // TODO: This should be passing * 1000
+      damping: k,
+      stiffness: F,
+      restDelta: f,
+      restSpeed: O
+    }));
+  };
+  return g(0), {
+    calculatedDuration: null,
+    next: (e) => {
+      let o = !1;
+      return !c && r === void 0 && (o = !0, y(e), g(e)), r !== void 0 && e >= r ? c.next(e - r) : (!o && y(e), n);
+    }
+  };
+}
+export {
+  $ as inertia
+};

package/dist/node_modules/motion-dom/dist/es/animation/generators/keyframes.js

@@ -0,0 +1,30 @@
+import { interpolate as c } from "../../utils/interpolate.js";
+import { defaultOffset as p } from "../keyframes/offsets/default.js";
+import { convertOffsetToTimes as u } from "../keyframes/offsets/time.js";
+import { isEasingArray as l } from "../../../../../motion-utils/dist/es/easing/utils/is-easing-array.js";
+import { easingDefinitionToFunction as m } from "../../../../../motion-utils/dist/es/easing/utils/map.js";
+import { easeInOut as g } from "../../../../../motion-utils/dist/es/easing/ease.js";
+function T(n, t) {
+  return n.map(() => t || g).splice(0, n.length - 1);
+}
+function y({ duration: n = 300, keyframes: t, times: o, ease: r = "easeInOut" }) {
+  const e = l(r) ? r.map(m) : m(r), i = {
+    done: !1,
+    value: t[0]
+  }, s = u(
+    // Only use the provided offsets if they're the correct length
+    // TODO Maybe we should warn here if there's a length mismatch
+    o && o.length === t.length ? o : p(t),
+    n
+  ), a = c(s, t, {
+    ease: Array.isArray(e) ? e : T(t, e)
+  });
+  return {
+    calculatedDuration: n,
+    next: (f) => (i.value = a(f), i.done = f >= n, i)
+  };
+}
+export {
+  T as defaultEasing,
+  y as keyframes
+};

package/dist/node_modules/motion-dom/dist/es/animation/generators/spring.js

@@ -0,0 +1,178 @@
+import { generateLinearEasing as L } from "../waapi/utils/linear.js";
+import { calcGeneratorDuration as z, maxGeneratorDuration as B } from "./utils/calc-duration.js";
+import { createGeneratorEasing as H } from "./utils/create-generator-easing.js";
+import { millisecondsToSeconds as K, secondsToMilliseconds as q } from "../../../../../motion-utils/dist/es/time-conversion.js";
+import { clamp as N } from "../../../../../motion-utils/dist/es/clamp.js";
+import { warning as J } from "../../../../../motion-utils/dist/es/errors.js";
+const n = {
+  // Default spring physics
+  stiffness: 100,
+  damping: 10,
+  mass: 1,
+  velocity: 0,
+  // Default duration/bounce-based options
+  duration: 800,
+  // in ms
+  bounce: 0.3,
+  visualDuration: 0.3,
+  // in seconds
+  // Rest thresholds
+  restSpeed: {
+    granular: 0.01,
+    default: 2
+  },
+  restDelta: {
+    granular: 5e-3,
+    default: 0.5
+  },
+  // Limits
+  minDuration: 0.01,
+  // in seconds
+  maxDuration: 10,
+  // in seconds
+  minDamping: 0.05,
+  maxDamping: 1
+};
+function O(e, s) {
+  return e * Math.sqrt(1 - s * s);
+}
+const Q = 12;
+function U(e, s, a) {
+  let l = a;
+  for (let f = 1; f < Q; f++)
+    l = l - e(l) / s(l);
+  return l;
+}
+const I = 1e-3;
+function W({ duration: e = n.duration, bounce: s = n.bounce, velocity: a = n.velocity, mass: l = n.mass }) {
+  let f, v;
+  J(e <= q(n.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  let r = 1 - s;
+  r = N(n.minDamping, n.maxDamping, r), e = N(n.minDuration, n.maxDuration, K(e)), r < 1 ? (f = (c) => {
+    const g = c * r, h = g * e, k = g - a, x = O(c, r), M = Math.exp(-h);
+    return I - k / x * M;
+  }, v = (c) => {
+    const h = c * r * e, k = h * a + a, x = Math.pow(r, 2) * Math.pow(c, 2) * e, M = Math.exp(-h), o = O(Math.pow(c, 2), r);
+    return (-f(c) + I > 0 ? -1 : 1) * ((k - x) * M) / o;
+  }) : (f = (c) => {
+    const g = Math.exp(-c * e), h = (c - a) * e + 1;
+    return -I + g * h;
+  }, v = (c) => {
+    const g = Math.exp(-c * e), h = (a - c) * (e * e);
+    return g * h;
+  });
+  const p = 5 / e, T = U(f, v, p);
+  if (e = q(e), isNaN(T))
+    return {
+      stiffness: n.stiffness,
+      damping: n.damping,
+      duration: e
+    };
+  {
+    const c = Math.pow(T, 2) * l;
+    return {
+      stiffness: c,
+      damping: r * 2 * Math.sqrt(l * c),
+      duration: e
+    };
+  }
+}
+const X = ["duration", "bounce"], Y = ["stiffness", "damping", "mass"];
+function V(e, s) {
+  return s.some((a) => e[a] !== void 0);
+}
+function Z(e) {
+  let s = {
+    velocity: n.velocity,
+    stiffness: n.stiffness,
+    damping: n.damping,
+    mass: n.mass,
+    isResolvedFromDuration: !1,
+    ...e
+  };
+  if (!V(e, Y) && V(e, X))
+    if (s.velocity = 0, e.visualDuration) {
+      const a = e.visualDuration, l = 2 * Math.PI / (a * 1.2), f = l * l, v = 2 * N(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(f);
+      s = {
+        ...s,
+        mass: n.mass,
+        stiffness: f,
+        damping: v
+      };
+    } else {
+      const a = W({ ...e, velocity: 0 });
+      s = {
+        ...s,
+        ...a,
+        mass: n.mass
+      }, s.isResolvedFromDuration = !0;
+    }
+  return s;
+}
+function j(e = n.visualDuration, s = n.bounce) {
+  const a = typeof e != "object" ? {
+    visualDuration: e,
+    keyframes: [0, 1],
+    bounce: s
+  } : e;
+  let { restSpeed: l, restDelta: f } = a;
+  const v = a.keyframes[0], r = a.keyframes[a.keyframes.length - 1], p = { done: !1, value: v }, { stiffness: T, damping: c, mass: g, duration: h, velocity: k, isResolvedFromDuration: x } = Z({
+    ...a,
+    velocity: -K(a.velocity || 0)
+  }), M = k || 0, o = c / (2 * Math.sqrt(T * g)), m = r - v, i = K(Math.sqrt(T / g)), P = Math.abs(m) < 5;
+  l || (l = P ? n.restSpeed.granular : n.restSpeed.default), f || (f = P ? n.restDelta.granular : n.restDelta.default);
+  let G, w, d, C, A, F;
+  if (o < 1)
+    d = O(i, o), C = (M + o * i * m) / d, G = (t) => {
+      const u = Math.exp(-o * i * t);
+      return r - u * (C * Math.sin(d * t) + m * Math.cos(d * t));
+    }, A = o * i * C + m * d, F = o * i * m - C * d, w = (t) => Math.exp(-o * i * t) * (A * Math.sin(d * t) + F * Math.cos(d * t));
+  else if (o === 1) {
+    G = (u) => r - Math.exp(-i * u) * (m + (M + i * m) * u);
+    const t = M + i * m;
+    w = (u) => Math.exp(-i * u) * (i * t * u - M);
+  } else {
+    const t = i * Math.sqrt(o * o - 1);
+    G = (y) => {
+      const S = Math.exp(-o * i * y), b = Math.min(t * y, 300);
+      return r - S * ((M + o * i * m) * Math.sinh(b) + t * m * Math.cosh(b)) / t;
+    };
+    const u = (M + o * i * m) / t, D = o * i * u - m * t, R = o * i * m - u * t;
+    w = (y) => {
+      const S = Math.exp(-o * i * y), b = Math.min(t * y, 300);
+      return S * (D * Math.sinh(b) + R * Math.cosh(b));
+    };
+  }
+  const E = {
+    calculatedDuration: x && h || null,
+    velocity: (t) => q(w(t)),
+    next: (t) => {
+      if (!x && o < 1) {
+        const D = Math.exp(-o * i * t), R = Math.sin(d * t), y = Math.cos(d * t), S = r - D * (C * R + m * y), b = q(D * (A * R + F * y));
+        return p.done = Math.abs(b) <= l && Math.abs(r - S) <= f, p.value = p.done ? r : S, p;
+      }
+      const u = G(t);
+      if (x)
+        p.done = t >= h;
+      else {
+        const D = q(w(t));
+        p.done = Math.abs(D) <= l && Math.abs(r - u) <= f;
+      }
+      return p.value = p.done ? r : u, p;
+    },
+    toString: () => {
+      const t = Math.min(z(E), B), u = L((D) => E.next(t * D).value, t, 30);
+      return t + "ms " + u;
+    },
+    toTransition: () => {
+    }
+  };
+  return E;
+}
+j.applyToOptions = (e) => {
+  const s = H(e, 100, j);
+  return e.ease = s.ease, e.duration = q(s.duration), e.type = "keyframes", e;
+};
+export {
+  j as spring
+};