@weng-lab/visualization 2.4.0-beta.5 → 2.4.0-beta.6

package/dist/visualization.es296.js

@@ -1,5 +1,63 @@
-const n = (t, e, r) => r > e ? e : r < t ? t : r;
+import { jsxs as S, jsx as g } from "react/jsx-runtime";
+import { forwardRef as x, useContext as l } from "react";
+import { LayoutGroupContext as E } from "./visualization.es201.js";
+import { LazyContext as L } from "./visualization.es292.js";
+import { MotionConfigContext as V } from "./visualization.es202.js";
+import { MotionContext as j } from "./visualization.es188.js";
+import { useCreateMotionContext as w } from "./visualization.es532.js";
+import { useRender as N } from "./visualization.es533.js";
+import { isSVGComponent as P } from "./visualization.es298.js";
+import { useHTMLVisualState as C } from "./visualization.es534.js";
+import { useSVGVisualState as b } from "./visualization.es535.js";
+import { getInitializedFeatureDefinitions as h } from "./visualization.es294.js";
+import { loadFeatures as z } from "./visualization.es293.js";
+import { motionComponentSymbol as G } from "./visualization.es499.js";
+import { useMotionRef as D } from "./visualization.es536.js";
+import { useVisualElement as R } from "./visualization.es537.js";
+import { warning as I, invariant as k } from "./visualization.es326.js";
+function it(t, { forwardMotionProps: e = !1, type: i } = {}, o, s) {
+  o && z(o);
+  const m = i ? i === "svg" : P(t), M = m ? b : C;
+  function d(n, v) {
+    let u;
+    const r = {
+      ...l(V),
+      ...n,
+      layoutId: F(n)
+    }, { isStatic: c } = r, a = w(n), f = M(n, c);
+    if (!c && typeof window < "u") {
+      O(r, o);
+      const p = T(r);
+      u = p.MeasureLayout, a.visualElement = R(t, f, r, s, p.ProjectionNode, m);
+    }
+    return S(j.Provider, { value: a, children: [u && a.visualElement ? g(u, { visualElement: a.visualElement, ...r }) : null, N(t, n, D(f, a.visualElement, v), f, c, e, m)] });
+  }
+  d.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
+  const y = x(d);
+  return y[G] = t, y;
+}
+function F({ layoutId: t }) {
+  const e = l(E).id;
+  return e && t !== void 0 ? e + "-" + t : t;
+}
+function O(t, e) {
+  const i = l(L).strict;
+  if (process.env.NODE_ENV !== "production" && e && i) {
+    const o = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
+    t.ignoreStrict ? I(!1, o, "lazy-strict-mode") : k(!1, o, "lazy-strict-mode");
+  }
+}
+function T(t) {
+  const e = h(), { drag: i, layout: o } = e;
+  if (!i && !o)
+    return {};
+  const s = { ...i, ...o };
+  return {
+    MeasureLayout: i?.isEnabled(t) || o?.isEnabled(t) ? s.MeasureLayout : void 0,
+    ProjectionNode: s.ProjectionNode
+  };
+}
 export {
-  n as clamp
+  it as createMotionComponent
 };
 //# sourceMappingURL=visualization.es296.js.map

package/dist/visualization.es296.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es296.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/clamp.mjs"],"sourcesContent":["const clamp = (min, max, v) => {\n    if (v > max)\n        return max;\n    if (v < min)\n        return min;\n    return v;\n};\n\nexport { clamp };\n//# sourceMappingURL=clamp.mjs.map\n"],"names":["clamp","min","max","v"],"mappings":"AAAK,MAACA,IAAQ,CAACC,GAAKC,GAAKC,MACjBA,IAAID,IACGA,IACPC,IAAIF,IACGA,IACJE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.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/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { warning, invariant } from 'motion-utils';\nimport { forwardRef, useContext } from 'react';\nimport { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';\nimport { LazyContext } from '../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../context/MotionContext/index.mjs';\nimport { useCreateMotionContext } from '../context/MotionContext/create.mjs';\nimport { useRender } from '../render/dom/use-render.mjs';\nimport { isSVGComponent } from '../render/dom/utils/is-svg-component.mjs';\nimport { useHTMLVisualState } from '../render/html/use-html-visual-state.mjs';\nimport { useSVGVisualState } from '../render/svg/use-svg-visual-state.mjs';\nimport { getInitializedFeatureDefinitions } from './features/definitions.mjs';\nimport { loadFeatures } from './features/load-features.mjs';\nimport { motionComponentSymbol } from './utils/symbol.mjs';\nimport { useMotionRef } from './utils/use-motion-ref.mjs';\nimport { useVisualElement } from './utils/use-visual-element.mjs';\n\n/**\n * Create a `motion` component.\n *\n * This function accepts a Component argument, which can be either a string (ie \"div\"\n * for `motion.div`), or an actual React component.\n *\n * Alongside this is a config option which provides a way of rendering the provided\n * component \"offline\", or outside the React render cycle.\n */\nfunction createMotionComponent(Component, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {\n    preloadedFeatures && loadFeatures(preloadedFeatures);\n    /**\n     * Determine whether to use SVG or HTML rendering based on:\n     * 1. Explicit `type` option (highest priority)\n     * 2. Auto-detection via `isSVGComponent`\n     */\n    const isSVG = type ? type === \"svg\" : isSVGComponent(Component);\n    const useVisualState = isSVG ? useSVGVisualState : useHTMLVisualState;\n    function MotionDOMComponent(props, externalRef) {\n        /**\n         * If we need to measure the element we load this functionality in a\n         * separate class component in order to gain access to getSnapshotBeforeUpdate.\n         */\n        let MeasureLayout;\n        const configAndProps = {\n            ...useContext(MotionConfigContext),\n            ...props,\n            layoutId: useLayoutId(props),\n        };\n        const { isStatic } = configAndProps;\n        const context = useCreateMotionContext(props);\n        const visualState = useVisualState(props, isStatic);\n        if (!isStatic && typeof window !== \"undefined\") {\n            useStrictMode(configAndProps, preloadedFeatures);\n            const layoutProjection = getProjectionFunctionality(configAndProps);\n            MeasureLayout = layoutProjection.MeasureLayout;\n            /**\n             * Create a VisualElement for this component. A VisualElement provides a common\n             * interface to renderer-specific APIs (ie DOM/Three.js etc) as well as\n             * providing a way of rendering to these APIs outside of the React render loop\n             * for more performant animations and interactions\n             */\n            context.visualElement = useVisualElement(Component, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);\n        }\n        /**\n         * The mount order and hierarchy is specific to ensure our element ref\n         * is hydrated by the time features fire their effects.\n         */\n        return (jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout && context.visualElement ? (jsx(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null, useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG)] }));\n    }\n    MotionDOMComponent.displayName = `motion.${typeof Component === \"string\"\n        ? Component\n        : `create(${Component.displayName ?? Component.name ?? \"\"})`}`;\n    const ForwardRefMotionComponent = forwardRef(MotionDOMComponent);\n    ForwardRefMotionComponent[motionComponentSymbol] = Component;\n    return ForwardRefMotionComponent;\n}\nfunction useLayoutId({ layoutId }) {\n    const layoutGroupId = useContext(LayoutGroupContext).id;\n    return layoutGroupId && layoutId !== undefined\n        ? layoutGroupId + \"-\" + layoutId\n        : layoutId;\n}\nfunction useStrictMode(configAndProps, preloadedFeatures) {\n    const isStrict = useContext(LazyContext).strict;\n    /**\n     * If we're in development mode, check to make sure we're not rendering a motion component\n     * as a child of LazyMotion, as this will break the file-size benefits of using it.\n     */\n    if (process.env.NODE_ENV !== \"production\" &&\n        preloadedFeatures &&\n        isStrict) {\n        const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n        configAndProps.ignoreStrict\n            ? warning(false, strictMessage, \"lazy-strict-mode\")\n            : invariant(false, strictMessage, \"lazy-strict-mode\");\n    }\n}\nfunction getProjectionFunctionality(props) {\n    const featureDefinitions = getInitializedFeatureDefinitions();\n    const { drag, layout } = featureDefinitions;\n    if (!drag && !layout)\n        return {};\n    const combined = { ...drag, ...layout };\n    return {\n        MeasureLayout: drag?.isEnabled(props) || layout?.isEnabled(props)\n            ? combined.MeasureLayout\n            : undefined,\n        ProjectionNode: combined.ProjectionNode,\n    };\n}\n\nexport { createMotionComponent };\n//# sourceMappingURL=index.mjs.map\n"],"names":["createMotionComponent","Component","forwardMotionProps","type","preloadedFeatures","createVisualElement","loadFeatures","isSVG","isSVGComponent","useVisualState","useSVGVisualState","useHTMLVisualState","MotionDOMComponent","props","externalRef","MeasureLayout","configAndProps","useContext","MotionConfigContext","useLayoutId","isStatic","context","useCreateMotionContext","visualState","useStrictMode","layoutProjection","getProjectionFunctionality","useVisualElement","jsxs","MotionContext","jsx","useRender","useMotionRef","ForwardRefMotionComponent","forwardRef","motionComponentSymbol","layoutId","layoutGroupId","LayoutGroupContext","isStrict","LazyContext","strictMessage","warning","invariant","featureDefinitions","getInitializedFeatureDefinitions","drag","layout","combined"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,SAASA,GAAsBC,GAAW,EAAE,oBAAAC,IAAqB,IAAO,MAAAC,MAAS,CAAA,GAAIC,GAAmBC,GAAqB;AACzH,EAAAD,KAAqBE,EAAaF,CAAiB;AAMnD,QAAMG,IAAQJ,IAAOA,MAAS,QAAQK,EAAeP,CAAS,GACxDQ,IAAiBF,IAAQG,IAAoBC;AACnD,WAASC,EAAmBC,GAAOC,GAAa;AAK5C,QAAIC;AACJ,UAAMC,IAAiB;AAAA,MACnB,GAAGC,EAAWC,CAAmB;AAAA,MACjC,GAAGL;AAAA,MACH,UAAUM,EAAYN,CAAK;AAAA,IACvC,GACc,EAAE,UAAAO,EAAQ,IAAKJ,GACfK,IAAUC,EAAuBT,CAAK,GACtCU,IAAcd,EAAeI,GAAOO,CAAQ;AAClD,QAAI,CAACA,KAAY,OAAO,SAAW,KAAa;AAC5C,MAAAI,EAAcR,GAAgBZ,CAAiB;AAC/C,YAAMqB,IAAmBC,EAA2BV,CAAc;AAClE,MAAAD,IAAgBU,EAAiB,eAOjCJ,EAAQ,gBAAgBM,EAAiB1B,GAAWsB,GAAaP,GAAgBX,GAAqBoB,EAAiB,gBAAgBlB,CAAK;AAAA,IAChJ;AAKA,WAAQqB,EAAKC,EAAc,UAAU,EAAE,OAAOR,GAAS,UAAU,CAACN,KAAiBM,EAAQ,gBAAiBS,EAAIf,GAAe,EAAE,eAAeM,EAAQ,eAAe,GAAGL,EAAc,CAAE,IAAK,MAAMe,EAAU9B,GAAWY,GAAOmB,EAAaT,GAAaF,EAAQ,eAAeP,CAAW,GAAGS,GAAaH,GAAUlB,GAAoBK,CAAK,CAAC,GAAG;AAAA,EACxV;AACA,EAAAK,EAAmB,cAAc,UAAU,OAAOX,KAAc,WAC1DA,IACA,UAAUA,EAAU,eAAeA,EAAU,QAAQ,EAAE,GAAG;AAChE,QAAMgC,IAA4BC,EAAWtB,CAAkB;AAC/D,SAAAqB,EAA0BE,CAAqB,IAAIlC,GAC5CgC;AACX;AACA,SAASd,EAAY,EAAE,UAAAiB,KAAY;AAC/B,QAAMC,IAAgBpB,EAAWqB,CAAkB,EAAE;AACrD,SAAOD,KAAiBD,MAAa,SAC/BC,IAAgB,MAAMD,IACtBA;AACV;AACA,SAASZ,EAAcR,GAAgBZ,GAAmB;AACtD,QAAMmC,IAAWtB,EAAWuB,CAAW,EAAE;AAKzC,MAAI,QAAQ,IAAI,aAAa,gBACzBpC,KACAmC,GAAU;AACV,UAAME,IAAgB;AACtB,IAAAzB,EAAe,eACT0B,EAAQ,IAAOD,GAAe,kBAAkB,IAChDE,EAAU,IAAOF,GAAe,kBAAkB;AAAA,EAC5D;AACJ;AACA,SAASf,EAA2Bb,GAAO;AACvC,QAAM+B,IAAqBC,EAAgC,GACrD,EAAE,MAAAC,GAAM,QAAAC,EAAM,IAAKH;AACzB,MAAI,CAACE,KAAQ,CAACC;AACV,WAAO,CAAA;AACX,QAAMC,IAAW,EAAE,GAAGF,GAAM,GAAGC,EAAM;AACrC,SAAO;AAAA,IACH,eAAeD,GAAM,UAAUjC,CAAK,KAAKkC,GAAQ,UAAUlC,CAAK,IAC1DmC,EAAS,gBACT;AAAA,IACN,gBAAgBA,EAAS;AAAA,EACjC;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es297.js

@@ -1,107 +1,9 @@
-import { setStyle as u } from "./visualization.es298.js";
-import { supportsScrollTimeline as p } from "./visualization.es299.js";
-import { getFinalKeyframe as f } from "./visualization.es277.js";
-import { WithPromise as d } from "./visualization.es282.js";
-import { startWaapiAnimation as c } from "./visualization.es300.js";
-import { applyGeneratorOptions as T } from "./visualization.es301.js";
-import { invariant as y } from "./visualization.es293.js";
-import { millisecondsToSeconds as a, secondsToMilliseconds as S } from "./visualization.es295.js";
-import { noop as g } from "./visualization.es285.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 { formatErrorMessage as a } from "./visualization.es493.js";
+const n = /* @__PURE__ */ new Set();
+function c(o, r, t) {
+  o || n.has(r) || (console.warn(a(r, t)), n.add(r));
 }
 export {
-  v as NativeAnimation
+  c as warnOnce
 };
 //# sourceMappingURL=visualization.es297.js.map

package/dist/visualization.es297.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es297.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.es297.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/warn-once.mjs"],"sourcesContent":["import { formatErrorMessage } from './format-error-message.mjs';\n\nconst warned = new Set();\nfunction hasWarned(message) {\n    return warned.has(message);\n}\nfunction warnOnce(condition, message, errorCode) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(formatErrorMessage(message, errorCode));\n    warned.add(message);\n}\n\nexport { hasWarned, warnOnce };\n//# sourceMappingURL=warn-once.mjs.map\n"],"names":["warned","warnOnce","condition","message","errorCode","formatErrorMessage"],"mappings":";AAEA,MAAMA,IAAS,oBAAI,IAAG;AAItB,SAASC,EAASC,GAAWC,GAASC,GAAW;AAC7C,EAAIF,KAAaF,EAAO,IAAIG,CAAO,MAEnC,QAAQ,KAAKE,EAAmBF,GAASC,CAAS,CAAC,GACnDJ,EAAO,IAAIG,CAAO;AACtB;","x_google_ignoreList":[0]}

package/dist/visualization.es298.js

@@ -1,8 +1,25 @@
-import { isCSSVar as s } from "./visualization.es364.js";
-function i(r, t, o) {
-  s(t) ? r.style.setProperty(t, o) : r.style[t] = o;
+import { lowercaseSVGElements as r } from "./visualization.es538.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))
+    )
+  );
 }
 export {
-  i as setStyle
+  s as isSVGComponent
 };
 //# 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/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.es298.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]}

package/dist/visualization.es299.js

@@ -1,6 +1,41 @@
-import { memoSupports as o } from "./visualization.es384.js";
-const i = /* @__PURE__ */ o(() => window.ScrollTimeline !== void 0, "scrollTimeline");
+import { transformProps as s } from "./visualization.es341.js";
+import { getDefaultValueType as a } from "./visualization.es429.js";
+import { createBox as m } from "./visualization.es445.js";
+import { DOMVisualElement as i } from "./visualization.es439.js";
+import { camelToDash as u } from "./visualization.es355.js";
+import { buildSVGAttrs as n } from "./visualization.es446.js";
+import { camelCaseAttributes as p } from "./visualization.es447.js";
+import { isSVGTag as l } from "./visualization.es448.js";
+import { renderSVG as f } from "./visualization.es449.js";
+import { scrapeMotionValuesFromProps as V } from "./visualization.es450.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);
+  }
+}
 export {
-  i as supportsScrollTimeline
+  A as SVGVisualElement
 };
 //# 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/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.es299.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]}

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.es24.js";
+import { downloadSVGAsPNG as me, downloadAsSVG as he } from "./visualization.es29.js";
 import { useResponsiveParentSize as pe } from "./visualization.es18.js";
-import Zt from "./visualization.es27.js";
-import Bt from "./visualization.es28.js";
-import ue from "./visualization.es52.js";
-import q from "./visualization.es41.js";
-import ge from "./visualization.es59.js";
-import xe from "./visualization.es37.js";
-import J from "./visualization.es29.js";
-import ye from "./visualization.es21.js";
-import be from "./visualization.es22.js";
-import { defaultStyles as Se } from "./visualization.es55.js";
+import Zt from "./visualization.es23.js";
+import Bt from "./visualization.es22.js";
+import ue from "./visualization.es21.js";
+import q from "./visualization.es30.js";
+import ge from "./visualization.es71.js";
+import xe from "./visualization.es34.js";
+import J from "./visualization.es31.js";
+import ye from "./visualization.es64.js";
+import be from "./visualization.es72.js";
+import { defaultStyles as Se } from "./visualization.es25.js";
 import { ResponsiveContainer as te } from "./visualization.es14.js";
-import Le from "./visualization.es38.js";
+import Le from "./visualization.es33.js";
 function we(o, t, i) {
   const y = [], X = (t - o) / (i - 1);
   let w = o;

package/dist/visualization.es30.js

@@ -1,37 +1,51 @@
-import l from "./visualization.es128.js";
-import n from "./visualization.es138.js";
-import f from "./visualization.es143.js";
-import { jsx as p } from "react/jsx-runtime";
-const m = {
-  dy: "-0.75em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "middle"
+import g from "./visualization.es157.js";
+import { jsx as t } from "react/jsx-runtime";
+const p = {
+  overflow: "visible"
 };
-function L(o) {
-  let {
-    axisClassName: i,
-    labelOffset: e = 8,
-    tickLength: s = 8,
-    tickLabelProps: t,
-    ...r
-  } = o;
-  const a = typeof t == "function" ? t : {
-    ...m,
-    ...t
-  };
-  return /* @__PURE__ */ p(n, {
-    axisClassName: l("visx-axis-top", i),
-    labelOffset: e,
-    orientation: f.top,
-    tickLabelProps: a,
-    tickLength: s,
-    ...r
+function z(e) {
+  const {
+    dx: s = 0,
+    dy: i = 0,
+    textAnchor: l = "start",
+    innerRef: c,
+    innerTextRef: f,
+    verticalAnchor: u,
+    angle: T,
+    lineHeight: a = "1em",
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    scaleToFit: v = !1,
+    capHeight: w,
+    width: S,
+    ...n
+  } = e, {
+    x = 0,
+    fontSize: h
+  } = n, {
+    wordsByLines: r,
+    startDy: d,
+    transform: m
+  } = g(e);
+  return /* @__PURE__ */ t("svg", {
+    ref: c,
+    x: s,
+    y: i,
+    fontSize: h,
+    style: p,
+    children: r.length > 0 ? /* @__PURE__ */ t("text", {
+      ref: f,
+      transform: m,
+      ...n,
+      textAnchor: l,
+      children: r.map((y, o) => /* @__PURE__ */ t("tspan", {
+        x,
+        dy: o === 0 ? d : a,
+        children: y.words.join(" ")
+      }, o))
+    }) : null
   });
 }
 export {
-  L as default,
-  m as topTickLabelProps
+  z as default
 };
 //# sourceMappingURL=visualization.es30.js.map

package/dist/visualization.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es30.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisTop.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const topTickLabelProps = {\n  dy: '-0.75em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'middle'\n};\nexport default function AxisTop(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 8,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...topTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-top', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.top,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["topTickLabelProps","AxisTop","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAQC,GAAM;AACpC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,iBAAiBR,CAAa;AAAA,IAChD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es30.js","sources":["../../../node_modules/.pnpm/@visx+text@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/text/esm/Text.js"],"sourcesContent":["import useText from \"./hooks/useText.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst SVG_STYLE = {\n  overflow: 'visible'\n};\nexport default function Text(props) {\n  const {\n    dx = 0,\n    dy = 0,\n    textAnchor = 'start',\n    innerRef,\n    innerTextRef,\n    verticalAnchor,\n    angle,\n    lineHeight = '1em',\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    scaleToFit = false,\n    capHeight,\n    width,\n    ...textProps\n  } = props;\n  const {\n    x = 0,\n    fontSize\n  } = textProps;\n  const {\n    wordsByLines,\n    startDy,\n    transform\n  } = useText(props);\n  return /*#__PURE__*/_jsx(\"svg\", {\n    ref: innerRef,\n    x: dx,\n    y: dy,\n    fontSize: fontSize,\n    style: SVG_STYLE,\n    children: wordsByLines.length > 0 ? /*#__PURE__*/_jsx(\"text\", {\n      ref: innerTextRef,\n      transform: transform,\n      ...textProps,\n      textAnchor: textAnchor,\n      children: wordsByLines.map((line, index) => /*#__PURE__*/_jsx(\"tspan\", {\n        x: x,\n        dy: index === 0 ? startDy : lineHeight,\n        children: line.words.join(' ')\n      }, index))\n    }) : null\n  });\n}"],"names":["SVG_STYLE","Text","props","dx","dy","textAnchor","innerRef","innerTextRef","verticalAnchor","angle","lineHeight","scaleToFit","capHeight","width","textProps","fontSize","wordsByLines","startDy","transform","useText","_jsx","line","index"],"mappings":";;AAEA,MAAMA,IAAY;AAAA,EAChB,UAAU;AACZ;AACe,SAASC,EAAKC,GAAO;AAClC,QAAM;AAAA,IACJ,IAAAC,IAAK;AAAA,IACL,IAAAC,IAAK;AAAA,IACL,YAAAC,IAAa;AAAA,IACb,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA;AAAA,IAEb,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMZ,GACE;AAAA,IACJ,IAAI;AAAA,IACJ,UAAAa;AAAA,EACJ,IAAMD,GACE;AAAA,IACJ,cAAAE;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,EACJ,IAAMC,EAAQjB,CAAK;AACjB,SAAoBkB,gBAAAA,EAAK,OAAO;AAAA,IAC9B,KAAKd;AAAA,IACL,GAAGH;AAAA,IACH,GAAGC;AAAA,IACH,UAAUW;AAAA,IACV,OAAOf;AAAA,IACP,UAAUgB,EAAa,SAAS,IAAiBI,gBAAAA,EAAK,QAAQ;AAAA,MAC5D,KAAKb;AAAA,MACL,WAAWW;AAAA,MACX,GAAGJ;AAAA,MACH,YAAYT;AAAA,MACZ,UAAUW,EAAa,IAAI,CAACK,GAAMC,MAAuBF,gBAAAA,EAAK,SAAS;AAAA,QACrE;AAAA,QACA,IAAIE,MAAU,IAAIL,IAAUP;AAAA,QAC5B,UAAUW,EAAK,MAAM,KAAK,GAAG;AAAA,MACrC,GAASC,CAAK,CAAC;AAAA,IACf,CAAK,IAAI;AAAA,EACT,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es300.js

@@ -1,22 +1,38 @@
-import { mapEasingToNativeEasing as g } from "./visualization.es342.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 { isCSSVariableName as s } from "./visualization.es338.js";
+import { transformProps as n } from "./visualization.es341.js";
+import { defaultTransformValue as a, readTransformValue as i } from "./visualization.es396.js";
+import { measureViewportBox as u } from "./visualization.es440.js";
+import { DOMVisualElement as p } from "./visualization.es439.js";
+import { buildHTMLStyles as l } from "./visualization.es441.js";
+import { renderHTML as f } from "./visualization.es442.js";
+import { scrapeMotionValuesFromProps as c } from "./visualization.es443.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);
+  }
 }
 export {
-  u as startWaapiAnimation
+  x as HTMLVisualElement,
+  d as getComputedStyle
 };
 //# sourceMappingURL=visualization.es300.js.map

package/dist/visualization.es300.js.map

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

package/dist/visualization.es301.js

@@ -1,9 +1,18 @@
-import { supportsLinearEasing as a } from "./visualization.es343.js";
-import { isGenerator as t } from "./visualization.es331.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 { DragGesture as r } from "./visualization.es490.js";
+import { PanGesture as o } from "./visualization.es491.js";
+import { MeasureLayout as e } from "./visualization.es492.js";
+import { HTMLProjectionNode as t } from "./visualization.es483.js";
+const u = {
+  pan: {
+    Feature: o
+  },
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
+  }
+};
 export {
-  i as applyGeneratorOptions
+  u as drag
 };
 //# sourceMappingURL=visualization.es301.js.map

package/dist/visualization.es301.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es301.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/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.es301.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]}