@opendata-ai/openchart-vanilla 8.2.1 → 8.2.3

package/dist/index.js

@@ -6,7 +6,7 @@ import {
 } from "./chunk-DCODCLWI.js";
 import {
   renderTileMapSVG
-} from "./chunk-BGJT3GTB.js";
+} from "./chunk-ZKASH7AX.js";
 import {
   AnimationScheduler,
   CANVAS_DEFAULT_UPDATE_MAX_MARKS,
@@ -25,15 +25,13 @@ import {
   materializeCanvasModeSVG,
   observeResize,
   prefersReducedMotion,
-  quadtree,
   resolveDarkMode,
   resolveEase,
   resolveFontFamily,
   scheduleFontReload,
   setupAnimationCleanup,
-  setupTableAnimationCleanup,
-  zoom_default
-} from "./chunk-N5KDVZU7.js";
+  setupTableAnimationCleanup
+} from "./chunk-WG6NOQVC.js";
 import {
   embedFonts,
   ensureSVGDimensions,
@@ -51,7 +49,7 @@ import {
   registerMarkRenderer,
   renderChartSVG,
   stampAnimationVars
-} from "./chunk-XOZ6AM7C.js";
+} from "./chunk-2CEKMIJH.js";
 import {
   injectThemeStyleBlock
 } from "./chunk-RM5XS6NR.js";
@@ -103,12 +101,12 @@ function renderWatermark(parent, layout) {
   const rightEdge = width - padding;
   const bottomEdge = height - padding;
   const fill = theme.colors.axis;
-  const a2 = createSVGElement("a");
-  a2.setAttribute("href", BRAND_URL);
-  a2.setAttributeNS(XLINK_NS, "xlink:href", BRAND_URL);
-  a2.setAttribute("target", "_blank");
-  a2.setAttribute("rel", "noopener");
-  a2.setAttribute("class", "oc-chrome-ref");
+  const a = createSVGElement("a");
+  a.setAttribute("href", BRAND_URL);
+  a.setAttributeNS(XLINK_NS, "xlink:href", BRAND_URL);
+  a.setAttribute("target", "_blank");
+  a.setAttribute("rel", "noopener");
+  a.setAttribute("class", "oc-chrome-ref");
   const text = createSVGElement("text");
   setAttrs(text, {
     x: rightEdge,
@@ -132,8 +130,8 @@ function renderWatermark(parent, layout) {
   text.appendChild(trySpan);
   text.appendChild(openDataSpan);
   text.appendChild(aiSpan);
-  a2.appendChild(text);
-  parent.appendChild(a2);
+  a.appendChild(text);
+  parent.appendChild(a);
 }
 function renderRows(parent, rows, animation) {
   const g = createSVGElement("g");
@@ -310,9 +308,9 @@ function createBarList(container, spec, options) {
         const mouseEvent = e;
         if (content && tooltipManager && options?.tooltip !== false) {
           const svgRect = svg.getBoundingClientRect();
-          const x3 = mouseEvent.clientX - svgRect.left;
-          const y3 = mouseEvent.clientY - svgRect.top;
-          tooltipManager.show(content, x3, y3);
+          const x = mouseEvent.clientX - svgRect.left;
+          const y = mouseEvent.clientY - svgRect.top;
+          tooltipManager.show(content, x, y);
         }
         if (row) {
           options?.onRowHover?.({
@@ -326,9 +324,9 @@ function createBarList(container, spec, options) {
         if (content && tooltipManager && options?.tooltip !== false) {
           const mouseEvent = e;
           const svgRect = svg.getBoundingClientRect();
-          const x3 = mouseEvent.clientX - svgRect.left;
-          const y3 = mouseEvent.clientY - svgRect.top;
-          tooltipManager.show(content, x3, y3);
+          const x = mouseEvent.clientX - svgRect.left;
+          const y = mouseEvent.clientY - svgRect.top;
+          tooltipManager.show(content, x, y);
         }
       };
       const handleMouseLeave = () => {
@@ -597,8 +595,8 @@ async function exportSpecSequence(specs, options) {
     const globalPalette = paletteFromCanvas(frames[frames.length - 1].canvas, quantize);
     const gif = GIFEncoder();
     frames.forEach(({ canvas, delayMs }, i) => {
-      const index2 = applyPalette(readCanvasSRGB(canvas), globalPalette);
-      gif.writeFrame(index2, canvas.width, canvas.height, {
+      const index = applyPalette(readCanvasSRGB(canvas), globalPalette);
+      gif.writeFrame(index, canvas.width, canvas.height, {
         palette: globalPalette,
         delay: delayMs,
         // `repeat` writes the loop extension; only meaningful on the first frame.
@@ -621,11 +619,14 @@ function createSimulationWorker() {
 // src/graph-mount.ts
 import { buildEdgeTooltip, compileGraph } from "@opendata-ai/openchart-engine";
 
+// src/graph/camera.ts
+import { interpolateZoom } from "d3-interpolate";
+
 // src/graph/zoom.ts
 var ZoomTransform = class _ZoomTransform {
-  constructor(x3, y3, k) {
-    this.x = x3;
-    this.y = y3;
+  constructor(x, y, k) {
+    this.x = x;
+    this.y = y;
     this.k = k;
   }
   /** Convert screen coordinates to graph coordinates. */
@@ -735,9 +736,9 @@ function transformToView(t, viewport) {
 function viewToTransform(view, viewport) {
   const [cx, cy, width] = view;
   const k = clampK(viewport.width / width);
-  const x3 = viewport.width / 2 - cx * k;
-  const y3 = viewport.height / 2 - cy * k;
-  return new ZoomTransform(x3, y3, k);
+  const x = viewport.width / 2 - cx * k;
+  const y = viewport.height / 2 - cy * k;
+  return new ZoomTransform(x, y, k);
 }
 function clampK(k) {
   if (!Number.isFinite(k) || k <= 0) return K_MIN;
@@ -752,12 +753,12 @@ function createCameraFlight(inputs) {
     const to = isProvider ? inputs.to() : inputs.to;
     return transformToView(to, viewport);
   }
-  let interp = zoom_default(fromView, targetView());
+  let interp = interpolateZoom(fromView, targetView());
   const resolvedDuration = resolveDuration(opts?.duration, interp.duration);
   let startTime = null;
   let finished = false;
   function applyAt(t) {
-    if (isProvider) interp = zoom_default(fromView, targetView());
+    if (isProvider) interp = interpolateZoom(fromView, targetView());
     const view = interp(t);
     if (view.some((v) => !Number.isFinite(v))) {
       apply(viewToTransform(targetView(), viewport));
@@ -766,10 +767,10 @@ function createCameraFlight(inputs) {
     apply(viewToTransform(view, viewport));
   }
   return {
-    tick(now2) {
+    tick(now) {
       if (finished) return false;
-      if (startTime === null) startTime = now2;
-      const raw = resolvedDuration <= 0 ? 1 : Math.min(1, (now2 - startTime) / resolvedDuration);
+      if (startTime === null) startTime = now;
+      const raw = resolvedDuration <= 0 ? 1 : Math.min(1, (now - startTime) / resolvedDuration);
       applyAt(ease(raw));
       if (raw >= 1) {
         finished = true;
@@ -819,9 +820,9 @@ function resolveDuration(duration, interpDuration) {
 import { BRAND_FONT_SIZE, BRAND_MIN_WIDTH } from "@opendata-ai/openchart-core";
 
 // src/graph/entrance.ts
-function nodeEnterProgress(globalT, index2, total, buckets = 8) {
+function nodeEnterProgress(globalT, index, total, buckets = 8) {
   const g = globalT <= 0 ? 0 : globalT >= 1 ? 1 : globalT;
-  const start = total > 0 ? index2 / total * 0.4 : 0;
+  const start = total > 0 ? index / total * 0.4 : 0;
   const local = (g - start) / 0.6;
   const clamped = local <= 0 ? 0 : local >= 1 ? 1 : local;
   const b = Math.max(1, Math.floor(buckets));
@@ -851,10 +852,10 @@ function hashId(id) {
 function entranceOrder(nodes) {
   const rank = /* @__PURE__ */ new Map();
   if (nodes.length === 0) return rank;
-  const sorted = [...nodes].sort((a2, b) => {
-    const ha = hashId(a2.id);
+  const sorted = [...nodes].sort((a, b) => {
+    const ha = hashId(a.id);
     const hb = hashId(b.id);
-    return ha - hb || (a2.id < b.id ? -1 : a2.id > b.id ? 1 : 0);
+    return ha - hb || (a.id < b.id ? -1 : a.id > b.id ? 1 : 0);
   });
   for (let i = 0; i < sorted.length; i++) rank.set(sorted[i].id, i);
   return rank;
@@ -884,8 +885,8 @@ function popScale(t) {
   return 1 + c3 * u * u * u + c1 * u * u;
 }
 function popAlpha(t) {
-  const a2 = t / 0.6;
-  return a2 >= 1 ? 1 : a2 <= 0 ? 0 : a2;
+  const a = t / 0.6;
+  return a >= 1 ? 1 : a <= 0 ? 0 : a;
 }
 function driftFactor(t) {
   const u = 1 - (t <= 0 ? 0 : t >= 1 ? 1 : t);
@@ -927,8 +928,8 @@ function nodeTierAlpha(tier, dimOpacity) {
       return 1;
   }
 }
-function lerp(a2, b, t) {
-  return a2 + (b - a2) * t;
+function lerp(a, b, t) {
+  return a + (b - a) * t;
 }
 var ZERO_SHIFT = { x: 0, y: 0 };
 function makeEntranceReveal(entrance, total) {
@@ -978,12 +979,12 @@ function labelThreshold(zoom) {
   return 1 - t;
 }
 function visibleRect(canvasWidth, canvasHeight, transform, margin = CULL_MARGIN) {
-  const { x: x3, y: y3, k } = transform;
+  const { x, y, k } = transform;
   return {
-    minX: (-x3 - margin) / k,
-    minY: (-y3 - margin) / k,
-    maxX: (canvasWidth - x3 + margin) / k,
-    maxY: (canvasHeight - y3 + margin) / k
+    minX: (-x - margin) / k,
+    minY: (-y - margin) / k,
+    maxX: (canvasWidth - x + margin) / k,
+    maxY: (canvasHeight - y + margin) / k
   };
 }
 function nodeInView(node, rect) {
@@ -1128,14 +1129,14 @@ var GraphCanvasRenderer = class {
     ctx.save();
     ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
     const padding = theme.spacing.padding;
-    const x3 = w - padding;
-    const y3 = h - padding;
+    const x = w - padding;
+    const y = h - padding;
     ctx.font = `600 ${BRAND_FONT_SIZE}px ${theme.fonts.family}`;
     ctx.fillStyle = theme.colors.axis;
     ctx.globalAlpha = 0.55;
     ctx.textAlign = "right";
     ctx.textBaseline = "alphabetic";
-    ctx.fillText("tryOpenData.ai", x3, y3);
+    ctx.fillText("tryOpenData.ai", x, y);
     ctx.restore();
   }
   // -------------------------------------------------------------------------
@@ -1208,7 +1209,7 @@ var GraphCanvasRenderer = class {
       const [prevTier, nextTier] = key.split("|");
       const alpha = lerp(edgeTierAlpha(prevTier, dimOpacity), edgeTierAlpha(nextTier, dimOpacity), t) * ea;
       return { alpha, bucket };
-    }).sort((a2, b) => a2.alpha - b.alpha);
+    }).sort((a, b) => a.alpha - b.alpha);
     for (const { alpha, bucket } of ordered) {
       this.drawEdgeGroupBatched(ctx, bucket, alpha, searchMatches, enterAlphaFor);
     }
@@ -1533,7 +1534,7 @@ function brighten(color) {
     return `rgb(${r},${g},${b})`;
   }
   const hex = color.replace("#", "");
-  const full = hex.length === 3 ? hex.split("").map((c2) => c2 + c2).join("") : hex;
+  const full = hex.length === 3 ? hex.split("").map((c) => c + c).join("") : hex;
   if (full.length === 6) {
     const r = Math.min(255, parseInt(full.slice(0, 2), 16) + 40);
     const g = Math.min(255, parseInt(full.slice(2, 4), 16) + 40);
@@ -1544,17 +1545,17 @@ function brighten(color) {
 }
 
 // src/graph/focus-transition.ts
-function focusSnapshotsEqual(a2, b) {
-  return a2.hasActive === b.hasActive && setsEqual(a2.connected, b.connected) && nullableSetsEqual(a2.searchMatches, b.searchMatches) && setsEqual(a2.selected, b.selected);
+function focusSnapshotsEqual(a, b) {
+  return a.hasActive === b.hasActive && setsEqual(a.connected, b.connected) && nullableSetsEqual(a.searchMatches, b.searchMatches) && setsEqual(a.selected, b.selected);
 }
-function setsEqual(a2, b) {
-  if (a2.size !== b.size) return false;
-  for (const v of a2) if (!b.has(v)) return false;
+function setsEqual(a, b) {
+  if (a.size !== b.size) return false;
+  for (const v of a) if (!b.has(v)) return false;
   return true;
 }
-function nullableSetsEqual(a2, b) {
-  if (a2 === null || b === null) return a2 === b;
-  return setsEqual(a2, b);
+function nullableSetsEqual(a, b) {
+  if (a === null || b === null) return a === b;
+  return setsEqual(a, b);
 }
 var FocusTransition = class {
   prev;
@@ -1562,10 +1563,10 @@ var FocusTransition = class {
   startTime;
   duration;
   ease;
-  constructor(initial, duration, ease, now2) {
+  constructor(initial, duration, ease, now) {
     this.prev = initial;
     this.next = initial;
-    this.startTime = now2;
+    this.startTime = now;
     this.duration = Math.max(0, duration);
     this.ease = ease;
   }
@@ -1574,25 +1575,25 @@ var FocusTransition = class {
    * current display as the new `prev` (the `p < 0.5` rule). A no-op when
    * `target` already equals `next`.
    */
-  retarget(target, now2) {
+  retarget(target, now) {
     if (focusSnapshotsEqual(target, this.next)) return;
-    const p = this.rawProgress(now2);
+    const p = this.rawProgress(now);
     this.prev = p < 0.5 ? this.prev : this.next;
     this.next = target;
-    this.startTime = now2;
+    this.startTime = now;
   }
   /** Raw (un-eased) 0..1 progress. */
-  rawProgress(now2) {
+  rawProgress(now) {
     if (this.duration <= 0) return 1;
-    return Math.min(1, Math.max(0, (now2 - this.startTime) / this.duration));
+    return Math.min(1, Math.max(0, (now - this.startTime) / this.duration));
   }
   /** Eased 0..1 progress toward `next`. */
-  progress(now2) {
-    return this.ease(this.rawProgress(now2));
+  progress(now) {
+    return this.ease(this.rawProgress(now));
   }
   /** True once the transition has fully settled onto `next`. */
-  isSettled(now2) {
-    return this.rawProgress(now2) >= 1;
+  isSettled(now) {
+    return this.rawProgress(now) >= 1;
   }
 };
 function composeStandingFocus(highlight, searchMatches, selected, adjacency) {
@@ -1632,8 +1633,8 @@ function layerHoverFocus(standing, hoveredId, hoverConnected) {
     selected: standing.selected
   };
 }
-function intersect(a2, b) {
-  const [small, large] = a2.size <= b.size ? [a2, b] : [b, a2];
+function intersect(a, b) {
+  const [small, large] = a.size <= b.size ? [a, b] : [b, a];
   const out = /* @__PURE__ */ new Set();
   for (const v of small) if (large.has(v)) out.add(v);
   return out;
@@ -1733,31 +1734,31 @@ var GraphInteractionManager = class {
   }
   onWheel(e) {
     e.preventDefault();
-    const { x: x3, y: y3 } = this.canvasXY(e);
+    const { x, y } = this.canvasXY(e);
     const factor = e.deltaY * ZOOM_STEP;
     const newK = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, this.transform.k * (1 + factor)));
-    this.transform = this.transform.zoomAt(newK, x3, y3);
+    this.transform = this.transform.zoomAt(newK, x, y);
     this.callbacks.onTransformChange(this.transform);
   }
   onMouseDown(e) {
-    const { x: x3, y: y3 } = this.canvasXY(e);
-    const hitId = this.hitTest(x3, y3);
+    const { x, y } = this.canvasXY(e);
+    const hitId = this.hitTest(x, y);
     if (hitId) {
       this.dragState = { nodeId: hitId, started: false };
       this.mousedownNodeId = hitId;
     } else {
-      this.panState = { startX: x3, startY: y3 };
+      this.panState = { startX: x, startY: y };
       this.mousedownNodeId = null;
     }
   }
   onMouseMove(e) {
-    const { x: x3, y: y3 } = this.canvasXY(e);
+    const { x, y } = this.canvasXY(e);
     if (this.callbacks.onPointerMove) {
-      const gp = this.transform.screenToGraph(x3, y3);
+      const gp = this.transform.screenToGraph(x, y);
       this.callbacks.onPointerMove(gp.x, gp.y);
     }
     if (this.dragState) {
-      const graph = this.transform.screenToGraph(x3, y3);
+      const graph = this.transform.screenToGraph(x, y);
       if (!this.dragState.started) {
         this.dragState.started = true;
         this.callbacks.onNodeDragStart(this.dragState.nodeId);
@@ -1766,23 +1767,23 @@ var GraphInteractionManager = class {
       return;
     }
     if (this.panState) {
-      const dx = x3 - this.panState.startX;
-      const dy = y3 - this.panState.startY;
+      const dx = x - this.panState.startX;
+      const dy = y - this.panState.startY;
       this.transform = this.transform.pan(dx, dy);
-      this.panState = { startX: x3, startY: y3 };
+      this.panState = { startX: x, startY: y };
       this.callbacks.onTransformChange(this.transform);
       return;
     }
-    const hitId = this.hitTest(x3, y3);
+    const hitId = this.hitTest(x, y);
     this.callbacks.onHoverChange(hitId);
     if (!hitId) {
-      const graph = this.transform.screenToGraph(x3, y3);
-      this.callbacks.onBackgroundHover?.(graph.x, graph.y, x3, y3);
+      const graph = this.transform.screenToGraph(x, y);
+      this.callbacks.onBackgroundHover?.(graph.x, graph.y, x, y);
     }
     this.canvas.style.cursor = hitId ? "pointer" : "default";
   }
   onMouseUp(e) {
-    const { x: x3, y: y3 } = this.canvasXY(e);
+    const { x, y } = this.canvasXY(e);
     if (this.dragState) {
       if (this.dragState.started) {
         this.callbacks.onNodeDragEnd(this.dragState.nodeId);
@@ -1795,7 +1796,7 @@ var GraphInteractionManager = class {
     if (this.panState) {
       this.panState = null;
       if (!this.mousedownNodeId) {
-        const hitId = this.hitTest(x3, y3);
+        const hitId = this.hitTest(x, y);
         if (!hitId) {
           this.selectedIds.clear();
           this.callbacks.onSelectionChange([]);
@@ -1805,8 +1806,8 @@ var GraphInteractionManager = class {
     }
   }
   onDblClick(e) {
-    const { x: x3, y: y3 } = this.canvasXY(e);
-    const hitId = this.hitTest(x3, y3);
+    const { x, y } = this.canvasXY(e);
+    const hitId = this.hitTest(x, y);
     if (hitId) {
       this.callbacks.onDoubleClick(hitId);
     }
@@ -1847,13 +1848,13 @@ var GraphInteractionManager = class {
     } else if (e.touches.length === 1) {
       const touch = e.touches[0];
       const rect = this.canvas.getBoundingClientRect();
-      const x3 = touch.clientX - rect.left;
-      const y3 = touch.clientY - rect.top;
-      const hitId = this.hitTest(x3, y3);
+      const x = touch.clientX - rect.left;
+      const y = touch.clientY - rect.top;
+      const hitId = this.hitTest(x, y);
       if (hitId) {
         this.mousedownNodeId = hitId;
       } else {
-        this.panState = { startX: x3, startY: y3 };
+        this.panState = { startX: x, startY: y };
         this.mousedownNodeId = null;
       }
     }
@@ -1883,12 +1884,12 @@ var GraphInteractionManager = class {
     } else if (e.touches.length === 1 && this.panState) {
       const touch = e.touches[0];
       const rect = this.canvas.getBoundingClientRect();
-      const x3 = touch.clientX - rect.left;
-      const y3 = touch.clientY - rect.top;
-      const dx = x3 - this.panState.startX;
-      const dy = y3 - this.panState.startY;
+      const x = touch.clientX - rect.left;
+      const y = touch.clientY - rect.top;
+      const dx = x - this.panState.startX;
+      const dy = y - this.panState.startY;
       this.transform = this.transform.pan(dx, dy);
-      this.panState = { startX: x3, startY: y3 };
+      this.panState = { startX: x, startY: y };
       this.callbacks.onTransformChange(this.transform);
     }
   }
@@ -1934,9 +1935,9 @@ function attachGraphKeyboardNav(options) {
     if (candidates.length === 0) return null;
     let best = null;
     let bestScore = -Infinity;
-    for (const c2 of candidates) {
-      const dx = c2.x - fromNode.x;
-      const dy = c2.y - fromNode.y;
+    for (const c of candidates) {
+      const dx = c.x - fromNode.x;
+      const dy = c.y - fromNode.y;
       let score;
       switch (direction) {
         case "right":
@@ -1954,7 +1955,7 @@ function attachGraphKeyboardNav(options) {
       }
       if (score > bestScore) {
         bestScore = score;
-        best = c2;
+        best = c;
       }
     }
     return best?.id ?? null;
@@ -2193,634 +2194,16 @@ function seedNodePositions(nodes, seed) {
   }
 }
 
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/center.js
-function center_default(x3, y3) {
-  var nodes, strength = 1;
-  if (x3 == null) x3 = 0;
-  if (y3 == null) y3 = 0;
-  function force() {
-    var i, n = nodes.length, node, sx = 0, sy = 0;
-    for (i = 0; i < n; ++i) {
-      node = nodes[i], sx += node.x, sy += node.y;
-    }
-    for (sx = (sx / n - x3) * strength, sy = (sy / n - y3) * strength, i = 0; i < n; ++i) {
-      node = nodes[i], node.x -= sx, node.y -= sy;
-    }
-  }
-  force.initialize = function(_) {
-    nodes = _;
-  };
-  force.x = function(_) {
-    return arguments.length ? (x3 = +_, force) : x3;
-  };
-  force.y = function(_) {
-    return arguments.length ? (y3 = +_, force) : y3;
-  };
-  force.strength = function(_) {
-    return arguments.length ? (strength = +_, force) : strength;
-  };
-  return force;
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/constant.js
-function constant_default(x3) {
-  return function() {
-    return x3;
-  };
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/jiggle.js
-function jiggle_default(random) {
-  return (random() - 0.5) * 1e-6;
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/collide.js
-function x(d) {
-  return d.x + d.vx;
-}
-function y(d) {
-  return d.y + d.vy;
-}
-function collide_default(radius) {
-  var nodes, radii, random, strength = 1, iterations = 1;
-  if (typeof radius !== "function") radius = constant_default(radius == null ? 1 : +radius);
-  function force() {
-    var i, n = nodes.length, tree, node, xi, yi, ri, ri2;
-    for (var k = 0; k < iterations; ++k) {
-      tree = quadtree(nodes, x, y).visitAfter(prepare);
-      for (i = 0; i < n; ++i) {
-        node = nodes[i];
-        ri = radii[node.index], ri2 = ri * ri;
-        xi = node.x + node.vx;
-        yi = node.y + node.vy;
-        tree.visit(apply);
-      }
-    }
-    function apply(quad, x0, y0, x1, y1) {
-      var data = quad.data, rj = quad.r, r = ri + rj;
-      if (data) {
-        if (data.index > node.index) {
-          var x3 = xi - data.x - data.vx, y3 = yi - data.y - data.vy, l = x3 * x3 + y3 * y3;
-          if (l < r * r) {
-            if (x3 === 0) x3 = jiggle_default(random), l += x3 * x3;
-            if (y3 === 0) y3 = jiggle_default(random), l += y3 * y3;
-            l = (r - (l = Math.sqrt(l))) / l * strength;
-            node.vx += (x3 *= l) * (r = (rj *= rj) / (ri2 + rj));
-            node.vy += (y3 *= l) * r;
-            data.vx -= x3 * (r = 1 - r);
-            data.vy -= y3 * r;
-          }
-        }
-        return;
-      }
-      return x0 > xi + r || x1 < xi - r || y0 > yi + r || y1 < yi - r;
-    }
-  }
-  function prepare(quad) {
-    if (quad.data) return quad.r = radii[quad.data.index];
-    for (var i = quad.r = 0; i < 4; ++i) {
-      if (quad[i] && quad[i].r > quad.r) {
-        quad.r = quad[i].r;
-      }
-    }
-  }
-  function initialize() {
-    if (!nodes) return;
-    var i, n = nodes.length, node;
-    radii = new Array(n);
-    for (i = 0; i < n; ++i) node = nodes[i], radii[node.index] = +radius(node, i, nodes);
-  }
-  force.initialize = function(_nodes, _random) {
-    nodes = _nodes;
-    random = _random;
-    initialize();
-  };
-  force.iterations = function(_) {
-    return arguments.length ? (iterations = +_, force) : iterations;
-  };
-  force.strength = function(_) {
-    return arguments.length ? (strength = +_, force) : strength;
-  };
-  force.radius = function(_) {
-    return arguments.length ? (radius = typeof _ === "function" ? _ : constant_default(+_), initialize(), force) : radius;
-  };
-  return force;
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/link.js
-function index(d) {
-  return d.index;
-}
-function find(nodeById, nodeId) {
-  var node = nodeById.get(nodeId);
-  if (!node) throw new Error("node not found: " + nodeId);
-  return node;
-}
-function link_default(links) {
-  var id = index, strength = defaultStrength, strengths, distance = constant_default(30), distances, nodes, count, bias, random, iterations = 1;
-  if (links == null) links = [];
-  function defaultStrength(link) {
-    return 1 / Math.min(count[link.source.index], count[link.target.index]);
-  }
-  function force(alpha) {
-    for (var k = 0, n = links.length; k < iterations; ++k) {
-      for (var i = 0, link, source, target, x3, y3, l, b; i < n; ++i) {
-        link = links[i], source = link.source, target = link.target;
-        x3 = target.x + target.vx - source.x - source.vx || jiggle_default(random);
-        y3 = target.y + target.vy - source.y - source.vy || jiggle_default(random);
-        l = Math.sqrt(x3 * x3 + y3 * y3);
-        l = (l - distances[i]) / l * alpha * strengths[i];
-        x3 *= l, y3 *= l;
-        target.vx -= x3 * (b = bias[i]);
-        target.vy -= y3 * b;
-        source.vx += x3 * (b = 1 - b);
-        source.vy += y3 * b;
-      }
-    }
-  }
-  function initialize() {
-    if (!nodes) return;
-    var i, n = nodes.length, m2 = links.length, nodeById = new Map(nodes.map((d, i2) => [id(d, i2, nodes), d])), link;
-    for (i = 0, count = new Array(n); i < m2; ++i) {
-      link = links[i], link.index = i;
-      if (typeof link.source !== "object") link.source = find(nodeById, link.source);
-      if (typeof link.target !== "object") link.target = find(nodeById, link.target);
-      count[link.source.index] = (count[link.source.index] || 0) + 1;
-      count[link.target.index] = (count[link.target.index] || 0) + 1;
-    }
-    for (i = 0, bias = new Array(m2); i < m2; ++i) {
-      link = links[i], bias[i] = count[link.source.index] / (count[link.source.index] + count[link.target.index]);
-    }
-    strengths = new Array(m2), initializeStrength();
-    distances = new Array(m2), initializeDistance();
-  }
-  function initializeStrength() {
-    if (!nodes) return;
-    for (var i = 0, n = links.length; i < n; ++i) {
-      strengths[i] = +strength(links[i], i, links);
-    }
-  }
-  function initializeDistance() {
-    if (!nodes) return;
-    for (var i = 0, n = links.length; i < n; ++i) {
-      distances[i] = +distance(links[i], i, links);
-    }
-  }
-  force.initialize = function(_nodes, _random) {
-    nodes = _nodes;
-    random = _random;
-    initialize();
-  };
-  force.links = function(_) {
-    return arguments.length ? (links = _, initialize(), force) : links;
-  };
-  force.id = function(_) {
-    return arguments.length ? (id = _, force) : id;
-  };
-  force.iterations = function(_) {
-    return arguments.length ? (iterations = +_, force) : iterations;
-  };
-  force.strength = function(_) {
-    return arguments.length ? (strength = typeof _ === "function" ? _ : constant_default(+_), initializeStrength(), force) : strength;
-  };
-  force.distance = function(_) {
-    return arguments.length ? (distance = typeof _ === "function" ? _ : constant_default(+_), initializeDistance(), force) : distance;
-  };
-  return force;
-}
-
-// ../../node_modules/.bun/d3-dispatch@3.0.1/node_modules/d3-dispatch/src/dispatch.js
-var noop = { value: () => {
-} };
-function dispatch() {
-  for (var i = 0, n = arguments.length, _ = {}, t; i < n; ++i) {
-    if (!(t = arguments[i] + "") || t in _ || /[\s.]/.test(t)) throw new Error("illegal type: " + t);
-    _[t] = [];
-  }
-  return new Dispatch(_);
-}
-function Dispatch(_) {
-  this._ = _;
-}
-function parseTypenames(typenames, types) {
-  return typenames.trim().split(/^|\s+/).map(function(t) {
-    var name = "", i = t.indexOf(".");
-    if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);
-    if (t && !types.hasOwnProperty(t)) throw new Error("unknown type: " + t);
-    return { type: t, name };
-  });
-}
-Dispatch.prototype = dispatch.prototype = {
-  constructor: Dispatch,
-  on: function(typename, callback) {
-    var _ = this._, T = parseTypenames(typename + "", _), t, i = -1, n = T.length;
-    if (arguments.length < 2) {
-      while (++i < n) if ((t = (typename = T[i]).type) && (t = get(_[t], typename.name))) return t;
-      return;
-    }
-    if (callback != null && typeof callback !== "function") throw new Error("invalid callback: " + callback);
-    while (++i < n) {
-      if (t = (typename = T[i]).type) _[t] = set(_[t], typename.name, callback);
-      else if (callback == null) for (t in _) _[t] = set(_[t], typename.name, null);
-    }
-    return this;
-  },
-  copy: function() {
-    var copy = {}, _ = this._;
-    for (var t in _) copy[t] = _[t].slice();
-    return new Dispatch(copy);
-  },
-  call: function(type, that) {
-    if ((n = arguments.length - 2) > 0) for (var args = new Array(n), i = 0, n, t; i < n; ++i) args[i] = arguments[i + 2];
-    if (!this._.hasOwnProperty(type)) throw new Error("unknown type: " + type);
-    for (t = this._[type], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);
-  },
-  apply: function(type, that, args) {
-    if (!this._.hasOwnProperty(type)) throw new Error("unknown type: " + type);
-    for (var t = this._[type], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);
-  }
-};
-function get(type, name) {
-  for (var i = 0, n = type.length, c2; i < n; ++i) {
-    if ((c2 = type[i]).name === name) {
-      return c2.value;
-    }
-  }
-}
-function set(type, name, callback) {
-  for (var i = 0, n = type.length; i < n; ++i) {
-    if (type[i].name === name) {
-      type[i] = noop, type = type.slice(0, i).concat(type.slice(i + 1));
-      break;
-    }
-  }
-  if (callback != null) type.push({ name, value: callback });
-  return type;
-}
-var dispatch_default = dispatch;
-
-// ../../node_modules/.bun/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js
-var frame = 0;
-var timeout = 0;
-var interval = 0;
-var pokeDelay = 1e3;
-var taskHead;
-var taskTail;
-var clockLast = 0;
-var clockNow = 0;
-var clockSkew = 0;
-var clock = typeof performance === "object" && performance.now ? performance : Date;
-var setFrame = typeof window === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f) {
-  setTimeout(f, 17);
-};
-function now() {
-  return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
-}
-function clearNow() {
-  clockNow = 0;
-}
-function Timer() {
-  this._call = this._time = this._next = null;
-}
-Timer.prototype = timer.prototype = {
-  constructor: Timer,
-  restart: function(callback, delay, time) {
-    if (typeof callback !== "function") throw new TypeError("callback is not a function");
-    time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
-    if (!this._next && taskTail !== this) {
-      if (taskTail) taskTail._next = this;
-      else taskHead = this;
-      taskTail = this;
-    }
-    this._call = callback;
-    this._time = time;
-    sleep();
-  },
-  stop: function() {
-    if (this._call) {
-      this._call = null;
-      this._time = Infinity;
-      sleep();
-    }
-  }
-};
-function timer(callback, delay, time) {
-  var t = new Timer();
-  t.restart(callback, delay, time);
-  return t;
-}
-function timerFlush() {
-  now();
-  ++frame;
-  var t = taskHead, e;
-  while (t) {
-    if ((e = clockNow - t._time) >= 0) t._call.call(void 0, e);
-    t = t._next;
-  }
-  --frame;
-}
-function wake() {
-  clockNow = (clockLast = clock.now()) + clockSkew;
-  frame = timeout = 0;
-  try {
-    timerFlush();
-  } finally {
-    frame = 0;
-    nap();
-    clockNow = 0;
-  }
-}
-function poke() {
-  var now2 = clock.now(), delay = now2 - clockLast;
-  if (delay > pokeDelay) clockSkew -= delay, clockLast = now2;
-}
-function nap() {
-  var t0, t1 = taskHead, t2, time = Infinity;
-  while (t1) {
-    if (t1._call) {
-      if (time > t1._time) time = t1._time;
-      t0 = t1, t1 = t1._next;
-    } else {
-      t2 = t1._next, t1._next = null;
-      t1 = t0 ? t0._next = t2 : taskHead = t2;
-    }
-  }
-  taskTail = t0;
-  sleep(time);
-}
-function sleep(time) {
-  if (frame) return;
-  if (timeout) timeout = clearTimeout(timeout);
-  var delay = time - clockNow;
-  if (delay > 24) {
-    if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);
-    if (interval) interval = clearInterval(interval);
-  } else {
-    if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);
-    frame = 1, setFrame(wake);
-  }
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/lcg.js
-var a = 1664525;
-var c = 1013904223;
-var m = 4294967296;
-function lcg_default() {
-  let s = 1;
-  return () => (s = (a * s + c) % m) / m;
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/simulation.js
-function x2(d) {
-  return d.x;
-}
-function y2(d) {
-  return d.y;
-}
-var initialRadius = 10;
-var initialAngle = Math.PI * (3 - Math.sqrt(5));
-function simulation_default(nodes) {
-  var simulation, alpha = 1, alphaMin = 1e-3, alphaDecay = 1 - Math.pow(alphaMin, 1 / 300), alphaTarget = 0, velocityDecay = 0.6, forces = /* @__PURE__ */ new Map(), stepper = timer(step), event = dispatch_default("tick", "end"), random = lcg_default();
-  if (nodes == null) nodes = [];
-  function step() {
-    tick();
-    event.call("tick", simulation);
-    if (alpha < alphaMin) {
-      stepper.stop();
-      event.call("end", simulation);
-    }
-  }
-  function tick(iterations) {
-    var i, n = nodes.length, node;
-    if (iterations === void 0) iterations = 1;
-    for (var k = 0; k < iterations; ++k) {
-      alpha += (alphaTarget - alpha) * alphaDecay;
-      forces.forEach(function(force) {
-        force(alpha);
-      });
-      for (i = 0; i < n; ++i) {
-        node = nodes[i];
-        if (node.fx == null) node.x += node.vx *= velocityDecay;
-        else node.x = node.fx, node.vx = 0;
-        if (node.fy == null) node.y += node.vy *= velocityDecay;
-        else node.y = node.fy, node.vy = 0;
-      }
-    }
-    return simulation;
-  }
-  function initializeNodes() {
-    for (var i = 0, n = nodes.length, node; i < n; ++i) {
-      node = nodes[i], node.index = i;
-      if (node.fx != null) node.x = node.fx;
-      if (node.fy != null) node.y = node.fy;
-      if (isNaN(node.x) || isNaN(node.y)) {
-        var radius = initialRadius * Math.sqrt(0.5 + i), angle = i * initialAngle;
-        node.x = radius * Math.cos(angle);
-        node.y = radius * Math.sin(angle);
-      }
-      if (isNaN(node.vx) || isNaN(node.vy)) {
-        node.vx = node.vy = 0;
-      }
-    }
-  }
-  function initializeForce(force) {
-    if (force.initialize) force.initialize(nodes, random);
-    return force;
-  }
-  initializeNodes();
-  return simulation = {
-    tick,
-    restart: function() {
-      return stepper.restart(step), simulation;
-    },
-    stop: function() {
-      return stepper.stop(), simulation;
-    },
-    nodes: function(_) {
-      return arguments.length ? (nodes = _, initializeNodes(), forces.forEach(initializeForce), simulation) : nodes;
-    },
-    alpha: function(_) {
-      return arguments.length ? (alpha = +_, simulation) : alpha;
-    },
-    alphaMin: function(_) {
-      return arguments.length ? (alphaMin = +_, simulation) : alphaMin;
-    },
-    alphaDecay: function(_) {
-      return arguments.length ? (alphaDecay = +_, simulation) : +alphaDecay;
-    },
-    alphaTarget: function(_) {
-      return arguments.length ? (alphaTarget = +_, simulation) : alphaTarget;
-    },
-    velocityDecay: function(_) {
-      return arguments.length ? (velocityDecay = 1 - _, simulation) : 1 - velocityDecay;
-    },
-    randomSource: function(_) {
-      return arguments.length ? (random = _, forces.forEach(initializeForce), simulation) : random;
-    },
-    force: function(name, _) {
-      return arguments.length > 1 ? (_ == null ? forces.delete(name) : forces.set(name, initializeForce(_)), simulation) : forces.get(name);
-    },
-    find: function(x3, y3, radius) {
-      var i = 0, n = nodes.length, dx, dy, d2, node, closest;
-      if (radius == null) radius = Infinity;
-      else radius *= radius;
-      for (i = 0; i < n; ++i) {
-        node = nodes[i];
-        dx = x3 - node.x;
-        dy = y3 - node.y;
-        d2 = dx * dx + dy * dy;
-        if (d2 < radius) closest = node, radius = d2;
-      }
-      return closest;
-    },
-    on: function(name, _) {
-      return arguments.length > 1 ? (event.on(name, _), simulation) : event.on(name);
-    }
-  };
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/manyBody.js
-function manyBody_default() {
-  var nodes, node, random, alpha, strength = constant_default(-30), strengths, distanceMin2 = 1, distanceMax2 = Infinity, theta2 = 0.81;
-  function force(_) {
-    var i, n = nodes.length, tree = quadtree(nodes, x2, y2).visitAfter(accumulate);
-    for (alpha = _, i = 0; i < n; ++i) node = nodes[i], tree.visit(apply);
-  }
-  function initialize() {
-    if (!nodes) return;
-    var i, n = nodes.length, node2;
-    strengths = new Array(n);
-    for (i = 0; i < n; ++i) node2 = nodes[i], strengths[node2.index] = +strength(node2, i, nodes);
-  }
-  function accumulate(quad) {
-    var strength2 = 0, q, c2, weight = 0, x3, y3, i;
-    if (quad.length) {
-      for (x3 = y3 = i = 0; i < 4; ++i) {
-        if ((q = quad[i]) && (c2 = Math.abs(q.value))) {
-          strength2 += q.value, weight += c2, x3 += c2 * q.x, y3 += c2 * q.y;
-        }
-      }
-      quad.x = x3 / weight;
-      quad.y = y3 / weight;
-    } else {
-      q = quad;
-      q.x = q.data.x;
-      q.y = q.data.y;
-      do
-        strength2 += strengths[q.data.index];
-      while (q = q.next);
-    }
-    quad.value = strength2;
-  }
-  function apply(quad, x1, _, x22) {
-    if (!quad.value) return true;
-    var x3 = quad.x - node.x, y3 = quad.y - node.y, w = x22 - x1, l = x3 * x3 + y3 * y3;
-    if (w * w / theta2 < l) {
-      if (l < distanceMax2) {
-        if (x3 === 0) x3 = jiggle_default(random), l += x3 * x3;
-        if (y3 === 0) y3 = jiggle_default(random), l += y3 * y3;
-        if (l < distanceMin2) l = Math.sqrt(distanceMin2 * l);
-        node.vx += x3 * quad.value * alpha / l;
-        node.vy += y3 * quad.value * alpha / l;
-      }
-      return true;
-    } else if (quad.length || l >= distanceMax2) return;
-    if (quad.data !== node || quad.next) {
-      if (x3 === 0) x3 = jiggle_default(random), l += x3 * x3;
-      if (y3 === 0) y3 = jiggle_default(random), l += y3 * y3;
-      if (l < distanceMin2) l = Math.sqrt(distanceMin2 * l);
-    }
-    do
-      if (quad.data !== node) {
-        w = strengths[quad.data.index] * alpha / l;
-        node.vx += x3 * w;
-        node.vy += y3 * w;
-      }
-    while (quad = quad.next);
-  }
-  force.initialize = function(_nodes, _random) {
-    nodes = _nodes;
-    random = _random;
-    initialize();
-  };
-  force.strength = function(_) {
-    return arguments.length ? (strength = typeof _ === "function" ? _ : constant_default(+_), initialize(), force) : strength;
-  };
-  force.distanceMin = function(_) {
-    return arguments.length ? (distanceMin2 = _ * _, force) : Math.sqrt(distanceMin2);
-  };
-  force.distanceMax = function(_) {
-    return arguments.length ? (distanceMax2 = _ * _, force) : Math.sqrt(distanceMax2);
-  };
-  force.theta = function(_) {
-    return arguments.length ? (theta2 = _ * _, force) : Math.sqrt(theta2);
-  };
-  return force;
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/x.js
-function x_default(x3) {
-  var strength = constant_default(0.1), nodes, strengths, xz;
-  if (typeof x3 !== "function") x3 = constant_default(x3 == null ? 0 : +x3);
-  function force(alpha) {
-    for (var i = 0, n = nodes.length, node; i < n; ++i) {
-      node = nodes[i], node.vx += (xz[i] - node.x) * strengths[i] * alpha;
-    }
-  }
-  function initialize() {
-    if (!nodes) return;
-    var i, n = nodes.length;
-    strengths = new Array(n);
-    xz = new Array(n);
-    for (i = 0; i < n; ++i) {
-      strengths[i] = isNaN(xz[i] = +x3(nodes[i], i, nodes)) ? 0 : +strength(nodes[i], i, nodes);
-    }
-  }
-  force.initialize = function(_) {
-    nodes = _;
-    initialize();
-  };
-  force.strength = function(_) {
-    return arguments.length ? (strength = typeof _ === "function" ? _ : constant_default(+_), initialize(), force) : strength;
-  };
-  force.x = function(_) {
-    return arguments.length ? (x3 = typeof _ === "function" ? _ : constant_default(+_), initialize(), force) : x3;
-  };
-  return force;
-}
-
-// ../../node_modules/.bun/d3-force@3.0.0/node_modules/d3-force/src/y.js
-function y_default(y3) {
-  var strength = constant_default(0.1), nodes, strengths, yz;
-  if (typeof y3 !== "function") y3 = constant_default(y3 == null ? 0 : +y3);
-  function force(alpha) {
-    for (var i = 0, n = nodes.length, node; i < n; ++i) {
-      node = nodes[i], node.vy += (yz[i] - node.y) * strengths[i] * alpha;
-    }
-  }
-  function initialize() {
-    if (!nodes) return;
-    var i, n = nodes.length;
-    strengths = new Array(n);
-    yz = new Array(n);
-    for (i = 0; i < n; ++i) {
-      strengths[i] = isNaN(yz[i] = +y3(nodes[i], i, nodes)) ? 0 : +strength(nodes[i], i, nodes);
-    }
-  }
-  force.initialize = function(_) {
-    nodes = _;
-    initialize();
-  };
-  force.strength = function(_) {
-    return arguments.length ? (strength = typeof _ === "function" ? _ : constant_default(+_), initialize(), force) : strength;
-  };
-  force.y = function(_) {
-    return arguments.length ? (y3 = typeof _ === "function" ? _ : constant_default(+_), initialize(), force) : y3;
-  };
-  return force;
-}
-
 // src/graph/simulation.ts
+import {
+  forceCenter,
+  forceCollide,
+  forceLink,
+  forceManyBody,
+  forceSimulation,
+  forceX,
+  forceY
+} from "d3-force";
 var SYNC_TICKS_PER_BATCH = 15;
 var SYNC_MAX_TICKS_CEIL = 800;
 var DEFAULT_ALPHA_MIN = 1e-3;
@@ -2837,14 +2220,14 @@ function forceCluster(nodes, strength) {
     const count = /* @__PURE__ */ new Map();
     for (const node of nodes) {
       if (!node.community) continue;
-      const c2 = node.community;
-      cx.set(c2, (cx.get(c2) ?? 0) + (node.x ?? 0));
-      cy.set(c2, (cy.get(c2) ?? 0) + (node.y ?? 0));
-      count.set(c2, (count.get(c2) ?? 0) + 1);
+      const c = node.community;
+      cx.set(c, (cx.get(c) ?? 0) + (node.x ?? 0));
+      cy.set(c, (cy.get(c) ?? 0) + (node.y ?? 0));
+      count.set(c, (count.get(c) ?? 0) + 1);
     }
-    for (const [c2, n] of count) {
-      cx.set(c2, cx.get(c2) / n);
-      cy.set(c2, cy.get(c2) / n);
+    for (const [c, n] of count) {
+      cx.set(c, cx.get(c) / n);
+      cy.set(c, cy.get(c) / n);
     }
     const k = strength * alpha;
     for (const node of nodes) {
@@ -2946,17 +2329,17 @@ var SimulationManager = class _SimulationManager {
    * pinned node's neighbors follow springily. Omitting it posts a byte-identical
    * legacy message and leaves alpha untouched.
    */
-  pinNode(id, x3, y3, alphaTarget) {
+  pinNode(id, x, y, alphaTarget) {
     if (this.destroyed) return;
     if (this.worker) {
       this.worker.postMessage(
-        alphaTarget != null ? { type: "pin", nodeId: id, x: x3, y: y3, alphaTarget } : { type: "pin", nodeId: id, x: x3, y: y3 }
+        alphaTarget != null ? { type: "pin", nodeId: id, x, y, alphaTarget } : { type: "pin", nodeId: id, x, y }
       );
     } else {
       const node = this.syncNodeMap.get(id);
       if (node) {
-        node.fx = x3;
-        node.fy = y3;
+        node.fx = x;
+        node.fy = y;
       }
       if (alphaTarget != null && this.syncSim) {
         this.dragAlphaTarget = alphaTarget;
@@ -2999,14 +2382,14 @@ var SimulationManager = class _SimulationManager {
    * Feed the cursor-repulsion force a pointer position. `active: false` clears
    * the force. No-op when the graph has no cursor force configured (radius 0).
    */
-  setPointer(x3, y3, active) {
+  setPointer(x, y, active) {
     if (this.destroyed) return;
     if (this.worker) {
-      this.worker.postMessage({ type: "pointer", x: x3, y: y3, active });
+      this.worker.postMessage({ type: "pointer", x, y, active });
     } else {
       if (this.pointer.radius <= 0) return;
-      this.pointer.x = x3;
-      this.pointer.y = y3;
+      this.pointer.x = x;
+      this.pointer.y = y;
       this.pointer.active = active;
       this.cursorAlphaTarget = active ? 0.03 : 0;
       if (this.syncSim) {
@@ -3024,15 +2407,15 @@ var SimulationManager = class _SimulationManager {
     this.syncSim.alphaTarget(Math.max(this.dragAlphaTarget, this.cursorAlphaTarget));
   }
   /** Drag a node (pins it and reheats slightly). */
-  dragNode(id, x3, y3) {
+  dragNode(id, x, y) {
     if (this.destroyed) return;
     if (this.worker) {
-      this.worker.postMessage({ type: "drag", nodeId: id, x: x3, y: y3 });
+      this.worker.postMessage({ type: "drag", nodeId: id, x, y });
     } else {
       const node = this.syncNodeMap.get(id);
       if (node) {
-        node.fx = x3;
-        node.fy = y3;
+        node.fx = x;
+        node.fy = y;
       }
       if (this.syncSim && this.syncSim.alpha() < 0.1) {
         this.syncSim.alpha(0.1).restart();
@@ -3128,17 +2511,17 @@ var SimulationManager = class _SimulationManager {
       community: n.community
     }));
     this.syncNodeMap = new Map(this.syncNodes.map((n) => [n.id, n]));
-    const linkForce = link_default(edges.map((e) => ({ ...e }))).id((d) => d.id).distance(config.linkDistance);
+    const linkForce = forceLink(edges.map((e) => ({ ...e }))).id((d) => d.id).distance(config.linkDistance);
     if (config.linkStrength != null) {
       linkForce.strength(config.linkStrength);
     }
     const padding = config.collisionPadding ?? 2;
-    this.syncSim = simulation_default(this.syncNodes).force("link", linkForce).force("charge", manyBody_default().strength(config.chargeStrength)).force(
+    this.syncSim = forceSimulation(this.syncNodes).force("link", linkForce).force("charge", forceManyBody().strength(config.chargeStrength)).force(
       "collide",
-      collide_default().radius((d) => d.radius + padding)
-    ).force("gravityX", x_default(0).strength(0.05)).force("gravityY", y_default(0).strength(0.05)).alphaDecay(config.alphaDecay).velocityDecay(config.velocityDecay).stop();
+      forceCollide().radius((d) => d.radius + padding)
+    ).force("gravityX", forceX(0).strength(0.05)).force("gravityY", forceY(0).strength(0.05)).alphaDecay(config.alphaDecay).velocityDecay(config.velocityDecay).stop();
     if (config.centerForce !== false) {
-      this.syncSim.force("center", center_default(0, 0));
+      this.syncSim.force("center", forceCenter(0, 0));
     }
     if (config.clustering) {
       const clusterFn = forceCluster(this.syncNodes, config.clustering.strength);
@@ -3239,24 +2622,24 @@ var SpatialIndex2 = class extends SpatialIndex {
 };
 
 // src/graph/update-diff-config.ts
-function stableKey(c2) {
+function stableKey(c) {
   return JSON.stringify([
-    c2.chargeStrength,
-    c2.linkDistance,
-    c2.clustering ? [c2.clustering.field, c2.clustering.strength] : null,
-    c2.alphaDecay,
-    c2.velocityDecay,
-    c2.collisionRadius,
-    c2.collisionPadding ?? null,
-    c2.linkStrength ?? null,
-    c2.centerForce ?? null,
-    c2.seed ?? null,
-    c2.warmupTicks ?? null,
-    c2.warmupBudgetMs ?? null
+    c.chargeStrength,
+    c.linkDistance,
+    c.clustering ? [c.clustering.field, c.clustering.strength] : null,
+    c.alphaDecay,
+    c.velocityDecay,
+    c.collisionRadius,
+    c.collisionPadding ?? null,
+    c.linkStrength ?? null,
+    c.centerForce ?? null,
+    c.seed ?? null,
+    c.warmupTicks ?? null,
+    c.warmupBudgetMs ?? null
   ]);
 }
-function simulationConfigEqual(a2, b) {
-  return stableKey(a2) === stableKey(b);
+function simulationConfigEqual(a, b) {
+  return stableKey(a) === stableKey(b);
 }
 
 // src/graph/update-diff.ts
@@ -3297,9 +2680,9 @@ function diffGraphUpdate(prevNodes, prevEdges, next, prevConfig, seed) {
   const remainingPrev = new Map(prevEdgeCounts);
   for (const e of next.edges) {
     const k = `${e.source} ${e.target}`;
-    const c2 = remainingPrev.get(k);
-    if (c2 && c2 > 0) {
-      remainingPrev.set(k, c2 - 1);
+    const c = remainingPrev.get(k);
+    if (c && c > 0) {
+      remainingPrev.set(k, c - 1);
     } else {
       enteringEdgeCount++;
     }
@@ -3339,10 +2722,10 @@ function diffGraphUpdate(prevNodes, prevEdges, next, prevConfig, seed) {
 }
 function buildAdjacency(edges) {
   const map = /* @__PURE__ */ new Map();
-  const push = (a2, b) => {
-    const list = map.get(a2);
+  const push = (a, b) => {
+    const list = map.get(a);
     if (list) list.push(b);
-    else map.set(a2, [b]);
+    else map.set(a, [b]);
   };
   for (const e of edges) {
     push(e.source, e.target);
@@ -3370,9 +2753,9 @@ function edgeSetsEqual(prev, next) {
   }
   for (const e of next) {
     const k = key(e);
-    const c2 = counts.get(k);
-    if (!c2) return false;
-    counts.set(k, c2 - 1);
+    const c = counts.get(k);
+    if (!c) return false;
+    counts.set(k, c - 1);
   }
   return true;
 }
@@ -3696,9 +3079,9 @@ function createGraph(container, spec, options) {
       for (const p of positions) {
         posMap.set(p.id, { x: p.x, y: p.y });
       }
-      positionedNodes = compilation.nodes.map((node, index2) => {
+      positionedNodes = compilation.nodes.map((node, index) => {
         const pos = posMap.get(node.id) ?? { x: 0, y: 0 };
-        return { ...node, x: pos.x, y: pos.y, index: index2 };
+        return { ...node, x: pos.x, y: pos.y, index };
       });
       positionedEdges = compilation.edges.map((edge) => {
         const src = posMap.get(edge.source) ?? { x: 0, y: 0 };
@@ -3801,16 +3184,16 @@ function createGraph(container, spec, options) {
     if (nodeId === null) return null;
     if (compilation.interaction.hoverMode === "category") {
       const cat = nodeCategory.get(nodeId);
-      const set3 = /* @__PURE__ */ new Set([nodeId]);
+      const set2 = /* @__PURE__ */ new Set([nodeId]);
       if (cat !== void 0) {
-        for (const [id, c2] of nodeCategory) if (c2 === cat) set3.add(id);
+        for (const [id, c] of nodeCategory) if (c === cat) set2.add(id);
       }
-      return set3;
+      return set2;
     }
-    const set2 = /* @__PURE__ */ new Set([nodeId]);
+    const set = /* @__PURE__ */ new Set([nodeId]);
     const neighbors = adjacencyMap.get(nodeId);
-    if (neighbors) for (const nid of neighbors) set2.add(nid);
-    return set2;
+    if (neighbors) for (const nid of neighbors) set.add(nid);
+    return set;
   }
   function standingSnapshot() {
     return composeStandingFocus(
@@ -3823,16 +3206,16 @@ function createGraph(container, spec, options) {
   function targetSnapshot() {
     return layerHoverFocus(standingSnapshot(), hoveredNodeId, hoverConnectedSet(hoveredNodeId));
   }
-  function armFocus(now2) {
+  function armFocus(now) {
     const target = targetSnapshot();
     const hoverCfg = compilation.animation?.hover ?? null;
     const duration = hoverCfg && !prefersReducedMotion() ? hoverCfg.duration : 0;
     const ease = resolveEase(hoverCfg?.ease ?? "smooth");
     if (!focusTransition) {
-      focusTransition = new FocusTransition(target, duration, ease, now2);
+      focusTransition = new FocusTransition(target, duration, ease, now);
       return;
     }
-    focusTransition.retarget(target, now2);
+    focusTransition.retarget(target, now);
     if (focusAnim) scheduler.remove(focusAnim);
     focusAnim = {
       tick: (t) => {
@@ -3857,28 +3240,28 @@ function createGraph(container, spec, options) {
   function resolveHighlightTarget(target) {
     if ("nodeIds" in target) return new Set(target.nodeIds);
     if ("neighborsOf" in target) {
-      const set3 = /* @__PURE__ */ new Set();
-      if (target.includeSelf !== false) set3.add(target.neighborsOf);
+      const set2 = /* @__PURE__ */ new Set();
+      if (target.includeSelf !== false) set2.add(target.neighborsOf);
       const neighbors = adjacencyMap.get(target.neighborsOf);
-      if (neighbors) for (const nid of neighbors) set3.add(nid);
-      return set3;
+      if (neighbors) for (const nid of neighbors) set2.add(nid);
+      return set2;
     }
     const values = new Set(
       Array.isArray(target.category.value) ? target.category.value : [target.category.value]
     );
     const field = target.category.field;
-    const set2 = /* @__PURE__ */ new Set();
+    const set = /* @__PURE__ */ new Set();
     for (const n of compilation.nodes) {
       const v = n.data?.[field];
-      if (v != null && values.has(String(v))) set2.add(n.id);
+      if (v != null && values.has(String(v))) set.add(n.id);
     }
-    return set2;
+    return set;
   }
   function categoryHighlightSet() {
     if (activeCategories.size === 0) return null;
-    const set2 = /* @__PURE__ */ new Set();
-    for (const [id, cat] of nodeCategory) if (activeCategories.has(cat)) set2.add(id);
-    return set2;
+    const set = /* @__PURE__ */ new Set();
+    for (const [id, cat] of nodeCategory) if (activeCategories.has(cat)) set.add(id);
+    return set;
   }
   function recomputeHighlight() {
     const filter = categoryHighlightSet();
@@ -3967,23 +3350,23 @@ function createGraph(container, spec, options) {
     const t = options?.tooltip;
     return t && typeof t === "object" ? t.formatter ?? null : null;
   }
-  function applyFormatterResult(result, x3, y3) {
+  function applyFormatterResult(result, x, y) {
     if (!tooltipManager) return;
     if (result === null) {
       tooltipManager.hide();
     } else if (typeof result === "string") {
-      tooltipManager.show({ text: result }, x3, y3);
+      tooltipManager.show({ text: result }, x, y);
     } else if (result instanceof HTMLElement) {
-      tooltipManager.show({ element: result }, x3, y3);
+      tooltipManager.show({ element: result }, x, y);
     } else {
-      tooltipManager.show(result, x3, y3);
+      tooltipManager.show(result, x, y);
     }
   }
-  function buildRenderState(now2) {
+  function buildRenderState(now) {
     const transform = interactionManager.getTransform();
-    if (!focusTransition) armFocus(now2);
+    if (!focusTransition) armFocus(now);
     const ft = focusTransition;
-    const t = ft.progress(now2);
+    const t = ft.progress(now);
     const focus = t < 1 ? { t, prev: ft.prev, next: ft.next } : void 0;
     const settledNext = ft.next;
     const hoverRadiusScale = hoverRadiusTween ? /* @__PURE__ */ new Map([[hoverRadiusTween.nodeId, hoverRadiusTween.scale]]) : void 0;
@@ -4013,13 +3396,13 @@ function createGraph(container, spec, options) {
       exiting: exitingGhosts ?? void 0
     };
   }
-  function renderFrame(now2) {
+  function renderFrame(now) {
     animFrameId = null;
     if (destroyed || !renderer || !interactionManager) return;
-    if (scheduler.tick(now2)) needsRender = true;
+    if (scheduler.tick(now)) needsRender = true;
     if (needsRender) {
       needsRender = false;
-      renderer.render(buildRenderState(now2));
+      renderer.render(buildRenderState(now));
     }
     if (scheduler.active) scheduleRender();
     if (cameraChangePending) {
@@ -4127,8 +3510,8 @@ function createGraph(container, spec, options) {
       },
       onBackgroundHover(graphX, graphY, screenX, screenY) {
         if (hoveredNodeId) return;
-        const now2 = performance.now();
-        if (now2 - lastEdgeHitTime < 32) {
+        const now = performance.now();
+        if (now - lastEdgeHitTime < 32) {
           if (hoveredEdgeId) {
             hoveredEdgeId = null;
             needsRender = true;
@@ -4138,7 +3521,7 @@ function createGraph(container, spec, options) {
           }
           return;
         }
-        lastEdgeHitTime = now2;
+        lastEdgeHitTime = now;
         const transform = interactionManager?.getTransform();
         const threshold = 5 / (transform?.k ?? 1);
         const edgeId = hitTestEdge(graphX, graphY, threshold);
@@ -4169,13 +3552,13 @@ function createGraph(container, spec, options) {
       },
       onNodeDragStart(nodeId) {
         const node = positionedNodes.find((n) => n.id === nodeId);
-        const x3 = node?.x ?? 0;
-        const y3 = node?.y ?? 0;
-        simulation?.pinNode(nodeId, x3, y3, springyDragEnabled() ? 0.3 : void 0);
+        const x = node?.x ?? 0;
+        const y = node?.y ?? 0;
+        simulation?.pinNode(nodeId, x, y, springyDragEnabled() ? 0.3 : void 0);
         canvas?.classList.add("oc-graph-canvas--dragging");
       },
-      onNodeDrag(nodeId, x3, y3) {
-        simulation?.dragNode(nodeId, x3, y3);
+      onNodeDrag(nodeId, x, y) {
+        simulation?.dragNode(nodeId, x, y);
       },
       onNodeDragEnd(nodeId) {
         simulation?.unpinNode(nodeId, springyDragEnabled() ? 0 : void 0);
@@ -4183,9 +3566,9 @@ function createGraph(container, spec, options) {
       },
       onPointerMove(graphX, graphY) {
         if (!cursorForceEnabled()) return;
-        const now2 = performance.now();
-        if (now2 - lastPointerFeedTime < CURSOR_POINTER_THROTTLE_MS) return;
-        lastPointerFeedTime = now2;
+        const now = performance.now();
+        if (now - lastPointerFeedTime < CURSOR_POINTER_THROTTLE_MS) return;
+        lastPointerFeedTime = now;
         simulation?.setPointer(graphX, graphY, true);
       },
       onPointerLeave() {
@@ -4272,8 +3655,8 @@ function createGraph(container, spec, options) {
     const k = clampK(target.k ?? interactionManager.getTransform().k);
     flyCamera(new ZoomTransform(cw / 2 - target.x * k, ch / 2 - target.y * k, k), opts);
   }
-  function centerAt(x3, y3, opts) {
-    flyTo({ x: x3, y: y3 }, opts);
+  function centerAt(x, y, opts) {
+    flyTo({ x, y }, opts);
   }
   function getCamera() {
     const t = interactionManager?.getTransform() ?? ZoomTransform.identity();
@@ -4402,9 +3785,9 @@ function createGraph(container, spec, options) {
     for (const node of positionedNodes) {
       posMap.set(node.id, { x: node.x, y: node.y });
     }
-    positionedNodes = compilation.nodes.map((node, index2) => {
+    positionedNodes = compilation.nodes.map((node, index) => {
       const pos = posMap.get(node.id) ?? { x: 0, y: 0 };
-      return { ...node, x: pos.x, y: pos.y, index: index2 };
+      return { ...node, x: pos.x, y: pos.y, index };
     });
     positionedEdges = compilation.edges.map((edge) => {
       const src = posMap.get(edge.source) ?? { x: 0, y: 0 };
@@ -4442,9 +3825,9 @@ function createGraph(container, spec, options) {
     );
     const changeRatio = Math.max(nodeRatio, edgeRatio);
     const initialAlpha = Math.min(1, 0.3 + 0.7 * changeRatio);
-    positionedNodes = compilation.nodes.map((node, index2) => {
+    positionedNodes = compilation.nodes.map((node, index) => {
       const pos = positions.get(node.id) ?? { x: 0, y: 0 };
-      return { ...node, x: pos.x, y: pos.y, index: index2 };
+      return { ...node, x: pos.x, y: pos.y, index };
     });
     positionedEdges = compilation.edges.map((edge) => {
       const src = positions.get(edge.source) ?? { x: 0, y: 0 };
@@ -4651,7 +4034,7 @@ function applyCellStyle(td, cell) {
   }
 }
 function countryToEmoji(code) {
-  return [...code.toUpperCase()].map((c2) => String.fromCodePoint(c2.charCodeAt(0) + 127397)).join("");
+  return [...code.toUpperCase()].map((c) => String.fromCodePoint(c.charCodeAt(0) + 127397)).join("");
 }
 var COUNTRY_NAMES = {
   US: "United States",
@@ -4852,11 +4235,11 @@ function renderSparklineCell(cell) {
       const barW = Math.max(1, (innerW - gap * (barCount - 1)) / barCount);
       for (let i = 0; i < barCount; i++) {
         const barH = Math.max(1, sparklineData.bars[i] * innerH);
-        const x3 = padding + i * (barW + gap);
-        const y3 = padding + innerH - barH;
+        const x = padding + i * (barW + gap);
+        const y = padding + innerH - barH;
         const rect = document.createElementNS(svgNS, "rect");
-        rect.setAttribute("x", String(x3));
-        rect.setAttribute("y", String(y3));
+        rect.setAttribute("x", String(x));
+        rect.setAttribute("y", String(y));
         rect.setAttribute("width", String(barW));
         rect.setAttribute("height", String(barH));
         rect.setAttribute("rx", "1.5");
@@ -4882,11 +4265,11 @@ function renderSparklineCell(cell) {
       const barH = Math.max(1, (innerH - gap * (barCount - 1)) / barCount);
       for (let i = 0; i < barCount; i++) {
         const barW = Math.max(1, sparklineData.bars[i] * innerW);
-        const x3 = padding;
-        const y3 = padding + i * (barH + gap);
+        const x = padding;
+        const y = padding + i * (barH + gap);
         const rect = document.createElementNS(svgNS, "rect");
-        rect.setAttribute("x", String(x3));
-        rect.setAttribute("y", String(y3));
+        rect.setAttribute("x", String(x));
+        rect.setAttribute("y", String(y));
         rect.setAttribute("width", String(barW));
         rect.setAttribute("height", String(barH));
         rect.setAttribute("rx", "1.5");
@@ -5074,12 +4457,12 @@ function renderBrand(parent, layout) {
   const { chrome } = layout;
   const firstBottom = chrome.source ?? chrome.byline ?? chrome.footer;
   const chromeY = firstBottom ? bottomOffset + firstBottom.y : bottomOffset + layout.theme.spacing.chartToFooter;
-  const a2 = createSVGElement2("a");
-  a2.setAttribute("href", BRAND_URL2);
-  a2.setAttributeNS(XLINK_NS2, "xlink:href", BRAND_URL2);
-  a2.setAttribute("target", "_blank");
-  a2.setAttribute("rel", "noopener");
-  a2.setAttribute("class", "oc-chrome-ref");
+  const a = createSVGElement2("a");
+  a.setAttribute("href", BRAND_URL2);
+  a.setAttributeNS(XLINK_NS2, "xlink:href", BRAND_URL2);
+  a.setAttribute("target", "_blank");
+  a.setAttribute("rel", "noopener");
+  a.setAttribute("class", "oc-chrome-ref");
   const BRAND_LARGE = 16;
   const text = createSVGElement2("text");
   setAttrs2(text, {
@@ -5104,8 +4487,8 @@ function renderBrand(parent, layout) {
   text.appendChild(trySpan);
   text.appendChild(openDataSpan);
   text.appendChild(aiSpan);
-  a2.appendChild(text);
-  parent.appendChild(a2);
+  a.appendChild(text);
+  parent.appendChild(a);
 }
 function renderLegend(parent, legendLayout) {
   if (!("entries" in legendLayout) || legendLayout.entries.length === 0) return;
@@ -5205,9 +4588,9 @@ function renderGradientDefs(defs, links, nodePositions) {
     const sourcePos = nodePositions.get(link.sourceId);
     const targetPos = nodePositions.get(link.targetId);
     const x1 = sourcePos ? sourcePos.x + sourcePos.width : 0;
-    const x22 = targetPos ? targetPos.x : 0;
+    const x2 = targetPos ? targetPos.x : 0;
     gradient.setAttribute("x1", String(x1));
-    gradient.setAttribute("x2", String(x22));
+    gradient.setAttribute("x2", String(x2));
     const stop0 = createSVGElement2("stop");
     setAttrs2(stop0, { offset: "0%", "stop-color": link.sourceColor });
     gradient.appendChild(stop0);
@@ -5409,20 +4792,24 @@ function createSankey(container, spec, options) {
   }
   function wireTooltipAndInteraction(svg, layout) {
     const cleanups = [];
+    const nodesById = /* @__PURE__ */ new Map();
+    for (const n of layout.nodes) {
+      if (!nodesById.has(n.nodeId)) nodesById.set(n.nodeId, n);
+    }
     const nodeElements = svg.querySelectorAll(".oc-sankey-node");
     for (const el of nodeElements) {
       const markId = el.getAttribute("data-mark-id");
       if (!markId) continue;
       const content = layout.tooltipDescriptors.get(markId);
       const nodeId = el.getAttribute("data-node-id");
-      const nodeData = nodeId ? layout.nodes.find((n) => n.nodeId === nodeId)?.data ?? {} : {};
+      const nodeData = nodeId ? nodesById.get(nodeId)?.data ?? {} : {};
       const handleMouseEnter = (e) => {
         const mouseEvent = e;
         if (content && tooltipManager) {
           const svgRect = svg.getBoundingClientRect();
-          const x3 = mouseEvent.clientX - svgRect.left;
-          const y3 = mouseEvent.clientY - svgRect.top;
-          tooltipManager.show(content, x3, y3);
+          const x = mouseEvent.clientX - svgRect.left;
+          const y = mouseEvent.clientY - svgRect.top;
+          tooltipManager.show(content, x, y);
         }
         options?.onNodeHover?.(nodeData);
         if (nodeId) highlightConnectedLinks(svg, nodeId, layout);
@@ -5431,9 +4818,9 @@ function createSankey(container, spec, options) {
         if (content && tooltipManager) {
           const mouseEvent = e;
           const svgRect = svg.getBoundingClientRect();
-          const x3 = mouseEvent.clientX - svgRect.left;
-          const y3 = mouseEvent.clientY - svgRect.top;
-          tooltipManager.show(content, x3, y3);
+          const x = mouseEvent.clientX - svgRect.left;
+          const y = mouseEvent.clientY - svgRect.top;
+          tooltipManager.show(content, x, y);
         }
       };
       const handleMouseLeave = () => {
@@ -5467,9 +4854,9 @@ function createSankey(container, spec, options) {
         const mouseEvent = e;
         if (content && tooltipManager) {
           const svgRect = svg.getBoundingClientRect();
-          const x3 = mouseEvent.clientX - svgRect.left;
-          const y3 = mouseEvent.clientY - svgRect.top;
-          tooltipManager.show(content, x3, y3);
+          const x = mouseEvent.clientX - svgRect.left;
+          const y = mouseEvent.clientY - svgRect.top;
+          tooltipManager.show(content, x, y);
         }
         options?.onLinkHover?.(linkData);
       };
@@ -5477,9 +4864,9 @@ function createSankey(container, spec, options) {
         if (content && tooltipManager) {
           const mouseEvent = e;
           const svgRect = svg.getBoundingClientRect();
-          const x3 = mouseEvent.clientX - svgRect.left;
-          const y3 = mouseEvent.clientY - svgRect.top;
-          tooltipManager.show(content, x3, y3);
+          const x = mouseEvent.clientX - svgRect.left;
+          const y = mouseEvent.clientY - svgRect.top;
+          tooltipManager.show(content, x, y);
         }
       };
       const handleMouseLeave = () => {
@@ -5993,12 +5380,12 @@ function renderTbody(rows, columns) {
     tr.setAttribute("role", "row");
     tr.setAttribute("data-row-id", row.id);
     tr.style.setProperty("--oc-row-index", String(r));
-    for (let c2 = 0; c2 < columns.length; c2++) {
-      const cell = row.cells[c2];
+    for (let c = 0; c < columns.length; c++) {
+      const cell = row.cells[c];
       if (!cell) continue;
       const td = renderCell(cell);
       td.setAttribute("role", "gridcell");
-      td.style.textAlign = columns[c2].align;
+      td.style.textAlign = columns[c].align;
       tr.appendChild(td);
     }
     tbody.appendChild(tr);
@@ -6462,7 +5849,7 @@ function createTable(container, spec, options) {
       search: state.search || void 0
       // No page/pageSize: get all rows
     });
-    const headers = fullLayout.columns.map((c2) => c2.label);
+    const headers = fullLayout.columns.map((c) => c.label);
     const csvRows = [headers.map(csvEscape).join(",")];
     for (const row of fullLayout.rows) {
       const values = row.cells.map((cell) => csvEscape(cell.formattedValue));
@@ -6595,19 +5982,23 @@ function createTileMap(container, spec, options) {
   }
   function wireTooltipAndInteraction(svg, layout) {
     const cleanups = [];
+    const tilesByStateCode = /* @__PURE__ */ new Map();
+    for (const t of layout.tiles) {
+      if (!tilesByStateCode.has(t.stateCode)) tilesByStateCode.set(t.stateCode, t);
+    }
     const tileElements = svg.querySelectorAll(".oc-tilemap-tile");
     for (const el of tileElements) {
       const stateCode = el.getAttribute("data-state");
       if (!stateCode) continue;
       const content = layout.tooltipDescriptors.get(stateCode);
-      const tile = layout.tiles.find((t) => t.stateCode === stateCode);
+      const tile = tilesByStateCode.get(stateCode);
       const handleMouseEnter = (e) => {
         const mouseEvent = e;
         if (content && tooltipManager && options?.tooltip !== false) {
           const svgRect = svg.getBoundingClientRect();
-          const x3 = mouseEvent.clientX - svgRect.left;
-          const y3 = mouseEvent.clientY - svgRect.top;
-          tooltipManager.show(content, x3, y3);
+          const x = mouseEvent.clientX - svgRect.left;
+          const y = mouseEvent.clientY - svgRect.top;
+          tooltipManager.show(content, x, y);
         }
         if (tile) {
           options?.onTileHover?.({
@@ -6622,9 +6013,9 @@ function createTileMap(container, spec, options) {
         if (content && tooltipManager && options?.tooltip !== false) {
           const mouseEvent = e;
           const svgRect = svg.getBoundingClientRect();
-          const x3 = mouseEvent.clientX - svgRect.left;
-          const y3 = mouseEvent.clientY - svgRect.top;
-          tooltipManager.show(content, x3, y3);
+          const x = mouseEvent.clientX - svgRect.left;
+          const y = mouseEvent.clientY - svgRect.top;
+          tooltipManager.show(content, x, y);
         }
       };
       const handleMouseLeave = () => {