@weng-lab/visualization 2.6.0-beta.0 → 2.6.0

package/dist/visualization.es301.js

@@ -1,144 +1,38 @@
-import { animateVisualElement as N } from "./visualization.es343.js";
-import { calcChildStagger as Q } from "./visualization.es332.js";
-import { getVariantContext as U } from "./visualization.es451.js";
-import { isAnimationControls as W } from "./visualization.es194.js";
-import { isKeyframesTarget as k } from "./visualization.es394.js";
-import { isVariantLabel as X } from "./visualization.es452.js";
-import { resolveVariant as T } from "./visualization.es302.js";
-import { shallowCompare as H } from "./visualization.es453.js";
-import { variantPriorityOrder as L } from "./visualization.es454.js";
-const Y = [...L].reverse(), Z = L.length;
-function _(e) {
-  return (f) => Promise.all(f.map(({ animation: c, options: p }) => N(e, c, p)));
-}
-function fe(e) {
-  let f = _(e), c = B(), p = !0, V = !1;
-  const z = (s) => (n, y) => {
-    const l = T(e, y, s === "exit" ? e.presenceContext?.custom : void 0);
-    if (l) {
-      const { transition: m, transitionEnd: d, ...C } = l;
-      n = { ...n, ...C, ...d };
-    }
-    return n;
-  };
-  function j(s) {
-    f = s(e);
-  }
-  function K(s) {
-    const { props: n } = e, y = U(e.parent) || {}, l = [], m = /* @__PURE__ */ new Set();
-    let d = {}, C = 1 / 0;
-    for (let u = 0; u < Z; u++) {
-      const t = Y[u], i = c[t], o = n[t] !== void 0 ? n[t] : y[t], S = X(o), w = t === s ? i.isActive : null;
-      w === !1 && (C = u);
-      let P = o === y[t] && o !== n[t] && S;
-      if (P && (p || V) && e.manuallyAnimateOnMount && (P = !1), i.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
-      !i.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
-      !o && !i.prevProp || // Or if the prop doesn't define an animation
-      W(o) || typeof o == "boolean")
-        continue;
-      if (t === "exit" && i.isActive && w !== !0) {
-        i.prevResolvedValues && (d = {
-          ...d,
-          ...i.prevResolvedValues
-        });
-        continue;
-      }
-      const I = $(i.prevProp, o);
-      let R = I || // If we're making this variant active, we want to always make it active
-      t === s && i.isActive && !P && S || // If we removed a higher-priority variant (i is in reverse order)
-      u > C && S, x = !1;
-      const O = Array.isArray(o) ? o : [o];
-      let v = O.reduce(z(t), {});
-      w === !1 && (v = {});
-      const { prevResolvedValues: D = {} } = i, G = {
-        ...D,
-        ...v
-      }, F = (r) => {
-        R = !0, m.has(r) && (x = !0, m.delete(r)), i.needsAnimating[r] = !0;
-        const a = e.getValue(r);
-        a && (a.liveStyle = !1);
-      };
-      for (const r in G) {
-        const a = v[r], A = D[r];
-        if (d.hasOwnProperty(r))
-          continue;
-        let g = !1;
-        k(a) && k(A) ? g = !H(a, A) : g = a !== A, g ? a != null ? F(r) : m.add(r) : a !== void 0 && m.has(r) ? F(r) : i.protectedKeys[r] = !0;
-      }
-      i.prevProp = o, i.prevResolvedValues = v, i.isActive && (d = { ...d, ...v }), (p || V) && e.blockInitialAnimation && (R = !1);
-      const M = P && I;
-      R && (!M || x) && l.push(...O.map((r) => {
-        const a = { type: t };
-        if (typeof r == "string" && (p || V) && !M && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: A } = e, g = T(A, r);
-          if (A.enteringChildren && g) {
-            const { delayChildren: J } = g.transition || {};
-            a.delay = Q(A.enteringChildren, e, J);
-          }
-        }
-        return {
-          animation: r,
-          options: a
-        };
-      }));
-    }
-    if (m.size) {
-      const u = {};
-      if (typeof n.initial != "boolean") {
-        const t = T(e, Array.isArray(n.initial) ? n.initial[0] : n.initial);
-        t && t.transition && (u.transition = t.transition);
-      }
-      m.forEach((t) => {
-        const i = e.getBaseTarget(t), o = e.getValue(t);
-        o && (o.liveStyle = !0), u[t] = i ?? null;
-      }), l.push({ animation: u });
-    }
-    let b = !!l.length;
-    return p && (n.initial === !1 || n.initial === n.animate) && !e.manuallyAnimateOnMount && (b = !1), p = !1, V = !1, b ? f(l) : Promise.resolve();
-  }
-  function q(s, n) {
-    if (c[s].isActive === n)
-      return Promise.resolve();
-    e.variantChildren?.forEach((l) => l.animationState?.setActive(s, n)), c[s].isActive = n;
-    const y = K(s);
-    for (const l in c)
-      c[l].protectedKeys = {};
-    return y;
-  }
-  return {
-    animateChanges: K,
-    setActive: q,
-    setAnimateFunction: j,
-    getState: () => c,
-    reset: () => {
-      c = B(), V = !0;
-    }
+import { spring as L } from "./visualization.es336.js";
+import { getGeneratorVelocity as R } from "./visualization.es304.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;
   };
-}
-function $(e, f) {
-  return typeof f == "string" ? f !== e : Array.isArray(f) ? !H(f, e) : !1;
-}
-function h(e = !1) {
-  return {
-    isActive: e,
-    protectedKeys: {},
-    needsAnimating: {},
-    prevResolvedValues: {}
+  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
+    }));
   };
-}
-function B() {
-  return {
-    animate: h(!0),
-    whileInView: h(),
-    whileHover: h(),
-    whileTap: h(),
-    whileDrag: h(),
-    whileFocus: h(),
-    exit: h()
+  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 checkVariantsDidChange,
-  fe as createAnimationState
+  $ as inertia
 };
 //# sourceMappingURL=visualization.es301.js.map

package/dist/visualization.es301.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es301.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/animation-state.mjs"],"sourcesContent":["import { animateVisualElement } from '../../animation/interfaces/visual-element.mjs';\nimport { calcChildStagger } from '../../animation/utils/calc-child-stagger.mjs';\nimport { getVariantContext } from './get-variant-context.mjs';\nimport { isAnimationControls } from './is-animation-controls.mjs';\nimport { isKeyframesTarget } from './is-keyframes-target.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { shallowCompare } from './shallow-compare.mjs';\nimport { variantPriorityOrder } from './variant-props.mjs';\n\nconst reversePriorityOrder = [...variantPriorityOrder].reverse();\nconst numAnimationTypes = variantPriorityOrder.length;\nfunction createAnimateFunction(visualElement) {\n    return (animations) => {\n        return Promise.all(animations.map(({ animation, options }) => animateVisualElement(visualElement, animation, options)));\n    };\n}\nfunction createAnimationState(visualElement) {\n    let animate = createAnimateFunction(visualElement);\n    let state = createState();\n    let isInitialRender = true;\n    /**\n     * Track whether the animation state has been reset (e.g. via StrictMode\n     * double-invocation or Suspense unmount/remount). On the first\n     * animateChanges() call after a reset we need to behave like the initial\n     * render for variant-inheritance checks, even though isInitialRender is\n     * already false.\n     */\n    let wasReset = false;\n    /**\n     * This function will be used to reduce the animation definitions for\n     * each active animation type into an object of resolved values for it.\n     */\n    const buildResolvedTypeValues = (type) => (acc, definition) => {\n        const resolved = resolveVariant(visualElement, definition, type === \"exit\"\n            ? visualElement.presenceContext?.custom\n            : undefined);\n        if (resolved) {\n            const { transition, transitionEnd, ...target } = resolved;\n            acc = { ...acc, ...target, ...transitionEnd };\n        }\n        return acc;\n    };\n    /**\n     * This just allows us to inject mocked animation functions\n     * @internal\n     */\n    function setAnimateFunction(makeAnimator) {\n        animate = makeAnimator(visualElement);\n    }\n    /**\n     * When we receive new props, we need to:\n     * 1. Create a list of protected keys for each type. This is a directory of\n     *    value keys that are currently being \"handled\" by types of a higher priority\n     *    so that whenever an animation is played of a given type, these values are\n     *    protected from being animated.\n     * 2. Determine if an animation type needs animating.\n     * 3. Determine if any values have been removed from a type and figure out\n     *    what to animate those to.\n     */\n    function animateChanges(changedActiveType) {\n        const { props } = visualElement;\n        const context = getVariantContext(visualElement.parent) || {};\n        /**\n         * A list of animations that we'll build into as we iterate through the animation\n         * types. This will get executed at the end of the function.\n         */\n        const animations = [];\n        /**\n         * Keep track of which values have been removed. Then, as we hit lower priority\n         * animation types, we can check if they contain removed values and animate to that.\n         */\n        const removedKeys = new Set();\n        /**\n         * A dictionary of all encountered keys. This is an object to let us build into and\n         * copy it without iteration. Each time we hit an animation type we set its protected\n         * keys - the keys its not allowed to animate - to the latest version of this object.\n         */\n        let encounteredKeys = {};\n        /**\n         * If a variant has been removed at a given index, and this component is controlling\n         * variant animations, we want to ensure lower-priority variants are forced to animate.\n         */\n        let removedVariantIndex = Infinity;\n        /**\n         * Iterate through all animation types in reverse priority order. For each, we want to\n         * detect which values it's handling and whether or not they've changed (and therefore\n         * need to be animated). If any values have been removed, we want to detect those in\n         * lower priority props and flag for animation.\n         */\n        for (let i = 0; i < numAnimationTypes; i++) {\n            const type = reversePriorityOrder[i];\n            const typeState = state[type];\n            const prop = props[type] !== undefined\n                ? props[type]\n                : context[type];\n            const propIsVariant = isVariantLabel(prop);\n            /**\n             * If this type has *just* changed isActive status, set activeDelta\n             * to that status. Otherwise set to null.\n             */\n            const activeDelta = type === changedActiveType ? typeState.isActive : null;\n            if (activeDelta === false)\n                removedVariantIndex = i;\n            /**\n             * If this prop is an inherited variant, rather than been set directly on the\n             * component itself, we want to make sure we allow the parent to trigger animations.\n             *\n             * TODO: Can probably change this to a !isControllingVariants check\n             */\n            let isInherited = prop === context[type] &&\n                prop !== props[type] &&\n                propIsVariant;\n            if (isInherited &&\n                (isInitialRender || wasReset) &&\n                visualElement.manuallyAnimateOnMount) {\n                isInherited = false;\n            }\n            /**\n             * Set all encountered keys so far as the protected keys for this type. This will\n             * be any key that has been animated or otherwise handled by active, higher-priortiy types.\n             */\n            typeState.protectedKeys = { ...encounteredKeys };\n            // Check if we can skip analysing this prop early\n            if (\n            // If it isn't active and hasn't *just* been set as inactive\n            (!typeState.isActive && activeDelta === null) ||\n                // If we didn't and don't have any defined prop for this animation type\n                (!prop && !typeState.prevProp) ||\n                // Or if the prop doesn't define an animation\n                isAnimationControls(prop) ||\n                typeof prop === \"boolean\") {\n                continue;\n            }\n            /**\n             * If exit is already active and wasn't just activated, skip\n             * re-processing to prevent interrupting running exit animations.\n             * Re-resolving exit with a changed custom value can start new\n             * value animations that stop the originals, leaving the exit\n             * animation promise unresolved and the component stuck in the DOM.\n             */\n            if (type === \"exit\" && typeState.isActive && activeDelta !== true) {\n                if (typeState.prevResolvedValues) {\n                    encounteredKeys = {\n                        ...encounteredKeys,\n                        ...typeState.prevResolvedValues,\n                    };\n                }\n                continue;\n            }\n            /**\n             * As we go look through the values defined on this type, if we detect\n             * a changed value or a value that was removed in a higher priority, we set\n             * this to true and add this prop to the animation list.\n             */\n            const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);\n            let shouldAnimateType = variantDidChange ||\n                // If we're making this variant active, we want to always make it active\n                (type === changedActiveType &&\n                    typeState.isActive &&\n                    !isInherited &&\n                    propIsVariant) ||\n                // If we removed a higher-priority variant (i is in reverse order)\n                (i > removedVariantIndex && propIsVariant);\n            let handledRemovedValues = false;\n            /**\n             * As animations can be set as variant lists, variants or target objects, we\n             * coerce everything to an array if it isn't one already\n             */\n            const definitionList = Array.isArray(prop) ? prop : [prop];\n            /**\n             * Build an object of all the resolved values. We'll use this in the subsequent\n             * animateChanges calls to determine whether a value has changed.\n             */\n            let resolvedValues = definitionList.reduce(buildResolvedTypeValues(type), {});\n            if (activeDelta === false)\n                resolvedValues = {};\n            /**\n             * Now we need to loop through all the keys in the prev prop and this prop,\n             * and decide:\n             * 1. If the value has changed, and needs animating\n             * 2. If it has been removed, and needs adding to the removedKeys set\n             * 3. If it has been removed in a higher priority type and needs animating\n             * 4. If it hasn't been removed in a higher priority but hasn't changed, and\n             *    needs adding to the type's protectedKeys list.\n             */\n            const { prevResolvedValues = {} } = typeState;\n            const allKeys = {\n                ...prevResolvedValues,\n                ...resolvedValues,\n            };\n            const markToAnimate = (key) => {\n                shouldAnimateType = true;\n                if (removedKeys.has(key)) {\n                    handledRemovedValues = true;\n                    removedKeys.delete(key);\n                }\n                typeState.needsAnimating[key] = true;\n                const motionValue = visualElement.getValue(key);\n                if (motionValue)\n                    motionValue.liveStyle = false;\n            };\n            for (const key in allKeys) {\n                const next = resolvedValues[key];\n                const prev = prevResolvedValues[key];\n                // If we've already handled this we can just skip ahead\n                if (encounteredKeys.hasOwnProperty(key))\n                    continue;\n                /**\n                 * If the value has changed, we probably want to animate it.\n                 */\n                let valueHasChanged = false;\n                if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {\n                    valueHasChanged = !shallowCompare(next, prev);\n                }\n                else {\n                    valueHasChanged = next !== prev;\n                }\n                if (valueHasChanged) {\n                    if (next !== undefined && next !== null) {\n                        // If next is defined and doesn't equal prev, it needs animating\n                        markToAnimate(key);\n                    }\n                    else {\n                        // If it's undefined, it's been removed.\n                        removedKeys.add(key);\n                    }\n                }\n                else if (next !== undefined && removedKeys.has(key)) {\n                    /**\n                     * If next hasn't changed and it isn't undefined, we want to check if it's\n                     * been removed by a higher priority\n                     */\n                    markToAnimate(key);\n                }\n                else {\n                    /**\n                     * If it hasn't changed, we add it to the list of protected values\n                     * to ensure it doesn't get animated.\n                     */\n                    typeState.protectedKeys[key] = true;\n                }\n            }\n            /**\n             * Update the typeState so next time animateChanges is called we can compare the\n             * latest prop and resolvedValues to these.\n             */\n            typeState.prevProp = prop;\n            typeState.prevResolvedValues = resolvedValues;\n            if (typeState.isActive) {\n                encounteredKeys = { ...encounteredKeys, ...resolvedValues };\n            }\n            if ((isInitialRender || wasReset) &&\n                visualElement.blockInitialAnimation) {\n                shouldAnimateType = false;\n            }\n            /**\n             * If this is an inherited prop we want to skip this animation\n             * unless the inherited variants haven't changed on this render.\n             */\n            const willAnimateViaParent = isInherited && variantDidChange;\n            const needsAnimating = !willAnimateViaParent || handledRemovedValues;\n            if (shouldAnimateType && needsAnimating) {\n                animations.push(...definitionList.map((animation) => {\n                    const options = { type };\n                    /**\n                     * If we're performing the initial animation, but we're not\n                     * rendering at the same time as the variant-controlling parent,\n                     * we want to use the parent's transition to calculate the stagger.\n                     */\n                    if (typeof animation === \"string\" &&\n                        (isInitialRender || wasReset) &&\n                        !willAnimateViaParent &&\n                        visualElement.manuallyAnimateOnMount &&\n                        visualElement.parent) {\n                        const { parent } = visualElement;\n                        const parentVariant = resolveVariant(parent, animation);\n                        if (parent.enteringChildren && parentVariant) {\n                            const { delayChildren } = parentVariant.transition || {};\n                            options.delay = calcChildStagger(parent.enteringChildren, visualElement, delayChildren);\n                        }\n                    }\n                    return {\n                        animation: animation,\n                        options,\n                    };\n                }));\n            }\n        }\n        /**\n         * If there are some removed value that haven't been dealt with,\n         * we need to create a new animation that falls back either to the value\n         * defined in the style prop, or the last read value.\n         */\n        if (removedKeys.size) {\n            const fallbackAnimation = {};\n            /**\n             * If the initial prop contains a transition we can use that, otherwise\n             * allow the animation function to use the visual element's default.\n             */\n            if (typeof props.initial !== \"boolean\") {\n                const initialTransition = resolveVariant(visualElement, Array.isArray(props.initial)\n                    ? props.initial[0]\n                    : props.initial);\n                if (initialTransition && initialTransition.transition) {\n                    fallbackAnimation.transition = initialTransition.transition;\n                }\n            }\n            removedKeys.forEach((key) => {\n                const fallbackTarget = visualElement.getBaseTarget(key);\n                const motionValue = visualElement.getValue(key);\n                if (motionValue)\n                    motionValue.liveStyle = true;\n                // @ts-expect-error - @mattgperry to figure if we should do something here\n                fallbackAnimation[key] = fallbackTarget ?? null;\n            });\n            animations.push({ animation: fallbackAnimation });\n        }\n        let shouldAnimate = Boolean(animations.length);\n        if (isInitialRender &&\n            (props.initial === false || props.initial === props.animate) &&\n            !visualElement.manuallyAnimateOnMount) {\n            shouldAnimate = false;\n        }\n        isInitialRender = false;\n        wasReset = false;\n        return shouldAnimate ? animate(animations) : Promise.resolve();\n    }\n    /**\n     * Change whether a certain animation type is active.\n     */\n    function setActive(type, isActive) {\n        // If the active state hasn't changed, we can safely do nothing here\n        if (state[type].isActive === isActive)\n            return Promise.resolve();\n        // Propagate active change to children\n        visualElement.variantChildren?.forEach((child) => child.animationState?.setActive(type, isActive));\n        state[type].isActive = isActive;\n        const animations = animateChanges(type);\n        for (const key in state) {\n            state[key].protectedKeys = {};\n        }\n        return animations;\n    }\n    return {\n        animateChanges,\n        setActive,\n        setAnimateFunction,\n        getState: () => state,\n        reset: () => {\n            state = createState();\n            wasReset = true;\n        },\n    };\n}\nfunction checkVariantsDidChange(prev, next) {\n    if (typeof next === \"string\") {\n        return next !== prev;\n    }\n    else if (Array.isArray(next)) {\n        return !shallowCompare(next, prev);\n    }\n    return false;\n}\nfunction createTypeState(isActive = false) {\n    return {\n        isActive,\n        protectedKeys: {},\n        needsAnimating: {},\n        prevResolvedValues: {},\n    };\n}\nfunction createState() {\n    return {\n        animate: createTypeState(true),\n        whileInView: createTypeState(),\n        whileHover: createTypeState(),\n        whileTap: createTypeState(),\n        whileDrag: createTypeState(),\n        whileFocus: createTypeState(),\n        exit: createTypeState(),\n    };\n}\n\nexport { checkVariantsDidChange, createAnimationState };\n//# sourceMappingURL=animation-state.mjs.map\n"],"names":["reversePriorityOrder","variantPriorityOrder","numAnimationTypes","createAnimateFunction","visualElement","animations","animation","options","animateVisualElement","createAnimationState","animate","state","createState","isInitialRender","wasReset","buildResolvedTypeValues","type","acc","definition","resolved","resolveVariant","transition","transitionEnd","target","setAnimateFunction","makeAnimator","animateChanges","changedActiveType","props","context","getVariantContext","removedKeys","encounteredKeys","removedVariantIndex","i","typeState","prop","propIsVariant","isVariantLabel","activeDelta","isInherited","isAnimationControls","variantDidChange","checkVariantsDidChange","shouldAnimateType","handledRemovedValues","definitionList","resolvedValues","prevResolvedValues","allKeys","markToAnimate","key","motionValue","next","prev","valueHasChanged","isKeyframesTarget","shallowCompare","willAnimateViaParent","parent","parentVariant","delayChildren","calcChildStagger","fallbackAnimation","initialTransition","fallbackTarget","shouldAnimate","setActive","isActive","child","createTypeState"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es301.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/inertia.mjs"],"sourcesContent":["import { spring } from './spring.mjs';\nimport { getGeneratorVelocity } from './utils/velocity.mjs';\n\nfunction inertia({ keyframes, velocity = 0.0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed, }) {\n    const origin = keyframes[0];\n    const state = {\n        done: false,\n        value: origin,\n    };\n    const isOutOfBounds = (v) => (min !== undefined && v < min) || (max !== undefined && v > max);\n    const nearestBoundary = (v) => {\n        if (min === undefined)\n            return max;\n        if (max === undefined)\n            return min;\n        return Math.abs(min - v) < Math.abs(max - v) ? min : max;\n    };\n    let amplitude = power * velocity;\n    const ideal = origin + amplitude;\n    const target = modifyTarget === undefined ? ideal : modifyTarget(ideal);\n    /**\n     * If the target has changed we need to re-calculate the amplitude, otherwise\n     * the animation will start from the wrong position.\n     */\n    if (target !== ideal)\n        amplitude = target - origin;\n    const calcDelta = (t) => -amplitude * Math.exp(-t / timeConstant);\n    const calcLatest = (t) => target + calcDelta(t);\n    const applyFriction = (t) => {\n        const delta = calcDelta(t);\n        const latest = calcLatest(t);\n        state.done = Math.abs(delta) <= restDelta;\n        state.value = state.done ? target : latest;\n    };\n    /**\n     * Ideally this would resolve for t in a stateless way, we could\n     * do that by always precalculating the animation but as we know\n     * this will be done anyway we can assume that spring will\n     * be discovered during that.\n     */\n    let timeReachedBoundary;\n    let spring$1;\n    const checkCatchBoundary = (t) => {\n        if (!isOutOfBounds(state.value))\n            return;\n        timeReachedBoundary = t;\n        spring$1 = spring({\n            keyframes: [state.value, nearestBoundary(state.value)],\n            velocity: getGeneratorVelocity(calcLatest, t, state.value), // TODO: This should be passing * 1000\n            damping: bounceDamping,\n            stiffness: bounceStiffness,\n            restDelta,\n            restSpeed,\n        });\n    };\n    checkCatchBoundary(0);\n    return {\n        calculatedDuration: null,\n        next: (t) => {\n            /**\n             * We need to resolve the friction to figure out if we need a\n             * spring but we don't want to do this twice per frame. So here\n             * we flag if we updated for this frame and later if we did\n             * we can skip doing it again.\n             */\n            let hasUpdatedFrame = false;\n            if (!spring$1 && timeReachedBoundary === undefined) {\n                hasUpdatedFrame = true;\n                applyFriction(t);\n                checkCatchBoundary(t);\n            }\n            /**\n             * If we have a spring and the provided t is beyond the moment the friction\n             * animation crossed the min/max boundary, use the spring.\n             */\n            if (timeReachedBoundary !== undefined && t >= timeReachedBoundary) {\n                return spring$1.next(t - timeReachedBoundary);\n            }\n            else {\n                !hasUpdatedFrame && applyFriction(t);\n                return state;\n            }\n        },\n    };\n}\n\nexport { inertia };\n//# sourceMappingURL=inertia.mjs.map\n"],"names":["inertia","keyframes","velocity","power","timeConstant","bounceDamping","bounceStiffness","modifyTarget","min","max","restDelta","restSpeed","origin","state","isOutOfBounds","v","nearestBoundary","amplitude","ideal","target","calcDelta","t","calcLatest","applyFriction","delta","latest","timeReachedBoundary","spring$1","checkCatchBoundary","spring","getGeneratorVelocity","hasUpdatedFrame"],"mappings":";;AAGA,SAASA,EAAQ,EAAE,WAAAC,GAAW,UAAAC,IAAW,GAAK,OAAAC,IAAQ,KAAK,cAAAC,IAAe,KAAK,eAAAC,IAAgB,IAAI,iBAAAC,IAAkB,KAAK,cAAAC,GAAc,KAAAC,GAAK,KAAAC,GAAK,WAAAC,IAAY,KAAK,WAAAC,KAAc;AAC7K,QAAMC,IAASX,EAAU,CAAC,GACpBY,IAAQ;AAAA,IACV,MAAM;AAAA,IACN,OAAOD;AAAA,EACf,GACUE,IAAgB,CAACC,MAAOP,MAAQ,UAAaO,IAAIP,KAASC,MAAQ,UAAaM,IAAIN,GACnFO,IAAkB,CAACD,MACjBP,MAAQ,SACDC,IACPA,MAAQ,UAEL,KAAK,IAAID,IAAMO,CAAC,IAAI,KAAK,IAAIN,IAAMM,CAAC,IADhCP,IAC0CC;AAEzD,MAAIQ,IAAYd,IAAQD;AACxB,QAAMgB,IAAQN,IAASK,GACjBE,IAASZ,MAAiB,SAAYW,IAAQX,EAAaW,CAAK;AAKtE,EAAIC,MAAWD,MACXD,IAAYE,IAASP;AACzB,QAAMQ,IAAY,CAACC,MAAM,CAACJ,IAAY,KAAK,IAAI,CAACI,IAAIjB,CAAY,GAC1DkB,IAAa,CAACD,MAAMF,IAASC,EAAUC,CAAC,GACxCE,IAAgB,CAACF,MAAM;AACzB,UAAMG,IAAQJ,EAAUC,CAAC,GACnBI,IAASH,EAAWD,CAAC;AAC3B,IAAAR,EAAM,OAAO,KAAK,IAAIW,CAAK,KAAKd,GAChCG,EAAM,QAAQA,EAAM,OAAOM,IAASM;AAAA,EACxC;AAOA,MAAIC,GACAC;AACJ,QAAMC,IAAqB,CAACP,MAAM;AAC9B,IAAKP,EAAcD,EAAM,KAAK,MAE9Ba,IAAsBL,GACtBM,IAAWE,EAAO;AAAA,MACd,WAAW,CAAChB,EAAM,OAAOG,EAAgBH,EAAM,KAAK,CAAC;AAAA,MACrD,UAAUiB,EAAqBR,GAAYD,GAAGR,EAAM,KAAK;AAAA;AAAA,MACzD,SAASR;AAAA,MACT,WAAWC;AAAA,MACX,WAAAI;AAAA,MACA,WAAAC;AAAA,IACZ,CAAS;AAAA,EACL;AACA,SAAAiB,EAAmB,CAAC,GACb;AAAA,IACH,oBAAoB;AAAA,IACpB,MAAM,CAACP,MAAM;AAOT,UAAIU,IAAkB;AAUtB,aATI,CAACJ,KAAYD,MAAwB,WACrCK,IAAkB,IAClBR,EAAcF,CAAC,GACfO,EAAmBP,CAAC,IAMpBK,MAAwB,UAAaL,KAAKK,IACnCC,EAAS,KAAKN,IAAIK,CAAmB,KAG5C,CAACK,KAAmBR,EAAcF,CAAC,GAC5BR;AAAA,IAEf;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es302.js

@@ -1,9 +1,31 @@
-import { resolveVariantFromProps as t } from "./visualization.es195.js";
-function s(r, n, o) {
-  const e = r.getProps();
-  return t(e, n, o !== void 0 ? o : e.custom, r);
+import { interpolate as c } from "./visualization.es337.js";
+import { defaultOffset as p } from "./visualization.es338.js";
+import { convertOffsetToTimes as u } from "./visualization.es339.js";
+import { isEasingArray as l } from "./visualization.es340.js";
+import { easingDefinitionToFunction as m } from "./visualization.es341.js";
+import { easeInOut as g } from "./visualization.es97.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 {
-  s as resolveVariant
+  T as defaultEasing,
+  y as keyframes
 };
 //# sourceMappingURL=visualization.es302.js.map

package/dist/visualization.es302.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es302.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs"],"sourcesContent":["import { resolveVariantFromProps } from './resolve-variants.mjs';\n\nfunction resolveVariant(visualElement, definition, custom) {\n    const props = visualElement.getProps();\n    return resolveVariantFromProps(props, definition, custom !== undefined ? custom : props.custom, visualElement);\n}\n\nexport { resolveVariant };\n//# sourceMappingURL=resolve-dynamic-variants.mjs.map\n"],"names":["resolveVariant","visualElement","definition","custom","props","resolveVariantFromProps"],"mappings":";AAEA,SAASA,EAAeC,GAAeC,GAAYC,GAAQ;AACvD,QAAMC,IAAQH,EAAc,SAAQ;AACpC,SAAOI,EAAwBD,GAAOF,GAAYC,MAAW,SAAYA,IAASC,EAAM,QAAQH,CAAa;AACjH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es302.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs"],"sourcesContent":["import { easeInOut, isEasingArray, easingDefinitionToFunction } from 'motion-utils';\nimport { interpolate } from '../../utils/interpolate.mjs';\nimport { defaultOffset } from '../keyframes/offsets/default.mjs';\nimport { convertOffsetToTimes } from '../keyframes/offsets/time.mjs';\n\nfunction defaultEasing(values, easing) {\n    return values.map(() => easing || easeInOut).splice(0, values.length - 1);\n}\nfunction keyframes({ duration = 300, keyframes: keyframeValues, times, ease = \"easeInOut\", }) {\n    /**\n     * Easing functions can be externally defined as strings. Here we convert them\n     * into actual functions.\n     */\n    const easingFunctions = isEasingArray(ease)\n        ? ease.map(easingDefinitionToFunction)\n        : easingDefinitionToFunction(ease);\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state = {\n        done: false,\n        value: keyframeValues[0],\n    };\n    /**\n     * Create a times array based on the provided 0-1 offsets\n     */\n    const absoluteTimes = convertOffsetToTimes(\n    // Only use the provided offsets if they're the correct length\n    // TODO Maybe we should warn here if there's a length mismatch\n    times && times.length === keyframeValues.length\n        ? times\n        : defaultOffset(keyframeValues), duration);\n    const mapTimeToKeyframe = interpolate(absoluteTimes, keyframeValues, {\n        ease: Array.isArray(easingFunctions)\n            ? easingFunctions\n            : defaultEasing(keyframeValues, easingFunctions),\n    });\n    return {\n        calculatedDuration: duration,\n        next: (t) => {\n            state.value = mapTimeToKeyframe(t);\n            state.done = t >= duration;\n            return state;\n        },\n    };\n}\n\nexport { defaultEasing, keyframes };\n//# sourceMappingURL=keyframes.mjs.map\n"],"names":["defaultEasing","values","easing","easeInOut","keyframes","duration","keyframeValues","times","ease","easingFunctions","isEasingArray","easingDefinitionToFunction","state","absoluteTimes","convertOffsetToTimes","defaultOffset","mapTimeToKeyframe","interpolate","t"],"mappings":";;;;;;AAKA,SAASA,EAAcC,GAAQC,GAAQ;AACnC,SAAOD,EAAO,IAAI,MAAMC,KAAUC,CAAS,EAAE,OAAO,GAAGF,EAAO,SAAS,CAAC;AAC5E;AACA,SAASG,EAAU,EAAE,UAAAC,IAAW,KAAK,WAAWC,GAAgB,OAAAC,GAAO,MAAAC,IAAO,eAAgB;AAK1F,QAAMC,IAAkBC,EAAcF,CAAI,IACpCA,EAAK,IAAIG,CAA0B,IACnCA,EAA2BH,CAAI,GAK/BI,IAAQ;AAAA,IACV,MAAM;AAAA,IACN,OAAON,EAAe,CAAC;AAAA,EAC/B,GAIUO,IAAgBC;AAAA;AAAA;AAAA,IAGtBP,KAASA,EAAM,WAAWD,EAAe,SACnCC,IACAQ,EAAcT,CAAc;AAAA,IAAGD;AAAA,EAAQ,GACvCW,IAAoBC,EAAYJ,GAAeP,GAAgB;AAAA,IACjE,MAAM,MAAM,QAAQG,CAAe,IAC7BA,IACAT,EAAcM,GAAgBG,CAAe;AAAA,EAC3D,CAAK;AACD,SAAO;AAAA,IACH,oBAAoBJ;AAAA,IACpB,MAAM,CAACa,OACHN,EAAM,QAAQI,EAAkBE,CAAC,GACjCN,EAAM,OAAOM,KAAKb,GACXO;AAAA,EAEnB;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es303.js

@@ -1,113 +1,14 @@
-import { time as v } from "./visualization.es304.js";
-import { JSAnimation as A } from "./visualization.es305.js";
-import { getFinalKeyframe as y } from "./visualization.es306.js";
-import { KeyframeResolver as g, flushKeyframeResolvers as R } from "./visualization.es307.js";
-import { NativeAnimationExtended as T } from "./visualization.es308.js";
-import { canAnimate as _ } from "./visualization.es309.js";
-import { makeAnimationInstant as w } from "./visualization.es310.js";
-import { WithPromise as K } from "./visualization.es311.js";
-import { supportsBrowserAnimation as D } from "./visualization.es312.js";
-import { MotionGlobalConfig as E } from "./visualization.es313.js";
-import { noop as k } from "./visualization.es314.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();
-  }
+const a = 2e4;
+function o(n) {
+  let t = 0;
+  const r = 50;
+  let e = n.next(t);
+  for (; !e.done && t < 2e4; )
+    t += r, e = n.next(t);
+  return t >= 2e4 ? 1 / 0 : t;
 }
 export {
-  H as AsyncMotionValueAnimation
+  o as calcGeneratorDuration,
+  a as maxGeneratorDuration
 };
 //# sourceMappingURL=visualization.es303.js.map

package/dist/visualization.es303.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es303.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs"],"sourcesContent":["import { MotionGlobalConfig, noop } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { JSAnimation } from './JSAnimation.mjs';\nimport { getFinalKeyframe } from './keyframes/get-final.mjs';\nimport { KeyframeResolver, flushKeyframeResolvers } from './keyframes/KeyframesResolver.mjs';\nimport { NativeAnimationExtended } from './NativeAnimationExtended.mjs';\nimport { canAnimate } from './utils/can-animate.mjs';\nimport { makeAnimationInstant } from './utils/make-animation-instant.mjs';\nimport { WithPromise } from './utils/WithPromise.mjs';\nimport { supportsBrowserAnimation } from './waapi/supports/waapi.mjs';\n\n/**\n * Maximum time allowed between an animation being created and it being\n * resolved for us to use the latter as the start time.\n *\n * This is to ensure that while we prefer to \"start\" an animation as soon\n * as it's triggered, we also want to avoid a visual jump if there's a big delay\n * between these two moments.\n */\nconst MAX_RESOLVE_DELAY = 40;\nclass AsyncMotionValueAnimation extends WithPromise {\n    constructor({ autoplay = true, delay = 0, type = \"keyframes\", repeat = 0, repeatDelay = 0, repeatType = \"loop\", keyframes, name, motionValue, element, ...options }) {\n        super();\n        /**\n         * Bound to support return animation.stop pattern\n         */\n        this.stop = () => {\n            if (this._animation) {\n                this._animation.stop();\n                this.stopTimeline?.();\n            }\n            this.keyframeResolver?.cancel();\n        };\n        this.createdAt = time.now();\n        const optionsWithDefaults = {\n            autoplay,\n            delay,\n            type,\n            repeat,\n            repeatDelay,\n            repeatType,\n            name,\n            motionValue,\n            element,\n            ...options,\n        };\n        const KeyframeResolver$1 = element?.KeyframeResolver || KeyframeResolver;\n        this.keyframeResolver = new KeyframeResolver$1(keyframes, (resolvedKeyframes, finalKeyframe, forced) => this.onKeyframesResolved(resolvedKeyframes, finalKeyframe, optionsWithDefaults, !forced), name, motionValue, element);\n        this.keyframeResolver?.scheduleResolve();\n    }\n    onKeyframesResolved(keyframes, finalKeyframe, options, sync) {\n        this.keyframeResolver = undefined;\n        const { name, type, velocity, delay, isHandoff, onUpdate } = options;\n        this.resolvedAt = time.now();\n        /**\n         * If we can't animate this value with the resolved keyframes\n         * then we should complete it immediately.\n         */\n        let canAnimateValue = true;\n        if (!canAnimate(keyframes, name, type, velocity)) {\n            canAnimateValue = false;\n            if (MotionGlobalConfig.instantAnimations || !delay) {\n                onUpdate?.(getFinalKeyframe(keyframes, options, finalKeyframe));\n            }\n            keyframes[0] = keyframes[keyframes.length - 1];\n            makeAnimationInstant(options);\n            options.repeat = 0;\n        }\n        /**\n         * Resolve startTime for the animation.\n         *\n         * This method uses the createdAt and resolvedAt to calculate the\n         * animation startTime. *Ideally*, we would use the createdAt time as t=0\n         * as the following frame would then be the first frame of the animation in\n         * progress, which would feel snappier.\n         *\n         * However, if there's a delay (main thread work) between the creation of\n         * the animation and the first committed frame, we prefer to use resolvedAt\n         * to avoid a sudden jump into the animation.\n         */\n        const startTime = sync\n            ? !this.resolvedAt\n                ? this.createdAt\n                : this.resolvedAt - this.createdAt > MAX_RESOLVE_DELAY\n                    ? this.resolvedAt\n                    : this.createdAt\n            : undefined;\n        const resolvedOptions = {\n            startTime,\n            finalKeyframe,\n            ...options,\n            keyframes,\n        };\n        /**\n         * Animate via WAAPI if possible. If this is a handoff animation, the optimised animation will be running via\n         * WAAPI. Therefore, this animation must be JS to ensure it runs \"under\" the\n         * optimised animation.\n         *\n         * Also skip WAAPI when keyframes aren't animatable, as the resolved\n         * values may not be valid CSS and would trigger browser warnings.\n         */\n        const useWaapi = canAnimateValue &&\n            !isHandoff &&\n            supportsBrowserAnimation(resolvedOptions);\n        const element = resolvedOptions.motionValue?.owner?.current;\n        let animation;\n        if (useWaapi) {\n            try {\n                animation = new NativeAnimationExtended({\n                    ...resolvedOptions,\n                    element,\n                });\n            }\n            catch {\n                animation = new JSAnimation(resolvedOptions);\n            }\n        }\n        else {\n            animation = new JSAnimation(resolvedOptions);\n        }\n        animation.finished.then(() => {\n            this.notifyFinished();\n        }).catch(noop);\n        if (this.pendingTimeline) {\n            this.stopTimeline = animation.attachTimeline(this.pendingTimeline);\n            this.pendingTimeline = undefined;\n        }\n        this._animation = animation;\n    }\n    get finished() {\n        if (!this._animation) {\n            return this._finished;\n        }\n        else {\n            return this.animation.finished;\n        }\n    }\n    then(onResolve, _onReject) {\n        return this.finished.finally(onResolve).then(() => { });\n    }\n    get animation() {\n        if (!this._animation) {\n            this.keyframeResolver?.resume();\n            flushKeyframeResolvers();\n        }\n        return this._animation;\n    }\n    get duration() {\n        return this.animation.duration;\n    }\n    get iterationDuration() {\n        return this.animation.iterationDuration;\n    }\n    get time() {\n        return this.animation.time;\n    }\n    set time(newTime) {\n        this.animation.time = newTime;\n    }\n    get speed() {\n        return this.animation.speed;\n    }\n    get state() {\n        return this.animation.state;\n    }\n    set speed(newSpeed) {\n        this.animation.speed = newSpeed;\n    }\n    get startTime() {\n        return this.animation.startTime;\n    }\n    attachTimeline(timeline) {\n        if (this._animation) {\n            this.stopTimeline = this.animation.attachTimeline(timeline);\n        }\n        else {\n            this.pendingTimeline = timeline;\n        }\n        return () => this.stop();\n    }\n    play() {\n        this.animation.play();\n    }\n    pause() {\n        this.animation.pause();\n    }\n    complete() {\n        this.animation.complete();\n    }\n    cancel() {\n        if (this._animation) {\n            this.animation.cancel();\n        }\n        this.keyframeResolver?.cancel();\n    }\n}\n\nexport { AsyncMotionValueAnimation };\n//# sourceMappingURL=AsyncMotionValueAnimation.mjs.map\n"],"names":["MAX_RESOLVE_DELAY","AsyncMotionValueAnimation","WithPromise","autoplay","delay","type","repeat","repeatDelay","repeatType","keyframes","name","motionValue","element","options","time","optionsWithDefaults","KeyframeResolver$1","KeyframeResolver","resolvedKeyframes","finalKeyframe","forced","sync","velocity","isHandoff","onUpdate","canAnimateValue","canAnimate","MotionGlobalConfig","getFinalKeyframe","makeAnimationInstant","resolvedOptions","useWaapi","supportsBrowserAnimation","animation","NativeAnimationExtended","JSAnimation","noop","onResolve","_onReject","flushKeyframeResolvers","newTime","newSpeed","timeline"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es303.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs"],"sourcesContent":["/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxGeneratorDuration = 20000;\nfunction calcGeneratorDuration(generator) {\n    let duration = 0;\n    const timeStep = 50;\n    let state = generator.next(duration);\n    while (!state.done && duration < maxGeneratorDuration) {\n        duration += timeStep;\n        state = generator.next(duration);\n    }\n    return duration >= maxGeneratorDuration ? Infinity : duration;\n}\n\nexport { calcGeneratorDuration, maxGeneratorDuration };\n//# sourceMappingURL=calc-duration.mjs.map\n"],"names":["maxGeneratorDuration","calcGeneratorDuration","generator","duration","timeStep","state"],"mappings":"AAIK,MAACA,IAAuB;AAC7B,SAASC,EAAsBC,GAAW;AACtC,MAAIC,IAAW;AACf,QAAMC,IAAW;AACjB,MAAIC,IAAQH,EAAU,KAAKC,CAAQ;AACnC,SAAO,CAACE,EAAM,QAAQF,IAAW;AAC7B,IAAAA,KAAYC,GACZC,IAAQH,EAAU,KAAKC,CAAQ;AAEnC,SAAOA,KAAY,MAAuB,QAAWA;AACzD;","x_google_ignoreList":[0]}

package/dist/visualization.es304.js

@@ -1,16 +1,10 @@
-import { frameData as n } from "./visualization.es342.js";
-import { MotionGlobalConfig as i } from "./visualization.es313.js";
-let e;
-function t() {
-  e = void 0;
+import { velocityPerSecond as n } from "./visualization.es400.js";
+const c = 5;
+function a(t, e, r) {
+  const o = Math.max(e - c, 0);
+  return n(r - t(o), e - o);
 }
-const r = {
-  now: () => (e === void 0 && r.set(n.isProcessing || i.useManualTiming ? n.timestamp : performance.now()), e),
-  set: (o) => {
-    e = o, queueMicrotask(t);
-  }
-};
 export {
-  r as time
+  a as getGeneratorVelocity
 };
 //# sourceMappingURL=visualization.es304.js.map

package/dist/visualization.es304.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es304.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/sync-time.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { frameData } from './frame.mjs';\n\nlet now;\nfunction clearTime() {\n    now = undefined;\n}\n/**\n * An eventloop-synchronous alternative to performance.now().\n *\n * Ensures that time measurements remain consistent within a synchronous context.\n * Usually calling performance.now() twice within the same synchronous context\n * will return different values which isn't useful for animations when we're usually\n * trying to sync animations to the same frame.\n */\nconst time = {\n    now: () => {\n        if (now === undefined) {\n            time.set(frameData.isProcessing || MotionGlobalConfig.useManualTiming\n                ? frameData.timestamp\n                : performance.now());\n        }\n        return now;\n    },\n    set: (newTime) => {\n        now = newTime;\n        queueMicrotask(clearTime);\n    },\n};\n\nexport { time };\n//# sourceMappingURL=sync-time.mjs.map\n"],"names":["now","clearTime","time","frameData","MotionGlobalConfig","newTime"],"mappings":";;AAGA,IAAIA;AACJ,SAASC,IAAY;AACjB,EAAAD,IAAM;AACV;AASK,MAACE,IAAO;AAAA,EACT,KAAK,OACGF,MAAQ,UACRE,EAAK,IAAIC,EAAU,gBAAgBC,EAAmB,kBAChDD,EAAU,YACV,YAAY,IAAG,CAAE,GAEpBH;AAAA,EAEX,KAAK,CAACK,MAAY;AACd,IAAAL,IAAMK,GACN,eAAeJ,CAAS;AAAA,EAC5B;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es304.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs"],"sourcesContent":["import { velocityPerSecond } from 'motion-utils';\n\nconst velocitySampleDuration = 5; // ms\nfunction getGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { getGeneratorVelocity };\n//# sourceMappingURL=velocity.mjs.map\n"],"names":["velocitySampleDuration","getGeneratorVelocity","resolveValue","t","current","prevT","velocityPerSecond"],"mappings":";AAEA,MAAMA,IAAyB;AAC/B,SAASC,EAAqBC,GAAcC,GAAGC,GAAS;AACpD,QAAMC,IAAQ,KAAK,IAAIF,IAAIH,GAAwB,CAAC;AACpD,SAAOM,EAAkBF,IAAUF,EAAaG,CAAK,GAAGF,IAAIE,CAAK;AACrE;","x_google_ignoreList":[0]}