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

package/dist/visualization.es323.js

@@ -1,18 +1,179 @@
-import { circInOut as r } from "./visualization.es461.js";
-import { backInOut as t } from "./visualization.es483.js";
-import { anticipate as o } from "./visualization.es482.js";
+import { generateLinearEasing as L } from "./visualization.es329.js";
+import { calcGeneratorDuration as z, maxGeneratorDuration as B } from "./visualization.es290.js";
+import { createGeneratorEasing as H } from "./visualization.es330.js";
+import { millisecondsToSeconds as K, secondsToMilliseconds as q } from "./visualization.es295.js";
+import { clamp as N } from "./visualization.es296.js";
+import { warning as J } from "./visualization.es293.js";
 const n = {
-  anticipate: o,
-  backInOut: t,
-  circInOut: r
+  // Default spring physics
+  stiffness: 100,
+  damping: 10,
+  mass: 1,
+  velocity: 0,
+  // Default duration/bounce-based options
+  duration: 800,
+  // in ms
+  bounce: 0.3,
+  visualDuration: 0.3,
+  // in seconds
+  // Rest thresholds
+  restSpeed: {
+    granular: 0.01,
+    default: 2
+  },
+  restDelta: {
+    granular: 5e-3,
+    default: 0.5
+  },
+  // Limits
+  minDuration: 0.01,
+  // in seconds
+  maxDuration: 10,
+  // in seconds
+  minDamping: 0.05,
+  maxDamping: 1
 };
-function p(e) {
-  return e in n;
+function O(e, s) {
+  return e * Math.sqrt(1 - s * s);
 }
-function u(e) {
-  typeof e.ease == "string" && p(e.ease) && (e.ease = n[e.ease]);
+const Q = 12;
+function U(e, s, a) {
+  let l = a;
+  for (let f = 1; f < Q; f++)
+    l = l - e(l) / s(l);
+  return l;
 }
+const I = 1e-3;
+function W({ duration: e = n.duration, bounce: s = n.bounce, velocity: a = n.velocity, mass: l = n.mass }) {
+  let f, v;
+  J(e <= q(n.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  let r = 1 - s;
+  r = N(n.minDamping, n.maxDamping, r), e = N(n.minDuration, n.maxDuration, K(e)), r < 1 ? (f = (c) => {
+    const g = c * r, h = g * e, k = g - a, x = O(c, r), M = Math.exp(-h);
+    return I - k / x * M;
+  }, v = (c) => {
+    const h = c * r * e, k = h * a + a, x = Math.pow(r, 2) * Math.pow(c, 2) * e, M = Math.exp(-h), o = O(Math.pow(c, 2), r);
+    return (-f(c) + I > 0 ? -1 : 1) * ((k - x) * M) / o;
+  }) : (f = (c) => {
+    const g = Math.exp(-c * e), h = (c - a) * e + 1;
+    return -I + g * h;
+  }, v = (c) => {
+    const g = Math.exp(-c * e), h = (a - c) * (e * e);
+    return g * h;
+  });
+  const p = 5 / e, T = U(f, v, p);
+  if (e = q(e), isNaN(T))
+    return {
+      stiffness: n.stiffness,
+      damping: n.damping,
+      duration: e
+    };
+  {
+    const c = Math.pow(T, 2) * l;
+    return {
+      stiffness: c,
+      damping: r * 2 * Math.sqrt(l * c),
+      duration: e
+    };
+  }
+}
+const X = ["duration", "bounce"], Y = ["stiffness", "damping", "mass"];
+function V(e, s) {
+  return s.some((a) => e[a] !== void 0);
+}
+function Z(e) {
+  let s = {
+    velocity: n.velocity,
+    stiffness: n.stiffness,
+    damping: n.damping,
+    mass: n.mass,
+    isResolvedFromDuration: !1,
+    ...e
+  };
+  if (!V(e, Y) && V(e, X))
+    if (s.velocity = 0, e.visualDuration) {
+      const a = e.visualDuration, l = 2 * Math.PI / (a * 1.2), f = l * l, v = 2 * N(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(f);
+      s = {
+        ...s,
+        mass: n.mass,
+        stiffness: f,
+        damping: v
+      };
+    } else {
+      const a = W({ ...e, velocity: 0 });
+      s = {
+        ...s,
+        ...a,
+        mass: n.mass
+      }, s.isResolvedFromDuration = !0;
+    }
+  return s;
+}
+function j(e = n.visualDuration, s = n.bounce) {
+  const a = typeof e != "object" ? {
+    visualDuration: e,
+    keyframes: [0, 1],
+    bounce: s
+  } : e;
+  let { restSpeed: l, restDelta: f } = a;
+  const v = a.keyframes[0], r = a.keyframes[a.keyframes.length - 1], p = { done: !1, value: v }, { stiffness: T, damping: c, mass: g, duration: h, velocity: k, isResolvedFromDuration: x } = Z({
+    ...a,
+    velocity: -K(a.velocity || 0)
+  }), M = k || 0, o = c / (2 * Math.sqrt(T * g)), m = r - v, i = K(Math.sqrt(T / g)), P = Math.abs(m) < 5;
+  l || (l = P ? n.restSpeed.granular : n.restSpeed.default), f || (f = P ? n.restDelta.granular : n.restDelta.default);
+  let G, w, d, C, A, F;
+  if (o < 1)
+    d = O(i, o), C = (M + o * i * m) / d, G = (t) => {
+      const u = Math.exp(-o * i * t);
+      return r - u * (C * Math.sin(d * t) + m * Math.cos(d * t));
+    }, A = o * i * C + m * d, F = o * i * m - C * d, w = (t) => Math.exp(-o * i * t) * (A * Math.sin(d * t) + F * Math.cos(d * t));
+  else if (o === 1) {
+    G = (u) => r - Math.exp(-i * u) * (m + (M + i * m) * u);
+    const t = M + i * m;
+    w = (u) => Math.exp(-i * u) * (i * t * u - M);
+  } else {
+    const t = i * Math.sqrt(o * o - 1);
+    G = (y) => {
+      const S = Math.exp(-o * i * y), b = Math.min(t * y, 300);
+      return r - S * ((M + o * i * m) * Math.sinh(b) + t * m * Math.cosh(b)) / t;
+    };
+    const u = (M + o * i * m) / t, D = o * i * u - m * t, R = o * i * m - u * t;
+    w = (y) => {
+      const S = Math.exp(-o * i * y), b = Math.min(t * y, 300);
+      return S * (D * Math.sinh(b) + R * Math.cosh(b));
+    };
+  }
+  const E = {
+    calculatedDuration: x && h || null,
+    velocity: (t) => q(w(t)),
+    next: (t) => {
+      if (!x && o < 1) {
+        const D = Math.exp(-o * i * t), R = Math.sin(d * t), y = Math.cos(d * t), S = r - D * (C * R + m * y), b = q(D * (A * R + F * y));
+        return p.done = Math.abs(b) <= l && Math.abs(r - S) <= f, p.value = p.done ? r : S, p;
+      }
+      const u = G(t);
+      if (x)
+        p.done = t >= h;
+      else {
+        const D = q(w(t));
+        p.done = Math.abs(D) <= l && Math.abs(r - u) <= f;
+      }
+      return p.value = p.done ? r : u, p;
+    },
+    toString: () => {
+      const t = Math.min(z(E), B), u = L((D) => E.next(t * D).value, t, 30);
+      return t + "ms " + u;
+    },
+    toTransition: () => {
+    }
+  };
+  return E;
+}
+j.applyToOptions = (e) => {
+  const s = H(e, 100, j);
+  return e.ease = s.ease, e.duration = q(s.duration), e.type = "keyframes", e;
+};
 export {
-  u as replaceStringEasing
+  j as spring
 };
 //# sourceMappingURL=visualization.es323.js.map

package/dist/visualization.es323.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es323.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs"],"sourcesContent":["import { circInOut, backInOut, anticipate } from 'motion-utils';\n\nconst unsupportedEasingFunctions = {\n    anticipate,\n    backInOut,\n    circInOut,\n};\nfunction isUnsupportedEase(key) {\n    return key in unsupportedEasingFunctions;\n}\nfunction replaceStringEasing(transition) {\n    if (typeof transition.ease === \"string\" &&\n        isUnsupportedEase(transition.ease)) {\n        transition.ease = unsupportedEasingFunctions[transition.ease];\n    }\n}\n\nexport { replaceStringEasing };\n//# sourceMappingURL=unsupported-easing.mjs.map\n"],"names":["unsupportedEasingFunctions","anticipate","backInOut","circInOut","isUnsupportedEase","key","replaceStringEasing","transition"],"mappings":";;;AAEA,MAAMA,IAA6B;AAAA,EAC/B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACJ;AACA,SAASC,EAAkBC,GAAK;AAC5B,SAAOA,KAAOL;AAClB;AACA,SAASM,EAAoBC,GAAY;AACrC,EAAI,OAAOA,EAAW,QAAS,YAC3BH,EAAkBG,EAAW,IAAI,MACjCA,EAAW,OAAOP,EAA2BO,EAAW,IAAI;AAEpE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es323.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/spring.mjs"],"sourcesContent":["import { millisecondsToSeconds, clamp, secondsToMilliseconds, warning } from 'motion-utils';\nimport { generateLinearEasing } from '../waapi/utils/linear.mjs';\nimport { calcGeneratorDuration, maxGeneratorDuration } from './utils/calc-duration.mjs';\nimport { createGeneratorEasing } from './utils/create-generator-easing.mjs';\n\nconst springDefaults = {\n    // Default spring physics\n    stiffness: 100,\n    damping: 10,\n    mass: 1.0,\n    velocity: 0.0,\n    // Default duration/bounce-based options\n    duration: 800, // in ms\n    bounce: 0.3,\n    visualDuration: 0.3, // in seconds\n    // Rest thresholds\n    restSpeed: {\n        granular: 0.01,\n        default: 2,\n    },\n    restDelta: {\n        granular: 0.005,\n        default: 0.5,\n    },\n    // Limits\n    minDuration: 0.01, // in seconds\n    maxDuration: 10.0, // in seconds\n    minDamping: 0.05,\n    maxDamping: 1,\n};\nfunction calcAngularFreq(undampedFreq, dampingRatio) {\n    return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio);\n}\nconst rootIterations = 12;\nfunction approximateRoot(envelope, derivative, initialGuess) {\n    let result = initialGuess;\n    for (let i = 1; i < rootIterations; i++) {\n        result = result - envelope(result) / derivative(result);\n    }\n    return result;\n}\n/**\n * This is ported from the Framer implementation of duration-based spring resolution.\n */\nconst safeMin = 0.001;\nfunction findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass, }) {\n    let envelope;\n    let derivative;\n    warning(duration <= secondsToMilliseconds(springDefaults.maxDuration), \"Spring duration must be 10 seconds or less\", \"spring-duration-limit\");\n    let dampingRatio = 1 - bounce;\n    /**\n     * Restrict dampingRatio and duration to within acceptable ranges.\n     */\n    dampingRatio = clamp(springDefaults.minDamping, springDefaults.maxDamping, dampingRatio);\n    duration = clamp(springDefaults.minDuration, springDefaults.maxDuration, millisecondsToSeconds(duration));\n    if (dampingRatio < 1) {\n        /**\n         * Underdamped spring\n         */\n        envelope = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const a = exponentialDecay - velocity;\n            const b = calcAngularFreq(undampedFreq, dampingRatio);\n            const c = Math.exp(-delta);\n            return safeMin - (a / b) * c;\n        };\n        derivative = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const d = delta * velocity + velocity;\n            const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq, 2) * duration;\n            const f = Math.exp(-delta);\n            const g = calcAngularFreq(Math.pow(undampedFreq, 2), dampingRatio);\n            const factor = -envelope(undampedFreq) + safeMin > 0 ? -1 : 1;\n            return (factor * ((d - e) * f)) / g;\n        };\n    }\n    else {\n        /**\n         * Critically-damped spring\n         */\n        envelope = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (undampedFreq - velocity) * duration + 1;\n            return -safeMin + a * b;\n        };\n        derivative = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (velocity - undampedFreq) * (duration * duration);\n            return a * b;\n        };\n    }\n    const initialGuess = 5 / duration;\n    const undampedFreq = approximateRoot(envelope, derivative, initialGuess);\n    duration = secondsToMilliseconds(duration);\n    if (isNaN(undampedFreq)) {\n        return {\n            stiffness: springDefaults.stiffness,\n            damping: springDefaults.damping,\n            duration,\n        };\n    }\n    else {\n        const stiffness = Math.pow(undampedFreq, 2) * mass;\n        return {\n            stiffness,\n            damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),\n            duration,\n        };\n    }\n}\nconst durationKeys = [\"duration\", \"bounce\"];\nconst physicsKeys = [\"stiffness\", \"damping\", \"mass\"];\nfunction isSpringType(options, keys) {\n    return keys.some((key) => options[key] !== undefined);\n}\nfunction getSpringOptions(options) {\n    let springOptions = {\n        velocity: springDefaults.velocity,\n        stiffness: springDefaults.stiffness,\n        damping: springDefaults.damping,\n        mass: springDefaults.mass,\n        isResolvedFromDuration: false,\n        ...options,\n    };\n    // stiffness/damping/mass overrides duration/bounce\n    if (!isSpringType(options, physicsKeys) &&\n        isSpringType(options, durationKeys)) {\n        // Time-defined springs should ignore inherited velocity.\n        // Velocity from interrupted animations can cause findSpring()\n        // to compute wildly different spring parameters, leading to\n        // massive oscillation on small-range animations.\n        springOptions.velocity = 0;\n        if (options.visualDuration) {\n            const visualDuration = options.visualDuration;\n            const root = (2 * Math.PI) / (visualDuration * 1.2);\n            const stiffness = root * root;\n            const damping = 2 *\n                clamp(0.05, 1, 1 - (options.bounce || 0)) *\n                Math.sqrt(stiffness);\n            springOptions = {\n                ...springOptions,\n                mass: springDefaults.mass,\n                stiffness,\n                damping,\n            };\n        }\n        else {\n            const derived = findSpring({ ...options, velocity: 0 });\n            springOptions = {\n                ...springOptions,\n                ...derived,\n                mass: springDefaults.mass,\n            };\n            springOptions.isResolvedFromDuration = true;\n        }\n    }\n    return springOptions;\n}\nfunction spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce = springDefaults.bounce) {\n    const options = typeof optionsOrVisualDuration !== \"object\"\n        ? {\n            visualDuration: optionsOrVisualDuration,\n            keyframes: [0, 1],\n            bounce,\n        }\n        : optionsOrVisualDuration;\n    let { restSpeed, restDelta } = options;\n    const origin = options.keyframes[0];\n    const target = options.keyframes[options.keyframes.length - 1];\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 = { done: false, value: origin };\n    const { stiffness, damping, mass, duration, velocity, isResolvedFromDuration, } = getSpringOptions({\n        ...options,\n        velocity: -millisecondsToSeconds(options.velocity || 0),\n    });\n    const initialVelocity = velocity || 0.0;\n    const dampingRatio = damping / (2 * Math.sqrt(stiffness * mass));\n    const initialDelta = target - origin;\n    const undampedAngularFreq = millisecondsToSeconds(Math.sqrt(stiffness / mass));\n    /**\n     * If we're working on a granular scale, use smaller defaults for determining\n     * when the spring is finished.\n     *\n     * These defaults have been selected emprically based on what strikes a good\n     * ratio between feeling good and finishing as soon as changes are imperceptible.\n     */\n    const isGranularScale = Math.abs(initialDelta) < 5;\n    restSpeed || (restSpeed = isGranularScale\n        ? springDefaults.restSpeed.granular\n        : springDefaults.restSpeed.default);\n    restDelta || (restDelta = isGranularScale\n        ? springDefaults.restDelta.granular\n        : springDefaults.restDelta.default);\n    let resolveSpring;\n    let resolveVelocity;\n    // Underdamped coefficients, hoisted for use in the inlined next() hot path\n    let angularFreq;\n    let A;\n    let sinCoeff;\n    let cosCoeff;\n    if (dampingRatio < 1) {\n        angularFreq = calcAngularFreq(undampedAngularFreq, dampingRatio);\n        A =\n            (initialVelocity +\n                dampingRatio * undampedAngularFreq * initialDelta) /\n                angularFreq;\n        // Underdamped spring\n        resolveSpring = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            return (target -\n                envelope *\n                    (A * Math.sin(angularFreq * t) +\n                        initialDelta * Math.cos(angularFreq * t)));\n        };\n        // Analytical derivative of underdamped spring (px/ms)\n        sinCoeff =\n            dampingRatio * undampedAngularFreq * A + initialDelta * angularFreq;\n        cosCoeff =\n            dampingRatio * undampedAngularFreq * initialDelta - A * angularFreq;\n        resolveVelocity = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            return envelope *\n                (sinCoeff * Math.sin(angularFreq * t) +\n                    cosCoeff * Math.cos(angularFreq * t));\n        };\n    }\n    else if (dampingRatio === 1) {\n        // Critically damped spring\n        resolveSpring = (t) => target -\n            Math.exp(-undampedAngularFreq * t) *\n                (initialDelta +\n                    (initialVelocity + undampedAngularFreq * initialDelta) * t);\n        // Analytical derivative of critically damped spring (px/ms)\n        const C = initialVelocity + undampedAngularFreq * initialDelta;\n        resolveVelocity = (t) => Math.exp(-undampedAngularFreq * t) *\n            (undampedAngularFreq * C * t - initialVelocity);\n    }\n    else {\n        // Overdamped spring\n        const dampedAngularFreq = undampedAngularFreq * Math.sqrt(dampingRatio * dampingRatio - 1);\n        resolveSpring = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            // When performing sinh or cosh values can hit Infinity so we cap them here\n            const freqForT = Math.min(dampedAngularFreq * t, 300);\n            return (target -\n                (envelope *\n                    ((initialVelocity +\n                        dampingRatio * undampedAngularFreq * initialDelta) *\n                        Math.sinh(freqForT) +\n                        dampedAngularFreq *\n                            initialDelta *\n                            Math.cosh(freqForT))) /\n                    dampedAngularFreq);\n        };\n        // Analytical derivative of overdamped spring (px/ms)\n        const P = (initialVelocity +\n            dampingRatio * undampedAngularFreq * initialDelta) /\n            dampedAngularFreq;\n        const sinhCoeff = dampingRatio * undampedAngularFreq * P - initialDelta * dampedAngularFreq;\n        const coshCoeff = dampingRatio * undampedAngularFreq * initialDelta - P * dampedAngularFreq;\n        resolveVelocity = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            const freqForT = Math.min(dampedAngularFreq * t, 300);\n            return envelope *\n                (sinhCoeff * Math.sinh(freqForT) +\n                    coshCoeff * Math.cosh(freqForT));\n        };\n    }\n    const generator = {\n        calculatedDuration: isResolvedFromDuration ? duration || null : null,\n        velocity: (t) => secondsToMilliseconds(resolveVelocity(t)),\n        next: (t) => {\n            /**\n             * For underdamped physics springs we need both position and\n             * velocity each tick. Compute shared trig values once to avoid\n             * duplicate Math.exp/sin/cos calls on the hot path.\n             */\n            if (!isResolvedFromDuration && dampingRatio < 1) {\n                const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n                const sin = Math.sin(angularFreq * t);\n                const cos = Math.cos(angularFreq * t);\n                const current = target -\n                    envelope *\n                        (A * sin + initialDelta * cos);\n                const currentVelocity = secondsToMilliseconds(envelope *\n                    (sinCoeff * sin + cosCoeff * cos));\n                state.done =\n                    Math.abs(currentVelocity) <= restSpeed &&\n                        Math.abs(target - current) <= restDelta;\n                state.value = state.done ? target : current;\n                return state;\n            }\n            const current = resolveSpring(t);\n            if (!isResolvedFromDuration) {\n                const currentVelocity = secondsToMilliseconds(resolveVelocity(t));\n                state.done =\n                    Math.abs(currentVelocity) <= restSpeed &&\n                        Math.abs(target - current) <= restDelta;\n            }\n            else {\n                state.done = t >= duration;\n            }\n            state.value = state.done ? target : current;\n            return state;\n        },\n        toString: () => {\n            const calculatedDuration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);\n            const easing = generateLinearEasing((progress) => generator.next(calculatedDuration * progress).value, calculatedDuration, 30);\n            return calculatedDuration + \"ms \" + easing;\n        },\n        toTransition: () => { },\n    };\n    return generator;\n}\nspring.applyToOptions = (options) => {\n    const generatorOptions = createGeneratorEasing(options, 100, spring);\n    options.ease = generatorOptions.ease;\n    options.duration = secondsToMilliseconds(generatorOptions.duration);\n    options.type = \"keyframes\";\n    return options;\n};\n\nexport { spring };\n//# sourceMappingURL=spring.mjs.map\n"],"names":["springDefaults","calcAngularFreq","undampedFreq","dampingRatio","rootIterations","approximateRoot","envelope","derivative","initialGuess","result","i","safeMin","findSpring","duration","bounce","velocity","mass","warning","secondsToMilliseconds","clamp","millisecondsToSeconds","exponentialDecay","delta","a","b","c","d","e","f","g","stiffness","durationKeys","physicsKeys","isSpringType","options","keys","key","getSpringOptions","springOptions","visualDuration","root","damping","derived","spring","optionsOrVisualDuration","restSpeed","restDelta","origin","target","state","isResolvedFromDuration","initialVelocity","initialDelta","undampedAngularFreq","isGranularScale","resolveSpring","resolveVelocity","angularFreq","A","sinCoeff","cosCoeff","t","C","dampedAngularFreq","freqForT","P","sinhCoeff","coshCoeff","generator","sin","cos","current","currentVelocity","calculatedDuration","calcGeneratorDuration","maxGeneratorDuration","easing","generateLinearEasing","progress","generatorOptions","createGeneratorEasing"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es324.js

@@ -1,8 +1,43 @@
-function x(t, s, c, o = 0, u = 1) {
-  const n = Array.from(t).sort((a, e) => a.sortNodePosition(e)).indexOf(s), i = t.size, r = (i - 1) * o;
-  return typeof c == "function" ? c(n, i) : u === 1 ? n * o : r - n * o;
+import { mix as h } from "./visualization.es286.js";
+import { invariant as x } from "./visualization.es293.js";
+import { clamp as M } from "./visualization.es296.js";
+import { noop as b } from "./visualization.es285.js";
+import { pipe as y } from "./visualization.es294.js";
+import { progress as A } from "./visualization.es340.js";
+import { MotionGlobalConfig as F } from "./visualization.es284.js";
+function R(r, e, f) {
+  const t = [], a = f || F.mix || h, n = r.length - 1;
+  for (let o = 0; o < n; o++) {
+    let i = a(r[o], r[o + 1]);
+    if (e) {
+      const c = Array.isArray(e) ? e[o] || b : e;
+      i = y(c, i);
+    }
+    t.push(i);
+  }
+  return t;
+}
+function I(r, e, { clamp: f = !0, ease: t, mixer: a } = {}) {
+  const n = r.length;
+  if (x(n === e.length, "Both input and output ranges must be the same length", "range-length"), n === 1)
+    return () => e[0];
+  if (n === 2 && e[0] === e[1])
+    return () => e[1];
+  const o = r[0] === r[1];
+  r[0] > r[n - 1] && (r = [...r].reverse(), e = [...e].reverse());
+  const i = R(e, t, a), c = i.length, l = (s) => {
+    if (o && s < r[0])
+      return e[0];
+    let m = 0;
+    if (c > 1)
+      for (; m < r.length - 2 && !(s < r[m + 1]); m++)
+        ;
+    const g = A(r[m], r[m + 1], s);
+    return i[m](g);
+  };
+  return f ? (s) => l(M(r[0], r[n - 1], s)) : l;
 }
 export {
-  x as calcChildStagger
+  I as interpolate
 };
 //# sourceMappingURL=visualization.es324.js.map

package/dist/visualization.es324.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es324.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/calc-child-stagger.mjs"],"sourcesContent":["function calcChildStagger(children, child, delayChildren, staggerChildren = 0, staggerDirection = 1) {\n    const index = Array.from(children)\n        .sort((a, b) => a.sortNodePosition(b))\n        .indexOf(child);\n    const numChildren = children.size;\n    const maxStaggerDuration = (numChildren - 1) * staggerChildren;\n    const delayIsFunction = typeof delayChildren === \"function\";\n    return delayIsFunction\n        ? delayChildren(index, numChildren)\n        : staggerDirection === 1\n            ? index * staggerChildren\n            : maxStaggerDuration - index * staggerChildren;\n}\n\nexport { calcChildStagger };\n//# sourceMappingURL=calc-child-stagger.mjs.map\n"],"names":["calcChildStagger","children","child","delayChildren","staggerChildren","staggerDirection","index","b","numChildren","maxStaggerDuration"],"mappings":"AAAA,SAASA,EAAiBC,GAAUC,GAAOC,GAAeC,IAAkB,GAAGC,IAAmB,GAAG;AACjG,QAAMC,IAAQ,MAAM,KAAKL,CAAQ,EAC5B,KAAK,CAAC,GAAGM,MAAM,EAAE,iBAAiBA,CAAC,CAAC,EACpC,QAAQL,CAAK,GACZM,IAAcP,EAAS,MACvBQ,KAAsBD,IAAc,KAAKJ;AAE/C,SADwB,OAAOD,KAAkB,aAE3CA,EAAcG,GAAOE,CAAW,IAChCH,MAAqB,IACjBC,IAAQF,IACRK,IAAqBH,IAAQF;AAC3C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es324.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/interpolate.mjs"],"sourcesContent":["import { invariant, clamp, MotionGlobalConfig, noop, pipe, progress } from 'motion-utils';\nimport { mix } from './mix/index.mjs';\n\nfunction createMixers(output, ease, customMixer) {\n    const mixers = [];\n    const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;\n    const numMixers = output.length - 1;\n    for (let i = 0; i < numMixers; i++) {\n        let mixer = mixerFactory(output[i], output[i + 1]);\n        if (ease) {\n            const easingFunction = Array.isArray(ease) ? ease[i] || noop : ease;\n            mixer = pipe(easingFunction, mixer);\n        }\n        mixers.push(mixer);\n    }\n    return mixers;\n}\n/**\n * Create a function that maps from a numerical input array to a generic output array.\n *\n * Accepts:\n *   - Numbers\n *   - Colors (hex, hsl, hsla, rgb, rgba)\n *   - Complex (combinations of one or more numbers or strings)\n *\n * ```jsx\n * const mixColor = interpolate([0, 1], ['#fff', '#000'])\n *\n * mixColor(0.5) // 'rgba(128, 128, 128, 1)'\n * ```\n *\n * TODO Revisit this approach once we've moved to data models for values,\n * probably not needed to pregenerate mixer functions.\n *\n * @public\n */\nfunction interpolate(input, output, { clamp: isClamp = true, ease, mixer } = {}) {\n    const inputLength = input.length;\n    invariant(inputLength === output.length, \"Both input and output ranges must be the same length\", \"range-length\");\n    /**\n     * If we're only provided a single input, we can just make a function\n     * that returns the output.\n     */\n    if (inputLength === 1)\n        return () => output[0];\n    if (inputLength === 2 && output[0] === output[1])\n        return () => output[1];\n    const isZeroDeltaRange = input[0] === input[1];\n    // If input runs highest -> lowest, reverse both arrays\n    if (input[0] > input[inputLength - 1]) {\n        input = [...input].reverse();\n        output = [...output].reverse();\n    }\n    const mixers = createMixers(output, ease, mixer);\n    const numMixers = mixers.length;\n    const interpolator = (v) => {\n        if (isZeroDeltaRange && v < input[0])\n            return output[0];\n        let i = 0;\n        if (numMixers > 1) {\n            for (; i < input.length - 2; i++) {\n                if (v < input[i + 1])\n                    break;\n            }\n        }\n        const progressInRange = progress(input[i], input[i + 1], v);\n        return mixers[i](progressInRange);\n    };\n    return isClamp\n        ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v))\n        : interpolator;\n}\n\nexport { interpolate };\n//# sourceMappingURL=interpolate.mjs.map\n"],"names":["createMixers","output","ease","customMixer","mixers","mixerFactory","MotionGlobalConfig","mix","numMixers","i","mixer","easingFunction","noop","pipe","interpolate","input","isClamp","inputLength","invariant","isZeroDeltaRange","interpolator","v","progressInRange","progress","clamp"],"mappings":";;;;;;;AAGA,SAASA,EAAaC,GAAQC,GAAMC,GAAa;AAC7C,QAAMC,IAAS,CAAA,GACTC,IAAeF,KAAeG,EAAmB,OAAOC,GACxDC,IAAYP,EAAO,SAAS;AAClC,WAASQ,IAAI,GAAGA,IAAID,GAAWC,KAAK;AAChC,QAAIC,IAAQL,EAAaJ,EAAOQ,CAAC,GAAGR,EAAOQ,IAAI,CAAC,CAAC;AACjD,QAAIP,GAAM;AACN,YAAMS,IAAiB,MAAM,QAAQT,CAAI,IAAIA,EAAKO,CAAC,KAAKG,IAAOV;AAC/D,MAAAQ,IAAQG,EAAKF,GAAgBD,CAAK;AAAA,IACtC;AACA,IAAAN,EAAO,KAAKM,CAAK;AAAA,EACrB;AACA,SAAON;AACX;AAoBA,SAASU,EAAYC,GAAOd,GAAQ,EAAE,OAAOe,IAAU,IAAM,MAAAd,GAAM,OAAAQ,EAAK,IAAK,IAAI;AAC7E,QAAMO,IAAcF,EAAM;AAM1B,MALAG,EAAUD,MAAgBhB,EAAO,QAAQ,wDAAwD,cAAc,GAK3GgB,MAAgB;AAChB,WAAO,MAAMhB,EAAO,CAAC;AACzB,MAAIgB,MAAgB,KAAKhB,EAAO,CAAC,MAAMA,EAAO,CAAC;AAC3C,WAAO,MAAMA,EAAO,CAAC;AACzB,QAAMkB,IAAmBJ,EAAM,CAAC,MAAMA,EAAM,CAAC;AAE7C,EAAIA,EAAM,CAAC,IAAIA,EAAME,IAAc,CAAC,MAChCF,IAAQ,CAAC,GAAGA,CAAK,EAAE,QAAO,GAC1Bd,IAAS,CAAC,GAAGA,CAAM,EAAE,QAAO;AAEhC,QAAMG,IAASJ,EAAaC,GAAQC,GAAMQ,CAAK,GACzCF,IAAYJ,EAAO,QACnBgB,IAAe,CAACC,MAAM;AACxB,QAAIF,KAAoBE,IAAIN,EAAM,CAAC;AAC/B,aAAOd,EAAO,CAAC;AACnB,QAAIQ,IAAI;AACR,QAAID,IAAY;AACZ,aAAOC,IAAIM,EAAM,SAAS,KAClB,EAAAM,IAAIN,EAAMN,IAAI,CAAC,IADMA;AACzB;AAIR,UAAMa,IAAkBC,EAASR,EAAMN,CAAC,GAAGM,EAAMN,IAAI,CAAC,GAAGY,CAAC;AAC1D,WAAOjB,EAAOK,CAAC,EAAEa,CAAe;AAAA,EACpC;AACA,SAAON,IACD,CAACK,MAAMD,EAAaI,EAAMT,EAAM,CAAC,GAAGA,EAAME,IAAc,CAAC,GAAGI,CAAC,CAAC,IAC9DD;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es325.js

@@ -1,32 +1,9 @@
-import { isCSSVariableToken as c } from "./visualization.es326.js";
-import { invariant as l } from "./visualization.es314.js";
-import { isNumericalString as s } from "./visualization.es327.js";
-const m = (
-  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
-  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
-);
-function p(a) {
-  const e = m.exec(a);
-  if (!e)
-    return [,];
-  const [, r, i, t] = e;
-  return [`--${r ?? i}`, t];
-}
-const f = 4;
-function u(a, e, r = 1) {
-  l(r <= f, `Max CSS variable fallback depth detected in property "${a}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [i, t] = p(a);
-  if (!i)
-    return;
-  const o = window.getComputedStyle(e).getPropertyValue(i);
-  if (o) {
-    const n = o.trim();
-    return s(n) ? parseFloat(n) : n;
-  }
-  return c(t) ? u(t, e, r + 1) : t;
+import { fillOffset as e } from "./visualization.es338.js";
+function n(t) {
+  const f = [0];
+  return e(f, t.length - 1), f;
 }
 export {
-  u as getVariableValue,
-  p as parseCSSVariable
+  n as defaultOffset
 };
 //# sourceMappingURL=visualization.es325.js.map

package/dist/visualization.es325.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es325.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs"],"sourcesContent":["import { invariant, isNumericalString } from 'motion-utils';\nimport { isCSSVariableToken } from './is-css-variable.mjs';\n\n/**\n * Parse Framer's special CSS variable format into a CSS token and a fallback.\n *\n * ```\n * `var(--foo, #fff)` => [`--foo`, '#fff']\n * ```\n *\n * @param current\n */\nconst splitCSSVariableRegex = \n// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words\n/^var\\(--(?:([\\w-]+)|([\\w-]+), ?([a-zA-Z\\d ()%#.,-]+))\\)/u;\nfunction parseCSSVariable(current) {\n    const match = splitCSSVariableRegex.exec(current);\n    if (!match)\n        return [,];\n    const [, token1, token2, fallback] = match;\n    return [`--${token1 ?? token2}`, fallback];\n}\nconst maxDepth = 4;\nfunction getVariableValue(current, element, depth = 1) {\n    invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property \"${current}\". This may indicate a circular fallback dependency.`, \"max-css-var-depth\");\n    const [token, fallback] = parseCSSVariable(current);\n    // No CSS variable detected\n    if (!token)\n        return;\n    // Attempt to read this CSS variable off the element\n    const resolved = window.getComputedStyle(element).getPropertyValue(token);\n    if (resolved) {\n        const trimmed = resolved.trim();\n        return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;\n    }\n    return isCSSVariableToken(fallback)\n        ? getVariableValue(fallback, element, depth + 1)\n        : fallback;\n}\n\nexport { getVariableValue, parseCSSVariable };\n//# sourceMappingURL=css-variables-conversion.mjs.map\n"],"names":["splitCSSVariableRegex","parseCSSVariable","current","match","token1","token2","fallback","maxDepth","getVariableValue","element","depth","invariant","token","resolved","trimmed","isNumericalString","isCSSVariableToken"],"mappings":";;;AAYA,MAAMA;AAAA;AAAA,EAEN;AAAA;AACA,SAASC,EAAiBC,GAAS;AAC/B,QAAMC,IAAQH,EAAsB,KAAKE,CAAO;AAChD,MAAI,CAACC;AACD,WAAO,CAAA,CAAA;AACX,QAAM,GAAGC,GAAQC,GAAQC,CAAQ,IAAIH;AACrC,SAAO,CAAC,KAAKC,KAAUC,CAAM,IAAIC,CAAQ;AAC7C;AACA,MAAMC,IAAW;AACjB,SAASC,EAAiBN,GAASO,GAASC,IAAQ,GAAG;AACnD,EAAAC,EAAUD,KAASH,GAAU,yDAAyDL,CAAO,wDAAwD,mBAAmB;AACxK,QAAM,CAACU,GAAON,CAAQ,IAAIL,EAAiBC,CAAO;AAElD,MAAI,CAACU;AACD;AAEJ,QAAMC,IAAW,OAAO,iBAAiBJ,CAAO,EAAE,iBAAiBG,CAAK;AACxE,MAAIC,GAAU;AACV,UAAMC,IAAUD,EAAS,KAAI;AAC7B,WAAOE,EAAkBD,CAAO,IAAI,WAAWA,CAAO,IAAIA;AAAA,EAC9D;AACA,SAAOE,EAAmBV,CAAQ,IAC5BE,EAAiBF,GAAUG,GAASC,IAAQ,CAAC,IAC7CJ;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es325.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.es326.js

@@ -1,10 +1,7 @@
-const r = (t) => (s) => typeof s == "string" && s.startsWith(t), e = /* @__PURE__ */ r("--"), i = /* @__PURE__ */ r("var(--"), a = (t) => i(t) ? n.test(t.split("/*")[0].trim()) : !1, n = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
-function o(t) {
-  return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
+function o(e, t) {
+  return e.map((n) => n * t);
 }
 export {
-  o as containsCSSVariable,
-  e as isCSSVariableName,
-  a as isCSSVariableToken
+  o as convertOffsetToTimes
 };
 //# sourceMappingURL=visualization.es326.js.map

package/dist/visualization.es326.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es326.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/is-css-variable.mjs"],"sourcesContent":["const checkStringStartsWith = (token) => (key) => typeof key === \"string\" && key.startsWith(token);\nconst isCSSVariableName = \n/*@__PURE__*/ checkStringStartsWith(\"--\");\nconst startsAsVariableToken = \n/*@__PURE__*/ checkStringStartsWith(\"var(--\");\nconst isCSSVariableToken = (value) => {\n    const startsWithToken = startsAsVariableToken(value);\n    if (!startsWithToken)\n        return false;\n    // Ensure any comments are stripped from the value as this can harm performance of the regex.\n    return singleCssVariableRegex.test(value.split(\"/*\")[0].trim());\n};\nconst singleCssVariableRegex = /var\\(--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)$/iu;\n/**\n * Check if a value contains a CSS variable anywhere (e.g. inside calc()).\n * Unlike isCSSVariableToken which checks if the value IS a var() token,\n * this checks if the value CONTAINS var() somewhere in the string.\n */\nfunction containsCSSVariable(value) {\n    if (typeof value !== \"string\")\n        return false;\n    // Strip comments to avoid false positives\n    return value.split(\"/*\")[0].includes(\"var(--\");\n}\n\nexport { containsCSSVariable, isCSSVariableName, isCSSVariableToken };\n//# sourceMappingURL=is-css-variable.mjs.map\n"],"names":["checkStringStartsWith","token","key","isCSSVariableName","startsAsVariableToken","isCSSVariableToken","value","singleCssVariableRegex","containsCSSVariable"],"mappings":"AAAA,MAAMA,IAAwB,CAACC,MAAU,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,WAAWD,CAAK,GAC3FE,IACQ,gBAAAH,EAAsB,IAAI,GAClCI,IACQ,gBAAAJ,EAAsB,QAAQ,GACtCK,IAAqB,CAACC,MACAF,EAAsBE,CAAK,IAI5CC,EAAuB,KAAKD,EAAM,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,IAFnD,IAITC,IAAyB;AAM/B,SAASC,EAAoBF,GAAO;AAChC,SAAI,OAAOA,KAAU,WACV,KAEJA,EAAM,MAAM,IAAI,EAAE,CAAC,EAAE,SAAS,QAAQ;AACjD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es326.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.es327.js

@@ -1,5 +1,5 @@
-const d = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+const n = (r) => Array.isArray(r) && typeof r[0] != "number";
 export {
-  d as isNumericalString
+  n as isEasingArray
 };
 //# sourceMappingURL=visualization.es327.js.map

package/dist/visualization.es327.js.map

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

@@ -1,23 +1,33 @@
-import { transformProps as s } from "./visualization.es329.js";
-const r = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, n = (t) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), i = {
-  type: "keyframes",
-  duration: 0.8
-}, a = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, o = (t, { keyframes: e }) => e.length > 2 ? i : s.has(t) ? t.startsWith("scale") ? n(e[1]) : r : a;
+import { invariant as e } from "./visualization.es293.js";
+import { noop as c } from "./visualization.es285.js";
+import { anticipate as u } from "./visualization.es461.js";
+import { backOut as s, backInOut as m, backIn as p } from "./visualization.es462.js";
+import { circOut as l, circInOut as b, circIn as f } from "./visualization.es440.js";
+import { cubicBezier as g } from "./visualization.es463.js";
+import { easeOut as I, easeInOut as y, easeIn as O } from "./visualization.es93.js";
+import { isBezierDefinition as k } from "./visualization.es345.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 {
-  o as getDefaultTransition
+  L as easingDefinitionToFunction
 };
 //# sourceMappingURL=visualization.es328.js.map

package/dist/visualization.es328.js.map

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

@@ -1,24 +1,11 @@
-const t = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], e = new Set(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 {
-  t as transformPropOrder,
-  e as transformProps
+  i as generateLinearEasing
 };
 //# sourceMappingURL=visualization.es329.js.map

package/dist/visualization.es329.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es329.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-transform.mjs"],"sourcesContent":["/**\n * Generate a list of every possible transform key.\n */\nconst transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n];\n/**\n * A quick lookup for transform props.\n */\nconst transformProps = /*@__PURE__*/ (() => new Set(transformPropOrder))();\n\nexport { transformPropOrder, transformProps };\n//# sourceMappingURL=keys-transform.mjs.map\n"],"names":["transformPropOrder","transformProps"],"mappings":"AAGK,MAACA,IAAqB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIMC,IAAsC,IAAI,IAAID,CAAkB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es329.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.es33.js

@@ -1,7 +1,48 @@
-function u(n, l) {
-  return n == null || l == null ? NaN : n < l ? -1 : n > l ? 1 : n >= l ? 0 : NaN;
-}
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import { measureTextWidth as W } from "./visualization.es24.js";
+import H from "./visualization.es28.js";
+import k from "./visualization.es29.js";
+const l = 14, _ = 6, x = 4, y = 11, A = "sans-serif", T = 5, I = (n) => n % 1 === 0 ? String(n) : n.toFixed(1), L = (n, t) => Array.from({
+  length: T
+}, (e, o) => n + o * (t - n) / (T - 1)), D = 1.15, G = 6, O = (n, t) => {
+  const e = Math.max(...L(n, t).map((o) => W(I(o), y, A)));
+  return l + x + _ + e * D + G;
+}, R = (n) => {
+  const t = S(11), {
+    colors: e,
+    minValue: o,
+    maxValue: c,
+    height: r
+  } = n;
+  let d;
+  if (t[0] !== e || t[1] !== r || t[2] !== c || t[3] !== o) {
+    const u = L(o, c), F = H({
+      domain: [c, o],
+      range: [0, r]
+    });
+    let s;
+    t[5] !== e ? (s = e.map((h, a) => /* @__PURE__ */ i("stop", { offset: `${a / (e.length - 1) * 100}%`, stopColor: e[e.length - 1 - a] }, a)), t[5] = e, t[6] = s) : s = t[6];
+    let m;
+    t[7] !== s ? (m = /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("linearGradient", { id: "heatmap-legend-gradient", x1: "0", y1: "0", x2: "0", y2: "1", children: s }) }), t[7] = s, t[8] = m) : m = t[8];
+    let f;
+    t[9] !== r ? (f = /* @__PURE__ */ i("rect", { x: 0, y: 0, width: l, height: r, fill: "url(#heatmap-legend-gradient)", rx: 2 }), t[9] = r, t[10] = f) : f = t[10], d = /* @__PURE__ */ g(k, { children: [
+      m,
+      f,
+      u.map((h, a) => {
+        const p = F(h);
+        return /* @__PURE__ */ g("g", { children: [
+          /* @__PURE__ */ i("line", { x1: l, x2: l + x, y1: p, y2: p, stroke: "#4d4f52", strokeWidth: 1 }),
+          /* @__PURE__ */ i("text", { x: l + x + _, y: p, dominantBaseline: "middle", fontSize: y, fontFamily: A, fill: "#4d4f52", children: I(h) })
+        ] }, a);
+      })
+    ] }), t[0] = e, t[1] = r, t[2] = c, t[3] = o, t[4] = d;
+  } else
+    d = t[4];
+  return d;
+};
 export {
-  u as default
+  R as default,
+  O as getHeatmapLegendWidth
 };
 //# sourceMappingURL=visualization.es33.js.map

package/dist/visualization.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es33.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/ascending.js"],"sourcesContent":["export default function ascending(a, b) {\n  return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;\n}\n"],"names":["ascending","a","b"],"mappings":"AAAe,SAASA,EAAUC,GAAGC,GAAG;AACtC,SAAOD,KAAK,QAAQC,KAAK,OAAO,MAAMD,IAAIC,IAAI,KAAKD,IAAIC,IAAI,IAAID,KAAKC,IAAI,IAAI;AAC9E;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es33.js","sources":["../src/components/Heatmap/HeatmapLegend.tsx"],"sourcesContent":["import { Group } from \"@visx/group\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { measureTextWidth } from \"../../utility\";\n\nconst BAR_WIDTH = 14;\nconst LABEL_GAP = 6;\nconst TICK_WIDTH = 4;\nconst FONT_SIZE = 11;\nconst FONT_FAMILY = \"sans-serif\";\nconst NUM_TICKS = 5;\n\ninterface HeatmapLegendProps {\n    colors: [string, string, ...string[]];\n    minValue: number;\n    maxValue: number;\n    height: number;\n}\n\nconst formatTick = (value: number) =>\n    value % 1 === 0 ? String(value) : value.toFixed(1);\n\nconst getTickValues = (minValue: number, maxValue: number) =>\n    Array.from({ length: NUM_TICKS }, (_, i) =>\n        minValue + (i * (maxValue - minValue)) / (NUM_TICKS - 1)\n    );\n\n// Canvas's measureText and the browser's actual SVG text layout don't agree to the sub-pixel,\n// and the gap widens with string length - pad generously so longer labels (more digits) don't\n// creep past the reserved width and get clipped by the svg's default overflow:hidden.\nconst LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nconst RIGHT_PADDING = 6;\n\n// Full width needed to render the legend (color bar + ticks + tick labels) without\n// clipping, based on the widest formatted tick label for the given value range.\nexport const getHeatmapLegendWidth = (minValue: number, maxValue: number): number => {\n    const maxLabelWidth = Math.max(\n        ...getTickValues(minValue, maxValue).map((value) =>\n            measureTextWidth(formatTick(value), FONT_SIZE, FONT_FAMILY)\n        )\n    );\n    return BAR_WIDTH + TICK_WIDTH + LABEL_GAP + maxLabelWidth * LABEL_WIDTH_SAFETY_FACTOR + RIGHT_PADDING;\n};\n\nconst HeatmapLegend = ({ colors, minValue, maxValue, height }: HeatmapLegendProps) => {\n    const gradientId = \"heatmap-legend-gradient\";\n\n    const tickValues = getTickValues(minValue, maxValue);\n\n    const yScale = scaleLinear<number>({\n        domain: [maxValue, minValue],\n        range: [0, height],\n    });\n\n    return (\n        <Group>\n            <defs>\n                {/* The bar reads top (max) to bottom (min), so the gradient stops run in reverse\n                    color order to match how colors map to values in the heatmap cells. */}\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    {colors.map((_, i) => (\n                        <stop\n                            key={i}\n                            offset={`${(i / (colors.length - 1)) * 100}%`}\n                            stopColor={colors[colors.length - 1 - i]}\n                        />\n                    ))}\n                </linearGradient>\n            </defs>\n            <rect\n                x={0}\n                y={0}\n                width={BAR_WIDTH}\n                height={height}\n                fill={`url(#${gradientId})`}\n                rx={2}\n            />\n            {tickValues.map((value, i) => {\n                const y = yScale(value);\n                return (\n                    <g key={i}>\n                        <line\n                            x1={BAR_WIDTH}\n                            x2={BAR_WIDTH + TICK_WIDTH}\n                            y1={y}\n                            y2={y}\n                            stroke=\"#4d4f52\"\n                            strokeWidth={1}\n                        />\n                        <text\n                            x={BAR_WIDTH + TICK_WIDTH + LABEL_GAP}\n                            y={y}\n                            dominantBaseline=\"middle\"\n                            fontSize={FONT_SIZE}\n                            fontFamily={FONT_FAMILY}\n                            fill=\"#4d4f52\"\n                        >\n                            {formatTick(value)}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default HeatmapLegend;\nexport type { HeatmapLegendProps };\n"],"names":["BAR_WIDTH","LABEL_GAP","TICK_WIDTH","FONT_SIZE","FONT_FAMILY","NUM_TICKS","formatTick","value","String","toFixed","getTickValues","minValue","maxValue","Array","from","length","_","i","LABEL_WIDTH_SAFETY_FACTOR","RIGHT_PADDING","getHeatmapLegendWidth","maxLabelWidth","Math","max","map","measureTextWidth","HeatmapLegend","t0","$","_c","colors","height","t1","tickValues","yScale","scaleLinear","domain","range","t2","jsx","t3","gradientId","t4","Group","i_0","y"],"mappings":"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"}