@weng-lab/visualization 2.4.0-beta.3 → 2.4.0-beta.4

package/dist/visualization.es319.js

@@ -1,107 +1,8 @@
-import { setStyle as u } from "./visualization.es320.js";
-import { supportsScrollTimeline as p } from "./visualization.es321.js";
-import { getFinalKeyframe as f } from "./visualization.es299.js";
-import { WithPromise as d } from "./visualization.es304.js";
-import { startWaapiAnimation as c } from "./visualization.es322.js";
-import { applyGeneratorOptions as T } from "./visualization.es323.js";
-import { invariant as y } from "./visualization.es315.js";
-import { millisecondsToSeconds as a, secondsToMilliseconds as S } from "./visualization.es317.js";
-import { noop as g } from "./visualization.es307.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);
-  }
+import { isCSSVar as s } from "./visualization.es385.js";
+function i(r, t, o) {
+  s(t) ? r.style.setProperty(t, o) : r.style[t] = o;
 }
 export {
-  v as NativeAnimation
+  i as setStyle
 };
 //# sourceMappingURL=visualization.es319.js.map

package/dist/visualization.es319.js.map

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

@@ -1,16 +1,16 @@
-import m from "./visualization.es217.js";
-import c from "./visualization.es218.js";
-import s from "./visualization.es219.js";
-import u from "./visualization.es220.js";
-import l from "./visualization.es221.js";
-import _ from "./visualization.es222.js";
-import y from "./visualization.es223.js";
-import v from "./visualization.es224.js";
-import g from "./visualization.es225.js";
-import A from "./visualization.es226.js";
-import w from "./visualization.es227.js";
-import B from "./visualization.es228.js";
-import b from "./visualization.es229.js";
+import m from "./visualization.es163.js";
+import c from "./visualization.es164.js";
+import s from "./visualization.es165.js";
+import u from "./visualization.es166.js";
+import l from "./visualization.es167.js";
+import _ from "./visualization.es168.js";
+import y from "./visualization.es169.js";
+import v from "./visualization.es170.js";
+import g from "./visualization.es171.js";
+import A from "./visualization.es172.js";
+import w from "./visualization.es173.js";
+import B from "./visualization.es174.js";
+import b from "./visualization.es175.js";
 function d(e, o) {
   e instanceof Map ? (e = [void 0, e], o === void 0 && (o = j)) : o === void 0 && (o = C);
   for (var f = new i(e), r, h = [f], a, t, n, p; r = h.pop(); )

package/dist/visualization.es320.js

@@ -1,8 +1,6 @@
-import { isCSSVar as s } from "./visualization.es386.js";
-function i(r, t, o) {
-  s(t) ? r.style.setProperty(t, o) : r.style[t] = o;
-}
+import { memoSupports as o } from "./visualization.es405.js";
+const i = /* @__PURE__ */ o(() => window.ScrollTimeline !== void 0, "scrollTimeline");
 export {
-  i as setStyle
+  i as supportsScrollTimeline
 };
 //# sourceMappingURL=visualization.es320.js.map

package/dist/visualization.es320.js.map

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

@@ -1,6 +1,22 @@
-import { memoSupports as o } from "./visualization.es406.js";
-const i = /* @__PURE__ */ o(() => window.ScrollTimeline !== void 0, "scrollTimeline");
+import { mapEasingToNativeEasing as g } from "./visualization.es363.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 {
-  i as supportsScrollTimeline
+  u as startWaapiAnimation
 };
 //# sourceMappingURL=visualization.es321.js.map

package/dist/visualization.es321.js.map

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

@@ -1,22 +1,9 @@
-import { mapEasingToNativeEasing as g } from "./visualization.es364.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);
+import { supportsLinearEasing as a } from "./visualization.es364.js";
+import { isGenerator as t } from "./visualization.es352.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 {
-  u as startWaapiAnimation
+  i as applyGeneratorOptions
 };
 //# sourceMappingURL=visualization.es322.js.map

package/dist/visualization.es322.js.map

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

@@ -1,9 +1,18 @@
-import { supportsLinearEasing as a } from "./visualization.es365.js";
-import { isGenerator as t } from "./visualization.es353.js";
-function i({ type: e, ...r }) {
-  return t(e) && a() ? e.applyToOptions(r) : (r.duration ?? (r.duration = 300), r.ease ?? (r.ease = "easeOut"), r);
+import { circInOut as r } from "./visualization.es461.js";
+import { backInOut as t } from "./visualization.es483.js";
+import { anticipate as o } from "./visualization.es482.js";
+const n = {
+  anticipate: o,
+  backInOut: t,
+  circInOut: r
+};
+function p(e) {
+  return e in n;
+}
+function u(e) {
+  typeof e.ease == "string" && p(e.ease) && (e.ease = n[e.ease]);
 }
 export {
-  i as applyGeneratorOptions
+  u as replaceStringEasing
 };
 //# sourceMappingURL=visualization.es323.js.map

package/dist/visualization.es323.js.map

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

@@ -1,18 +1,8 @@
-import { circInOut as r } from "./visualization.es462.js";
-import { backInOut as t } from "./visualization.es484.js";
-import { anticipate as o } from "./visualization.es483.js";
-const n = {
-  anticipate: o,
-  backInOut: t,
-  circInOut: r
-};
-function p(e) {
-  return e in n;
-}
-function u(e) {
-  typeof e.ease == "string" && p(e.ease) && (e.ease = n[e.ease]);
+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 {
-  u as replaceStringEasing
+  x as calcChildStagger
 };
 //# 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/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]}
+{"version":3,"file":"visualization.es324.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.es325.js

@@ -1,8 +1,32 @@
-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;
+import { isCSSVariableToken as c } from "./visualization.es326.js";
+import { invariant as l } from "./visualization.es314.js";
+import { isNumericalString as s } from "./visualization.es327.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 {
-  x as calcChildStagger
+  u as getVariableValue,
+  p as parseCSSVariable
 };
 //# 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/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]}
+{"version":3,"file":"visualization.es325.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.es326.js

@@ -1,32 +1,10 @@
-import { isCSSVariableToken as c } from "./visualization.es327.js";
-import { invariant as l } from "./visualization.es315.js";
-import { isNumericalString as s } from "./visualization.es328.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;
+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 {
-  u as getVariableValue,
-  p as parseCSSVariable
+  o as containsCSSVariable,
+  e as isCSSVariableName,
+  a as isCSSVariableToken
 };
 //# 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/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]}
+{"version":3,"file":"visualization.es326.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]}

package/dist/visualization.es327.js

@@ -1,10 +1,5 @@
-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(--");
-}
+const d = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
 export {
-  o as containsCSSVariable,
-  e as isCSSVariableName,
-  a as isCSSVariableToken
+  d as isNumericalString
 };
 //# 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/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]}
+{"version":3,"file":"visualization.es327.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-numerical-string.mjs"],"sourcesContent":["/**\n * Check if value is a numerical string, ie a string that is purely a number eg \"100\" or \"-100.1\"\n */\nconst isNumericalString = (v) => /^-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)$/u.test(v);\n\nexport { isNumericalString };\n//# sourceMappingURL=is-numerical-string.mjs.map\n"],"names":["isNumericalString","v"],"mappings":"AAGK,MAACA,IAAoB,CAACC,MAAM,+BAA+B,KAAKA,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es328.js

@@ -1,5 +1,23 @@
-const d = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+import { transformProps as s } from "./visualization.es329.js";
+const r = {
+  type: "spring",
+  stiffness: 500,
+  damping: 25,
+  restSpeed: 10
+}, n = (t) => ({
+  type: "spring",
+  stiffness: 550,
+  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
+  restSpeed: 10
+}), i = {
+  type: "keyframes",
+  duration: 0.8
+}, a = {
+  type: "keyframes",
+  ease: [0.25, 0.1, 0.35, 1],
+  duration: 0.3
+}, o = (t, { keyframes: e }) => e.length > 2 ? i : s.has(t) ? t.startsWith("scale") ? n(e[1]) : r : a;
 export {
-  d as isNumericalString
+  o as getDefaultTransition
 };
 //# sourceMappingURL=visualization.es328.js.map

package/dist/visualization.es328.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es328.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-numerical-string.mjs"],"sourcesContent":["/**\n * Check if value is a numerical string, ie a string that is purely a number eg \"100\" or \"-100.1\"\n */\nconst isNumericalString = (v) => /^-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)$/u.test(v);\n\nexport { isNumericalString };\n//# sourceMappingURL=is-numerical-string.mjs.map\n"],"names":["isNumericalString","v"],"mappings":"AAGK,MAACA,IAAoB,CAACC,MAAM,+BAA+B,KAAKA,CAAC;","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/utils/default-transitions.mjs"],"sourcesContent":["import { transformProps } from '../../render/utils/keys-transform.mjs';\n\nconst underDampedSpring = {\n    type: \"spring\",\n    stiffness: 500,\n    damping: 25,\n    restSpeed: 10,\n};\nconst criticallyDampedSpring = (target) => ({\n    type: \"spring\",\n    stiffness: 550,\n    damping: target === 0 ? 2 * Math.sqrt(550) : 30,\n    restSpeed: 10,\n});\nconst keyframesTransition = {\n    type: \"keyframes\",\n    duration: 0.8,\n};\n/**\n * Default easing curve is a slightly shallower version of\n * the default browser easing curve.\n */\nconst ease = {\n    type: \"keyframes\",\n    ease: [0.25, 0.1, 0.35, 1],\n    duration: 0.3,\n};\nconst getDefaultTransition = (valueKey, { keyframes }) => {\n    if (keyframes.length > 2) {\n        return keyframesTransition;\n    }\n    else if (transformProps.has(valueKey)) {\n        return valueKey.startsWith(\"scale\")\n            ? criticallyDampedSpring(keyframes[1])\n            : underDampedSpring;\n    }\n    return ease;\n};\n\nexport { getDefaultTransition };\n//# sourceMappingURL=default-transitions.mjs.map\n"],"names":["underDampedSpring","criticallyDampedSpring","target","keyframesTransition","ease","getDefaultTransition","valueKey","keyframes","transformProps"],"mappings":";AAEA,MAAMA,IAAoB;AAAA,EACtB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AACf,GACMC,IAAyB,CAACC,OAAY;AAAA,EACxC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAASA,MAAW,IAAI,IAAI,KAAK,KAAK,GAAG,IAAI;AAAA,EAC7C,WAAW;AACf,IACMC,IAAsB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AACd,GAKMC,IAAO;AAAA,EACT,MAAM;AAAA,EACN,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC;AAAA,EACzB,UAAU;AACd,GACMC,IAAuB,CAACC,GAAU,EAAE,WAAAC,QAClCA,EAAU,SAAS,IACZJ,IAEFK,EAAe,IAAIF,CAAQ,IACzBA,EAAS,WAAW,OAAO,IAC5BL,EAAuBM,EAAU,CAAC,CAAC,IACnCP,IAEHI;","x_google_ignoreList":[0]}

package/dist/visualization.es329.js

@@ -1,23 +1,24 @@
-import { transformProps as s } from "./visualization.es330.js";
-const r = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, n = (t) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), i = {
-  type: "keyframes",
-  duration: 0.8
-}, a = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, o = (t, { keyframes: e }) => e.length > 2 ? i : s.has(t) ? t.startsWith("scale") ? n(e[1]) : r : a;
+const t = [
+  "transformPerspective",
+  "x",
+  "y",
+  "z",
+  "translateX",
+  "translateY",
+  "translateZ",
+  "scale",
+  "scaleX",
+  "scaleY",
+  "rotate",
+  "rotateX",
+  "rotateY",
+  "rotateZ",
+  "skew",
+  "skewX",
+  "skewY"
+], e = new Set(t);
 export {
-  o as getDefaultTransition
+  t as transformPropOrder,
+  e as transformProps
 };
 //# sourceMappingURL=visualization.es329.js.map

package/dist/visualization.es329.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es329.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs"],"sourcesContent":["import { transformProps } from '../../render/utils/keys-transform.mjs';\n\nconst underDampedSpring = {\n    type: \"spring\",\n    stiffness: 500,\n    damping: 25,\n    restSpeed: 10,\n};\nconst criticallyDampedSpring = (target) => ({\n    type: \"spring\",\n    stiffness: 550,\n    damping: target === 0 ? 2 * Math.sqrt(550) : 30,\n    restSpeed: 10,\n});\nconst keyframesTransition = {\n    type: \"keyframes\",\n    duration: 0.8,\n};\n/**\n * Default easing curve is a slightly shallower version of\n * the default browser easing curve.\n */\nconst ease = {\n    type: \"keyframes\",\n    ease: [0.25, 0.1, 0.35, 1],\n    duration: 0.3,\n};\nconst getDefaultTransition = (valueKey, { keyframes }) => {\n    if (keyframes.length > 2) {\n        return keyframesTransition;\n    }\n    else if (transformProps.has(valueKey)) {\n        return valueKey.startsWith(\"scale\")\n            ? criticallyDampedSpring(keyframes[1])\n            : underDampedSpring;\n    }\n    return ease;\n};\n\nexport { getDefaultTransition };\n//# sourceMappingURL=default-transitions.mjs.map\n"],"names":["underDampedSpring","criticallyDampedSpring","target","keyframesTransition","ease","getDefaultTransition","valueKey","keyframes","transformProps"],"mappings":";AAEA,MAAMA,IAAoB;AAAA,EACtB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AACf,GACMC,IAAyB,CAACC,OAAY;AAAA,EACxC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAASA,MAAW,IAAI,IAAI,KAAK,KAAK,GAAG,IAAI;AAAA,EAC7C,WAAW;AACf,IACMC,IAAsB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AACd,GAKMC,IAAO;AAAA,EACT,MAAM;AAAA,EACN,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC;AAAA,EACzB,UAAU;AACd,GACMC,IAAuB,CAACC,GAAU,EAAE,WAAAC,QAClCA,EAAU,SAAS,IACZJ,IAEFK,EAAe,IAAIF,CAAQ,IACzBA,EAAS,WAAW,OAAO,IAC5BL,EAAuBM,EAAU,CAAC,CAAC,IACnCP,IAEHI;","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/render/utils/keys-transform.mjs"],"sourcesContent":["/**\n * Generate a list of every possible transform key.\n */\nconst transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n];\n/**\n * A quick lookup for transform props.\n */\nconst transformProps = /*@__PURE__*/ (() => new Set(transformPropOrder))();\n\nexport { transformPropOrder, transformProps };\n//# sourceMappingURL=keys-transform.mjs.map\n"],"names":["transformPropOrder","transformProps"],"mappings":"AAGK,MAACA,IAAqB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIMC,IAAsC,IAAI,IAAID,CAAkB;","x_google_ignoreList":[0]}