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

package/dist/visualization.es303.js

@@ -1,9 +1,14 @@
-import { getMixer as m } from "./visualization.es389.js";
-import { mixNumber as t } from "./visualization.es356.js";
-function o(e, r, i) {
-  return typeof e == "number" && typeof r == "number" && typeof i == "number" ? t(e, r, i) : m(e)(e, r);
+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 {
-  o as mix
+  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/utils/mix/index.mjs"],"sourcesContent":["import { getMixer } from './complex.mjs';\nimport { mixNumber } from './number.mjs';\n\nfunction mix(from, to, p) {\n    if (typeof from === \"number\" &&\n        typeof to === \"number\" &&\n        typeof p === \"number\") {\n        return mixNumber(from, to, p);\n    }\n    const mixer = getMixer(from);\n    return mixer(from, to);\n}\n\nexport { mix };\n//# sourceMappingURL=index.mjs.map\n"],"names":["mix","from","to","p","mixNumber","getMixer"],"mappings":";;AAGA,SAASA,EAAIC,GAAMC,GAAIC,GAAG;AACtB,SAAI,OAAOF,KAAS,YAChB,OAAOC,KAAO,YACd,OAAOC,KAAM,WACNC,EAAUH,GAAMC,GAAIC,CAAC,IAElBE,EAASJ,CAAI,EACdA,GAAMC,CAAE;AACzB;","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,18 +1,10 @@
-import { time as o } from "./visualization.es292.js";
-import { frameData as e, cancelFrame as a, frame as s } from "./visualization.es330.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()
-  };
-};
+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);
+}
 export {
-  n as frameloopDriver
+  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/animation/drivers/frame.mjs"],"sourcesContent":["import { time } from '../../frameloop/sync-time.mjs';\nimport { frameData, cancelFrame, frame } from '../../frameloop/frame.mjs';\n\nconst frameloopDriver = (update) => {\n    const passTimestamp = ({ timestamp }) => update(timestamp);\n    return {\n        start: (keepAlive = true) => frame.update(passTimestamp, keepAlive),\n        stop: () => cancelFrame(passTimestamp),\n        /**\n         * If we're processing this frame we can use the\n         * framelocked timestamp to keep things in sync.\n         */\n        now: () => (frameData.isProcessing ? frameData.timestamp : time.now()),\n    };\n};\n\nexport { frameloopDriver };\n//# sourceMappingURL=frame.mjs.map\n"],"names":["frameloopDriver","update","passTimestamp","timestamp","keepAlive","frame","cancelFrame","frameData","time"],"mappings":";;AAGK,MAACA,IAAkB,CAACC,MAAW;AAChC,QAAMC,IAAgB,CAAC,EAAE,WAAAC,EAAS,MAAOF,EAAOE,CAAS;AACzD,SAAO;AAAA,IACH,OAAO,CAACC,IAAY,OAASC,EAAM,OAAOH,GAAeE,CAAS;AAAA,IAClE,MAAM,MAAME,EAAYJ,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrC,KAAK,MAAOK,EAAU,eAAeA,EAAU,YAAYC,EAAK;EACxE;AACA;","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]}

package/dist/visualization.es305.js

@@ -1,38 +1,17 @@
-import { spring as L } from "./visualization.es340.js";
-import { getGeneratorVelocity as R } from "./visualization.es308.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);
-    }
-  };
+import { inertia as p } from "./visualization.es301.js";
+import { keyframes as r } from "./visualization.es302.js";
+import { spring as t } from "./visualization.es336.js";
+const o = {
+  decay: p,
+  inertia: p,
+  tween: r,
+  keyframes: r,
+  spring: t
+};
+function m(e) {
+  typeof e.type == "string" && (e.type = o[e.type]);
 }
 export {
-  $ as inertia
+  m as replaceTransitionType
 };
 //# sourceMappingURL=visualization.es305.js.map

package/dist/visualization.es305.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es305.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]}
+{"version":3,"file":"visualization.es305.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs"],"sourcesContent":["import { inertia } from '../generators/inertia.mjs';\nimport { keyframes } from '../generators/keyframes.mjs';\nimport { spring } from '../generators/spring.mjs';\n\nconst transitionTypeMap = {\n    decay: inertia,\n    inertia,\n    tween: keyframes,\n    keyframes: keyframes,\n    spring,\n};\nfunction replaceTransitionType(transition) {\n    if (typeof transition.type === \"string\") {\n        transition.type = transitionTypeMap[transition.type];\n    }\n}\n\nexport { replaceTransitionType };\n//# sourceMappingURL=replace-transition-type.mjs.map\n"],"names":["transitionTypeMap","inertia","keyframes","spring","replaceTransitionType","transition"],"mappings":";;;AAIA,MAAMA,IAAoB;AAAA,EACtB,OAAOC;AAAA,EACP,SAAAA;AAAA,EACA,OAAOC;AAAA,EACP,WAAWA;AAAA,EACX,QAAAC;AACJ;AACA,SAASC,EAAsBC,GAAY;AACvC,EAAI,OAAOA,EAAW,QAAS,aAC3BA,EAAW,OAAOL,EAAkBK,EAAW,IAAI;AAE3D;","x_google_ignoreList":[0]}

package/dist/visualization.es306.js

@@ -1,31 +1,15 @@
-import { interpolate as c } from "./visualization.es341.js";
-import { defaultOffset as p } from "./visualization.es342.js";
-import { convertOffsetToTimes as u } from "./visualization.es343.js";
-import { isEasingArray as l } from "./visualization.es344.js";
-import { easingDefinitionToFunction as m } from "./visualization.es345.js";
-import { easeInOut as g } from "./visualization.es98.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)
-  };
-}
+import { formatErrorMessage as n } from "./visualization.es473.js";
+let i = () => {
+}, t = () => {
+};
+typeof process < "u" && process.env?.NODE_ENV !== "production" && (i = (e, o, r) => {
+  !e && typeof console < "u" && console.warn(n(o, r));
+}, t = (e, o, r) => {
+  if (!e)
+    throw new Error(n(o, r));
+});
 export {
-  T as defaultEasing,
-  y as keyframes
+  t as invariant,
+  i as warning
 };
 //# sourceMappingURL=visualization.es306.js.map

package/dist/visualization.es306.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es306.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]}
+{"version":3,"file":"visualization.es306.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/errors.mjs"],"sourcesContent":["import { formatErrorMessage } from './format-error-message.mjs';\n\nlet warning = () => { };\nlet invariant = () => { };\nif (typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV !== \"production\") {\n    warning = (check, message, errorCode) => {\n        if (!check && typeof console !== \"undefined\") {\n            console.warn(formatErrorMessage(message, errorCode));\n        }\n    };\n    invariant = (check, message, errorCode) => {\n        if (!check) {\n            throw new Error(formatErrorMessage(message, errorCode));\n        }\n    };\n}\n\nexport { invariant, warning };\n//# sourceMappingURL=errors.mjs.map\n"],"names":["warning","invariant","check","message","errorCode","formatErrorMessage"],"mappings":";AAEG,IAACA,IAAU,MAAM;AAAE,GAClBC,IAAY,MAAM;AAAE;AACpB,OAAO,UAAY,OACnB,QAAQ,KAAK,aAAa,iBAC1BD,IAAU,CAACE,GAAOC,GAASC,MAAc;AACrC,EAAI,CAACF,KAAS,OAAO,UAAY,OAC7B,QAAQ,KAAKG,EAAmBF,GAASC,CAAS,CAAC;AAE3D,GACAH,IAAY,CAACC,GAAOC,GAASC,MAAc;AACvC,MAAI,CAACF;AACD,UAAM,IAAI,MAAMG,EAAmBF,GAASC,CAAS,CAAC;AAE9D;","x_google_ignoreList":[0]}

package/dist/visualization.es307.js

@@ -1,14 +1,5 @@
-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;
-}
+const o = (c, e) => (n) => e(c(n)), t = (...c) => c.reduce(o);
 export {
-  o as calcGeneratorDuration,
-  a as maxGeneratorDuration
+  t as pipe
 };
 //# sourceMappingURL=visualization.es307.js.map

package/dist/visualization.es307.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es307.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]}
+{"version":3,"file":"visualization.es307.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/pipe.mjs"],"sourcesContent":["/**\n * Pipe\n * Compose other transformers to run linearily\n * pipe(min(20), max(40))\n * @param  {...functions} transformers\n * @return {function}\n */\nconst combineFunctions = (a, b) => (v) => b(a(v));\nconst pipe = (...transformers) => transformers.reduce(combineFunctions);\n\nexport { pipe };\n//# sourceMappingURL=pipe.mjs.map\n"],"names":["combineFunctions","a","b","v","pipe","transformers"],"mappings":"AAOA,MAAMA,IAAmB,CAACC,GAAGC,MAAM,CAACC,MAAMD,EAAED,EAAEE,CAAC,CAAC,GAC1CC,IAAO,IAAIC,MAAiBA,EAAa,OAAOL,CAAgB;","x_google_ignoreList":[0]}

package/dist/visualization.es308.js

@@ -1,10 +1,6 @@
-import { velocityPerSecond as n } from "./visualization.es404.js";
-const c = 5;
-function a(t, e, r) {
-  const o = Math.max(e - c, 0);
-  return n(r - t(o), e - o);
-}
+const s = /* @__NO_SIDE_EFFECTS__ */ (o) => o * 1e3, c = /* @__NO_SIDE_EFFECTS__ */ (o) => o / 1e3;
 export {
-  a as getGeneratorVelocity
+  c as millisecondsToSeconds,
+  s as secondsToMilliseconds
 };
 //# sourceMappingURL=visualization.es308.js.map

package/dist/visualization.es308.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es308.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]}
+{"version":3,"file":"visualization.es308.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/time-conversion.mjs"],"sourcesContent":["/**\n * Converts seconds to milliseconds\n *\n * @param seconds - Time in seconds.\n * @return milliseconds - Converted time in milliseconds.\n */\n/*#__NO_SIDE_EFFECTS__*/\nconst secondsToMilliseconds = (seconds) => seconds * 1000;\n/*#__NO_SIDE_EFFECTS__*/\nconst millisecondsToSeconds = (milliseconds) => milliseconds / 1000;\n\nexport { millisecondsToSeconds, secondsToMilliseconds };\n//# sourceMappingURL=time-conversion.mjs.map\n"],"names":["secondsToMilliseconds","seconds","millisecondsToSeconds","milliseconds"],"mappings":"AAOK,MAACA,+BAAwB,CAACC,MAAYA,IAAU,KAE/CC,+BAAwB,CAACC,MAAiBA,IAAe;","x_google_ignoreList":[0]}

package/dist/visualization.es309.js

@@ -1,17 +1,5 @@
-import { inertia as p } from "./visualization.es305.js";
-import { keyframes as r } from "./visualization.es306.js";
-import { spring as t } from "./visualization.es340.js";
-const o = {
-  decay: p,
-  inertia: p,
-  tween: r,
-  keyframes: r,
-  spring: t
-};
-function m(e) {
-  typeof e.type == "string" && (e.type = o[e.type]);
-}
+const n = (t, e, r) => r > e ? e : r < t ? t : r;
 export {
-  m as replaceTransitionType
+  n as clamp
 };
 //# sourceMappingURL=visualization.es309.js.map

package/dist/visualization.es309.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es309.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs"],"sourcesContent":["import { inertia } from '../generators/inertia.mjs';\nimport { keyframes } from '../generators/keyframes.mjs';\nimport { spring } from '../generators/spring.mjs';\n\nconst transitionTypeMap = {\n    decay: inertia,\n    inertia,\n    tween: keyframes,\n    keyframes: keyframes,\n    spring,\n};\nfunction replaceTransitionType(transition) {\n    if (typeof transition.type === \"string\") {\n        transition.type = transitionTypeMap[transition.type];\n    }\n}\n\nexport { replaceTransitionType };\n//# sourceMappingURL=replace-transition-type.mjs.map\n"],"names":["transitionTypeMap","inertia","keyframes","spring","replaceTransitionType","transition"],"mappings":";;;AAIA,MAAMA,IAAoB;AAAA,EACtB,OAAOC;AAAA,EACP,SAAAA;AAAA,EACA,OAAOC;AAAA,EACP,WAAWA;AAAA,EACX,QAAAC;AACJ;AACA,SAASC,EAAsBC,GAAY;AACvC,EAAI,OAAOA,EAAW,QAAS,aAC3BA,EAAW,OAAOL,EAAkBK,EAAW,IAAI;AAE3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es309.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/clamp.mjs"],"sourcesContent":["const clamp = (min, max, v) => {\n    if (v > max)\n        return max;\n    if (v < min)\n        return min;\n    return v;\n};\n\nexport { clamp };\n//# sourceMappingURL=clamp.mjs.map\n"],"names":["clamp","min","max","v"],"mappings":"AAAK,MAACA,IAAQ,CAACC,GAAKC,GAAKC,MACjBA,IAAID,IACGA,IACPC,IAAIF,IACGA,IACJE;","x_google_ignoreList":[0]}

package/dist/visualization.es31.js

@@ -1,38 +1,8 @@
-import l from "./visualization.es139.js";
-import f from "./visualization.es138.js";
-import n from "./visualization.es144.js";
-import { jsx as m } from "react/jsx-runtime";
-const c = {
-  dx: "-0.25em",
-  dy: "0.25em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "end"
-};
-function k(e) {
-  let {
-    axisClassName: i,
-    labelOffset: o = 36,
-    tickLength: s = 8,
-    tickLabelProps: t,
-    ...r
-  } = e;
-  const a = typeof t == "function" ? t : {
-    ...c,
-    ...t
-  };
-  return /* @__PURE__ */ m(f, {
-    axisClassName: l("visx-axis-left", i),
-    labelOffset: o,
-    orientation: n.left,
-    tickLabelProps: a,
-    tickLength: s,
-    ...r
-  });
-}
+import { createDomVisualElement as o } from "./visualization.es178.js";
+import { createMotionProxy as r } from "./visualization.es179.js";
+import { featureBundle as t } from "./visualization.es180.js";
+const n = /* @__PURE__ */ r(t, o);
 export {
-  k as default,
-  c as leftTickLabelProps
+  n as motion
 };
 //# sourceMappingURL=visualization.es31.js.map

package/dist/visualization.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es31.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisLeft.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const leftTickLabelProps = {\n  dx: '-0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'end'\n};\nexport default function AxisLeft(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...leftTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-left', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.left,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["leftTickLabelProps","AxisLeft","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAASC,GAAM;AACrC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,kBAAkBR,CAAa;AAAA,IACjD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es31.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs"],"sourcesContent":["import { createDomVisualElement } from '../../dom/create-visual-element.mjs';\nimport { createMotionProxy } from '../create-proxy.mjs';\nimport { featureBundle } from './feature-bundle.mjs';\n\nconst motion = /*@__PURE__*/ createMotionProxy(featureBundle, createDomVisualElement);\n\nexport { motion };\n//# sourceMappingURL=proxy.mjs.map\n"],"names":["motion","createMotionProxy","featureBundle","createDomVisualElement"],"mappings":";;;AAIK,MAACA,IAAuB,gBAAAC,EAAkBC,GAAeC,CAAsB;","x_google_ignoreList":[0]}

package/dist/visualization.es310.js

@@ -1,15 +1,107 @@
-import { formatErrorMessage as n } from "./visualization.es477.js";
-let i = () => {
-}, t = () => {
-};
-typeof process < "u" && process.env?.NODE_ENV !== "production" && (i = (e, o, r) => {
-  !e && typeof console < "u" && console.warn(n(o, r));
-}, t = (e, o, r) => {
-  if (!e)
-    throw new Error(n(o, r));
-});
+import { setStyle as u } from "./visualization.es311.js";
+import { supportsScrollTimeline as p } from "./visualization.es312.js";
+import { getFinalKeyframe as f } from "./visualization.es290.js";
+import { WithPromise as d } from "./visualization.es295.js";
+import { startWaapiAnimation as c } from "./visualization.es313.js";
+import { applyGeneratorOptions as T } from "./visualization.es314.js";
+import { invariant as y } from "./visualization.es306.js";
+import { millisecondsToSeconds as a, secondsToMilliseconds as S } from "./visualization.es308.js";
+import { noop as g } from "./visualization.es298.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 {
-  t as invariant,
-  i as warning
+  v as NativeAnimation
 };
 //# sourceMappingURL=visualization.es310.js.map

package/dist/visualization.es310.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es310.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/errors.mjs"],"sourcesContent":["import { formatErrorMessage } from './format-error-message.mjs';\n\nlet warning = () => { };\nlet invariant = () => { };\nif (typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV !== \"production\") {\n    warning = (check, message, errorCode) => {\n        if (!check && typeof console !== \"undefined\") {\n            console.warn(formatErrorMessage(message, errorCode));\n        }\n    };\n    invariant = (check, message, errorCode) => {\n        if (!check) {\n            throw new Error(formatErrorMessage(message, errorCode));\n        }\n    };\n}\n\nexport { invariant, warning };\n//# sourceMappingURL=errors.mjs.map\n"],"names":["warning","invariant","check","message","errorCode","formatErrorMessage"],"mappings":";AAEG,IAACA,IAAU,MAAM;AAAE,GAClBC,IAAY,MAAM;AAAE;AACpB,OAAO,UAAY,OACnB,QAAQ,KAAK,aAAa,iBAC1BD,IAAU,CAACE,GAAOC,GAASC,MAAc;AACrC,EAAI,CAACF,KAAS,OAAO,UAAY,OAC7B,QAAQ,KAAKG,EAAmBF,GAASC,CAAS,CAAC;AAE3D,GACAH,IAAY,CAACC,GAAOC,GAASC,MAAc;AACvC,MAAI,CAACF;AACD,UAAM,IAAI,MAAMG,EAAmBF,GAASC,CAAS,CAAC;AAE9D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es310.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/NativeAnimation.mjs"],"sourcesContent":["import { invariant, millisecondsToSeconds, secondsToMilliseconds, noop } from 'motion-utils';\nimport { setStyle } from '../render/dom/style-set.mjs';\nimport { supportsScrollTimeline } from '../utils/supports/scroll-timeline.mjs';\nimport { getFinalKeyframe } from './keyframes/get-final.mjs';\nimport { WithPromise } from './utils/WithPromise.mjs';\nimport { startWaapiAnimation } from './waapi/start-waapi-animation.mjs';\nimport { applyGeneratorOptions } from './waapi/utils/apply-generator.mjs';\n\n/**\n * NativeAnimation implements AnimationPlaybackControls for the browser's Web Animations API.\n */\nclass NativeAnimation extends WithPromise {\n    constructor(options) {\n        super();\n        this.finishedTime = null;\n        this.isStopped = false;\n        /**\n         * Tracks a manually-set start time that takes precedence over WAAPI's\n         * dynamic startTime. This is cleared when play() or time setter is called,\n         * allowing WAAPI to take over timing.\n         */\n        this.manualStartTime = null;\n        if (!options)\n            return;\n        const { element, name, keyframes, pseudoElement, allowFlatten = false, finalKeyframe, onComplete, } = options;\n        this.isPseudoElement = Boolean(pseudoElement);\n        this.allowFlatten = allowFlatten;\n        this.options = options;\n        invariant(typeof options.type !== \"string\", `Mini animate() doesn't support \"type\" as a string.`, \"mini-spring\");\n        const transition = applyGeneratorOptions(options);\n        this.animation = startWaapiAnimation(element, name, keyframes, transition, pseudoElement);\n        if (transition.autoplay === false) {\n            this.animation.pause();\n        }\n        this.animation.onfinish = () => {\n            this.finishedTime = this.time;\n            if (!pseudoElement) {\n                const keyframe = getFinalKeyframe(keyframes, this.options, finalKeyframe, this.speed);\n                if (this.updateMotionValue) {\n                    this.updateMotionValue(keyframe);\n                }\n                /**\n                 * If we can, we want to commit the final style as set by the user,\n                 * rather than the computed keyframe value supplied by the animation.\n                 * We always do this, even when a motion value is present, to prevent\n                 * a visual flash in Firefox where the WAAPI animation's fill is removed\n                 * during cancel() before the scheduled render can apply the correct value.\n                 */\n                setStyle(element, name, keyframe);\n                this.animation.cancel();\n            }\n            onComplete?.();\n            this.notifyFinished();\n        };\n    }\n    play() {\n        if (this.isStopped)\n            return;\n        this.manualStartTime = null;\n        this.animation.play();\n        if (this.state === \"finished\") {\n            this.updateFinished();\n        }\n    }\n    pause() {\n        this.animation.pause();\n    }\n    complete() {\n        this.animation.finish?.();\n    }\n    cancel() {\n        try {\n            this.animation.cancel();\n        }\n        catch (e) { }\n    }\n    stop() {\n        if (this.isStopped)\n            return;\n        this.isStopped = true;\n        const { state } = this;\n        if (state === \"idle\" || state === \"finished\") {\n            return;\n        }\n        if (this.updateMotionValue) {\n            this.updateMotionValue();\n        }\n        else {\n            this.commitStyles();\n        }\n        if (!this.isPseudoElement)\n            this.cancel();\n    }\n    /**\n     * WAAPI doesn't natively have any interruption capabilities.\n     *\n     * In this method, we commit styles back to the DOM before cancelling\n     * the animation.\n     *\n     * This is designed to be overridden by NativeAnimationExtended, which\n     * will create a renderless JS animation and sample it twice to calculate\n     * its current value, \"previous\" value, and therefore allow\n     * Motion to also correctly calculate velocity for any subsequent animation\n     * while deferring the commit until the next animation frame.\n     */\n    commitStyles() {\n        const element = this.options?.element;\n        if (!this.isPseudoElement && element?.isConnected) {\n            this.animation.commitStyles?.();\n        }\n    }\n    get duration() {\n        const duration = this.animation.effect?.getComputedTiming?.().duration || 0;\n        return millisecondsToSeconds(Number(duration));\n    }\n    get iterationDuration() {\n        const { delay = 0 } = this.options || {};\n        return this.duration + millisecondsToSeconds(delay);\n    }\n    get time() {\n        return millisecondsToSeconds(Number(this.animation.currentTime) || 0);\n    }\n    set time(newTime) {\n        const wasFinished = this.finishedTime !== null;\n        this.manualStartTime = null;\n        this.finishedTime = null;\n        this.animation.currentTime = secondsToMilliseconds(newTime);\n        if (wasFinished) {\n            this.animation.pause();\n        }\n    }\n    /**\n     * The playback speed of the animation.\n     * 1 = normal speed, 2 = double speed, 0.5 = half speed.\n     */\n    get speed() {\n        return this.animation.playbackRate;\n    }\n    set speed(newSpeed) {\n        // Allow backwards playback after finishing\n        if (newSpeed < 0)\n            this.finishedTime = null;\n        this.animation.playbackRate = newSpeed;\n    }\n    get state() {\n        return this.finishedTime !== null\n            ? \"finished\"\n            : this.animation.playState;\n    }\n    get startTime() {\n        return this.manualStartTime ?? Number(this.animation.startTime);\n    }\n    set startTime(newStartTime) {\n        this.manualStartTime = this.animation.startTime = newStartTime;\n    }\n    /**\n     * Attaches a timeline to the animation, for instance the `ScrollTimeline`.\n     */\n    attachTimeline({ timeline, rangeStart, rangeEnd, observe, }) {\n        if (this.allowFlatten) {\n            this.animation.effect?.updateTiming({ easing: \"linear\" });\n        }\n        this.animation.onfinish = null;\n        if (timeline && supportsScrollTimeline()) {\n            this.animation.timeline = timeline;\n            if (rangeStart)\n                this.animation.rangeStart = rangeStart;\n            if (rangeEnd)\n                this.animation.rangeEnd = rangeEnd;\n            return noop;\n        }\n        else {\n            return observe(this);\n        }\n    }\n}\n\nexport { NativeAnimation };\n//# sourceMappingURL=NativeAnimation.mjs.map\n"],"names":["NativeAnimation","WithPromise","options","element","name","keyframes","pseudoElement","allowFlatten","finalKeyframe","onComplete","invariant","transition","applyGeneratorOptions","startWaapiAnimation","keyframe","getFinalKeyframe","setStyle","state","duration","millisecondsToSeconds","delay","newTime","wasFinished","secondsToMilliseconds","newSpeed","newStartTime","timeline","rangeStart","rangeEnd","observe","supportsScrollTimeline","noop"],"mappings":";;;;;;;;;AAWA,MAAMA,UAAwBC,EAAY;AAAA,EACtC,YAAYC,GAAS;AAUjB,QATA,MAAK,GACL,KAAK,eAAe,MACpB,KAAK,YAAY,IAMjB,KAAK,kBAAkB,MACnB,CAACA;AACD;AACJ,UAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,WAAAC,GAAW,eAAAC,GAAe,cAAAC,IAAe,IAAO,eAAAC,GAAe,YAAAC,EAAU,IAAMP;AACtG,SAAK,kBAAkB,EAAQI,GAC/B,KAAK,eAAeC,GACpB,KAAK,UAAUL,GACfQ,EAAU,OAAOR,EAAQ,QAAS,UAAU,sDAAsD,aAAa;AAC/G,UAAMS,IAAaC,EAAsBV,CAAO;AAChD,SAAK,YAAYW,EAAoBV,GAASC,GAAMC,GAAWM,GAAYL,CAAa,GACpFK,EAAW,aAAa,MACxB,KAAK,UAAU,MAAK,GAExB,KAAK,UAAU,WAAW,MAAM;AAE5B,UADA,KAAK,eAAe,KAAK,MACrB,CAACL,GAAe;AAChB,cAAMQ,IAAWC,EAAiBV,GAAW,KAAK,SAASG,GAAe,KAAK,KAAK;AACpF,QAAI,KAAK,qBACL,KAAK,kBAAkBM,CAAQ,GASnCE,EAASb,GAASC,GAAMU,CAAQ,GAChC,KAAK,UAAU,OAAM;AAAA,MACzB;AACA,MAAAL,IAAU,GACV,KAAK,eAAc;AAAA,IACvB;AAAA,EACJ;AAAA,EACA,OAAO;AACH,IAAI,KAAK,cAET,KAAK,kBAAkB,MACvB,KAAK,UAAU,KAAI,GACf,KAAK,UAAU,cACf,KAAK,eAAc;AAAA,EAE3B;AAAA,EACA,QAAQ;AACJ,SAAK,UAAU,MAAK;AAAA,EACxB;AAAA,EACA,WAAW;AACP,SAAK,UAAU,SAAM;AAAA,EACzB;AAAA,EACA,SAAS;AACL,QAAI;AACA,WAAK,UAAU,OAAM;AAAA,IACzB,QACU;AAAA,IAAE;AAAA,EAChB;AAAA,EACA,OAAO;AACH,QAAI,KAAK;AACL;AACJ,SAAK,YAAY;AACjB,UAAM,EAAE,OAAAQ,EAAK,IAAK;AAClB,IAAIA,MAAU,UAAUA,MAAU,eAG9B,KAAK,oBACL,KAAK,kBAAiB,IAGtB,KAAK,aAAY,GAEhB,KAAK,mBACN,KAAK,OAAM;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,eAAe;AACX,UAAMd,IAAU,KAAK,SAAS;AAC9B,IAAI,CAAC,KAAK,mBAAmBA,GAAS,eAClC,KAAK,UAAU,eAAY;AAAA,EAEnC;AAAA,EACA,IAAI,WAAW;AACX,UAAMe,IAAW,KAAK,UAAU,QAAQ,oBAAiB,EAAK,YAAY;AAC1E,WAAOC,EAAsB,OAAOD,CAAQ,CAAC;AAAA,EACjD;AAAA,EACA,IAAI,oBAAoB;AACpB,UAAM,EAAE,OAAAE,IAAQ,EAAC,IAAK,KAAK,WAAW,CAAA;AACtC,WAAO,KAAK,WAAWD,EAAsBC,CAAK;AAAA,EACtD;AAAA,EACA,IAAI,OAAO;AACP,WAAOD,EAAsB,OAAO,KAAK,UAAU,WAAW,KAAK,CAAC;AAAA,EACxE;AAAA,EACA,IAAI,KAAKE,GAAS;AACd,UAAMC,IAAc,KAAK,iBAAiB;AAC1C,SAAK,kBAAkB,MACvB,KAAK,eAAe,MACpB,KAAK,UAAU,cAAcC,EAAsBF,CAAO,GACtDC,KACA,KAAK,UAAU,MAAK;AAAA,EAE5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,QAAQ;AACR,WAAO,KAAK,UAAU;AAAA,EAC1B;AAAA,EACA,IAAI,MAAME,GAAU;AAEhB,IAAIA,IAAW,MACX,KAAK,eAAe,OACxB,KAAK,UAAU,eAAeA;AAAA,EAClC;AAAA,EACA,IAAI,QAAQ;AACR,WAAO,KAAK,iBAAiB,OACvB,aACA,KAAK,UAAU;AAAA,EACzB;AAAA,EACA,IAAI,YAAY;AACZ,WAAO,KAAK,mBAAmB,OAAO,KAAK,UAAU,SAAS;AAAA,EAClE;AAAA,EACA,IAAI,UAAUC,GAAc;AACxB,SAAK,kBAAkB,KAAK,UAAU,YAAYA;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,eAAe,EAAE,UAAAC,GAAU,YAAAC,GAAY,UAAAC,GAAU,SAAAC,EAAO,GAAK;AAKzD,WAJI,KAAK,gBACL,KAAK,UAAU,QAAQ,aAAa,EAAE,QAAQ,UAAU,GAE5D,KAAK,UAAU,WAAW,MACtBH,KAAYI,OACZ,KAAK,UAAU,WAAWJ,GACtBC,MACA,KAAK,UAAU,aAAaA,IAC5BC,MACA,KAAK,UAAU,WAAWA,IACvBG,KAGAF,EAAQ,IAAI;AAAA,EAE3B;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es311.js

@@ -1,5 +1,8 @@
-const o = (c, e) => (n) => e(c(n)), t = (...c) => c.reduce(o);
+import { isCSSVar as s } from "./visualization.es377.js";
+function i(r, t, o) {
+  s(t) ? r.style.setProperty(t, o) : r.style[t] = o;
+}
 export {
-  t as pipe
+  i as setStyle
 };
 //# sourceMappingURL=visualization.es311.js.map

package/dist/visualization.es311.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es311.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/pipe.mjs"],"sourcesContent":["/**\n * Pipe\n * Compose other transformers to run linearily\n * pipe(min(20), max(40))\n * @param  {...functions} transformers\n * @return {function}\n */\nconst combineFunctions = (a, b) => (v) => b(a(v));\nconst pipe = (...transformers) => transformers.reduce(combineFunctions);\n\nexport { pipe };\n//# sourceMappingURL=pipe.mjs.map\n"],"names":["combineFunctions","a","b","v","pipe","transformers"],"mappings":"AAOA,MAAMA,IAAmB,CAACC,GAAGC,MAAM,CAACC,MAAMD,EAAED,EAAEE,CAAC,CAAC,GAC1CC,IAAO,IAAIC,MAAiBA,EAAa,OAAOL,CAAgB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es311.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/style-set.mjs"],"sourcesContent":["import { isCSSVar } from './is-css-var.mjs';\n\nfunction setStyle(element, name, value) {\n    isCSSVar(name)\n        ? element.style.setProperty(name, value)\n        : (element.style[name] = value);\n}\n\nexport { setStyle };\n//# sourceMappingURL=style-set.mjs.map\n"],"names":["setStyle","element","name","value","isCSSVar"],"mappings":";AAEA,SAASA,EAASC,GAASC,GAAMC,GAAO;AACpC,EAAAC,EAASF,CAAI,IACPD,EAAQ,MAAM,YAAYC,GAAMC,CAAK,IACpCF,EAAQ,MAAMC,CAAI,IAAIC;AACjC;","x_google_ignoreList":[0]}

package/dist/visualization.es312.js

@@ -1,6 +1,6 @@
-const s = /* @__NO_SIDE_EFFECTS__ */ (o) => o * 1e3, c = /* @__NO_SIDE_EFFECTS__ */ (o) => o / 1e3;
+import { memoSupports as o } from "./visualization.es397.js";
+const i = /* @__PURE__ */ o(() => window.ScrollTimeline !== void 0, "scrollTimeline");
 export {
-  c as millisecondsToSeconds,
-  s as secondsToMilliseconds
+  i as supportsScrollTimeline
 };
 //# sourceMappingURL=visualization.es312.js.map

package/dist/visualization.es312.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es312.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/time-conversion.mjs"],"sourcesContent":["/**\n * Converts seconds to milliseconds\n *\n * @param seconds - Time in seconds.\n * @return milliseconds - Converted time in milliseconds.\n */\n/*#__NO_SIDE_EFFECTS__*/\nconst secondsToMilliseconds = (seconds) => seconds * 1000;\n/*#__NO_SIDE_EFFECTS__*/\nconst millisecondsToSeconds = (milliseconds) => milliseconds / 1000;\n\nexport { millisecondsToSeconds, secondsToMilliseconds };\n//# sourceMappingURL=time-conversion.mjs.map\n"],"names":["secondsToMilliseconds","seconds","millisecondsToSeconds","milliseconds"],"mappings":"AAOK,MAACA,+BAAwB,CAACC,MAAYA,IAAU,KAE/CC,+BAAwB,CAACC,MAAiBA,IAAe;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es312.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/scroll-timeline.mjs"],"sourcesContent":["import { memoSupports } from './memo.mjs';\n\nconst supportsScrollTimeline = /* @__PURE__ */ memoSupports(() => window.ScrollTimeline !== undefined, \"scrollTimeline\");\nconst supportsViewTimeline = /* @__PURE__ */ memoSupports(() => window.ViewTimeline !== undefined, \"viewTimeline\");\n\nexport { supportsScrollTimeline, supportsViewTimeline };\n//# sourceMappingURL=scroll-timeline.mjs.map\n"],"names":["supportsScrollTimeline","memoSupports"],"mappings":";AAEK,MAACA,IAAyC,gBAAAC,EAAa,MAAM,OAAO,mBAAmB,QAAW,gBAAgB;","x_google_ignoreList":[0]}

package/dist/visualization.es313.js

@@ -1,5 +1,22 @@
-const n = (t, e, r) => r > e ? e : r < t ? t : r;
+import { mapEasingToNativeEasing as g } from "./visualization.es355.js";
+function u(r, s, f, { delay: m = 0, duration: n = 300, repeat: p = 0, repeatType: c = "loop", ease: l = "easeOut", times: t } = {}, e = void 0) {
+  const a = {
+    [s]: f
+  };
+  t && (a.offset = t);
+  const i = g(l, n);
+  Array.isArray(i) && (a.easing = i);
+  const o = {
+    delay: m,
+    duration: n,
+    easing: Array.isArray(i) ? "linear" : i,
+    fill: "both",
+    iterations: p + 1,
+    direction: c === "reverse" ? "alternate" : "normal"
+  };
+  return e && (o.pseudoElement = e), r.animate(a, o);
+}
 export {
-  n as clamp
+  u as startWaapiAnimation
 };
 //# sourceMappingURL=visualization.es313.js.map

package/dist/visualization.es313.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es313.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/clamp.mjs"],"sourcesContent":["const clamp = (min, max, v) => {\n    if (v > max)\n        return max;\n    if (v < min)\n        return min;\n    return v;\n};\n\nexport { clamp };\n//# sourceMappingURL=clamp.mjs.map\n"],"names":["clamp","min","max","v"],"mappings":"AAAK,MAACA,IAAQ,CAACC,GAAKC,GAAKC,MACjBA,IAAID,IACGA,IACPC,IAAIF,IACGA,IACJE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es313.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs"],"sourcesContent":["import { activeAnimations } from '../../stats/animation-count.mjs';\nimport { statsBuffer } from '../../stats/buffer.mjs';\nimport { mapEasingToNativeEasing } from './easing/map-easing.mjs';\n\nfunction startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = \"loop\", ease = \"easeOut\", times, } = {}, pseudoElement = undefined) {\n    const keyframeOptions = {\n        [valueName]: keyframes,\n    };\n    if (times)\n        keyframeOptions.offset = times;\n    const easing = mapEasingToNativeEasing(ease, duration);\n    /**\n     * If this is an easing array, apply to keyframes, not animation as a whole\n     */\n    if (Array.isArray(easing))\n        keyframeOptions.easing = easing;\n    if (statsBuffer.value) {\n        activeAnimations.waapi++;\n    }\n    const options = {\n        delay,\n        duration,\n        easing: !Array.isArray(easing) ? easing : \"linear\",\n        fill: \"both\",\n        iterations: repeat + 1,\n        direction: repeatType === \"reverse\" ? \"alternate\" : \"normal\",\n    };\n    if (pseudoElement)\n        options.pseudoElement = pseudoElement;\n    const animation = element.animate(keyframeOptions, options);\n    if (statsBuffer.value) {\n        animation.finished.finally(() => {\n            activeAnimations.waapi--;\n        });\n    }\n    return animation;\n}\n\nexport { startWaapiAnimation };\n//# sourceMappingURL=start-waapi-animation.mjs.map\n"],"names":["startWaapiAnimation","element","valueName","keyframes","delay","duration","repeat","repeatType","ease","times","pseudoElement","keyframeOptions","easing","mapEasingToNativeEasing","options"],"mappings":";AAIA,SAASA,EAAoBC,GAASC,GAAWC,GAAW,EAAE,OAAAC,IAAQ,GAAG,UAAAC,IAAW,KAAK,QAAAC,IAAS,GAAG,YAAAC,IAAa,QAAQ,MAAAC,IAAO,WAAW,OAAAC,MAAW,CAAA,GAAIC,IAAgB,QAAW;AAClL,QAAMC,IAAkB;AAAA,IACpB,CAACT,CAAS,GAAGC;AAAA,EACrB;AACI,EAAIM,MACAE,EAAgB,SAASF;AAC7B,QAAMG,IAASC,EAAwBL,GAAMH,CAAQ;AAIrD,EAAI,MAAM,QAAQO,CAAM,MACpBD,EAAgB,SAASC;AAI7B,QAAME,IAAU;AAAA,IACZ,OAAAV;AAAA,IACA,UAAAC;AAAA,IACA,QAAS,MAAM,QAAQO,CAAM,IAAa,WAATA;AAAA,IACjC,MAAM;AAAA,IACN,YAAYN,IAAS;AAAA,IACrB,WAAWC,MAAe,YAAY,cAAc;AAAA,EAC5D;AACI,SAAIG,MACAI,EAAQ,gBAAgBJ,IACVT,EAAQ,QAAQU,GAAiBG,CAAO;AAO9D;","x_google_ignoreList":[0]}