@code0-tech/pictor 0.9.3 → 0.10.0

package/dist/node_modules/framer-motion/dist/es/render/html/use-html-visual-state.js

@@ -0,0 +1,10 @@
+import { makeUseVisualState as e } from "../../motion/utils/use-visual-state.js";
+import { createHtmlRenderState as t } from "./utils/create-render-state.js";
+import { scrapeMotionValuesFromProps as r } from "../../../../../motion-dom/dist/es/render/html/utils/scrape-motion-values.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: r,
+  createRenderState: t
+});
+export {
+  m as useHTMLVisualState
+};

package/dist/node_modules/framer-motion/dist/es/render/html/use-props.js

@@ -0,0 +1,27 @@
+import { useMemo as i } from "react";
+import { createHtmlRenderState as a } from "./utils/create-render-state.js";
+import { isMotionValue as r } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+import { isForcedMotionValue as l } from "../../../../../motion-dom/dist/es/render/utils/is-forced-motion-value.js";
+import { buildHTMLStyles as s } from "../../../../../motion-dom/dist/es/render/html/utils/build-styles.js";
+function u(t, o, n) {
+  for (const e in o)
+    !r(o[e]) && !l(e, n) && (t[e] = o[e]);
+}
+function c({ transformTemplate: t }, o) {
+  return i(() => {
+    const n = a();
+    return s(n, o, t), Object.assign({}, n.vars, n.style);
+  }, [o]);
+}
+function f(t, o) {
+  const n = t.style || {}, e = {};
+  return u(e, n, t), Object.assign(e, c(t, o)), e;
+}
+function M(t, o) {
+  const n = {}, e = f(t, o);
+  return t.drag && t.dragListener !== !1 && (n.draggable = !1, e.userSelect = e.WebkitUserSelect = e.WebkitTouchCallout = "none", e.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = e, n;
+}
+export {
+  u as copyRawValuesOnly,
+  M as useHTMLProps
+};

package/dist/node_modules/framer-motion/dist/es/render/html/utils/create-render-state.js

@@ -0,0 +1,9 @@
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
+export {
+  r as createHtmlRenderState
+};

package/dist/node_modules/framer-motion/dist/es/render/svg/lowercase-elements.js

@@ -0,0 +1,30 @@
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
+export {
+  e as lowercaseSVGElements
+};

package/dist/node_modules/framer-motion/dist/es/render/svg/use-props.js

@@ -0,0 +1,22 @@
+import { useMemo as m } from "react";
+import { copyRawValuesOnly as l } from "../html/use-props.js";
+import { createSvgRenderState as i } from "./utils/create-render-state.js";
+import { buildSVGAttrs as a } from "../../../../../motion-dom/dist/es/render/svg/utils/build-attrs.js";
+import { isSVGTag as n } from "../../../../../motion-dom/dist/es/render/svg/utils/is-svg-tag.js";
+function G(e, s, y, o) {
+  const r = m(() => {
+    const t = i();
+    return a(t, s, n(o), e.transformTemplate, e.style), {
+      ...t.attrs,
+      style: { ...t.style }
+    };
+  }, [s]);
+  if (e.style) {
+    const t = {};
+    l(t, e.style, e), r.style = { ...t, ...r.style };
+  }
+  return r;
+}
+export {
+  G as useSVGProps
+};

package/dist/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.js

@@ -0,0 +1,10 @@
+import { makeUseVisualState as e } from "../../motion/utils/use-visual-state.js";
+import { createSvgRenderState as r } from "./utils/create-render-state.js";
+import { scrapeMotionValuesFromProps as t } from "../../../../../motion-dom/dist/es/render/svg/utils/scrape-motion-values.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: t,
+  createRenderState: r
+});
+export {
+  m as useSVGVisualState
+};

package/dist/node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.js

@@ -0,0 +1,8 @@
+import { createHtmlRenderState as t } from "../../html/utils/create-render-state.js";
+const r = () => ({
+  ...t(),
+  attrs: {}
+});
+export {
+  r as createSvgRenderState
+};

package/dist/node_modules/framer-motion/dist/es/utils/distance.js

@@ -0,0 +1,9 @@
+const s = (t, n) => Math.abs(t - n);
+function e(t, n) {
+  const a = s(t.x, n.x), c = s(t.y, n.y);
+  return Math.sqrt(a ** 2 + c ** 2);
+}
+export {
+  s as distance,
+  e as distance2D
+};

package/dist/node_modules/framer-motion/dist/es/utils/get-context-window.js

@@ -0,0 +1,4 @@
+const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
+export {
+  t as getContextWindow
+};

package/dist/node_modules/framer-motion/dist/es/utils/is-browser.js

@@ -0,0 +1,4 @@
+const e = typeof window < "u";
+export {
+  e as isBrowser
+};

package/dist/node_modules/framer-motion/dist/es/utils/is-ref-object.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+}
+export {
+  e as isRefObject
+};

package/dist/node_modules/framer-motion/dist/es/utils/use-constant.js

@@ -0,0 +1,8 @@
+import { useRef as t } from "react";
+function u(n) {
+  const r = t(null);
+  return r.current === null && (r.current = n()), r.current;
+}
+export {
+  u as useConstant
+};

package/dist/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { isBrowser as e } from "./is-browser.js";
+const s = e ? o : t;
+export {
+  s as useIsomorphicLayoutEffect
+};

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
+};