@weng-lab/visualization 2.4.0-beta.8 → 2.4.0

package/dist/visualization.es292.js

@@ -1,25 +1,39 @@
-import { lowercaseSVGElements as r } from "./visualization.es546.js";
-function s(e) {
-  return (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof e != "string" || /**
-     * If it contains a dash, the element is a custom HTML webcomponent.
-     */
-    e.includes("-") ? !1 : (
-      /**
-       * If it's in our list of lowercase SVG tags, it's an SVG component
-       */
-      !!(r.indexOf(e) > -1 || /**
-       * If it contains a capital letter, it's an SVG component
-       */
-      /[A-Z]/u.test(e))
-    )
-  );
+import { time as p } from "./visualization.es288.js";
+import { setStyle as c } from "./visualization.es311.js";
+import { JSAnimation as f } from "./visualization.es289.js";
+import { NativeAnimation as u } from "./visualization.es310.js";
+import { replaceTransitionType as d } from "./visualization.es305.js";
+import { replaceStringEasing as h } from "./visualization.es315.js";
+import { clamp as T } from "./visualization.es309.js";
+const o = 10;
+class N extends u {
+  constructor(t) {
+    h(t), d(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
+  }
+  /**
+   * WAAPI doesn't natively have any interruption capabilities.
+   *
+   * Rather than read committed styles back out of the DOM, we can
+   * create a renderless JS animation and sample it twice to calculate
+   * its current value, "previous" value, and therefore allow
+   * Motion to calculate velocity for any subsequent animation.
+   */
+  updateMotionValue(t) {
+    const { motionValue: e, onUpdate: y, onComplete: A, element: m, ...l } = this.options;
+    if (!e)
+      return;
+    if (t !== void 0) {
+      e.set(t);
+      return;
+    }
+    const i = new f({
+      ...l,
+      autoplay: !1
+    }), a = Math.max(o, p.now() - this.startTime), n = T(0, o, a - o), r = i.sample(a).value, { name: s } = this.options;
+    m && s && c(m, s, r), e.setWithVelocity(i.sample(Math.max(0, a - n)).value, r, n), i.stop();
+  }
 }
 export {
-  s as isSVGComponent
+  N as NativeAnimationExtended
 };
 //# sourceMappingURL=visualization.es292.js.map

package/dist/visualization.es292.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es292.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.mjs"],"sourcesContent":["import { lowercaseSVGElements } from '../../svg/lowercase-elements.mjs';\n\nfunction isSVGComponent(Component) {\n    if (\n    /**\n     * If it's not a string, it's a custom React component. Currently we only support\n     * HTML custom React components.\n     */\n    typeof Component !== \"string\" ||\n        /**\n         * If it contains a dash, the element is a custom HTML webcomponent.\n         */\n        Component.includes(\"-\")) {\n        return false;\n    }\n    else if (\n    /**\n     * If it's in our list of lowercase SVG tags, it's an SVG component\n     */\n    lowercaseSVGElements.indexOf(Component) > -1 ||\n        /**\n         * If it contains a capital letter, it's an SVG component\n         */\n        /[A-Z]/u.test(Component)) {\n        return true;\n    }\n    return false;\n}\n\nexport { isSVGComponent };\n//# sourceMappingURL=is-svg-component.mjs.map\n"],"names":["isSVGComponent","Component","lowercaseSVGElements"],"mappings":";AAEA,SAASA,EAAeC,GAAW;AAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAOA,KAAc;AAAA;AAAA;AAAA,IAIjBA,EAAU,SAAS,GAAG,IACf;AAAA;AAAA;AAAA;AAAA,MAMX,GAAAC,EAAqB,QAAQD,CAAS,IAAI;AAAA;AAAA;AAAA,MAItC,SAAS,KAAKA,CAAS;AAAA;AAAA;AAI/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es292.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.mjs"],"sourcesContent":["import { clamp } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { setStyle } from '../render/dom/style-set.mjs';\nimport { JSAnimation } from './JSAnimation.mjs';\nimport { NativeAnimation } from './NativeAnimation.mjs';\nimport { replaceTransitionType } from './utils/replace-transition-type.mjs';\nimport { replaceStringEasing } from './waapi/utils/unsupported-easing.mjs';\n\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10; //ms\nclass NativeAnimationExtended extends NativeAnimation {\n    constructor(options) {\n        /**\n         * The base NativeAnimation function only supports a subset\n         * of Motion easings, and WAAPI also only supports some\n         * easing functions via string/cubic-bezier definitions.\n         *\n         * This function replaces those unsupported easing functions\n         * with a JS easing function. This will later get compiled\n         * to a linear() easing function.\n         */\n        replaceStringEasing(options);\n        /**\n         * Ensure we replace the transition type with a generator function\n         * before passing to WAAPI.\n         *\n         * TODO: Does this have a better home? It could be shared with\n         * JSAnimation.\n         */\n        replaceTransitionType(options);\n        super(options);\n        /**\n         * Only set startTime when the animation should autoplay.\n         * Setting startTime on a paused WAAPI animation unpauses it\n         * (per the WAAPI spec), which breaks autoplay: false.\n         */\n        if (options.startTime !== undefined && options.autoplay !== false) {\n            this.startTime = options.startTime;\n        }\n        this.options = options;\n    }\n    /**\n     * WAAPI doesn't natively have any interruption capabilities.\n     *\n     * Rather than read committed styles back out of the DOM, we can\n     * create a renderless JS animation and sample it twice to calculate\n     * its current value, \"previous\" value, and therefore allow\n     * Motion to calculate velocity for any subsequent animation.\n     */\n    updateMotionValue(value) {\n        const { motionValue, onUpdate, onComplete, element, ...options } = this.options;\n        if (!motionValue)\n            return;\n        if (value !== undefined) {\n            motionValue.set(value);\n            return;\n        }\n        const sampleAnimation = new JSAnimation({\n            ...options,\n            autoplay: false,\n        });\n        /**\n         * Use wall-clock elapsed time for sampling.\n         * Under CPU load, WAAPI's currentTime may not reflect actual\n         * elapsed time, causing incorrect sampling and visual jumps.\n         */\n        const sampleTime = Math.max(sampleDelta, time.now() - this.startTime);\n        const delta = clamp(0, sampleDelta, sampleTime - sampleDelta);\n        const current = sampleAnimation.sample(sampleTime).value;\n        /**\n         * Write the estimated value to inline style so it persists\n         * after cancel(), covering the async gap before the next\n         * animation starts.\n         */\n        const { name } = this.options;\n        if (element && name)\n            setStyle(element, name, current);\n        motionValue.setWithVelocity(sampleAnimation.sample(Math.max(0, sampleTime - delta)).value, current, delta);\n        sampleAnimation.stop();\n    }\n}\n\nexport { NativeAnimationExtended };\n//# sourceMappingURL=NativeAnimationExtended.mjs.map\n"],"names":["sampleDelta","NativeAnimationExtended","NativeAnimation","options","replaceStringEasing","replaceTransitionType","value","motionValue","onUpdate","onComplete","element","sampleAnimation","JSAnimation","sampleTime","time","delta","clamp","current","name","setStyle"],"mappings":";;;;;;;AAaA,MAAMA,IAAc;AACpB,MAAMC,UAAgCC,EAAgB;AAAA,EAClD,YAAYC,GAAS;AAUjB,IAAAC,EAAoBD,CAAO,GAQ3BE,EAAsBF,CAAO,GAC7B,MAAMA,CAAO,GAMTA,EAAQ,cAAc,UAAaA,EAAQ,aAAa,OACxD,KAAK,YAAYA,EAAQ,YAE7B,KAAK,UAAUA;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,kBAAkBG,GAAO;AACrB,UAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,YAAAC,GAAY,SAAAC,GAAS,GAAGP,EAAO,IAAK,KAAK;AACxE,QAAI,CAACI;AACD;AACJ,QAAID,MAAU,QAAW;AACrB,MAAAC,EAAY,IAAID,CAAK;AACrB;AAAA,IACJ;AACA,UAAMK,IAAkB,IAAIC,EAAY;AAAA,MACpC,GAAGT;AAAA,MACH,UAAU;AAAA,IACtB,CAAS,GAMKU,IAAa,KAAK,IAAIb,GAAac,EAAK,IAAG,IAAK,KAAK,SAAS,GAC9DC,IAAQC,EAAM,GAAGhB,GAAaa,IAAab,CAAW,GACtDiB,IAAUN,EAAgB,OAAOE,CAAU,EAAE,OAM7C,EAAE,MAAAK,MAAS,KAAK;AACtB,IAAIR,KAAWQ,KACXC,EAAST,GAASQ,GAAMD,CAAO,GACnCV,EAAY,gBAAgBI,EAAgB,OAAO,KAAK,IAAI,GAAGE,IAAaE,CAAK,CAAC,EAAE,OAAOE,GAASF,CAAK,GACzGJ,EAAgB,KAAI;AAAA,EACxB;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es293.js

@@ -1,41 +1,24 @@
-import { transformProps as s } from "./visualization.es332.js";
-import { getDefaultValueType as a } from "./visualization.es420.js";
-import { createBox as m } from "./visualization.es436.js";
-import { DOMVisualElement as i } from "./visualization.es430.js";
-import { camelToDash as u } from "./visualization.es346.js";
-import { buildSVGAttrs as n } from "./visualization.es437.js";
-import { camelCaseAttributes as p } from "./visualization.es438.js";
-import { isSVGTag as l } from "./visualization.es439.js";
-import { renderSVG as f } from "./visualization.es440.js";
-import { scrapeMotionValuesFromProps as V } from "./visualization.es441.js";
-class A extends i {
-  constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = m;
-  }
-  getBaseTargetFromProps(t, r) {
-    return t[r];
-  }
-  readValueFromInstance(t, r) {
-    if (s.has(r)) {
-      const e = a(r);
-      return e && e.default || 0;
-    }
-    return r = p.has(r) ? r : u(r), t.getAttribute(r);
-  }
-  scrapeMotionValuesFromProps(t, r, e) {
-    return V(t, r, e);
-  }
-  build(t, r, e) {
-    n(t, r, this.isSVGTag, e.transformTemplate, e.style);
-  }
-  renderInstance(t, r, e, o) {
-    f(t, r, e, o);
-  }
-  mount(t) {
-    this.isSVGTag = l(t.tagName), super.mount(t);
-  }
+import { isGenerator as f } from "./visualization.es344.js";
+import { isAnimatable as l } from "./visualization.es547.js";
+import { warning as g } from "./visualization.es306.js";
+function s(t) {
+  const i = t[0];
+  if (t.length === 1)
+    return !0;
+  for (let n = 0; n < t.length; n++)
+    if (t[n] !== i)
+      return !0;
+}
+function h(t, i, n, u) {
+  const r = t[0];
+  if (r === null)
+    return !1;
+  if (i === "display" || i === "visibility")
+    return !0;
+  const o = t[t.length - 1], a = l(r, i), e = l(o, i);
+  return g(a === e, `You are trying to animate ${i} from "${r}" to "${o}". "${a ? o : r}" is not an animatable value.`, "value-not-animatable"), !a || !e ? !1 : s(t) || (n === "spring" || f(n)) && u;
 }
 export {
-  A as SVGVisualElement
+  h as canAnimate
 };
 //# sourceMappingURL=visualization.es293.js.map

package/dist/visualization.es293.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es293.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { transformProps } from '../utils/keys-transform.mjs';\nimport { getDefaultValueType } from '../../value/types/maps/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"svg\";\n        this.isSVGTag = false;\n        this.measureInstanceViewportBox = createBox;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement);\n    }\n    build(renderState, latestValues, props) {\n        buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate, props.style);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n//# sourceMappingURL=SVGVisualElement.mjs.map\n"],"names":["SVGVisualElement","DOMVisualElement","createBox","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","prevProps","visualElement","scrapeMotionValuesFromProps","renderState","latestValues","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":";;;;;;;;;;AAWA,MAAMA,UAAyBC,EAAiB;AAAA,EAC5C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,OAAO,OACZ,KAAK,WAAW,IAChB,KAAK,6BAA6BC;AAAA,EACtC;AAAA,EACA,uBAAuBC,GAAOC,GAAK;AAC/B,WAAOD,EAAMC,CAAG;AAAA,EACpB;AAAA,EACA,sBAAsBC,GAAUD,GAAK;AACjC,QAAIE,EAAe,IAAIF,CAAG,GAAG;AACzB,YAAMG,IAAcC,EAAoBJ,CAAG;AAC3C,aAAOG,KAAcA,EAAY,WAAW;AAAA,IAChD;AACA,WAAAH,IAAOK,EAAoB,IAAIL,CAAG,IAAuBA,IAAnBM,EAAYN,CAAG,GAC9CC,EAAS,aAAaD,CAAG;AAAA,EACpC;AAAA,EACA,4BAA4BD,GAAOQ,GAAWC,GAAe;AACzD,WAAOC,EAA4BV,GAAOQ,GAAWC,CAAa;AAAA,EACtE;AAAA,EACA,MAAME,GAAaC,GAAcZ,GAAO;AACpC,IAAAa,EAAcF,GAAaC,GAAc,KAAK,UAAUZ,EAAM,mBAAmBA,EAAM,KAAK;AAAA,EAChG;AAAA,EACA,eAAeE,GAAUS,GAAaG,GAAWC,GAAY;AACzD,IAAAC,EAAUd,GAAUS,GAAaG,GAAWC,CAAU;AAAA,EAC1D;AAAA,EACA,MAAMb,GAAU;AACZ,SAAK,WAAWe,EAASf,EAAS,OAAO,GACzC,MAAM,MAAMA,CAAQ;AAAA,EACxB;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es293.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/can-animate.mjs"],"sourcesContent":["import { warning } from 'motion-utils';\nimport { isGenerator } from '../generators/utils/is-generator.mjs';\nimport { isAnimatable } from './is-animatable.mjs';\n\nfunction hasKeyframesChanged(keyframes) {\n    const current = keyframes[0];\n    if (keyframes.length === 1)\n        return true;\n    for (let i = 0; i < keyframes.length; i++) {\n        if (keyframes[i] !== current)\n            return true;\n    }\n}\nfunction canAnimate(keyframes, name, type, velocity) {\n    /**\n     * Check if we're able to animate between the start and end keyframes,\n     * and throw a warning if we're attempting to animate between one that's\n     * animatable and another that isn't.\n     */\n    const originKeyframe = keyframes[0];\n    if (originKeyframe === null) {\n        return false;\n    }\n    /**\n     * These aren't traditionally animatable but we do support them.\n     * In future we could look into making this more generic or replacing\n     * this function with mix() === mixImmediate\n     */\n    if (name === \"display\" || name === \"visibility\")\n        return true;\n    const targetKeyframe = keyframes[keyframes.length - 1];\n    const isOriginAnimatable = isAnimatable(originKeyframe, name);\n    const isTargetAnimatable = isAnimatable(targetKeyframe, name);\n    warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${name} from \"${originKeyframe}\" to \"${targetKeyframe}\". \"${isOriginAnimatable ? targetKeyframe : originKeyframe}\" is not an animatable value.`, \"value-not-animatable\");\n    // Always skip if any of these are true\n    if (!isOriginAnimatable || !isTargetAnimatable) {\n        return false;\n    }\n    return (hasKeyframesChanged(keyframes) ||\n        ((type === \"spring\" || isGenerator(type)) && velocity));\n}\n\nexport { canAnimate };\n//# sourceMappingURL=can-animate.mjs.map\n"],"names":["hasKeyframesChanged","keyframes","current","i","canAnimate","name","type","velocity","originKeyframe","targetKeyframe","isOriginAnimatable","isAnimatable","isTargetAnimatable","warning","isGenerator"],"mappings":";;;AAIA,SAASA,EAAoBC,GAAW;AACpC,QAAMC,IAAUD,EAAU,CAAC;AAC3B,MAAIA,EAAU,WAAW;AACrB,WAAO;AACX,WAASE,IAAI,GAAGA,IAAIF,EAAU,QAAQE;AAClC,QAAIF,EAAUE,CAAC,MAAMD;AACjB,aAAO;AAEnB;AACA,SAASE,EAAWH,GAAWI,GAAMC,GAAMC,GAAU;AAMjD,QAAMC,IAAiBP,EAAU,CAAC;AAClC,MAAIO,MAAmB;AACnB,WAAO;AAOX,MAAIH,MAAS,aAAaA,MAAS;AAC/B,WAAO;AACX,QAAMI,IAAiBR,EAAUA,EAAU,SAAS,CAAC,GAC/CS,IAAqBC,EAAaH,GAAgBH,CAAI,GACtDO,IAAqBD,EAAaF,GAAgBJ,CAAI;AAG5D,SAFAQ,EAAQH,MAAuBE,GAAoB,6BAA6BP,CAAI,UAAUG,CAAc,SAASC,CAAc,OAAOC,IAAqBD,IAAiBD,CAAc,iCAAiC,sBAAsB,GAEjP,CAACE,KAAsB,CAACE,IACjB,KAEHZ,EAAoBC,CAAS,MAC/BK,MAAS,YAAYQ,EAAYR,CAAI,MAAMC;AACrD;","x_google_ignoreList":[0]}

package/dist/visualization.es294.js

@@ -1,38 +1,7 @@
-import { isCSSVariableName as s } from "./visualization.es329.js";
-import { transformProps as n } from "./visualization.es332.js";
-import { defaultTransformValue as a, readTransformValue as i } from "./visualization.es387.js";
-import { measureViewportBox as u } from "./visualization.es431.js";
-import { DOMVisualElement as p } from "./visualization.es430.js";
-import { buildHTMLStyles as l } from "./visualization.es432.js";
-import { renderHTML as f } from "./visualization.es433.js";
-import { scrapeMotionValuesFromProps as c } from "./visualization.es434.js";
-function d(m) {
-  return window.getComputedStyle(m);
-}
-class x extends p {
-  constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = f;
-  }
-  readValueFromInstance(e, r) {
-    if (n.has(r))
-      return this.projection?.isProjecting ? a(r) : i(e, r);
-    {
-      const t = d(e), o = (s(r) ? t.getPropertyValue(r) : t[r]) || 0;
-      return typeof o == "string" ? o.trim() : o;
-    }
-  }
-  measureInstanceViewportBox(e, { transformPagePoint: r }) {
-    return u(e, r);
-  }
-  build(e, r, t) {
-    l(e, r, t.transformTemplate);
-  }
-  scrapeMotionValuesFromProps(e, r, t) {
-    return c(e, r, t);
-  }
+function t(n) {
+  n.duration = 0, n.type = "keyframes";
 }
 export {
-  x as HTMLVisualElement,
-  d as getComputedStyle
+  t as makeAnimationInstant
 };
 //# sourceMappingURL=visualization.es294.js.map

package/dist/visualization.es294.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es294.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { isCSSVariableName } from '../../animation/utils/is-css-variable.mjs';\nimport { transformProps } from '../utils/keys-transform.mjs';\nimport { defaultTransformValue, readTransformValue } from '../dom/parse-transform.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"html\";\n        this.renderInstance = renderHTML;\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            return this.projection?.isProjecting\n                ? defaultTransformValue(key)\n                : readTransformValue(instance, key);\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, props) {\n        buildHTMLStyles(renderState, latestValues, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n//# sourceMappingURL=HTMLVisualElement.mjs.map\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","renderHTML","instance","key","transformProps","defaultTransformValue","readTransformValue","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","props","buildHTMLStyles","prevProps","visualElement","scrapeMotionValuesFromProps"],"mappings":";;;;;;;;AASA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,OAAO,QACZ,KAAK,iBAAiBC;AAAA,EAC1B;AAAA,EACA,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG;AACtB,aAAO,KAAK,YAAY,eAClBE,EAAsBF,CAAG,IACzBG,EAAmBJ,GAAUC,CAAG;AAErC;AACD,YAAMI,IAAgBV,EAAiBK,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACtD;AAAA,EACJ;AAAA,EACA,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EAC1D;AAAA,EACA,MAAME,GAAaC,GAAcC,GAAO;AACpC,IAAAC,EAAgBH,GAAaC,GAAcC,EAAM,iBAAiB;AAAA,EACtE;AAAA,EACA,4BAA4BA,GAAOE,GAAWC,GAAe;AACzD,WAAOC,EAA4BJ,GAAOE,GAAWC,CAAa;AAAA,EACtE;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es294.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.mjs"],"sourcesContent":["function makeAnimationInstant(options) {\n    options.duration = 0;\n    options.type = \"keyframes\";\n}\n\nexport { makeAnimationInstant };\n//# sourceMappingURL=make-animation-instant.mjs.map\n"],"names":["makeAnimationInstant","options"],"mappings":"AAAA,SAASA,EAAqBC,GAAS;AACnC,EAAAA,EAAQ,WAAW,GACnBA,EAAQ,OAAO;AACnB;","x_google_ignoreList":[0]}

package/dist/visualization.es295.js

@@ -1,18 +1,28 @@
-import { DragGesture as r } from "./visualization.es481.js";
-import { PanGesture as o } from "./visualization.es482.js";
-import { MeasureLayout as e } from "./visualization.es483.js";
-import { HTMLProjectionNode as t } from "./visualization.es474.js";
-const u = {
-  pan: {
-    Feature: o
-  },
-  drag: {
-    Feature: r,
-    ProjectionNode: t,
-    MeasureLayout: e
+class t {
+  constructor() {
+    this.updateFinished();
   }
-};
+  get finished() {
+    return this._finished;
+  }
+  updateFinished() {
+    this._finished = new Promise((i) => {
+      this.resolve = i;
+    });
+  }
+  notifyFinished() {
+    this.resolve();
+  }
+  /**
+   * Allows the animation to be awaited.
+   *
+   * @deprecated Use `finished` instead.
+   */
+  then(i, e) {
+    return this.finished.then(i, e);
+  }
+}
 export {
-  u as drag
+  t as WithPromise
 };
 //# sourceMappingURL=visualization.es295.js.map

package/dist/visualization.es295.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es295.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/drag.mjs"],"sourcesContent":["import { DragGesture } from '../../gestures/drag/index.mjs';\nimport { PanGesture } from '../../gestures/pan/index.mjs';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\nimport { HTMLProjectionNode } from 'motion-dom';\n\nconst drag = {\n    pan: {\n        Feature: PanGesture,\n    },\n    drag: {\n        Feature: DragGesture,\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n};\n\nexport { drag };\n//# sourceMappingURL=drag.mjs.map\n"],"names":["drag","PanGesture","DragGesture","HTMLProjectionNode","MeasureLayout"],"mappings":";;;;AAKK,MAACA,IAAO;AAAA,EACT,KAAK;AAAA,IACD,SAASC;AAAA,EACjB;AAAA,EACI,MAAM;AAAA,IACF,SAASC;AAAA,IACT,gBAAgBC;AAAA,IAChB,eAAAC;AAAA,EACR;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es295.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/WithPromise.mjs"],"sourcesContent":["class WithPromise {\n    constructor() {\n        this.updateFinished();\n    }\n    get finished() {\n        return this._finished;\n    }\n    updateFinished() {\n        this._finished = new Promise((resolve) => {\n            this.resolve = resolve;\n        });\n    }\n    notifyFinished() {\n        this.resolve();\n    }\n    /**\n     * Allows the animation to be awaited.\n     *\n     * @deprecated Use `finished` instead.\n     */\n    then(onResolve, onReject) {\n        return this.finished.then(onResolve, onReject);\n    }\n}\n\nexport { WithPromise };\n//# sourceMappingURL=WithPromise.mjs.map\n"],"names":["WithPromise","resolve","onResolve","onReject"],"mappings":"AAAA,MAAMA,EAAY;AAAA,EACd,cAAc;AACV,SAAK,eAAc;AAAA,EACvB;AAAA,EACA,IAAI,WAAW;AACX,WAAO,KAAK;AAAA,EAChB;AAAA,EACA,iBAAiB;AACb,SAAK,YAAY,IAAI,QAAQ,CAACC,MAAY;AACtC,WAAK,UAAUA;AAAA,IACnB,CAAC;AAAA,EACL;AAAA,EACA,iBAAiB;AACb,SAAK,QAAO;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,KAAKC,GAAWC,GAAU;AACtB,WAAO,KAAK,SAAS,KAAKD,GAAWC,CAAQ;AAAA,EACjD;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es296.js

@@ -1,22 +1,34 @@
-import { HoverGesture as e } from "./visualization.es477.js";
-import { FocusGesture as r } from "./visualization.es478.js";
-import { PressGesture as t } from "./visualization.es479.js";
-import { InViewFeature as o } from "./visualization.es480.js";
-const a = {
-  inView: {
-    Feature: o
-  },
-  tap: {
-    Feature: t
-  },
-  focus: {
-    Feature: r
-  },
-  hover: {
-    Feature: e
-  }
-};
+import { acceleratedValues as i } from "./visualization.es359.js";
+import { hasBrowserOnlyColors as c } from "./visualization.es360.js";
+import { memo as f } from "./visualization.es361.js";
+const u = /* @__PURE__ */ new Set([
+  "color",
+  "backgroundColor",
+  "outlineColor",
+  "fill",
+  "stroke",
+  "borderColor",
+  "borderTopColor",
+  "borderRightColor",
+  "borderBottomColor",
+  "borderLeftColor"
+]), b = /* @__PURE__ */ f(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function h(e) {
+  const { motionValue: r, name: o, repeatDelay: t, repeatType: n, damping: a, type: s, keyframes: l } = e;
+  if (!(r?.owner?.current instanceof HTMLElement))
+    return !1;
+  const { onUpdate: p, transformTemplate: m } = r.owner.getProps();
+  return b() && o && /**
+   * Force WAAPI for color properties with browser-only color formats
+   * (oklch, oklab, lab, lch, etc.) that the JS animation path can't parse.
+   */
+  (i.has(o) || u.has(o) && c(l)) && (o !== "transform" || !m) && /**
+   * If we're outputting values to onUpdate then we can't use WAAPI as there's
+   * no way to read the value from WAAPI every frame.
+   */
+  !p && !t && n !== "mirror" && a !== 0 && s !== "inertia";
+}
 export {
-  a as gestureAnimations
+  h as supportsBrowserAnimation
 };
 //# sourceMappingURL=visualization.es296.js.map

package/dist/visualization.es296.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es296.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/gestures.mjs"],"sourcesContent":["import { HoverGesture } from '../../gestures/hover.mjs';\nimport { FocusGesture } from '../../gestures/focus.mjs';\nimport { PressGesture } from '../../gestures/press.mjs';\nimport { InViewFeature } from './viewport/index.mjs';\n\nconst gestureAnimations = {\n    inView: {\n        Feature: InViewFeature,\n    },\n    tap: {\n        Feature: PressGesture,\n    },\n    focus: {\n        Feature: FocusGesture,\n    },\n    hover: {\n        Feature: HoverGesture,\n    },\n};\n\nexport { gestureAnimations };\n//# sourceMappingURL=gestures.mjs.map\n"],"names":["gestureAnimations","InViewFeature","PressGesture","FocusGesture","HoverGesture"],"mappings":";;;;AAKK,MAACA,IAAoB;AAAA,EACtB,QAAQ;AAAA,IACJ,SAASC;AAAA,EACjB;AAAA,EACI,KAAK;AAAA,IACD,SAASC;AAAA,EACjB;AAAA,EACI,OAAO;AAAA,IACH,SAASC;AAAA,EACjB;AAAA,EACI,OAAO;AAAA,IACH,SAASC;AAAA,EACjB;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es296.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.mjs"],"sourcesContent":["import { memo } from 'motion-utils';\nimport { acceleratedValues } from '../utils/accelerated-values.mjs';\nimport { hasBrowserOnlyColors } from '../utils/is-browser-color.mjs';\n\nconst colorProperties = new Set([\n    \"color\",\n    \"backgroundColor\",\n    \"outlineColor\",\n    \"fill\",\n    \"stroke\",\n    \"borderColor\",\n    \"borderTopColor\",\n    \"borderRightColor\",\n    \"borderBottomColor\",\n    \"borderLeftColor\",\n]);\nconst supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, \"animate\"));\nfunction supportsBrowserAnimation(options) {\n    const { motionValue, name, repeatDelay, repeatType, damping, type, keyframes, } = options;\n    const subject = motionValue?.owner?.current;\n    /**\n     * We use this check instead of isHTMLElement() because we explicitly\n     * **don't** want elements in different timing contexts (i.e. popups)\n     * to be accelerated, as it's not possible to sync these animations\n     * properly with those driven from the main window frameloop.\n     */\n    if (!(subject instanceof HTMLElement)) {\n        return false;\n    }\n    const { onUpdate, transformTemplate } = motionValue.owner.getProps();\n    return (supportsWaapi() &&\n        name &&\n        /**\n         * Force WAAPI for color properties with browser-only color formats\n         * (oklch, oklab, lab, lch, etc.) that the JS animation path can't parse.\n         */\n        (acceleratedValues.has(name) ||\n            (colorProperties.has(name) &&\n                hasBrowserOnlyColors(keyframes))) &&\n        (name !== \"transform\" || !transformTemplate) &&\n        /**\n         * If we're outputting values to onUpdate then we can't use WAAPI as there's\n         * no way to read the value from WAAPI every frame.\n         */\n        !onUpdate &&\n        !repeatDelay &&\n        repeatType !== \"mirror\" &&\n        damping !== 0 &&\n        type !== \"inertia\");\n}\n\nexport { supportsBrowserAnimation };\n//# sourceMappingURL=waapi.mjs.map\n"],"names":["colorProperties","supportsWaapi","memo","supportsBrowserAnimation","options","motionValue","name","repeatDelay","repeatType","damping","type","keyframes","onUpdate","transformTemplate","acceleratedValues","hasBrowserOnlyColors"],"mappings":";;;AAIA,MAAMA,IAAkB,oBAAI,IAAI;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC,GACKC,IAA8B,gBAAAC,EAAK,MAAM,OAAO,eAAe,KAAK,QAAQ,WAAW,SAAS,CAAC;AACvG,SAASC,EAAyBC,GAAS;AACvC,QAAM,EAAE,aAAAC,GAAa,MAAAC,GAAM,aAAAC,GAAa,YAAAC,GAAY,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAS,IAAMP;AAQlF,MAAI,EAPYC,GAAa,OAAO,mBAOX;AACrB,WAAO;AAEX,QAAM,EAAE,UAAAO,GAAU,mBAAAC,EAAiB,IAAKR,EAAY,MAAM,SAAQ;AAClE,SAAQJ,EAAa,KACjBK;AAAA;AAAA;AAAA;AAAA,GAKCQ,EAAkB,IAAIR,CAAI,KACtBN,EAAgB,IAAIM,CAAI,KACrBS,EAAqBJ,CAAS,OACrCL,MAAS,eAAe,CAACO;AAAA;AAAA;AAAA;AAAA,EAK1B,CAACD,KACD,CAACL,KACDC,MAAe,YACfC,MAAY,KACZC,MAAS;AACjB;","x_google_ignoreList":[0]}

package/dist/visualization.es297.js

@@ -1,12 +1,5 @@
-import { MeasureLayout as o } from "./visualization.es483.js";
-import { HTMLProjectionNode as t } from "./visualization.es474.js";
-const a = {
-  layout: {
-    ProjectionNode: t,
-    MeasureLayout: o
-  }
-};
+const o = {};
 export {
-  a as layout
+  o as MotionGlobalConfig
 };
 //# sourceMappingURL=visualization.es297.js.map

package/dist/visualization.es297.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es297.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/layout.mjs"],"sourcesContent":["import { HTMLProjectionNode } from 'motion-dom';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\n\nconst layout = {\n    layout: {\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n};\n\nexport { layout };\n//# sourceMappingURL=layout.mjs.map\n"],"names":["layout","HTMLProjectionNode","MeasureLayout"],"mappings":";;AAGK,MAACA,IAAS;AAAA,EACX,QAAQ;AAAA,IACJ,gBAAgBC;AAAA,IAChB,eAAAC;AAAA,EACR;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es297.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/global-config.mjs"],"sourcesContent":["const MotionGlobalConfig = {};\n\nexport { MotionGlobalConfig };\n//# sourceMappingURL=global-config.mjs.map\n"],"names":["MotionGlobalConfig"],"mappings":"AAAK,MAACA,IAAqB,CAAA;","x_google_ignoreList":[0]}

package/dist/visualization.es298.js

@@ -1,113 +1,5 @@
-import { time as v } from "./visualization.es299.js";
-import { JSAnimation as A } from "./visualization.es300.js";
-import { getFinalKeyframe as y } from "./visualization.es301.js";
-import { KeyframeResolver as g, flushKeyframeResolvers as R } from "./visualization.es302.js";
-import { NativeAnimationExtended as T } from "./visualization.es303.js";
-import { canAnimate as _ } from "./visualization.es304.js";
-import { makeAnimationInstant as w } from "./visualization.es305.js";
-import { WithPromise as K } from "./visualization.es306.js";
-import { supportsBrowserAnimation as D } from "./visualization.es307.js";
-import { MotionGlobalConfig as E } from "./visualization.es308.js";
-import { noop as k } from "./visualization.es309.js";
-const x = 40;
-class H extends K {
-  constructor({ autoplay: t = !0, delay: s = 0, type: e = "keyframes", repeat: h = 0, repeatDelay: l = 0, repeatType: f = "loop", keyframes: d, name: o, motionValue: r, element: a, ...m }) {
-    super(), this.stop = () => {
-      this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
-    }, this.createdAt = v.now();
-    const u = {
-      autoplay: t,
-      delay: s,
-      type: e,
-      repeat: h,
-      repeatDelay: l,
-      repeatType: f,
-      name: o,
-      motionValue: r,
-      element: a,
-      ...m
-    }, n = a?.KeyframeResolver || g;
-    this.keyframeResolver = new n(d, (c, p, i) => this.onKeyframesResolved(c, p, u, !i), o, r, a), this.keyframeResolver?.scheduleResolve();
-  }
-  onKeyframesResolved(t, s, e, h) {
-    this.keyframeResolver = void 0;
-    const { name: l, type: f, velocity: d, delay: o, isHandoff: r, onUpdate: a } = e;
-    this.resolvedAt = v.now();
-    let m = !0;
-    _(t, l, f, d) || (m = !1, (E.instantAnimations || !o) && a?.(y(t, e, s)), t[0] = t[t.length - 1], w(e), e.repeat = 0);
-    const n = {
-      startTime: h ? this.resolvedAt ? this.resolvedAt - this.createdAt > x ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
-      finalKeyframe: s,
-      ...e,
-      keyframes: t
-    }, c = m && !r && D(n), p = n.motionValue?.owner?.current;
-    let i;
-    if (c)
-      try {
-        i = new T({
-          ...n,
-          element: p
-        });
-      } catch {
-        i = new A(n);
-      }
-    else
-      i = new A(n);
-    i.finished.then(() => {
-      this.notifyFinished();
-    }).catch(k), this.pendingTimeline && (this.stopTimeline = i.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = i;
-  }
-  get finished() {
-    return this._animation ? this.animation.finished : this._finished;
-  }
-  then(t, s) {
-    return this.finished.finally(t).then(() => {
-    });
-  }
-  get animation() {
-    return this._animation || (this.keyframeResolver?.resume(), R()), this._animation;
-  }
-  get duration() {
-    return this.animation.duration;
-  }
-  get iterationDuration() {
-    return this.animation.iterationDuration;
-  }
-  get time() {
-    return this.animation.time;
-  }
-  set time(t) {
-    this.animation.time = t;
-  }
-  get speed() {
-    return this.animation.speed;
-  }
-  get state() {
-    return this.animation.state;
-  }
-  set speed(t) {
-    this.animation.speed = t;
-  }
-  get startTime() {
-    return this.animation.startTime;
-  }
-  attachTimeline(t) {
-    return this._animation ? this.stopTimeline = this.animation.attachTimeline(t) : this.pendingTimeline = t, () => this.stop();
-  }
-  play() {
-    this.animation.play();
-  }
-  pause() {
-    this.animation.pause();
-  }
-  complete() {
-    this.animation.complete();
-  }
-  cancel() {
-    this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
-  }
-}
+const n = /* @__NO_SIDE_EFFECTS__ */ (o) => o;
 export {
-  H as AsyncMotionValueAnimation
+  n as noop
 };
 //# sourceMappingURL=visualization.es298.js.map

package/dist/visualization.es298.js.map

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

package/dist/visualization.es299.js

@@ -1,16 +1,9 @@
-import { frameData as n } from "./visualization.es337.js";
-import { MotionGlobalConfig as i } from "./visualization.es308.js";
-let e;
-function t() {
-  e = void 0;
+import { getMixer as m } from "./visualization.es385.js";
+import { mixNumber as t } from "./visualization.es352.js";
+function o(e, r, i) {
+  return typeof e == "number" && typeof r == "number" && typeof i == "number" ? t(e, r, i) : m(e)(e, r);
 }
-const r = {
-  now: () => (e === void 0 && r.set(n.isProcessing || i.useManualTiming ? n.timestamp : performance.now()), e),
-  set: (o) => {
-    e = o, queueMicrotask(t);
-  }
-};
 export {
-  r as time
+  o as mix
 };
 //# sourceMappingURL=visualization.es299.js.map

package/dist/visualization.es299.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es299.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/sync-time.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { frameData } from './frame.mjs';\n\nlet now;\nfunction clearTime() {\n    now = undefined;\n}\n/**\n * An eventloop-synchronous alternative to performance.now().\n *\n * Ensures that time measurements remain consistent within a synchronous context.\n * Usually calling performance.now() twice within the same synchronous context\n * will return different values which isn't useful for animations when we're usually\n * trying to sync animations to the same frame.\n */\nconst time = {\n    now: () => {\n        if (now === undefined) {\n            time.set(frameData.isProcessing || MotionGlobalConfig.useManualTiming\n                ? frameData.timestamp\n                : performance.now());\n        }\n        return now;\n    },\n    set: (newTime) => {\n        now = newTime;\n        queueMicrotask(clearTime);\n    },\n};\n\nexport { time };\n//# sourceMappingURL=sync-time.mjs.map\n"],"names":["now","clearTime","time","frameData","MotionGlobalConfig","newTime"],"mappings":";;AAGA,IAAIA;AACJ,SAASC,IAAY;AACjB,EAAAD,IAAM;AACV;AASK,MAACE,IAAO;AAAA,EACT,KAAK,OACGF,MAAQ,UACRE,EAAK,IAAIC,EAAU,gBAAgBC,EAAmB,kBAChDD,EAAU,YACV,YAAY,IAAG,CAAE,GAEpBH;AAAA,EAEX,KAAK,CAACK,MAAY;AACd,IAAAL,IAAMK,GACN,eAAeJ,CAAS;AAAA,EAC5B;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es299.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/index.mjs"],"sourcesContent":["import { getMixer } from './complex.mjs';\nimport { mixNumber } from './number.mjs';\n\nfunction mix(from, to, p) {\n    if (typeof from === \"number\" &&\n        typeof to === \"number\" &&\n        typeof p === \"number\") {\n        return mixNumber(from, to, p);\n    }\n    const mixer = getMixer(from);\n    return mixer(from, to);\n}\n\nexport { mix };\n//# sourceMappingURL=index.mjs.map\n"],"names":["mix","from","to","p","mixNumber","getMixer"],"mappings":";;AAGA,SAASA,EAAIC,GAAMC,GAAIC,GAAG;AACtB,SAAI,OAAOF,KAAS,YAChB,OAAOC,KAAO,YACd,OAAOC,KAAM,WACNC,EAAUH,GAAMC,GAAIC,CAAC,IAElBE,EAASJ,CAAI,EACdA,GAAMC,CAAE;AACzB;","x_google_ignoreList":[0]}

package/dist/visualization.es3.js

@@ -1,20 +1,20 @@
 import { jsxs as s, Fragment as wt, jsx as n } from "react/jsx-runtime";
 import { c as ce } from "react/compiler-runtime";
 import { useRef as ae, useImperativeHandle as de, useState as fe } from "react";
-import { downloadSVGAsPNG as me, downloadAsSVG as he } from "./visualization.es31.js";
+import { downloadSVGAsPNG as me, downloadAsSVG as he } from "./visualization.es22.js";
 import { useResponsiveParentSize as pe } from "./visualization.es18.js";
-import Zt from "./visualization.es26.js";
-import Bt from "./visualization.es25.js";
-import ue from "./visualization.es24.js";
-import q from "./visualization.es51.js";
-import ge from "./visualization.es55.js";
-import xe from "./visualization.es56.js";
-import J from "./visualization.es34.js";
-import ye from "./visualization.es21.js";
-import be from "./visualization.es22.js";
-import { defaultStyles as Se } from "./visualization.es28.js";
+import Zt from "./visualization.es23.js";
+import Bt from "./visualization.es24.js";
+import ue from "./visualization.es36.js";
+import q from "./visualization.es25.js";
+import ge from "./visualization.es62.js";
+import xe from "./visualization.es29.js";
+import J from "./visualization.es26.js";
+import ye from "./visualization.es54.js";
+import be from "./visualization.es63.js";
+import { defaultStyles as Se } from "./visualization.es53.js";
 import { ResponsiveContainer as te } from "./visualization.es14.js";
-import Le from "./visualization.es52.js";
+import Le from "./visualization.es28.js";
 function we(o, t, i) {
   const y = [], X = (t - o) / (i - 1);
   let w = o;