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

package/dist/visualization.es140.js

@@ -1,93 +1,36 @@
-import m from "./visualization.es139.js";
-import M from "./visualization.es254.js";
-import R from "./visualization.es144.js";
-import q from "./visualization.es255.js";
-import { jsxs as w, Fragment as B, jsx as c } from "react/jsx-runtime";
-import E from "./visualization.es203.js";
-import G from "./visualization.es27.js";
-const f = {
-  textAnchor: "middle",
-  fontFamily: "Arial",
-  fontSize: 10,
-  fill: "#222"
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { c as d } from "react/compiler-runtime";
+import u from "./visualization.es90.js";
+const $ = (i) => {
+  const t = d(7), {
+    left: e,
+    top: o,
+    data: r,
+    open: a,
+    pointTooltipBody: l
+  } = i;
+  if (!a || !r)
+    return null;
+  const c = e + 10;
+  let n;
+  t[0] !== r || t[1] !== l ? (n = l && r.point ? l(r.point) : Object.entries(r).map(g), t[0] = r, t[1] = l, t[2] = n) : n = t[2];
+  let p;
+  return t[3] !== c || t[4] !== n || t[5] !== o ? (p = /* @__PURE__ */ s(u, { left: c, top: o, children: n }), t[3] = c, t[4] = n, t[5] = o, t[6] = p) : p = t[6], p;
 };
-function X(k) {
-  let {
-    axisFromPoint: p,
-    axisLineClassName: x,
-    axisToPoint: b,
-    hideAxisLine: d,
-    hideTicks: L,
-    horizontal: h,
-    label: i = "",
-    labelClassName: P,
-    labelOffset: u = 14,
-    labelProps: T,
-    orientation: a = R.bottom,
-    scale: r,
-    stroke: y = "#222",
-    strokeDasharray: z,
-    strokeWidth: s = 1,
-    tickClassName: S,
-    tickComponent: g,
-    tickLineProps: C,
-    tickLabelProps: e,
-    tickLength: F = 8,
-    tickStroke: N = "#222",
-    tickTransform: A,
-    ticks: o,
-    ticksComponent: j = q
-  } = k;
-  const n = {
-    ...f,
-    ...T
-  }, v = {
-    ...f,
-    ...typeof e == "object" ? e : null
-  }, l = o.map((t) => {
-    let {
-      value: O,
-      index: W
-    } = t;
-    return typeof e == "function" ? e(O, W, o) : v;
-  }), D = Math.max(10, ...l.map((t) => typeof t.fontSize == "number" ? t.fontSize : 0));
-  return /* @__PURE__ */ w(B, {
-    children: [j({
-      hideTicks: L,
-      horizontal: h,
-      orientation: a,
-      scale: r,
-      tickClassName: S,
-      tickComponent: g,
-      tickLabelProps: l,
-      tickStroke: N,
-      tickTransform: A,
-      ticks: o,
-      strokeWidth: s,
-      tickLineProps: C
-    }), !d && /* @__PURE__ */ c(E, {
-      className: m("visx-axis-line", x),
-      from: p,
-      to: b,
-      stroke: y,
-      strokeWidth: s,
-      strokeDasharray: z
-    }), i && /* @__PURE__ */ c(G, {
-      className: m("visx-axis-label", P),
-      ...M({
-        labelOffset: u,
-        labelProps: n,
-        orientation: a,
-        range: r.range(),
-        tickLabelFontSize: D,
-        tickLength: F
-      }),
-      ...n,
-      children: i
-    })]
-  });
+function m(i) {
+  return i.toUpperCase();
+}
+function g(i) {
+  const [t, e] = i, o = t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, m);
+  return t === "outlier" ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("strong", { children: o }) }, t) : /* @__PURE__ */ f("div", { children: [
+    /* @__PURE__ */ f("strong", { children: [
+      o,
+      ": "
+    ] }),
+    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
+  ] }, t);
 }
 export {
-  X as default
+  $ as default
 };
 //# sourceMappingURL=visualization.es140.js.map

package/dist/visualization.es140.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es140.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/AxisRenderer.js"],"sourcesContent":["import cx from 'classnames';\nimport { Line } from '@visx/shape';\nimport { Text } from '@visx/text';\nimport getLabelTransform from \"../utils/getLabelTransform.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport Ticks from \"./Ticks.js\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst defaultTextProps = {\n  textAnchor: 'middle',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  fill: '#222'\n};\nexport default function AxisRenderer(_ref) {\n  let {\n    axisFromPoint,\n    axisLineClassName,\n    axisToPoint,\n    hideAxisLine,\n    hideTicks,\n    horizontal,\n    label = '',\n    labelClassName,\n    labelOffset = 14,\n    labelProps,\n    orientation = Orientation.bottom,\n    scale,\n    stroke = '#222',\n    strokeDasharray,\n    strokeWidth = 1,\n    tickClassName,\n    tickComponent,\n    tickLineProps,\n    tickLabelProps,\n    tickLength = 8,\n    tickStroke = '#222',\n    tickTransform,\n    ticks,\n    ticksComponent = Ticks\n  } = _ref;\n  const combinedLabelProps = {\n    ...defaultTextProps,\n    ...labelProps\n  };\n  const tickLabelPropsDefault = {\n    ...defaultTextProps,\n    ...(typeof tickLabelProps === 'object' ? tickLabelProps : null)\n  };\n  // compute the max tick label size to compute label offset\n  const allTickLabelProps = ticks.map(_ref2 => {\n    let {\n      value,\n      index\n    } = _ref2;\n    return typeof tickLabelProps === 'function' ? tickLabelProps(value, index, ticks) : tickLabelPropsDefault;\n  });\n  const maxTickLabelFontSize = Math.max(10, ...allTickLabelProps.map(props => typeof props.fontSize === 'number' ? props.fontSize : 0));\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [ticksComponent({\n      hideTicks,\n      horizontal,\n      orientation,\n      scale,\n      tickClassName,\n      tickComponent,\n      tickLabelProps: allTickLabelProps,\n      tickStroke,\n      tickTransform,\n      ticks,\n      strokeWidth,\n      tickLineProps\n    }), !hideAxisLine && /*#__PURE__*/_jsx(Line, {\n      className: cx('visx-axis-line', axisLineClassName),\n      from: axisFromPoint,\n      to: axisToPoint,\n      stroke: stroke,\n      strokeWidth: strokeWidth,\n      strokeDasharray: strokeDasharray\n    }), label && /*#__PURE__*/_jsx(Text, {\n      className: cx('visx-axis-label', labelClassName),\n      ...getLabelTransform({\n        labelOffset,\n        labelProps: combinedLabelProps,\n        orientation,\n        range: scale.range(),\n        tickLabelFontSize: maxTickLabelFontSize,\n        tickLength\n      }),\n      ...combinedLabelProps,\n      children: label\n    })]\n  });\n}"],"names":["defaultTextProps","AxisRenderer","_ref","axisFromPoint","axisLineClassName","axisToPoint","hideAxisLine","hideTicks","horizontal","label","labelClassName","labelOffset","labelProps","orientation","Orientation","scale","stroke","strokeDasharray","strokeWidth","tickClassName","tickComponent","tickLineProps","tickLabelProps","tickLength","tickStroke","tickTransform","ticks","ticksComponent","Ticks","combinedLabelProps","tickLabelPropsDefault","allTickLabelProps","_ref2","value","index","maxTickLabelFontSize","props","_jsxs","_Fragment","_jsx","Line","cx","Text","getLabelTransform"],"mappings":";;;;;;;AAOA,MAAMA,IAAmB;AAAA,EACvB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,MAAM;AACR;AACe,SAASC,EAAaC,GAAM;AACzC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,gBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC;AAAA,IACA,aAAAC,IAAcC,EAAY;AAAA,IAC1B,OAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,iBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,IACb,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC,IAAiBC;AAAA,EACrB,IAAM1B;AACJ,QAAM2B,IAAqB;AAAA,IACzB,GAAG7B;AAAA,IACH,GAAGY;AAAA,EACP,GACQkB,IAAwB;AAAA,IAC5B,GAAG9B;AAAA,IACH,GAAI,OAAOsB,KAAmB,WAAWA,IAAiB;AAAA,EAC9D,GAEQS,IAAoBL,EAAM,IAAI,CAAAM,MAAS;AAC3C,QAAI;AAAA,MACF,OAAAC;AAAA,MACA,OAAAC;AAAA,IACN,IAAQF;AACJ,WAAO,OAAOV,KAAmB,aAAaA,EAAeW,GAAOC,GAAOR,CAAK,IAAII;AAAA,EACtF,CAAC,GACKK,IAAuB,KAAK,IAAI,IAAI,GAAGJ,EAAkB,IAAI,CAAAK,MAAS,OAAOA,EAAM,YAAa,WAAWA,EAAM,WAAW,CAAC,CAAC;AACpI,SAAoBC,gBAAAA,EAAMC,GAAW;AAAA,IACnC,UAAU,CAACX,EAAe;AAAA,MACxB,WAAApB;AAAA,MACA,YAAAC;AAAA,MACA,aAAAK;AAAA,MACA,OAAAE;AAAA,MACA,eAAAI;AAAA,MACA,eAAAC;AAAA,MACA,gBAAgBW;AAAA,MAChB,YAAAP;AAAA,MACA,eAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAAR;AAAA,MACA,eAAAG;AAAA,IACN,CAAK,GAAG,CAACf,KAA6BiC,gBAAAA,EAAKC,GAAM;AAAA,MAC3C,WAAWC,EAAG,kBAAkBrC,CAAiB;AAAA,MACjD,MAAMD;AAAA,MACN,IAAIE;AAAA,MACJ,QAAQW;AAAA,MACR,aAAaE;AAAA,MACb,iBAAiBD;AAAA,IACvB,CAAK,GAAGR,KAAsB8B,gBAAAA,EAAKG,GAAM;AAAA,MACnC,WAAWD,EAAG,mBAAmB/B,CAAc;AAAA,MAC/C,GAAGiC,EAAkB;AAAA,QACnB,aAAAhC;AAAA,QACA,YAAYkB;AAAA,QACZ,aAAAhB;AAAA,QACA,OAAOE,EAAM,MAAK;AAAA,QAClB,mBAAmBoB;AAAA,QACnB,YAAAZ;AAAA,MACR,CAAO;AAAA,MACD,GAAGM;AAAA,MACH,UAAUpB;AAAA,IAChB,CAAK,CAAC;AAAA,EACN,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es140.js","sources":["../src/components/ViolinPlot/violinTooltip.tsx"],"sourcesContent":["import { TooltipWithBounds } from \"@visx/tooltip\";\nimport { TooltipProps } from \"./types\";\n\nconst ViolinTooltip = <T,>({ left, top, data, open, pointTooltipBody }: TooltipProps<T>) => {\n    if (!open || !data) return null;\n\n    return (\n        <TooltipWithBounds left={left + 10} top={top}>\n            {pointTooltipBody && data.point ? (\n                pointTooltipBody(data.point)\n            ) : (\n                Object.entries(data as Record<string, unknown>).map(([key, value]) => {\n                    const formattedKey = key\n                        .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n                        .replace(/^./, str => str.toUpperCase());\n\n                    if (key === \"outlier\") {\n                        return (\n                            <div key={key}>\n                                <strong>{formattedKey}</strong>\n                            </div>\n                        );\n                    } else {\n                        return (\n                            <div key={key}>\n                                <strong>{formattedKey}: </strong>\n                                {typeof value === 'string'\n                                    ? (value.length > 45\n                                        ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                        : value.replace(/_/g, \" \"))\n                                    : String(value)}\n                            </div>\n                        );\n                    }\n                })\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default ViolinTooltip;\n"],"names":["ViolinTooltip","t0","$","_c","left","top","data","open","pointTooltipBody","t1","t2","point","Object","entries","map","_temp2","t3","TooltipWithBounds","_temp","str","toUpperCase","key","value","formattedKey","replace","jsx","jsxs","length","slice","String"],"mappings":";;;AAGA,MAAMA,IAAgBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,EAAAA,IAAAP;AACvB,MAAI,CAACM,KAAD,CAAUD;AAAI,WAAS;AAGE,QAAAG,IAAAL,IAAO;AAAE,MAAAM;AAAA,EAAAR,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAC7BE,IAAAF,KAAoBF,EAAIK,QACrBH,EAAiBF,EAAIK,KA0BzB,IAxBIC,OAAMC,QAASP,CAA+B,EAACQ,IAAKC,CAwBxD,GAACb,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAc;AAAA,SAAAd,EAAA,CAAA,MAAAO,KAAAP,SAAAQ,KAAAR,EAAA,CAAA,MAAAG,KA5BLW,sBAACC,GAAA,EAAwB,MAAAR,GAAgBJ,KAAAA,GACpCK,UAAAA,GA4BL,GAAoBR,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAG,GAAAH,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GA7BpBc;AA6BoB;AAjCN,SAAAE,EAAAC,GAAA;AAAA,SAWwBA,EAAGC,YAAAA;AAAc;AAXzC,SAAAL,EAAAd,GAAA;AAQ+C,QAAA,CAAAoB,GAAAC,CAAA,IAAArB,GACjDsB,IAAqBF,EAAGG,QACX,mBAAmB,OAAO,EAACA,QAC3B,MAAMN,CAAwB;AAE3C,SAAIG,MAAQ,8BAEJ,OAAA,EACI,UAAA,gBAAAI,EAAA,UAAA,eAAsB,MAC1B,sBAIA,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAA,UAAA,EAASH,UAAAA;AAAAA,MAAAA;AAAAA,MAAa;AAAA,IAAA,GAAE;AAAA,IACvB,OAAOD,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKE,QAAS,MAAM,GAAG,EAACI,MAAO,GAAG,EAAE,CAAC,QACxCN,EAAKE,QAAS,MAAM,GAAG,IAC3BK,OAAOP,CAAK;AAAA,EAAA,EAAA,GANZD,CAOV;AAEP;"}

package/dist/visualization.es141.js

@@ -1,16 +1,16 @@
-function a(r) {
-  let u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "center";
-  const t = r;
-  if (u !== "start" && "bandwidth" in t) {
-    let n = t.bandwidth();
-    return u === "center" && (n /= 2), t.round() && (n = Math.round(n)), (i) => {
-      const e = t(i);
-      return typeof e == "number" ? e + n : e;
-    };
+function l(d, i) {
+  let e;
+  if (i === void 0)
+    for (const n of d)
+      n != null && (e < n || e === void 0 && n >= n) && (e = n);
+  else {
+    let n = -1;
+    for (let f of d)
+      (f = i(f, ++n, d)) != null && (e < f || e === void 0 && f >= f) && (e = f);
   }
-  return r;
+  return e;
 }
 export {
-  a as default
+  l as default
 };
 //# sourceMappingURL=visualization.es141.js.map

package/dist/visualization.es141.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es141.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/utils/getTickPosition.js"],"sourcesContent":["/**\n * Create a function that returns a tick position for the given tick value\n */\nexport default function getTickPosition(scale) {\n  let align = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';\n  // Broaden type before using 'xxx' in s as typeguard.\n  const s = scale;\n\n  // For point or band scales,\n  // have to add offset to make the tick at center or end.\n  if (align !== 'start' && 'bandwidth' in s) {\n    let offset = s.bandwidth();\n    if (align === 'center') offset /= 2;\n    if (s.round()) offset = Math.round(offset);\n    return d => {\n      const scaledValue = s(d);\n      return typeof scaledValue === 'number' ? scaledValue + offset : scaledValue;\n    };\n  }\n  return scale;\n}"],"names":["getTickPosition","scale","align","s","offset","d","scaledValue"],"mappings":"AAGe,SAASA,EAAgBC,GAAO;AAC7C,MAAIC,IAAQ,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI;AAEhF,QAAMC,IAAIF;AAIV,MAAIC,MAAU,WAAW,eAAeC,GAAG;AACzC,QAAIC,IAASD,EAAE,UAAS;AACxB,WAAID,MAAU,aAAUE,KAAU,IAC9BD,EAAE,MAAK,MAAIC,IAAS,KAAK,MAAMA,CAAM,IAClC,CAAAC,MAAK;AACV,YAAMC,IAAcH,EAAEE,CAAC;AACvB,aAAO,OAAOC,KAAgB,WAAWA,IAAcF,IAASE;AAAA,IAClE;AAAA,EACF;AACA,SAAOL;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es141.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/max.js"],"sourcesContent":["export default function max(values, valueof) {\n  let max;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  }\n  return max;\n}\n"],"names":["max","values","valueof","value","index"],"mappings":"AAAe,SAASA,EAAIC,GAAQC,GAAS;AAC3C,MAAIF;AACJ,MAAIE,MAAY;AACd,eAAWC,KAASF;AAClB,MAAIE,KAAS,SACLH,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,OAGL;AACL,QAAIC,IAAQ;AACZ,aAASD,KAASF;AAChB,OAAKE,IAAQD,EAAQC,GAAO,EAAEC,GAAOH,CAAM,MAAM,SACzCD,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,EAGZ;AACA,SAAOH;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es142.js

@@ -1,9 +1,61 @@
-import o from "./visualization.es153.js";
-function n(r) {
-  const t = r;
-  return "tickFormat" in t ? t.tickFormat() : o;
-}
+import { jsx as l, jsxs as _ } from "react/jsx-runtime";
+import { c as k } from "react/compiler-runtime";
+import { Add as y, Remove as C, SettingsBackupRestore as Z, Timeline as z } from "@mui/icons-material";
+import { Tooltip as b, IconButton as g } from "@mui/material";
+const T = (u) => {
+  const e = k(22), {
+    scaleZoom: t,
+    resetZoom: x,
+    toggleBranchLength: S
+  } = u;
+  let m;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    position: "absolute",
+    margin: "4px",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    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)"
+  }, e[0] = m) : m = e[0];
+  let o;
+  e[1] !== t ? (o = () => t({
+    scaleX: 1.2,
+    scaleY: 1.2
+  }), e[1] = t, e[2] = o) : o = e[2];
+  let a;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ l(y, { fontSize: "small" }), e[3] = a) : a = e[3];
+  let i;
+  e[4] !== o ? (i = /* @__PURE__ */ l(b, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ l(g, { onClick: o, children: a }) }), e[4] = o, e[5] = i) : i = e[5];
+  let r;
+  e[6] !== t ? (r = () => t({
+    scaleX: 0.8333333333333334,
+    scaleY: 0.8333333333333334
+  }), e[6] = t, e[7] = r) : r = e[7];
+  let f;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ l(C, { fontSize: "small" }), e[8] = f) : f = e[8];
+  let n;
+  e[9] !== r ? (n = /* @__PURE__ */ l(b, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ l(g, { onClick: r, children: f }) }), e[9] = r, e[10] = n) : n = e[10];
+  let h;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ l(Z, { fontSize: "small" }), e[11] = h) : h = e[11];
+  let c;
+  e[12] !== x ? (c = /* @__PURE__ */ l(b, { title: "Reset Zoom", placement: "right", children: /* @__PURE__ */ l(g, { onClick: x, children: h }) }), e[12] = x, e[13] = c) : c = e[13];
+  let p;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ l(z, { fontSize: "small" }), e[14] = p) : p = e[14];
+  let s;
+  e[15] !== S ? (s = /* @__PURE__ */ l(b, { title: "Toggle Evolutionary Distance", placement: "right", children: /* @__PURE__ */ l(g, { onClick: S, children: p }) }), e[15] = S, e[16] = s) : s = e[16];
+  let d;
+  return e[17] !== s || e[18] !== i || e[19] !== n || e[20] !== c ? (d = /* @__PURE__ */ _("div", { style: m, children: [
+    i,
+    n,
+    c,
+    s
+  ] }), e[17] = s, e[18] = i, e[19] = n, e[20] = c, e[21] = d) : d = e[21], d;
+};
 export {
-  n as default
+  T as ControlPanel
 };
 //# sourceMappingURL=visualization.es142.js.map

package/dist/visualization.es142.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es142.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/utils/getTickFormatter.js"],"sourcesContent":["import { toString } from '@visx/scale';\n/**\n * Returns a tick position for the given tick value\n */\nexport default function getTickFormatter(scale) {\n  // Broaden type before using 'xxx' in s as typeguard.\n  const s = scale;\n\n  // For point or band scales,\n  // have to add offset to make the tick centered.\n  if ('tickFormat' in s) {\n    return s.tickFormat();\n  }\n  return toString;\n}"],"names":["getTickFormatter","scale","s","toString"],"mappings":";AAIe,SAASA,EAAiBC,GAAO;AAE9C,QAAMC,IAAID;AAIV,SAAI,gBAAgBC,IACXA,EAAE,WAAU,IAEdC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es142.js","sources":["../src/components/PhyloTree/ControlPanel.tsx"],"sourcesContent":["import { Add, Remove, SettingsBackupRestore, Timeline } from \"@mui/icons-material\";\nimport { Tooltip, IconButton } from \"@mui/material\";\nimport { ProvidedZoom } from \"@visx/zoom\";\n\nexport type ControlPanelProps = {\n  scaleZoom: ProvidedZoom<SVGSVGElement>[\"scale\"]\n  resetZoom: ProvidedZoom<SVGSVGElement>[\"reset\"]\n  toggleBranchLength: () => void\n}\n\nexport const ControlPanel = ({scaleZoom, resetZoom, toggleBranchLength}: ControlPanelProps) => {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        margin: \"4px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"flex-start\",\n        background: \"rgba(255, 255, 255, 0.6)\",\n        backdropFilter: \"blur(2px)\",\n        WebkitBackdropFilter: \"blur(2px)\", // Safari support\n        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n      }}\n    >\n      <Tooltip title=\"Zoom In\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1.2, scaleY: 1.2 })}>\n          <Add fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Zoom Out\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1 / 1.2, scaleY: 1 / 1.2 })}>\n          <Remove fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Reset Zoom\" placement=\"right\">\n        <IconButton onClick={resetZoom}>\n          <SettingsBackupRestore fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Toggle Evolutionary Distance\" placement=\"right\">\n        <IconButton onClick={toggleBranchLength}>\n          <Timeline fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n}"],"names":["ControlPanel","t0","$","_c","scaleZoom","resetZoom","toggleBranchLength","t1","Symbol","for","position","margin","display","flexDirection","alignItems","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","t2","scaleX","scaleY","t3","Add","t4","jsx","Tooltip","IconButton","t5","t6","Remove","t7","t8","SettingsBackupRestore","t9","t10","Timeline","t11","t12","jsxs"],"mappings":"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"}

package/dist/visualization.es143.js

@@ -1,18 +1,35 @@
-import r from "./visualization.es256.js";
-function a(n, o) {
-  let {
-    x: t,
-    y: e
-  } = n;
-  return new r(o ? {
-    x: t,
-    y: e
-  } : {
-    x: e,
-    y: t
-  });
-}
+import { jsx as u } from "react/jsx-runtime";
+import { c as p } from "react/compiler-runtime";
+import { memo as g } from "react";
+import M from "./visualization.es105.js";
+const D = g((a) => {
+  const o = p(11), {
+    dragStart: r,
+    dragMove: s,
+    dragEnd: e,
+    scale: c,
+    isDragging: l
+  } = a;
+  let t;
+  o[0] !== e || o[1] !== l ? (t = () => {
+    l && e();
+  }, o[0] = e, o[1] = l, o[2] = t) : t = o[2];
+  let n;
+  o[3] !== c ? (n = (m) => {
+    const f = M(m) || {
+      x: 0,
+      y: 0
+    };
+    c({
+      scaleX: 1.5,
+      scaleY: 1.5,
+      point: f
+    });
+  }, o[3] = c, o[4] = n) : n = o[4];
+  let i;
+  return o[5] !== e || o[6] !== s || o[7] !== r || o[8] !== t || o[9] !== n ? (i = /* @__PURE__ */ u("rect", { width: "100%", height: "100%", fill: "transparent", onTouchStart: r, onTouchMove: s, onTouchEnd: e, onMouseDown: r, onMouseMove: s, onMouseUp: e, onMouseLeave: t, onDoubleClick: n }), o[5] = e, o[6] = s, o[7] = r, o[8] = t, o[9] = n, o[10] = i) : i = o[10], i;
+});
 export {
-  a as default
+  D as ZoomSurface
 };
 //# sourceMappingURL=visualization.es143.js.map

package/dist/visualization.es143.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es143.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/utils/createPoint.js"],"sourcesContent":["import { Point } from '@visx/point';\nexport default function createPoint(_ref, horizontal) {\n  let {\n    x,\n    y\n  } = _ref;\n  return new Point(horizontal ? {\n    x,\n    y\n  } : {\n    x: y,\n    y: x\n  });\n}"],"names":["createPoint","_ref","horizontal","x","y","Point"],"mappings":";AACe,SAASA,EAAYC,GAAMC,GAAY;AACpD,MAAI;AAAA,IACF,GAAAC;AAAA,IACA,GAAAC;AAAA,EACJ,IAAMH;AACJ,SAAO,IAAII,EAAMH,IAAa;AAAA,IAC5B,GAAAC;AAAA,IACA,GAAAC;AAAA,EACJ,IAAM;AAAA,IACF,GAAGA;AAAA,IACH,GAAGD;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es143.js","sources":["../src/components/PhyloTree/ZoomSurface.tsx"],"sourcesContent":["import { localPoint } from \"@visx/event\";\nimport { memo } from \"react\";\n\ntype ZoomSurfaceProps = {\n  dragStart: (event: React.TouchEvent | React.MouseEvent) => void;\n  dragMove: (event: React.TouchEvent | React.MouseEvent) => void;\n  dragEnd: () => void;\n  scale: (args: { scaleX: number; scaleY: number; point?: { x: number; y: number } }) => void;\n  isDragging: boolean;\n};\n\n\n/**\n * rect which catches and handles zoom events\n */\n\nexport const ZoomSurface = memo(\n  ({ dragStart, dragMove, dragEnd, scale, isDragging }: ZoomSurfaceProps) => {\n    return (\n      <rect\n        width=\"100%\"\n        height=\"100%\"\n        fill=\"transparent\"\n        onTouchStart={dragStart}\n        onTouchMove={dragMove}\n        onTouchEnd={dragEnd}\n        onMouseDown={dragStart}\n        onMouseMove={dragMove}\n        onMouseUp={dragEnd}\n        onMouseLeave={() => {\n          if (isDragging) dragEnd();\n        }}\n        onDoubleClick={(event) => {\n          const point = localPoint(event) || { x: 0, y: 0 };\n          scale({ scaleX: 1.5, scaleY: 1.5, point });\n        }}\n      />\n    );\n  }\n);"],"names":["ZoomSurface","memo","t0","$","_c","dragStart","dragMove","dragEnd","scale","isDragging","t1","t2","event","point","localPoint","x","y","scaleX","scaleY","t3","jsx"],"mappings":";;;;AAgBO,MAAMA,IAAcC,EACzBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAP;AAAqE,MAAAQ;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAYlDC,IAAAA,MAAA;AACZ,IAAID,KAAYF,EAAAA;AAAAA,EAAU,GAC3BJ,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAK,KACcG,IAAAC,CAAAA,MAAA;AACb,UAAAC,IAAcC,EAAWF,CAAuB,KAAlC;AAAA,MAAAG,GAA0B;AAAA,MAACC,GAAK;AAAA,IAAA;AAC9CR,IAAAA,EAAM;AAAA,MAAAS,QAAU;AAAA,MAAGC,QAAU;AAAA,MAAGL,OAAAA;AAAAA,IAAAA,CAAS;AAAA,EAAC,GAC3CV,OAAAK,GAAAL,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAgB;AAAA,SAAAhB,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAO,KAAAP,SAAAQ,KAhBHQ,IAAA,gBAAAC,EAAA,UACQ,OAAA,QACC,QAAA,QACF,MAAA,eACSf,cAAAA,GACDC,aAAAA,GACDC,YAAAA,GACCF,aAAAA,GACAC,aAAAA,GACFC,WAAAA,GACG,cAAAG,GAGC,eAAAC,EAAAA,CAGd,GACDR,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAE,GAAAF,OAAAO,GAAAP,OAAAQ,GAAAR,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAjBFgB;AAiBE,CAGR;"}

package/dist/visualization.es144.js

@@ -1,10 +1,21 @@
-const t = {
-  top: "top",
-  left: "left",
-  right: "right",
-  bottom: "bottom"
-};
+import { jsx as e } from "react/jsx-runtime";
+import { useBranchLengthTransition as m } from "./visualization.es10.js";
+import { memo as a } from "react";
+import { motion as s } from "./visualization.es45.js";
+const c = a(function({
+  scaledLinkPath: o,
+  baseLinkPath: n,
+  color: r,
+  strokeWidth: i,
+  useBranchLengths: t
+}) {
+  return /* @__PURE__ */ e(s.path, { stroke: r, strokeWidth: i, fill: "none", initial: !1, strokeLinecap: "round", strokeLinejoin: "round", animate: {
+    d: t ? o : n
+  }, transition: {
+    d: m
+  } });
+});
 export {
-  t as default
+  c as TreeLink
 };
 //# sourceMappingURL=visualization.es144.js.map

package/dist/visualization.es144.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es144.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/constants/orientation.js"],"sourcesContent":["const Orientation = {\n  top: 'top',\n  left: 'left',\n  right: 'right',\n  bottom: 'bottom'\n};\nexport default Orientation;"],"names":["Orientation"],"mappings":"AAAK,MAACA,IAAc;AAAA,EAClB,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es144.js","sources":["../src/components/PhyloTree/TreeLink.tsx"],"sourcesContent":["import { TreeNode } from \"./types\";\nimport { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\n\nexport type TreeLinkProps = {\n  scaledLinkPath: TreeNode[\"scaledLinkPath\"]\n  baseLinkPath: TreeNode[\"baseLinkPath\"]\n  color: TreeNode[\"color\"]\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean;\n};\n\n/**\n * Link from node to its parent\n */\nexport const TreeLink = memo(function TreeLink({\n  scaledLinkPath,\n  baseLinkPath,\n  color,\n  strokeWidth,\n  useBranchLengths,\n}: TreeLinkProps) {\n  return (\n    <motion.path\n      stroke={color}\n      strokeWidth={strokeWidth}\n      fill=\"none\"\n      initial={false}\n      strokeLinecap={\"round\"}\n      strokeLinejoin={\"round\"}\n      animate={{\n        d: useBranchLengths ? scaledLinkPath : baseLinkPath,\n      }}\n      transition={{\n        d: useBranchLengthTransition,\n      }}\n    />\n  );\n})\n"],"names":["TreeLink","memo","scaledLinkPath","baseLinkPath","color","strokeWidth","useBranchLengths","jsx","motion","d","useBranchLengthTransition"],"mappings":";;;;AAgBO,MAAMA,IAAWC,EAAK,SAAkB;AAAA,EAC7CC,gBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,kBAAAA;AACa,GAAG;AAChB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,QAAQJ,GACR,aAAAC,GACA,MAAK,QACL,SAAS,IACT,eAAe,SACf,gBAAgB,SAChB,SAAS;AAAA,IACPI,GAAGH,IAAmBJ,IAAiBC;AAAAA,EAAAA,GAEzC,YAAY;AAAA,IACVM,GAAGC;AAAAA,EAAAA,GACH;AAGR,CAAC;"}

package/dist/visualization.es145.js

@@ -1,17 +1,17 @@
-const e = 0;
-function a() {
-  let n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
-  return typeof n == "number" ? {
-    start: n,
-    end: n
-  } : {
-    start: 0,
-    end: 0,
-    ...n
-  };
-}
+import { jsx as e } from "react/jsx-runtime";
+import { useBranchLengthTransition as m } from "./visualization.es10.js";
+import { memo as s } from "react";
+import { motion as a } from "./visualization.es45.js";
+const k = s(function({
+  useBranchLengths: n,
+  color: i,
+  baseLeafLinkExtension: o,
+  scaledLeafLinkExtension: t,
+  strokeWidth: r
+}) {
+  return /* @__PURE__ */ e(a.line, { strokeWidth: r, initial: !1, animate: n ? t : o, stroke: i, transition: m });
+});
 export {
-  a as default,
-  e as defaultAxisRangePadding
+  k as LeafLinkExtension
 };
 //# sourceMappingURL=visualization.es145.js.map

package/dist/visualization.es145.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es145.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/utils/getAxisRangePaddingConfig.js"],"sourcesContent":["export const defaultAxisRangePadding = 0;\nexport default function getAxisRangePaddingConfig() {\n  let originalRangePadding = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultAxisRangePadding;\n  return typeof originalRangePadding === 'number' ? {\n    start: originalRangePadding,\n    end: originalRangePadding\n  } : {\n    start: defaultAxisRangePadding,\n    end: defaultAxisRangePadding,\n    ...originalRangePadding\n  };\n}"],"names":["defaultAxisRangePadding","getAxisRangePaddingConfig","originalRangePadding"],"mappings":"AAAY,MAACA,IAA0B;AACxB,SAASC,IAA4B;AAClD,MAAIC,IAAuB,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI;AAC/F,SAAO,OAAOA,KAAyB,WAAW;AAAA,IAChD,OAAOA;AAAA,IACP,KAAKA;AAAA,EACT,IAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,IACL,GAAGA;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es145.js","sources":["../src/components/PhyloTree/LeafLinkExtension.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\nimport { TreeNode } from \"./types\";\n\n\nexport type LeafLinkExtensionProps = {\n  baseLeafLinkExtension: TreeNode[\"baseLeafLinkExtension\"]\n  scaledLeafLinkExtension: TreeNode[\"scaledLeafLinkExtension\"]\n  color: TreeNode[\"color\"];\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean\n};\n\nexport const LeafLinkExtension = memo(function LinkExtension({\n  useBranchLengths,\n  color,\n  baseLeafLinkExtension,\n  scaledLeafLinkExtension,\n  strokeWidth\n}: LeafLinkExtensionProps) {\n\n  return (\n    <motion.line\n      strokeWidth={strokeWidth}\n      initial={false}\n      animate={useBranchLengths ? scaledLeafLinkExtension : baseLeafLinkExtension}\n      stroke={color}\n      transition={useBranchLengthTransition}\n    />\n  );\n});\n"],"names":["LeafLinkExtension","memo","useBranchLengths","color","baseLeafLinkExtension","scaledLeafLinkExtension","strokeWidth","jsx","motion","useBranchLengthTransition"],"mappings":";;;;AAcO,MAAMA,IAAoBC,EAAK,SAAuB;AAAA,EAC3DC,kBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,uBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,aAAAA;AACsB,GAAG;AAEzB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,aAAAF,GACA,SAAS,IACT,SAASJ,IAAmBG,IAA0BD,GACtD,QAAQD,GACR,YAAYM,GAA0B;AAG5C,CAAC;"}

package/dist/visualization.es146.js

@@ -1,8 +1,29 @@
-function r(l, t) {
-  const e = l;
-  return "ticks" in e ? e.ticks(t) : e.domain().filter((o, i, n) => t == null || n.length <= t || i % Math.round((n.length - 1) / t) === 0);
-}
+import { jsx as u, jsxs as k } from "react/jsx-runtime";
+import { c as g } from "react/compiler-runtime";
+import { memo as j } from "react";
+import O from "./visualization.es51.js";
+const F = j(function(L) {
+  const t = g(16), {
+    nodeX: N,
+    color: e,
+    baseNodeX: f,
+    baseNodeY: i,
+    label: a,
+    fontSize: n,
+    fontFamily: c,
+    strokeWidth: m
+  } = L, s = N * 180 / Math.PI - 90, d = s > 90 || s < -90, $ = d ? s + 180 : s, p = d ? "end" : "start", x = d ? -6 : 6, b = `rotate(${$}) translate(0, ${(n ?? 2.4) / 3})`, h = a === "Human" ? `${a} ★★★` : a;
+  let o;
+  t[0] !== e || t[1] !== c || t[2] !== n || t[3] !== m || t[4] !== b || t[5] !== h || t[6] !== p || t[7] !== x ? (o = /* @__PURE__ */ u("text", { fontSize: n, fontFamily: c, fill: e, stroke: e, strokeWidth: m, paintOrder: "stroke", transform: b, textAnchor: p, x, children: h }), t[0] = e, t[1] = c, t[2] = n, t[3] = m, t[4] = b, t[5] = h, t[6] = p, t[7] = x, t[8] = o) : o = t[8];
+  let r;
+  t[9] !== e ? (r = /* @__PURE__ */ u("circle", { r: 1.5, fill: e }), t[9] = e, t[10] = r) : r = t[10];
+  let l;
+  return t[11] !== f || t[12] !== i || t[13] !== o || t[14] !== r ? (l = /* @__PURE__ */ k(O, { top: i, left: f, children: [
+    o,
+    r
+  ] }), t[11] = f, t[12] = i, t[13] = o, t[14] = r, t[15] = l) : l = t[15], l;
+});
 export {
-  r as default
+  F as LeafNodeLabel
 };
 //# sourceMappingURL=visualization.es146.js.map

package/dist/visualization.es146.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es146.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/utils/getTicks.js"],"sourcesContent":["export default function getTicks(scale, numTicks) {\n  // Because `Scale` is generic type which maybe a subset of AnyD3Scale\n  // that may not have `ticks` field,\n  // TypeScript will not let us do the `'ticks' in scale` check directly.\n  // Have to manually cast and expand type first.\n  const s = scale;\n  if ('ticks' in s) {\n    return s.ticks(numTicks);\n  }\n  return s.domain().filter((_, index, arr) => numTicks == null || arr.length <= numTicks || index % Math.round((arr.length - 1) / numTicks) === 0);\n}"],"names":["getTicks","scale","numTicks","s","_","index","arr"],"mappings":"AAAe,SAASA,EAASC,GAAOC,GAAU;AAKhD,QAAMC,IAAIF;AACV,SAAI,WAAWE,IACNA,EAAE,MAAMD,CAAQ,IAElBC,EAAE,OAAM,EAAG,OAAO,CAACC,GAAGC,GAAOC,MAAQJ,KAAY,QAAQI,EAAI,UAAUJ,KAAYG,IAAQ,KAAK,OAAOC,EAAI,SAAS,KAAKJ,CAAQ,MAAM,CAAC;AACjJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es146.js","sources":["../src/components/PhyloTree/LeafNodeLabel.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { memo } from \"react\";\n\n\nexport type LeafNodeLabelProps = {\n  // node.x is the angle the node is at in radial layout while base/scaled are true x/y position in svg\n  nodeX: number;\n  baseNodeX: TreeNode[\"baseNodeX\"];\n  baseNodeY: TreeNode[\"baseNodeY\"];\n  label: TreeNode[\"label\"];\n  color: TreeNode[\"color\"];\n  fontSize: PhyloTreeProps[\"leafFontSize\"];\n  fontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  strokeWidth: TreeNode[\"labelStrokeWidth\"]\n};\n\nexport const LeafNodeLabel = memo(function LeafNodeLabel({\n  nodeX,\n  color,\n  baseNodeX,\n  baseNodeY,\n  label,\n  fontSize,\n  fontFamily,\n  strokeWidth\n}: LeafNodeLabelProps) {\n  const angleDeg = (nodeX * 180) / Math.PI - 90;\n  const flip = angleDeg > 90 || angleDeg < -90;\n  const rotation = flip ? angleDeg + 180 : angleDeg;\n  const textAnchor: \"start\" | \"end\" = flip ? \"end\" : \"start\";\n  const xOffset = flip ? -6 : 6;\n\n  return (\n    <Group\n      top={baseNodeY}\n      left={baseNodeX}\n    >\n      <text\n        fontSize={fontSize}\n        fontFamily={fontFamily}\n        fill={color}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        paintOrder=\"stroke\"\n        transform={`rotate(${rotation}) translate(0, ${(fontSize ?? 2.4) / 3})`}\n        textAnchor={textAnchor}\n        x={xOffset}\n      >\n        {label === \"Human\" ? `${label} \\u2605\\u2605\\u2605` : label}\n      </text>\n      <circle\n        r={1.5}\n        fill={color}\n      />\n    </Group>\n  );\n});\n"],"names":["LeafNodeLabel","memo","t0","$","_c","nodeX","color","baseNodeX","baseNodeY","label","fontSize","fontFamily","strokeWidth","angleDeg","Math","PI","flip","rotation","textAnchor","xOffset","t1","t2","t3","t4","jsx","t5","jsxs","Group"],"mappings":";;;;AAiBO,MAAMA,IAAgBC,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAuB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAV,GAUvDW,IAAkBR,IAAQ,MAAOS,KAAIC,KAAM,IAC3CC,IAAaH,IAAW,MAAMA,IAAW,KACzCI,IAAiBD,IAAOH,IAAW,MAAlBA,GACjBK,IAAoCF,IAAA,QAAA,SACpCG,IAAgBH,IAAA,KAAA,GAcCI,IAAA,UAAUH,CAAQ,mBAAmBP,KAAA,OAAmB,CAAC,KAInEW,IAAAZ,MAAU,UAAV,GAAuBA,CAAK,SAA5BA;AAAyD,MAAAa;AAAA,EAAAnB,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAiB,KAAAjB,EAAA,CAAA,MAAAkB,KAAAlB,EAAA,CAAA,MAAAe,KAAAf,SAAAgB,KAX5DG,sBAAA,QAAA,EACYZ,UAAAA,GACEC,YAAAA,GACNL,MAAAA,GACEA,QAAAA,GACKM,aAAAA,GACF,YAAA,UACA,WAAAQ,GACCF,YAAAA,GACTC,GAEFE,UAAAA,GACH,GAAOlB,OAAAG,GAAAH,OAAAQ,GAAAR,OAAAO,GAAAP,OAAAS,GAAAT,OAAAiB,GAAAjB,OAAAkB,GAAAlB,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAG,KACPiB,IAAA,gBAAAC,EAAA,UAAA,EACK,GAAA,KACGlB,MAAAA,GAAK,GACXH,OAAAG,GAAAH,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAmB,KAAAnB,UAAAoB,KApBJE,IAAA,gBAAAC,EAACC,GAAA,EACMnB,KAAAA,GACCD,SAENe,UAAAA;AAAAA,IAAAA;AAAAA,IAaAC;AAAAA,EAAAA,GAIF,GAAQpB,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAmB,GAAAnB,QAAAoB,GAAApB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GArBRsB;AAqBQ,CAEX;"}

package/dist/visualization.es147.js

@@ -1,11 +1,21 @@
-function f(e) {
-  if ((typeof e == "function" || typeof e == "object" && e) && "valueOf" in e) {
-    const t = e.valueOf();
-    if (typeof t == "number") return t;
-  }
-  return e;
-}
+import { c as o } from "react/compiler-runtime";
+import { useRef as n, useEffect as m } from "react";
+const b = (e) => {
+  const t = o(6), f = n(!1), u = n(e);
+  let r;
+  t[0] !== e ? (r = () => {
+    u.current = e;
+  }, t[0] = e, t[1] = r) : r = t[1], m(r);
+  let l, c;
+  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = () => () => {
+    f.current && u.current(null);
+  }, c = [], t[2] = l, t[3] = c) : (l = t[2], c = t[3]), m(l, c);
+  let s;
+  return t[4] !== e ? (s = (i) => {
+    f.current = i !== null, e(i);
+  }, t[4] = e, t[5] = s) : s = t[5], s;
+};
 export {
-  f as default
+  b as useSweep
 };
 //# sourceMappingURL=visualization.es147.js.map

package/dist/visualization.es147.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es147.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/utils/coerceNumber.js"],"sourcesContent":["export default function coerceNumber(val) {\n  if ((typeof val === 'function' || typeof val === 'object' && !!val) && 'valueOf' in val) {\n    const num = val.valueOf();\n    if (typeof num === 'number') return num;\n  }\n  return val;\n}"],"names":["coerceNumber","val","num"],"mappings":"AAAe,SAASA,EAAaC,GAAK;AACxC,OAAK,OAAOA,KAAQ,cAAc,OAAOA,KAAQ,YAAcA,MAAQ,aAAaA,GAAK;AACvF,UAAMC,IAAMD,EAAI,QAAO;AACvB,QAAI,OAAOC,KAAQ,SAAU,QAAOA;AAAA,EACtC;AACA,SAAOD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es147.js","sources":["../src/components/Legend/Colorbar/useSweep.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport type { RampRange } from \"../colorbarAxis\";\n\n/**\n * `onSweep`, remembering whether this element started the sweep showing, so that unmounting\n * mid-sweep (Escape closing the expanded minimap, with no mouseleave) ends it too.\n */\nexport const useSweep = (onSweep: (sweep: RampRange | null) => void) => {\n  const sweeping = useRef(false);\n  const latest = useRef(onSweep);\n  useEffect(() => {\n    latest.current = onSweep;\n  });\n  useEffect(\n    () => () => {\n      if (sweeping.current) latest.current(null);\n    },\n    []\n  );\n  return (sweep: RampRange | null) => {\n    sweeping.current = sweep !== null;\n    onSweep(sweep);\n  };\n};\n"],"names":["useSweep","onSweep","$","_c","sweeping","useRef","latest","t0","current","useEffect","t1","t2","Symbol","for","t3","sweep"],"mappings":";;AAOO,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GACtBC,IAAiBC,EAAO,EAAK,GAC7BC,IAAeD,EAAOJ,CAAO;AAAE,MAAAM;AAAA,EAAAL,SAAAD,KACrBM,IAAAA,MAAA;AACRD,IAAAA,EAAME,UAAWP;AAAAA,EAAH,GACfC,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAFDO,EAAUF,CAET;AAAC,MAAAG,GAAAC;AAAA,EAAAT,EAAA,CAAA,MAAAU,uBAAAC,IAAA,2BAAA,KAEAH,IAAAA,MAAM,MAAA;AACJ,IAAIN,EAAQI,WAAUF,EAAME,QAAS,IAAI;AAAA,EAAE,GAE7CG,IAAA,CAAA,GAAET,OAAAQ,GAAAR,OAAAS,MAAAD,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,IAJJO,EACEC,GAGAC,CACF;AAAC,MAAAG;AAAA,SAAAZ,SAAAD,KACMa,IAAAC,CAAAA,MAAA;AACLX,IAAAA,EAAQI,UAAWO,MAAU,MAC7Bd,EAAQc,CAAK;AAAA,EAAC,GACfb,OAAAD,GAAAC,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GAHMY;AAGN;"}

package/dist/visualization.es148.js

@@ -1,64 +1,5 @@
-import l from "./visualization.es257.js";
-import f from "./visualization.es258.js";
-import s from "./visualization.es259.js";
-import c from "./visualization.es260.js";
-import d from "./visualization.es261.js";
-import y from "./visualization.es262.js";
-import u from "./visualization.es263.js";
-import g from "./visualization.es264.js";
-import w from "./visualization.es265.js";
-import O from "./visualization.es266.js";
-import R from "./visualization.es267.js";
-import v from "./visualization.es268.js";
-import x from "./visualization.es269.js";
-import A from "./visualization.es270.js";
-const h = [
-  // domain => nice => zero
-  "domain",
-  "nice",
-  "zero",
-  // interpolate before round
-  "interpolate",
-  "round",
-  // set range then reverse
-  "range",
-  "reverse",
-  // Order does not matter for these operators
-  "align",
-  "base",
-  "clamp",
-  "constant",
-  "exponent",
-  "padding",
-  "unknown"
-], E = {
-  domain: l,
-  nice: w,
-  zero: A,
-  interpolate: g,
-  round: v,
-  align: s,
-  base: c,
-  clamp: d,
-  constant: y,
-  exponent: u,
-  padding: O,
-  range: f,
-  reverse: R,
-  unknown: x
-};
-function k() {
-  for (var r = arguments.length, p = new Array(r), o = 0; o < r; o++)
-    p[o] = arguments[o];
-  const a = new Set(p), m = h.filter((n) => a.has(n));
-  return function(e, t) {
-    return typeof t < "u" && m.forEach((i) => {
-      E[i](e, t);
-    }), e;
-  };
-}
+var e = { exports: {} };
 export {
-  h as ALL_OPERATORS,
-  k as default
+  e as __module
 };
 //# sourceMappingURL=visualization.es148.js.map