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

package/dist/visualization.es284.js

@@ -1,63 +1,5 @@
-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.es223.js";
-import { LazyContext as L } from "./visualization.es280.js";
-import { MotionConfigContext as V } from "./visualization.es224.js";
-import { MotionContext as j } from "./visualization.es210.js";
-import { useCreateMotionContext as w } from "./visualization.es532.js";
-import { useRender as N } from "./visualization.es533.js";
-import { isSVGComponent as P } from "./visualization.es286.js";
-import { useHTMLVisualState as C } from "./visualization.es534.js";
-import { useSVGVisualState as b } from "./visualization.es535.js";
-import { getInitializedFeatureDefinitions as h } from "./visualization.es282.js";
-import { loadFeatures as z } from "./visualization.es281.js";
-import { motionComponentSymbol as G } from "./visualization.es487.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.es314.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
-  };
-}
+const o = {};
 export {
-  it as createMotionComponent
+  o as MotionGlobalConfig
 };
 //# sourceMappingURL=visualization.es284.js.map

package/dist/visualization.es284.js.map

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

@@ -1,9 +1,5 @@
-import { formatErrorMessage as a } from "./visualization.es481.js";
-const n = /* @__PURE__ */ new Set();
-function c(o, r, t) {
-  o || n.has(r) || (console.warn(a(r, t)), n.add(r));
-}
+const n = /* @__NO_SIDE_EFFECTS__ */ (o) => o;
 export {
-  c as warnOnce
+  n as noop
 };
 //# sourceMappingURL=visualization.es285.js.map

package/dist/visualization.es285.js.map

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

@@ -1,25 +1,9 @@
-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))
-    )
-  );
+import { getMixer as m } from "./visualization.es372.js";
+import { mixNumber as t } from "./visualization.es339.js";
+function o(e, r, i) {
+  return typeof e == "number" && typeof r == "number" && typeof i == "number" ? t(e, r, i) : m(e)(e, r);
 }
 export {
-  s as isSVGComponent
+  o as mix
 };
 //# sourceMappingURL=visualization.es286.js.map

package/dist/visualization.es286.js.map

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

@@ -1,41 +1,18 @@
-import { transformProps as s } from "./visualization.es329.js";
-import { getDefaultValueType as a } from "./visualization.es417.js";
-import { createBox as m } from "./visualization.es433.js";
-import { DOMVisualElement as i } from "./visualization.es427.js";
-import { camelToDash as u } from "./visualization.es343.js";
-import { buildSVGAttrs as n } from "./visualization.es434.js";
-import { camelCaseAttributes as p } from "./visualization.es435.js";
-import { isSVGTag as l } from "./visualization.es436.js";
-import { renderSVG as f } from "./visualization.es437.js";
-import { scrapeMotionValuesFromProps as V } from "./visualization.es438.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 { time as o } from "./visualization.es275.js";
+import { frameData as e, cancelFrame as a, frame as s } from "./visualization.es313.js";
+const n = (m) => {
+  const t = ({ timestamp: r }) => m(r);
+  return {
+    start: (r = !0) => s.update(t, r),
+    stop: () => a(t),
+    /**
+     * If we're processing this frame we can use the
+     * framelocked timestamp to keep things in sync.
+     */
+    now: () => e.isProcessing ? e.timestamp : o.now()
+  };
+};
 export {
-  A as SVGVisualElement
+  n as frameloopDriver
 };
 //# sourceMappingURL=visualization.es287.js.map

package/dist/visualization.es287.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es287.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.es287.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/drivers/frame.mjs"],"sourcesContent":["import { time } from '../../frameloop/sync-time.mjs';\nimport { frameData, cancelFrame, frame } from '../../frameloop/frame.mjs';\n\nconst frameloopDriver = (update) => {\n    const passTimestamp = ({ timestamp }) => update(timestamp);\n    return {\n        start: (keepAlive = true) => frame.update(passTimestamp, keepAlive),\n        stop: () => cancelFrame(passTimestamp),\n        /**\n         * If we're processing this frame we can use the\n         * framelocked timestamp to keep things in sync.\n         */\n        now: () => (frameData.isProcessing ? frameData.timestamp : time.now()),\n    };\n};\n\nexport { frameloopDriver };\n//# sourceMappingURL=frame.mjs.map\n"],"names":["frameloopDriver","update","passTimestamp","timestamp","keepAlive","frame","cancelFrame","frameData","time"],"mappings":";;AAGK,MAACA,IAAkB,CAACC,MAAW;AAChC,QAAMC,IAAgB,CAAC,EAAE,WAAAC,EAAS,MAAOF,EAAOE,CAAS;AACzD,SAAO;AAAA,IACH,OAAO,CAACC,IAAY,OAASC,EAAM,OAAOH,GAAeE,CAAS;AAAA,IAClE,MAAM,MAAME,EAAYJ,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrC,KAAK,MAAOK,EAAU,eAAeA,EAAU,YAAYC,EAAK;EACxE;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es288.js

@@ -1,38 +1,38 @@
-import { isCSSVariableName as s } from "./visualization.es326.js";
-import { transformProps as n } from "./visualization.es329.js";
-import { defaultTransformValue as a, readTransformValue as i } from "./visualization.es384.js";
-import { measureViewportBox as u } from "./visualization.es428.js";
-import { DOMVisualElement as p } from "./visualization.es427.js";
-import { buildHTMLStyles as l } from "./visualization.es429.js";
-import { renderHTML as f } from "./visualization.es430.js";
-import { scrapeMotionValuesFromProps as c } from "./visualization.es431.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;
+import { spring as L } from "./visualization.es323.js";
+import { getGeneratorVelocity as R } from "./visualization.es291.js";
+function $({ keyframes: v, velocity: B = 0, power: M = 0.8, timeConstant: b = 325, bounceDamping: k = 10, bounceStiffness: F = 500, modifyTarget: l, min: t, max: a, restDelta: f = 0.5, restSpeed: O }) {
+  const s = v[0], n = {
+    done: !1,
+    value: s
+  }, C = (e) => t !== void 0 && e < t || a !== void 0 && e > a, D = (e) => t === void 0 ? a : a === void 0 || Math.abs(t - e) < Math.abs(a - e) ? t : a;
+  let d = M * B;
+  const i = s + d, u = l === void 0 ? i : l(i);
+  u !== i && (d = u - s);
+  const p = (e) => -d * Math.exp(-e / b), h = (e) => u + p(e), y = (e) => {
+    const o = p(e), G = h(e);
+    n.done = Math.abs(o) <= f, n.value = n.done ? u : G;
+  };
+  let r, c;
+  const g = (e) => {
+    C(n.value) && (r = e, c = L({
+      keyframes: [n.value, D(n.value)],
+      velocity: R(h, e, n.value),
+      // TODO: This should be passing * 1000
+      damping: k,
+      stiffness: F,
+      restDelta: f,
+      restSpeed: O
+    }));
+  };
+  return g(0), {
+    calculatedDuration: null,
+    next: (e) => {
+      let o = !1;
+      return !c && r === void 0 && (o = !0, y(e), g(e)), r !== void 0 && e >= r ? c.next(e - r) : (!o && y(e), n);
     }
-  }
-  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 {
-  x as HTMLVisualElement,
-  d as getComputedStyle
+  $ as inertia
 };
 //# sourceMappingURL=visualization.es288.js.map

package/dist/visualization.es288.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es288.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.es288.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/inertia.mjs"],"sourcesContent":["import { spring } from './spring.mjs';\nimport { getGeneratorVelocity } from './utils/velocity.mjs';\n\nfunction inertia({ keyframes, velocity = 0.0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed, }) {\n    const origin = keyframes[0];\n    const state = {\n        done: false,\n        value: origin,\n    };\n    const isOutOfBounds = (v) => (min !== undefined && v < min) || (max !== undefined && v > max);\n    const nearestBoundary = (v) => {\n        if (min === undefined)\n            return max;\n        if (max === undefined)\n            return min;\n        return Math.abs(min - v) < Math.abs(max - v) ? min : max;\n    };\n    let amplitude = power * velocity;\n    const ideal = origin + amplitude;\n    const target = modifyTarget === undefined ? ideal : modifyTarget(ideal);\n    /**\n     * If the target has changed we need to re-calculate the amplitude, otherwise\n     * the animation will start from the wrong position.\n     */\n    if (target !== ideal)\n        amplitude = target - origin;\n    const calcDelta = (t) => -amplitude * Math.exp(-t / timeConstant);\n    const calcLatest = (t) => target + calcDelta(t);\n    const applyFriction = (t) => {\n        const delta = calcDelta(t);\n        const latest = calcLatest(t);\n        state.done = Math.abs(delta) <= restDelta;\n        state.value = state.done ? target : latest;\n    };\n    /**\n     * Ideally this would resolve for t in a stateless way, we could\n     * do that by always precalculating the animation but as we know\n     * this will be done anyway we can assume that spring will\n     * be discovered during that.\n     */\n    let timeReachedBoundary;\n    let spring$1;\n    const checkCatchBoundary = (t) => {\n        if (!isOutOfBounds(state.value))\n            return;\n        timeReachedBoundary = t;\n        spring$1 = spring({\n            keyframes: [state.value, nearestBoundary(state.value)],\n            velocity: getGeneratorVelocity(calcLatest, t, state.value), // TODO: This should be passing * 1000\n            damping: bounceDamping,\n            stiffness: bounceStiffness,\n            restDelta,\n            restSpeed,\n        });\n    };\n    checkCatchBoundary(0);\n    return {\n        calculatedDuration: null,\n        next: (t) => {\n            /**\n             * We need to resolve the friction to figure out if we need a\n             * spring but we don't want to do this twice per frame. So here\n             * we flag if we updated for this frame and later if we did\n             * we can skip doing it again.\n             */\n            let hasUpdatedFrame = false;\n            if (!spring$1 && timeReachedBoundary === undefined) {\n                hasUpdatedFrame = true;\n                applyFriction(t);\n                checkCatchBoundary(t);\n            }\n            /**\n             * If we have a spring and the provided t is beyond the moment the friction\n             * animation crossed the min/max boundary, use the spring.\n             */\n            if (timeReachedBoundary !== undefined && t >= timeReachedBoundary) {\n                return spring$1.next(t - timeReachedBoundary);\n            }\n            else {\n                !hasUpdatedFrame && applyFriction(t);\n                return state;\n            }\n        },\n    };\n}\n\nexport { inertia };\n//# sourceMappingURL=inertia.mjs.map\n"],"names":["inertia","keyframes","velocity","power","timeConstant","bounceDamping","bounceStiffness","modifyTarget","min","max","restDelta","restSpeed","origin","state","isOutOfBounds","v","nearestBoundary","amplitude","ideal","target","calcDelta","t","calcLatest","applyFriction","delta","latest","timeReachedBoundary","spring$1","checkCatchBoundary","spring","getGeneratorVelocity","hasUpdatedFrame"],"mappings":";;AAGA,SAASA,EAAQ,EAAE,WAAAC,GAAW,UAAAC,IAAW,GAAK,OAAAC,IAAQ,KAAK,cAAAC,IAAe,KAAK,eAAAC,IAAgB,IAAI,iBAAAC,IAAkB,KAAK,cAAAC,GAAc,KAAAC,GAAK,KAAAC,GAAK,WAAAC,IAAY,KAAK,WAAAC,KAAc;AAC7K,QAAMC,IAASX,EAAU,CAAC,GACpBY,IAAQ;AAAA,IACV,MAAM;AAAA,IACN,OAAOD;AAAA,EACf,GACUE,IAAgB,CAACC,MAAOP,MAAQ,UAAaO,IAAIP,KAASC,MAAQ,UAAaM,IAAIN,GACnFO,IAAkB,CAACD,MACjBP,MAAQ,SACDC,IACPA,MAAQ,UAEL,KAAK,IAAID,IAAMO,CAAC,IAAI,KAAK,IAAIN,IAAMM,CAAC,IADhCP,IAC0CC;AAEzD,MAAIQ,IAAYd,IAAQD;AACxB,QAAMgB,IAAQN,IAASK,GACjBE,IAASZ,MAAiB,SAAYW,IAAQX,EAAaW,CAAK;AAKtE,EAAIC,MAAWD,MACXD,IAAYE,IAASP;AACzB,QAAMQ,IAAY,CAACC,MAAM,CAACJ,IAAY,KAAK,IAAI,CAACI,IAAIjB,CAAY,GAC1DkB,IAAa,CAACD,MAAMF,IAASC,EAAUC,CAAC,GACxCE,IAAgB,CAACF,MAAM;AACzB,UAAMG,IAAQJ,EAAUC,CAAC,GACnBI,IAASH,EAAWD,CAAC;AAC3B,IAAAR,EAAM,OAAO,KAAK,IAAIW,CAAK,KAAKd,GAChCG,EAAM,QAAQA,EAAM,OAAOM,IAASM;AAAA,EACxC;AAOA,MAAIC,GACAC;AACJ,QAAMC,IAAqB,CAACP,MAAM;AAC9B,IAAKP,EAAcD,EAAM,KAAK,MAE9Ba,IAAsBL,GACtBM,IAAWE,EAAO;AAAA,MACd,WAAW,CAAChB,EAAM,OAAOG,EAAgBH,EAAM,KAAK,CAAC;AAAA,MACrD,UAAUiB,EAAqBR,GAAYD,GAAGR,EAAM,KAAK;AAAA;AAAA,MACzD,SAASR;AAAA,MACT,WAAWC;AAAA,MACX,WAAAI;AAAA,MACA,WAAAC;AAAA,IACZ,CAAS;AAAA,EACL;AACA,SAAAiB,EAAmB,CAAC,GACb;AAAA,IACH,oBAAoB;AAAA,IACpB,MAAM,CAACP,MAAM;AAOT,UAAIU,IAAkB;AAUtB,aATI,CAACJ,KAAYD,MAAwB,WACrCK,IAAkB,IAClBR,EAAcF,CAAC,GACfO,EAAmBP,CAAC,IAMpBK,MAAwB,UAAaL,KAAKK,IACnCC,EAAS,KAAKN,IAAIK,CAAmB,KAG5C,CAACK,KAAmBR,EAAcF,CAAC,GAC5BR;AAAA,IAEf;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es289.js

@@ -1,18 +1,31 @@
-import { DragGesture as r } from "./visualization.es478.js";
-import { PanGesture as o } from "./visualization.es479.js";
-import { MeasureLayout as e } from "./visualization.es480.js";
-import { HTMLProjectionNode as t } from "./visualization.es471.js";
-const u = {
-  pan: {
-    Feature: o
-  },
-  drag: {
-    Feature: r,
-    ProjectionNode: t,
-    MeasureLayout: e
-  }
-};
+import { interpolate as c } from "./visualization.es324.js";
+import { defaultOffset as p } from "./visualization.es325.js";
+import { convertOffsetToTimes as u } from "./visualization.es326.js";
+import { isEasingArray as l } from "./visualization.es327.js";
+import { easingDefinitionToFunction as m } from "./visualization.es328.js";
+import { easeInOut as g } from "./visualization.es93.js";
+function T(n, t) {
+  return n.map(() => t || g).splice(0, n.length - 1);
+}
+function y({ duration: n = 300, keyframes: t, times: o, ease: r = "easeInOut" }) {
+  const e = l(r) ? r.map(m) : m(r), i = {
+    done: !1,
+    value: t[0]
+  }, s = u(
+    // Only use the provided offsets if they're the correct length
+    // TODO Maybe we should warn here if there's a length mismatch
+    o && o.length === t.length ? o : p(t),
+    n
+  ), a = c(s, t, {
+    ease: Array.isArray(e) ? e : T(t, e)
+  });
+  return {
+    calculatedDuration: n,
+    next: (f) => (i.value = a(f), i.done = f >= n, i)
+  };
+}
 export {
-  u as drag
+  T as defaultEasing,
+  y as keyframes
 };
 //# sourceMappingURL=visualization.es289.js.map

package/dist/visualization.es289.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es289.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.es289.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs"],"sourcesContent":["import { easeInOut, isEasingArray, easingDefinitionToFunction } from 'motion-utils';\nimport { interpolate } from '../../utils/interpolate.mjs';\nimport { defaultOffset } from '../keyframes/offsets/default.mjs';\nimport { convertOffsetToTimes } from '../keyframes/offsets/time.mjs';\n\nfunction defaultEasing(values, easing) {\n    return values.map(() => easing || easeInOut).splice(0, values.length - 1);\n}\nfunction keyframes({ duration = 300, keyframes: keyframeValues, times, ease = \"easeInOut\", }) {\n    /**\n     * Easing functions can be externally defined as strings. Here we convert them\n     * into actual functions.\n     */\n    const easingFunctions = isEasingArray(ease)\n        ? ease.map(easingDefinitionToFunction)\n        : easingDefinitionToFunction(ease);\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state = {\n        done: false,\n        value: keyframeValues[0],\n    };\n    /**\n     * Create a times array based on the provided 0-1 offsets\n     */\n    const absoluteTimes = convertOffsetToTimes(\n    // Only use the provided offsets if they're the correct length\n    // TODO Maybe we should warn here if there's a length mismatch\n    times && times.length === keyframeValues.length\n        ? times\n        : defaultOffset(keyframeValues), duration);\n    const mapTimeToKeyframe = interpolate(absoluteTimes, keyframeValues, {\n        ease: Array.isArray(easingFunctions)\n            ? easingFunctions\n            : defaultEasing(keyframeValues, easingFunctions),\n    });\n    return {\n        calculatedDuration: duration,\n        next: (t) => {\n            state.value = mapTimeToKeyframe(t);\n            state.done = t >= duration;\n            return state;\n        },\n    };\n}\n\nexport { defaultEasing, keyframes };\n//# sourceMappingURL=keyframes.mjs.map\n"],"names":["defaultEasing","values","easing","easeInOut","keyframes","duration","keyframeValues","times","ease","easingFunctions","isEasingArray","easingDefinitionToFunction","state","absoluteTimes","convertOffsetToTimes","defaultOffset","mapTimeToKeyframe","interpolate","t"],"mappings":";;;;;;AAKA,SAASA,EAAcC,GAAQC,GAAQ;AACnC,SAAOD,EAAO,IAAI,MAAMC,KAAUC,CAAS,EAAE,OAAO,GAAGF,EAAO,SAAS,CAAC;AAC5E;AACA,SAASG,EAAU,EAAE,UAAAC,IAAW,KAAK,WAAWC,GAAgB,OAAAC,GAAO,MAAAC,IAAO,eAAgB;AAK1F,QAAMC,IAAkBC,EAAcF,CAAI,IACpCA,EAAK,IAAIG,CAA0B,IACnCA,EAA2BH,CAAI,GAK/BI,IAAQ;AAAA,IACV,MAAM;AAAA,IACN,OAAON,EAAe,CAAC;AAAA,EAC/B,GAIUO,IAAgBC;AAAA;AAAA;AAAA,IAGtBP,KAASA,EAAM,WAAWD,EAAe,SACnCC,IACAQ,EAAcT,CAAc;AAAA,IAAGD;AAAA,EAAQ,GACvCW,IAAoBC,EAAYJ,GAAeP,GAAgB;AAAA,IACjE,MAAM,MAAM,QAAQG,CAAe,IAC7BA,IACAT,EAAcM,GAAgBG,CAAe;AAAA,EAC3D,CAAK;AACD,SAAO;AAAA,IACH,oBAAoBJ;AAAA,IACpB,MAAM,CAACa,OACHN,EAAM,QAAQI,EAAkBE,CAAC,GACjCN,EAAM,OAAOM,KAAKb,GACXO;AAAA,EAEnB;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es29.js

@@ -1,11 +1,24 @@
-import e from "./visualization.es149.js";
-import a from "./visualization.es153.js";
-const n = e("domain", "range", "reverse", "unknown");
-function i(r) {
-  return n(a(), r);
+import l from "./visualization.es128.js";
+import { jsx as m } from "react/jsx-runtime";
+function c(r) {
+  let {
+    top: e = 0,
+    left: t = 0,
+    transform: o,
+    className: s,
+    children: a,
+    innerRef: n,
+    ...f
+  } = r;
+  return /* @__PURE__ */ m("g", {
+    ref: n,
+    className: l("visx-group", s),
+    transform: o || `translate(${t}, ${e})`,
+    ...f,
+    children: a
+  });
 }
 export {
-  i as default,
-  n as updateOrdinalScale
+  c as default
 };
 //# sourceMappingURL=visualization.es29.js.map

package/dist/visualization.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es29.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/ordinal.js"],"sourcesContent":["import { scaleOrdinal } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateOrdinalScale = scaleOperator('domain', 'range', 'reverse', 'unknown');\nexport default function createOrdinalScale(config) {\n  return updateOrdinalScale(scaleOrdinal(), config);\n}"],"names":["updateOrdinalScale","scaleOperator","createOrdinalScale","config","scaleOrdinal"],"mappings":";;AAEY,MAACA,IAAqBC,EAAc,UAAU,SAAS,WAAW,SAAS;AACxE,SAASC,EAAmBC,GAAQ;AACjD,SAAOH,EAAmBI,EAAY,GAAID,CAAM;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es29.js","sources":["../../../node_modules/.pnpm/@visx+group@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/group/esm/Group.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Group(_ref) {\n  let {\n    top = 0,\n    left = 0,\n    transform,\n    className,\n    children,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"g\", {\n    ref: innerRef,\n    className: cx('visx-group', className),\n    transform: transform || `translate(${left}, ${top})`,\n    ...restProps,\n    children: children\n  });\n}"],"names":["Group","_ref","top","left","transform","className","children","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAMC,GAAM;AAClC,MAAI;AAAA,IACF,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMP;AACJ,SAAoBQ,gBAAAA,EAAK,KAAK;AAAA,IAC5B,KAAKF;AAAA,IACL,WAAWG,EAAG,cAAcL,CAAS;AAAA,IACrC,WAAWD,KAAa,aAAaD,CAAI,KAAKD,CAAG;AAAA,IACjD,GAAGM;AAAA,IACH,UAAUF;AAAA,EACd,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es290.js

@@ -1,22 +1,14 @@
-import { HoverGesture as e } from "./visualization.es474.js";
-import { FocusGesture as r } from "./visualization.es475.js";
-import { PressGesture as t } from "./visualization.es476.js";
-import { InViewFeature as o } from "./visualization.es477.js";
-const a = {
-  inView: {
-    Feature: o
-  },
-  tap: {
-    Feature: t
-  },
-  focus: {
-    Feature: r
-  },
-  hover: {
-    Feature: e
-  }
-};
+const a = 2e4;
+function o(n) {
+  let t = 0;
+  const r = 50;
+  let e = n.next(t);
+  for (; !e.done && t < 2e4; )
+    t += r, e = n.next(t);
+  return t >= 2e4 ? 1 / 0 : t;
+}
 export {
-  a as gestureAnimations
+  o as calcGeneratorDuration,
+  a as maxGeneratorDuration
 };
 //# sourceMappingURL=visualization.es290.js.map

package/dist/visualization.es290.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es290.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.es290.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs"],"sourcesContent":["/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxGeneratorDuration = 20000;\nfunction calcGeneratorDuration(generator) {\n    let duration = 0;\n    const timeStep = 50;\n    let state = generator.next(duration);\n    while (!state.done && duration < maxGeneratorDuration) {\n        duration += timeStep;\n        state = generator.next(duration);\n    }\n    return duration >= maxGeneratorDuration ? Infinity : duration;\n}\n\nexport { calcGeneratorDuration, maxGeneratorDuration };\n//# sourceMappingURL=calc-duration.mjs.map\n"],"names":["maxGeneratorDuration","calcGeneratorDuration","generator","duration","timeStep","state"],"mappings":"AAIK,MAACA,IAAuB;AAC7B,SAASC,EAAsBC,GAAW;AACtC,MAAIC,IAAW;AACf,QAAMC,IAAW;AACjB,MAAIC,IAAQH,EAAU,KAAKC,CAAQ;AACnC,SAAO,CAACE,EAAM,QAAQF,IAAW;AAC7B,IAAAA,KAAYC,GACZC,IAAQH,EAAU,KAAKC,CAAQ;AAEnC,SAAOA,KAAY,MAAuB,QAAWA;AACzD;","x_google_ignoreList":[0]}

package/dist/visualization.es291.js

@@ -1,12 +1,10 @@
-import { MeasureLayout as o } from "./visualization.es480.js";
-import { HTMLProjectionNode as t } from "./visualization.es471.js";
-const a = {
-  layout: {
-    ProjectionNode: t,
-    MeasureLayout: o
-  }
-};
+import { velocityPerSecond as n } from "./visualization.es387.js";
+const c = 5;
+function a(t, e, r) {
+  const o = Math.max(e - c, 0);
+  return n(r - t(o), e - o);
+}
 export {
-  a as layout
+  a as getGeneratorVelocity
 };
 //# sourceMappingURL=visualization.es291.js.map

package/dist/visualization.es291.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es291.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.es291.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs"],"sourcesContent":["import { velocityPerSecond } from 'motion-utils';\n\nconst velocitySampleDuration = 5; // ms\nfunction getGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { getGeneratorVelocity };\n//# sourceMappingURL=velocity.mjs.map\n"],"names":["velocitySampleDuration","getGeneratorVelocity","resolveValue","t","current","prevT","velocityPerSecond"],"mappings":";AAEA,MAAMA,IAAyB;AAC/B,SAASC,EAAqBC,GAAcC,GAAGC,GAAS;AACpD,QAAMC,IAAQ,KAAK,IAAIF,IAAIH,GAAwB,CAAC;AACpD,SAAOM,EAAkBF,IAAUF,EAAaG,CAAK,GAAGF,IAAIE,CAAK;AACrE;","x_google_ignoreList":[0]}

package/dist/visualization.es292.js

@@ -1,11 +1,17 @@
-class s {
-  constructor(t) {
-    this.isMounted = !1, this.node = t;
-  }
-  update() {
-  }
+import { inertia as p } from "./visualization.es288.js";
+import { keyframes as r } from "./visualization.es289.js";
+import { spring as t } from "./visualization.es323.js";
+const o = {
+  decay: p,
+  inertia: p,
+  tween: r,
+  keyframes: r,
+  spring: t
+};
+function m(e) {
+  typeof e.type == "string" && (e.type = o[e.type]);
 }
 export {
-  s as Feature
+  m as replaceTransitionType
 };
 //# sourceMappingURL=visualization.es292.js.map

package/dist/visualization.es292.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es292.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/Feature.mjs"],"sourcesContent":["/**\n * Feature base class for extending VisualElement functionality.\n * Features are plugins that can be mounted/unmounted to add behavior\n * like gestures, animations, or layout tracking.\n */\nclass Feature {\n    constructor(node) {\n        this.isMounted = false;\n        this.node = node;\n    }\n    update() { }\n}\n\nexport { Feature };\n//# sourceMappingURL=Feature.mjs.map\n"],"names":["Feature","node"],"mappings":"AAKA,MAAMA,EAAQ;AAAA,EACV,YAAYC,GAAM;AACd,SAAK,YAAY,IACjB,KAAK,OAAOA;AAAA,EAChB;AAAA,EACA,SAAS;AAAA,EAAE;AACf;","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/utils/replace-transition-type.mjs"],"sourcesContent":["import { inertia } from '../generators/inertia.mjs';\nimport { keyframes } from '../generators/keyframes.mjs';\nimport { spring } from '../generators/spring.mjs';\n\nconst transitionTypeMap = {\n    decay: inertia,\n    inertia,\n    tween: keyframes,\n    keyframes: keyframes,\n    spring,\n};\nfunction replaceTransitionType(transition) {\n    if (typeof transition.type === \"string\") {\n        transition.type = transitionTypeMap[transition.type];\n    }\n}\n\nexport { replaceTransitionType };\n//# sourceMappingURL=replace-transition-type.mjs.map\n"],"names":["transitionTypeMap","inertia","keyframes","spring","replaceTransitionType","transition"],"mappings":";;;AAIA,MAAMA,IAAoB;AAAA,EACtB,OAAOC;AAAA,EACP,SAAAA;AAAA,EACA,OAAOC;AAAA,EACP,WAAWA;AAAA,EACX,QAAAC;AACJ;AACA,SAASC,EAAsBC,GAAY;AACvC,EAAI,OAAOA,EAAW,QAAS,aAC3BA,EAAW,OAAOL,EAAkBK,EAAW,IAAI;AAE3D;","x_google_ignoreList":[0]}