@weng-lab/visualization 2.4.0 → 2.4.1

package/dist/visualization.es398.js

@@ -1,213 +1,52 @@
-import { time as n } from "./visualization.es288.js";
-import { frame as o } from "./visualization.es326.js";
-import { warnOnce as d } from "./visualization.es277.js";
-import { SubscriptionManager as c } from "./visualization.es399.js";
-import { velocityPerSecond as p } from "./visualization.es400.js";
-const r = 30, u = (s) => !isNaN(parseFloat(s));
-class f {
-  /**
-   * @param init - The initiating value
-   * @param config - Optional configuration options
-   *
-   * -  `transformer`: A function to transform incoming values with.
-   */
-  constructor(t, e = {}) {
-    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
-      const a = n.now();
-      if (this.updatedAt !== a && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
-        for (const h of this.dependents)
-          h.dirty();
-    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = e.owner;
-  }
-  setCurrent(t) {
-    this.current = t, this.updatedAt = n.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = u(this.current));
-  }
-  setPrevFrameValue(t = this.current) {
-    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
-  }
-  /**
-   * Adds a function that will be notified when the `MotionValue` is updated.
-   *
-   * It returns a function that, when called, will cancel the subscription.
-   *
-   * When calling `onChange` inside a React component, it should be wrapped with the
-   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
-   * from the `useEffect` function to ensure you don't add duplicate subscribers..
-   *
-   * ```jsx
-   * export const MyComponent = () => {
-   *   const x = useMotionValue(0)
-   *   const y = useMotionValue(0)
-   *   const opacity = useMotionValue(1)
-   *
-   *   useEffect(() => {
-   *     function updateOpacity() {
-   *       const maxXY = Math.max(x.get(), y.get())
-   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
-   *       opacity.set(newOpacity)
-   *     }
-   *
-   *     const unsubscribeX = x.on("change", updateOpacity)
-   *     const unsubscribeY = y.on("change", updateOpacity)
-   *
-   *     return () => {
-   *       unsubscribeX()
-   *       unsubscribeY()
-   *     }
-   *   }, [])
-   *
-   *   return <motion.div style={{ x }} />
-   * }
-   * ```
-   *
-   * @param subscriber - A function that receives the latest value.
-   * @returns A function that, when called, will cancel this subscription.
-   *
-   * @deprecated
-   */
-  onChange(t) {
-    return process.env.NODE_ENV !== "production" && d(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
-  }
-  on(t, e) {
-    this.events[t] || (this.events[t] = new c());
-    const i = this.events[t].add(e);
-    return t === "change" ? () => {
-      i(), o.read(() => {
-        this.events.change.getSize() || this.stop();
-      });
-    } : i;
-  }
-  clearListeners() {
-    for (const t in this.events)
-      this.events[t].clear();
-  }
-  /**
-   * Attaches a passive effect to the `MotionValue`.
-   */
-  attach(t, e) {
-    this.passiveEffect = t, this.stopPassiveEffect = e;
-  }
-  /**
-   * Sets the state of the `MotionValue`.
-   *
-   * @remarks
-   *
-   * ```jsx
-   * const x = useMotionValue(0)
-   * x.set(10)
-   * ```
-   *
-   * @param latest - Latest value to set.
-   * @param render - Whether to notify render subscribers. Defaults to `true`
-   *
-   * @public
-   */
-  set(t) {
-    this.passiveEffect ? this.passiveEffect(t, this.updateAndNotify) : this.updateAndNotify(t);
-  }
-  setWithVelocity(t, e, i) {
-    this.set(e), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - i;
-  }
-  /**
-   * Set the state of the `MotionValue`, stopping any active animations,
-   * effects, and resets velocity to `0`.
-   */
-  jump(t, e = !0) {
-    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, e && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-  dirty() {
-    this.events.change?.notify(this.current);
-  }
-  addDependent(t) {
-    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(t);
-  }
-  removeDependent(t) {
-    this.dependents && this.dependents.delete(t);
-  }
-  /**
-   * Returns the latest state of `MotionValue`
-   *
-   * @returns - The latest state of `MotionValue`
-   *
-   * @public
-   */
-  get() {
-    return this.current;
-  }
-  /**
-   * @public
-   */
-  getPrevious() {
-    return this.prev;
-  }
-  /**
-   * Returns the latest velocity of `MotionValue`
-   *
-   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
-   *
-   * @public
-   */
-  getVelocity() {
-    const t = n.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > r)
-      return 0;
-    const e = Math.min(this.updatedAt - this.prevUpdatedAt, r);
-    return p(parseFloat(this.current) - parseFloat(this.prevFrameValue), e);
-  }
-  /**
-   * Registers a new animation to control this `MotionValue`. Only one
-   * animation can drive a `MotionValue` at one time.
-   *
-   * ```jsx
-   * value.start()
-   * ```
-   *
-   * @param animation - A function that starts the provided animation
-   */
-  start(t) {
-    return this.stop(), new Promise((e) => {
-      this.hasAnimated = !0, this.animation = t(e), this.events.animationStart && this.events.animationStart.notify();
-    }).then(() => {
-      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
-    });
-  }
-  /**
-   * Stop the currently active animation.
-   *
-   * @public
-   */
-  stop() {
-    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
-  }
-  /**
-   * Returns `true` if this value is currently animating.
-   *
-   * @public
-   */
-  isAnimating() {
-    return !!this.animation;
-  }
-  clearAnimation() {
-    delete this.animation;
-  }
-  /**
-   * Destroy and clean up subscribers to this `MotionValue`.
-   *
-   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
-   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
-   * created a `MotionValue` via the `motionValue` function.
-   *
-   * @public
-   */
-  destroy() {
-    this.dependents?.clear(), this.events.destroy?.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
+import { isCSSVariableToken as d } from "./visualization.es331.js";
+import { color as u } from "./visualization.es405.js";
+import { complex as h, analyseComplexValue as m } from "./visualization.es406.js";
+import { mixColor as a } from "./visualization.es399.js";
+import { mixImmediate as l } from "./visualization.es404.js";
+import { mixNumber as b } from "./visualization.es365.js";
+import { invisibleValues as c, mixVisibility as y } from "./visualization.es407.js";
+import { pipe as v } from "./visualization.es320.js";
+import { warning as g } from "./visualization.es319.js";
+function V(e, t) {
+  return (r) => b(e, t, r);
+}
+function f(e) {
+  return typeof e == "number" ? V : typeof e == "string" ? d(e) ? l : u.test(e) ? a : I : Array.isArray(e) ? p : typeof e == "object" ? u.test(e) ? a : C : l;
+}
+function p(e, t) {
+  const r = [...e], o = r.length, n = e.map((i, s) => f(i)(i, t[s]));
+  return (i) => {
+    for (let s = 0; s < o; s++)
+      r[s] = n[s](i);
+    return r;
+  };
 }
-function V(s, t) {
-  return new f(s, t);
+function C(e, t) {
+  const r = { ...e, ...t }, o = {};
+  for (const n in r)
+    e[n] !== void 0 && t[n] !== void 0 && (o[n] = f(e[n])(e[n], t[n]));
+  return (n) => {
+    for (const i in o)
+      r[i] = o[i](n);
+    return r;
+  };
 }
+function k(e, t) {
+  const r = [], o = { color: 0, var: 0, number: 0 };
+  for (let n = 0; n < t.values.length; n++) {
+    const i = t.types[n], s = e.indexes[i][o[i]], x = e.values[s] ?? 0;
+    r[n] = x, o[i]++;
+  }
+  return r;
+}
+const I = (e, t) => {
+  const r = h.createTransformer(t), o = m(e), n = m(t);
+  return o.indexes.var.length === n.indexes.var.length && o.indexes.color.length === n.indexes.color.length && o.indexes.number.length >= n.indexes.number.length ? c.has(e) && !n.values.length || c.has(t) && !o.values.length ? y(e, t) : v(p(k(o, n), n.values), r) : (g(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), l(e, t));
+};
 export {
-  f as MotionValue,
-  V as motionValue
+  f as getMixer,
+  p as mixArray,
+  I as mixComplex,
+  C as mixObject
 };
 //# sourceMappingURL=visualization.es398.js.map

package/dist/visualization.es398.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/index.mjs"],"sourcesContent":["import { warnOnce, SubscriptionManager, velocityPerSecond } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\n/**\n * Maximum time between the value of two frames, beyond which we\n * assume the velocity has since been 0.\n */\nconst MAX_VELOCITY_DELTA = 30;\nconst isFloat = (value) => {\n    return !isNaN(parseFloat(value));\n};\nconst collectMotionValues = {\n    current: undefined,\n};\n/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @public\n */\nclass MotionValue {\n    /**\n     * @param init - The initiating value\n     * @param config - Optional configuration options\n     *\n     * -  `transformer`: A function to transform incoming values with.\n     */\n    constructor(init, options = {}) {\n        /**\n         * Tracks whether this value can output a velocity. Currently this is only true\n         * if the value is numerical, but we might be able to widen the scope here and support\n         * other value types.\n         *\n         * @internal\n         */\n        this.canTrackVelocity = null;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        this.updateAndNotify = (v) => {\n            const currentTime = time.now();\n            /**\n             * If we're updating the value during another frame or eventloop\n             * than the previous frame, then the we set the previous frame value\n             * to current.\n             */\n            if (this.updatedAt !== currentTime) {\n                this.setPrevFrameValue();\n            }\n            this.prev = this.current;\n            this.setCurrent(v);\n            // Update update subscribers\n            if (this.current !== this.prev) {\n                this.events.change?.notify(this.current);\n                if (this.dependents) {\n                    for (const dependent of this.dependents) {\n                        dependent.dirty();\n                    }\n                }\n            }\n        };\n        this.hasAnimated = false;\n        this.setCurrent(init);\n        this.owner = options.owner;\n    }\n    setCurrent(current) {\n        this.current = current;\n        this.updatedAt = time.now();\n        if (this.canTrackVelocity === null && current !== undefined) {\n            this.canTrackVelocity = isFloat(this.current);\n        }\n    }\n    setPrevFrameValue(prevFrameValue = this.current) {\n        this.prevFrameValue = prevFrameValue;\n        this.prevUpdatedAt = this.updatedAt;\n    }\n    /**\n     * Adds a function that will be notified when the `MotionValue` is updated.\n     *\n     * It returns a function that, when called, will cancel the subscription.\n     *\n     * When calling `onChange` inside a React component, it should be wrapped with the\n     * `useEffect` hook. As it returns an unsubscribe function, this should be returned\n     * from the `useEffect` function to ensure you don't add duplicate subscribers..\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *   const y = useMotionValue(0)\n     *   const opacity = useMotionValue(1)\n     *\n     *   useEffect(() => {\n     *     function updateOpacity() {\n     *       const maxXY = Math.max(x.get(), y.get())\n     *       const newOpacity = transform(maxXY, [0, 100], [1, 0])\n     *       opacity.set(newOpacity)\n     *     }\n     *\n     *     const unsubscribeX = x.on(\"change\", updateOpacity)\n     *     const unsubscribeY = y.on(\"change\", updateOpacity)\n     *\n     *     return () => {\n     *       unsubscribeX()\n     *       unsubscribeY()\n     *     }\n     *   }, [])\n     *\n     *   return <motion.div style={{ x }} />\n     * }\n     * ```\n     *\n     * @param subscriber - A function that receives the latest value.\n     * @returns A function that, when called, will cancel this subscription.\n     *\n     * @deprecated\n     */\n    onChange(subscription) {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on(\"change\", callback).`);\n        }\n        return this.on(\"change\", subscription);\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        const unsubscribe = this.events[eventName].add(callback);\n        if (eventName === \"change\") {\n            return () => {\n                unsubscribe();\n                /**\n                 * If we have no more change listeners by the start\n                 * of the next frame, stop active animations.\n                 */\n                frame.read(() => {\n                    if (!this.events.change.getSize()) {\n                        this.stop();\n                    }\n                });\n            };\n        }\n        return unsubscribe;\n    }\n    clearListeners() {\n        for (const eventManagers in this.events) {\n            this.events[eventManagers].clear();\n        }\n    }\n    /**\n     * Attaches a passive effect to the `MotionValue`.\n     */\n    attach(passiveEffect, stopPassiveEffect) {\n        this.passiveEffect = passiveEffect;\n        this.stopPassiveEffect = stopPassiveEffect;\n    }\n    /**\n     * Sets the state of the `MotionValue`.\n     *\n     * @remarks\n     *\n     * ```jsx\n     * const x = useMotionValue(0)\n     * x.set(10)\n     * ```\n     *\n     * @param latest - Latest value to set.\n     * @param render - Whether to notify render subscribers. Defaults to `true`\n     *\n     * @public\n     */\n    set(v) {\n        if (!this.passiveEffect) {\n            this.updateAndNotify(v);\n        }\n        else {\n            this.passiveEffect(v, this.updateAndNotify);\n        }\n    }\n    setWithVelocity(prev, current, delta) {\n        this.set(current);\n        this.prev = undefined;\n        this.prevFrameValue = prev;\n        this.prevUpdatedAt = this.updatedAt - delta;\n    }\n    /**\n     * Set the state of the `MotionValue`, stopping any active animations,\n     * effects, and resets velocity to `0`.\n     */\n    jump(v, endAnimation = true) {\n        this.updateAndNotify(v);\n        this.prev = v;\n        this.prevUpdatedAt = this.prevFrameValue = undefined;\n        endAnimation && this.stop();\n        if (this.stopPassiveEffect)\n            this.stopPassiveEffect();\n    }\n    dirty() {\n        this.events.change?.notify(this.current);\n    }\n    addDependent(dependent) {\n        if (!this.dependents) {\n            this.dependents = new Set();\n        }\n        this.dependents.add(dependent);\n    }\n    removeDependent(dependent) {\n        if (this.dependents) {\n            this.dependents.delete(dependent);\n        }\n    }\n    /**\n     * Returns the latest state of `MotionValue`\n     *\n     * @returns - The latest state of `MotionValue`\n     *\n     * @public\n     */\n    get() {\n        if (collectMotionValues.current) {\n            collectMotionValues.current.push(this);\n        }\n        return this.current;\n    }\n    /**\n     * @public\n     */\n    getPrevious() {\n        return this.prev;\n    }\n    /**\n     * Returns the latest velocity of `MotionValue`\n     *\n     * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n     *\n     * @public\n     */\n    getVelocity() {\n        const currentTime = time.now();\n        if (!this.canTrackVelocity ||\n            this.prevFrameValue === undefined ||\n            currentTime - this.updatedAt > MAX_VELOCITY_DELTA) {\n            return 0;\n        }\n        const delta = Math.min(this.updatedAt - this.prevUpdatedAt, MAX_VELOCITY_DELTA);\n        // Casts because of parseFloat's poor typing\n        return velocityPerSecond(parseFloat(this.current) -\n            parseFloat(this.prevFrameValue), delta);\n    }\n    /**\n     * Registers a new animation to control this `MotionValue`. Only one\n     * animation can drive a `MotionValue` at one time.\n     *\n     * ```jsx\n     * value.start()\n     * ```\n     *\n     * @param animation - A function that starts the provided animation\n     */\n    start(startAnimation) {\n        this.stop();\n        return new Promise((resolve) => {\n            this.hasAnimated = true;\n            this.animation = startAnimation(resolve);\n            if (this.events.animationStart) {\n                this.events.animationStart.notify();\n            }\n        }).then(() => {\n            if (this.events.animationComplete) {\n                this.events.animationComplete.notify();\n            }\n            this.clearAnimation();\n        });\n    }\n    /**\n     * Stop the currently active animation.\n     *\n     * @public\n     */\n    stop() {\n        if (this.animation) {\n            this.animation.stop();\n            if (this.events.animationCancel) {\n                this.events.animationCancel.notify();\n            }\n        }\n        this.clearAnimation();\n    }\n    /**\n     * Returns `true` if this value is currently animating.\n     *\n     * @public\n     */\n    isAnimating() {\n        return !!this.animation;\n    }\n    clearAnimation() {\n        delete this.animation;\n    }\n    /**\n     * Destroy and clean up subscribers to this `MotionValue`.\n     *\n     * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically\n     * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually\n     * created a `MotionValue` via the `motionValue` function.\n     *\n     * @public\n     */\n    destroy() {\n        this.dependents?.clear();\n        this.events.destroy?.notify();\n        this.clearListeners();\n        this.stop();\n        if (this.stopPassiveEffect) {\n            this.stopPassiveEffect();\n        }\n    }\n}\nfunction motionValue(init, options) {\n    return new MotionValue(init, options);\n}\n\nexport { MotionValue, collectMotionValues, motionValue };\n//# sourceMappingURL=index.mjs.map\n"],"names":["MAX_VELOCITY_DELTA","isFloat","value","MotionValue","init","options","v","currentTime","time","dependent","current","prevFrameValue","subscription","warnOnce","eventName","callback","SubscriptionManager","unsubscribe","frame","eventManagers","passiveEffect","stopPassiveEffect","prev","delta","endAnimation","velocityPerSecond","startAnimation","resolve","motionValue"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/complex.mjs"],"sourcesContent":["import { pipe, warning } from 'motion-utils';\nimport { isCSSVariableToken } from '../../animation/utils/is-css-variable.mjs';\nimport { color } from '../../value/types/color/index.mjs';\nimport { complex, analyseComplexValue } from '../../value/types/complex/index.mjs';\nimport { mixColor } from './color.mjs';\nimport { mixImmediate } from './immediate.mjs';\nimport { mixNumber as mixNumber$1 } from './number.mjs';\nimport { invisibleValues, mixVisibility } from './visibility.mjs';\n\nfunction mixNumber(a, b) {\n    return (p) => mixNumber$1(a, b, p);\n}\nfunction getMixer(a) {\n    if (typeof a === \"number\") {\n        return mixNumber;\n    }\n    else if (typeof a === \"string\") {\n        return isCSSVariableToken(a)\n            ? mixImmediate\n            : color.test(a)\n                ? mixColor\n                : mixComplex;\n    }\n    else if (Array.isArray(a)) {\n        return mixArray;\n    }\n    else if (typeof a === \"object\") {\n        return color.test(a) ? mixColor : mixObject;\n    }\n    return mixImmediate;\n}\nfunction mixArray(a, b) {\n    const output = [...a];\n    const numValues = output.length;\n    const blendValue = a.map((v, i) => getMixer(v)(v, b[i]));\n    return (p) => {\n        for (let i = 0; i < numValues; i++) {\n            output[i] = blendValue[i](p);\n        }\n        return output;\n    };\n}\nfunction mixObject(a, b) {\n    const output = { ...a, ...b };\n    const blendValue = {};\n    for (const key in output) {\n        if (a[key] !== undefined && b[key] !== undefined) {\n            blendValue[key] = getMixer(a[key])(a[key], b[key]);\n        }\n    }\n    return (v) => {\n        for (const key in blendValue) {\n            output[key] = blendValue[key](v);\n        }\n        return output;\n    };\n}\nfunction matchOrder(origin, target) {\n    const orderedOrigin = [];\n    const pointers = { color: 0, var: 0, number: 0 };\n    for (let i = 0; i < target.values.length; i++) {\n        const type = target.types[i];\n        const originIndex = origin.indexes[type][pointers[type]];\n        const originValue = origin.values[originIndex] ?? 0;\n        orderedOrigin[i] = originValue;\n        pointers[type]++;\n    }\n    return orderedOrigin;\n}\nconst mixComplex = (origin, target) => {\n    const template = complex.createTransformer(target);\n    const originStats = analyseComplexValue(origin);\n    const targetStats = analyseComplexValue(target);\n    const canInterpolate = originStats.indexes.var.length === targetStats.indexes.var.length &&\n        originStats.indexes.color.length === targetStats.indexes.color.length &&\n        originStats.indexes.number.length >= targetStats.indexes.number.length;\n    if (canInterpolate) {\n        if ((invisibleValues.has(origin) &&\n            !targetStats.values.length) ||\n            (invisibleValues.has(target) &&\n                !originStats.values.length)) {\n            return mixVisibility(origin, target);\n        }\n        return pipe(mixArray(matchOrder(originStats, targetStats), targetStats.values), template);\n    }\n    else {\n        warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, \"complex-values-different\");\n        return mixImmediate(origin, target);\n    }\n};\n\nexport { getMixer, mixArray, mixComplex, mixObject };\n//# sourceMappingURL=complex.mjs.map\n"],"names":["mixNumber","a","b","p","mixNumber$1","getMixer","isCSSVariableToken","mixImmediate","color","mixColor","mixComplex","mixArray","mixObject","output","numValues","blendValue","v","i","key","matchOrder","origin","target","orderedOrigin","pointers","type","originIndex","originValue","template","complex","originStats","analyseComplexValue","targetStats","invisibleValues","mixVisibility","pipe","warning"],"mappings":";;;;;;;;;AASA,SAASA,EAAUC,GAAGC,GAAG;AACrB,SAAO,CAACC,MAAMC,EAAYH,GAAGC,GAAGC,CAAC;AACrC;AACA,SAASE,EAASJ,GAAG;AACjB,SAAI,OAAOA,KAAM,WACND,IAEF,OAAOC,KAAM,WACXK,EAAmBL,CAAC,IACrBM,IACAC,EAAM,KAAKP,CAAC,IACRQ,IACAC,IAEL,MAAM,QAAQT,CAAC,IACbU,IAEF,OAAOV,KAAM,WACXO,EAAM,KAAKP,CAAC,IAAIQ,IAAWG,IAE/BL;AACX;AACA,SAASI,EAASV,GAAGC,GAAG;AACpB,QAAMW,IAAS,CAAC,GAAGZ,CAAC,GACda,IAAYD,EAAO,QACnBE,IAAad,EAAE,IAAI,CAACe,GAAGC,MAAMZ,EAASW,CAAC,EAAEA,GAAGd,EAAEe,CAAC,CAAC,CAAC;AACvD,SAAO,CAACd,MAAM;AACV,aAASc,IAAI,GAAGA,IAAIH,GAAWG;AAC3B,MAAAJ,EAAOI,CAAC,IAAIF,EAAWE,CAAC,EAAEd,CAAC;AAE/B,WAAOU;AAAA,EACX;AACJ;AACA,SAASD,EAAUX,GAAGC,GAAG;AACrB,QAAMW,IAAS,EAAE,GAAGZ,GAAG,GAAGC,EAAC,GACrBa,IAAa,CAAA;AACnB,aAAWG,KAAOL;AACd,IAAIZ,EAAEiB,CAAG,MAAM,UAAahB,EAAEgB,CAAG,MAAM,WACnCH,EAAWG,CAAG,IAAIb,EAASJ,EAAEiB,CAAG,CAAC,EAAEjB,EAAEiB,CAAG,GAAGhB,EAAEgB,CAAG,CAAC;AAGzD,SAAO,CAACF,MAAM;AACV,eAAWE,KAAOH;AACd,MAAAF,EAAOK,CAAG,IAAIH,EAAWG,CAAG,EAAEF,CAAC;AAEnC,WAAOH;AAAA,EACX;AACJ;AACA,SAASM,EAAWC,GAAQC,GAAQ;AAChC,QAAMC,IAAgB,CAAA,GAChBC,IAAW,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAC;AAC9C,WAASN,IAAI,GAAGA,IAAII,EAAO,OAAO,QAAQJ,KAAK;AAC3C,UAAMO,IAAOH,EAAO,MAAMJ,CAAC,GACrBQ,IAAcL,EAAO,QAAQI,CAAI,EAAED,EAASC,CAAI,CAAC,GACjDE,IAAcN,EAAO,OAAOK,CAAW,KAAK;AAClD,IAAAH,EAAcL,CAAC,IAAIS,GACnBH,EAASC,CAAI;AAAA,EACjB;AACA,SAAOF;AACX;AACK,MAACZ,IAAa,CAACU,GAAQC,MAAW;AACnC,QAAMM,IAAWC,EAAQ,kBAAkBP,CAAM,GAC3CQ,IAAcC,EAAoBV,CAAM,GACxCW,IAAcD,EAAoBT,CAAM;AAI9C,SAHuBQ,EAAY,QAAQ,IAAI,WAAWE,EAAY,QAAQ,IAAI,UAC9EF,EAAY,QAAQ,MAAM,WAAWE,EAAY,QAAQ,MAAM,UAC/DF,EAAY,QAAQ,OAAO,UAAUE,EAAY,QAAQ,OAAO,SAE3DC,EAAgB,IAAIZ,CAAM,KAC3B,CAACW,EAAY,OAAO,UACnBC,EAAgB,IAAIX,CAAM,KACvB,CAACQ,EAAY,OAAO,SACjBI,EAAcb,GAAQC,CAAM,IAEhCa,EAAKvB,EAASQ,EAAWU,GAAaE,CAAW,GAAGA,EAAY,MAAM,GAAGJ,CAAQ,KAGxFQ,EAAQ,IAAM,mBAAmBf,CAAM,UAAUC,CAAM,4KAA4K,0BAA0B,GACtPd,EAAaa,GAAQC,CAAM;AAE1C;","x_google_ignoreList":[0]}

package/dist/visualization.es399.js

@@ -1,30 +1,30 @@
-import { addUniqueItem as e, removeItem as u } from "./visualization.es457.js";
-class h {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(s) {
-    return e(this.subscriptions, s), () => u(this.subscriptions, s);
-  }
-  notify(s, r, n) {
-    const i = this.subscriptions.length;
-    if (i)
-      if (i === 1)
-        this.subscriptions[0](s, r, n);
-      else
-        for (let t = 0; t < i; t++) {
-          const o = this.subscriptions[t];
-          o && o(s, r, n);
-        }
-  }
-  getSize() {
-    return this.subscriptions.length;
-  }
-  clear() {
-    this.subscriptions.length = 0;
-  }
+import { hex as p } from "./visualization.es400.js";
+import { hsla as l } from "./visualization.es401.js";
+import { hslaToRgba as c } from "./visualization.es402.js";
+import { rgba as s } from "./visualization.es403.js";
+import { mixImmediate as f } from "./visualization.es404.js";
+import { mixNumber as u } from "./visualization.es365.js";
+import { warning as d } from "./visualization.es319.js";
+const m = (r, o, e) => {
+  const t = r * r, n = e * (o * o - t) + t;
+  return n < 0 ? 0 : Math.sqrt(n);
+}, b = [p, s, l], h = (r) => b.find((o) => o.test(r));
+function i(r) {
+  const o = h(r);
+  if (d(!!o, `'${r}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !o)
+    return !1;
+  let e = o.parse(r);
+  return o === l && (e = c(e)), e;
 }
+const G = (r, o) => {
+  const e = i(r), t = i(o);
+  if (!e || !t)
+    return f(r, o);
+  const n = { ...e };
+  return (a) => (n.red = m(e.red, t.red, a), n.green = m(e.green, t.green, a), n.blue = m(e.blue, t.blue, a), n.alpha = u(e.alpha, t.alpha, a), s.transform(n));
+};
 export {
-  h as SubscriptionManager
+  G as mixColor,
+  m as mixLinearColor
 };
 //# sourceMappingURL=visualization.es399.js.map

package/dist/visualization.es399.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/subscription-manager.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n//# sourceMappingURL=subscription-manager.mjs.map\n"],"names":["SubscriptionManager","handler","addUniqueItem","removeItem","a","b","c","numSubscriptions","i"],"mappings":";AAEA,MAAMA,EAAoB;AAAA,EACtB,cAAc;AACV,SAAK,gBAAgB,CAAA;AAAA,EACzB;AAAA,EACA,IAAIC,GAAS;AACT,WAAAC,EAAc,KAAK,eAAeD,CAAO,GAClC,MAAME,EAAW,KAAK,eAAeF,CAAO;AAAA,EACvD;AAAA,EACA,OAAOG,GAAGC,GAAGC,GAAG;AACZ,UAAMC,IAAmB,KAAK,cAAc;AAC5C,QAAKA;AAEL,UAAIA,MAAqB;AAIrB,aAAK,cAAc,CAAC,EAAEH,GAAGC,GAAGC,CAAC;AAAA;AAG7B,iBAASE,IAAI,GAAGA,IAAID,GAAkBC,KAAK;AAKvC,gBAAMP,IAAU,KAAK,cAAcO,CAAC;AACpC,UAAAP,KAAWA,EAAQG,GAAGC,GAAGC,CAAC;AAAA,QAC9B;AAAA,EAER;AAAA,EACA,UAAU;AACN,WAAO,KAAK,cAAc;AAAA,EAC9B;AAAA,EACA,QAAQ;AACJ,SAAK,cAAc,SAAS;AAAA,EAChC;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/color.mjs"],"sourcesContent":["import { warning } from 'motion-utils';\nimport { hex } from '../../value/types/color/hex.mjs';\nimport { hsla } from '../../value/types/color/hsla.mjs';\nimport { hslaToRgba } from '../../value/types/color/hsla-to-rgba.mjs';\nimport { rgba } from '../../value/types/color/rgba.mjs';\nimport { mixImmediate } from './immediate.mjs';\nimport { mixNumber } from './number.mjs';\n\n// Linear color space blending\n// Explained https://www.youtube.com/watch?v=LKnqECcg6Gw\n// Demonstrated http://codepen.io/osublake/pen/xGVVaN\nconst mixLinearColor = (from, to, v) => {\n    const fromExpo = from * from;\n    const expo = v * (to * to - fromExpo) + fromExpo;\n    return expo < 0 ? 0 : Math.sqrt(expo);\n};\nconst colorTypes = [hex, rgba, hsla];\nconst getColorType = (v) => colorTypes.find((type) => type.test(v));\nfunction asRGBA(color) {\n    const type = getColorType(color);\n    warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`, \"color-not-animatable\");\n    if (!Boolean(type))\n        return false;\n    let model = type.parse(color);\n    if (type === hsla) {\n        // TODO Remove this cast - needed since Motion's stricter typing\n        model = hslaToRgba(model);\n    }\n    return model;\n}\nconst mixColor = (from, to) => {\n    const fromRGBA = asRGBA(from);\n    const toRGBA = asRGBA(to);\n    if (!fromRGBA || !toRGBA) {\n        return mixImmediate(from, to);\n    }\n    const blended = { ...fromRGBA };\n    return (v) => {\n        blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v);\n        blended.green = mixLinearColor(fromRGBA.green, toRGBA.green, v);\n        blended.blue = mixLinearColor(fromRGBA.blue, toRGBA.blue, v);\n        blended.alpha = mixNumber(fromRGBA.alpha, toRGBA.alpha, v);\n        return rgba.transform(blended);\n    };\n};\n\nexport { mixColor, mixLinearColor };\n//# sourceMappingURL=color.mjs.map\n"],"names":["mixLinearColor","from","to","v","fromExpo","expo","colorTypes","hex","rgba","hsla","getColorType","type","asRGBA","color","warning","model","hslaToRgba","mixColor","fromRGBA","toRGBA","mixImmediate","blended","mixNumber"],"mappings":";;;;;;;AAWK,MAACA,IAAiB,CAACC,GAAMC,GAAIC,MAAM;AACpC,QAAMC,IAAWH,IAAOA,GAClBI,IAAOF,KAAKD,IAAKA,IAAKE,KAAYA;AACxC,SAAOC,IAAO,IAAI,IAAI,KAAK,KAAKA,CAAI;AACxC,GACMC,IAAa,CAACC,GAAKC,GAAMC,CAAI,GAC7BC,IAAe,CAACP,MAAMG,EAAW,KAAK,CAACK,MAASA,EAAK,KAAKR,CAAC,CAAC;AAClE,SAASS,EAAOC,GAAO;AACnB,QAAMF,IAAOD,EAAaG,CAAK;AAE/B,MADAC,EAAQ,EAAQH,GAAO,IAAIE,CAAK,wEAAwE,sBAAsB,GAC1H,CAASF;AACT,WAAO;AACX,MAAII,IAAQJ,EAAK,MAAME,CAAK;AAC5B,SAAIF,MAASF,MAETM,IAAQC,EAAWD,CAAK,IAErBA;AACX;AACK,MAACE,IAAW,CAAChB,GAAMC,MAAO;AAC3B,QAAMgB,IAAWN,EAAOX,CAAI,GACtBkB,IAASP,EAAOV,CAAE;AACxB,MAAI,CAACgB,KAAY,CAACC;AACd,WAAOC,EAAanB,GAAMC,CAAE;AAEhC,QAAMmB,IAAU,EAAE,GAAGH,EAAQ;AAC7B,SAAO,CAACf,OACJkB,EAAQ,MAAMrB,EAAekB,EAAS,KAAKC,EAAO,KAAKhB,CAAC,GACxDkB,EAAQ,QAAQrB,EAAekB,EAAS,OAAOC,EAAO,OAAOhB,CAAC,GAC9DkB,EAAQ,OAAOrB,EAAekB,EAAS,MAAMC,EAAO,MAAMhB,CAAC,GAC3DkB,EAAQ,QAAQC,EAAUJ,EAAS,OAAOC,EAAO,OAAOhB,CAAC,GAClDK,EAAK,UAAUa,CAAO;AAErC;","x_google_ignoreList":[0]}

package/dist/visualization.es4.js

@@ -1,12 +1,12 @@
 import { jsxs as X, jsx as I } from "react/jsx-runtime";
 import { useRef as G, useState as v, useEffect as q } from "react";
-import V from "./visualization.es64.js";
-import ye from "./visualization.es65.js";
-import me from "./visualization.es66.js";
-import { useScreenshot as he } from "./visualization.es67.js";
-import pe from "./visualization.es68.js";
+import V from "./visualization.es46.js";
+import ye from "./visualization.es47.js";
+import me from "./visualization.es48.js";
+import { useScreenshot as he } from "./visualization.es49.js";
+import pe from "./visualization.es50.js";
 /* empty css                   */
-import ge from "./visualization.es70.js";
+import ge from "./visualization.es52.js";
 import { Typography as be } from "@mui/material";
 V.use(ye);
 V.use(me(A));

package/dist/visualization.es40.js

@@ -1,50 +1,35 @@
-function g(e, n) {
-  return e.parent === n.parent ? 1 : 2;
-}
-function m(e) {
-  return e.reduce(p, 0) / e.length;
-}
-function p(e, n) {
-  return e + n.x;
-}
-function v(e) {
-  return 1 + e.reduce(z, 0);
-}
-function z(e, n) {
-  return Math.max(e, n.y);
-}
-function R(e) {
-  for (var n; n = e.children; ) e = n[0];
-  return e;
-}
-function S(e) {
-  for (var n; n = e.children; ) e = n[n.length - 1];
-  return e;
-}
-function w() {
-  var e = g, n = 1, a = 1, i = !1;
-  function u(t) {
-    var c, s = 0;
-    t.eachAfter(function(r) {
-      var h = r.children;
-      h ? (r.x = m(h), r.y = v(h)) : (r.x = c ? s += e(r, c) : 0, r.y = 0, c = r);
-    });
-    var f = R(t), l = S(t), x = f.x - e(f, l) / 2, y = l.x + e(l, f) / 2;
-    return t.eachAfter(i ? function(r) {
-      r.x = (r.x - t.x) * n, r.y = (t.y - r.y) * a;
-    } : function(r) {
-      r.x = (r.x - x) / (y - x) * n, r.y = (1 - (t.y ? r.y / t.y : 1)) * a;
-    });
-  }
-  return u.separation = function(t) {
-    return arguments.length ? (e = t, u) : e;
-  }, u.size = function(t) {
-    return arguments.length ? (i = !1, n = +t[0], a = +t[1], u) : i ? null : [n, a];
-  }, u.nodeSize = function(t) {
-    return arguments.length ? (i = !0, n = +t[0], a = +t[1], u) : i ? [n, a] : null;
-  }, u;
-}
+const c = 12, t = "sans-serif", e = 14, i = (o) => (n) => o[Math.floor(+n)] ?? "", T = (o) => o === "horizontal" ? 0 : o === "vertical" ? -90 : o === "leftDiagonal" ? -45 : 45, s = (o) => o === "horizontal" ? "middle" : o === "rightDiagonal" ? "start" : "end", I = (o) => ({
+  fontSize: 12,
+  fontFamily: t,
+  textAnchor: s(o),
+  angle: T(o),
+  dy: o === "horizontal" ? "0.71em" : "0.25em"
+}), _ = {
+  fontSize: 14,
+  fontFamily: t,
+  textAnchor: "middle",
+  dy: "-0.5em"
+}, l = {
+  fontSize: 12,
+  fontFamily: t,
+  textAnchor: "end",
+  dx: "-0.25em",
+  dy: "0.25em"
+}, r = {
+  fontSize: 14,
+  fontFamily: t,
+  textAnchor: "middle"
+};
 export {
-  w as default
+  e as AXIS_TITLE_FONT_SIZE,
+  t as TICK_FONT_FAMILY,
+  c as TICK_FONT_SIZE,
+  I as getXAxisTickLabelProps,
+  i as makeTickFormat,
+  _ as xAxisLabelProps,
+  T as xTickAngleFor,
+  s as xTickTextAnchorFor,
+  r as yAxisLabelProps,
+  l as yAxisTickLabelProps
 };
 //# sourceMappingURL=visualization.es40.js.map

package/dist/visualization.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es40.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/cluster.js"],"sourcesContent":["function defaultSeparation(a, b) {\n  return a.parent === b.parent ? 1 : 2;\n}\n\nfunction meanX(children) {\n  return children.reduce(meanXReduce, 0) / children.length;\n}\n\nfunction meanXReduce(x, c) {\n  return x + c.x;\n}\n\nfunction maxY(children) {\n  return 1 + children.reduce(maxYReduce, 0);\n}\n\nfunction maxYReduce(y, c) {\n  return Math.max(y, c.y);\n}\n\nfunction leafLeft(node) {\n  var children;\n  while (children = node.children) node = children[0];\n  return node;\n}\n\nfunction leafRight(node) {\n  var children;\n  while (children = node.children) node = children[children.length - 1];\n  return node;\n}\n\nexport default function() {\n  var separation = defaultSeparation,\n      dx = 1,\n      dy = 1,\n      nodeSize = false;\n\n  function cluster(root) {\n    var previousNode,\n        x = 0;\n\n    // First walk, computing the initial x & y values.\n    root.eachAfter(function(node) {\n      var children = node.children;\n      if (children) {\n        node.x = meanX(children);\n        node.y = maxY(children);\n      } else {\n        node.x = previousNode ? x += separation(node, previousNode) : 0;\n        node.y = 0;\n        previousNode = node;\n      }\n    });\n\n    var left = leafLeft(root),\n        right = leafRight(root),\n        x0 = left.x - separation(left, right) / 2,\n        x1 = right.x + separation(right, left) / 2;\n\n    // Second walk, normalizing x & y to the desired size.\n    return root.eachAfter(nodeSize ? function(node) {\n      node.x = (node.x - root.x) * dx;\n      node.y = (root.y - node.y) * dy;\n    } : function(node) {\n      node.x = (node.x - x0) / (x1 - x0) * dx;\n      node.y = (1 - (root.y ? node.y / root.y : 1)) * dy;\n    });\n  }\n\n  cluster.separation = function(x) {\n    return arguments.length ? (separation = x, cluster) : separation;\n  };\n\n  cluster.size = function(x) {\n    return arguments.length ? (nodeSize = false, dx = +x[0], dy = +x[1], cluster) : (nodeSize ? null : [dx, dy]);\n  };\n\n  cluster.nodeSize = function(x) {\n    return arguments.length ? (nodeSize = true, dx = +x[0], dy = +x[1], cluster) : (nodeSize ? [dx, dy] : null);\n  };\n\n  return cluster;\n}\n"],"names":["defaultSeparation","a","b","meanX","children","meanXReduce","x","c","maxY","maxYReduce","y","leafLeft","node","leafRight","d3cluster","separation","dx","dy","nodeSize","cluster","root","previousNode","left","right","x0","x1"],"mappings":"AAAA,SAASA,EAAkBC,GAAGC,GAAG;AAC/B,SAAOD,EAAE,WAAWC,EAAE,SAAS,IAAI;AACrC;AAEA,SAASC,EAAMC,GAAU;AACvB,SAAOA,EAAS,OAAOC,GAAa,CAAC,IAAID,EAAS;AACpD;AAEA,SAASC,EAAYC,GAAGC,GAAG;AACzB,SAAOD,IAAIC,EAAE;AACf;AAEA,SAASC,EAAKJ,GAAU;AACtB,SAAO,IAAIA,EAAS,OAAOK,GAAY,CAAC;AAC1C;AAEA,SAASA,EAAWC,GAAGH,GAAG;AACxB,SAAO,KAAK,IAAIG,GAAGH,EAAE,CAAC;AACxB;AAEA,SAASI,EAASC,GAAM;AAEtB,WADIR,GACGA,IAAWQ,EAAK,WAAU,CAAAA,IAAOR,EAAS,CAAC;AAClD,SAAOQ;AACT;AAEA,SAASC,EAAUD,GAAM;AAEvB,WADIR,GACGA,IAAWQ,EAAK,WAAU,CAAAA,IAAOR,EAASA,EAAS,SAAS,CAAC;AACpE,SAAOQ;AACT;AAEe,SAAAE,IAAW;AACxB,MAAIC,IAAaf,GACbgB,IAAK,GACLC,IAAK,GACLC,IAAW;AAEf,WAASC,EAAQC,GAAM;AACrB,QAAIC,GACAf,IAAI;AAGR,IAAAc,EAAK,UAAU,SAASR,GAAM;AAC5B,UAAIR,IAAWQ,EAAK;AACpB,MAAIR,KACFQ,EAAK,IAAIT,EAAMC,CAAQ,GACvBQ,EAAK,IAAIJ,EAAKJ,CAAQ,MAEtBQ,EAAK,IAAIS,IAAef,KAAKS,EAAWH,GAAMS,CAAY,IAAI,GAC9DT,EAAK,IAAI,GACTS,IAAeT;AAAA,IAEnB,CAAC;AAED,QAAIU,IAAOX,EAASS,CAAI,GACpBG,IAAQV,EAAUO,CAAI,GACtBI,IAAKF,EAAK,IAAIP,EAAWO,GAAMC,CAAK,IAAI,GACxCE,IAAKF,EAAM,IAAIR,EAAWQ,GAAOD,CAAI,IAAI;AAG7C,WAAOF,EAAK,UAAUF,IAAW,SAASN,GAAM;AAC9C,MAAAA,EAAK,KAAKA,EAAK,IAAIQ,EAAK,KAAKJ,GAC7BJ,EAAK,KAAKQ,EAAK,IAAIR,EAAK,KAAKK;AAAA,IAC/B,IAAI,SAASL,GAAM;AACjB,MAAAA,EAAK,KAAKA,EAAK,IAAIY,MAAOC,IAAKD,KAAMR,GACrCJ,EAAK,KAAK,KAAKQ,EAAK,IAAIR,EAAK,IAAIQ,EAAK,IAAI,MAAMH;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SAAAE,EAAQ,aAAa,SAASb,GAAG;AAC/B,WAAO,UAAU,UAAUS,IAAaT,GAAGa,KAAWJ;AAAA,EACxD,GAEAI,EAAQ,OAAO,SAASb,GAAG;AACzB,WAAO,UAAU,UAAUY,IAAW,IAAOF,IAAK,CAACV,EAAE,CAAC,GAAGW,IAAK,CAACX,EAAE,CAAC,GAAGa,KAAYD,IAAW,OAAO,CAACF,GAAIC,CAAE;AAAA,EAC5G,GAEAE,EAAQ,WAAW,SAASb,GAAG;AAC7B,WAAO,UAAU,UAAUY,IAAW,IAAMF,IAAK,CAACV,EAAE,CAAC,GAAGW,IAAK,CAACX,EAAE,CAAC,GAAGa,KAAYD,IAAW,CAACF,GAAIC,CAAE,IAAI;AAAA,EACxG,GAEOE;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es40.js","sources":["../src/components/Heatmap/heatmapAxisProps.ts"],"sourcesContent":["import type { HeatmapProps } from \"./types\";\n\nexport const TICK_FONT_SIZE = 12;\nexport const TICK_FONT_FAMILY = \"sans-serif\";\nexport const AXIS_TITLE_FONT_SIZE = 14;\n\nexport const makeTickFormat = (names: string[]) => (d: number | { valueOf(): number }) => names[Math.floor(+d)] ?? \"\";\n\ntype XLabelOrientation = NonNullable<HeatmapProps[\"xLabelOrientation\"]>;\n\nexport const xTickAngleFor = (xLabelOrientation: XLabelOrientation) =>\n  xLabelOrientation === \"horizontal\" ? 0 : xLabelOrientation === \"vertical\" ? -90 : xLabelOrientation === \"leftDiagonal\" ? -45 : 45;\n\nexport const xTickTextAnchorFor = (xLabelOrientation: XLabelOrientation): \"middle\" | \"start\" | \"end\" =>\n  xLabelOrientation === \"horizontal\" ? \"middle\" : xLabelOrientation === \"rightDiagonal\" ? \"start\" : \"end\";\n\nexport const getXAxisTickLabelProps = (xLabelOrientation: XLabelOrientation) => ({\n  fontSize: TICK_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: xTickTextAnchorFor(xLabelOrientation),\n  angle: xTickAngleFor(xLabelOrientation),\n  dy: xLabelOrientation === \"horizontal\" ? \"0.71em\" : \"0.25em\",\n});\n\nexport const xAxisLabelProps = {\n  fontSize: AXIS_TITLE_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"middle\" as const,\n  dy: \"-0.5em\",\n};\n\nexport const yAxisTickLabelProps = {\n  fontSize: TICK_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"end\" as const,\n  dx: \"-0.25em\",\n  dy: \"0.25em\",\n};\n\nexport const yAxisLabelProps = {\n  fontSize: AXIS_TITLE_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"middle\" as const,\n};\n"],"names":["TICK_FONT_SIZE","TICK_FONT_FAMILY","AXIS_TITLE_FONT_SIZE","makeTickFormat","names","d","Math","floor","xTickAngleFor","xLabelOrientation","xTickTextAnchorFor","getXAxisTickLabelProps","fontSize","fontFamily","textAnchor","angle","dy","xAxisLabelProps","yAxisTickLabelProps","dx","yAxisLabelProps"],"mappings":"AAEO,MAAMA,IAAiB,IACjBC,IAAmB,cACnBC,IAAuB,IAEvBC,IAAiBA,CAACC,MAAoB,CAACC,MAAsCD,EAAME,KAAKC,MAAM,CAACF,CAAC,CAAC,KAAK,IAItGG,IAAgBA,CAACC,MAC5BA,MAAsB,eAAe,IAAIA,MAAsB,aAAa,MAAMA,MAAsB,iBAAiB,MAAM,IAEpHC,IAAqBA,CAACD,MACjCA,MAAsB,eAAe,WAAWA,MAAsB,kBAAkB,UAAU,OAEvFE,IAAyBA,CAACF,OAA0C;AAAA,EAC/EG,UAAUZ;AAAAA,EACVa,YAAYZ;AAAAA,EACZa,YAAYJ,EAAmBD,CAAiB;AAAA,EAChDM,OAAOP,EAAcC,CAAiB;AAAA,EACtCO,IAAIP,MAAsB,eAAe,WAAW;AACtD,IAEaQ,IAAkB;AAAA,EAC7BL,UAAUV;AAAAA,EACVW,YAAYZ;AAAAA,EACZa,YAAY;AAAA,EACZE,IAAI;AACN,GAEaE,IAAsB;AAAA,EACjCN,UAAUZ;AAAAA,EACVa,YAAYZ;AAAAA,EACZa,YAAY;AAAA,EACZK,IAAI;AAAA,EACJH,IAAI;AACN,GAEaI,IAAkB;AAAA,EAC7BR,UAAUV;AAAAA,EACVW,YAAYZ;AAAAA,EACZa,YAAY;AACd;"}

package/dist/visualization.es400.js

@@ -1,7 +1,20 @@
-function n(c, e) {
-  return e ? c * (1e3 / e) : 0;
+import { rgba as i } from "./visualization.es403.js";
+import { isColorString as g } from "./visualization.es414.js";
+function a(r) {
+  let t = "", e = "", n = "", s = "";
+  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
+    red: parseInt(t, 16),
+    green: parseInt(e, 16),
+    blue: parseInt(n, 16),
+    alpha: s ? parseInt(s, 16) / 255 : 1
+  };
 }
+const u = {
+  test: /* @__PURE__ */ g("#"),
+  parse: a,
+  transform: i.transform
+};
 export {
-  n as velocityPerSecond
+  u as hex
 };
 //# sourceMappingURL=visualization.es400.js.map

package/dist/visualization.es400.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es400.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/velocity-per-second.mjs"],"sourcesContent":["/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nfunction velocityPerSecond(velocity, frameDuration) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0;\n}\n\nexport { velocityPerSecond };\n//# sourceMappingURL=velocity-per-second.mjs.map\n"],"names":["velocityPerSecond","velocity","frameDuration"],"mappings":"AAMA,SAASA,EAAkBC,GAAUC,GAAe;AAChD,SAAOA,IAAgBD,KAAY,MAAOC,KAAiB;AAC/D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es400.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/hex.mjs"],"sourcesContent":["import { rgba } from './rgba.mjs';\nimport { isColorString } from './utils.mjs';\n\nfunction parseHex(v) {\n    let r = \"\";\n    let g = \"\";\n    let b = \"\";\n    let a = \"\";\n    // If we have 6 characters, ie #FF0000\n    if (v.length > 5) {\n        r = v.substring(1, 3);\n        g = v.substring(3, 5);\n        b = v.substring(5, 7);\n        a = v.substring(7, 9);\n        // Or we have 3 characters, ie #F00\n    }\n    else {\n        r = v.substring(1, 2);\n        g = v.substring(2, 3);\n        b = v.substring(3, 4);\n        a = v.substring(4, 5);\n        r += r;\n        g += g;\n        b += b;\n        a += a;\n    }\n    return {\n        red: parseInt(r, 16),\n        green: parseInt(g, 16),\n        blue: parseInt(b, 16),\n        alpha: a ? parseInt(a, 16) / 255 : 1,\n    };\n}\nconst hex = {\n    test: /*@__PURE__*/ isColorString(\"#\"),\n    parse: parseHex,\n    transform: rgba.transform,\n};\n\nexport { hex };\n//# sourceMappingURL=hex.mjs.map\n"],"names":["parseHex","v","r","g","b","a","hex","isColorString","rgba"],"mappings":";;AAGA,SAASA,EAASC,GAAG;AACjB,MAAIC,IAAI,IACJC,IAAI,IACJC,IAAI,IACJC,IAAI;AAER,SAAIJ,EAAE,SAAS,KACXC,IAAID,EAAE,UAAU,GAAG,CAAC,GACpBE,IAAIF,EAAE,UAAU,GAAG,CAAC,GACpBG,IAAIH,EAAE,UAAU,GAAG,CAAC,GACpBI,IAAIJ,EAAE,UAAU,GAAG,CAAC,MAIpBC,IAAID,EAAE,UAAU,GAAG,CAAC,GACpBE,IAAIF,EAAE,UAAU,GAAG,CAAC,GACpBG,IAAIH,EAAE,UAAU,GAAG,CAAC,GACpBI,IAAIJ,EAAE,UAAU,GAAG,CAAC,GACpBC,KAAKA,GACLC,KAAKA,GACLC,KAAKA,GACLC,KAAKA,IAEF;AAAA,IACH,KAAK,SAASH,GAAG,EAAE;AAAA,IACnB,OAAO,SAASC,GAAG,EAAE;AAAA,IACrB,MAAM,SAASC,GAAG,EAAE;AAAA,IACpB,OAAOC,IAAI,SAASA,GAAG,EAAE,IAAI,MAAM;AAAA,EAC3C;AACA;AACK,MAACC,IAAM;AAAA,EACR,MAAoB,gBAAAC,EAAc,GAAG;AAAA,EACrC,OAAOP;AAAA,EACP,WAAWQ,EAAK;AACpB;","x_google_ignoreList":[0]}

package/dist/visualization.es401.js

@@ -1,19 +1,13 @@
-import { floatRegex as i } from "./visualization.es406.js";
-import { isNullish as n } from "./visualization.es548.js";
-import { singleColorRegex as f } from "./visualization.es549.js";
-const h = (r, o) => (t) => !!(typeof t == "string" && f.test(t) && t.startsWith(r) || o && !n(t) && Object.prototype.hasOwnProperty.call(t, o)), u = (r, o, t) => (e) => {
-  if (typeof e != "string")
-    return e;
-  const [l, s, p, a] = e.match(i);
-  return {
-    [r]: parseFloat(l),
-    [o]: parseFloat(s),
-    [t]: parseFloat(p),
-    alpha: a !== void 0 ? parseFloat(a) : 1
-  };
+import { alpha as n } from "./visualization.es415.js";
+import { percent as t } from "./visualization.es416.js";
+import { sanitize as r } from "./visualization.es417.js";
+import { splitColor as i, isColorString as e } from "./visualization.es414.js";
+const u = {
+  test: /* @__PURE__ */ e("hsl", "hue"),
+  parse: /* @__PURE__ */ i("hue", "saturation", "lightness"),
+  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
 };
 export {
-  h as isColorString,
-  u as splitColor
+  u as hsla
 };
 //# sourceMappingURL=visualization.es401.js.map

package/dist/visualization.es401.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es401.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/utils.mjs"],"sourcesContent":["import { floatRegex } from '../utils/float-regex.mjs';\nimport { isNullish } from '../utils/is-nullish.mjs';\nimport { singleColorRegex } from '../utils/single-color-regex.mjs';\n\n/**\n * Returns true if the provided string is a color, ie rgba(0,0,0,0) or #000,\n * but false if a number or multiple colors\n */\nconst isColorString = (type, testProp) => (v) => {\n    return Boolean((typeof v === \"string\" &&\n        singleColorRegex.test(v) &&\n        v.startsWith(type)) ||\n        (testProp &&\n            !isNullish(v) &&\n            Object.prototype.hasOwnProperty.call(v, testProp)));\n};\nconst splitColor = (aName, bName, cName) => (v) => {\n    if (typeof v !== \"string\")\n        return v;\n    const [a, b, c, alpha] = v.match(floatRegex);\n    return {\n        [aName]: parseFloat(a),\n        [bName]: parseFloat(b),\n        [cName]: parseFloat(c),\n        alpha: alpha !== undefined ? parseFloat(alpha) : 1,\n    };\n};\n\nexport { isColorString, splitColor };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["isColorString","type","testProp","v","singleColorRegex","isNullish","splitColor","aName","bName","cName","a","b","c","alpha","floatRegex"],"mappings":";;;AAQK,MAACA,IAAgB,CAACC,GAAMC,MAAa,CAACC,MAChC,GAAS,OAAOA,KAAM,YACzBC,EAAiB,KAAKD,CAAC,KACvBA,EAAE,WAAWF,CAAI,KAChBC,KACG,CAACG,EAAUF,CAAC,KACZ,OAAO,UAAU,eAAe,KAAKA,GAAGD,CAAQ,IAEtDI,IAAa,CAACC,GAAOC,GAAOC,MAAU,CAACN,MAAM;AAC/C,MAAI,OAAOA,KAAM;AACb,WAAOA;AACX,QAAM,CAACO,GAAGC,GAAGC,GAAGC,CAAK,IAAIV,EAAE,MAAMW,CAAU;AAC3C,SAAO;AAAA,IACH,CAACP,CAAK,GAAG,WAAWG,CAAC;AAAA,IACrB,CAACF,CAAK,GAAG,WAAWG,CAAC;AAAA,IACrB,CAACF,CAAK,GAAG,WAAWG,CAAC;AAAA,IACrB,OAAOC,MAAU,SAAY,WAAWA,CAAK,IAAI;AAAA,EACzD;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es401.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/hsla.mjs"],"sourcesContent":["import { alpha } from '../numbers/index.mjs';\nimport { percent } from '../numbers/units.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\nimport { splitColor, isColorString } from './utils.mjs';\n\nconst hsla = {\n    test: /*@__PURE__*/ isColorString(\"hsl\", \"hue\"),\n    parse: /*@__PURE__*/ splitColor(\"hue\", \"saturation\", \"lightness\"),\n    transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {\n        return (\"hsla(\" +\n            Math.round(hue) +\n            \", \" +\n            percent.transform(sanitize(saturation)) +\n            \", \" +\n            percent.transform(sanitize(lightness)) +\n            \", \" +\n            sanitize(alpha.transform(alpha$1)) +\n            \")\");\n    },\n};\n\nexport { hsla };\n//# sourceMappingURL=hsla.mjs.map\n"],"names":["hsla","isColorString","splitColor","hue","saturation","lightness","alpha$1","percent","sanitize","alpha"],"mappings":";;;;AAKK,MAACA,IAAO;AAAA,EACT,MAAoB,gBAAAC,EAAc,OAAO,KAAK;AAAA,EAC9C,OAAqB,gBAAAC,EAAW,OAAO,cAAc,WAAW;AAAA,EAChE,WAAW,CAAC,EAAE,KAAAC,GAAK,YAAAC,GAAY,WAAAC,GAAW,OAAOC,IAAU,QAC/C,UACJ,KAAK,MAAMH,CAAG,IACd,OACAI,EAAQ,UAAUC,EAASJ,CAAU,CAAC,IACtC,OACAG,EAAQ,UAAUC,EAASH,CAAS,CAAC,IACrC,OACAG,EAASC,EAAM,UAAUH,CAAO,CAAC,IACjC;AAEZ;","x_google_ignoreList":[0]}