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

package/dist/visualization.es397.js

@@ -1,24 +1,52 @@
-const i = /* @__PURE__ */ new Set();
-let e;
-function d() {
-  e = () => {
-    const n = {
-      get width() {
-        return window.innerWidth;
-      },
-      get height() {
-        return window.innerHeight;
-      }
-    };
-    i.forEach((t) => t(n));
-  }, window.addEventListener("resize", e);
+import { color as c } from "./visualization.es396.js";
+import { colorRegex as g } from "./visualization.es409.js";
+import { floatRegex as N } from "./visualization.es410.js";
+import { sanitize as d } from "./visualization.es408.js";
+function b(t) {
+  return isNaN(t) && typeof t == "string" && (t.match(N)?.length || 0) + (t.match(g)?.length || 0) > 0;
+}
+const a = "number", f = "color", T = "var", x = "var(", m = "${}", O = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function l(t) {
+  const r = t.toString(), s = [], o = {
+    color: [],
+    number: [],
+    var: []
+  }, n = [];
+  let e = 0;
+  const h = r.replace(O, (i) => (c.test(i) ? (o.color.push(e), n.push(f), s.push(c.parse(i))) : i.startsWith(x) ? (o.var.push(e), n.push(T), s.push(i)) : (o.number.push(e), n.push(a), s.push(parseFloat(i))), ++e, m)).split(m);
+  return { values: s, split: h, indexes: o, types: n };
 }
-function r(n) {
-  return i.add(n), e || d(), () => {
-    i.delete(n), !i.size && typeof e == "function" && (window.removeEventListener("resize", e), e = void 0);
+function R(t) {
+  return l(t).values;
+}
+function p({ split: t, types: r }) {
+  const s = t.length;
+  return (o) => {
+    let n = "";
+    for (let e = 0; e < s; e++)
+      if (n += t[e], o[e] !== void 0) {
+        const u = r[e];
+        u === a ? n += d(o[e]) : u === f ? n += c.transform(o[e]) : n += o[e];
+      }
+    return n;
   };
 }
+function y(t) {
+  return p(l(t));
+}
+const E = (t) => typeof t == "number" ? 0 : c.test(t) ? c.getAnimatableNone(t) : t, _ = (t, r) => typeof t == "number" ? r?.trim().endsWith("/") ? t : 0 : E(t);
+function K(t) {
+  const r = l(t);
+  return p(r)(r.values.map((o, n) => _(o, r.split[n])));
+}
+const w = {
+  test: b,
+  parse: R,
+  createTransformer: y,
+  getAnimatableNone: K
+};
 export {
-  r as resizeWindow
+  l as analyseComplexValue,
+  w as complex
 };
 //# sourceMappingURL=visualization.es397.js.map

package/dist/visualization.es397.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es397.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/handle-window.mjs"],"sourcesContent":["const windowCallbacks = new Set();\nlet windowResizeHandler;\nfunction createWindowResizeHandler() {\n    windowResizeHandler = () => {\n        const info = {\n            get width() {\n                return window.innerWidth;\n            },\n            get height() {\n                return window.innerHeight;\n            },\n        };\n        windowCallbacks.forEach((callback) => callback(info));\n    };\n    window.addEventListener(\"resize\", windowResizeHandler);\n}\nfunction resizeWindow(callback) {\n    windowCallbacks.add(callback);\n    if (!windowResizeHandler)\n        createWindowResizeHandler();\n    return () => {\n        windowCallbacks.delete(callback);\n        if (!windowCallbacks.size &&\n            typeof windowResizeHandler === \"function\") {\n            window.removeEventListener(\"resize\", windowResizeHandler);\n            windowResizeHandler = undefined;\n        }\n    };\n}\n\nexport { resizeWindow };\n//# sourceMappingURL=handle-window.mjs.map\n"],"names":["windowCallbacks","windowResizeHandler","createWindowResizeHandler","info","callback","resizeWindow"],"mappings":"AAAA,MAAMA,IAAkB,oBAAI,IAAG;AAC/B,IAAIC;AACJ,SAASC,IAA4B;AACjC,EAAAD,IAAsB,MAAM;AACxB,UAAME,IAAO;AAAA,MACT,IAAI,QAAQ;AACR,eAAO,OAAO;AAAA,MAClB;AAAA,MACA,IAAI,SAAS;AACT,eAAO,OAAO;AAAA,MAClB;AAAA,IACZ;AACQ,IAAAH,EAAgB,QAAQ,CAACI,MAAaA,EAASD,CAAI,CAAC;AAAA,EACxD,GACA,OAAO,iBAAiB,UAAUF,CAAmB;AACzD;AACA,SAASI,EAAaD,GAAU;AAC5B,SAAAJ,EAAgB,IAAII,CAAQ,GACvBH,KACDC,EAAyB,GACtB,MAAM;AACT,IAAAF,EAAgB,OAAOI,CAAQ,GAC3B,CAACJ,EAAgB,QACjB,OAAOC,KAAwB,eAC/B,OAAO,oBAAoB,UAAUA,CAAmB,GACxDA,IAAsB;AAAA,EAE9B;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es397.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/index.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { colorRegex } from '../utils/color-regex.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\n\nfunction test(v) {\n    return (isNaN(v) &&\n        typeof v === \"string\" &&\n        (v.match(floatRegex)?.length || 0) +\n            (v.match(colorRegex)?.length || 0) >\n            0);\n}\nconst NUMBER_TOKEN = \"number\";\nconst COLOR_TOKEN = \"color\";\nconst VAR_TOKEN = \"var\";\nconst VAR_FUNCTION_TOKEN = \"var(\";\nconst SPLIT_TOKEN = \"${}\";\n// this regex consists of the `singleCssVariableRegex|rgbHSLValueRegex|digitRegex`\nconst complexRegex = /var\\s*\\(\\s*--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)|#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\)|-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/giu;\nfunction analyseComplexValue(value) {\n    const originalValue = value.toString();\n    const values = [];\n    const indexes = {\n        color: [],\n        number: [],\n        var: [],\n    };\n    const types = [];\n    let i = 0;\n    const tokenised = originalValue.replace(complexRegex, (parsedValue) => {\n        if (color.test(parsedValue)) {\n            indexes.color.push(i);\n            types.push(COLOR_TOKEN);\n            values.push(color.parse(parsedValue));\n        }\n        else if (parsedValue.startsWith(VAR_FUNCTION_TOKEN)) {\n            indexes.var.push(i);\n            types.push(VAR_TOKEN);\n            values.push(parsedValue);\n        }\n        else {\n            indexes.number.push(i);\n            types.push(NUMBER_TOKEN);\n            values.push(parseFloat(parsedValue));\n        }\n        ++i;\n        return SPLIT_TOKEN;\n    });\n    const split = tokenised.split(SPLIT_TOKEN);\n    return { values, split, indexes, types };\n}\nfunction parseComplexValue(v) {\n    return analyseComplexValue(v).values;\n}\nfunction buildTransformer({ split, types }) {\n    const numSections = split.length;\n    return (v) => {\n        let output = \"\";\n        for (let i = 0; i < numSections; i++) {\n            output += split[i];\n            if (v[i] !== undefined) {\n                const type = types[i];\n                if (type === NUMBER_TOKEN) {\n                    output += sanitize(v[i]);\n                }\n                else if (type === COLOR_TOKEN) {\n                    output += color.transform(v[i]);\n                }\n                else {\n                    output += v[i];\n                }\n            }\n        }\n        return output;\n    };\n}\nfunction createTransformer(source) {\n    return buildTransformer(analyseComplexValue(source));\n}\nconst convertNumbersToZero = (v) => typeof v === \"number\" ? 0 : color.test(v) ? color.getAnimatableNone(v) : v;\n/**\n * Convert a parsed value to its zero equivalent, but preserve numbers\n * that act as divisors in CSS calc() expressions.\n *\n * analyseComplexValue extracts numbers from CSS strings and puts the\n * surrounding text into a `split` template array. For example:\n *   \"calc(var(--gap) / 5)\"  →  values: [var(--gap), 5]\n *                               split:  [\"calc(\", \" / \", \")\"]\n *\n * When building a zero-equivalent for animation, naively zeroing all\n * numbers turns the divisor into 0 → \"calc(var(--gap) / 0)\" → NaN.\n * We detect this by checking whether the text preceding a number\n * (split[i]) ends with \"/\" — the CSS calc division operator.\n */\nconst convertToZero = (value, splitBefore) => {\n    if (typeof value === \"number\") {\n        return splitBefore?.trim().endsWith(\"/\") ? value : 0;\n    }\n    return convertNumbersToZero(value);\n};\nfunction getAnimatableNone(v) {\n    const info = analyseComplexValue(v);\n    const transformer = buildTransformer(info);\n    return transformer(info.values.map((value, i) => convertToZero(value, info.split[i])));\n}\nconst complex = {\n    test,\n    parse: parseComplexValue,\n    createTransformer,\n    getAnimatableNone,\n};\n\nexport { analyseComplexValue, complex };\n//# sourceMappingURL=index.mjs.map\n"],"names":["test","v","floatRegex","colorRegex","NUMBER_TOKEN","COLOR_TOKEN","VAR_TOKEN","VAR_FUNCTION_TOKEN","SPLIT_TOKEN","complexRegex","analyseComplexValue","value","originalValue","values","indexes","types","i","split","parsedValue","color","parseComplexValue","buildTransformer","numSections","output","type","sanitize","createTransformer","source","convertNumbersToZero","convertToZero","splitBefore","getAnimatableNone","info","complex"],"mappings":";;;;AAKA,SAASA,EAAKC,GAAG;AACb,SAAQ,MAAMA,CAAC,KACX,OAAOA,KAAM,aACZA,EAAE,MAAMC,CAAU,GAAG,UAAU,MAC3BD,EAAE,MAAME,CAAU,GAAG,UAAU,KAChC;AACZ;AACA,MAAMC,IAAe,UACfC,IAAc,SACdC,IAAY,OACZC,IAAqB,QACrBC,IAAc,OAEdC,IAAe;AACrB,SAASC,EAAoBC,GAAO;AAChC,QAAMC,IAAgBD,EAAM,SAAQ,GAC9BE,IAAS,CAAA,GACTC,IAAU;AAAA,IACZ,OAAO,CAAA;AAAA,IACP,QAAQ,CAAA;AAAA,IACR,KAAK,CAAA;AAAA,EACb,GACUC,IAAQ,CAAA;AACd,MAAIC,IAAI;AAoBR,QAAMC,IAnBYL,EAAc,QAAQH,GAAc,CAACS,OAC/CC,EAAM,KAAKD,CAAW,KACtBJ,EAAQ,MAAM,KAAKE,CAAC,GACpBD,EAAM,KAAKV,CAAW,GACtBQ,EAAO,KAAKM,EAAM,MAAMD,CAAW,CAAC,KAE/BA,EAAY,WAAWX,CAAkB,KAC9CO,EAAQ,IAAI,KAAKE,CAAC,GAClBD,EAAM,KAAKT,CAAS,GACpBO,EAAO,KAAKK,CAAW,MAGvBJ,EAAQ,OAAO,KAAKE,CAAC,GACrBD,EAAM,KAAKX,CAAY,GACvBS,EAAO,KAAK,WAAWK,CAAW,CAAC,IAEvC,EAAEF,GACKR,EACV,EACuB,MAAMA,CAAW;AACzC,SAAO,EAAE,QAAAK,GAAQ,OAAAI,GAAO,SAAAH,GAAS,OAAAC,EAAK;AAC1C;AACA,SAASK,EAAkBnB,GAAG;AAC1B,SAAOS,EAAoBT,CAAC,EAAE;AAClC;AACA,SAASoB,EAAiB,EAAE,OAAAJ,GAAO,OAAAF,KAAS;AACxC,QAAMO,IAAcL,EAAM;AAC1B,SAAO,CAAChB,MAAM;AACV,QAAIsB,IAAS;AACb,aAASP,IAAI,GAAGA,IAAIM,GAAaN;AAE7B,UADAO,KAAUN,EAAMD,CAAC,GACbf,EAAEe,CAAC,MAAM,QAAW;AACpB,cAAMQ,IAAOT,EAAMC,CAAC;AACpB,QAAIQ,MAASpB,IACTmB,KAAUE,EAASxB,EAAEe,CAAC,CAAC,IAElBQ,MAASnB,IACdkB,KAAUJ,EAAM,UAAUlB,EAAEe,CAAC,CAAC,IAG9BO,KAAUtB,EAAEe,CAAC;AAAA,MAErB;AAEJ,WAAOO;AAAA,EACX;AACJ;AACA,SAASG,EAAkBC,GAAQ;AAC/B,SAAON,EAAiBX,EAAoBiB,CAAM,CAAC;AACvD;AACA,MAAMC,IAAuB,CAAC3B,MAAM,OAAOA,KAAM,WAAW,IAAIkB,EAAM,KAAKlB,CAAC,IAAIkB,EAAM,kBAAkBlB,CAAC,IAAIA,GAevG4B,IAAgB,CAAClB,GAAOmB,MACtB,OAAOnB,KAAU,WACVmB,GAAa,KAAI,EAAG,SAAS,GAAG,IAAInB,IAAQ,IAEhDiB,EAAqBjB,CAAK;AAErC,SAASoB,EAAkB9B,GAAG;AAC1B,QAAM+B,IAAOtB,EAAoBT,CAAC;AAElC,SADoBoB,EAAiBW,CAAI,EACtBA,EAAK,OAAO,IAAI,CAACrB,GAAOK,MAAMa,EAAclB,GAAOqB,EAAK,MAAMhB,CAAC,CAAC,CAAC,CAAC;AACzF;AACK,MAACiB,IAAU;AAAA,EACZ,MAAAjC;AAAA,EACA,OAAOoB;AAAA,EACP,mBAAAM;AAAA,EACA,mBAAAK;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es398.js

@@ -1,7 +1,9 @@
-function e(t) {
-  return typeof t == "object" && t !== null;
+const s = /* @__PURE__ */ new Set(["none", "hidden"]);
+function t(e, i) {
+  return s.has(e) ? (n) => n <= 0 ? e : i : (n) => n >= 1 ? i : e;
 }
 export {
-  e as isObject
+  s as invisibleValues,
+  t as mixVisibility
 };
 //# sourceMappingURL=visualization.es398.js.map

package/dist/visualization.es398.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-object.mjs"],"sourcesContent":["function isObject(value) {\n    return typeof value === \"object\" && value !== null;\n}\n\nexport { isObject };\n//# sourceMappingURL=is-object.mjs.map\n"],"names":["isObject","value"],"mappings":"AAAA,SAASA,EAASC,GAAO;AACrB,SAAO,OAAOA,KAAU,YAAYA,MAAU;AAClD;","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/visibility.mjs"],"sourcesContent":["const invisibleValues = new Set([\"none\", \"hidden\"]);\n/**\n * Returns a function that, when provided a progress value between 0 and 1,\n * will return the \"none\" or \"hidden\" string only when the progress is that of\n * the origin or target.\n */\nfunction mixVisibility(origin, target) {\n    if (invisibleValues.has(origin)) {\n        return (p) => (p <= 0 ? origin : target);\n    }\n    else {\n        return (p) => (p >= 1 ? target : origin);\n    }\n}\n\nexport { invisibleValues, mixVisibility };\n//# sourceMappingURL=visibility.mjs.map\n"],"names":["invisibleValues","mixVisibility","origin","target","p"],"mappings":"AAAK,MAACA,IAAkB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,CAAC;AAMlD,SAASC,EAAcC,GAAQC,GAAQ;AACnC,SAAIH,EAAgB,IAAIE,CAAM,IACnB,CAACE,MAAOA,KAAK,IAAIF,IAASC,IAG1B,CAACC,MAAOA,KAAK,IAAID,IAASD;AAEzC;","x_google_ignoreList":[0]}

package/dist/visualization.es399.js

@@ -1,8 +1,16 @@
-import { isObject as r } from "./visualization.es398.js";
-function e(n) {
-  return r(n) && "ownerSVGElement" in n;
+function i(n, s, u) {
+  if (n == null)
+    return [];
+  if (n instanceof EventTarget)
+    return [n];
+  if (typeof n == "string") {
+    let r = document;
+    const f = u?.[n] ?? r.querySelectorAll(n);
+    return f ? Array.from(f) : [];
+  }
+  return Array.from(n).filter((r) => r != null);
 }
 export {
-  e as isSVGElement
+  i as resolveElements
 };
 //# sourceMappingURL=visualization.es399.js.map

package/dist/visualization.es399.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/is-svg-element.mjs"],"sourcesContent":["import { isObject } from 'motion-utils';\n\n/**\n * Checks if an element is an SVG element in a way\n * that works across iframes\n */\nfunction isSVGElement(element) {\n    return isObject(element) && \"ownerSVGElement\" in element;\n}\n\nexport { isSVGElement };\n//# sourceMappingURL=is-svg-element.mjs.map\n"],"names":["isSVGElement","element","isObject"],"mappings":";AAMA,SAASA,EAAaC,GAAS;AAC3B,SAAOC,EAASD,CAAO,KAAK,qBAAqBA;AACrD;","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/resolve-elements.mjs"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector == null) {\n        return [];\n    }\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector).filter((element) => element != null);\n}\n\nexport { resolveElements };\n//# sourceMappingURL=resolve-elements.mjs.map\n"],"names":["resolveElements","elementOrSelector","scope","selectorCache","root","elements","element"],"mappings":"AAAA,SAASA,EAAgBC,GAAmBC,GAAOC,GAAe;AAC9D,MAAIF,KAAqB;AACrB,WAAO,CAAA;AAEX,MAAIA,aAA6B;AAC7B,WAAO,CAACA,CAAiB;AAExB,MAAI,OAAOA,KAAsB,UAAU;AAC5C,QAAIG,IAAO;AAIX,UAAMC,IAAWF,IAAgBF,CAAiB,KAC9CG,EAAK,iBAAiBH,CAAiB;AAC3C,WAAOI,IAAW,MAAM,KAAKA,CAAQ,IAAI,CAAA;AAAA,EAC7C;AACA,SAAO,MAAM,KAAKJ,CAAiB,EAAE,OAAO,CAACK,MAAYA,KAAW,IAAI;AAC5E;","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.es53.js";
-import ye from "./visualization.es54.js";
-import me from "./visualization.es55.js";
-import { useScreenshot as he } from "./visualization.es56.js";
-import pe from "./visualization.es57.js";
+import V from "./visualization.es41.js";
+import ye from "./visualization.es42.js";
+import me from "./visualization.es43.js";
+import { useScreenshot as he } from "./visualization.es44.js";
+import pe from "./visualization.es45.js";
 /* empty css                   */
-import ge from "./visualization.es59.js";
+import ge from "./visualization.es47.js";
 import { Typography as be } from "@mui/material";
 V.use(ye);
 V.use(me(A));

package/dist/visualization.es40.js

@@ -1,114 +1,84 @@
-import { jsx as l, jsxs as X, Fragment as re } from "react/jsx-runtime";
-import { c as be } from "react/compiler-runtime";
-import { memo as he } from "react";
-import { getAnimationProps as ge } from "./visualization.es23.js";
-import ye from "./visualization.es50.js";
-import { motion as xe } from "./visualization.es31.js";
-import ne from "./visualization.es33.js";
-import se from "./visualization.es108.js";
-import ve from "./visualization.es22.js";
-import ke from "./visualization.es91.js";
-import { defaultStyles as Se } from "./visualization.es21.js";
-import Le from "./visualization.es96.js";
-import ce from "./visualization.es36.js";
-const Te = "Roboto,Helvetica,Arial,sans-serif", Ve = (pe) => {
-  const e = be(70), {
-    index: Y,
-    bar: o,
-    onBarClicked: n,
-    TooltipContents: v,
-    cutoffNegativeValues: ee,
-    negativeCutoff: oe,
-    xScale: k,
-    yScale: W,
-    barSize: te,
-    barSpacing: le,
-    gapBetweenTextAndBar: ie,
-    getLollipopRadius: y,
-    animation: S,
-    animationEnabled: fe,
-    animationBuffer: me
-  } = pe;
-  let L;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {}, e[0] = L) : L = e[0];
-  const {
-    tooltipOpen: j,
-    tooltipLeft: D,
-    tooltipTop: F,
-    tooltipData: x,
-    hideTooltip: H,
-    showTooltip: R
-  } = ye(L);
-  let T;
-  e[1] !== R ? (T = (P, ue) => {
-    R({
-      tooltipData: ue,
-      tooltipLeft: P.pageX,
-      tooltipTop: P.pageY
-    });
-  }, e[1] = R, e[2] = T) : T = e[2];
-  const _ = T;
-  let V;
-  e[3] !== o || e[4] !== n ? (V = () => {
-    n?.(o);
-  }, e[3] = o, e[4] = n, e[5] = V) : V = e[5];
-  const $ = V;
-  let B;
-  e[6] !== H ? (B = () => {
-    H();
-  }, e[6] = H, e[7] = B) : B = e[7];
-  const E = B, M = o.id === x?.id, C = ee ? Math.max(o.value, oe) : o.value;
-  let z;
-  e[8] !== o.id || e[9] !== W ? (z = W(o.id), e[8] = o.id, e[9] = W, e[10] = z) : z = e[10];
-  const ae = z, de = o.id.split("-")[0] === "spacer" ? le : te, t = C > 0 ? k(0) : k(C), i = ae ?? 0, a = Math.abs(k(C) - k(0)), r = o.id.split("-")[0] === "spacer" ? le : te, G = -ie, I = (ae ?? 0) + de / 2, N = t + a + ie + (o.lollipopValue && o.value >= 0 ? y(o.lollipopValue) : 0), O = i + r / 2, q = S && fe ? xe.g : "g", J = me ?? 0.03;
-  let A;
-  e[11] !== S || e[12] !== Y || e[13] !== J ? (A = ge(S, Y, J), e[11] = S, e[12] = Y, e[13] = J, e[14] = A) : A = e[14];
-  const K = A;
-  let s;
-  e[15] !== n ? (s = n && {
-    cursor: "pointer"
-  }, e[15] = n, e[16] = s) : s = e[16];
+import { c as j } from "react/compiler-runtime";
+import { useState as w, useRef as k, useEffect as z } from "react";
+import { invertRescaled as q } from "./visualization.es18.js";
+import { useStableCallback as B } from "./visualization.es20.js";
+import D from "./visualization.es78.js";
+const O = (E) => {
+  const e = j(23), {
+    enabled: C,
+    margin: l,
+    boundedWidth: g,
+    boundedHeight: x,
+    xScale: y,
+    yScale: R,
+    onCrosshairChange: H
+  } = E, [S, L] = w(null), F = k(null), n = B(H), s = k(null), o = k(null);
+  let u;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
+    s.current !== null && (cancelAnimationFrame(s.current), s.current = null);
+  }, e[0] = u) : u = e[0];
+  const P = u;
   let c;
-  e[17] !== o || e[18] !== _ ? (c = (P) => _(P, o), e[17] = o, e[18] = _, e[19] = c) : c = e[19];
+  e[1] !== n ? (c = (t) => {
+    F.current = t, L(t), n(t);
+  }, e[1] = n, e[2] = c) : c = e[2];
+  const i = c;
+  let a;
+  e[3] !== i ? (a = (t) => {
+    if (t === null) {
+      if (P(), o.current = null, F.current === null)
+        return;
+      i(null);
+      return;
+    }
+    o.current = t, s.current === null && (s.current = requestAnimationFrame(() => {
+      s.current = null;
+      const b = o.current;
+      o.current = null, b && i(b);
+    }));
+  }, e[3] = i, e[4] = a) : a = e[4];
+  const r = a;
+  let f, m;
+  e[5] !== n ? (f = () => () => {
+    P(), F.current !== null && n(null);
+  }, m = [P, n], e[5] = n, e[6] = f, e[7] = m) : (f = e[6], m = e[7]), z(f, m);
+  let h;
+  e[8] !== x || e[9] !== g || e[10] !== C || e[11] !== l.left || e[12] !== l.top || e[13] !== r || e[14] !== y || e[15] !== R ? (h = (t, b) => {
+    if (!C)
+      return;
+    const v = D(t.currentTarget, t);
+    if (!v)
+      return;
+    const A = v.x - l.left, M = v.y - l.top;
+    if (A < 0 || A > g || M < 0 || M > x) {
+      r(null);
+      return;
+    }
+    const {
+      translateX: T,
+      translateY: W,
+      scaleX: _,
+      scaleY: $
+    } = b.transformMatrix;
+    r({
+      x: q(y, T, _, A),
+      y: q(R, W, $, M)
+    });
+  }, e[8] = x, e[9] = g, e[10] = C, e[11] = l.left, e[12] = l.top, e[13] = r, e[14] = y, e[15] = R, e[16] = h) : h = e[16];
+  const X = h;
   let p;
-  e[20] !== o.category || e[21] !== G || e[22] !== I ? (p = /* @__PURE__ */ l(ne, { x: G, y: I, dy: ".35em", textAnchor: "end", fill: "black", fontSize: 12, children: o.category }), e[20] = o.category, e[21] = G, e[22] = I, e[23] = p) : p = e[23];
-  const Q = o.color || "black", U = ee && C === oe ? 0.4 : 1, Z = M ? "black" : o.stroke || "none";
-  let f;
-  e[24] !== r || e[25] !== a || e[26] !== t || e[27] !== i || e[28] !== Q || e[29] !== U || e[30] !== Z ? (f = /* @__PURE__ */ l(Le, { x: t, y: i, width: a, height: r, fill: Q, opacity: U, rx: 3, stroke: Z }), e[24] = r, e[25] = a, e[26] = t, e[27] = i, e[28] = Q, e[29] = U, e[30] = Z, e[31] = f) : f = e[31];
-  let m;
-  e[32] !== o.color || e[33] !== o.lollipopValue || e[34] !== o.value || e[35] !== r || e[36] !== a || e[37] !== t || e[38] !== i || e[39] !== y || e[40] !== M ? (m = o.lollipopValue && /* @__PURE__ */ X(re, { children: [
-    /* @__PURE__ */ l(se, { r: y(o.lollipopValue) * 1.5, cx: o.value < 0 ? t : t + a, cy: i + r / 2, fill: o.color, stroke: M ? "black" : "none" }),
-    /* @__PURE__ */ l(se, { r: y(o.lollipopValue), cx: o.value < 0 ? t : t + a, cy: i + r / 2, fill: "black" })
-  ] }), e[32] = o.color, e[33] = o.lollipopValue, e[34] = o.value, e[35] = r, e[36] = a, e[37] = t, e[38] = i, e[39] = y, e[40] = M, e[41] = m) : m = e[41];
+  e[17] !== r ? (p = () => {
+    r(null);
+  }, e[17] = r, e[18] = p) : p = e[18];
+  const Y = p;
   let d;
-  e[42] !== o.label || e[43] !== N || e[44] !== O ? (d = /* @__PURE__ */ l(ne, { x: N, y: O, dy: ".35em", textAnchor: "start", fill: "black", fontSize: 12, children: o.label }), e[42] = o.label, e[43] = N, e[44] = O, e[45] = d) : d = e[45];
-  let u;
-  e[46] !== f || e[47] !== m || e[48] !== d ? (u = /* @__PURE__ */ X(ce, { children: [
-    f,
-    m,
-    d
-  ] }), e[46] = f, e[47] = m, e[48] = d, e[49] = u) : u = e[49];
-  let b;
-  e[50] !== q || e[51] !== K || e[52] !== u ? (b = /* @__PURE__ */ l(q, { ...K, children: u }), e[50] = q, e[51] = K, e[52] = u, e[53] = b) : b = e[53];
-  let h;
-  e[54] !== $ || e[55] !== E || e[56] !== p || e[57] !== b || e[58] !== s || e[59] !== c ? (h = /* @__PURE__ */ X(ce, { onClick: $, style: s, onMouseMove: c, onMouseLeave: E, fontFamily: Te, children: [
-    p,
-    b
-  ] }), e[54] = $, e[55] = E, e[56] = p, e[57] = b, e[58] = s, e[59] = c, e[60] = h) : h = e[60];
-  let g;
-  e[61] !== v || e[62] !== x || e[63] !== D || e[64] !== j || e[65] !== F ? (g = v && j && /* @__PURE__ */ l(ve, { children: /* @__PURE__ */ l(ke, { top: F, left: D, style: {
-    ...Se,
-    backgroundColor: "#283238",
-    color: "white",
-    zIndex: 1e3
-  }, children: x && /* @__PURE__ */ l(v, { ...x }) }) }), e[61] = v, e[62] = x, e[63] = D, e[64] = j, e[65] = F, e[66] = g) : g = e[66];
-  let w;
-  return e[67] !== h || e[68] !== g ? (w = /* @__PURE__ */ X(re, { children: [
-    h,
-    g
-  ] }), e[67] = h, e[68] = g, e[69] = w) : w = e[69], w;
-}, He = he(Ve);
+  return e[19] !== S || e[20] !== Y || e[21] !== X ? (d = {
+    crosshairPosition: S,
+    handleCrosshairMove: X,
+    handleCrosshairLeave: Y
+  }, e[19] = S, e[20] = Y, e[21] = X, e[22] = d) : d = e[22], d;
+};
 export {
-  He as default
+  O as useCrosshair
 };
 //# sourceMappingURL=visualization.es40.js.map

package/dist/visualization.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es40.js","sources":["../src/components/BarPlot/singleBar.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { Group } from '@visx/group';\nimport { Text } from '@visx/text';\nimport { BarData, SingleBarProps } from \"./types\";\nimport { defaultStyles as defaultTooltipStyles, useTooltip, TooltipWithBounds, Portal } from '@visx/tooltip';\nimport { Bar, Circle } from \"@visx/shape\";\nimport { getAnimationProps } from \"../../utility\";\nimport { motion } from \"framer-motion\";\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\nconst SingleBar = <T,>({\n    index,\n    bar,\n    onBarClicked,\n    TooltipContents,\n    cutoffNegativeValues,\n    negativeCutoff,\n    xScale,\n    yScale,\n    barSize,\n    barSpacing,\n    gapBetweenTextAndBar,\n    getLollipopRadius,\n    animation,\n    animationEnabled,\n    animationBuffer,\n}: SingleBarProps<T>) => {\n    const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } = useTooltip<BarData<T>>({});\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGGElement, MouseEvent>, data: BarData<T>) => {\n        showTooltip({\n            tooltipData: data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [showTooltip]);\n\n    const handleClick = useCallback(() => {\n        onBarClicked?.(bar);\n    }, [onBarClicked, bar]);\n\n    const handleMouseLeave = useCallback(() => {\n        hideTooltip();\n    }, [hideTooltip]);\n\n    const hovered = bar.id === tooltipData?.id;\n\n    const pointValue = cutoffNegativeValues ? Math.max(bar.value, negativeCutoff) : bar.value;\n\n    // Shared values\n    const bandPos = yScale(bar.id);\n    const bandSize = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize;\n\n    // Bar geometry\n    const barX = (pointValue > 0 ? xScale(0) : xScale(pointValue))\n\n    const barY = (bandPos ?? 0)\n\n    const barWidth = Math.abs(xScale(pointValue) - xScale(0))\n\n    const barHeight = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize\n\n    // Label positions\n    const categoryLabelX = -gapBetweenTextAndBar\n\n    const categoryLabelY = (bandPos ?? 0) + bandSize / 2\n\n    const valueLabelX = barX + barWidth + gapBetweenTextAndBar + (bar.lollipopValue && bar.value >= 0 ? getLollipopRadius(bar.lollipopValue) : 0)\n\n    const valueLabelY = barY + barHeight / 2\n\n    const Wrapper = animation && animationEnabled ? motion.g : \"g\";\n    const animProps = getAnimationProps(animation, index, animationBuffer ?? .03);\n\n    return (\n        <>\n            <Group\n                onClick={handleClick}\n                style={onBarClicked && { cursor: 'pointer' }}\n                onMouseMove={(event) => handleMouseMove(event, bar)}\n                onMouseLeave={handleMouseLeave}\n                fontFamily={fontFamily}\n            >\n                {/* Category label */}\n                <Text\n                    x={categoryLabelX}\n                    y={categoryLabelY}\n                    dy={\".35em\"}\n                    textAnchor={\"end\"}\n                    fill=\"black\"\n                    fontSize={12}\n                >\n                    {bar.category}\n                </Text>\n                <Wrapper {...animProps}>\n                    <Group>\n                        <Bar\n                            x={barX}\n                            y={barY}\n                            width={barWidth}\n                            height={barHeight}\n                            fill={bar.color || \"black\"}\n                            opacity={cutoffNegativeValues && pointValue === negativeCutoff ? 0.4 : 1}\n                            rx={3}\n                            stroke={hovered ? \"black\" : (bar.stroke || \"none\")}\n                        />\n                        {bar.lollipopValue && (\n                            <>\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue) * 1.5}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill={bar.color}\n                                    stroke={hovered ? \"black\" : \"none\"}\n                                />\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue)}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill='black'\n                                />\n                            </>\n                        )}\n                        {/* Value label */}\n                        <Text\n                            x={valueLabelX}\n                            y={valueLabelY}\n                            dy={\".35em\"}\n                            textAnchor={\"start\"}\n                            fill=\"black\"\n                            fontSize={12}\n                        >\n                            {bar.label}\n                        </Text>\n                    </Group>\n                </Wrapper>\n            </Group>\n            {/* Maybe should provide a default tooltip */}\n            {TooltipContents && tooltipOpen && (\n                <Portal>\n                    <TooltipWithBounds\n                        top={tooltipTop}\n                        left={tooltipLeft}\n                        style={{ ...defaultTooltipStyles, backgroundColor: '#283238', color: 'white', zIndex: 1000 }}\n                    >\n                        {tooltipData && (\n                            <TooltipContents {...tooltipData as BarData<T>} />\n                        )}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </>\n    )\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(SingleBar) as typeof SingleBar;"],"names":["fontFamily","SingleBar","t0","$","_c","index","bar","onBarClicked","TooltipContents","cutoffNegativeValues","negativeCutoff","xScale","yScale","barSize","barSpacing","gapBetweenTextAndBar","getLollipopRadius","animation","animationEnabled","animationBuffer","t1","Symbol","for","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","t2","event","data","pageX","pageY","handleMouseMove","t3","handleClick","t4","handleMouseLeave","hovered","id","pointValue","Math","max","value","t5","bandPos","bandSize","split","barX","barY","barWidth","abs","barHeight","categoryLabelX","categoryLabelY","valueLabelX","lollipopValue","valueLabelY","Wrapper","motion","g","t6","t7","getAnimationProps","animProps","t8","cursor","t9","event_0","t10","category","Text","t11","color","t12","t13","stroke","t14","Bar","t15","jsxs","Fragment","jsx","Circle","t16","label","t17","Group","t18","t19","t20","Portal","TooltipWithBounds","defaultTooltipStyles","backgroundColor","zIndex","t21","SingleBar$1","memo"],"mappings":"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"}
+{"version":3,"file":"visualization.es40.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n *\n * Moves are coalesced to one update per animation frame. A mouse can report positions faster\n * than the browser paints, and mousemove is a continuous event that React flushes synchronously,\n * so publishing every one of them - into this state and, through onCrosshairChange, into a\n * parent shared by several plots - re-renders the whole group without ever yielding, and React\n * eventually warns about the update depth. Leaving is published immediately: it ends the\n * gesture, and a frame queued behind it would put the crosshair back.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<CrosshairPosition | null>(null);\n\n    const cancelFrame = useCallback(() => {\n        if (frameRef.current === null) return;\n        cancelAnimationFrame(frameRef.current);\n        frameRef.current = null;\n    }, []);\n\n    const apply = useCallback((position: CrosshairPosition | null) => {\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        if (position === null) {\n            cancelFrame();\n            pendingRef.current = null;\n            // Leaving the plot area fires on every subsequent move; only announce the first one.\n            if (publishedRef.current === null) return;\n            apply(null);\n            return;\n        }\n\n        pendingRef.current = position;\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            const pending = pendingRef.current;\n            pendingRef.current = null;\n            if (pending) apply(pending);\n        });\n    }, [apply, cancelFrame]);\n\n    // On unmount, drop any queued frame and announce the crosshair as gone. Without the second\n    // half a parent mirroring this position onto sibling plots - ScatterPlotSync - keeps drawing\n    // the crosshair of a plot that no longer exists, until something else happens to move it.\n    useEffect(() => () => {\n        cancelFrame();\n        if (publishedRef.current !== null) publishChange(null);\n    }, [cancelFrame, publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","frameRef","pendingRef","t1","Symbol","for","current","cancelAnimationFrame","cancelFrame","t2","position","apply","t3","position_0","requestAnimationFrame","pending","publish","t4","t5","useEffect","t6","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t7","handleCrosshairLeave","t8"],"mappings":"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"}

package/dist/visualization.es400.js

@@ -1,8 +1,5 @@
-import { isSVGElement as r } from "./visualization.es399.js";
-function i(t) {
-  return r(t) && t.tagName === "svg";
-}
+const s = {};
 export {
-  i as isSVGSVGElement
+  s as supportsFlags
 };
 //# sourceMappingURL=visualization.es400.js.map

package/dist/visualization.es400.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es400.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/is-svg-svg-element.mjs"],"sourcesContent":["import { isSVGElement } from './is-svg-element.mjs';\n\n/**\n * Checks if an element is specifically an SVGSVGElement (the root SVG element)\n * in a way that works across iframes\n */\nfunction isSVGSVGElement(element) {\n    return isSVGElement(element) && element.tagName === \"svg\";\n}\n\nexport { isSVGSVGElement };\n//# sourceMappingURL=is-svg-svg-element.mjs.map\n"],"names":["isSVGSVGElement","element","isSVGElement"],"mappings":";AAMA,SAASA,EAAgBC,GAAS;AAC9B,SAAOC,EAAaD,CAAO,KAAKA,EAAQ,YAAY;AACxD;","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/utils/supports/flags.mjs"],"sourcesContent":["/**\n * Add the ability for test suites to manually set support flags\n * to better test more environments.\n */\nconst supportsFlags = {};\n\nexport { supportsFlags };\n//# sourceMappingURL=flags.mjs.map\n"],"names":["supportsFlags"],"mappings":"AAIK,MAACA,IAAgB,CAAA;","x_google_ignoreList":[0]}

package/dist/visualization.es401.js

@@ -1,52 +1,10 @@
-import { isCSSVariableToken as d } from "./visualization.es334.js";
-import { color as u } from "./visualization.es408.js";
-import { complex as h, analyseComplexValue as m } from "./visualization.es409.js";
-import { mixColor as a } from "./visualization.es402.js";
-import { mixImmediate as l } from "./visualization.es407.js";
-import { mixNumber as b } from "./visualization.es368.js";
-import { invisibleValues as c, mixVisibility as y } from "./visualization.es410.js";
-import { pipe as v } from "./visualization.es323.js";
-import { warning as g } from "./visualization.es322.js";
-function V(e, t) {
-  return (r) => b(e, t, r);
+import { supportsFlags as t } from "./visualization.es400.js";
+import { memo as p } from "./visualization.es365.js";
+function i(o, m) {
+  const r = p(o);
+  return () => t[m] ?? 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 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 getMixer,
-  p as mixArray,
-  I as mixComplex,
-  C as mixObject
+  i as memoSupports
 };
 //# 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/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]}
+{"version":3,"file":"visualization.es401.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/memo.mjs"],"sourcesContent":["import { memo } from 'motion-utils';\nimport { supportsFlags } from './flags.mjs';\n\nfunction memoSupports(callback, supportsFlag) {\n    const memoized = memo(callback);\n    return () => supportsFlags[supportsFlag] ?? memoized();\n}\n\nexport { memoSupports };\n//# sourceMappingURL=memo.mjs.map\n"],"names":["memoSupports","callback","supportsFlag","memoized","memo","supportsFlags"],"mappings":";;AAGA,SAASA,EAAaC,GAAUC,GAAc;AAC1C,QAAMC,IAAWC,EAAKH,CAAQ;AAC9B,SAAO,MAAMI,EAAcH,CAAY,KAAKC,EAAQ;AACxD;","x_google_ignoreList":[0]}