@weng-lab/visualization 2.6.0-beta.0 → 2.6.0-beta.1

package/dist/visualization.es342.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es342.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/frame.mjs"],"sourcesContent":["import { noop } from 'motion-utils';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, frameSteps };\n//# sourceMappingURL=frame.mjs.map\n"],"names":["frame","cancelFrame","frameData","frameSteps","createRenderBatcher","noop"],"mappings":";;AAGK,MAAC,EAAE,UAAUA,GAAO,QAAQC,GAAa,OAAOC,GAAW,OAAOC,EAAU,IAAsB,gBAAAC,EAAoB,OAAO,wBAA0B,MAAc,wBAAwBC,GAAM,EAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es342.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.mjs"],"sourcesContent":["import { fillOffset } from './fill.mjs';\n\nfunction defaultOffset(arr) {\n    const offset = [0];\n    fillOffset(offset, arr.length - 1);\n    return offset;\n}\n\nexport { defaultOffset };\n//# sourceMappingURL=default.mjs.map\n"],"names":["defaultOffset","arr","offset","fillOffset"],"mappings":";AAEA,SAASA,EAAcC,GAAK;AACxB,QAAMC,IAAS,CAAC,CAAC;AACjB,SAAAC,EAAWD,GAAQD,EAAI,SAAS,CAAC,GAC1BC;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es343.js

@@ -1,23 +1,7 @@
-import { resolveVariant as c } from "./visualization.es302.js";
-import { animateTarget as p } from "./visualization.es344.js";
-import { animateVariant as e } from "./visualization.es345.js";
-function n(a, r, t = {}) {
-  a.notify("AnimationStart", r);
-  let m;
-  if (Array.isArray(r)) {
-    const o = r.map((y) => e(a, y, t));
-    m = Promise.all(o);
-  } else if (typeof r == "string")
-    m = e(a, r, t);
-  else {
-    const o = typeof r == "function" ? c(a, r, t.custom) : r;
-    m = Promise.all(p(a, o, t));
-  }
-  return m.then(() => {
-    a.notify("AnimationComplete", r);
-  });
+function o(e, t) {
+  return e.map((n) => n * t);
 }
 export {
-  n as animateVisualElement
+  o as convertOffsetToTimes
 };
 //# sourceMappingURL=visualization.es343.js.map

package/dist/visualization.es343.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es343.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\nimport { animateVariant } from './visual-element-variant.mjs';\n\nfunction animateVisualElement(visualElement, definition, options = {}) {\n    visualElement.notify(\"AnimationStart\", definition);\n    let animation;\n    if (Array.isArray(definition)) {\n        const animations = definition.map((variant) => animateVariant(visualElement, variant, options));\n        animation = Promise.all(animations);\n    }\n    else if (typeof definition === \"string\") {\n        animation = animateVariant(visualElement, definition, options);\n    }\n    else {\n        const resolvedDefinition = typeof definition === \"function\"\n            ? resolveVariant(visualElement, definition, options.custom)\n            : definition;\n        animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));\n    }\n    return animation.then(() => {\n        visualElement.notify(\"AnimationComplete\", definition);\n    });\n}\n\nexport { animateVisualElement };\n//# sourceMappingURL=visual-element.mjs.map\n"],"names":["animateVisualElement","visualElement","definition","options","animation","animations","variant","animateVariant","resolvedDefinition","resolveVariant","animateTarget"],"mappings":";;;AAIA,SAASA,EAAqBC,GAAeC,GAAYC,IAAU,CAAA,GAAI;AACnE,EAAAF,EAAc,OAAO,kBAAkBC,CAAU;AACjD,MAAIE;AACJ,MAAI,MAAM,QAAQF,CAAU,GAAG;AAC3B,UAAMG,IAAaH,EAAW,IAAI,CAACI,MAAYC,EAAeN,GAAeK,GAASH,CAAO,CAAC;AAC9F,IAAAC,IAAY,QAAQ,IAAIC,CAAU;AAAA,EACtC,WACS,OAAOH,KAAe;AAC3B,IAAAE,IAAYG,EAAeN,GAAeC,GAAYC,CAAO;AAAA,OAE5D;AACD,UAAMK,IAAqB,OAAON,KAAe,aAC3CO,EAAeR,GAAeC,GAAYC,EAAQ,MAAM,IACxDD;AACN,IAAAE,IAAY,QAAQ,IAAIM,EAAcT,GAAeO,GAAoBL,CAAO,CAAC;AAAA,EACrF;AACA,SAAOC,EAAU,KAAK,MAAM;AACxB,IAAAH,EAAc,OAAO,qBAAqBC,CAAU;AAAA,EACxD,CAAC;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es343.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.mjs"],"sourcesContent":["function convertOffsetToTimes(offset, duration) {\n    return offset.map((o) => o * duration);\n}\n\nexport { convertOffsetToTimes };\n//# sourceMappingURL=time.mjs.map\n"],"names":["convertOffsetToTimes","offset","duration","o"],"mappings":"AAAA,SAASA,EAAqBC,GAAQC,GAAU;AAC5C,SAAOD,EAAO,IAAI,CAACE,MAAMA,IAAID,CAAQ;AACzC;","x_google_ignoreList":[0]}

package/dist/visualization.es344.js

@@ -1,57 +1,5 @@
-import { getValueTransition as S } from "./visualization.es338.js";
-import { resolveTransition as H } from "./visualization.es339.js";
-import { positionalKeys as B } from "./visualization.es346.js";
-import { setTarget as I } from "./visualization.es347.js";
-import { addValueToWillChange as P } from "./visualization.es348.js";
-import { getOptimisedAppearId as R } from "./visualization.es349.js";
-import { animateMotionValue as k } from "./visualization.es341.js";
-import { frame as d } from "./visualization.es342.js";
-function x({ protectedKeys: t, needsAnimating: r }, a) {
-  const s = t.hasOwnProperty(a) && r[a] !== !0;
-  return r[a] = !1, s;
-}
-function z(t, r, { delay: a = 0, transitionOverride: s, type: m } = {}) {
-  let { transition: n, transitionEnd: c, ...p } = r;
-  const l = t.getDefaultTransition();
-  n = n ? H(n, l) : l;
-  const V = n?.reduceMotion;
-  s && (n = s);
-  const f = [], T = m && t.animationState && t.animationState.getState()[m];
-  for (const o in p) {
-    const i = t.getValue(o, t.latestValues[o] ?? null), e = p[o];
-    if (e === void 0 || T && x(T, o))
-      continue;
-    const u = {
-      delay: a,
-      ...S(n || {}, o)
-    }, g = i.get();
-    if (g !== void 0 && !i.isAnimating() && !Array.isArray(e) && e === g && !u.velocity) {
-      d.update(() => i.set(e));
-      continue;
-    }
-    let h = !1;
-    if (window.MotionHandoffAnimation) {
-      const y = R(t);
-      if (y) {
-        const A = window.MotionHandoffAnimation(y, o, d);
-        A !== null && (u.startTime = A, h = !0);
-      }
-    }
-    P(t, o);
-    const w = V ?? t.shouldReduceMotion;
-    i.start(k(o, i, e, w && B.has(o) ? { type: !1 } : u, t, h));
-    const M = i.animation;
-    M && f.push(M);
-  }
-  if (c) {
-    const o = () => d.update(() => {
-      c && I(t, c);
-    });
-    f.length ? Promise.all(f).then(o) : o();
-  }
-  return f;
-}
+const n = (r) => Array.isArray(r) && typeof r[0] != "number";
 export {
-  z as animateTarget
+  n as isEasingArray
 };
 //# sourceMappingURL=visualization.es344.js.map

package/dist/visualization.es344.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es344.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs"],"sourcesContent":["import { getValueTransition } from '../utils/get-value-transition.mjs';\nimport { resolveTransition } from '../utils/resolve-transition.mjs';\nimport { positionalKeys } from '../../render/utils/keys-position.mjs';\nimport { setTarget } from '../../render/utils/setters.mjs';\nimport { addValueToWillChange } from '../../value/will-change/add-will-change.mjs';\nimport { getOptimisedAppearId } from '../optimized-appear/get-appear-id.mjs';\nimport { animateMotionValue } from './motion-value.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\n/**\n * Decide whether we should block this animation. Previously, we achieved this\n * just by checking whether the key was listed in protectedKeys, but this\n * posed problems if an animation was triggered by afterChildren and protectedKeys\n * had been set to true in the meantime.\n */\nfunction shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {\n    const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;\n    needsAnimating[key] = false;\n    return shouldBlock;\n}\nfunction animateTarget(visualElement, targetAndTransition, { delay = 0, transitionOverride, type } = {}) {\n    let { transition, transitionEnd, ...target } = targetAndTransition;\n    const defaultTransition = visualElement.getDefaultTransition();\n    transition = transition\n        ? resolveTransition(transition, defaultTransition)\n        : defaultTransition;\n    const reduceMotion = transition?.reduceMotion;\n    if (transitionOverride)\n        transition = transitionOverride;\n    const animations = [];\n    const animationTypeState = type &&\n        visualElement.animationState &&\n        visualElement.animationState.getState()[type];\n    for (const key in target) {\n        const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);\n        const valueTarget = target[key];\n        if (valueTarget === undefined ||\n            (animationTypeState &&\n                shouldBlockAnimation(animationTypeState, key))) {\n            continue;\n        }\n        const valueTransition = {\n            delay,\n            ...getValueTransition(transition || {}, key),\n        };\n        /**\n         * If the value is already at the defined target, skip the animation.\n         * We still re-assert the value via frame.update to take precedence\n         * over any stale transitionEnd callbacks from previous animations.\n         */\n        const currentValue = value.get();\n        if (currentValue !== undefined &&\n            !value.isAnimating() &&\n            !Array.isArray(valueTarget) &&\n            valueTarget === currentValue &&\n            !valueTransition.velocity) {\n            frame.update(() => value.set(valueTarget));\n            continue;\n        }\n        /**\n         * If this is the first time a value is being animated, check\n         * to see if we're handling off from an existing animation.\n         */\n        let isHandoff = false;\n        if (window.MotionHandoffAnimation) {\n            const appearId = getOptimisedAppearId(visualElement);\n            if (appearId) {\n                const startTime = window.MotionHandoffAnimation(appearId, key, frame);\n                if (startTime !== null) {\n                    valueTransition.startTime = startTime;\n                    isHandoff = true;\n                }\n            }\n        }\n        addValueToWillChange(visualElement, key);\n        const shouldReduceMotion = reduceMotion ?? visualElement.shouldReduceMotion;\n        value.start(animateMotionValue(key, value, valueTarget, shouldReduceMotion && positionalKeys.has(key)\n            ? { type: false }\n            : valueTransition, visualElement, isHandoff));\n        const animation = value.animation;\n        if (animation) {\n            animations.push(animation);\n        }\n    }\n    if (transitionEnd) {\n        const applyTransitionEnd = () => frame.update(() => {\n            transitionEnd && setTarget(visualElement, transitionEnd);\n        });\n        if (animations.length) {\n            Promise.all(animations).then(applyTransitionEnd);\n        }\n        else {\n            applyTransitionEnd();\n        }\n    }\n    return animations;\n}\n\nexport { animateTarget };\n//# sourceMappingURL=visual-element-target.mjs.map\n"],"names":["shouldBlockAnimation","protectedKeys","needsAnimating","key","shouldBlock","animateTarget","visualElement","targetAndTransition","delay","transitionOverride","type","transition","transitionEnd","target","defaultTransition","resolveTransition","reduceMotion","animations","animationTypeState","value","valueTarget","valueTransition","getValueTransition","currentValue","frame","isHandoff","appearId","getOptimisedAppearId","startTime","addValueToWillChange","shouldReduceMotion","animateMotionValue","positionalKeys","animation","applyTransitionEnd","setTarget"],"mappings":";;;;;;;;AAeA,SAASA,EAAqB,EAAE,eAAAC,GAAe,gBAAAC,EAAc,GAAIC,GAAK;AAClE,QAAMC,IAAcH,EAAc,eAAeE,CAAG,KAAKD,EAAeC,CAAG,MAAM;AACjF,SAAAD,EAAeC,CAAG,IAAI,IACfC;AACX;AACA,SAASC,EAAcC,GAAeC,GAAqB,EAAE,OAAAC,IAAQ,GAAG,oBAAAC,GAAoB,MAAAC,EAAI,IAAK,IAAI;AACrG,MAAI,EAAE,YAAAC,GAAY,eAAAC,GAAe,GAAGC,EAAM,IAAKN;AAC/C,QAAMO,IAAoBR,EAAc,qBAAoB;AAC5D,EAAAK,IAAaA,IACPI,EAAkBJ,GAAYG,CAAiB,IAC/CA;AACN,QAAME,IAAeL,GAAY;AACjC,EAAIF,MACAE,IAAaF;AACjB,QAAMQ,IAAa,CAAA,GACbC,IAAqBR,KACvBJ,EAAc,kBACdA,EAAc,eAAe,SAAQ,EAAGI,CAAI;AAChD,aAAWP,KAAOU,GAAQ;AACtB,UAAMM,IAAQb,EAAc,SAASH,GAAKG,EAAc,aAAaH,CAAG,KAAK,IAAI,GAC3EiB,IAAcP,EAAOV,CAAG;AAC9B,QAAIiB,MAAgB,UACfF,KACGlB,EAAqBkB,GAAoBf,CAAG;AAChD;AAEJ,UAAMkB,IAAkB;AAAA,MACpB,OAAAb;AAAA,MACA,GAAGc,EAAmBX,KAAc,CAAA,GAAIR,CAAG;AAAA,IACvD,GAMcoB,IAAeJ,EAAM,IAAG;AAC9B,QAAII,MAAiB,UACjB,CAACJ,EAAM,YAAW,KAClB,CAAC,MAAM,QAAQC,CAAW,KAC1BA,MAAgBG,KAChB,CAACF,EAAgB,UAAU;AAC3B,MAAAG,EAAM,OAAO,MAAML,EAAM,IAAIC,CAAW,CAAC;AACzC;AAAA,IACJ;AAKA,QAAIK,IAAY;AAChB,QAAI,OAAO,wBAAwB;AAC/B,YAAMC,IAAWC,EAAqBrB,CAAa;AACnD,UAAIoB,GAAU;AACV,cAAME,IAAY,OAAO,uBAAuBF,GAAUvB,GAAKqB,CAAK;AACpE,QAAII,MAAc,SACdP,EAAgB,YAAYO,GAC5BH,IAAY;AAAA,MAEpB;AAAA,IACJ;AACA,IAAAI,EAAqBvB,GAAeH,CAAG;AACvC,UAAM2B,IAAqBd,KAAgBV,EAAc;AACzD,IAAAa,EAAM,MAAMY,EAAmB5B,GAAKgB,GAAOC,GAAaU,KAAsBE,EAAe,IAAI7B,CAAG,IAC9F,EAAE,MAAM,GAAK,IACbkB,GAAiBf,GAAemB,CAAS,CAAC;AAChD,UAAMQ,IAAYd,EAAM;AACxB,IAAIc,KACAhB,EAAW,KAAKgB,CAAS;AAAA,EAEjC;AACA,MAAIrB,GAAe;AACf,UAAMsB,IAAqB,MAAMV,EAAM,OAAO,MAAM;AAChD,MAAAZ,KAAiBuB,EAAU7B,GAAeM,CAAa;AAAA,IAC3D,CAAC;AACD,IAAIK,EAAW,SACX,QAAQ,IAAIA,CAAU,EAAE,KAAKiB,CAAkB,IAG/CA,EAAkB;AAAA,EAE1B;AACA,SAAOjB;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es344.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs"],"sourcesContent":["const isEasingArray = (ease) => {\n    return Array.isArray(ease) && typeof ease[0] !== \"number\";\n};\n\nexport { isEasingArray };\n//# sourceMappingURL=is-easing-array.mjs.map\n"],"names":["isEasingArray","ease"],"mappings":"AAAK,MAACA,IAAgB,CAACC,MACZ,MAAM,QAAQA,CAAI,KAAK,OAAOA,EAAK,CAAC,KAAM;","x_google_ignoreList":[0]}

package/dist/visualization.es345.js

@@ -1,30 +1,33 @@
-import { resolveVariant as h } from "./visualization.es302.js";
-import { calcChildStagger as l } from "./visualization.es332.js";
-import { animateTarget as g } from "./visualization.es344.js";
-function C(r, i, t = {}) {
-  const n = h(r, i, t.type === "exit" ? r.presenceContext?.custom : void 0);
-  let { transition: o = r.getDefaultTransition() || {} } = n || {};
-  t.transitionOverride && (o = t.transitionOverride);
-  const a = n ? () => Promise.all(g(r, n, t)) : () => Promise.resolve(), s = r.variantChildren && r.variantChildren.size ? (e = 0) => {
-    const { delayChildren: f = 0, staggerChildren: d, staggerDirection: m } = o;
-    return y(r, i, e, f, d, m, t);
-  } : () => Promise.resolve(), { when: c } = o;
-  if (c) {
-    const [e, f] = c === "beforeChildren" ? [a, s] : [s, a];
-    return e().then(() => f());
-  } else
-    return Promise.all([a(), s(t.delay)]);
-}
-function y(r, i, t = 0, n = 0, o = 0, a = 1, s) {
-  const c = [];
-  for (const e of r.variantChildren)
-    e.notify("AnimationStart", i), c.push(C(e, i, {
-      ...s,
-      delay: t + (typeof n == "function" ? 0 : n) + l(r.variantChildren, e, n, o, a)
-    }).then(() => e.notify("AnimationComplete", i)));
-  return Promise.all(c);
-}
+import { invariant as e } from "./visualization.es310.js";
+import { noop as c } from "./visualization.es302.js";
+import { anticipate as u } from "./visualization.es478.js";
+import { backOut as s, backInOut as m, backIn as p } from "./visualization.es479.js";
+import { circOut as l, circInOut as b, circIn as f } from "./visualization.es457.js";
+import { cubicBezier as g } from "./visualization.es480.js";
+import { easeOut as I, easeInOut as y, easeIn as O } from "./visualization.es98.js";
+import { isBezierDefinition as k } from "./visualization.es362.js";
+const t = {
+  linear: c,
+  easeIn: O,
+  easeInOut: y,
+  easeOut: I,
+  circIn: f,
+  circInOut: b,
+  circOut: l,
+  backIn: p,
+  backInOut: m,
+  backOut: s,
+  anticipate: u
+}, v = (r) => typeof r == "string", L = (r) => {
+  if (k(r)) {
+    e(r.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    const [i, n, o, a] = r;
+    return g(i, n, o, a);
+  } else if (v(r))
+    return e(t[r] !== void 0, `Invalid easing type '${r}'`, "invalid-easing-type"), t[r];
+  return r;
+};
 export {
-  C as animateVariant
+  L as easingDefinitionToFunction
 };
 //# sourceMappingURL=visualization.es345.js.map

package/dist/visualization.es345.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es345.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { calcChildStagger } from '../utils/calc-child-stagger.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.type === \"exit\"\n        ? visualElement.presenceContext?.custom\n        : undefined);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, forwardDelay, delayChildren, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delay = 0, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    for (const child of visualElement.variantChildren) {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delay +\n                (typeof delayChildren === \"function\" ? 0 : delayChildren) +\n                calcChildStagger(visualElement.variantChildren, child, delayChildren, staggerChildren, staggerDirection),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    }\n    return Promise.all(animations);\n}\n\nexport { animateVariant };\n//# sourceMappingURL=visual-element-variant.mjs.map\n"],"names":["animateVariant","visualElement","variant","options","resolved","resolveVariant","transition","getAnimation","animateTarget","getChildAnimations","forwardDelay","delayChildren","staggerChildren","staggerDirection","animateChildren","when","first","last","delay","animations","child","calcChildStagger"],"mappings":";;;AAIA,SAASA,EAAeC,GAAeC,GAASC,IAAU,CAAA,GAAI;AAC1D,QAAMC,IAAWC,EAAeJ,GAAeC,GAASC,EAAQ,SAAS,SACnEF,EAAc,iBAAiB,SAC/B,MAAS;AACf,MAAI,EAAE,YAAAK,IAAaL,EAAc,qBAAoB,KAAM,CAAA,EAAE,IAAKG,KAAY,CAAA;AAC9E,EAAID,EAAQ,uBACRG,IAAaH,EAAQ;AAMzB,QAAMI,IAAeH,IACf,MAAM,QAAQ,IAAII,EAAcP,GAAeG,GAAUD,CAAO,CAAC,IACjE,MAAM,QAAQ,QAAO,GAKrBM,IAAqBR,EAAc,mBAAmBA,EAAc,gBAAgB,OACpF,CAACS,IAAe,MAAM;AACpB,UAAM,EAAE,eAAAC,IAAgB,GAAG,iBAAAC,GAAiB,kBAAAC,EAAgB,IAAMP;AAClE,WAAOQ,EAAgBb,GAAeC,GAASQ,GAAcC,GAAeC,GAAiBC,GAAkBV,CAAO;AAAA,EAC1H,IACE,MAAM,QAAQ,QAAO,GAKrB,EAAE,MAAAY,EAAI,IAAKT;AACjB,MAAIS,GAAM;AACN,UAAM,CAACC,GAAOC,CAAI,IAAIF,MAAS,mBACzB,CAACR,GAAcE,CAAkB,IACjC,CAACA,GAAoBF,CAAY;AACvC,WAAOS,EAAK,EAAG,KAAK,MAAMC,EAAI,CAAE;AAAA,EACpC;AAEI,WAAO,QAAQ,IAAI,CAACV,EAAY,GAAIE,EAAmBN,EAAQ,KAAK,CAAC,CAAC;AAE9E;AACA,SAASW,EAAgBb,GAAeC,GAASgB,IAAQ,GAAGP,IAAgB,GAAGC,IAAkB,GAAGC,IAAmB,GAAGV,GAAS;AAC/H,QAAMgB,IAAa,CAAA;AACnB,aAAWC,KAASnB,EAAc;AAC9B,IAAAmB,EAAM,OAAO,kBAAkBlB,CAAO,GACtCiB,EAAW,KAAKnB,EAAeoB,GAAOlB,GAAS;AAAA,MAC3C,GAAGC;AAAA,MACH,OAAOe,KACF,OAAOP,KAAkB,aAAa,IAAIA,KAC3CU,EAAiBpB,EAAc,iBAAiBmB,GAAOT,GAAeC,GAAiBC,CAAgB;AAAA,IACvH,CAAS,EAAE,KAAK,MAAMO,EAAM,OAAO,qBAAqBlB,CAAO,CAAC,CAAC;AAE7D,SAAO,QAAQ,IAAIiB,CAAU;AACjC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es345.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/map.mjs"],"sourcesContent":["import { invariant } from '../../errors.mjs';\nimport { noop } from '../../noop.mjs';\nimport { anticipate } from '../anticipate.mjs';\nimport { backOut, backInOut, backIn } from '../back.mjs';\nimport { circOut, circInOut, circIn } from '../circ.mjs';\nimport { cubicBezier } from '../cubic-bezier.mjs';\nimport { easeOut, easeInOut, easeIn } from '../ease.mjs';\nimport { isBezierDefinition } from './is-bezier-definition.mjs';\n\nconst easingLookup = {\n    linear: noop,\n    easeIn,\n    easeInOut,\n    easeOut,\n    circIn,\n    circInOut,\n    circOut,\n    backIn,\n    backInOut,\n    backOut,\n    anticipate,\n};\nconst isValidEasing = (easing) => {\n    return typeof easing === \"string\";\n};\nconst easingDefinitionToFunction = (definition) => {\n    if (isBezierDefinition(definition)) {\n        // If cubic bezier definition, create bezier curve\n        invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`, \"cubic-bezier-length\");\n        const [x1, y1, x2, y2] = definition;\n        return cubicBezier(x1, y1, x2, y2);\n    }\n    else if (isValidEasing(definition)) {\n        // Else lookup from table\n        invariant(easingLookup[definition] !== undefined, `Invalid easing type '${definition}'`, \"invalid-easing-type\");\n        return easingLookup[definition];\n    }\n    return definition;\n};\n\nexport { easingDefinitionToFunction };\n//# sourceMappingURL=map.mjs.map\n"],"names":["easingLookup","noop","easeIn","easeInOut","easeOut","circIn","circInOut","circOut","backIn","backInOut","backOut","anticipate","isValidEasing","easing","easingDefinitionToFunction","definition","isBezierDefinition","invariant","x1","y1","x2","y2","cubicBezier"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,QAAQC;AAAA,EACR,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AACJ,GACMC,IAAgB,CAACC,MACZ,OAAOA,KAAW,UAEvBC,IAA6B,CAACC,MAAe;AAC/C,MAAIC,EAAmBD,CAAU,GAAG;AAEhC,IAAAE,EAAUF,EAAW,WAAW,GAAG,2DAA2D,qBAAqB;AACnH,UAAM,CAACG,GAAIC,GAAIC,GAAIC,CAAE,IAAIN;AACzB,WAAOO,EAAYJ,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EACrC,WACST,EAAcG,CAAU;AAE7B,WAAAE,EAAUjB,EAAae,CAAU,MAAM,QAAW,wBAAwBA,CAAU,KAAK,qBAAqB,GACvGf,EAAae,CAAU;AAElC,SAAOA;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es346.js

@@ -1,14 +1,11 @@
-import { transformPropOrder as t } from "./visualization.es337.js";
-const r = /* @__PURE__ */ new Set([
-  "width",
-  "height",
-  "top",
-  "left",
-  "right",
-  "bottom",
-  ...t
-]);
+const i = (r, a, o = 10) => {
+  let n = "";
+  const e = Math.max(Math.round(a / o), 2);
+  for (let t = 0; t < e; t++)
+    n += Math.round(r(t / (e - 1)) * 1e4) / 1e4 + ", ";
+  return `linear(${n.substring(0, n.length - 2)})`;
+};
 export {
-  r as positionalKeys
+  i as generateLinearEasing
 };
 //# sourceMappingURL=visualization.es346.js.map

package/dist/visualization.es346.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es346.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs"],"sourcesContent":["import { transformPropOrder } from './keys-transform.mjs';\n\nconst positionalKeys = new Set([\n    \"width\",\n    \"height\",\n    \"top\",\n    \"left\",\n    \"right\",\n    \"bottom\",\n    ...transformPropOrder,\n]);\n\nexport { positionalKeys };\n//# sourceMappingURL=keys-position.mjs.map\n"],"names":["positionalKeys","transformPropOrder"],"mappings":";AAEK,MAACA,IAAiB,oBAAI,IAAI;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGC;AACP,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es346.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs"],"sourcesContent":["const generateLinearEasing = (easing, duration, // as milliseconds\nresolution = 10 // as milliseconds\n) => {\n    let points = \"\";\n    const numPoints = Math.max(Math.round(duration / resolution), 2);\n    for (let i = 0; i < numPoints; i++) {\n        points += Math.round(easing(i / (numPoints - 1)) * 10000) / 10000 + \", \";\n    }\n    return `linear(${points.substring(0, points.length - 2)})`;\n};\n\nexport { generateLinearEasing };\n//# sourceMappingURL=linear.mjs.map\n"],"names":["generateLinearEasing","easing","duration","resolution","points","numPoints","i"],"mappings":"AAAK,MAACA,IAAuB,CAACC,GAAQC,GACtCC,IAAa,OACR;AACD,MAAIC,IAAS;AACb,QAAMC,IAAY,KAAK,IAAI,KAAK,MAAMH,IAAWC,CAAU,GAAG,CAAC;AAC/D,WAASG,IAAI,GAAGA,IAAID,GAAWC;AAC3B,IAAAF,KAAU,KAAK,MAAMH,EAAOK,KAAKD,IAAY,EAAE,IAAI,GAAK,IAAI,MAAQ;AAExE,SAAO,UAAUD,EAAO,UAAU,GAAGA,EAAO,SAAS,CAAC,CAAC;AAC3D;","x_google_ignoreList":[0]}

package/dist/visualization.es347.js

@@ -1,22 +1,14 @@
-import { motionValue as s } from "./visualization.es414.js";
-import { resolveVariant as f } from "./visualization.es302.js";
-import { isKeyframesTarget as l } from "./visualization.es394.js";
-function u(t, o, e) {
-  t.hasValue(o) ? t.getValue(o).set(e) : t.addValue(o, s(e));
-}
-function V(t) {
-  return l(t) ? t[t.length - 1] || 0 : t;
-}
-function p(t, o) {
-  const e = f(t, o);
-  let { transitionEnd: a = {}, transition: c = {}, ...r } = e || {};
-  r = { ...r, ...a };
-  for (const n in r) {
-    const i = V(r[n]);
-    u(t, n, i);
-  }
+import { calcGeneratorDuration as i, maxGeneratorDuration as m } from "./visualization.es307.js";
+import { millisecondsToSeconds as s } from "./visualization.es312.js";
+function f(n, r = 100, o) {
+  const e = o({ ...n, keyframes: [0, r] }), t = Math.min(i(e), m);
+  return {
+    type: "keyframes",
+    ease: (a) => e.next(t * a).value / r,
+    duration: s(t)
+  };
 }
 export {
-  p as setTarget
+  f as createGeneratorEasing
 };
 //# sourceMappingURL=visualization.es347.js.map

package/dist/visualization.es347.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es347.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/setters.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { isKeyframesTarget } from './is-keyframes-target.mjs';\n\n/**\n * Set VisualElement's MotionValue, creating a new MotionValue for it if\n * it doesn't exist.\n */\nfunction setMotionValue(visualElement, key, value) {\n    if (visualElement.hasValue(key)) {\n        visualElement.getValue(key).set(value);\n    }\n    else {\n        visualElement.addValue(key, motionValue(value));\n    }\n}\nfunction resolveFinalValueInKeyframes(v) {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;\n}\nfunction setTarget(visualElement, definition) {\n    const resolved = resolveVariant(visualElement, definition);\n    let { transitionEnd = {}, transition = {}, ...target } = resolved || {};\n    target = { ...target, ...transitionEnd };\n    for (const key in target) {\n        const value = resolveFinalValueInKeyframes(target[key]);\n        setMotionValue(visualElement, key, value);\n    }\n}\n\nexport { setTarget };\n//# sourceMappingURL=setters.mjs.map\n"],"names":["setMotionValue","visualElement","key","value","motionValue","resolveFinalValueInKeyframes","v","isKeyframesTarget","setTarget","definition","resolved","resolveVariant","transitionEnd","transition","target"],"mappings":";;;AAQA,SAASA,EAAeC,GAAeC,GAAKC,GAAO;AAC/C,EAAIF,EAAc,SAASC,CAAG,IAC1BD,EAAc,SAASC,CAAG,EAAE,IAAIC,CAAK,IAGrCF,EAAc,SAASC,GAAKE,EAAYD,CAAK,CAAC;AAEtD;AACA,SAASE,EAA6BC,GAAG;AAErC,SAAOC,EAAkBD,CAAC,IAAIA,EAAEA,EAAE,SAAS,CAAC,KAAK,IAAIA;AACzD;AACA,SAASE,EAAUP,GAAeQ,GAAY;AAC1C,QAAMC,IAAWC,EAAeV,GAAeQ,CAAU;AACzD,MAAI,EAAE,eAAAG,IAAgB,CAAA,GAAI,YAAAC,IAAa,CAAA,GAAI,GAAGC,EAAM,IAAKJ,KAAY,CAAA;AACrE,EAAAI,IAAS,EAAE,GAAGA,GAAQ,GAAGF,EAAa;AACtC,aAAWV,KAAOY,GAAQ;AACtB,UAAMX,IAAQE,EAA6BS,EAAOZ,CAAG,CAAC;AACtD,IAAAF,EAAeC,GAAeC,GAAKC,CAAK;AAAA,EAC5C;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es347.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs"],"sourcesContent":["import { millisecondsToSeconds } from 'motion-utils';\nimport { calcGeneratorDuration, maxGeneratorDuration } from './calc-duration.mjs';\n\n/**\n * Create a progress => progress easing function from a generator.\n */\nfunction createGeneratorEasing(options, scale = 100, createGenerator) {\n    const generator = createGenerator({ ...options, keyframes: [0, scale] });\n    const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);\n    return {\n        type: \"keyframes\",\n        ease: (progress) => {\n            return generator.next(duration * progress).value / scale;\n        },\n        duration: millisecondsToSeconds(duration),\n    };\n}\n\nexport { createGeneratorEasing };\n//# sourceMappingURL=create-generator-easing.mjs.map\n"],"names":["createGeneratorEasing","options","scale","createGenerator","generator","duration","calcGeneratorDuration","maxGeneratorDuration","progress","millisecondsToSeconds"],"mappings":";;AAMA,SAASA,EAAsBC,GAASC,IAAQ,KAAKC,GAAiB;AAClE,QAAMC,IAAYD,EAAgB,EAAE,GAAGF,GAAS,WAAW,CAAC,GAAGC,CAAK,GAAG,GACjEG,IAAW,KAAK,IAAIC,EAAsBF,CAAS,GAAGG,CAAoB;AAChF,SAAO;AAAA,IACH,MAAM;AAAA,IACN,MAAM,CAACC,MACIJ,EAAU,KAAKC,IAAWG,CAAQ,EAAE,QAAQN;AAAA,IAEvD,UAAUO,EAAsBJ,CAAQ;AAAA,EAChD;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es348.js

@@ -1,15 +1,7 @@
-import { isWillChangeMotionValue as o } from "./visualization.es434.js";
-import { MotionGlobalConfig as i } from "./visualization.es313.js";
-function C(a, n) {
-  const l = a.getValue("willChange");
-  if (o(l))
-    return l.add(n);
-  if (!l && i.WillChange) {
-    const e = new i.WillChange("auto");
-    a.addValue("willChange", e), e.add(n);
-  }
+function o(n) {
+  return typeof n == "function" && "applyToOptions" in n;
 }
 export {
-  C as addValueToWillChange
+  o as isGenerator
 };
 //# sourceMappingURL=visualization.es348.js.map

package/dist/visualization.es348.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es348.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { isWillChangeMotionValue } from './is.mjs';\n\nfunction addValueToWillChange(visualElement, key) {\n    const willChange = visualElement.getValue(\"willChange\");\n    /**\n     * It could be that a user has set willChange to a regular MotionValue,\n     * in which case we can't add the value to it.\n     */\n    if (isWillChangeMotionValue(willChange)) {\n        return willChange.add(key);\n    }\n    else if (!willChange && MotionGlobalConfig.WillChange) {\n        const newWillChange = new MotionGlobalConfig.WillChange(\"auto\");\n        visualElement.addValue(\"willChange\", newWillChange);\n        newWillChange.add(key);\n    }\n}\n\nexport { addValueToWillChange };\n//# sourceMappingURL=add-will-change.mjs.map\n"],"names":["addValueToWillChange","visualElement","key","willChange","isWillChangeMotionValue","MotionGlobalConfig","newWillChange"],"mappings":";;AAGA,SAASA,EAAqBC,GAAeC,GAAK;AAC9C,QAAMC,IAAaF,EAAc,SAAS,YAAY;AAKtD,MAAIG,EAAwBD,CAAU;AAClC,WAAOA,EAAW,IAAID,CAAG;AAExB,MAAI,CAACC,KAAcE,EAAmB,YAAY;AACnD,UAAMC,IAAgB,IAAID,EAAmB,WAAW,MAAM;AAC9D,IAAAJ,EAAc,SAAS,cAAcK,CAAa,GAClDA,EAAc,IAAIJ,CAAG;AAAA,EACzB;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es348.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs"],"sourcesContent":["function isGenerator(type) {\n    return typeof type === \"function\" && \"applyToOptions\" in type;\n}\n\nexport { isGenerator };\n//# sourceMappingURL=is-generator.mjs.map\n"],"names":["isGenerator","type"],"mappings":"AAAA,SAASA,EAAYC,GAAM;AACvB,SAAO,OAAOA,KAAS,cAAc,oBAAoBA;AAC7D;","x_google_ignoreList":[0]}

package/dist/visualization.es349.js

@@ -1,8 +1,69 @@
-import { optimizedAppearDataAttribute as p } from "./visualization.es350.js";
-function e(t) {
-  return t.props[p];
+import { positionalKeys as c } from "./visualization.es334.js";
+import { findDimensionValueType as d } from "./visualization.es350.js";
+import { getVariableValue as g } from "./visualization.es321.js";
+import { isCSSVariableToken as K, containsCSSVariable as h } from "./visualization.es322.js";
+import { KeyframeResolver as v } from "./visualization.es295.js";
+import { isNone as V } from "./visualization.es351.js";
+import { makeNoneKeyframesAnimatable as S } from "./visualization.es352.js";
+import { positionalValues as m, isNumOrPxType as p } from "./visualization.es353.js";
+class M extends v {
+  constructor(e, n, r, t, o) {
+    super(e, n, r, t, o, !0);
+  }
+  readKeyframes() {
+    const { unresolvedKeyframes: e, element: n, name: r } = this;
+    if (!n || !n.current)
+      return;
+    super.readKeyframes();
+    for (let s = 0; s < e.length; s++) {
+      let i = e[s];
+      if (typeof i == "string" && (i = i.trim(), K(i))) {
+        const u = g(i, n.current);
+        u !== void 0 && (e[s] = u), s === e.length - 1 && (this.finalKeyframe = i);
+      }
+    }
+    if (this.resolveNoneKeyframes(), !c.has(r) || e.length !== 2)
+      return;
+    const [t, o] = e, a = d(t), f = d(o), l = h(t), y = h(o);
+    if (l !== y && m[r]) {
+      this.needsMeasurement = !0;
+      return;
+    }
+    if (a !== f)
+      if (p(a) && p(f))
+        for (let s = 0; s < e.length; s++) {
+          const i = e[s];
+          typeof i == "string" && (e[s] = parseFloat(i));
+        }
+      else m[r] && (this.needsMeasurement = !0);
+  }
+  resolveNoneKeyframes() {
+    const { unresolvedKeyframes: e, name: n } = this, r = [];
+    for (let t = 0; t < e.length; t++)
+      (e[t] === null || V(e[t])) && r.push(t);
+    r.length && S(e, r, n);
+  }
+  measureInitialState() {
+    const { element: e, unresolvedKeyframes: n, name: r } = this;
+    if (!e || !e.current)
+      return;
+    r === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = m[r](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
+    const t = n[n.length - 1];
+    t !== void 0 && e.getValue(r, t).jump(t, !1);
+  }
+  measureEndState() {
+    const { element: e, name: n, unresolvedKeyframes: r } = this;
+    if (!e || !e.current)
+      return;
+    const t = e.getValue(n);
+    t && t.jump(this.measuredOrigin, !1);
+    const o = r.length - 1, a = r[o];
+    r[o] = m[n](e.measureViewportBox(), window.getComputedStyle(e.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), this.removedTransforms?.length && this.removedTransforms.forEach(([f, l]) => {
+      e.getValue(f).set(l);
+    }), this.resolveNoneKeyframes();
+  }
 }
 export {
-  e as getOptimisedAppearId
+  M as DOMKeyframesResolver
 };
 //# sourceMappingURL=visualization.es349.js.map

package/dist/visualization.es349.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es349.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs"],"sourcesContent":["import { optimizedAppearDataAttribute } from './data-id.mjs';\n\nfunction getOptimisedAppearId(visualElement) {\n    return visualElement.props[optimizedAppearDataAttribute];\n}\n\nexport { getOptimisedAppearId };\n//# sourceMappingURL=get-appear-id.mjs.map\n"],"names":["getOptimisedAppearId","visualElement","optimizedAppearDataAttribute"],"mappings":";AAEA,SAASA,EAAqBC,GAAe;AACzC,SAAOA,EAAc,MAAMC,CAA4B;AAC3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es349.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs"],"sourcesContent":["import { positionalKeys } from '../../render/utils/keys-position.mjs';\nimport { findDimensionValueType } from '../../value/types/dimensions.mjs';\nimport { getVariableValue } from '../utils/css-variables-conversion.mjs';\nimport { isCSSVariableToken, containsCSSVariable } from '../utils/is-css-variable.mjs';\nimport { KeyframeResolver } from './KeyframesResolver.mjs';\nimport { isNone } from './utils/is-none.mjs';\nimport { makeNoneKeyframesAnimatable } from './utils/make-none-animatable.mjs';\nimport { positionalValues, isNumOrPxType } from './utils/unit-conversion.mjs';\n\nclass DOMKeyframesResolver extends KeyframeResolver {\n    constructor(unresolvedKeyframes, onComplete, name, motionValue, element) {\n        super(unresolvedKeyframes, onComplete, name, motionValue, element, true);\n    }\n    readKeyframes() {\n        const { unresolvedKeyframes, element, name } = this;\n        if (!element || !element.current)\n            return;\n        super.readKeyframes();\n        /**\n         * If any keyframe is a CSS variable, we need to find its value by sampling the element\n         */\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            let keyframe = unresolvedKeyframes[i];\n            if (typeof keyframe === \"string\") {\n                keyframe = keyframe.trim();\n                if (isCSSVariableToken(keyframe)) {\n                    const resolved = getVariableValue(keyframe, element.current);\n                    if (resolved !== undefined) {\n                        unresolvedKeyframes[i] = resolved;\n                    }\n                    if (i === unresolvedKeyframes.length - 1) {\n                        this.finalKeyframe = keyframe;\n                    }\n                }\n            }\n        }\n        /**\n         * Resolve \"none\" values. We do this potentially twice - once before and once after measuring keyframes.\n         * This could be seen as inefficient but it's a trade-off to avoid measurements in more situations, which\n         * have a far bigger performance impact.\n         */\n        this.resolveNoneKeyframes();\n        /**\n         * Check to see if unit type has changed. If so schedule jobs that will\n         * temporarily set styles to the destination keyframes.\n         * Skip if we have more than two keyframes or this isn't a positional value.\n         * TODO: We can throw if there are multiple keyframes and the value type changes.\n         */\n        if (!positionalKeys.has(name) || unresolvedKeyframes.length !== 2) {\n            return;\n        }\n        const [origin, target] = unresolvedKeyframes;\n        const originType = findDimensionValueType(origin);\n        const targetType = findDimensionValueType(target);\n        /**\n         * If one keyframe contains embedded CSS variables (e.g. in calc()) and the other\n         * doesn't, we need to measure to convert to pixels. This handles GitHub issue #3410.\n         */\n        const originHasVar = containsCSSVariable(origin);\n        const targetHasVar = containsCSSVariable(target);\n        if (originHasVar !== targetHasVar && positionalValues[name]) {\n            this.needsMeasurement = true;\n            return;\n        }\n        /**\n         * Either we don't recognise these value types or we can animate between them.\n         */\n        if (originType === targetType)\n            return;\n        /**\n         * If both values are numbers or pixels, we can animate between them by\n         * converting them to numbers.\n         */\n        if (isNumOrPxType(originType) && isNumOrPxType(targetType)) {\n            for (let i = 0; i < unresolvedKeyframes.length; i++) {\n                const value = unresolvedKeyframes[i];\n                if (typeof value === \"string\") {\n                    unresolvedKeyframes[i] = parseFloat(value);\n                }\n            }\n        }\n        else if (positionalValues[name]) {\n            /**\n             * Else, the only way to resolve this is by measuring the element.\n             */\n            this.needsMeasurement = true;\n        }\n    }\n    resolveNoneKeyframes() {\n        const { unresolvedKeyframes, name } = this;\n        const noneKeyframeIndexes = [];\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            if (unresolvedKeyframes[i] === null ||\n                isNone(unresolvedKeyframes[i])) {\n                noneKeyframeIndexes.push(i);\n            }\n        }\n        if (noneKeyframeIndexes.length) {\n            makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name);\n        }\n    }\n    measureInitialState() {\n        const { element, unresolvedKeyframes, name } = this;\n        if (!element || !element.current)\n            return;\n        if (name === \"height\") {\n            this.suspendedScrollY = window.pageYOffset;\n        }\n        this.measuredOrigin = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));\n        unresolvedKeyframes[0] = this.measuredOrigin;\n        // Set final key frame to measure after next render\n        const measureKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];\n        if (measureKeyframe !== undefined) {\n            element.getValue(name, measureKeyframe).jump(measureKeyframe, false);\n        }\n    }\n    measureEndState() {\n        const { element, name, unresolvedKeyframes } = this;\n        if (!element || !element.current)\n            return;\n        const value = element.getValue(name);\n        value && value.jump(this.measuredOrigin, false);\n        const finalKeyframeIndex = unresolvedKeyframes.length - 1;\n        const finalKeyframe = unresolvedKeyframes[finalKeyframeIndex];\n        unresolvedKeyframes[finalKeyframeIndex] = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));\n        if (finalKeyframe !== null && this.finalKeyframe === undefined) {\n            this.finalKeyframe = finalKeyframe;\n        }\n        // If we removed transform values, reapply them before the next render\n        if (this.removedTransforms?.length) {\n            this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {\n                element\n                    .getValue(unsetTransformName)\n                    .set(unsetTransformValue);\n            });\n        }\n        this.resolveNoneKeyframes();\n    }\n}\n\nexport { DOMKeyframesResolver };\n//# sourceMappingURL=DOMKeyframesResolver.mjs.map\n"],"names":["DOMKeyframesResolver","KeyframeResolver","unresolvedKeyframes","onComplete","name","motionValue","element","i","keyframe","isCSSVariableToken","resolved","getVariableValue","positionalKeys","origin","target","originType","findDimensionValueType","targetType","originHasVar","containsCSSVariable","targetHasVar","positionalValues","isNumOrPxType","value","noneKeyframeIndexes","isNone","makeNoneKeyframesAnimatable","measureKeyframe","finalKeyframeIndex","finalKeyframe","unsetTransformName","unsetTransformValue"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es35.js

@@ -1,38 +1,30 @@
-import l from "./visualization.es139.js";
-import f from "./visualization.es171.js";
-import n from "./visualization.es176.js";
-import { jsx as m } from "react/jsx-runtime";
-const c = {
-  dx: "-0.25em",
-  dy: "0.25em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "end"
+import { jsx as i } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import m from "./visualization.es60.js";
+const f = {
+  scaleX: 1,
+  scaleY: 1,
+  translateX: 0,
+  translateY: 0,
+  skewX: 0,
+  skewY: 0
+}, M = {
+  scaleXMin: 1 / 2,
+  scaleXMax: 10,
+  scaleYMin: 1 / 2,
+  scaleYMax: 10
+}, h = m, d = (r) => {
+  const t = n(6), {
+    width: s,
+    height: a,
+    children: l
+  } = r;
+  let e;
+  t[0] !== l ? (e = (c) => l(c), t[0] = l, t[1] = e) : e = t[1];
+  let o;
+  return t[2] !== a || t[3] !== e || t[4] !== s ? (o = /* @__PURE__ */ i(h, { width: s, height: a, ...M, initialTransformMatrix: f, children: e }), t[2] = a, t[3] = e, t[4] = s, t[5] = o) : o = t[5], o;
 };
-function k(e) {
-  let {
-    axisClassName: i,
-    labelOffset: o = 36,
-    tickLength: s = 8,
-    tickLabelProps: t,
-    ...r
-  } = e;
-  const a = typeof t == "function" ? t : {
-    ...c,
-    ...t
-  };
-  return /* @__PURE__ */ m(f, {
-    axisClassName: l("visx-axis-left", i),
-    labelOffset: o,
-    orientation: n.left,
-    tickLabelProps: a,
-    tickLength: s,
-    ...r
-  });
-}
 export {
-  k as default,
-  c as leftTickLabelProps
+  d as default
 };
 //# sourceMappingURL=visualization.es35.js.map

package/dist/visualization.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es35.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/AxisLeft.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 leftTickLabelProps = {\n  dx: '-0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'end'\n};\nexport default function AxisLeft(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...leftTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-left', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.left,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["leftTickLabelProps","AxisLeft","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAASC,GAAM;AACrC,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,kBAAkBR,CAAa;AAAA,IACjD,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.es35.js","sources":["../src/components/ScatterPlot/PlotZoom.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom';\nimport { ZoomType } from './types';\n\n/**\n * Shared by every plot that creates a zoom, so a plot driving its own zoom and a plot driving a\n * shared one behave identically.\n */\nconst initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\n};\n\nconst ZOOM_SCALE_LIMITS = {\n    scaleXMin: 1 / 2,\n    scaleXMax: 10,\n    scaleYMin: 1 / 2,\n    scaleYMax: 10,\n};\n\n/**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\nconst Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n\ntype PlotZoomProps = {\n    /**\n     * Size of the zoomed area. Only used by visx to pick a default anchor point for operations\n     * that have none of their own; the plots always pass an explicit one.\n     */\n    width: number;\n    height: number;\n    children: (zoom: ZoomType) => ReactElement;\n};\n\nconst PlotZoom = ({ width, height, children }: PlotZoomProps) => (\n    <Zoom\n        width={width}\n        height={height}\n        {...ZOOM_SCALE_LIMITS}\n        initialTransformMatrix={initialTransformMatrix}\n    >\n        {(zoom) => children(zoom as ZoomType)}\n    </Zoom>\n);\n\nexport default PlotZoom;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ZOOM_SCALE_LIMITS","scaleXMin","scaleXMax","scaleYMin","scaleYMax","Zoom","VisxZoom","PlotZoom","t0","$","_c","width","height","children","t1","zoom","t2"],"mappings":";;;AAQA,MAAMA,IAAyB;AAAA,EAC3BC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,OAAO;AACX,GAEMC,IAAoB;AAAA,EACtBC,WAAW,IAAI;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW,IAAI;AAAA,EACfC,WAAW;AACf,GAMMC,IAAOC,GAYPC,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAA0C,MAAAM;AAAA,EAAAL,SAAAI,KAOnDC,IAAAC,CAAAA,MAAUF,EAASE,CAAgB,GAACN,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KANzCK,sBAACX,GAAA,EACUM,OAAAA,GACCC,QAAAA,MACJZ,GACoBP,wBAAAA,GAEvBqB,UAAAA,GACL,GAAOL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAPPO;AAOO;"}

package/dist/visualization.es350.js

@@ -1,7 +1,10 @@
-import { camelToDash as a } from "./visualization.es351.js";
-const t = "framerAppearId", e = "data-" + a(t);
+import { auto as o } from "./visualization.es411.js";
+import { number as r } from "./visualization.es406.js";
+import { px as m, percent as t, degrees as i, vw as n, vh as p } from "./visualization.es407.js";
+import { testValueType as s } from "./visualization.es412.js";
+const f = [r, m, t, i, n, p, o], l = (e) => f.find(s(e));
 export {
-  e as optimizedAppearDataAttribute,
-  t as optimizedAppearDataId
+  f as dimensionValueTypes,
+  l as findDimensionValueType
 };
 //# sourceMappingURL=visualization.es350.js.map

package/dist/visualization.es350.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es350.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.mjs"],"sourcesContent":["import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n//# sourceMappingURL=data-id.mjs.map\n"],"names":["optimizedAppearDataId","optimizedAppearDataAttribute","camelToDash"],"mappings":";AAEK,MAACA,IAAwB,kBACxBC,IAA+B,UAAUC,EAAYF,CAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es350.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/dimensions.mjs"],"sourcesContent":["import { auto } from './auto.mjs';\nimport { number } from './numbers/index.mjs';\nimport { px, percent, degrees, vw, vh } from './numbers/units.mjs';\nimport { testValueType } from './test.mjs';\n\n/**\n * A list of value types commonly used for dimensions\n */\nconst dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];\n/**\n * Tests a dimensional value against the list of dimension ValueTypes\n */\nconst findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));\n\nexport { dimensionValueTypes, findDimensionValueType };\n//# sourceMappingURL=dimensions.mjs.map\n"],"names":["dimensionValueTypes","number","px","percent","degrees","vw","vh","auto","findDimensionValueType","v","testValueType"],"mappings":";;;;AAQK,MAACA,IAAsB,CAACC,GAAQC,GAAIC,GAASC,GAASC,GAAIC,GAAIC,CAAI,GAIjEC,IAAyB,CAACC,MAAMT,EAAoB,KAAKU,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es351.js

@@ -1,7 +1,8 @@
-function r(e) {
-  return e.replace(/([A-Z])/g, (o) => `-${o.toLowerCase()}`);
+import { isZeroValueString as n } from "./visualization.es438.js";
+function t(r) {
+  return typeof r == "number" ? r === 0 : r !== null ? r === "none" || r === "0" || n(r) : !0;
 }
 export {
-  r as camelToDash
+  t as isNone
 };
 //# sourceMappingURL=visualization.es351.js.map

package/dist/visualization.es351.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es351.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["function camelToDash(str) {\n    return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);\n}\n\nexport { camelToDash };\n//# sourceMappingURL=camel-to-dash.mjs.map\n"],"names":["camelToDash","str","match"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAOA,EAAI,QAAQ,YAAY,CAACC,MAAU,IAAIA,EAAM,YAAW,CAAE,EAAE;AACvE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es351.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs"],"sourcesContent":["import { isZeroValueString } from 'motion-utils';\n\nfunction isNone(value) {\n    if (typeof value === \"number\") {\n        return value === 0;\n    }\n    else if (value !== null) {\n        return value === \"none\" || value === \"0\" || isZeroValueString(value);\n    }\n    else {\n        return true;\n    }\n}\n\nexport { isNone };\n//# sourceMappingURL=is-none.mjs.map\n"],"names":["isNone","value","isZeroValueString"],"mappings":";AAEA,SAASA,EAAOC,GAAO;AACnB,SAAI,OAAOA,KAAU,WACVA,MAAU,IAEZA,MAAU,OACRA,MAAU,UAAUA,MAAU,OAAOC,EAAkBD,CAAK,IAG5D;AAEf;","x_google_ignoreList":[0]}