@weng-lab/visualization 2.4.0-beta.2 → 2.4.0-beta.3

package/dist/visualization.es63.js

@@ -1,22 +1,70 @@
-import "./visualization.es127.js";
-import "react/jsx-runtime";
-function d(i) {
-  let {
-    source: p,
-    target: u,
-    x: c,
-    y: a
-  } = i;
-  return (n) => {
-    const r = p(n), e = u(n), x = c(r), y = a(r), I = c(e), P = a(e), s = x - Math.PI / 2, t = y, o = I - Math.PI / 2, h = P, f = Math.cos(s), g = Math.sin(s), M = Math.cos(o), $ = Math.sin(o), m = Math.abs(o - s) > Math.PI ? o <= s : o > s;
-    return `
-      M${t * f},${t * g}
-      A${t},${t},0,0,${m ? 1 : 0},${t * M},${t * $}
-      L${h * M},${h * $}
-    `;
+import g from "./visualization.es107.js";
+const q = (t, n, s) => {
+  const e = document.createElement("g");
+  e.style.position = "absolute", e.style.visibility = "hidden", e.style.fontSize = `${n}px`, e.style.fontFamily = s, e.style.whiteSpace = "nowrap", e.textContent = t, document.body.appendChild(e);
+  const i = e.getBoundingClientRect().width;
+  return document.body.removeChild(e), i;
+}, v = (t, n) => {
+  t.sort((o, c) => o - c);
+  const s = (o) => {
+    const c = Math.floor(o.length / 2);
+    return o.length % 2 !== 0 ? o[c] : (o[c - 1] + o[c]) / 2;
+  }, e = (o) => {
+    const c = Math.floor(o.length / 2), p = o.slice(0, c), M = o.slice(o.length % 2 === 0 ? c : c + 1);
+    return {
+      firstQuartile: s(p),
+      thirdQuartile: s(M)
+    };
+  }, {
+    firstQuartile: i,
+    thirdQuartile: r
+  } = e(t), l = s(t), h = r - i, a = i - 1.5 * h, f = r + 1.5 * h, u = n === "none" ? [] : n === "top" ? t.filter((o) => o > f) : n === "bottom" ? t.filter((o) => o < a) : t.filter((o) => o < a || o > f), m = t[0], d = t[t.length - 1];
+  return {
+    min: m,
+    max: d,
+    firstQuartile: i,
+    thirdQuartile: r,
+    median: l,
+    outliers: u
   };
+};
+function x(t, n) {
+  return (s) => n.map((e) => ({
+    value: e,
+    count: g(s, (i) => t(e - i)) || 0
+  }));
+}
+function y(t) {
+  const n = 1 / (t * Math.sqrt(2 * Math.PI));
+  return (s) => n * Math.exp(-0.5 * Math.pow(s / t, 2));
+}
+function b(t) {
+  const n = t.length;
+  if (n === 0)
+    return 0;
+  const s = t.reduce((l, h) => l + h, 0) / n, e = t.reduce((l, h) => l + Math.pow(h - s, 2), 0) / t.length;
+  return 3.5 * Math.sqrt(e) / Math.pow(n, 1 / 3);
+}
+function C(t) {
+  const n = t.length;
+  if (n === 0) return 0;
+  const s = t.reduce((u, m) => u + m, 0) / n, e = t.reduce((u, m) => u + Math.pow(m - s, 2), 0) / n, i = Math.sqrt(e), r = t.slice().sort((u, m) => u - m), l = r[Math.floor((n - 1) * 0.25)], a = r[Math.floor((n - 1) * 0.75)] - l, f = 0.9 * Math.min(i, a / 1.34) * Math.pow(n, -1 / 5);
+  return Math.max(f, 1e-10);
+}
+function D(t) {
+  let n = 0;
+  for (let e = 0; e < t.length; e++)
+    n = (n << 5) - n + t.charCodeAt(e), n |= 0;
+  const s = Math.sin(n) * 1e4;
+  return s - Math.floor(s);
 }
 export {
-  d as pathRadialStep
+  v as calculateBoxStats,
+  y as gaussian,
+  q as getTextHeight,
+  x as kernelDensityEstimator,
+  b as scottRule,
+  D as seededRandom,
+  C as silvermanRule
 };
 //# sourceMappingURL=visualization.es63.js.map

package/dist/visualization.es63.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es63.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/link/step/LinkRadialStep.js"],"sourcesContent":["import cx from 'classnames';\nimport { getX, getY, getSource, getTarget } from \"../../../util/accessors.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport function pathRadialStep(_ref) {\n  let {\n    source,\n    target,\n    x,\n    y\n  } = _ref;\n  return link => {\n    const sourceData = source(link);\n    const targetData = target(link);\n    const sx = x(sourceData);\n    const sy = y(sourceData);\n    const tx = x(targetData);\n    const ty = y(targetData);\n    const sa = sx - Math.PI / 2;\n    const sr = sy;\n    const ta = tx - Math.PI / 2;\n    const tr = ty;\n    const sc = Math.cos(sa);\n    const ss = Math.sin(sa);\n    const tc = Math.cos(ta);\n    const ts = Math.sin(ta);\n    const sf = Math.abs(ta - sa) > Math.PI ? ta <= sa : ta > sa;\n    return `\n      M${sr * sc},${sr * ss}\n      A${sr},${sr},0,0,${sf ? 1 : 0},${sr * tc},${sr * ts}\n      L${tr * tc},${tr * ts}\n    `;\n  };\n}\nexport default function LinkRadialStep(_ref2) {\n  let {\n    className,\n    innerRef,\n    data,\n    path,\n    x = getX,\n    y = getY,\n    source = getSource,\n    target = getTarget,\n    children,\n    ...restProps\n  } = _ref2;\n  const pathGen = path || pathRadialStep({\n    source,\n    target,\n    x,\n    y\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path: pathGen\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-link visx-link-radial-step', className),\n    d: pathGen(data) || '',\n    ...restProps\n  });\n}"],"names":["pathRadialStep","_ref","source","target","x","y","link","sourceData","targetData","sx","sy","tx","ty","sa","sr","ta","tr","sc","ss","tc","ts","sf"],"mappings":";;AAGO,SAASA,EAAeC,GAAM;AACnC,MAAI;AAAA,IACF,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,EACJ,IAAMJ;AACJ,SAAO,CAAAK,MAAQ;AACb,UAAMC,IAAaL,EAAOI,CAAI,GACxBE,IAAaL,EAAOG,CAAI,GACxBG,IAAKL,EAAEG,CAAU,GACjBG,IAAKL,EAAEE,CAAU,GACjBI,IAAKP,EAAEI,CAAU,GACjBI,IAAKP,EAAEG,CAAU,GACjBK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIN,IAAKF,CAAE,IAAI,KAAK,KAAKE,KAAMF,IAAKE,IAAKF;AACzD,WAAO;AAAA,SACFC,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA,SAClBJ,CAAE,IAAIA,CAAE,QAAQO,IAAK,IAAI,CAAC,IAAIP,IAAKK,CAAE,IAAIL,IAAKM,CAAE;AAAA,SAChDJ,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA;AAAA,EAEzB;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es63.js","sources":["../src/components/ViolinPlot/helpers.ts"],"sourcesContent":["import { mean } from '@visx/vendor/d3-array';\n\n//measure the height of the longest tick\nexport const getTextHeight = (text: string, fontSize: number, fontFamily: string): number => {\n    const el = document.createElement(\"g\");\n    el.style.position = \"absolute\";\n    el.style.visibility = \"hidden\";\n    el.style.fontSize = `${fontSize}px`;\n    el.style.fontFamily = fontFamily;\n    el.style.whiteSpace = \"nowrap\";\n    el.textContent = text;\n    document.body.appendChild(el);\n    const width = el.getBoundingClientRect().width;\n    document.body.removeChild(el);\n    return width;\n};\n\n// Get the min, max, quartiles, median, and ouotiers for each data set\nexport const calculateBoxStats = (data: number[], outlierType: string) => {\n\n    data.sort((a, b) => a - b);\n\n    const median = (arr: number[]) => {\n        const mid = Math.floor(arr.length / 2);\n        return arr.length % 2 !== 0 ? arr[mid] : (arr[mid - 1] + arr[mid]) / 2;\n    };\n\n    const getQuartiles = (arr: number[]) => {\n        const mid = Math.floor(arr.length / 2);\n        const lower = arr.slice(0, mid);\n        const upper = arr.slice(arr.length % 2 === 0 ? mid : mid + 1);\n        return {\n            firstQuartile: median(lower),\n            thirdQuartile: median(upper),\n        };\n    };\n\n    // Calculate quartiles\n    const { firstQuartile, thirdQuartile } = getQuartiles(data);\n    const med = median(data);\n\n    // Calculate the IQR and whiskers\n    const iqr = thirdQuartile - firstQuartile;\n    const lowerWhisker = firstQuartile - 1.5 * iqr;\n    const upperWhisker = thirdQuartile + 1.5 * iqr;\n\n    // Calculate outliers (values outside of the whiskers)\n    const outliers = outlierType === \"none\"\n        ? []\n        : outlierType === \"top\"\n            ? data.filter(val => val > upperWhisker)\n            : outlierType === \"bottom\"\n                ? data.filter(val => val < lowerWhisker)\n                : data.filter(val => val < lowerWhisker || val > upperWhisker);\n\n    // Min and max\n    const min = data[0];\n    const max = data[data.length - 1];\n\n    return { min, max, firstQuartile, thirdQuartile, median: med, outliers };\n    \n};\n\nexport function kernelDensityEstimator(\n    kernel: (distance: number) => number,\n    X: number[]\n): (data: number[]) => { value: number, count: number }[] {\n    return (data: number[]) => {\n        return X.map((x) => ({\n            value: x,\n            count: mean(data, (v) => kernel(x - v)) || 0,\n        }));\n    };\n}\n\nexport function gaussian(bandwidth: number): (x: number) => number {\n    const normalizationFactor = 1 / (bandwidth * Math.sqrt(2 * Math.PI));\n    return (x) => normalizationFactor * Math.exp(-0.5 * Math.pow(x / bandwidth, 2));\n}\n\nexport function scottRule(data: number[]) {\n    const n = data.length;\n    if (n === 0) {\n      return 0;\n    }\n  \n    const mean = data.reduce((a, b) => a + b, 0) / n;\n    const variance = data.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / data.length;\n    const stdDev = Math.sqrt(variance)\n    const binWidth = 3.5 * stdDev / Math.pow(n, 1/3);\n    return binWidth;\n  }\n\n  export function silvermanRule(data: number[]) {\n    const n = data.length;\n    if (n === 0) return 0;\n\n    const mean = data.reduce((a, b) => a + b, 0) / n;\n    const variance = data.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / n;\n    const stdDev = Math.sqrt(variance);\n\n    //calc iqr\n    const sortedData = data.slice().sort((a, b) => a - b);\n    const q1 = sortedData[Math.floor((n - 1) * 0.25)];\n    const q3 = sortedData[Math.floor((n - 1) * 0.75)];\n    const iqr = q3 - q1;\n\n    const bandwidth = 0.9 * Math.min(stdDev, iqr / 1.34) * Math.pow(n, -1 / 5);\n    \n    //ensure a positive result even if quartiles coincide\n    return Math.max(bandwidth, 1e-10);\n}\n\n//randomly generate jitter based on seed to keep jitter consisten across page loads\nexport function seededRandom(seed: string): number {\n    let hash = 0;\n    for (let i = 0; i < seed.length; i++) {\n      hash = (hash << 5) - hash + seed.charCodeAt(i);\n      hash |= 0; // Convert to 32bit integer\n    }\n    const x = Math.sin(hash) * 10000;\n    return x - Math.floor(x); // returns [0, 1)\n}"],"names":["getTextHeight","text","fontSize","fontFamily","el","document","createElement","style","position","visibility","whiteSpace","textContent","body","appendChild","width","getBoundingClientRect","removeChild","calculateBoxStats","data","outlierType","sort","a","b","median","arr","mid","Math","floor","length","getQuartiles","lower","slice","upper","firstQuartile","thirdQuartile","med","iqr","lowerWhisker","upperWhisker","outliers","filter","val","min","max","kernelDensityEstimator","kernel","X","map","x","value","count","mean","v","gaussian","bandwidth","normalizationFactor","sqrt","PI","exp","pow","scottRule","n","reduce","variance","acc","silvermanRule","stdDev","sortedData","q1","seededRandom","seed","hash","i","charCodeAt","sin"],"mappings":"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"}

package/dist/visualization.es64.js

@@ -1,73 +1,116 @@
-import $ from "./visualization.es127.js";
-import { getFirstItem as A, getSecondItem as G } from "./visualization.es183.js";
-import M from "./visualization.es184.js";
-import P from "./visualization.es185.js";
-import W from "./visualization.es186.js";
-import X from "./visualization.es187.js";
-import Y from "./visualization.es111.js";
-import { jsx as m, Fragment as j } from "react/jsx-runtime";
-import q from "./visualization.es26.js";
-import C from "./visualization.es188.js";
-function Z(y) {
-  let {
-    data: g,
-    className: w,
-    top: N,
-    left: v,
-    y: a,
-    x0: c = A,
-    x1: B = G,
-    xScale: s,
-    yScale: i,
-    color: O,
-    keys: n,
-    value: f,
-    order: d,
-    offset: l,
-    children: p,
-    ...z
-  } = y;
-  const e = C();
-  n && e.keys(n), f && P(e.value, f), d && e.order(W(d)), l && e.offset(X(l));
-  const F = e(g), H = M(i), h = F.map((o, t) => {
-    const {
-      key: x
-    } = o;
-    return {
-      index: t,
-      key: x,
-      bars: o.map((r, u) => {
-        const k = (s(B(r)) || 0) - (s(c(r)) || 0), I = s(c(r)), S = "bandwidth" in i ? i(a(r.data)) : Math.max((i(a(r.data)) || 0) - k / 2);
-        return {
-          bar: r,
-          key: x,
-          index: u,
-          height: H,
-          width: k,
-          x: I || 0,
-          y: S || 0,
-          color: O(o.key, u)
-        };
-      })
-    };
-  });
-  return p ? /* @__PURE__ */ m(j, {
-    children: p(h)
-  }) : /* @__PURE__ */ m(q, {
-    className: $("visx-bar-stack-horizontal", w),
-    top: N,
-    left: v,
-    children: h.map((o) => o.bars.map((t) => /* @__PURE__ */ m(Y, {
-      x: t.x,
-      y: t.y,
-      height: t.height,
-      width: t.width,
-      fill: t.color,
-      ...z
-    }, `bar-stack-${o.index}-${t.index}`)))
-  });
-}
+import { jsxs as S, jsx as p, Fragment as oe } from "react/jsx-runtime";
+import ce, { useMemo as z, useCallback as ne } from "react";
+import se from "./visualization.es108.js";
+import { calculateBoxStats as re, scottRule as me, silvermanRule as he, kernelDensityEstimator as pe, seededRandom as ue, gaussian as fe } from "./visualization.es63.js";
+import de from "./visualization.es109.js";
+import ie from "./visualization.es20.js";
+import ve from "./visualization.es86.js";
+import ye from "./visualization.es22.js";
+import ke from "./visualization.es110.js";
+import { line as ge } from "./visualization.es87.js";
+import xe from "./visualization.es28.js";
+import $e from "./visualization.es88.js";
+const Re = ({
+  distribution: t,
+  distIndex: $,
+  violinProps: l,
+  crossProps: D,
+  valueScale: m,
+  labelScale: C,
+  offset: Q,
+  labels: R,
+  disableCrossPlot: P,
+  disableViolinPlot: H,
+  horizontal: o,
+  pointTooltipBody: k,
+  onViolinClicked: b,
+  onPointClicked: A
+}) => {
+  const {
+    tooltipData: a,
+    tooltipLeft: X,
+    tooltipTop: N,
+    tooltipOpen: V,
+    showTooltip: Y,
+    hideTooltip: _
+  } = ie(), u = t.data.flatMap((e) => e.value), {
+    min: w,
+    max: T,
+    firstQuartile: F,
+    thirdQuartile: j,
+    median: E,
+    outliers: q
+  } = re(u, D?.outliers ?? "all"), ee = t.data.filter((e) => q.includes(e.value)).map((e) => ({
+    ...e,
+    outlier: !0
+  })), te = t.data.filter((e) => !q.includes(e.value)), G = z(() => {
+    const e = (T - w) / Math.max(100, u.length), s = ve(w, T, e), r = typeof l?.bandwidth == "number" ? l.bandwidth : typeof l?.bandwidth == "function" ? l.bandwidth(u) : l?.bandwidth === "scott" ? me(u) : he(u);
+    return [...pe(fe(r), s)(u)].sort((d, c) => d.value - c.value);
+  }, [u, T, w, l]), W = Math.min(C.bandwidth(), 50), ae = D?.medianWidth ?? W * 0.25, L = z(() => ({
+    label: t.label,
+    sampleSize: t.data.length,
+    median: E.toFixed(2),
+    firstQuartile: F.toFixed(2),
+    thirdQuartile: j.toFixed(2)
+  }), [t.label, t.data.length, E, F, j]), M = ne((e, s, r) => {
+    Y({
+      tooltipData: r && k ? {
+        point: r
+      } : s,
+      tooltipLeft: e.pageX,
+      tooltipTop: e.pageY
+    });
+  }, [k, Y]), J = () => {
+    !b || !a || a && b(t);
+  }, O = (e) => {
+    !A || !a || a && A(e);
+  }, n = o ? (C(R[$]) ?? 0) + W / 2 : (C(R[$]) ?? 0) + Q + C.bandwidth() / 2, K = ye().domain([0, ke(G, (e) => Math.abs(e.count)) || 1]).range([0, W / 2]), U = G.filter((e) => e && e.count != null && e.value != null);
+  let g = [...U.map((e) => ({
+    x: n + K(e.count),
+    y: m(e.value)
+  })), ...U.slice().reverse().map((e) => ({
+    x: n - K(e.count),
+    y: m(e.value)
+  }))];
+  if (g.length > 2) {
+    const e = g.slice(1);
+    e.push(g[0]), e.push(g[1]), g = e;
+  }
+  const Z = ge().x((e) => o ? e.y : e.x).y((e) => o ? e.x : e.y).curve($e)(g) ?? null;
+  return /* @__PURE__ */ S(ce.Fragment, {
+    //display plots if enough data provided
+    children: [
+      /* @__PURE__ */ S("g", { onMouseLeave: _, transform: o ? `translate(${Q}, 0)` : "translate(0, 0)", children: [
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !H && Z && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("path", { d: Z, fill: t.violinColor ?? "none", fillOpacity: t.opacity ?? 0.3, stroke: t.violinColor ?? "black", strokeOpacity: t.opacity ?? 1, strokeWidth: a === L ? (l?.stroke ?? 1) + 1 : l?.stroke ?? 1, pointerEvents: "all", onMouseMove: (e) => M(e, L), onClick: J }) }),
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !P && /* @__PURE__ */ p(se, { crossProps: D, left: o ? 0 : n, top: o ? n : 0, median: E, firstQuartile: F, thirdQuartile: j, valueScale: m, medianWidth: ae, tooltipData: a ?? {}, handleMouseMove: M, handleCrossClick: J, disableViolinPlot: H, tooltip: L, horizontal: o }),
+        ee.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = {
+            outlier: !0,
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, h = k ? a?.point === e : a?.label === c.label && a?.value === c.value, i = e.radius ?? 4;
+          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: h ? i + 1 : i, stroke: h ? "#000000" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "#000000", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, c, e), onClick: () => O(e) }, `outlier-${s}`);
+        }),
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && l?.showAllPoints && te.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = l?.jitter ?? 0, d = `${t.label}-${e}-${s}`, c = f > 0 ? (ue(d) - 0.5) * 2 * f : 0, h = o ? x : n + c, i = o ? n + c : r, v = {
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, B = k ? a?.point === e : a?.label === v.label && a?.value === v.value, I = e.radius ?? 2, y = B ? I + 1 : I;
+          return /* @__PURE__ */ p("path", { d: `M ${h},${i} m -${y},0 a ${y},${y} 0 1,0 ${2 * y},0 a ${y},${y} 0 1,0 -${2 * y},0`, stroke: B ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (le) => M(le, v, e), onClick: () => O(e) }, `${$}-point-${s}`);
+        }),
+        t.data.length < (l?.pointDisplayThreshold ?? 3) && t.data.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = e.radius ?? 2, h = {
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, i = k ? a?.point === e : a?.label === h.label && a?.value === h.value;
+          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: i ? c + 1 : c, stroke: i ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, h, e), onClick: () => O(e) }, `thresh-${s}`);
+        })
+      ] }, `group-${$}`),
+      V && a && /* @__PURE__ */ p(xe, { children: /* @__PURE__ */ p(de, { left: X ?? 0, top: N ?? 0, data: a, open: V, pointTooltipBody: k }, `${X}-${N}`) })
+    ]
+  }, `frag-${$}`);
+};
 export {
-  Z as default
+  Re as default
 };
 //# sourceMappingURL=visualization.es64.js.map

package/dist/visualization.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es64.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/BarStackHorizontal.js"],"sourcesContent":["import cx from 'classnames';\nimport { stack as d3stack } from '@visx/vendor/d3-shape';\nimport { Group } from '@visx/group';\nimport { getFirstItem, getSecondItem } from \"../util/accessors.js\";\nimport getBandwidth from \"../util/getBandwidth.js\";\nimport setNumOrAccessor from \"../util/setNumberOrNumberAccessor.js\";\nimport stackOrder from \"../util/stackOrder.js\";\nimport stackOffset from \"../util/stackOffset.js\";\nimport Bar from \"./Bar.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function BarStackHorizontal(_ref) {\n  let {\n    data,\n    className,\n    top,\n    left,\n    y,\n    x0 = getFirstItem,\n    x1 = getSecondItem,\n    xScale,\n    yScale,\n    color,\n    keys,\n    value,\n    order,\n    offset,\n    children,\n    ...restProps\n  } = _ref;\n  const stack = d3stack();\n  if (keys) stack.keys(keys);\n  if (value) setNumOrAccessor(stack.value, value);\n  if (order) stack.order(stackOrder(order));\n  if (offset) stack.offset(stackOffset(offset));\n  const stacks = stack(data);\n  const barHeight = getBandwidth(yScale);\n  const barStacks = stacks.map((barStack, i) => {\n    const {\n      key\n    } = barStack;\n    return {\n      index: i,\n      key,\n      bars: barStack.map((bar, j) => {\n        const barWidth = (xScale(x1(bar)) || 0) - (xScale(x0(bar)) || 0);\n        const barX = xScale(x0(bar));\n        const barY = 'bandwidth' in yScale ? yScale(y(bar.data)) : Math.max((yScale(y(bar.data)) || 0) - barWidth / 2);\n        return {\n          bar,\n          key,\n          index: j,\n          height: barHeight,\n          width: barWidth,\n          x: barX || 0,\n          y: barY || 0,\n          color: color(barStack.key, j)\n        };\n      })\n    };\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(barStacks)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    className: cx('visx-bar-stack-horizontal', className),\n    top: top,\n    left: left,\n    children: barStacks.map(barStack => barStack.bars.map(bar => /*#__PURE__*/_jsx(Bar, {\n      x: bar.x,\n      y: bar.y,\n      height: bar.height,\n      width: bar.width,\n      fill: bar.color,\n      ...restProps\n    }, `bar-stack-${barStack.index}-${bar.index}`)))\n  });\n}"],"names":["BarStackHorizontal","_ref","data","className","top","left","y","x0","getFirstItem","x1","getSecondItem","xScale","yScale","color","keys","value","order","offset","children","restProps","stack","d3stack","setNumOrAccessor","stackOrder","stackOffset","stacks","barHeight","getBandwidth","barStacks","barStack","i","key","bar","j","barWidth","barX","barY","_jsx","_Fragment","Group","cx","Bar"],"mappings":";;;;;;;;;;AAUe,SAASA,EAAmBC,GAAM;AAC/C,MAAI;AAAA,IACF,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC,IAAKC;AAAA,IACL,IAAAC,IAAKC;AAAA,IACL,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMlB;AACJ,QAAMmB,IAAQC,EAAO;AACrB,EAAIP,KAAMM,EAAM,KAAKN,CAAI,GACrBC,KAAOO,EAAiBF,EAAM,OAAOL,CAAK,GAC1CC,KAAOI,EAAM,MAAMG,EAAWP,CAAK,CAAC,GACpCC,KAAQG,EAAM,OAAOI,EAAYP,CAAM,CAAC;AAC5C,QAAMQ,IAASL,EAAMlB,CAAI,GACnBwB,IAAYC,EAAaf,CAAM,GAC/BgB,IAAYH,EAAO,IAAI,CAACI,GAAUC,MAAM;AAC5C,UAAM;AAAA,MACJ,KAAAC;AAAA,IACN,IAAQF;AACJ,WAAO;AAAA,MACL,OAAOC;AAAA,MACP,KAAAC;AAAA,MACA,MAAMF,EAAS,IAAI,CAACG,GAAKC,MAAM;AAC7B,cAAMC,KAAYvB,EAAOF,EAAGuB,CAAG,CAAC,KAAK,MAAMrB,EAAOJ,EAAGyB,CAAG,CAAC,KAAK,IACxDG,IAAOxB,EAAOJ,EAAGyB,CAAG,CAAC,GACrBI,IAAO,eAAexB,IAASA,EAAON,EAAE0B,EAAI,IAAI,CAAC,IAAI,KAAK,KAAKpB,EAAON,EAAE0B,EAAI,IAAI,CAAC,KAAK,KAAKE,IAAW,CAAC;AAC7G,eAAO;AAAA,UACL,KAAAF;AAAA,UACA,KAAAD;AAAA,UACA,OAAOE;AAAA,UACP,QAAQP;AAAA,UACR,OAAOQ;AAAA,UACP,GAAGC,KAAQ;AAAA,UACX,GAAGC,KAAQ;AAAA,UACX,OAAOvB,EAAMgB,EAAS,KAAKI,CAAC;AAAA,QACtC;AAAA,MACM,CAAC;AAAA,IACP;AAAA,EACE,CAAC;AACD,SAAIf,IAA8BmB,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUpB,EAASU,CAAS;AAAA,EAChC,CAAG,IACmBS,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,WAAWC,EAAG,6BAA6BrC,CAAS;AAAA,IACpD,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,UAAUuB,EAAU,IAAI,CAAAC,MAAYA,EAAS,KAAK,IAAI,CAAAG,MAAoBK,gBAAAA,EAAKI,GAAK;AAAA,MAClF,GAAGT,EAAI;AAAA,MACP,GAAGA,EAAI;AAAA,MACP,QAAQA,EAAI;AAAA,MACZ,OAAOA,EAAI;AAAA,MACX,MAAMA,EAAI;AAAA,MACV,GAAGb;AAAA,IACT,GAAO,aAAaU,EAAS,KAAK,IAAIG,EAAI,KAAK,EAAE,CAAC,CAAC;AAAA,EACnD,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es64.js","sources":["../src/components/ViolinPlot/singleViolin.tsx"],"sourcesContent":["import { scaleLinear } from '@visx/scale';\nimport { max as d3max } from '@visx/vendor/d3-array';\nimport { curveBasis } from '@visx/curve';\nimport { line } from '@visx/shape';\nimport { range } from '@visx/vendor/d3-array';\nimport React, { useCallback, useMemo } from \"react\";\nimport CrossPlot from \"./crossPlot\";\nimport { calculateBoxStats, scottRule, silvermanRule, kernelDensityEstimator, gaussian, seededRandom } from \"./helpers\";\nimport { ViolinPoint, SingleViolinProps, TooltipData } from \"./types\";\nimport ViolinTooltip from \"./violinTooltip\";\nimport { Portal, useTooltip } from \"@visx/tooltip\";\n\nconst SingleViolin = <T,>({\n    distribution,\n    distIndex,\n    violinProps,\n    crossProps,\n    valueScale,\n    labelScale,\n    offset,\n    labels,\n    disableCrossPlot,\n    disableViolinPlot,\n    horizontal,\n    pointTooltipBody,\n    onViolinClicked,\n    onPointClicked\n}: SingleViolinProps<T>) => {\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<TooltipData<T>>();\n\n    const data = distribution.data.flatMap(d => d.value)\n\n    //get all the stats for the box plot\n    const { min, max, firstQuartile, thirdQuartile, median, outliers } = calculateBoxStats(data, crossProps?.outliers ?? \"all\");\n\n    const outlierPoints: ViolinPoint<T>[] = distribution.data\n        .filter(d => outliers.includes(d.value))\n        .map(d => ({\n            ...d,\n            outlier: true\n        }));\n    const pointsNoOutliers: ViolinPoint<T>[] = distribution.data.filter(d => !outliers.includes(d.value))\n\n    const violinData = useMemo(() => {\n        const step = (max - min) / Math.max(100, data.length);\n        const ticks = range(min, max, step);\n\n        //bandwidth / binwidth for smoothing, based on user input\n        const bandwidth = typeof violinProps?.bandwidth === \"number\"\n            ? violinProps.bandwidth\n            : typeof violinProps?.bandwidth === \"function\"\n                ? violinProps.bandwidth(data)\n                : violinProps?.bandwidth === \"scott\"\n                    ? scottRule(data)\n                    : silvermanRule(data);\n\n        const kde = kernelDensityEstimator(gaussian(bandwidth), ticks);\n\n        const densityData = kde(data);\n\n        return [...densityData].sort((a, b) => a.value - b.value)\n    }, [data, max, min, violinProps])\n\n    const violinWidth = Math.min(labelScale.bandwidth(), 50);\n    const boxWidth = crossProps?.medianWidth ?? violinWidth * .25;\n\n    const violinTooltip: TooltipData<T> = useMemo(() => ({\n        label: distribution.label,\n        sampleSize: distribution.data.length,\n        median: median.toFixed(2),\n        firstQuartile: firstQuartile.toFixed(2),\n        thirdQuartile: thirdQuartile.toFixed(2)\n    }), [distribution.label, distribution.data.length, median, firstQuartile, thirdQuartile]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGPathElement>, data: TooltipData<T>, point?: ViolinPoint<T>) => {\n        showTooltip({\n            tooltipData: point && pointTooltipBody ? { point: point } : data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [pointTooltipBody, showTooltip]);\n\n    const handleViolinClick = () => {\n        if (!onViolinClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onViolinClicked(distribution);\n        }\n    };\n\n    const handlePointClick = (point: ViolinPoint<T>) => {\n        if (!onPointClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onPointClicked(point);\n        }\n    };\n\n    //center of each Violin\n    const violinCenter = horizontal ? (labelScale(labels[distIndex]) ?? 0) + violinWidth / 2 : (labelScale(labels[distIndex]) ?? 0) + offset + labelScale.bandwidth() / 2;\n    const widthScale = scaleLinear()\n        .domain([0, d3max(violinData, d => Math.abs(d.count)) || 1])\n        .range([0, violinWidth / 2]);\n\n    //filter out nan values if any\n    const filteredData = violinData.filter(d => d && d.count != null && d.value != null);\n\n    //mirror the data so that both sides are drawn\n    let points = [\n        ...filteredData.map(d => ({\n            x: violinCenter + (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        })),\n        ...filteredData.slice().reverse().map(d => ({\n            x: violinCenter - (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        }))\n    ];\n\n    // close the path at the second point instead of the first since points 0,1 are closer together\n    if (points.length > 2) {\n        const modifiedPoints = points.slice(1);\n        modifiedPoints.push(points[0]);\n        modifiedPoints.push(points[1]);\n        points = modifiedPoints;\n    }\n\n    const violinPath = line<{ x: number; y: number }>()\n        .x(d => horizontal ? d.y : d.x)\n        .y(d => horizontal ? d.x : d.y)\n        .curve(curveBasis)(points) ?? null;\n\n    return (\n        <React.Fragment key={`frag-${distIndex}`}>\n            {\n                //display plots if enough data provided\n                <g\n                    key={`group-${distIndex}`}\n                    onMouseLeave={hideTooltip}\n                    transform={horizontal ? `translate(${offset}, 0)` : `translate(0, 0)`}\n                >\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableViolinPlot && violinPath && (\n                        <>\n                            <path\n                                d={violinPath}\n                                fill={distribution.violinColor ?? 'none'}\n                                fillOpacity={distribution.opacity ?? 0.3}\n                                stroke={distribution.violinColor ?? 'black'}\n                                strokeOpacity={distribution.opacity ?? 1}\n                                strokeWidth={\n                                    tooltipData === violinTooltip\n                                        ? (violinProps?.stroke ?? 1) + 1\n                                        : violinProps?.stroke ?? 1\n                                }\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, violinTooltip)}\n                                onClick={handleViolinClick}\n                            />\n                        </>\n                    )\n                    }\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableCrossPlot &&\n                        <CrossPlot\n                            crossProps={crossProps}\n                            left={horizontal ? 0 : violinCenter}\n                            top={horizontal ? violinCenter : 0}\n                            median={median}\n                            firstQuartile={firstQuartile}\n                            thirdQuartile={thirdQuartile}\n                            valueScale={valueScale}\n                            medianWidth={boxWidth}\n                            tooltipData={tooltipData ?? {}}\n                            handleMouseMove={handleMouseMove}\n                            handleCrossClick={handleViolinClick}\n                            disableViolinPlot={disableViolinPlot}\n                            tooltip={violinTooltip}\n                            horizontal={horizontal}\n                        />\n                    }\n                    {/* Outliers */}\n                    {outlierPoints.map((outlier, index) => {\n                        const vertcy = valueScale(outlier.value);\n                        const horizoncx = valueScale(outlier.value)\n                        const cx = horizontal ? horizoncx : violinCenter\n                        const cy = horizontal ? violinCenter : vertcy\n\n                        const pointTooltip = {\n                            outlier: true,\n                            label: distribution.label,\n                            value: outlier.value.toFixed(2),\n                        };\n\n                        const isHighlighted = pointTooltipBody\n                            ? tooltipData?.point === outlier :\n                            tooltipData?.label === pointTooltip.label &&\n                            tooltipData?.value === pointTooltip.value;\n\n                        const radius = outlier.radius ?? 4\n\n                        return (\n                            <circle\n                                key={`outlier-${index}`}\n                                cx={cx}\n                                cy={cy}\n                                r={isHighlighted ? radius + 1 : radius}\n                                stroke={isHighlighted ? \"#000000\" : (outlier.stroke ?? \"none\")}\n                                fill={outlier.color ?? distribution.violinColor ?? \"#000000\"}\n                                opacity={outlier.opacity ?? distribution.opacity ?? 1}\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, pointTooltip, outlier)}\n                                onClick={() => handlePointClick(outlier)}\n                            />\n                        )\n                    })}\n                    {/* show all poionts for each distribution */}\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && violinProps?.showAllPoints &&\n                        pointsNoOutliers.map((point: ViolinPoint<T>, index: number) => {\n\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n\n                            const jitterAmount = violinProps?.jitter ?? 0;\n                            const seed = `${distribution.label}-${point}-${index}`;\n                            const jitterX = jitterAmount > 0\n                                ? (seededRandom(seed) - 0.5) * 2 * jitterAmount\n                                : 0;\n\n                            const cx = horizontal ? horizoncx : violinCenter + jitterX;\n                            const cy = horizontal ? violinCenter + jitterX : vertcy\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            const r = point.radius ?? 2\n                            const radius = isHighlighted ? r + 1 : r;\n\n                            return (\n                                <path\n                                    key={`${distIndex}-point-${index}`}\n                                    d={`M ${cx},${cy} m -${radius},0 a ${radius},${radius} 0 1,0 ${2 * radius},0 a ${radius},${radius} 0 1,0 -${2 * radius},0`}\n                                    stroke={isHighlighted ? \"black\" : (point.stroke ?? \"none\")}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })\n                    }\n                    {/* display points if data points are less than threshold (3) */}\n                    {distribution.data.length < (violinProps?.pointDisplayThreshold ?? 3) &&\n                        distribution.data.map((point: ViolinPoint<T>, index: number) => {\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n                            const cx = horizontal ? horizoncx : violinCenter\n                            const cy = horizontal ? violinCenter : vertcy\n                            const radius = point.radius ?? 2;\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            return (\n                                <circle\n                                    key={`thresh-${index}`}\n                                    cx={cx}\n                                    cy={cy}\n                                    r={isHighlighted ? radius + 1 : radius}\n                                    stroke={isHighlighted ? \"black\" : (point.stroke ?? \"none\")}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })}\n\n                </g>\n            }\n            {tooltipOpen && tooltipData && (\n                <Portal>\n                    <ViolinTooltip\n                        left={tooltipLeft ?? 0}\n                        top={tooltipTop ?? 0}\n                        data={tooltipData}\n                        open={tooltipOpen}\n                        key={`${tooltipLeft}-${tooltipTop}`}\n                        pointTooltipBody={pointTooltipBody}\n                    />\n                </Portal>\n            )}\n        </React.Fragment>\n    )\n}\n\nexport default SingleViolin;"],"names":["SingleViolin","distribution","distIndex","violinProps","crossProps","valueScale","labelScale","offset","labels","disableCrossPlot","disableViolinPlot","horizontal","pointTooltipBody","onViolinClicked","onPointClicked","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","data","flatMap","d","value","min","max","firstQuartile","thirdQuartile","median","outliers","calculateBoxStats","outlierPoints","filter","includes","map","outlier","pointsNoOutliers","violinData","useMemo","step","Math","length","ticks","range","bandwidth","scottRule","silvermanRule","kernelDensityEstimator","gaussian","sort","a","b","violinWidth","boxWidth","medianWidth","violinTooltip","label","sampleSize","toFixed","handleMouseMove","useCallback","event","point","pageX","pageY","handleViolinClick","handlePointClick","violinCenter","widthScale","scaleLinear","domain","d3max","abs","count","filteredData","points","x","y","slice","reverse","modifiedPoints","push","violinPath","line","curve","curveBasis","jsxs","React","pointDisplayThreshold","jsx","Fragment","violinColor","opacity","stroke","e","CrossPlot","index","vertcy","horizoncx","cx","cy","pointTooltip","isHighlighted","radius","color","showAllPoints","jitterAmount","jitter","seed","jitterX","seededRandom","r","Portal","ViolinTooltip"],"mappings":"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"}

package/dist/visualization.es65.js

@@ -1,15 +1,8 @@
-import l from "./visualization.es200.js";
-import { isEvent as f, isElement as n } from "./visualization.es201.js";
-function s(t, i) {
-  if (n(t) && i)
-    return l(t, i);
-  if (f(t)) {
-    const o = t, r = o.target;
-    if (r) return l(r, o);
-  }
-  return null;
-}
+import { createDomVisualElement as o } from "./visualization.es189.js";
+import { createMotionProxy as r } from "./visualization.es190.js";
+import { featureBundle as t } from "./visualization.es191.js";
+const n = /* @__PURE__ */ r(t, o);
 export {
-  s as default
+  n as motion
 };
 //# sourceMappingURL=visualization.es65.js.map

package/dist/visualization.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es65.js","sources":["../../../node_modules/.pnpm/@visx+event@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/event/esm/localPoint.js"],"sourcesContent":["import localPointGeneric from \"./localPointGeneric.js\";\nimport { isElement, isEvent } from \"./typeGuards.js\";\n/** Handles two signatures for backwards compatibility. */\nexport default function localPoint(nodeOrEvent, maybeEvent) {\n  // localPoint(node, event)\n  if (isElement(nodeOrEvent) && maybeEvent) {\n    return localPointGeneric(nodeOrEvent, maybeEvent);\n  }\n  // localPoint(event)\n  if (isEvent(nodeOrEvent)) {\n    const event = nodeOrEvent;\n    const node = event.target;\n    if (node) return localPointGeneric(node, event);\n  }\n  return null;\n}"],"names":["localPoint","nodeOrEvent","maybeEvent","isElement","localPointGeneric","isEvent","event","node"],"mappings":";;AAGe,SAASA,EAAWC,GAAaC,GAAY;AAE1D,MAAIC,EAAUF,CAAW,KAAKC;AAC5B,WAAOE,EAAkBH,GAAaC,CAAU;AAGlD,MAAIG,EAAQJ,CAAW,GAAG;AACxB,UAAMK,IAAQL,GACRM,IAAOD,EAAM;AACnB,QAAIC,EAAM,QAAOH,EAAkBG,GAAMD,CAAK;AAAA,EAChD;AACA,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es65.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs"],"sourcesContent":["import { createDomVisualElement } from '../../dom/create-visual-element.mjs';\nimport { createMotionProxy } from '../create-proxy.mjs';\nimport { featureBundle } from './feature-bundle.mjs';\n\nconst motion = /*@__PURE__*/ createMotionProxy(featureBundle, createDomVisualElement);\n\nexport { motion };\n//# sourceMappingURL=proxy.mjs.map\n"],"names":["motion","createMotionProxy","featureBundle","createDomVisualElement"],"mappings":";;;AAIK,MAACA,IAAuB,gBAAAC,EAAkBC,GAAeC,CAAsB;","x_google_ignoreList":[0]}

package/dist/visualization.es66.js

@@ -1,69 +1,38 @@
-import { jsxs as E, jsx as e, Fragment as D } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { useEffect as I } from "react";
-import { Stack as L, Tooltip as i, IconButton as a } from "@mui/material";
-import { BackHand as Z, Edit as j, Add as F, Remove as P, SettingsBackupRestore as T, Download as $ } from "@mui/icons-material";
-import { useTheme as K } from "@mui/material/styles";
-const V = (x) => {
-  const t = R(7), {
-    selectable: n,
-    resetable: k,
-    handleSelectionModeChange: l,
-    selectMode: o,
-    zoomIn: w,
-    zoomOut: S,
-    zoomReset: y,
-    highlight: g,
-    downloadButton: z,
-    downloadPlot: C
-  } = x, c = K(), b = g ?? c.palette.primary.main, d = {
-    borderRadius: 0,
-    color: c.palette.text.primary,
-    padding: c.spacing(1)
-  };
-  let s, m;
-  t[0] !== l || t[1] !== o || t[2] !== n ? (s = () => {
-    const r = (v) => {
-      if (v.key === "Shift" && n && o === "select") {
-        l("pan");
-        const u = (B) => {
-          B.key === "Shift" && n && l("select");
-        };
-        return window.addEventListener("keyup", u), () => {
-          window.removeEventListener("keyup", u);
-        };
-      }
-    };
-    return window.addEventListener("keydown", r), () => {
-      window.removeEventListener("keydown", r);
-    };
-  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = s, t[4] = m) : (s = t[3], m = t[4]), I(s, m);
-  const f = (r) => ({
-    ...d,
-    color: o === r ? g || "primary.main" : c.palette.text.primary,
-    backgroundColor: o === r ? `color-mix(in srgb, ${b} 15%, transparent)` : "transparent",
-    "&:hover": {
-      backgroundColor: o === r ? `color-mix(in srgb, ${b} 25%, transparent)` : c.palette.action.hover
-    }
-  }), h = o !== "none" && /* @__PURE__ */ E(L, { direction: "column", alignItems: "flex-start", justifyContent: "center", sx: {
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-    overflow: "hidden"
-  }, children: [
-    n && /* @__PURE__ */ e(i, { title: "Drag to pan, or hold Shift and drag", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "pan", onClick: () => l("pan"), sx: f("pan"), children: /* @__PURE__ */ e(Z, { fontSize: "small" }) }) }),
-    n && /* @__PURE__ */ e(i, { title: "Drag to select", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "edit", onClick: () => l("select"), sx: f("select"), children: /* @__PURE__ */ e(j, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-in", onClick: w, sx: d, children: /* @__PURE__ */ e(F, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-out", onClick: S, sx: d, children: /* @__PURE__ */ e(P, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Reset Zoom and Pan", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "resetZoom", onClick: y, disabled: !k, sx: d, children: /* @__PURE__ */ e(T, { fontSize: "small" }) }) }),
-    z && /* @__PURE__ */ e(i, { title: "Download Plot as SVG", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "download", onClick: () => C(), sx: d, children: /* @__PURE__ */ e($, { fontSize: "small" }) }) })
-  ] });
-  let p;
-  return t[5] !== h ? (p = /* @__PURE__ */ e(D, { children: h }), t[5] = h, t[6] = p) : p = t[6], p;
+import l from "./visualization.es129.js";
+import f from "./visualization.es143.js";
+import n from "./visualization.es148.js";
+import { jsx as m } from "react/jsx-runtime";
+const c = {
+  dx: "-0.25em",
+  dy: "0.25em",
+  fill: "#222",
+  fontFamily: "Arial",
+  fontSize: 10,
+  textAnchor: "end"
 };
+function k(e) {
+  let {
+    axisClassName: i,
+    labelOffset: o = 36,
+    tickLength: s = 8,
+    tickLabelProps: t,
+    ...r
+  } = e;
+  const a = typeof t == "function" ? t : {
+    ...c,
+    ...t
+  };
+  return /* @__PURE__ */ m(f, {
+    axisClassName: l("visx-axis-left", i),
+    labelOffset: o,
+    orientation: n.left,
+    tickLabelProps: a,
+    tickLength: s,
+    ...r
+  });
+}
 export {
-  V as default
+  k as default,
+  c as leftTickLabelProps
 };
 //# sourceMappingURL=visualization.es66.js.map

package/dist/visualization.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es66.js","sources":["../src/components/ScatterPlot/controls.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ControlButtonsProps } from \"./types\";\nimport { IconButton, Stack, Tooltip } from \"@mui/material\";\nimport { Add, Remove, BackHand, Edit, SettingsBackupRestore, Download } from \"@mui/icons-material\"\nimport { useTheme } from \"@mui/material/styles\";\n\nconst ControlButtons = ({\n    selectable,\n    resetable,\n    handleSelectionModeChange,\n    selectMode,\n    zoomIn,\n    zoomOut,\n    zoomReset,\n    highlight,\n    downloadButton,\n    downloadPlot\n}: ControlButtonsProps) => {\n    const theme = useTheme();\n    const color = highlight ?? theme.palette.primary.main;\n    const tooltipPlacement = \"right\";\n    \n    const buttonSx = {\n        borderRadius: 0,\n        color: theme.palette.text.primary,\n        padding: theme.spacing(1),\n    };\n\n    useEffect(() => {\n        // Function to handle key press\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Shift' && selectable && selectMode === \"select\") {\n                handleSelectionModeChange('pan'); // Switch to pan mode when Shift is pressed\n\n                // Function to handle key release\n                const handleKeyUp = (e: KeyboardEvent) => {\n                    if (e.key === 'Shift' && selectable) {\n                        handleSelectionModeChange('select'); // Switch back to select mode when Shift is released\n                    }\n                };\n\n                window.addEventListener('keyup', handleKeyUp);\n                return () => {\n                    window.removeEventListener('keyup', handleKeyUp);\n                };\n            }\n        };\n\n        // Add event listeners for key press and release\n        window.addEventListener('keydown', handleKeyDown);\n\n        // Clean up event listeners on unmount\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [handleSelectionModeChange, selectMode, selectable]);\n\n    const getToggleButtonSx = (mode: \"pan\" | \"select\") => ({\n        ...buttonSx,\n        color: selectMode === mode ? highlight || \"primary.main\" : theme.palette.text.primary,\n        backgroundColor: selectMode === mode\n            ? `color-mix(in srgb, ${color} 15%, transparent)`\n            : \"transparent\",\n        '&:hover': {\n            backgroundColor: selectMode === mode\n                ? `color-mix(in srgb, ${color} 25%, transparent)`\n                : theme.palette.action.hover,\n        },\n    });\n\n    return (\n        <>\n            {selectMode !== \"none\" && (\n                <Stack\n                    direction=\"column\"\n                    alignItems=\"flex-start\"\n                    justifyContent={\"center\"}\n                    sx={{\n                        background: \"rgba(255, 255, 255, 0.6)\",\n                        backdropFilter: \"blur(2px)\",\n                        WebkitBackdropFilter: \"blur(2px)\",\n                        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n                        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n                        overflow: \"hidden\",\n                    }}\n                >\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to pan, or hold Shift and drag\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"pan\"\n                                    onClick={() => handleSelectionModeChange('pan')}\n                                    sx={getToggleButtonSx(\"pan\")}\n                                >\n                                    <BackHand fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to select\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"edit\"\n                                    onClick={() => handleSelectionModeChange('select')}\n                                    sx={getToggleButtonSx(\"select\")}\n                                >\n                                    <Edit fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    <Tooltip title=\"Zoom In\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-in\" onClick={zoomIn} sx={buttonSx}>\n                            <Add fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Zoom Out\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-out\" onClick={zoomOut} sx={buttonSx}>\n                            <Remove fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Reset Zoom and Pan\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"resetZoom\" onClick={zoomReset} disabled={!resetable} sx={buttonSx}>\n                            <SettingsBackupRestore fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    {downloadButton && (\n                        <Tooltip title=\"Download Plot as SVG\" placement={tooltipPlacement}>\n                            <IconButton aria-label=\"download\" onClick={() => downloadPlot()} sx={buttonSx}>\n                                <Download fontSize=\"small\" />\n                            </IconButton>\n                        </Tooltip>\n                    )}\n                </Stack>\n            )}\n        </>\n\n    );\n}\n\nexport default ControlButtons;\n"],"names":["ControlButtons","t0","$","_c","selectable","resetable","handleSelectionModeChange","selectMode","zoomIn","zoomOut","zoomReset","highlight","downloadButton","downloadPlot","theme","useTheme","color","palette","primary","main","buttonSx","borderRadius","text","padding","spacing","t1","t2","handleKeyDown","e","key","handleKeyUp","e_0","window","addEventListener","removeEventListener","useEffect","getToggleButtonSx","mode","backgroundColor","action","hover","t3","jsxs","Stack","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","overflow","jsx","Tooltip","tooltipPlacement","IconButton","BackHand","Edit","Add","Remove","SettingsBackupRestore","Download","t4"],"mappings":";;;;;;AAMA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,YAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,2BAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,EAAAA,IAAAZ,GAYpBa,IAAcC,EAAAA,GACdC,IAAcL,KAAaG,EAAKG,QAAQC,QAAQC,MAGhDC,IAAiB;AAAA,IAAAC,cACC;AAAA,IAACL,OACRF,EAAKG,QAAQK,KAAKJ;AAAAA,IAAQK,SACxBT,EAAKU,QAAS,CAAC;AAAA,EAAA;AAC1B,MAAAC,GAAAC;AAAA,EAAAxB,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KAEQqB,IAAAA,MAAA;AAEN,UAAAE,IAAsBC,CAAAA,MAAA;AAClB,UAAIA,EAACC,QAAS,WAAVzB,KAAmCG,MAAe,UAAQ;AAC1DD,QAAAA,EAA0B,KAAK;AAG/B,cAAAwB,IAAoBC,CAAAA,MAAA;AAChB,UAAIH,EAACC,QAAS,WAAVzB,KACAE,EAA0B,QAAQ;AAAA,QACrC;AAGL0B,sBAAMC,iBAAkB,SAASH,CAAW,GACrC,MAAA;AACHE,iBAAME,oBAAqB,SAASJ,CAAW;AAAA,QAAC;AAAA,MACnD;AAAA,IACJ;AAILE,kBAAMC,iBAAkB,WAAWN,CAAa,GAGzC,MAAA;AACHK,aAAME,oBAAqB,WAAWP,CAAa;AAAA,IAAC;AAAA,EACvD,GACFD,KAACpB,GAA2BC,GAAYH,CAAU,GAACF,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAE,GAAAF,OAAAuB,GAAAvB,OAAAwB,MAAAD,IAAAvB,EAAA,CAAA,GAAAwB,IAAAxB,EAAA,CAAA,IA3BtDiC,EAAUV,GA2BPC,CAAmD;AAEtD,QAAAU,IAA0BC,CAAAA,OAA6B;AAAA,IAAA,GAChDjB;AAAAA,IAAQJ,OACJT,MAAe8B,IAAO1B,KAAA,iBAA8BG,EAAKG,QAAQK,KAAKJ;AAAAA,IAAQoB,iBACpE/B,MAAe8B,IAAf,sBACWrB,CAAK,uBADhB;AAAA,IAEE,WACR;AAAA,MAAAsB,iBACU/B,MAAe8B,IAAf,sBACWrB,CAAK,uBAC3BF,EAAKG,QAAQsB,OAAOC;AAAAA,IAAAA;AAAAA,EAC9B,IAKKC,IAAAlC,MAAe,UACZ,gBAAAmC,EAACC,GAAA,EACa,WAAA,UACC,YAAA,cACK,gBAAA,UACZ,IAAA;AAAA,IAAAC,YACY;AAAA,IAA0BC,gBACtB;AAAA,IAAWC,sBACL;AAAA,IAAWC,QACzB;AAAA,IAAoCC,WACjC;AAAA,IAA8BC,UAC/B;AAAA,EAAA,GAIV7C,UAAAA;AAAAA,IAAAA,KACI,gBAAA8C,EAACC,GAAA,EAAc,OAAA,uCAAiDC,WApE/D,SAqEG,UAAA,gBAAAF,EAACG,GAAA,EACc,cAAA,OACF,SAAA,MAAM/C,EAA0B,KAAK,GAC1C,IAAA8B,EAAkB,KAAK,GAE3B,4BAACkB,GAAA,EAAkB,UAAA,QAAA,CAAO,EAAA,CAC9B,EAAA,CACJ;AAAA,IAIJlD,KACI,gBAAA8C,EAACC,GAAA,EAAc,OAAA,kBAA4BC,WAjF1C,SAkFG,UAAA,gBAAAF,EAACG,GAAA,EACc,cAAA,QACF,SAAA,MAAM/C,EAA0B,QAAQ,GAC7C,IAAA8B,EAAkB,QAAQ,GAE9B,UAAA,gBAAAc,EAACK,GAAA,EAAc,UAAA,QAAA,CAAO,EAAA,CAC1B,EAAA,CACJ;AAAA,sBAGPJ,GAAA,EAAc,OAAA,WAAqBC,WA5F3B,SA6FL,4BAACC,GAAA,EAAsB,cAAA,WAAmB7C,SAAAA,GAAYY,OAClD,UAAA,gBAAA8B,EAACM,KAAa,UAAA,YAClB,EAAA,CACJ;AAAA,sBACCL,GAAA,EAAc,OAAA,YAAsBC,WAjG5B,SAkGL,4BAACC,GAAA,EAAsB,cAAA,YAAoB5C,SAAAA,GAAaW,IAAAA,GACpD,UAAA,gBAAA8B,EAACO,KAAgB,UAAA,SAAO,GAC5B,EAAA,CACJ;AAAA,IACA,gBAAAP,EAACC,KAAc,OAAA,sBAAgCC,WAtGtC,SAuGL,UAAA,gBAAAF,EAACG,GAAA,EAAsB,cAAA,aAAqB3C,SAAAA,GAAqB,UAAA,CAACL,GAAee,IAAAA,GAC7E,4BAACsC,GAAA,EAA+B,UAAA,SAAO,EAAA,CAC3C,EAAA,CACJ;AAAA,IACC9C,uBACIuC,GAAA,EAAc,OAAA,wBAAkCC,WA5G5C,SA6GD,UAAA,gBAAAF,EAACG,GAAA,EAAsB,cAAA,YAAoB,SAAA,MAAMxC,EAAAA,GAAoBO,OACjE,4BAACuC,GAAA,EAAkB,UAAA,QAAA,IACvB,EAAA,CACJ;AAAA,EAAA,GAER;AACH,MAAAC;AAAA,SAAA1D,SAAAuC,KAhELmB,2BACKnB,UAAAA,EAAAA,CA+DA,GACFvC,OAAAuC,GAAAvC,OAAA0D,KAAAA,IAAA1D,EAAA,CAAA,GAjEH0D;AAiEG;"}
+{"version":3,"file":"visualization.es66.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisLeft.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const leftTickLabelProps = {\n  dx: '-0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'end'\n};\nexport default function AxisLeft(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...leftTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-left', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.left,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["leftTickLabelProps","AxisLeft","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAASC,GAAM;AACrC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,kBAAkBR,CAAa;AAAA,IACjD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}