@vkzstudio/muza-ui 1.0.7 → 1.0.9

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

@@ -1,45 +1,46 @@
-import { useContext as f, useRef as l, useInsertionEffect as h, useEffect as j } from "react";
-import { optimizedAppearDataAttribute as I } from "../../animation/optimized-appear/data-id.js";
-import { LazyContext as A } from "../../context/LazyContext.js";
-import { MotionConfigContext as S } from "../../context/MotionConfigContext.js";
-import { MotionContext as L } from "../../context/MotionContext/index.js";
+import { useContext as u, useRef as p, useInsertionEffect as A, useEffect as I } from "react";
+import { LazyContext as S } from "../../context/LazyContext.js";
+import { MotionConfigContext as L } from "../../context/MotionConfigContext.js";
+import { MotionContext as O } from "../../context/MotionContext/index.js";
 import { PresenceContext as R } from "../../context/PresenceContext.js";
 import { SwitchLayoutGroupContext as b } from "../../context/SwitchLayoutGroupContext.js";
 import { isRefObject as k } from "../../utils/is-ref-object.js";
 import { useIsomorphicLayoutEffect as H } from "../../utils/use-isomorphic-effect.js";
-function J(o, s, n, i, u) {
-  var y, M;
-  const { visualElement: a } = f(L), p = f(A), e = f(R), m = f(S).reducedMotion, r = l(null);
-  i = i || p.renderer, !r.current && i && (r.current = i(o, {
-    visualState: s,
-    parent: a,
-    props: n,
-    presenceContext: e,
-    blockInitialAnimation: e ? e.initial === !1 : !1,
-    reducedMotionConfig: m
-  }));
-  const t = r.current, x = f(b);
-  t && !t.projection && u && (t.type === "html" || t.type === "svg") && z(r.current, n, u, x);
-  const C = l(!1);
-  h(() => {
-    t && C.current && t.update(n, e);
+import { optimizedAppearDataAttribute as z } from "../../../../../motion-dom/dist/es/animation/optimized-appear/data-id.js";
+function Q(o, f, e, r, s, a) {
+  var w, g;
+  const { visualElement: l } = u(O), c = u(S), i = u(R), C = u(L).reducedMotion, n = p(null), y = p(!1);
+  r = r || c.renderer, !n.current && r && (n.current = r(o, {
+    visualState: f,
+    parent: l,
+    props: e,
+    presenceContext: i,
+    blockInitialAnimation: i ? i.initial === !1 : !1,
+    reducedMotionConfig: C,
+    isSVG: a
+  }), y.current && n.current && (n.current.manuallyAnimateOnMount = !0));
+  const t = n.current, j = u(b);
+  t && !t.projection && s && (t.type === "html" || t.type === "svg") && P(n.current, e, s, j);
+  const M = p(!1);
+  A(() => {
+    t && M.current && t.update(e, i);
   });
-  const c = n[I], d = l(!!c && !((y = window.MotionHandoffIsComplete) != null && y.call(window, c)) && ((M = window.MotionHasOptimisedAnimation) == null ? void 0 : M.call(window, c)));
+  const d = e[z], m = p(!!d && !((w = window.MotionHandoffIsComplete) != null && w.call(window, d)) && ((g = window.MotionHasOptimisedAnimation) == null ? void 0 : g.call(window, d)));
   return H(() => {
-    t && (C.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), d.current && t.animationState && t.animationState.animateChanges());
-  }), j(() => {
-    t && (!d.current && t.animationState && t.animationState.animateChanges(), d.current && (queueMicrotask(() => {
-      var w;
-      (w = window.MotionHandoffMarkAsComplete) == null || w.call(window, c);
-    }), d.current = !1), t.enteringChildren = void 0);
+    y.current = !0, t && (M.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), m.current && t.animationState && t.animationState.animateChanges());
+  }), I(() => {
+    t && (!m.current && t.animationState && t.animationState.animateChanges(), m.current && (queueMicrotask(() => {
+      var h;
+      (h = window.MotionHandoffMarkAsComplete) == null || h.call(window, d);
+    }), m.current = !1), t.enteringChildren = void 0);
   }), t;
 }
-function z(o, s, n, i) {
-  const { layoutId: u, layout: a, drag: p, dragConstraints: e, layoutScroll: m, layoutRoot: r, layoutCrossfade: t } = s;
-  o.projection = new n(o.latestValues, s["data-framer-portal-id"] ? void 0 : g(o.parent)), o.projection.setOptions({
-    layoutId: u,
+function P(o, f, e, r) {
+  const { layoutId: s, layout: a, drag: l, dragConstraints: c, layoutScroll: i, layoutRoot: C, layoutCrossfade: n } = f;
+  o.projection = new e(o.latestValues, f["data-framer-portal-id"] ? void 0 : x(o.parent)), o.projection.setOptions({
+    layoutId: s,
     layout: a,
-    alwaysMeasureLayout: !!p || e && k(e),
+    alwaysMeasureLayout: !!l || c && k(c),
     visualElement: o,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -49,16 +50,16 @@ function z(o, s, n, i) {
      *
      */
     animationType: typeof a == "string" ? a : "both",
-    initialPromotionConfig: i,
-    crossfade: t,
-    layoutScroll: m,
-    layoutRoot: r
+    initialPromotionConfig: r,
+    crossfade: n,
+    layoutScroll: i,
+    layoutRoot: C
   });
 }
-function g(o) {
+function x(o) {
   if (o)
-    return o.options.allowProjection !== !1 ? o.projection : g(o.parent);
+    return o.options.allowProjection !== !1 ? o.projection : x(o.parent);
 }
 export {
-  J as useVisualElement
+  Q as useVisualElement
 };

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

@@ -1,11 +1,11 @@
 import { useContext as C } from "react";
-import { isAnimationControls as x } from "../../animation/utils/is-animation-controls.js";
-import { MotionContext as S } from "../../context/MotionContext/index.js";
-import { PresenceContext as h } from "../../context/PresenceContext.js";
-import { isControllingVariants as M, isVariantNode as N } from "../../render/utils/is-controlling-variants.js";
-import { resolveVariantFromProps as P } from "../../render/utils/resolve-variants.js";
-import { useConstant as T } from "../../utils/use-constant.js";
-import { resolveMotionValue as $ } from "../../value/utils/resolve-motion-value.js";
+import { MotionContext as x } from "../../context/MotionContext/index.js";
+import { PresenceContext as S } from "../../context/PresenceContext.js";
+import { useConstant as h } from "../../utils/use-constant.js";
+import { resolveMotionValue as M } from "../../../../../motion-dom/dist/es/value/utils/resolve-motion-value.js";
+import { isControllingVariants as N, isVariantNode as P } from "../../../../../motion-dom/dist/es/render/utils/is-controlling-variants.js";
+import { isAnimationControls as T } from "../../../../../motion-dom/dist/es/render/utils/is-animation-controls.js";
+import { resolveVariantFromProps as $ } from "../../../../../motion-dom/dist/es/render/utils/resolve-variants.js";
 function b({ scrapeMotionValuesFromProps: t, createRenderState: i }, e, s, n) {
   return {
     latestValues: p(e, s, n, t),
@@ -15,17 +15,17 @@ function b({ scrapeMotionValuesFromProps: t, createRenderState: i }, e, s, n) {
 function p(t, i, e, s) {
   const n = {}, o = s(t, {});
   for (const l in o)
-    n[l] = $(o[l]);
+    n[l] = M(o[l]);
   let { initial: m, animate: u } = t;
-  const g = M(t), v = N(t);
+  const g = N(t), v = P(t);
   i && v && !g && t.inherit !== !1 && (m === void 0 && (m = i.initial), u === void 0 && (u = i.animate));
   let c = e ? e.initial === !1 : !1;
   c = c || m === !1;
   const a = c ? u : m;
-  if (a && typeof a != "boolean" && !x(a)) {
+  if (a && typeof a != "boolean" && !T(a)) {
     const l = Array.isArray(a) ? a : [a];
     for (let d = 0; d < l.length; d++) {
-      const V = P(t, l[d]);
+      const V = $(t, l[d]);
       if (V) {
         const { transitionEnd: k, transition: B, ...y } = V;
         for (const f in y) {
@@ -44,8 +44,8 @@ function p(t, i, e, s) {
   return n;
 }
 const z = (t) => (i, e) => {
-  const s = C(S), n = C(h), o = () => b(t, i, s, n);
-  return e ? o() : T(o);
+  const s = C(x), n = C(S), o = () => b(t, i, s, n);
+  return e ? o() : h(o);
 };
 export {
   z as makeUseVisualState

package/dist/node_modules/framer-motion/dist/es/render/dom/create-visual-element.js

@@ -1,10 +1,10 @@
 import { Fragment as m } from "react";
-import { HTMLVisualElement as o } from "../html/HTMLVisualElement.js";
-import { SVGVisualElement as t } from "../svg/SVGVisualElement.js";
-import { isSVGComponent as i } from "./utils/is-svg-component.js";
-const f = (e, r) => i(e) ? new t(r) : new o(r, {
-  allowProjection: e !== m
+import { isSVGComponent as t } from "./utils/is-svg-component.js";
+import { SVGVisualElement as o } from "../../../../../motion-dom/dist/es/render/svg/SVGVisualElement.js";
+import { HTMLVisualElement as i } from "../../../../../motion-dom/dist/es/render/html/HTMLVisualElement.js";
+const G = (r, e) => e.isSVG ?? t(r) ? new o(e) : new i(e, {
+  allowProjection: r !== m
 });
 export {
-  f as createDomVisualElement
+  G as createDomVisualElement
 };

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

@@ -1,16 +1,16 @@
-import { Fragment as c, useMemo as p, createElement as P } from "react";
-import { useHTMLProps as a } from "../html/use-props.js";
-import { useSVGProps as d } from "../svg/use-props.js";
-import { filterProps as V } from "./utils/filter-props.js";
-import { isSVGComponent as g } from "./utils/is-svg-component.js";
-import { isMotionValue as h } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
-function F(r, s, o, { latestValues: t }, i, m = !1) {
-  const n = (g(r) ? d : a)(s, t, i, r), l = V(s, typeof r == "string", m), u = r !== c ? { ...l, ...n, ref: o } : {}, { children: e } = s, f = p(() => h(e) ? e.get() : e, [e]);
-  return P(r, {
-    ...u,
-    children: f
+import { Fragment as p, useMemo as P, createElement as a } from "react";
+import { useHTMLProps as d } from "../html/use-props.js";
+import { useSVGProps as V } from "../svg/use-props.js";
+import { filterProps as g } from "./utils/filter-props.js";
+import { isSVGComponent as h } from "./utils/is-svg-component.js";
+import { isMotionValue as M } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+function H(r, s, o, { latestValues: t }, i, m = !1, n) {
+  const l = (n ?? h(r) ? V : d)(s, t, i, r), u = g(s, typeof r == "string", m), f = r !== p ? { ...u, ...l, ref: o } : {}, { children: e } = s, c = P(() => M(e) ? e.get() : e, [e]);
+  return a(r, {
+    ...f,
+    children: c
   });
 }
 export {
-  F as useRender
+  H as useRender
 };

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

@@ -1,10 +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 "./utils/scrape-motion-values.js";
-const s = /* @__PURE__ */ e({
+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 {
-  s as useHTMLVisualState
+  m as useHTMLVisualState
 };

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

@@ -1,16 +1,16 @@
 import { useMemo as i } from "react";
-import { isForcedMotionValue as a } from "../../motion/utils/is-forced-motion-value.js";
-import { buildHTMLStyles as r } from "./utils/build-styles.js";
-import { createHtmlRenderState as l } from "./utils/create-render-state.js";
-import { isMotionValue as s } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+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)
-    !s(o[e]) && !a(e, n) && (t[e] = o[e]);
+    !r(o[e]) && !l(e, n) && (t[e] = o[e]);
 }
 function c({ transformTemplate: t }, o) {
   return i(() => {
-    const n = l();
-    return r(n, o, t), Object.assign({}, n.vars, n.style);
+    const n = a();
+    return s(n, o, t), Object.assign({}, n.vars, n.style);
   }, [o]);
 }
 function f(t, o) {

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

@@ -1,12 +1,12 @@
 import { useMemo as m } from "react";
 import { copyRawValuesOnly as l } from "../html/use-props.js";
-import { buildSVGAttrs as i } from "./utils/build-attrs.js";
-import { createSvgRenderState as a } from "./utils/create-render-state.js";
-import { isSVGTag as n } from "./utils/is-svg-tag.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 = a();
-    return i(t, s, n(o), e.transformTemplate, e.style), {
+    const t = i();
+    return a(t, s, n(o), e.transformTemplate, e.style), {
       ...t.attrs,
       style: { ...t.style }
     };

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

@@ -1,6 +1,6 @@
 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 "./utils/scrape-motion-values.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

package/dist/node_modules/framer-motion/dist/es/value/use-transform.js

@@ -1,23 +1,31 @@
-import { useConstant as m } from "../utils/use-constant.js";
-import { useCombineMotionValues as u } from "./use-combine-values.js";
-import { useComputed as i } from "./use-computed.js";
-import { transform as c } from "../../../../motion-dom/dist/es/utils/transform.js";
-function h(o, r, e, n) {
-  if (typeof o == "function")
-    return i(o);
-  const t = typeof r == "function" ? r : c(r, e, n);
-  return Array.isArray(o) ? f(o, t) : f([o], ([s]) => t(s));
+import { useConstant as c } from "../utils/use-constant.js";
+import { useCombineMotionValues as i } from "./use-combine-values.js";
+import { useComputed as y } from "./use-computed.js";
+import { transform as l } from "../../../../motion-dom/dist/es/utils/transform.js";
+function A(t, r, o, e) {
+  if (typeof t == "function")
+    return y(t);
+  if (o !== void 0 && !Array.isArray(o) && typeof r != "function")
+    return d(t, r, o, e);
+  const n = typeof r == "function" ? r : l(r, o, e);
+  return Array.isArray(t) ? u(t, n) : u([t], ([m]) => n(m));
 }
-function f(o, r) {
-  const e = m(() => []);
-  return u(o, () => {
-    e.length = 0;
-    const n = o.length;
-    for (let t = 0; t < n; t++)
-      e[t] = o[t].get();
-    return r(e);
+function u(t, r) {
+  const o = c(() => []);
+  return i(t, () => {
+    o.length = 0;
+    const e = t.length;
+    for (let s = 0; s < e; s++)
+      o[s] = t[s].get();
+    return r(o);
   });
 }
+function d(t, r, o, e) {
+  const s = c(() => Object.keys(o)), f = c(() => ({}));
+  for (const n of s)
+    f[n] = A(t, r, o[n], e);
+  return f;
+}
 export {
-  h as useTransform
+  A as useTransform
 };

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

@@ -1,4 +1,4 @@
-import { time as v } from "../frameloop/sync-time.js";
+import { time as A } from "../frameloop/sync-time.js";
 import { JSAnimation as y } from "./JSAnimation.js";
 import { getFinalKeyframe as g } from "./keyframes/get-final.js";
 import { KeyframeResolver as R, flushKeyframeResolvers as T } from "./keyframes/KeyframesResolver.js";
@@ -11,45 +11,48 @@ import { MotionGlobalConfig as k } from "../../../../motion-utils/dist/es/global
 import { noop as x } from "../../../../motion-utils/dist/es/noop.js";
 const M = 40;
 class I extends D {
-  constructor({ autoplay: i = !0, delay: s = 0, type: e = "keyframes", repeat: l = 0, repeatDelay: f = 0, repeatType: d = "loop", keyframes: p, name: a, motionValue: r, element: t, ...c }) {
-    var u;
+  constructor({ autoplay: i = !0, delay: a = 0, type: n = "keyframes", repeat: f = 0, repeatDelay: d = 0, repeatType: c = "loop", keyframes: p, name: r, motionValue: m, element: t, ...v }) {
+    var h;
     super(), this.stop = () => {
-      var m, h;
-      this._animation && (this._animation.stop(), (m = this.stopTimeline) == null || m.call(this)), (h = this.keyframeResolver) == null || h.cancel();
-    }, this.createdAt = v.now();
-    const n = {
+      var e, s;
+      this._animation && (this._animation.stop(), (e = this.stopTimeline) == null || e.call(this)), (s = this.keyframeResolver) == null || s.cancel();
+    }, this.createdAt = A.now();
+    const o = {
       autoplay: i,
-      delay: s,
-      type: e,
-      repeat: l,
-      repeatDelay: f,
-      repeatType: d,
-      name: a,
-      motionValue: r,
+      delay: a,
+      type: n,
+      repeat: f,
+      repeatDelay: d,
+      repeatType: c,
+      name: r,
+      motionValue: m,
       element: t,
-      ...c
-    }, o = (t == null ? void 0 : t.KeyframeResolver) || R;
-    this.keyframeResolver = new o(p, (m, h, A) => this.onKeyframesResolved(m, h, n, !A), a, r, t), (u = this.keyframeResolver) == null || u.scheduleResolve();
+      ...v
+    }, u = (t == null ? void 0 : t.KeyframeResolver) || R;
+    this.keyframeResolver = new u(p, (e, s, l) => this.onKeyframesResolved(e, s, o, !l), r, m, t), (h = this.keyframeResolver) == null || h.scheduleResolve();
   }
-  onKeyframesResolved(i, s, e, l) {
+  onKeyframesResolved(i, a, n, f) {
+    var s, l;
     this.keyframeResolver = void 0;
-    const { name: f, type: d, velocity: p, delay: a, isHandoff: r, onUpdate: t } = e;
-    this.resolvedAt = v.now(), w(i, f, d, p) || ((k.instantAnimations || !a) && (t == null || t(g(i, e, s))), i[0] = i[i.length - 1], K(e), e.repeat = 0);
-    const n = {
-      startTime: l ? this.resolvedAt ? this.resolvedAt - this.createdAt > M ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
-      finalKeyframe: s,
-      ...e,
-      keyframes: i
-    }, o = !r && E(n) ? new _({
+    const { name: d, type: c, velocity: p, delay: r, isHandoff: m, onUpdate: t } = n;
+    this.resolvedAt = A.now(), w(i, d, c, p) || ((k.instantAnimations || !r) && (t == null || t(g(i, n, a))), i[0] = i[i.length - 1], K(n), n.repeat = 0);
+    const o = {
+      startTime: f ? this.resolvedAt ? this.resolvedAt - this.createdAt > M ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      finalKeyframe: a,
       ...n,
-      element: n.motionValue.owner.current
-    }) : new y(n);
-    o.finished.then(() => this.notifyFinished()).catch(x), this.pendingTimeline && (this.stopTimeline = o.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = o;
+      keyframes: i
+    }, u = !m && E(o), h = (l = (s = o.motionValue) == null ? void 0 : s.owner) == null ? void 0 : l.current, e = u ? new _({
+      ...o,
+      element: h
+    }) : new y(o);
+    e.finished.then(() => {
+      this.notifyFinished();
+    }).catch(x), this.pendingTimeline && (this.stopTimeline = e.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = e;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
   }
-  then(i, s) {
+  then(i, a) {
     return this.finished.finally(i).then(() => {
     });
   }

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

@@ -1,29 +1,29 @@
-import { setStyle as p } from "../render/dom/style-set.js";
-import { supportsScrollTimeline as u } from "../utils/supports/scroll-timeline.js";
+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 y } from "./waapi/utils/apply-generator.js";
-import { invariant as T } from "../../../../motion-utils/dist/es/errors.js";
-import { millisecondsToSeconds as a, secondsToMilliseconds as g } from "../../../../motion-utils/dist/es/time-conversion.js";
-import { noop as S } from "../../../../motion-utils/dist/es/noop.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 x extends d {
   constructor(i) {
-    if (super(), this.finishedTime = null, this.isStopped = !1, !i)
+    if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !i)
       return;
-    const { element: t, name: e, keyframes: o, pseudoElement: n, allowFlatten: h = !1, finalKeyframe: l, onComplete: s } = i;
-    this.isPseudoElement = !!n, this.allowFlatten = h, this.options = i, T(typeof i.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const m = y(i);
+    const { element: t, name: e, keyframes: o, pseudoElement: n, allowFlatten: l = !1, finalKeyframe: h, onComplete: s } = i;
+    this.isPseudoElement = !!n, this.allowFlatten = l, this.options = i, y(typeof i.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    const m = T(i);
     this.animation = c(t, e, o, m, n), m.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !n) {
-        const r = f(o, this.options, l, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(r) : p(t, e, r), this.animation.cancel();
+        const r = f(o, this.options, h, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(r) : u(t, e, r), this.animation.cancel();
       }
       s == null || s(), this.notifyFinished();
     };
   }
   play() {
-    this.isStopped || (this.animation.play(), this.state === "finished" && this.updateFinished());
+    this.isStopped || (this.manualStartTime = null, this.animation.play(), this.state === "finished" && this.updateFinished());
   }
   pause() {
     this.animation.pause();
@@ -74,7 +74,7 @@ class x extends d {
     return a(Number(this.animation.currentTime) || 0);
   }
   set time(i) {
-    this.finishedTime = null, this.animation.currentTime = g(i);
+    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = S(i);
   }
   /**
    * The playback speed of the animation.
@@ -90,17 +90,17 @@ class x extends d {
     return this.finishedTime !== null ? "finished" : this.animation.playState;
   }
   get startTime() {
-    return Number(this.animation.startTime);
+    return this.manualStartTime ?? Number(this.animation.startTime);
   }
   set startTime(i) {
-    this.animation.startTime = i;
+    this.manualStartTime = this.animation.startTime = i;
   }
   /**
    * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
    */
   attachTimeline({ timeline: i, observe: t }) {
     var e;
-    return this.allowFlatten && ((e = this.animation.effect) == null || e.updateTiming({ easing: "linear" })), this.animation.onfinish = null, i && u() ? (this.animation.timeline = i, S) : t(this);
+    return this.allowFlatten && ((e = this.animation.effect) == null || e.updateTiming({ easing: "linear" })), this.animation.onfinish = null, i && p() ? (this.animation.timeline = i, g) : t(this);
   }
 }
 export {

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

@@ -1,36 +1,37 @@
-import { JSAnimation as a } from "./JSAnimation.js";
-import { NativeAnimation as m } from "./NativeAnimation.js";
-import { replaceTransitionType as r } from "./utils/replace-transition-type.js";
-import { replaceStringEasing as l } from "./waapi/utils/unsupported-easing.js";
-import { secondsToMilliseconds as p } from "../../../../motion-utils/dist/es/time-conversion.js";
-const s = 10;
-class y extends m {
-  constructor(e) {
-    l(e), r(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
+import { time as r } from "../frameloop/sync-time.js";
+import { JSAnimation as s } from "./JSAnimation.js";
+import { NativeAnimation as p } from "./NativeAnimation.js";
+import { replaceTransitionType as l } from "./utils/replace-transition-type.js";
+import { replaceStringEasing as c } from "./waapi/utils/unsupported-easing.js";
+import { clamp as f } from "../../../../motion-utils/dist/es/clamp.js";
+const m = 10;
+class g extends p {
+  constructor(t) {
+    c(t), l(t), super(t), t.startTime !== void 0 && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
    *
-   * Rather than read commited styles back out of the DOM, we can
+   * 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(e) {
-    const { motionValue: t, onUpdate: f, onComplete: d, element: u, ...n } = this.options;
-    if (!t)
+  updateMotionValue(t) {
+    const { motionValue: e, onUpdate: d, onComplete: h, element: T, ...n } = this.options;
+    if (!e)
       return;
-    if (e !== void 0) {
-      t.set(e);
+    if (t !== void 0) {
+      e.set(t);
       return;
     }
-    const i = new a({
+    const i = new s({
       ...n,
       autoplay: !1
-    }), o = p(this.finishedTime ?? this.time);
-    t.setWithVelocity(i.sample(o - s).value, i.sample(o).value, s), i.stop();
+    }), a = Math.max(m, r.now() - this.startTime), o = f(0, m, a - m);
+    e.setWithVelocity(i.sample(Math.max(0, a - o)).value, i.sample(a).value, o), i.stop();
   }
 }
 export {
-  y as NativeAnimationExtended
+  g 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/{framer-motion → motion-dom}/dist/es/animation/interfaces/motion-value.js

@@ -1,15 +1,15 @@
-import { getFinalKeyframe as A } from "../animators/waapi/utils/get-final-keyframe.js";
-import { getDefaultTransition as k } from "../utils/default-transitions.js";
-import { isTransitionDefined as D } from "../utils/is-transition-defined.js";
-import { getValueTransition as g } from "../../../../../motion-dom/dist/es/animation/utils/get-value-transition.js";
+import { AsyncMotionValueAnimation as A } from "../AsyncMotionValueAnimation.js";
+import { JSAnimation as k } from "../JSAnimation.js";
+import { getValueTransition as D } from "../utils/get-value-transition.js";
+import { makeAnimationInstant as p } from "../utils/make-animation-instant.js";
+import { getDefaultTransition as g } from "../utils/default-transitions.js";
+import { getFinalKeyframe as C } from "../utils/get-final-keyframe.js";
+import { isTransitionDefined as T } from "../utils/is-transition-defined.js";
+import { frame as V } from "../../frameloop/frame.js";
 import { secondsToMilliseconds as f } from "../../../../../motion-utils/dist/es/time-conversion.js";
-import { makeAnimationInstant as p } from "../../../../../motion-dom/dist/es/animation/utils/make-animation-instant.js";
 import { MotionGlobalConfig as d } from "../../../../../motion-utils/dist/es/global-config.js";
-import { frame as C } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
-import { JSAnimation as T } from "../../../../../motion-dom/dist/es/animation/JSAnimation.js";
-import { AsyncMotionValueAnimation as V } from "../../../../../motion-dom/dist/es/animation/AsyncMotionValueAnimation.js";
 const x = (i, n, a, r = {}, y, s) => (u) => {
-  const o = g(r, i) || {}, c = o.delay || r.delay || 0;
+  const o = D(r, i) || {}, c = o.delay || r.delay || 0;
   let { elapsed: m = 0 } = r;
   m = m - f(c);
   const e = {
@@ -28,18 +28,18 @@ const x = (i, n, a, r = {}, y, s) => (u) => {
     motionValue: n,
     element: s ? void 0 : y
   };
-  D(o) || Object.assign(e, k(i, e)), e.duration && (e.duration = f(e.duration)), e.repeatDelay && (e.repeatDelay = f(e.repeatDelay)), e.from !== void 0 && (e.keyframes[0] = e.from);
+  T(o) || Object.assign(e, g(i, e)), e.duration && (e.duration = f(e.duration)), e.repeatDelay && (e.repeatDelay = f(e.repeatDelay)), e.from !== void 0 && (e.keyframes[0] = e.from);
   let l = !1;
   if ((e.type === !1 || e.duration === 0 && !e.repeatDelay) && (p(e), e.delay === 0 && (l = !0)), (d.instantAnimations || d.skipAnimations) && (l = !0, p(e), e.delay = 0), e.allowFlatten = !o.type && !o.ease, l && !s && n.get() !== void 0) {
-    const t = A(e.keyframes, o);
+    const t = C(e.keyframes, o);
     if (t !== void 0) {
-      C.update(() => {
+      V.update(() => {
         e.onUpdate(t), e.onComplete();
       });
       return;
     }
   }
-  return o.isSync ? new T(e) : new V(e);
+  return o.isSync ? new k(e) : new A(e);
 };
 export {
   x as animateMotionValue