@weng-lab/visualization 2.4.0-beta.0 → 2.4.0-beta.2

package/dist/visualization.es324.js

@@ -1,38 +1,107 @@
-import { spring as L } from "./visualization.es359.js";
-import { getGeneratorVelocity as R } from "./visualization.es327.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 { setStyle as u } from "./visualization.es325.js";
+import { supportsScrollTimeline as p } from "./visualization.es326.js";
+import { getFinalKeyframe as f } from "./visualization.es304.js";
+import { WithPromise as d } from "./visualization.es309.js";
+import { startWaapiAnimation as c } from "./visualization.es327.js";
+import { applyGeneratorOptions as T } from "./visualization.es328.js";
+import { invariant as y } from "./visualization.es320.js";
+import { millisecondsToSeconds as a, secondsToMilliseconds as S } from "./visualization.es322.js";
+import { noop as g } from "./visualization.es312.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 {
-  $ as inertia
+  v as NativeAnimation
 };
 //# sourceMappingURL=visualization.es324.js.map

package/dist/visualization.es324.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es324.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.es324.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":"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","x_google_ignoreList":[0]}

package/dist/visualization.es325.js

@@ -1,31 +1,8 @@
-import { interpolate as c } from "./visualization.es360.js";
-import { defaultOffset as p } from "./visualization.es361.js";
-import { convertOffsetToTimes as u } from "./visualization.es362.js";
-import { isEasingArray as l } from "./visualization.es363.js";
-import { easingDefinitionToFunction as m } from "./visualization.es364.js";
-import { easeInOut as g } from "./visualization.es93.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 { isCSSVar as s } from "./visualization.es391.js";
+function i(r, t, o) {
+  s(t) ? r.style.setProperty(t, o) : r.style[t] = o;
 }
 export {
-  T as defaultEasing,
-  y as keyframes
+  i as setStyle
 };
 //# sourceMappingURL=visualization.es325.js.map

package/dist/visualization.es325.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es325.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.es325.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.es326.js

@@ -1,14 +1,6 @@
-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;
-}
+import { memoSupports as o } from "./visualization.es411.js";
+const i = /* @__PURE__ */ o(() => window.ScrollTimeline !== void 0, "scrollTimeline");
 export {
-  o as calcGeneratorDuration,
-  a as maxGeneratorDuration
+  i as supportsScrollTimeline
 };
 //# sourceMappingURL=visualization.es326.js.map

package/dist/visualization.es326.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es326.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.es326.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.es327.js

@@ -1,10 +1,22 @@
-import { velocityPerSecond as n } from "./visualization.es423.js";
-const c = 5;
-function a(t, e, r) {
-  const o = Math.max(e - c, 0);
-  return n(r - t(o), e - o);
+import { mapEasingToNativeEasing as g } from "./visualization.es369.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 {
-  a as getGeneratorVelocity
+  u as startWaapiAnimation
 };
 //# sourceMappingURL=visualization.es327.js.map

package/dist/visualization.es327.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es327.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.es327.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]}

package/dist/visualization.es328.js

@@ -1,17 +1,9 @@
-import { inertia as p } from "./visualization.es324.js";
-import { keyframes as r } from "./visualization.es325.js";
-import { spring as t } from "./visualization.es359.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]);
+import { supportsLinearEasing as a } from "./visualization.es370.js";
+import { isGenerator as t } from "./visualization.es358.js";
+function i({ type: e, ...r }) {
+  return t(e) && a() ? e.applyToOptions(r) : (r.duration ?? (r.duration = 300), r.ease ?? (r.ease = "easeOut"), r);
 }
 export {
-  m as replaceTransitionType
+  i as applyGeneratorOptions
 };
 //# sourceMappingURL=visualization.es328.js.map

package/dist/visualization.es328.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es328.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.es328.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs"],"sourcesContent":["import { supportsLinearEasing } from '../../../utils/supports/linear-easing.mjs';\nimport { isGenerator } from '../../generators/utils/is-generator.mjs';\n\nfunction applyGeneratorOptions({ type, ...options }) {\n    if (isGenerator(type) && supportsLinearEasing()) {\n        return type.applyToOptions(options);\n    }\n    else {\n        options.duration ?? (options.duration = 300);\n        options.ease ?? (options.ease = \"easeOut\");\n    }\n    return options;\n}\n\nexport { applyGeneratorOptions };\n//# sourceMappingURL=apply-generator.mjs.map\n"],"names":["applyGeneratorOptions","type","options","isGenerator","supportsLinearEasing"],"mappings":";;AAGA,SAASA,EAAsB,EAAE,MAAAC,GAAM,GAAGC,KAAW;AACjD,SAAIC,EAAYF,CAAI,KAAKG,MACdH,EAAK,eAAeC,CAAO,KAGlCA,EAAQ,aAAaA,EAAQ,WAAW,MACxCA,EAAQ,SAASA,EAAQ,OAAO,YAE7BA;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es329.js

@@ -1,15 +1,18 @@
-import { formatErrorMessage as n } from "./visualization.es496.js";
-let i = () => {
-}, t = () => {
+import { circInOut as r } from "./visualization.es467.js";
+import { backInOut as t } from "./visualization.es482.js";
+import { anticipate as o } from "./visualization.es481.js";
+const n = {
+  anticipate: o,
+  backInOut: t,
+  circInOut: r
 };
-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));
-});
+function p(e) {
+  return e in n;
+}
+function u(e) {
+  typeof e.ease == "string" && p(e.ease) && (e.ease = n[e.ease]);
+}
 export {
-  t as invariant,
-  i as warning
+  u as replaceStringEasing
 };
 //# sourceMappingURL=visualization.es329.js.map

package/dist/visualization.es329.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es329.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.es329.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs"],"sourcesContent":["import { circInOut, backInOut, anticipate } from 'motion-utils';\n\nconst unsupportedEasingFunctions = {\n    anticipate,\n    backInOut,\n    circInOut,\n};\nfunction isUnsupportedEase(key) {\n    return key in unsupportedEasingFunctions;\n}\nfunction replaceStringEasing(transition) {\n    if (typeof transition.ease === \"string\" &&\n        isUnsupportedEase(transition.ease)) {\n        transition.ease = unsupportedEasingFunctions[transition.ease];\n    }\n}\n\nexport { replaceStringEasing };\n//# sourceMappingURL=unsupported-easing.mjs.map\n"],"names":["unsupportedEasingFunctions","anticipate","backInOut","circInOut","isUnsupportedEase","key","replaceStringEasing","transition"],"mappings":";;;AAEA,MAAMA,IAA6B;AAAA,EAC/B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACJ;AACA,SAASC,EAAkBC,GAAK;AAC5B,SAAOA,KAAOL;AAClB;AACA,SAASM,EAAoBC,GAAY;AACrC,EAAI,OAAOA,EAAW,QAAS,YAC3BH,EAAkBG,EAAW,IAAI,MACjCA,EAAW,OAAOP,EAA2BO,EAAW,IAAI;AAEpE;","x_google_ignoreList":[0]}

package/dist/visualization.es33.js

@@ -1,26 +1,9 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { c as n } from "react/compiler-runtime";
-const m = (l) => {
-  const t = n(5), {
-    tooltipBody: e,
-    tooltipData: i
-  } = l;
-  let r;
-  t[0] !== e || t[1] !== i ? (r = e ? e(i) : /* @__PURE__ */ a("div", { children: i.metaData && Object.entries(i.metaData).map(s) }), t[0] = e, t[1] = i, t[2] = r) : r = t[2];
-  let o;
-  return t[3] !== r ? (o = /* @__PURE__ */ a("div", { children: r }), t[3] = r, t[4] = o) : o = t[4], o;
-};
-function s(l) {
-  const [t, e] = l;
-  return /* @__PURE__ */ c("div", { children: [
-    /* @__PURE__ */ c("strong", { children: [
-      t.charAt(0).toUpperCase() + t.slice(1),
-      ": "
-    ] }),
-    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
-  ] }, t);
+import o from "./visualization.es36.js";
+import p from "./visualization.es34.js";
+function f(e, t, i, m, r) {
+  (e.depth & 1 ? p : o)(e, t, i, m, r);
 }
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=visualization.es33.js.map

package/dist/visualization.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es33.js","sources":["../src/components/ScatterPlot/tooltip.tsx"],"sourcesContent":["import { TooltipProps } from \"./types\";\n\nconst ScatterTooltip = <T,>({\n    tooltipBody,\n    tooltipData\n}: TooltipProps<T>) => {\n    return (\n        <div>\n            {tooltipBody ? tooltipBody(tooltipData) : (\n                <div>\n                    {tooltipData.metaData && Object.entries(tooltipData.metaData).map(([key, value]) => (\n                        <div key={key}>\n                            <strong>{key.charAt(0).toUpperCase() + key.slice(1)}: </strong>\n                            {typeof value === 'string'\n                                ? (value.length > 45\n                                    ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                    : value.replace(/_/g, \" \"))\n                                : String(value)}\n                        </div>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport default ScatterTooltip;"],"names":["ScatterTooltip","t0","$","_c","tooltipBody","tooltipData","t1","metaData","Object","entries","map","_temp","t2","key","value","jsxs","charAt","toUpperCase","slice","length","replace","String"],"mappings":";;AAEA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAGV,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAGLC,IAAAF,IAAcA,EAAYC,CAa3B,sBAZI,OAAA,EACKA,UAAAA,EAAWE,YAAaC,OAAMC,QAASJ,EAAWE,QAAS,EAACG,IAAKC,CASjE,GACL,GACHT,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,SAAAI,KAdLM,+BACKN,UAAAA,EAAAA,CAcL,GAAMJ,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAfNU;AAeM;AApBS,SAAAD,EAAAV,GAAA;AAQgE,QAAA,CAAAY,GAAAC,CAAA,IAAAb;AAAY,2BAC3E,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAc,EAAA,UAAA,EAASF,UAAAA;AAAAA,MAAAA,EAAGG,OAAQ,CAAC,EAACC,gBAAiBJ,EAAGK,MAAO,CAAC;AAAA,MAAE;AAAA,IAAA,GAAE;AAAA,IACrD,OAAOJ,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKM,QAAS,MAAM,GAAG,EAACF,MAAO,GAAG,EAAE,CAAC,QACxCJ,EAAKM,QAAS,MAAM,GAAG,IAC3BC,OAAOP,CAAK;AAAA,EAAA,EAAA,IACtB;AAAM;"}
+{"version":3,"file":"visualization.es33.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/sliceDice.js"],"sourcesContent":["import dice from \"./dice.js\";\nimport slice from \"./slice.js\";\n\nexport default function(parent, x0, y0, x1, y1) {\n  (parent.depth & 1 ? slice : dice)(parent, x0, y0, x1, y1);\n}\n"],"names":["treemapSliceDice","parent","x0","y0","x1","y1","slice","dice"],"mappings":";;AAGe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAC9C,GAACJ,EAAO,QAAQ,IAAIK,IAAQC,GAAMN,GAAQC,GAAIC,GAAIC,GAAIC,CAAE;AAC1D;","x_google_ignoreList":[0]}

package/dist/visualization.es330.js

@@ -1,5 +1,8 @@
-const o = (c, e) => (n) => e(c(n)), t = (...c) => c.reduce(o);
+function x(t, s, c, o = 0, u = 1) {
+  const n = Array.from(t).sort((a, e) => a.sortNodePosition(e)).indexOf(s), i = t.size, r = (i - 1) * o;
+  return typeof c == "function" ? c(n, i) : u === 1 ? n * o : r - n * o;
+}
 export {
-  t as pipe
+  x as calcChildStagger
 };
 //# sourceMappingURL=visualization.es330.js.map

package/dist/visualization.es330.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es330.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.es330.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/calc-child-stagger.mjs"],"sourcesContent":["function calcChildStagger(children, child, delayChildren, staggerChildren = 0, staggerDirection = 1) {\n    const index = Array.from(children)\n        .sort((a, b) => a.sortNodePosition(b))\n        .indexOf(child);\n    const numChildren = children.size;\n    const maxStaggerDuration = (numChildren - 1) * staggerChildren;\n    const delayIsFunction = typeof delayChildren === \"function\";\n    return delayIsFunction\n        ? delayChildren(index, numChildren)\n        : staggerDirection === 1\n            ? index * staggerChildren\n            : maxStaggerDuration - index * staggerChildren;\n}\n\nexport { calcChildStagger };\n//# sourceMappingURL=calc-child-stagger.mjs.map\n"],"names":["calcChildStagger","children","child","delayChildren","staggerChildren","staggerDirection","index","b","numChildren","maxStaggerDuration"],"mappings":"AAAA,SAASA,EAAiBC,GAAUC,GAAOC,GAAeC,IAAkB,GAAGC,IAAmB,GAAG;AACjG,QAAMC,IAAQ,MAAM,KAAKL,CAAQ,EAC5B,KAAK,CAAC,GAAGM,MAAM,EAAE,iBAAiBA,CAAC,CAAC,EACpC,QAAQL,CAAK,GACZM,IAAcP,EAAS,MACvBQ,KAAsBD,IAAc,KAAKJ;AAE/C,SADwB,OAAOD,KAAkB,aAE3CA,EAAcG,GAAOE,CAAW,IAChCH,MAAqB,IACjBC,IAAQF,IACRK,IAAqBH,IAAQF;AAC3C;","x_google_ignoreList":[0]}

package/dist/visualization.es331.js

@@ -1,6 +1,32 @@
-const s = /* @__NO_SIDE_EFFECTS__ */ (o) => o * 1e3, c = /* @__NO_SIDE_EFFECTS__ */ (o) => o / 1e3;
+import { isCSSVariableToken as c } from "./visualization.es332.js";
+import { invariant as l } from "./visualization.es320.js";
+import { isNumericalString as s } from "./visualization.es333.js";
+const m = (
+  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
+  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
+);
+function p(a) {
+  const e = m.exec(a);
+  if (!e)
+    return [,];
+  const [, r, i, t] = e;
+  return [`--${r ?? i}`, t];
+}
+const f = 4;
+function u(a, e, r = 1) {
+  l(r <= f, `Max CSS variable fallback depth detected in property "${a}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [i, t] = p(a);
+  if (!i)
+    return;
+  const o = window.getComputedStyle(e).getPropertyValue(i);
+  if (o) {
+    const n = o.trim();
+    return s(n) ? parseFloat(n) : n;
+  }
+  return c(t) ? u(t, e, r + 1) : t;
+}
 export {
-  c as millisecondsToSeconds,
-  s as secondsToMilliseconds
+  u as getVariableValue,
+  p as parseCSSVariable
 };
 //# sourceMappingURL=visualization.es331.js.map

package/dist/visualization.es331.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es331.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.es331.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs"],"sourcesContent":["import { invariant, isNumericalString } from 'motion-utils';\nimport { isCSSVariableToken } from './is-css-variable.mjs';\n\n/**\n * Parse Framer's special CSS variable format into a CSS token and a fallback.\n *\n * ```\n * `var(--foo, #fff)` => [`--foo`, '#fff']\n * ```\n *\n * @param current\n */\nconst splitCSSVariableRegex = \n// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words\n/^var\\(--(?:([\\w-]+)|([\\w-]+), ?([a-zA-Z\\d ()%#.,-]+))\\)/u;\nfunction parseCSSVariable(current) {\n    const match = splitCSSVariableRegex.exec(current);\n    if (!match)\n        return [,];\n    const [, token1, token2, fallback] = match;\n    return [`--${token1 ?? token2}`, fallback];\n}\nconst maxDepth = 4;\nfunction getVariableValue(current, element, depth = 1) {\n    invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property \"${current}\". This may indicate a circular fallback dependency.`, \"max-css-var-depth\");\n    const [token, fallback] = parseCSSVariable(current);\n    // No CSS variable detected\n    if (!token)\n        return;\n    // Attempt to read this CSS variable off the element\n    const resolved = window.getComputedStyle(element).getPropertyValue(token);\n    if (resolved) {\n        const trimmed = resolved.trim();\n        return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;\n    }\n    return isCSSVariableToken(fallback)\n        ? getVariableValue(fallback, element, depth + 1)\n        : fallback;\n}\n\nexport { getVariableValue, parseCSSVariable };\n//# sourceMappingURL=css-variables-conversion.mjs.map\n"],"names":["splitCSSVariableRegex","parseCSSVariable","current","match","token1","token2","fallback","maxDepth","getVariableValue","element","depth","invariant","token","resolved","trimmed","isNumericalString","isCSSVariableToken"],"mappings":";;;AAYA,MAAMA;AAAA;AAAA,EAEN;AAAA;AACA,SAASC,EAAiBC,GAAS;AAC/B,QAAMC,IAAQH,EAAsB,KAAKE,CAAO;AAChD,MAAI,CAACC;AACD,WAAO,CAAA,CAAA;AACX,QAAM,GAAGC,GAAQC,GAAQC,CAAQ,IAAIH;AACrC,SAAO,CAAC,KAAKC,KAAUC,CAAM,IAAIC,CAAQ;AAC7C;AACA,MAAMC,IAAW;AACjB,SAASC,EAAiBN,GAASO,GAASC,IAAQ,GAAG;AACnD,EAAAC,EAAUD,KAASH,GAAU,yDAAyDL,CAAO,wDAAwD,mBAAmB;AACxK,QAAM,CAACU,GAAON,CAAQ,IAAIL,EAAiBC,CAAO;AAElD,MAAI,CAACU;AACD;AAEJ,QAAMC,IAAW,OAAO,iBAAiBJ,CAAO,EAAE,iBAAiBG,CAAK;AACxE,MAAIC,GAAU;AACV,UAAMC,IAAUD,EAAS,KAAI;AAC7B,WAAOE,EAAkBD,CAAO,IAAI,WAAWA,CAAO,IAAIA;AAAA,EAC9D;AACA,SAAOE,EAAmBV,CAAQ,IAC5BE,EAAiBF,GAAUG,GAASC,IAAQ,CAAC,IAC7CJ;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es332.js

@@ -1,5 +1,10 @@
-const n = (t, e, r) => r > e ? e : r < t ? t : r;
+const r = (t) => (s) => typeof s == "string" && s.startsWith(t), e = /* @__PURE__ */ r("--"), i = /* @__PURE__ */ r("var(--"), a = (t) => i(t) ? n.test(t.split("/*")[0].trim()) : !1, n = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+function o(t) {
+  return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
+}
 export {
-  n as clamp
+  o as containsCSSVariable,
+  e as isCSSVariableName,
+  a as isCSSVariableToken
 };
 //# sourceMappingURL=visualization.es332.js.map

package/dist/visualization.es332.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es332.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.es332.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/is-css-variable.mjs"],"sourcesContent":["const checkStringStartsWith = (token) => (key) => typeof key === \"string\" && key.startsWith(token);\nconst isCSSVariableName = \n/*@__PURE__*/ checkStringStartsWith(\"--\");\nconst startsAsVariableToken = \n/*@__PURE__*/ checkStringStartsWith(\"var(--\");\nconst isCSSVariableToken = (value) => {\n    const startsWithToken = startsAsVariableToken(value);\n    if (!startsWithToken)\n        return false;\n    // Ensure any comments are stripped from the value as this can harm performance of the regex.\n    return singleCssVariableRegex.test(value.split(\"/*\")[0].trim());\n};\nconst singleCssVariableRegex = /var\\(--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)$/iu;\n/**\n * Check if a value contains a CSS variable anywhere (e.g. inside calc()).\n * Unlike isCSSVariableToken which checks if the value IS a var() token,\n * this checks if the value CONTAINS var() somewhere in the string.\n */\nfunction containsCSSVariable(value) {\n    if (typeof value !== \"string\")\n        return false;\n    // Strip comments to avoid false positives\n    return value.split(\"/*\")[0].includes(\"var(--\");\n}\n\nexport { containsCSSVariable, isCSSVariableName, isCSSVariableToken };\n//# sourceMappingURL=is-css-variable.mjs.map\n"],"names":["checkStringStartsWith","token","key","isCSSVariableName","startsAsVariableToken","isCSSVariableToken","value","singleCssVariableRegex","containsCSSVariable"],"mappings":"AAAA,MAAMA,IAAwB,CAACC,MAAU,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,WAAWD,CAAK,GAC3FE,IACQ,gBAAAH,EAAsB,IAAI,GAClCI,IACQ,gBAAAJ,EAAsB,QAAQ,GACtCK,IAAqB,CAACC,MACAF,EAAsBE,CAAK,IAI5CC,EAAuB,KAAKD,EAAM,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,IAFnD,IAITC,IAAyB;AAM/B,SAASC,EAAoBF,GAAO;AAChC,SAAI,OAAOA,KAAU,WACV,KAEJA,EAAM,MAAM,IAAI,EAAE,CAAC,EAAE,SAAS,QAAQ;AACjD;","x_google_ignoreList":[0]}