@weng-lab/visualization 2.4.1 → 2.4.2

package/dist/visualization.es416.js

@@ -1,18 +1,52 @@
-const s = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
-  test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
-  parse: parseFloat,
-  transform: (t) => `${t}${e}`
-}), n = /* @__PURE__ */ s("deg"), r = /* @__PURE__ */ s("%"), o = /* @__PURE__ */ s("px"), p = /* @__PURE__ */ s("vh"), a = /* @__PURE__ */ s("vw"), c = {
-  ...r,
-  parse: (e) => r.parse(e) / 100,
-  transform: (e) => r.transform(e * 100)
+import { color as c } from "./visualization.es415.js";
+import { colorRegex as g } from "./visualization.es428.js";
+import { floatRegex as N } from "./visualization.es429.js";
+import { sanitize as d } from "./visualization.es427.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(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 {
-  n as degrees,
-  r as percent,
-  c as progressPercentage,
-  o as px,
-  p as vh,
-  a as vw
+  l as analyseComplexValue,
+  w as complex
 };
 //# sourceMappingURL=visualization.es416.js.map

package/dist/visualization.es416.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es416.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/numbers/units.mjs"],"sourcesContent":["/*#__NO_SIDE_EFFECTS__*/\nconst createUnitType = (unit) => ({\n    test: (v) => typeof v === \"string\" && v.endsWith(unit) && v.split(\" \").length === 1,\n    parse: parseFloat,\n    transform: (v) => `${v}${unit}`,\n});\nconst degrees = /*@__PURE__*/ createUnitType(\"deg\");\nconst percent = /*@__PURE__*/ createUnitType(\"%\");\nconst px = /*@__PURE__*/ createUnitType(\"px\");\nconst vh = /*@__PURE__*/ createUnitType(\"vh\");\nconst vw = /*@__PURE__*/ createUnitType(\"vw\");\nconst progressPercentage = /*@__PURE__*/ (() => ({\n    ...percent,\n    parse: (v) => percent.parse(v) / 100,\n    transform: (v) => percent.transform(v * 100),\n}))();\n\nexport { degrees, percent, progressPercentage, px, vh, vw };\n//# sourceMappingURL=units.mjs.map\n"],"names":["createUnitType","unit","v","degrees","percent","px","vh","vw","progressPercentage"],"mappings":"AACA,MAAMA,+BAAiB,CAACC,OAAU;AAAA,EAC9B,MAAM,CAACC,MAAM,OAAOA,KAAM,YAAYA,EAAE,SAASD,CAAI,KAAKC,EAAE,MAAM,GAAG,EAAE,WAAW;AAAA,EAClF,OAAO;AAAA,EACP,WAAW,CAACA,MAAM,GAAGA,CAAC,GAAGD,CAAI;AACjC,IACME,IAAwB,gBAAAH,EAAe,KAAK,GAC5CI,IAAwB,gBAAAJ,EAAe,GAAG,GAC1CK,IAAmB,gBAAAL,EAAe,IAAI,GACtCM,IAAmB,gBAAAN,EAAe,IAAI,GACtCO,IAAmB,gBAAAP,EAAe,IAAI,GACtCQ,IAA2C;AAAA,EAC7C,GAAGJ;AAAA,EACH,OAAO,CAACF,MAAME,EAAQ,MAAMF,CAAC,IAAI;AAAA,EACjC,WAAW,CAACA,MAAME,EAAQ,UAAUF,IAAI,GAAG;AAC/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es416.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.es417.js

@@ -1,5 +1,9 @@
-const n = (t) => Math.round(t * 1e5) / 1e5;
+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 {
-  n as sanitize
+  s as invisibleValues,
+  t as mixVisibility
 };
 //# sourceMappingURL=visualization.es417.js.map

package/dist/visualization.es417.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es417.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs"],"sourcesContent":["// If this number is a decimal, make it just five decimal places\n// to avoid exponents\nconst sanitize = (v) => Math.round(v * 100000) / 100000;\n\nexport { sanitize };\n//# sourceMappingURL=sanitize.mjs.map\n"],"names":["sanitize","v"],"mappings":"AAEK,MAACA,IAAW,CAACC,MAAM,KAAK,MAAMA,IAAI,GAAM,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es417.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.es418.js

@@ -1,5 +1,16 @@
-const d = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+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 {
-  d as colorRegex
+  i as resolveElements
 };
 //# sourceMappingURL=visualization.es418.js.map

package/dist/visualization.es418.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es418.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/color-regex.mjs"],"sourcesContent":["const colorRegex = /(?:#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\))/giu;\n\nexport { colorRegex };\n//# sourceMappingURL=color-regex.mjs.map\n"],"names":["colorRegex"],"mappings":"AAAK,MAACA,IAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es418.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.es419.js

@@ -1,5 +1,5 @@
-const d = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+const s = {};
 export {
-  d as floatRegex
+  s as supportsFlags
 };
 //# sourceMappingURL=visualization.es419.js.map

package/dist/visualization.es419.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es419.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs"],"sourcesContent":["const floatRegex = /-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/gu;\n\nexport { floatRegex };\n//# sourceMappingURL=float-regex.mjs.map\n"],"names":["floatRegex"],"mappings":"AAAK,MAACA,IAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es419.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.es42.js

@@ -1,68 +1,11 @@
-import { jsxs as F, Fragment as _, jsx as s } from "react/jsx-runtime";
-import { createRoot as R } from "react-dom/client";
-import { flushSync as G } from "react-dom";
-import { LEGEND_GAP as I } from "./visualization.es41.js";
-import { yAxisTickLabelProps as P, AXIS_TITLE_FONT_SIZE as $, TICK_FONT_FAMILY as H } from "./visualization.es40.js";
-import M from "./visualization.es98.js";
-import O from "./visualization.es31.js";
-import W from "./visualization.es30.js";
-const u = "http://www.w3.org/2000/svg", b = (t, n, e, i, r) => {
-  const l = document.createElementNS(u, "text");
-  l.setAttribute("x", String(e)), l.setAttribute("y", String(i)), r && l.setAttribute("transform", `rotate(-90, ${e}, ${i})`), l.setAttribute("text-anchor", "middle"), l.setAttribute("dominant-baseline", "middle"), l.setAttribute("font-size", String($)), l.setAttribute("font-family", H), l.textContent = n, t.appendChild(l);
-}, c = (t, n, e, i) => {
-  const r = document.createElementNS(u, "g");
-  r.setAttribute("transform", `translate(${e},${i})`), n.childNodes.forEach((l) => r.appendChild(l.cloneNode(!0))), t.appendChild(r);
-};
-function j(t) {
-  const {
-    layout: n
-  } = t, {
-    marg: e,
-    xMax: i,
-    yMax: r,
-    xScale: l,
-    yScale: S,
-    cellYScale: A,
-    stableColors: y,
-    minValue: C,
-    maxValue: T,
-    binWidth: k,
-    binHeight: L,
-    numRows: w,
-    xTickValues: E,
-    yTickValues: v,
-    yTickLabelWidth: f,
-    xTickLabelHeight: h,
-    yTitleWidth: g,
-    xTitleHeight: N
-  } = n, o = document.createElementNS(u, "svg");
-  o.setAttribute("width", String(e.left + i + e.right)), o.setAttribute("height", String(e.top + r + e.bottom));
-  let d = null, m = null, p = null;
-  const V = document.createElement("div"), x = R(V);
-  return G(() => {
-    x.render(/* @__PURE__ */ F(_, { children: [
-      /* @__PURE__ */ s("svg", { width: i, height: r, ref: (a) => {
-        d = a;
-      }, children: /* @__PURE__ */ s(M, { data: t.data, xScale: l, yScale: A, colors: y, minValue: C, maxValue: T, gap: t.gap, isRect: t.isRect, binWidth: k, binHeight: L, animationType: t.animationType, onClick: t.onClick, selectedCells: t.selectedCells, deselectedColor: t.deselectedColor }) }),
-      /* @__PURE__ */ s("svg", { width: f, height: r, ref: (a) => {
-        m = a;
-      }, children: /* @__PURE__ */ s("g", { transform: `translate(${f},0)`, children: /* @__PURE__ */ s(O, { scale: S, numTicks: w, tickValues: v, tickFormat: t.yAxisTickFormat, tickLabelProps: P }) }) }),
-      /* @__PURE__ */ s("svg", { width: i, height: h, ref: (a) => {
-        p = a;
-      }, children: /* @__PURE__ */ s(W, { top: 0, scale: l, numTicks: t.data.length, tickFormat: t.xAxisTickFormat, tickValues: E, tickLabelProps: t.xAxisTickLabelProps }) })
-    ] }));
-  }), d && c(o, d, e.left, e.top), m && c(o, m, g, e.top), p && c(o, p, e.left, e.top + r), x.unmount(), t.showLegend && t.legendSvg && c(o, t.legendSvg, e.left + i + I, e.top), t.yLabel && b(o, t.yLabel, g / 2, e.top + r / 2, !0), t.xLabel && b(o, t.xLabel, e.left + i / 2, e.top + r + h + N / 2, !1), o;
-}
-function J(t, n) {
-  const e = j(t);
-  if (!e) return;
-  const i = document.createElement("div");
-  i.style.position = "absolute", i.style.top = "0", i.style.left = "-99999px", i.appendChild(e), document.body.appendChild(i), n(e, () => {
-    i.parentNode && document.body.removeChild(i);
-  });
+import r from "./visualization.es141.js";
+import o from "./visualization.es144.js";
+const a = r("domain", "range", "reverse", "base", "clamp", "interpolate", "nice", "round");
+function c(e) {
+  return a(o(), e);
 }
 export {
-  j as buildScrollableExportSVG,
-  J as withOffscreenExportSVG
+  c as default,
+  a as updateLogScale
 };
 //# sourceMappingURL=visualization.es42.js.map

package/dist/visualization.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es42.js","sources":["../src/components/Heatmap/scrollable/heatmapExport.tsx"],"sourcesContent":["import { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId } from \"../types\";\nimport type { AnimationType } from \"../../../utility\";\nimport type { HeatmapLayout } from \"../heatmapLayout\";\nimport { LEGEND_GAP } from \"../heatmapLayout\";\nimport { AXIS_TITLE_FONT_SIZE, TICK_FONT_FAMILY, getXAxisTickLabelProps, yAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport HeatmapCells, { type AnyBin } from \"../HeatmapCells\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\ninterface ScrollableExportOptions {\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  gap: number;\n  isRect: boolean;\n  animationType?: AnimationType;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  legendSvg: SVGSVGElement | null;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst appendTitle = (exportSvg: SVGSVGElement, text: string, x: number, y: number, rotate: boolean) => {\n  const titleEl = document.createElementNS(SVG_NS, \"text\");\n  titleEl.setAttribute(\"x\", String(x));\n  titleEl.setAttribute(\"y\", String(y));\n  if (rotate) titleEl.setAttribute(\"transform\", `rotate(-90, ${x}, ${y})`);\n  titleEl.setAttribute(\"text-anchor\", \"middle\");\n  titleEl.setAttribute(\"dominant-baseline\", \"middle\");\n  titleEl.setAttribute(\"font-size\", String(AXIS_TITLE_FONT_SIZE));\n  titleEl.setAttribute(\"font-family\", TICK_FONT_FAMILY);\n  titleEl.textContent = text;\n  exportSvg.appendChild(titleEl);\n};\n\nconst appendClone = (exportSvg: SVGSVGElement, source: SVGSVGElement, x: number, y: number) => {\n  const group = document.createElementNS(SVG_NS, \"g\");\n  group.setAttribute(\"transform\", `translate(${x},${y})`);\n  source.childNodes.forEach((node) => group.appendChild(node.cloneNode(true)));\n  exportSvg.appendChild(group);\n};\n\n// Builds a standalone, off-DOM <svg> at full content size for export. Both the on-screen cell\n// layer (a canvas painting only the current scroll viewport) and the on-screen row/column axis\n// panes (SVGs windowed to the visible tick range) only ever hold a slice of the full grid -\n// neither can just be cloned for export without capturing an incomplete/mispositioned snapshot.\n// So all three (cells, row axis, column axis) are instead rendered fresh here in one detached\n// tree - synchronously, full grid, no windowing - purely to snapshot into the export SVG below.\nexport function buildScrollableExportSVG(o: ScrollableExportOptions): SVGSVGElement | null {\n  const { layout } = o;\n  const {\n    marg, xMax, yMax, xScale, yScale, cellYScale, stableColors, minValue, maxValue,\n    binWidth, binHeight, numRows, xTickValues, yTickValues, yTickLabelWidth, xTickLabelHeight,\n    yTitleWidth, xTitleHeight,\n  } = layout;\n\n  const exportSvg = document.createElementNS(SVG_NS, \"svg\") as SVGSVGElement;\n  exportSvg.setAttribute(\"width\", String(marg.left + xMax + marg.right));\n  exportSvg.setAttribute(\"height\", String(marg.top + yMax + marg.bottom));\n\n  let fullCells: SVGSVGElement | null = null;\n  let fullRowAxis: SVGSVGElement | null = null;\n  let fullColAxis: SVGSVGElement | null = null;\n  const exportContainer = document.createElement(\"div\");\n  const exportRoot = createRoot(exportContainer);\n  flushSync(() => {\n    exportRoot.render(\n      <>\n        <svg width={xMax} height={yMax} ref={(el) => { fullCells = el; }}>\n          <HeatmapCells\n            data={o.data}\n            xScale={xScale}\n            yScale={cellYScale}\n            colors={stableColors}\n            minValue={minValue}\n            maxValue={maxValue}\n            gap={o.gap}\n            isRect={o.isRect}\n            binWidth={binWidth}\n            binHeight={binHeight}\n            animationType={o.animationType}\n            onClick={o.onClick}\n            selectedCells={o.selectedCells}\n            deselectedColor={o.deselectedColor}\n          />\n        </svg>\n        <svg width={yTickLabelWidth} height={yMax} ref={(el) => { fullRowAxis = el; }}>\n          <g transform={`translate(${yTickLabelWidth},0)`}>\n            <AxisLeft\n              scale={yScale}\n              numTicks={numRows}\n              tickValues={yTickValues}\n              tickFormat={o.yAxisTickFormat}\n              tickLabelProps={yAxisTickLabelProps}\n            />\n          </g>\n        </svg>\n        <svg width={xMax} height={xTickLabelHeight} ref={(el) => { fullColAxis = el; }}>\n          <AxisBottom\n            top={0}\n            scale={xScale}\n            numTicks={o.data.length}\n            tickFormat={o.xAxisTickFormat}\n            tickValues={xTickValues}\n            tickLabelProps={o.xAxisTickLabelProps}\n          />\n        </svg>\n      </>\n    );\n  });\n  if (fullCells) appendClone(exportSvg, fullCells, marg.left, marg.top);\n  if (fullRowAxis) appendClone(exportSvg, fullRowAxis, yTitleWidth, marg.top);\n  if (fullColAxis) appendClone(exportSvg, fullColAxis, marg.left, marg.top + yMax);\n  exportRoot.unmount();\n\n  if (o.showLegend && o.legendSvg) {\n    appendClone(exportSvg, o.legendSvg, marg.left + xMax + LEGEND_GAP, marg.top);\n  }\n\n  // The axis titles live in their own always-visible panes on screen (so scrolling can't\n  // carry them out of view) rather than as visx's built-in centered-on-the-full-axis label,\n  // so they're added here directly instead of being cloned from a live pane.\n  if (o.yLabel) appendTitle(exportSvg, o.yLabel, yTitleWidth / 2, marg.top + yMax / 2, true);\n  if (o.xLabel) appendTitle(exportSvg, o.xLabel, marg.left + xMax / 2, marg.top + yMax + xTickLabelHeight + xTitleHeight / 2, false);\n\n  return exportSvg;\n}\n\n// downloadSVGAsPNG reads the element's layout box asynchronously (after its image loads), so\n// an off-DOM export node has to stay attached (off-screen) until onComplete fires. The\n// off-screen positioning goes on a wrapper div, never on the <svg> itself - that svg is what\n// gets serialized and downloaded, so any inline style set directly on it (e.g. `left:\n// -99999px`) would be baked into the exported file, rendering everything pushed off-canvas\n// and out of view - the exact \"blank image\" bug this replaced.\nexport function withOffscreenExportSVG(o: ScrollableExportOptions, run: (svg: SVGSVGElement, onDone: () => void) => void): void {\n  const svg = buildScrollableExportSVG(o);\n  if (!svg) return;\n  const wrapper = document.createElement(\"div\");\n  wrapper.style.position = \"absolute\";\n  wrapper.style.top = \"0\";\n  wrapper.style.left = \"-99999px\";\n  wrapper.appendChild(svg);\n  document.body.appendChild(wrapper);\n  run(svg, () => {\n    if (wrapper.parentNode) document.body.removeChild(wrapper);\n  });\n}\n"],"names":["SVG_NS","appendTitle","exportSvg","text","x","y","rotate","titleEl","document","createElementNS","setAttribute","String","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","textContent","appendChild","appendClone","source","group","childNodes","forEach","node","cloneNode","buildScrollableExportSVG","o","layout","marg","xMax","yMax","xScale","yScale","cellYScale","stableColors","minValue","maxValue","binWidth","binHeight","numRows","xTickValues","yTickValues","yTickLabelWidth","xTickLabelHeight","yTitleWidth","xTitleHeight","left","right","top","bottom","fullCells","fullRowAxis","fullColAxis","exportContainer","createElement","exportRoot","createRoot","flushSync","render","jsxs","Fragment","jsx","el","HeatmapCells","data","gap","isRect","animationType","onClick","selectedCells","deselectedColor","AxisLeft","yAxisTickFormat","yAxisTickLabelProps","AxisBottom","length","xAxisTickFormat","xAxisTickLabelProps","unmount","showLegend","legendSvg","LEGEND_GAP","yLabel","xLabel","withOffscreenExportSVG","run","svg","wrapper","style","position","body","parentNode","removeChild"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,8BAoBTC,IAAcA,CAACC,GAA0BC,GAAcC,GAAWC,GAAWC,MAAoB;AACrG,QAAMC,IAAUC,SAASC,gBAAgBT,GAAQ,MAAM;AACvDO,EAAAA,EAAQG,aAAa,KAAKC,OAAOP,CAAC,CAAC,GACnCG,EAAQG,aAAa,KAAKC,OAAON,CAAC,CAAC,GAC/BC,OAAgBI,aAAa,aAAa,eAAeN,CAAC,KAAKC,CAAC,GAAG,GACvEE,EAAQG,aAAa,eAAe,QAAQ,GAC5CH,EAAQG,aAAa,qBAAqB,QAAQ,GAClDH,EAAQG,aAAa,aAAaC,OAAOC,CAAoB,CAAC,GAC9DL,EAAQG,aAAa,eAAeG,CAAgB,GACpDN,EAAQO,cAAcX,GACtBD,EAAUa,YAAYR,CAAO;AAC/B,GAEMS,IAAcA,CAACd,GAA0Be,GAAuBb,GAAWC,MAAc;AAC7F,QAAMa,IAAQV,SAASC,gBAAgBT,GAAQ,GAAG;AAClDkB,EAAAA,EAAMR,aAAa,aAAa,aAAaN,CAAC,IAAIC,CAAC,GAAG,GACtDY,EAAOE,WAAWC,QAASC,CAAAA,MAASH,EAAMH,YAAYM,EAAKC,UAAU,EAAI,CAAC,CAAC,GAC3EpB,EAAUa,YAAYG,CAAK;AAC7B;AAQO,SAASK,EAAyBC,GAAkD;AACzF,QAAM;AAAA,IAAEC,QAAAA;AAAAA,EAAAA,IAAWD,GACb;AAAA,IACJE,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,IAAQC,YAAAA;AAAAA,IAAYC,cAAAA;AAAAA,IAAcC,UAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IACtEC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,IAAWC,SAAAA;AAAAA,IAASC,aAAAA;AAAAA,IAAaC,aAAAA;AAAAA,IAAaC,iBAAAA;AAAAA,IAAiBC,kBAAAA;AAAAA,IACzEC,aAAAA;AAAAA,IAAaC,cAAAA;AAAAA,EAAAA,IACXlB,GAEEvB,IAAYM,SAASC,gBAAgBT,GAAQ,KAAK;AACxDE,EAAAA,EAAUQ,aAAa,SAASC,OAAOe,EAAKkB,OAAOjB,IAAOD,EAAKmB,KAAK,CAAC,GACrE3C,EAAUQ,aAAa,UAAUC,OAAOe,EAAKoB,MAAMlB,IAAOF,EAAKqB,MAAM,CAAC;AAEtE,MAAIC,IAAkC,MAClCC,IAAoC,MACpCC,IAAoC;AACxC,QAAMC,IAAkB3C,SAAS4C,cAAc,KAAK,GAC9CC,IAAaC,EAAWH,CAAe;AAC7CI,SAAAA,EAAU,MAAM;AACdF,IAAAA,EAAWG,OACT,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAI,OAAOhC,GAAM,QAAQC,GAAM,KAAMgC,CAAAA,MAAO;AAAEZ,QAAAA,IAAYY;AAAAA,MAAI,GAC7D,UAAA,gBAAAD,EAACE,GAAA,EACC,MAAMrC,EAAEsC,MACR,QAAAjC,GACA,QAAQE,GACR,QAAQC,GACR,UAAAC,GACA,UAAAC,GACA,KAAKV,EAAEuC,KACP,QAAQvC,EAAEwC,QACV,UAAA7B,GACA,WAAAC,GACA,eAAeZ,EAAEyC,eACjB,SAASzC,EAAE0C,SACX,eAAe1C,EAAE2C,eACjB,iBAAiB3C,EAAE4C,iBAAgB,GAEvC;AAAA,wBACC,OAAA,EAAI,OAAO5B,GAAiB,QAAQZ,GAAM,KAAMgC,CAAAA,MAAO;AAAEX,QAAAA,IAAcW;AAAAA,MAAI,GAC1E,4BAAC,KAAA,EAAE,WAAW,aAAapB,CAAe,OACxC,4BAAC6B,GAAA,EACC,OAAOvC,GACP,UAAUO,GACV,YAAYE,GACZ,YAAYf,EAAE8C,iBACd,gBAAgBC,GAAoB,EAAA,CAExC,EAAA,CACF;AAAA,wBACC,OAAA,EAAI,OAAO5C,GAAM,QAAQc,GAAkB,KAAMmB,CAAAA,MAAO;AAAEV,QAAAA,IAAcU;AAAAA,MAAI,GAC3E,UAAA,gBAAAD,EAACa,GAAA,EACC,KAAK,GACL,OAAO3C,GACP,UAAUL,EAAEsC,KAAKW,QACjB,YAAYjD,EAAEkD,iBACd,YAAYpC,GACZ,gBAAgBd,EAAEmD,qBAAoB,EAAA,CAE1C;AAAA,IAAA,EAAA,CACF,CACF;AAAA,EACF,CAAC,GACG3B,KAAWhC,EAAYd,GAAW8C,GAAWtB,EAAKkB,MAAMlB,EAAKoB,GAAG,GAChEG,KAAajC,EAAYd,GAAW+C,GAAaP,GAAahB,EAAKoB,GAAG,GACtEI,OAAyBhD,GAAWgD,GAAaxB,EAAKkB,MAAMlB,EAAKoB,MAAMlB,CAAI,GAC/EyB,EAAWuB,QAAAA,GAEPpD,EAAEqD,cAAcrD,EAAEsD,aACpB9D,EAAYd,GAAWsB,EAAEsD,WAAWpD,EAAKkB,OAAOjB,IAAOoD,GAAYrD,EAAKoB,GAAG,GAMzEtB,EAAEwD,UAAQ/E,EAAYC,GAAWsB,EAAEwD,QAAQtC,IAAc,GAAGhB,EAAKoB,MAAMlB,IAAO,GAAG,EAAI,GACrFJ,EAAEyD,UAAQhF,EAAYC,GAAWsB,EAAEyD,QAAQvD,EAAKkB,OAAOjB,IAAO,GAAGD,EAAKoB,MAAMlB,IAAOa,IAAmBE,IAAe,GAAG,EAAK,GAE1HzC;AACT;AAQO,SAASgF,EAAuB1D,GAA4B2D,GAA6D;AAC9H,QAAMC,IAAM7D,EAAyBC,CAAC;AACtC,MAAI,CAAC4D,EAAK;AACV,QAAMC,IAAU7E,SAAS4C,cAAc,KAAK;AAC5CiC,EAAAA,EAAQC,MAAMC,WAAW,YACzBF,EAAQC,MAAMxC,MAAM,KACpBuC,EAAQC,MAAM1C,OAAO,YACrByC,EAAQtE,YAAYqE,CAAG,GACvB5E,SAASgF,KAAKzE,YAAYsE,CAAO,GACjCF,EAAIC,GAAK,MAAM;AACb,IAAIC,EAAQI,cAAYjF,SAASgF,KAAKE,YAAYL,CAAO;AAAA,EAC3D,CAAC;AACH;"}
+{"version":3,"file":"visualization.es42.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/log.js"],"sourcesContent":["import { scaleLog } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateLogScale = scaleOperator('domain', 'range', 'reverse', 'base', 'clamp', 'interpolate', 'nice', 'round');\nexport default function createLogScale(config) {\n  return updateLogScale(scaleLog(), config);\n}"],"names":["updateLogScale","scaleOperator","createLogScale","config","scaleLog"],"mappings":";;AAEY,MAACA,IAAiBC,EAAc,UAAU,SAAS,WAAW,QAAQ,SAAS,eAAe,QAAQ,OAAO;AAC1G,SAASC,EAAeC,GAAQ;AAC7C,SAAOH,EAAeI,EAAQ,GAAID,CAAM;AAC1C;","x_google_ignoreList":[0]}

package/dist/visualization.es420.js

@@ -1,8 +1,10 @@
-const o = {
-  test: (t) => t === "auto",
-  parse: (t) => t
-};
+import { supportsFlags as t } from "./visualization.es419.js";
+import { memo as p } from "./visualization.es384.js";
+function i(o, m) {
+  const r = p(o);
+  return () => t[m] ?? r();
+}
 export {
-  o as auto
+  i as memoSupports
 };
 //# sourceMappingURL=visualization.es420.js.map

package/dist/visualization.es420.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es420.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/auto.mjs"],"sourcesContent":["/**\n * ValueType for \"auto\"\n */\nconst auto = {\n    test: (v) => v === \"auto\",\n    parse: (v) => v,\n};\n\nexport { auto };\n//# sourceMappingURL=auto.mjs.map\n"],"names":["auto","v"],"mappings":"AAGK,MAACA,IAAO;AAAA,EACT,MAAM,CAACC,MAAMA,MAAM;AAAA,EACnB,OAAO,CAACA,MAAMA;AAClB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es420.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]}

package/dist/visualization.es421.js

@@ -1,5 +1,213 @@
-const s = (t) => (e) => e.test(t);
+import { time as n } from "./visualization.es311.js";
+import { frame as o } from "./visualization.es349.js";
+import { warnOnce as d } from "./visualization.es295.js";
+import { SubscriptionManager as c } from "./visualization.es422.js";
+import { velocityPerSecond as p } from "./visualization.es423.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();
+  }
+}
+function V(s, t) {
+  return new f(s, t);
+}
 export {
-  s as testValueType
+  f as MotionValue,
+  V as motionValue
 };
 //# sourceMappingURL=visualization.es421.js.map

package/dist/visualization.es421.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es421.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/test.mjs"],"sourcesContent":["/**\n * Tests a provided value against a ValueType\n */\nconst testValueType = (v) => (type) => type.test(v);\n\nexport { testValueType };\n//# sourceMappingURL=test.mjs.map\n"],"names":["testValueType","v","type"],"mappings":"AAGK,MAACA,IAAgB,CAACC,MAAM,CAACC,MAASA,EAAK,KAAKD,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es421.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]}

package/dist/visualization.es422.js

@@ -1,28 +1,30 @@
-import { color as o } from "./visualization.es405.js";
-import { filter as r } from "./visualization.es423.js";
-import { mask as e } from "./visualization.es424.js";
-import { numberValueTypes as l } from "./visualization.es425.js";
-const i = {
-  ...l,
-  // Color props
-  color: o,
-  backgroundColor: o,
-  outlineColor: o,
-  fill: o,
-  stroke: o,
-  // Border props
-  borderColor: o,
-  borderTopColor: o,
-  borderRightColor: o,
-  borderBottomColor: o,
-  borderLeftColor: o,
-  filter: r,
-  WebkitFilter: r,
-  mask: e,
-  WebkitMask: e
-}, a = (t) => i[t];
+import { addUniqueItem as e, removeItem as u } from "./visualization.es480.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;
+  }
+}
 export {
-  i as defaultValueTypes,
-  a as getDefaultValueType
+  h as SubscriptionManager
 };
 //# sourceMappingURL=visualization.es422.js.map

package/dist/visualization.es422.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es422.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { numberValueTypes } from './number.mjs';\n\n/**\n * A map of default value types for common values\n */\nconst defaultValueTypes = {\n    ...numberValueTypes,\n    // Color props\n    color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n    // Border props\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    filter,\n    WebkitFilter: filter,\n    mask,\n    WebkitMask: mask,\n};\n/**\n * Gets the default ValueType for the provided value key\n */\nconst getDefaultValueType = (key) => defaultValueTypes[key];\n\nexport { defaultValueTypes, getDefaultValueType };\n//# sourceMappingURL=defaults.mjs.map\n"],"names":["defaultValueTypes","numberValueTypes","color","filter","mask","getDefaultValueType","key"],"mappings":";;;;AAQK,MAACA,IAAoB;AAAA,EACtB,GAAGC;AAAA;AAAA,EAEH,OAAAC;AAAA,EACA,iBAAiBA;AAAA,EACjB,cAAcA;AAAA,EACd,MAAMA;AAAA,EACN,QAAQA;AAAA;AAAA,EAER,aAAaA;AAAA,EACb,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,QAAAC;AAAA,EACA,cAAcA;AAAA,EACd,MAAAC;AAAA,EACA,YAAYA;AAChB,GAIMC,IAAsB,CAACC,MAAQN,EAAkBM,CAAG;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es422.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]}