@synnaxlabs/pluto 0.21.7 → 0.21.9

package/dist/{LinePlot-tOiSUMjC.js → LinePlot-KYwy1D7H.js}

@@ -5,9 +5,9 @@ var __publicField = (obj, key, value2) => {
   return value2;
 };
 var _a, _b2, _c, _d, _e;
-import { Q as fe, _, w, U, y, p as A$1, q as g, T as ft, M as q, N, v as variantZ, W as g$1, Y as Composite, Z as bb, x as _b, $ as Ae, a0 as C, X, E as is, a1 as Mutex, a2 as o$1, c as S, a3 as nanoid, a4 as Ue, a5 as Leaf, m as w$1, a6 as prettyParse, k as dimensions, u as use$1, f as fontString, a7 as r, A as A$2, D as dk, z as n$1, a8 as j_, a9 as gs, aa as useAggregate, ab as J$1, ac as D_, ad as Se, n as specZ$1, ae as getDefaultExportFromCjs, af as useOptionalAggregate, l as levelZ, ag as nk } from "./aggregator-BgImZc4o.js";
+import { Q as fe, _, m, U, w, q as A$1, x as g, T as ft, M as q, N, v as variantZ, W as g$1, Y as Composite, Z as bb, y as _b, $ as Ae, a0 as C$1, X, E as is, a1 as Mutex, a2 as o$1, c as S, a3 as nanoid, a4 as Ue, a5 as Leaf, n as w$1, a6 as prettyParse, k as dimensions, u as use$1, f as fontString, a7 as r, A as A$2, D as dk, z as n$1, a8 as j_, a9 as gs, aa as useAggregate, ab as J$1, ac as D_, ad as Se, o as specZ$1, ae as getDefaultExportFromCjs, af as useOptionalAggregate, l as levelZ, ag as nk } from "./aggregator-B8fg7W2s.js";
 import { z } from "zod";
-import { u, l as d$1, D, A, Z as ZERO, L, T as To, j as k, q as q$1, _ as _$1, C as CSS, a as Color$1, J, d as f, Y } from "./css-DoalWJF6.js";
+import { u, l as d$1, D, A, Z as ZERO, j as C, L, T as To, h as k, q as q$1, _ as _$1, C as CSS, a as Color$1, J, d as f, Y } from "./css-DKKmdhSr.js";
 import React__default, { createContext, memo, useMemo, forwardRef, useEffect, useRef, useContext, useState, useCallback } from "react";
 import "react-dom";
 const a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -354,7 +354,7 @@ class StatusSource extends Noop {
       key: "noop",
       variant: "disabled",
       message: "unknown",
-      time: w.now()
+      time: m.now()
     };
   }
 }
@@ -624,11 +624,11 @@ class ChannelData extends AbstractSource {
   async value() {
     const { timeRange, channel, useIndexOfChannel: indexOfChannel } = this.props;
     if (timeRange.isZero || channel === 0)
-      return [L.ZERO, []];
+      return [C.ZERO, []];
     const chan = await fetchChannelProperties(this.client, channel, indexOfChannel);
     if (!this.valid)
       await this.readFixed(chan.key);
-    let b = L.max(this.data.map((d2) => d2.bounds));
+    let b = C.max(this.data.map((d2) => d2.bounds));
     if (chan.dataType.equals(g.TIMESTAMP))
       b = {
         upper: Math.min(b.upper, Number(this.props.timeRange.end.valueOf())),
@@ -648,8 +648,8 @@ __publicField(ChannelData, "TYPE", "series-source");
 const streamChannelDataPropsZ = z.object({
   channel: z.number().or(z.string()),
   useIndexOfChannel: z.boolean().optional().default(false),
-  timeSpan: y.z,
-  keepFor: y.z.optional()
+  timeSpan: w.z,
+  keepFor: w.z.optional()
 });
 class StreamChannelData extends AbstractSource {
   constructor(client, props) {
@@ -664,12 +664,12 @@ class StreamChannelData extends AbstractSource {
   async value() {
     const { channel, useIndexOfChannel, timeSpan } = this.props;
     if (channel === 0)
-      return [L.ZERO, []];
-    const now2 = w.now();
+      return [C.ZERO, []];
+    const now2 = m.now();
     const ch = await fetchChannelProperties(this.client, channel, useIndexOfChannel);
     if (!this.valid)
       await this.read(ch.key);
-    let b = L.max(
+    let b = C.max(
       this.data.filter((d2) => d2.timeRange.end.after(now2.sub(timeSpan))).map((d2) => d2.bounds)
     );
     if (ch.dataType.equals(g.TIMESTAMP))
@@ -680,7 +680,7 @@ class StreamChannelData extends AbstractSource {
     return [b, this.data];
   }
   async read(key) {
-    const tr = w.now().spanRange(-this.props.timeSpan);
+    const tr = m.now().spanRange(-this.props.timeSpan);
     const res = await this.client.read(tr, [key]);
     const newData = res[key].data;
     newData.forEach((d2) => d2.acquire());
@@ -701,7 +701,7 @@ class StreamChannelData extends AbstractSource {
     this.stopStreaming = await this.client.stream(handler, [key]);
   }
   gcOutOfRangeData() {
-    const threshold = w.now().sub(this.props.keepFor ?? this.props.timeSpan);
+    const threshold = m.now().sub(this.props.keepFor ?? this.props.timeSpan);
     const toGC = this.data.findIndex((d2) => d2.timeRange.end.before(threshold));
     if (toGC === -1)
       return;
@@ -790,7 +790,7 @@ class FixedSeries extends AbstractSource {
     );
   }
   async value() {
-    const b = L.max(this.data.map((x) => x.bounds));
+    const b = C.max(this.data.map((x) => x.bounds));
     return [b, this.data];
   }
 }
@@ -831,7 +831,7 @@ class IterativeSeries extends AbstractSource {
       };
       return [b2, d2];
     }
-    const b = L.max(d2.map((x) => x.bounds));
+    const b = C.max(d2.map((x) => x.bounds));
     return [b, d2];
   }
   start(rate) {
@@ -939,7 +939,7 @@ const _SetPoint = class _SetPoint extends UnarySinkTransformer {
 __publicField(_SetPoint, "TYPE", "boolean-numeric-converter-sink");
 __publicField(_SetPoint, "propsZ", setpointProps);
 let SetPoint = _SetPoint;
-const withinBoundsProps = z.object({ trueBound: L.bounds });
+const withinBoundsProps = z.object({ trueBound: C.bounds });
 const withinBounds = (props) => ({
   props,
   type: WithinBounds.TYPE,
@@ -953,12 +953,12 @@ const _WithinBounds = class _WithinBounds extends UnarySourceTransformer {
     __publicField(this, "curr", null);
   }
   shouldNotify(value2) {
-    const shouldNotify = L.contains(this.props.trueBound, value2) !== this.curr;
-    this.curr = L.contains(this.props.trueBound, value2);
+    const shouldNotify = C.contains(this.props.trueBound, value2) !== this.curr;
+    this.curr = C.contains(this.props.trueBound, value2);
     return shouldNotify;
   }
   transform(value2) {
-    this.curr = L.contains(this.props.trueBound, value2);
+    this.curr = C.contains(this.props.trueBound, value2);
     return this.curr;
   }
 };
@@ -1207,11 +1207,11 @@ const convertSeriesFloat32 = (series, offset) => {
 };
 const zeroCacheGCMetrics = () => ({
   purgedSeries: 0,
-  purgedBytes: C.bytes(0)
+  purgedBytes: C$1.bytes(0)
 });
 const DEFAULT_STATIC_PROPS = {
   instrumentation: g$1.NOOP,
-  staleEntryThreshold: y.seconds(20)
+  staleEntryThreshold: w.seconds(20)
 };
 class Static {
   constructor(props) {
@@ -1264,7 +1264,7 @@ class Static {
   gc() {
     const res = zeroCacheGCMetrics();
     const newData = this.data.filter((s) => {
-      const shouldKeep = s.data.refCount === 0 && w.since(s.addedAt).lessThan(this.props.staleEntryThreshold);
+      const shouldKeep = s.data.refCount === 0 && m.since(s.addedAt).lessThan(this.props.staleEntryThreshold);
       if (!shouldKeep)
         res.purgedBytes = res.purgedBytes.add(s.data.byteCapacity);
       return shouldKeep;
@@ -1281,16 +1281,16 @@ class Static {
   }
   writeOne(series) {
     const {
-      instrumentation: { L: L$1 }
+      instrumentation: { L: L2 }
     } = this.props;
     if (series.length === 0)
       return;
-    const insertionPlan = L.buildInsertionPlan(
+    const insertionPlan = C.buildInsertionPlan(
       this.data.map((s) => s.data.alignmentBounds),
       series.alignmentBounds
     );
     if (insertionPlan === null)
-      return L$1.debug("Found no viable insertion plan", {
+      return L2.debug("Found no viable insertion plan", {
         inserting: series.digest,
         cacheContents: this.data.map((s) => s.data.digest)
       });
@@ -1300,24 +1300,24 @@ class Static {
       return;
     this.data.splice(insertInto, deleteInBetween, {
       data: series,
-      addedAt: w.now()
+      addedAt: m.now()
     });
   }
   checkIntegrity(write) {
     const {
-      instrumentation: { L: L$1 }
+      instrumentation: { L: L2 }
     } = this.props;
     const allBounds = this.data.map((s) => s.data.alignmentBounds);
     const invalid = allBounds.some((b, i2) => {
       return allBounds.some((b2, j) => {
         if (i2 === j)
           return false;
-        const ok = L.overlapsWith(b, b2);
+        const ok = C.overlapsWith(b, b2);
         return ok;
       });
     });
     if (invalid) {
-      L$1.debug("Cache is in an invalid state - bounds overlap!", () => ({
+      L2.debug("Cache is in an invalid state - bounds overlap!", () => ({
         write: write.map((s) => s.digest),
         cacheContents: this.data.map((s) => s.data.digest)
       }));
@@ -1325,6 +1325,10 @@ class Static {
     }
   }
 }
+const MIN_SIZE = 100;
+const MAX_SIZE = 1e6;
+const DEF_SIZE = 1e4;
+const MAX_DEF_WRITES = 100;
 class Dynamic {
   /**
    * @constructor
@@ -1337,10 +1341,17 @@ class Dynamic {
     __publicField(this, "counter", 0);
     /** Current buffer */
     __publicField(this, "buffer");
+    __publicField(this, "avgRate", 0);
+    __publicField(this, "timeOfLastWrite");
+    __publicField(this, "totalWrites", 0);
+    __publicField(this, "now", () => m.now());
     this.props = props;
     this.buffer = null;
+    if (props.testingNow != null)
+      this.now = props.testingNow;
+    this.timeOfLastWrite = this.now();
   }
-  /** @returns the number of samples currenly held in the cache. */
+  /** @returns the number of samples currently held in the cache. */
   get length() {
     var _a2;
     return ((_a2 = this.buffer) == null ? void 0 : _a2.length) ?? 0;
@@ -1370,7 +1381,7 @@ class Dynamic {
     return N.alloc({
       capacity,
       dataType: g.FLOAT32,
-      timeRange: start2.range(w.MAX),
+      timeRange: start2.range(m.MAX),
       sampleOffset: this.props.dataType.equals(g.TIMESTAMP) ? BigInt(start2.valueOf()) : 0,
       glBufferUsage: "dynamic",
       alignment,
@@ -1378,15 +1389,15 @@ class Dynamic {
     });
   }
   _write(series) {
-    const { dynamicBufferSize: cap } = this.props;
+    const cap = this.nextBufferSize();
     const res = { flushed: [], allocated: [] };
     if (this.buffer == null) {
-      this.buffer = this.allocate(cap, series.alignment, w.now());
+      this.buffer = this.allocate(cap, series.alignment, this.now());
       res.allocated.push(this.buffer);
     } else if (Math.abs(
       Number(this.buffer.alignment + BigInt(this.buffer.length) - series.alignment)
     ) > 1) {
-      const now22 = w.now();
+      const now22 = this.now();
       this.buffer.timeRange.end = now22;
       res.flushed.push(this.buffer);
       this.buffer = this.allocate(cap, series.alignment, now22);
@@ -1394,9 +1405,11 @@ class Dynamic {
     }
     const converted = convertSeriesFloat32(series, this.buffer.sampleOffset);
     const amountWritten = this.buffer.write(converted);
-    if (amountWritten === series.length)
+    if (amountWritten === series.length) {
+      this.updateAvgRate(series);
       return res;
-    const now2 = w.now();
+    }
+    const now2 = this.now();
     this.buffer.timeRange.end = now2;
     res.flushed.push(this.buffer);
     this.buffer = this.allocate(cap, series.alignment + BigInt(amountWritten), now2);
@@ -1406,6 +1419,24 @@ class Dynamic {
     res.allocated.push(...nextRes.allocated);
     return res;
   }
+  updateAvgRate(series) {
+    if (typeof this.props.dynamicBufferSize === "number")
+      return;
+    const newRate = series.length / this.now().span(this.timeOfLastWrite).seconds;
+    if (this.totalWrites > 0 && isFinite(newRate) && newRate > 0)
+      this.avgRate = (this.avgRate * (this.totalWrites - 1) + newRate) / this.totalWrites;
+    this.totalWrites++;
+    this.timeOfLastWrite = this.now();
+  }
+  nextBufferSize() {
+    const { dynamicBufferSize } = this.props;
+    if (typeof dynamicBufferSize === "number")
+      return dynamicBufferSize;
+    if (this.totalWrites < MAX_DEF_WRITES)
+      return DEF_SIZE;
+    const size = L.roundToNearestMagnitude(this.avgRate * dynamicBufferSize.seconds);
+    return Math.round(Math.max(Math.min(size, MAX_SIZE), MIN_SIZE));
+  }
   /**
    * Closes the cache and releases all resources associated with it. After close()
    * is called, the cache should not be used again.
@@ -1465,7 +1496,7 @@ class Unary {
       this.ins.L.warn(
         `Ignoring attempted garbage collection on a closed cache for channel ${this.channel.name}`
       );
-      return { purgedSeries: 0, purgedBytes: C.bytes(0) };
+      return { purgedSeries: 0, purgedBytes: C$1.bytes(0) };
     }
     return this.static.gc();
   }
@@ -1475,7 +1506,7 @@ class Unary {
     this.static.close();
   }
 }
-const CACHE_BUFFER_SIZE = 1e4;
+const CACHE_BUFFER_SIZE = X.seconds(60);
 class Cache {
   constructor(props) {
     __publicField(this, "props");
@@ -1563,7 +1594,7 @@ class Reader {
     });
     this.props = {
       instrumentation: g$1.NOOP,
-      batchDebounce: y.milliseconds(50),
+      batchDebounce: w.milliseconds(50),
       ...props
     };
     this.debouncedRead = o$1(() => {
@@ -1600,7 +1631,7 @@ class Reader {
           tr: tr.toPrettyString(),
           channels,
           responses: responseDigests(Object.values(responses)),
-          time: y.milliseconds(performance.now() - start2).toString()
+          time: w.milliseconds(performance.now() - start2).toString()
         }));
         return responses;
       }
@@ -1634,7 +1665,7 @@ class Reader {
       tr: tr.toPrettyString(),
       channels,
       responses: responseDigests(Object.values(responses)),
-      time: y.milliseconds(performance.now() - start2).toString()
+      time: w.milliseconds(performance.now() - start2).toString()
     }));
     return responses;
   }
@@ -1651,7 +1682,7 @@ class Reader {
         requests.forEach((_2, k2) => {
           const [tr, keys] = k2;
           const groupWith = compressedToFetch.find(
-            ([r2]) => r2.start.span(tr.start).lessThan(y.milliseconds(5)) && r2.end.span(tr.end).lessThan(y.milliseconds(5))
+            ([r2]) => r2.start.span(tr.start).lessThan(w.milliseconds(5)) && r2.end.span(tr.end).lessThan(w.milliseconds(5))
           );
           if (groupWith == null)
             compressedToFetch.push([tr, keys]);
@@ -2124,19 +2155,19 @@ class SugaredOffscreenCanvasRenderingContext2D {
       return this.wrapped.fill();
     this.wrapped.fill(path, fillRule);
   }
-  isPointInPath(path, x, y2, fillRule) {
-    return this.wrapped.isPointInPath(path, x, y2, fillRule);
+  isPointInPath(path, x, y, fillRule) {
+    return this.wrapped.isPointInPath(path, x, y, fillRule);
   }
-  isPointInStroke(path, x, y2) {
-    return this.wrapped.isPointInStroke(path, x, y2);
+  isPointInStroke(path, x, y) {
+    return this.wrapped.isPointInStroke(path, x, y);
   }
   stroke(path) {
     if (path == null)
       return this.wrapped.stroke();
     this.wrapped.stroke(path);
   }
-  createConicGradient(startAngle, x, y2) {
-    return this.wrapped.createConicGradient(startAngle, x, y2);
+  createConicGradient(startAngle, x, y) {
+    return this.wrapped.createConicGradient(startAngle, x, y);
   }
   createLinearGradient(x0, y0, x1, y1) {
     return this.wrapped.createLinearGradient(x0, y0, x1, y1);
@@ -2183,10 +2214,10 @@ class SugaredOffscreenCanvasRenderingContext2D {
   set imageSmoothingQuality(value2) {
     this.wrapped.imageSmoothingQuality = value2;
   }
-  arc(x, y2, radius, startAngle, endAngle, counterclockwise) {
+  arc(x, y, radius, startAngle, endAngle, counterclockwise) {
     this.wrapped.arc(
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2),
+      this.scale_.y.pos(y),
       this.scale_.x.dim(radius),
       startAngle,
       endAngle,
@@ -2202,23 +2233,23 @@ class SugaredOffscreenCanvasRenderingContext2D {
       this.scale_.x.dim(radius)
     );
   }
-  bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y2) {
+  bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
     this.wrapped.bezierCurveTo(
       this.scale_.x.pos(cp1x),
       this.scale_.y.pos(cp1y),
       this.scale_.x.pos(cp2x),
       this.scale_.y.pos(cp2y),
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2)
+      this.scale_.y.pos(y)
     );
   }
   closePath() {
     this.wrapped.closePath();
   }
-  ellipse(x, y2, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise) {
+  ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise) {
     this.wrapped.ellipse(
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2),
+      this.scale_.y.pos(y),
       this.scale_.x.dim(radiusX),
       this.scale_.y.dim(radiusY),
       rotation,
@@ -2227,32 +2258,32 @@ class SugaredOffscreenCanvasRenderingContext2D {
       counterclockwise
     );
   }
-  lineTo(x, y2) {
-    this.wrapped.lineTo(this.scale_.x.pos(x), this.scale_.y.pos(y2));
+  lineTo(x, y) {
+    this.wrapped.lineTo(this.scale_.x.pos(x), this.scale_.y.pos(y));
   }
-  moveTo(x, y2) {
-    this.wrapped.moveTo(this.scale_.x.pos(x), this.scale_.y.pos(y2));
+  moveTo(x, y) {
+    this.wrapped.moveTo(this.scale_.x.pos(x), this.scale_.y.pos(y));
   }
-  quadraticCurveTo(cpx, cpy, x, y2) {
+  quadraticCurveTo(cpx, cpy, x, y) {
     this.wrapped.quadraticCurveTo(
       this.scale_.x.pos(cpx),
       this.scale_.y.pos(cpy),
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2)
+      this.scale_.y.pos(y)
     );
   }
-  rect(x, y2, w2, h2) {
+  rect(x, y, w2, h2) {
     this.wrapped.rect(
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2),
+      this.scale_.y.pos(y),
       this.scale_.x.dim(w2),
       this.scale_.y.dim(h2)
     );
   }
-  roundRect(x, y2, w2, h2, radii) {
+  roundRect(x, y, w2, h2, radii) {
     this.wrapped.roundRect(
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2),
+      this.scale_.y.pos(y),
       this.scale_.x.dim(w2),
       this.scale_.y.dim(h2),
       typeof radii === "number" ? this.scale_.x.dim(radii) : radii
@@ -2289,21 +2320,21 @@ class SugaredOffscreenCanvasRenderingContext2D {
     const scaled = Array.from(segments).map((v) => this.scale_.x.dim(v));
     this.wrapped.setLineDash(scaled);
   }
-  clearRect(x, y2, w2, h2) {
-    this.wrapped.clearRect(x, y2, w2, h2);
+  clearRect(x, y, w2, h2) {
+    this.wrapped.clearRect(x, y, w2, h2);
   }
-  fillRect(x, y2, w2, h2) {
+  fillRect(x, y, w2, h2) {
     this.wrapped.fillRect(
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2),
+      this.scale_.y.pos(y),
       this.scale_.x.dim(w2),
       this.scale_.y.dim(h2)
     );
   }
-  strokeRect(x, y2, w2, h2) {
+  strokeRect(x, y, w2, h2) {
     this.wrapped.strokeRect(
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2),
+      this.scale_.y.pos(y),
       this.scale_.x.dim(w2),
       this.scale_.y.dim(h2)
     );
@@ -2335,11 +2366,11 @@ class SugaredOffscreenCanvasRenderingContext2D {
   save() {
     this.wrapped.save();
   }
-  fillText(text, x, y2, maxWidth) {
+  fillText(text, x, y, maxWidth) {
     this.wrapped.fillText(
       text,
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2),
+      this.scale_.y.pos(y),
       maxWidth != null ? this.scale_.x.dim(maxWidth) : void 0
     );
   }
@@ -2349,11 +2380,11 @@ class SugaredOffscreenCanvasRenderingContext2D {
     this.wrapped.font = scaleFontSize(this.wrapped.font, this.scale_.x);
     return metrics;
   }
-  strokeText(text, x, y2, maxWidth) {
+  strokeText(text, x, y, maxWidth) {
     this.wrapped.strokeText(
       text,
       this.scale_.x.pos(x),
-      this.scale_.y.pos(y2),
+      this.scale_.y.pos(y),
       maxWidth != null ? this.scale_.x.dim(maxWidth) : void 0
     );
   }
@@ -2396,8 +2427,8 @@ class SugaredOffscreenCanvasRenderingContext2D {
   rotate(angle) {
     this.wrapped.rotate(angle);
   }
-  scale(x, y2) {
-    this.wrapped.scale(x, y2);
+  scale(x, y) {
+    this.wrapped.scale(x, y);
   }
   scissor(region, overScan = q$1.ZERO) {
     const p = new Path2D();
@@ -2413,8 +2444,8 @@ class SugaredOffscreenCanvasRenderingContext2D {
   transform(a2, b, c, d2, e, f2) {
     this.wrapped.transform(a2, b, c, d2, e, f2);
   }
-  translate(x, y2) {
-    this.wrapped.translate(x, y2);
+  translate(x, y) {
+    this.wrapped.translate(x, y);
   }
 }
 const FONT_REGEX = /(\d+(\.\d+)?)px/;
@@ -2600,8 +2631,8 @@ class Loop {
         }
       }
       const end = performance.now();
-      const span = y.milliseconds(end - start2);
-      if (span.greaterThan(y.milliseconds(25))) {
+      const span = w.milliseconds(end - start2);
+      if (span.greaterThan(w.milliseconds(25))) {
         console.warn(
           `Render loop for ${this.requests.size} took longer than 16ms to execute: ${span.milliseconds}`
         );
@@ -2830,7 +2861,7 @@ const safelyGetDataValue = (series, index, data) => {
     return NaN;
   return Number(data[series].at(index));
 };
-const DEFAULT_OVERLAP_THRESHOLD = y.milliseconds(2);
+const DEFAULT_OVERLAP_THRESHOLD = w.milliseconds(2);
 ({
   key: "",
   position: q$1.NAN,
@@ -2858,10 +2889,10 @@ const _Context = class _Context extends GLProgram {
     this.uniformXY("u_scale", transform.scale);
     this.uniformXY("u_offset", transform.offset);
   }
-  draw({ x, y: y2, count, downsample, xOffset, yOffset }, instances) {
+  draw({ x, y, count, downsample, xOffset, yOffset }, instances) {
     const { gl } = this.ctx;
     this.bindAttrBuffer("x", x.glBuffer, downsample, xOffset);
-    this.bindAttrBuffer("y", y2.glBuffer, downsample, yOffset);
+    this.bindAttrBuffer("y", y.glBuffer, downsample, yOffset);
     gl.drawArraysInstanced(gl.LINE_STRIP, 0, count / downsample, instances);
   }
   static create(ctx) {
@@ -2982,7 +3013,7 @@ class Line extends Leaf {
     result.value.x = safelyGetDataValue(series, index, xData);
     const [, yData] = await yTelem.value();
     const ySeries = yData.find(
-      (ys) => L.contains(ys.alignmentBounds, xSeries.alignment + BigInt(index))
+      (ys) => C.contains(ys.alignmentBounds, xSeries.alignment + BigInt(index))
     );
     if (ySeries == null)
       return result;
@@ -3002,7 +3033,7 @@ class Line extends Leaf {
     const { dataToDecimalScale } = props;
     const [[, xData], [, yData]] = await Promise.all([xTelem.value(), yTelem.value()]);
     xData.forEach((x) => x.updateGLBuffer(prog.ctx.gl));
-    yData.forEach((y2) => y2.updateGLBuffer(prog.ctx.gl));
+    yData.forEach((y) => y.updateGLBuffer(prog.ctx.gl));
     const ops = buildDrawOperations(
       xData,
       yData,
@@ -3070,29 +3101,29 @@ const buildDrawOperations = (xSeries, ySeries, downsample, overlapThreshold) =>
   const ops = [];
   xSeries.forEach((x) => {
     const compatibleYSeries = findSeriesThatOverlapWith(x, ySeries, overlapThreshold);
-    compatibleYSeries.forEach((y2) => {
+    compatibleYSeries.forEach((y) => {
       let xOffset = 0;
       let yOffset = 0;
-      if (x.alignment < y2.alignment)
-        xOffset = Number(y2.alignment - x.alignment);
-      else if (y2.alignment < x.alignment)
-        yOffset = Number(x.alignment - y2.alignment);
-      const count = Math.min(x.length - xOffset, y2.length - yOffset);
+      if (x.alignment < y.alignment)
+        xOffset = Number(y.alignment - x.alignment);
+      else if (y.alignment < x.alignment)
+        yOffset = Number(x.alignment - y.alignment);
+      const count = Math.min(x.length - xOffset, y.length - yOffset);
       if (count === 0)
         return;
-      ops.push({ x, y: y2, xOffset, yOffset, count, downsample });
+      ops.push({ x, y, xOffset, yOffset, count, downsample });
     });
   });
   return ops;
 };
-const findSeriesThatOverlapWith = (x, y2, overlapThreshold) => y2.filter((ys) => {
+const findSeriesThatOverlapWith = (x, y, overlapThreshold) => y.filter((ys) => {
   const haveTimeRanges = x._timeRange != null && ys._timeRange != null;
   if (!haveTimeRanges)
     throw new is(
       `Encountered series without time range in buildDrawOperations. X series present: ${x._timeRange != null}, Y series present: ${ys._timeRange != null}`
     );
   const timeRangesOverlap = x.timeRange.overlapsWith(ys.timeRange, overlapThreshold);
-  const alignmentsOverlap = L.overlapsWith(
+  const alignmentsOverlap = C.overlapsWith(
     x.alignmentBounds,
     ys.alignmentBounds
   );
@@ -3535,9 +3566,9 @@ function color_formatRgb() {
   return this.rgb().formatRgb();
 }
 function color(format2) {
-  var m, l2;
+  var m2, l2;
   format2 = (format2 + "").trim().toLowerCase();
-  return (m = reHex.exec(format2)) ? (l2 = m[1].length, m = parseInt(m[1], 16), l2 === 6 ? rgbn(m) : l2 === 3 ? new Rgb(m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, (m & 15) << 4 | m & 15, 1) : l2 === 8 ? rgba(m >> 24 & 255, m >> 16 & 255, m >> 8 & 255, (m & 255) / 255) : l2 === 4 ? rgba(m >> 12 & 15 | m >> 8 & 240, m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, ((m & 15) << 4 | m & 15) / 255) : null) : (m = reRgbInteger.exec(format2)) ? new Rgb(m[1], m[2], m[3], 1) : (m = reRgbPercent.exec(format2)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) : (m = reRgbaInteger.exec(format2)) ? rgba(m[1], m[2], m[3], m[4]) : (m = reRgbaPercent.exec(format2)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) : (m = reHslPercent.exec(format2)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) : (m = reHslaPercent.exec(format2)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) : named.hasOwnProperty(format2) ? rgbn(named[format2]) : format2 === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
+  return (m2 = reHex.exec(format2)) ? (l2 = m2[1].length, m2 = parseInt(m2[1], 16), l2 === 6 ? rgbn(m2) : l2 === 3 ? new Rgb(m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, (m2 & 15) << 4 | m2 & 15, 1) : l2 === 8 ? rgba(m2 >> 24 & 255, m2 >> 16 & 255, m2 >> 8 & 255, (m2 & 255) / 255) : l2 === 4 ? rgba(m2 >> 12 & 15 | m2 >> 8 & 240, m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, ((m2 & 15) << 4 | m2 & 15) / 255) : null) : (m2 = reRgbInteger.exec(format2)) ? new Rgb(m2[1], m2[2], m2[3], 1) : (m2 = reRgbPercent.exec(format2)) ? new Rgb(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, 1) : (m2 = reRgbaInteger.exec(format2)) ? rgba(m2[1], m2[2], m2[3], m2[4]) : (m2 = reRgbaPercent.exec(format2)) ? rgba(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, m2[4]) : (m2 = reHslPercent.exec(format2)) ? hsla(m2[1], m2[2] / 100, m2[3] / 100, 1) : (m2 = reHslaPercent.exec(format2)) ? hsla(m2[1], m2[2] / 100, m2[3] / 100, m2[4]) : named.hasOwnProperty(format2) ? rgbn(named[format2]) : format2 === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
 }
 function rgbn(n2) {
   return new Rgb(n2 >> 16 & 255, n2 >> 8 & 255, n2 & 255, 1);
@@ -3697,22 +3728,22 @@ function linear$1(a2, d2) {
     return a2 + t * d2;
   };
 }
-function exponential(a2, b, y2) {
-  return a2 = Math.pow(a2, y2), b = Math.pow(b, y2) - a2, y2 = 1 / y2, function(t) {
-    return Math.pow(a2 + t * b, y2);
+function exponential(a2, b, y) {
+  return a2 = Math.pow(a2, y), b = Math.pow(b, y) - a2, y = 1 / y, function(t) {
+    return Math.pow(a2 + t * b, y);
   };
 }
-function gamma(y2) {
-  return (y2 = +y2) === 1 ? nogamma : function(a2, b) {
-    return b - a2 ? exponential(a2, b, y2) : constant$3(isNaN(a2) ? b : a2);
+function gamma(y) {
+  return (y = +y) === 1 ? nogamma : function(a2, b) {
+    return b - a2 ? exponential(a2, b, y) : constant$3(isNaN(a2) ? b : a2);
   };
 }
 function nogamma(a2, b) {
   var d2 = b - a2;
   return d2 ? linear$1(a2, d2) : constant$3(isNaN(a2) ? b : a2);
 }
-const interpolateRgb = function rgbGamma(y2) {
-  var color2 = gamma(y2);
+const interpolateRgb = function rgbGamma(y) {
+  var color2 = gamma(y);
   function rgb$1(start2, end) {
     var r2 = color2((start2 = rgb(start2)).r, (end = rgb(end)).r), g2 = color2(start2.g, end.g), b = color2(start2.b, end.b), opacity = nogamma(start2.opacity, end.opacity);
     return function(t) {
@@ -3866,8 +3897,8 @@ function decompose(a2, b, c, d2, e, f2) {
 }
 var svgNode;
 function parseCss(value2) {
-  const m = new (typeof DOMMatrix === "function" ? DOMMatrix : WebKitCSSMatrix)(value2 + "");
-  return m.isIdentity ? identity$4 : decompose(m.a, m.b, m.c, m.d, m.e, m.f);
+  const m2 = new (typeof DOMMatrix === "function" ? DOMMatrix : WebKitCSSMatrix)(value2 + "");
+  return m2.isIdentity ? identity$4 : decompose(m2.a, m2.b, m2.c, m2.d, m2.e, m2.f);
 }
 function parseSvg(value2) {
   if (value2 == null)
@@ -4045,8 +4076,8 @@ function transformer() {
   function scale(x) {
     return x == null || isNaN(x = +x) ? unknown : (output || (output = piecewise(domain.map(transform), range, interpolate2)))(transform(clamp2(x)));
   }
-  scale.invert = function(y2) {
-    return clamp2(untransform((input || (input = piecewise(range, domain.map(transform), interpolateNumber)))(y2)));
+  scale.invert = function(y) {
+    return clamp2(untransform((input || (input = piecewise(range, domain.map(transform), interpolateNumber)))(y)));
   };
   scale.domain = function(_2) {
     return arguments.length ? (domain = Array.from(_2, number$1), rescale()) : domain.slice();
@@ -4730,8 +4761,8 @@ function utcDate(d2) {
   }
   return new Date(Date.UTC(d2.y, d2.m, d2.d, d2.H, d2.M, d2.S, d2.L));
 }
-function newDate(y2, m, d2) {
-  return { y: y2, m, d: d2, H: 0, M: 0, S: 0, L: 0 };
+function newDate(y, m2, d2) {
+  return { y, m: m2, d: d2, H: 0, M: 0, S: 0, L: 0 };
 }
 function formatLocale(locale2) {
   var locale_dateTime = locale2.dateTime, locale_date = locale2.date, locale_time = locale2.time, locale_periods = locale2.periods, locale_weekdays = locale2.days, locale_shortWeekdays = locale2.shortDays, locale_months = locale2.months, locale_shortMonths = locale2.shortMonths;
@@ -4917,9 +4948,9 @@ function formatLocale(locale2) {
     };
   }
   function parseSpecifier(d2, specifier, string, j) {
-    var i2 = 0, n2 = specifier.length, m = string.length, c, parse;
+    var i2 = 0, n2 = specifier.length, m2 = string.length, c, parse;
     while (i2 < n2) {
-      if (j >= m)
+      if (j >= m2)
         return -1;
       c = specifier.charCodeAt(i2++);
       if (c === 37) {
@@ -5297,8 +5328,8 @@ function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, se
   function tickFormat2(date2) {
     return (second2(date2) < date2 ? formatMillisecond : minute(date2) < date2 ? formatSecond : hour(date2) < date2 ? formatMinute : day(date2) < date2 ? formatHour : month(date2) < date2 ? week(date2) < date2 ? formatDay : formatWeek : year(date2) < date2 ? formatMonth : formatYear2)(date2);
   }
-  scale.invert = function(y2) {
-    return new Date(invert(y2));
+  scale.invert = function(y) {
+    return new Date(invert(y));
   };
   scale.domain = function(_2) {
     return arguments.length ? domain(Array.from(_2, number)) : domain().map(date);
@@ -5341,8 +5372,8 @@ class TimeTickFactory {
   generate({ decimalToDataScale: scale, size }) {
     const range = [0, size];
     const domain = [
-      new w(scale.pos(0)).date(),
-      new w(scale.pos(1)).date()
+      new m(scale.pos(0)).date(),
+      new m(scale.pos(1)).date()
     ];
     const d3Scale = time().domain(domain).range(range);
     const ticks2 = d3Scale.ticks(calcTickCount(size, this.props.tickSpacing));
@@ -5352,7 +5383,7 @@ class TimeTickFactory {
     }));
   }
   tickLabel(date2) {
-    const value2 = new w(date2).date();
+    const value2 = new m(date2).date();
     let formatted = `:${value2.getSeconds()}`;
     const ms = value2.getMilliseconds();
     if (ms !== 0) {
@@ -5549,48 +5580,48 @@ class Canvas {
   maybeDrawGrid(size, ticks2, f2) {
     const { showGrid, gridColor } = this.state;
     if (showGrid) {
-      const startBound = L.construct(-1, 1);
-      const endBound = L.construct(size - 1, size + 1);
+      const startBound = C.construct(-1, 1);
+      const endBound = C.construct(size - 1, size + 1);
       this.ctx.lower2d.strokeStyle = gridColor.hex;
       ticks2.filter(
-        ({ position }) => !L.contains(startBound, position) && !L.contains(endBound, position)
+        ({ position }) => !C.contains(startBound, position) && !C.contains(endBound, position)
       ).forEach((tick) => this.drawLine(...f2(tick)));
     }
   }
 }
 const coreAxisStateZ = axisStateZ.extend({
-  bounds: L.bounds.optional(),
+  bounds: C.bounds.optional(),
   autoBounds: z.object({
     lower: z.boolean().optional().default(true),
     upper: z.boolean().optional().default(true)
   }).or(z.boolean().optional().default(true)),
   autoBoundPadding: z.number().optional(),
-  autoBoundUpdateInterval: y.z.optional().default(y.seconds(2)),
+  autoBoundUpdateInterval: w.z.optional().default(w.seconds(2)),
   size: z.number().optional().default(0),
   label: z.string().optional().default(""),
   labelSize: z.number().optional().default(0)
 }).partial({ color: true, font: true, gridColor: true });
 const AXIS_SIZE_UPADTE_UPPER_THRESHOLD = 2;
 const AXIS_SIZE_UPDATE_LOWER_THRESHOLD = 7;
-const withinSizeThreshold = (prev, next) => L.contains(
+const withinSizeThreshold = (prev, next) => C.contains(
   {
     lower: prev - AXIS_SIZE_UPDATE_LOWER_THRESHOLD,
     upper: prev + AXIS_SIZE_UPADTE_UPPER_THRESHOLD
   },
   next
 );
-const EMPTY_LINEAR_BOUNDS = L.DECIMAL;
-const now$1 = w.now();
+const EMPTY_LINEAR_BOUNDS = C.DECIMAL;
+const now$1 = m.now();
 const EMPTY_TIME_BOUNDS = {
   lower: Number(now$1.valueOf()),
-  upper: Number(now$1.add(y.HOUR).valueOf())
+  upper: Number(now$1.add(w.HOUR).valueOf())
 };
 const emptyBounds = (type) => type === "linear" ? EMPTY_LINEAR_BOUNDS : EMPTY_TIME_BOUNDS;
 const autoBounds = (b, padding = 0.1, type) => {
-  const m = L.max(b.filter(L.isFinite));
-  if (!L.isFinite(m))
+  const m2 = C.max(b.filter(C.isFinite));
+  if (!C.isFinite(m2))
     return emptyBounds(type);
-  const { lower: lower2, upper } = m;
+  const { lower: lower2, upper } = m2;
   if (upper === lower2)
     return { lower: lower2 - 1, upper: upper + 1 };
   const _padding = (upper - lower2) * padding;
@@ -5951,7 +5982,7 @@ class YAxis extends CoreAxis {
     __publicField(this, "schema", coreAxisStateZ);
   }
   async xBounds() {
-    return L.max(
+    return C.max(
       await Promise.all(this.lines.map(async (el) => await el.xBounds()))
     );
   }
@@ -6021,8 +6052,8 @@ class YAxis extends CoreAxis {
 }
 __publicField(YAxis, "TYPE", "YAxis");
 const annotationStateZ = z.object({
-  start: w.z,
-  end: w.z
+  start: m.z,
+  end: m.z
 });
 class Annotation extends Leaf {
   constructor() {
@@ -6691,7 +6722,7 @@ function requireUseSyncExternalStoreShim_production_min() {
   function h2(a2, b) {
     return a2 === b && (0 !== a2 || 1 / a2 === 1 / b) || a2 !== a2 && b !== b;
   }
-  var k2 = "function" === typeof Object.is ? Object.is : h2, l2 = e.useState, m = e.useEffect, n2 = e.useLayoutEffect, p = e.useDebugValue;
+  var k2 = "function" === typeof Object.is ? Object.is : h2, l2 = e.useState, m2 = e.useEffect, n2 = e.useLayoutEffect, p = e.useDebugValue;
   function q2(a2, b) {
     var d2 = b(), f2 = l2({ inst: { value: d2, getSnapshot: b } }), c = f2[0].inst, g2 = f2[1];
     n2(function() {
@@ -6699,7 +6730,7 @@ function requireUseSyncExternalStoreShim_production_min() {
       c.getSnapshot = b;
       r2(c) && g2({ inst: c });
     }, [a2, d2, b]);
-    m(function() {
+    m2(function() {
       r2(c) && g2({ inst: c });
       return a2(function() {
         r2(c) && g2({ inst: c });
@@ -6772,8 +6803,8 @@ function requireUseSyncExternalStoreShim_development() {
           Function.prototype.apply.call(console[level], console, argsWithFormat);
         }
       }
-      function is2(x, y2) {
-        return x === y2 && (x !== 0 || 1 / x === 1 / y2) || x !== x && y2 !== y2;
+      function is2(x, y) {
+        return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
       }
       var objectIs = typeof Object.is === "function" ? Object.is : is2;
       var useState2 = React.useState, useEffect2 = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue2 = React.useDebugValue;
@@ -6916,11 +6947,11 @@ function requireWithSelector_production_min() {
         d3 = a4;
         return k2 = e3;
       }
-      var c2 = false, d3, k2, m = void 0 === e ? null : e;
+      var c2 = false, d3, k2, m2 = void 0 === e ? null : e;
       return [function() {
         return a3(b());
-      }, null === m ? void 0 : function() {
-        return a3(m());
+      }, null === m2 ? void 0 : function() {
+        return a3(m2());
       }];
     }, [b, e, l2, g2]);
     var d2 = r2(a2, c[0], c[1]);
@@ -6955,8 +6986,8 @@ function requireWithSelector_development() {
       }
       var React = React__default;
       var shim2 = requireShim();
-      function is2(x, y2) {
-        return x === y2 && (x !== 0 || 1 / x === 1 / y2) || x !== x && y2 !== y2;
+      function is2(x, y) {
+        return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
       }
       var objectIs = typeof Object.is === "function" ? Object.is : is2;
       var useSyncExternalStore = shim2.useSyncExternalStore;
@@ -7252,7 +7283,7 @@ function selector(selector2) {
 function selection_select(select2) {
   if (typeof select2 !== "function")
     select2 = selector(select2);
-  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, subgroups = new Array(m2), j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, subgroup = subgroups[j] = new Array(n2), node, subnode, i2 = 0; i2 < n2; ++i2) {
       if ((node = group[i2]) && (subnode = select2.call(node, node.__data__, i2, group))) {
         if ("__data__" in node)
@@ -7284,7 +7315,7 @@ function selection_selectAll(select2) {
     select2 = arrayAll(select2);
   else
     select2 = selectorAll(select2);
-  for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, subgroups = [], parents = [], j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, node, i2 = 0; i2 < n2; ++i2) {
       if (node = group[i2]) {
         subgroups.push(select2.call(node, node.__data__, i2, group));
@@ -7331,7 +7362,7 @@ function selection_selectChildren(match) {
 function selection_filter(match) {
   if (typeof match !== "function")
     match = matcher(match);
-  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, subgroups = new Array(m2), j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, subgroup = subgroups[j] = [], node, i2 = 0; i2 < n2; ++i2) {
       if ((node = group[i2]) && match.call(node, node.__data__, i2, group)) {
         subgroup.push(node);
@@ -7426,7 +7457,7 @@ function selection_data(value2, key) {
   var bind = key ? bindKey : bindIndex, parents = this._parents, groups = this._groups;
   if (typeof value2 !== "function")
     value2 = constant$2(value2);
-  for (var m = groups.length, update = new Array(m), enter = new Array(m), exit = new Array(m), j = 0; j < m; ++j) {
+  for (var m2 = groups.length, update = new Array(m2), enter = new Array(m2), exit = new Array(m2), j = 0; j < m2; ++j) {
     var parent = parents[j], group = groups[j], groupLength = group.length, data = arraylike(value2.call(parent, parent && parent.__data__, j, parents)), dataLength = data.length, enterGroup = enter[j] = new Array(dataLength), updateGroup = update[j] = new Array(dataLength), exitGroup = exit[j] = new Array(groupLength);
     bind(parent, group, enterGroup, updateGroup, exitGroup, data, key);
     for (var i0 = 0, i1 = 0, previous, next; i0 < dataLength; ++i0) {
@@ -7472,7 +7503,7 @@ function selection_join(onenter, onupdate, onexit) {
 }
 function selection_merge(context) {
   var selection2 = context.selection ? context.selection() : context;
-  for (var groups0 = this._groups, groups1 = selection2._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
+  for (var groups0 = this._groups, groups1 = selection2._groups, m0 = groups0.length, m1 = groups1.length, m2 = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m2; ++j) {
     for (var group0 = groups0[j], group1 = groups1[j], n2 = group0.length, merge = merges[j] = new Array(n2), node, i2 = 0; i2 < n2; ++i2) {
       if (node = group0[i2] || group1[i2]) {
         merge[i2] = node;
@@ -7485,7 +7516,7 @@ function selection_merge(context) {
   return new Selection$1(merges, this._parents);
 }
 function selection_order() {
-  for (var groups = this._groups, j = -1, m = groups.length; ++j < m; ) {
+  for (var groups = this._groups, j = -1, m2 = groups.length; ++j < m2; ) {
     for (var group = groups[j], i2 = group.length - 1, next = group[i2], node; --i2 >= 0; ) {
       if (node = group[i2]) {
         if (next && node.compareDocumentPosition(next) ^ 4)
@@ -7502,7 +7533,7 @@ function selection_sort(compare) {
   function compareNode(a2, b) {
     return a2 && b ? compare(a2.__data__, b.__data__) : !a2 - !b;
   }
-  for (var groups = this._groups, m = groups.length, sortgroups = new Array(m), j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, sortgroups = new Array(m2), j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, sortgroup = sortgroups[j] = new Array(n2), node, i2 = 0; i2 < n2; ++i2) {
       if (node = group[i2]) {
         sortgroup[i2] = node;
@@ -7525,7 +7556,7 @@ function selection_nodes() {
   return Array.from(this);
 }
 function selection_node() {
-  for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+  for (var groups = this._groups, j = 0, m2 = groups.length; j < m2; ++j) {
     for (var group = groups[j], i2 = 0, n2 = group.length; i2 < n2; ++i2) {
       var node = group[i2];
       if (node)
@@ -7544,7 +7575,7 @@ function selection_empty() {
   return !this.node();
 }
 function selection_each(callback) {
-  for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+  for (var groups = this._groups, j = 0, m2 = groups.length; j < m2; ++j) {
     for (var group = groups[j], i2 = 0, n2 = group.length, node; i2 < n2; ++i2) {
       if (node = group[i2])
         callback.call(node, node.__data__, i2, group);
@@ -7816,7 +7847,7 @@ function onRemove(typename) {
     var on = this.__on;
     if (!on)
       return;
-    for (var j = 0, i2 = -1, m = on.length, o2; j < m; ++j) {
+    for (var j = 0, i2 = -1, m2 = on.length, o2; j < m2; ++j) {
       if (o2 = on[j], (!typename.type || o2.type === typename.type) && o2.name === typename.name) {
         this.removeEventListener(o2.type, o2.listener, o2.options);
       } else {
@@ -7833,7 +7864,7 @@ function onAdd(typename, value2, options) {
   return function() {
     var on = this.__on, o2, listener = contextListener(value2);
     if (on)
-      for (var j = 0, m = on.length; j < m; ++j) {
+      for (var j = 0, m2 = on.length; j < m2; ++j) {
         if ((o2 = on[j]).type === typename.type && o2.name === typename.name) {
           this.removeEventListener(o2.type, o2.listener, o2.options);
           this.addEventListener(o2.type, o2.listener = listener, o2.options = options);
@@ -7854,7 +7885,7 @@ function selection_on(typename, value2, options) {
   if (arguments.length < 2) {
     var on = this.node().__on;
     if (on)
-      for (var j = 0, m = on.length, o2; j < m; ++j) {
+      for (var j = 0, m2 = on.length, o2; j < m2; ++j) {
         for (i2 = 0, o2 = on[j]; i2 < n2; ++i2) {
           if ((t = typenames[i2]).type === o2.type && t.name === o2.name) {
             return o2.value;
@@ -7895,7 +7926,7 @@ function selection_dispatch(type, params) {
   return this.each((typeof params === "function" ? dispatchFunction : dispatchConstant)(type, params));
 }
 function* selection_iterator() {
-  for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+  for (var groups = this._groups, j = 0, m2 = groups.length; j < m2; ++j) {
     for (var group = groups[j], i2 = 0, n2 = group.length, node; i2 < n2; ++i2) {
       if (node = group[i2])
         yield node;
@@ -8020,7 +8051,7 @@ function DragEvent(type, {
   identifier,
   active,
   x,
-  y: y2,
+  y,
   dx,
   dy,
   dispatch: dispatch2
@@ -8033,7 +8064,7 @@ function DragEvent(type, {
     identifier: { value: identifier, enumerable: true, configurable: true },
     active: { value: active, enumerable: true, configurable: true },
     x: { value: x, enumerable: true, configurable: true },
-    y: { value: y2, enumerable: true, configurable: true },
+    y: { value: y, enumerable: true, configurable: true },
     dx: { value: dx, enumerable: true, configurable: true },
     dy: { value: dy, enumerable: true, configurable: true },
     _: { value: dispatch2 }
@@ -8657,7 +8688,7 @@ function transition_easeVarying(value2) {
 function transition_filter(match) {
   if (typeof match !== "function")
     match = matcher(match);
-  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, subgroups = new Array(m2), j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, subgroup = subgroups[j] = [], node, i2 = 0; i2 < n2; ++i2) {
       if ((node = group[i2]) && match.call(node, node.__data__, i2, group)) {
         subgroup.push(node);
@@ -8669,7 +8700,7 @@ function transition_filter(match) {
 function transition_merge(transition) {
   if (transition._id !== this._id)
     throw new Error();
-  for (var groups0 = this._groups, groups1 = transition._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
+  for (var groups0 = this._groups, groups1 = transition._groups, m0 = groups0.length, m1 = groups1.length, m2 = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m2; ++j) {
     for (var group0 = groups0[j], group1 = groups1[j], n2 = group0.length, merge = merges[j] = new Array(n2), node, i2 = 0; i2 < n2; ++i2) {
       if (node = group0[i2] || group1[i2]) {
         merge[i2] = node;
@@ -8719,7 +8750,7 @@ function transition_select(select2) {
   var name = this._name, id2 = this._id;
   if (typeof select2 !== "function")
     select2 = selector(select2);
-  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, subgroups = new Array(m2), j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, subgroup = subgroups[j] = new Array(n2), node, subnode, i2 = 0; i2 < n2; ++i2) {
       if ((node = group[i2]) && (subnode = select2.call(node, node.__data__, i2, group))) {
         if ("__data__" in node)
@@ -8735,7 +8766,7 @@ function transition_selectAll(select2) {
   var name = this._name, id2 = this._id;
   if (typeof select2 !== "function")
     select2 = selectorAll(select2);
-  for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, subgroups = [], parents = [], j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, node, i2 = 0; i2 < n2; ++i2) {
       if (node = group[i2]) {
         for (var children2 = select2.call(node, node.__data__, i2, group), child, inherit2 = get(node, id2), k2 = 0, l2 = children2.length; k2 < l2; ++k2) {
@@ -8863,7 +8894,7 @@ function transition_textTween(value2) {
 }
 function transition_transition() {
   var name = this._name, id0 = this._id, id1 = newId();
-  for (var groups = this._groups, m = groups.length, j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, node, i2 = 0; i2 < n2; ++i2) {
       if (node = group[i2]) {
         var inherit2 = get(node, id0);
@@ -8968,7 +8999,7 @@ function selection_transition(name) {
   } else {
     id2 = newId(), (timing = defaultTiming).time = now(), name = name == null ? null : name + "";
   }
-  for (var groups = this._groups, m = groups.length, j = 0; j < m; ++j) {
+  for (var groups = this._groups, m2 = groups.length, j = 0; j < m2; ++j) {
     for (var group = groups[j], n2 = group.length, node, i2 = 0; i2 < n2; ++i2) {
       if (node = group[i2]) {
         schedule(node, name, id2, i2, group, timing || inherit(node, id2));
@@ -8994,18 +9025,18 @@ function ZoomEvent(type, {
     _: { value: dispatch2 }
   });
 }
-function Transform(k2, x, y2) {
+function Transform(k2, x, y) {
   this.k = k2;
   this.x = x;
-  this.y = y2;
+  this.y = y;
 }
 Transform.prototype = {
   constructor: Transform,
   scale: function(k2) {
     return k2 === 1 ? this : new Transform(this.k * k2, this.x, this.y);
   },
-  translate: function(x, y2) {
-    return x === 0 & y2 === 0 ? this : new Transform(this.k, this.x + this.k * x, this.y + this.k * y2);
+  translate: function(x, y) {
+    return x === 0 & y === 0 ? this : new Transform(this.k, this.x + this.k * x, this.y + this.k * y);
   },
   apply: function(point) {
     return [point[0] * this.k + this.x, point[1] * this.k + this.y];
@@ -9013,8 +9044,8 @@ Transform.prototype = {
   applyX: function(x) {
     return x * this.k + this.x;
   },
-  applyY: function(y2) {
-    return y2 * this.k + this.y;
+  applyY: function(y) {
+    return y * this.k + this.y;
   },
   invert: function(location) {
     return [(location[0] - this.x) / this.k, (location[1] - this.y) / this.k];
@@ -9022,14 +9053,14 @@ Transform.prototype = {
   invertX: function(x) {
     return (x - this.x) / this.k;
   },
-  invertY: function(y2) {
-    return (y2 - this.y) / this.k;
+  invertY: function(y) {
+    return (y - this.y) / this.k;
   },
   rescaleX: function(x) {
     return x.copy().domain(x.range().map(this.invertX, this).map(x.invert, x));
   },
-  rescaleY: function(y2) {
-    return y2.copy().domain(y2.range().map(this.invertY, this).map(y2.invert, y2));
+  rescaleY: function(y) {
+    return y.copy().domain(y.range().map(this.invertY, this).map(y.invert, y));
   },
   toString: function() {
     return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
@@ -9103,20 +9134,20 @@ function zoom() {
       return constrain(translate(scale(t02, k1), p0, p1), e, translateExtent);
     }, p, event);
   };
-  zoom2.translateBy = function(selection2, x, y2, event) {
+  zoom2.translateBy = function(selection2, x, y, event) {
     zoom2.transform(selection2, function() {
       return constrain(this.__zoom.translate(
         typeof x === "function" ? x.apply(this, arguments) : x,
-        typeof y2 === "function" ? y2.apply(this, arguments) : y2
+        typeof y === "function" ? y.apply(this, arguments) : y
       ), extent.apply(this, arguments), translateExtent);
     }, null, event);
   };
-  zoom2.translateTo = function(selection2, x, y2, p, event) {
+  zoom2.translateTo = function(selection2, x, y, p, event) {
     zoom2.transform(selection2, function() {
       var e = extent.apply(this, arguments), t = this.__zoom, p0 = p == null ? centroid(e) : typeof p === "function" ? p.apply(this, arguments) : p;
       return constrain(identity.translate(p0[0], p0[1]).scale(t.k).translate(
         typeof x === "function" ? -x.apply(this, arguments) : -x,
-        typeof y2 === "function" ? -y2.apply(this, arguments) : -y2
+        typeof y === "function" ? -y.apply(this, arguments) : -y
       ), e, translateExtent);
     }, p, event);
   };
@@ -9125,8 +9156,8 @@ function zoom() {
     return k2 === transform.k ? transform : new Transform(k2, transform.x, transform.y);
   }
   function translate(transform, p0, p1) {
-    var x = p0[0] - p1[0] * transform.k, y2 = p0[1] - p1[1] * transform.k;
-    return x === transform.x && y2 === transform.y ? transform : new Transform(transform.k, x, y2);
+    var x = p0[0] - p1[0] * transform.k, y = p0[1] - p1[1] * transform.k;
+    return x === transform.x && y === transform.y ? transform : new Transform(transform.k, x, y);
   }
   function centroid(extent2) {
     return [(+extent2[0][0] + +extent2[1][0]) / 2, (+extent2[0][1] + +extent2[1][1]) / 2];
@@ -9437,7 +9468,7 @@ function Attribution({ proOptions, position = "bottom-right" }) {
     React__default.createElement("a", { href: "https://reactflow.dev", target: "_blank", rel: "noopener noreferrer", "aria-label": "React Flow attribution" }, "React Flow")
   );
 }
-const EdgeText = ({ x, y: y2, label, labelStyle = {}, labelShowBg = true, labelBgStyle = {}, labelBgPadding = [2, 4], labelBgBorderRadius = 2, children: children2, className, ...rest }) => {
+const EdgeText = ({ x, y, label, labelStyle = {}, labelShowBg = true, labelBgStyle = {}, labelBgPadding = [2, 4], labelBgBorderRadius = 2, children: children2, className, ...rest }) => {
   const edgeRef = useRef(null);
   const [edgeTextBbox, setEdgeTextBbox] = useState({ x: 0, y: 0, width: 0, height: 0 });
   const edgeTextClasses = cc(["react-flow__edge-textwrapper", className]);
@@ -9457,7 +9488,7 @@ const EdgeText = ({ x, y: y2, label, labelStyle = {}, labelShowBg = true, labelB
   }
   return React__default.createElement(
     "g",
-    { transform: `translate(${x - edgeTextBbox.width / 2} ${y2 - edgeTextBbox.height / 2})`, className: edgeTextClasses, visibility: edgeTextBbox.width ? "visible" : "hidden", ...rest },
+    { transform: `translate(${x - edgeTextBbox.width / 2} ${y - edgeTextBbox.height / 2})`, className: edgeTextClasses, visibility: edgeTextBbox.width ? "visible" : "hidden", ...rest },
     labelShowBg && React__default.createElement("rect", { width: edgeTextBbox.width + 2 * labelBgPadding[0], x: -labelBgPadding[0], y: -labelBgPadding[1], height: edgeTextBbox.height + 2 * labelBgPadding[1], className: "react-flow__edge-textbg", style: labelBgStyle, rx: labelBgBorderRadius, ry: labelBgBorderRadius }),
     React__default.createElement("text", { className: "react-flow__edge-text", y: edgeTextBbox.height / 2, dy: "0.3em", ref: edgeRef, style: labelStyle }, label),
     children2
@@ -9496,17 +9527,17 @@ const getBoundsOfBoxes = (box1, box2) => ({
   x2: Math.max(box1.x2, box2.x2),
   y2: Math.max(box1.y2, box2.y2)
 });
-const rectToBox = ({ x, y: y2, width, height }) => ({
+const rectToBox = ({ x, y, width, height }) => ({
   x,
-  y: y2,
+  y,
   x2: x + width,
-  y2: y2 + height
+  y2: y + height
 });
-const boxToRect = ({ x, y: y2, x2, y2: y22 }) => ({
+const boxToRect = ({ x, y, x2, y2 }) => ({
   x,
-  y: y2,
+  y,
   width: x2 - x,
-  height: y22 - y2
+  height: y2 - y
 });
 const nodeToRect = (node) => ({
   ...node.positionAbsolute || { x: 0, y: 0 },
@@ -9772,18 +9803,18 @@ function getPoints({ source, sourcePosition = Position.Bottom, target, targetPos
 }
 function getBend(a2, b, c, size) {
   const bendSize = Math.min(distance(a2, b) / 2, distance(b, c) / 2, size);
-  const { x, y: y2 } = b;
-  if (a2.x === x && x === c.x || a2.y === y2 && y2 === c.y) {
-    return `L${x} ${y2}`;
+  const { x, y } = b;
+  if (a2.x === x && x === c.x || a2.y === y && y === c.y) {
+    return `L${x} ${y}`;
   }
-  if (a2.y === y2) {
+  if (a2.y === y) {
     const xDir2 = a2.x < c.x ? -1 : 1;
     const yDir2 = a2.y < c.y ? 1 : -1;
-    return `L ${x + bendSize * xDir2},${y2}Q ${x},${y2} ${x},${y2 + bendSize * yDir2}`;
+    return `L ${x + bendSize * xDir2},${y}Q ${x},${y} ${x},${y + bendSize * yDir2}`;
   }
   const xDir = a2.x < c.x ? 1 : -1;
   const yDir = a2.y < c.y ? -1 : 1;
-  return `L ${x},${y2 + bendSize * yDir}Q ${x},${y2} ${x + bendSize * xDir},${y2}`;
+  return `L ${x},${y + bendSize * yDir}Q ${x},${y} ${x + bendSize * xDir},${y}`;
 }
 function getSmoothStepPath({ sourceX, sourceY, sourcePosition = Position.Bottom, targetX, targetY, targetPosition = Position.Top, borderRadius = 5, centerX, centerY, offset = 20 }) {
   const [points, labelX, labelY, offsetX, offsetY] = getPoints({
@@ -9970,10 +10001,10 @@ const updateEdge = (oldEdge, newConnection, edges, options = { shouldReplaceId:
   };
   return edges.filter((e) => e.id !== oldEdgeId).concat(edge);
 };
-const pointToRendererPoint = ({ x, y: y2 }, [tx, ty, tScale], snapToGrid, [snapX, snapY]) => {
+const pointToRendererPoint = ({ x, y }, [tx, ty, tScale], snapToGrid, [snapX, snapY]) => {
   const position = {
     x: (x - tx) / tScale,
-    y: (y2 - ty) / tScale
+    y: (y - ty) / tScale
   };
   if (snapToGrid) {
     return {
@@ -9983,10 +10014,10 @@ const pointToRendererPoint = ({ x, y: y2 }, [tx, ty, tScale], snapToGrid, [snapX
   }
   return position;
 };
-const rendererPointToPoint = ({ x, y: y2 }, [tx, ty, tScale]) => {
+const rendererPointToPoint = ({ x, y }, [tx, ty, tScale]) => {
   return {
     x: x * tScale + tx,
-    y: y2 * tScale + ty
+    y: y * tScale + ty
   };
 };
 const getNodePositionWithOrigin = (node, nodeOrigin = [0, 0]) => {
@@ -10019,10 +10050,10 @@ const getNodesBounds = (nodes, nodeOrigin = [0, 0]) => {
     return { x: 0, y: 0, width: 0, height: 0 };
   }
   const box = nodes.reduce((currBox, node) => {
-    const { x, y: y2 } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
+    const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
     return getBoundsOfBoxes(currBox, rectToBox({
       x,
-      y: y2,
+      y,
       width: node.width || 0,
       height: node.height || 0
     }));
@@ -10072,8 +10103,8 @@ const getViewportForBounds = (bounds, width, height, minZoom, maxZoom, padding =
   const boundsCenterX = bounds.x + bounds.width / 2;
   const boundsCenterY = bounds.y + bounds.height / 2;
   const x = width / 2 - boundsCenterX * clampedZoom;
-  const y2 = height / 2 - boundsCenterY * clampedZoom;
-  return { x, y: y2, zoom: clampedZoom };
+  const y = height / 2 - boundsCenterY * clampedZoom;
+  return { x, y, zoom: clampedZoom };
 };
 const getD3Transition = (selection2, duration = 0) => {
   return selection2.transition().duration(duration);
@@ -10094,8 +10125,8 @@ function getHandles(node, handleBounds, type, currentHandle) {
   }, []);
 }
 function getClosestHandle(event, doc, pos, connectionRadius, handles, validator) {
-  const { x, y: y2 } = getEventPosition(event);
-  const domNodes = doc.elementsFromPoint(x, y2);
+  const { x, y } = getEventPosition(event);
+  const domNodes = doc.elementsFromPoint(x, y);
   const handleBelow = domNodes.find((el) => el.classList.contains("react-flow__handle"));
   if (handleBelow) {
     const handleNodeId = handleBelow.getAttribute("data-nodeid");
@@ -10229,8 +10260,8 @@ function handlePointerDown({ event, handleId, nodeId, onConnect, isTarget, getSt
   const { connectionMode, domNode, autoPanOnConnect, connectionRadius, onConnectStart, panBy, getNodes, cancelConnection } = getState();
   let autoPanId = 0;
   let closestHandle;
-  const { x, y: y2 } = getEventPosition(event);
-  const clickedHandle = doc == null ? void 0 : doc.elementFromPoint(x, y2);
+  const { x, y } = getEventPosition(event);
+  const clickedHandle = doc == null ? void 0 : doc.elementFromPoint(x, y);
   const handleType = getHandleType(edgeUpdaterType, clickedHandle);
   const containerBounds = domNode == null ? void 0 : domNode.getBoundingClientRect();
   if (!containerBounds || !handleType) {
@@ -10694,13 +10725,13 @@ function updateAbsoluteNodePositions(nodeInternals, nodeOrigin, parentNodes) {
       throw new Error(`Parent node ${parentId} not found`);
     }
     if (parentId || (parentNodes == null ? void 0 : parentNodes[node.id])) {
-      const { x, y: y2, z: z2 } = calculateXYZPosition(node, nodeInternals, {
+      const { x, y, z: z2 } = calculateXYZPosition(node, nodeInternals, {
         ...node.position,
         z: ((_a2 = node[internalsSymbol]) == null ? void 0 : _a2.z) ?? 0
       }, nodeOrigin);
       node.positionAbsolute = {
         x,
-        y: y2
+        y
       };
       node[internalsSymbol].z = z2;
       if (parentNodes == null ? void 0 : parentNodes[node.id]) {
@@ -10757,8 +10788,8 @@ function fitView(get2, options = {}) {
     const nodesInitialized = nodes.every((n2) => n2.width && n2.height);
     if (nodes.length > 0 && nodesInitialized) {
       const bounds = getNodesBounds(nodes, nodeOrigin);
-      const { x, y: y2, zoom: zoom2 } = getViewportForBounds(bounds, width, height, options.minZoom ?? minZoom, options.maxZoom ?? maxZoom, options.padding ?? 0.1);
-      const nextTransform = identity.translate(x, y2).scale(zoom2);
+      const { x, y, zoom: zoom2 } = getViewportForBounds(bounds, width, height, options.minZoom ?? minZoom, options.maxZoom ?? maxZoom, options.padding ?? 0.1);
+      const nextTransform = identity.translate(x, y).scale(zoom2);
       if (typeof options.duration === "number" && options.duration > 0) {
         d3Zoom.transform(getD3Transition(d3Selection, options.duration), nextTransform);
       } else {
@@ -10838,27 +10869,27 @@ const useViewportHelper = () => {
         zoomTo: (zoomLevel, options) => d3Zoom.scaleTo(getD3Transition(d3Selection, options == null ? void 0 : options.duration), zoomLevel),
         getZoom: () => store.getState().transform[2],
         setViewport: (transform, options) => {
-          const [x, y2, zoom2] = store.getState().transform;
-          const nextTransform = identity.translate(transform.x ?? x, transform.y ?? y2).scale(transform.zoom ?? zoom2);
+          const [x, y, zoom2] = store.getState().transform;
+          const nextTransform = identity.translate(transform.x ?? x, transform.y ?? y).scale(transform.zoom ?? zoom2);
           d3Zoom.transform(getD3Transition(d3Selection, options == null ? void 0 : options.duration), nextTransform);
         },
         getViewport: () => {
-          const [x, y2, zoom2] = store.getState().transform;
-          return { x, y: y2, zoom: zoom2 };
+          const [x, y, zoom2] = store.getState().transform;
+          return { x, y, zoom: zoom2 };
         },
         fitView: (options) => fitView(store.getState, options),
-        setCenter: (x, y2, options) => {
+        setCenter: (x, y, options) => {
           const { width, height, maxZoom } = store.getState();
           const nextZoom = typeof (options == null ? void 0 : options.zoom) !== "undefined" ? options.zoom : maxZoom;
           const centerX = width / 2 - x * nextZoom;
-          const centerY = height / 2 - y2 * nextZoom;
+          const centerY = height / 2 - y * nextZoom;
           const transform = identity.translate(centerX, centerY).scale(nextZoom);
           d3Zoom.transform(getD3Transition(d3Selection, options == null ? void 0 : options.duration), transform);
         },
         fitBounds: (bounds, options) => {
           const { width, height, minZoom, maxZoom } = store.getState();
-          const { x, y: y2, zoom: zoom2 } = getViewportForBounds(bounds, width, height, minZoom, maxZoom, (options == null ? void 0 : options.padding) ?? 0.1);
-          const transform = identity.translate(x, y2).scale(zoom2);
+          const { x, y, zoom: zoom2 } = getViewportForBounds(bounds, width, height, minZoom, maxZoom, (options == null ? void 0 : options.padding) ?? 0.1);
+          const transform = identity.translate(x, y).scale(zoom2);
           d3Zoom.transform(getD3Transition(d3Selection, options == null ? void 0 : options.duration), transform);
         },
         // @deprecated Use `screenToFlowPosition`.
@@ -10960,13 +10991,13 @@ function useReactFlow() {
   }, []);
   const toObject = useCallback(() => {
     const { getNodes: getNodes2, edges = [], transform } = store.getState();
-    const [x, y2, zoom2] = transform;
+    const [x, y, zoom2] = transform;
     return {
       nodes: getNodes2().map((n2) => ({ ...n2 })),
       edges: edges.map((e) => ({ ...e })),
       viewport: {
         x,
-        y: y2,
+        y,
         zoom: zoom2
       }
     };
@@ -11571,16 +11602,16 @@ const Pane = memo(({ isSelecting, selectionMode = SelectionMode.Full, panOnDrag,
     if (!elementsSelectable || !isSelecting || event.button !== 0 || event.target !== container.current || !containerBounds.current) {
       return;
     }
-    const { x, y: y2 } = getEventPosition(event, containerBounds.current);
+    const { x, y } = getEventPosition(event, containerBounds.current);
     resetSelectedElements();
     store.setState({
       userSelectionRect: {
         width: 0,
         height: 0,
         startX: x,
-        startY: y2,
+        startY: y,
         x,
-        y: y2
+        y
       }
     });
     onSelectionStart == null ? void 0 : onSelectionStart(event);
@@ -11811,10 +11842,10 @@ function useGetPointerPosition() {
   const getPointerPosition = useCallback(({ sourceEvent: sourceEvent2 }) => {
     const { transform, snapGrid, snapToGrid } = store.getState();
     const x = sourceEvent2.touches ? sourceEvent2.touches[0].clientX : sourceEvent2.clientX;
-    const y2 = sourceEvent2.touches ? sourceEvent2.touches[0].clientY : sourceEvent2.clientY;
+    const y = sourceEvent2.touches ? sourceEvent2.touches[0].clientY : sourceEvent2.clientY;
     const pointerPos = {
       x: (x - transform[0]) / transform[2],
-      y: (y2 - transform[1]) / transform[2]
+      y: (y - transform[1]) / transform[2]
     };
     return {
       xSnapped: snapToGrid ? snapGrid[0] * Math.round(pointerPos.x / snapGrid[0]) : pointerPos.x,
@@ -11842,9 +11873,9 @@ function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, n
   useEffect(() => {
     if (nodeRef == null ? void 0 : nodeRef.current) {
       const selection2 = select(nodeRef.current);
-      const updateNodes = ({ x, y: y2 }) => {
+      const updateNodes = ({ x, y }) => {
         const { nodeInternals, onNodeDrag, onSelectionDrag, updateNodePositions, nodeExtent, snapGrid, snapToGrid, nodeOrigin, onError } = store.getState();
-        lastPos.current = { x, y: y2 };
+        lastPos.current = { x, y };
         let hasChange = false;
         let nodesBox = { x: 0, y: 0, x2: 0, y2: 0 };
         if (dragItems.current.length > 1 && nodeExtent) {
@@ -11852,7 +11883,7 @@ function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, n
           nodesBox = rectToBox(rect);
         }
         dragItems.current = dragItems.current.map((n2) => {
-          const nextPosition = { x: x - n2.distance.x, y: y2 - n2.distance.y };
+          const nextPosition = { x: x - n2.distance.x, y: y - n2.distance.y };
           if (snapToGrid) {
             nextPosition.x = snapGrid[0] * Math.round(nextPosition.x / snapGrid[0]);
             nextPosition.y = snapGrid[1] * Math.round(nextPosition.y / snapGrid[1]);
@@ -11954,8 +11985,8 @@ function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, n
           }
           if (!dragStarted.current) {
             const x = pointerPos.xSnapped - (((_a2 = lastPos == null ? void 0 : lastPos.current) == null ? void 0 : _a2.x) ?? 0);
-            const y2 = pointerPos.ySnapped - (((_b3 = lastPos == null ? void 0 : lastPos.current) == null ? void 0 : _b3.y) ?? 0);
-            const distance2 = Math.sqrt(x * x + y2 * y2);
+            const y = pointerPos.ySnapped - (((_b3 = lastPos == null ? void 0 : lastPos.current) == null ? void 0 : _b3.y) ?? 0);
+            const distance2 = Math.sqrt(x * x + y * y);
             if (distance2 > nodeDragThreshold) {
               startDrag(event);
             }
@@ -12279,16 +12310,16 @@ function createNodeTypes(nodeTypes) {
     ...specialTypes
   };
 }
-const getPositionWithOrigin = ({ x, y: y2, width, height, origin }) => {
+const getPositionWithOrigin = ({ x, y, width, height, origin }) => {
   if (!width || !height) {
-    return { x, y: y2 };
+    return { x, y };
   }
   if (origin[0] < 0 || origin[1] < 0 || origin[0] > 1 || origin[1] > 1) {
-    return { x, y: y2 };
+    return { x, y };
   }
   return {
     x: x - width * origin[0],
-    y: y2 - height * origin[1]
+    y: y - height * origin[1]
   };
 };
 const selector$5 = (s) => ({
@@ -12358,12 +12389,12 @@ const shiftX = (x, shift, position) => {
     return x + shift;
   return x;
 };
-const shiftY = (y2, shift, position) => {
+const shiftY = (y, shift, position) => {
   if (position === Position.Top)
-    return y2 - shift;
+    return y - shift;
   if (position === Position.Bottom)
-    return y2 + shift;
-  return y2;
+    return y + shift;
+  return y;
 };
 const EdgeUpdaterClassName = "react-flow__edgeupdater";
 const EdgeAnchor = ({ position, centerX, centerY, radius = 10, onMouseDown, onMouseEnter, onMouseOut, type }) => React__default.createElement("circle", { onMouseDown, onMouseEnter, onMouseOut, className: cc([EdgeUpdaterClassName, `${EdgeUpdaterClassName}-${type}`]), cx: shiftX(centerX, radius, position), cy: shiftY(centerY, radius, position), r: radius, stroke: "transparent", fill: "transparent" });
@@ -12493,29 +12524,29 @@ function createEdgeTypes(edgeTypes) {
 }
 function getHandlePosition(position, nodeRect, handle = null) {
   const x = ((handle == null ? void 0 : handle.x) || 0) + nodeRect.x;
-  const y2 = ((handle == null ? void 0 : handle.y) || 0) + nodeRect.y;
+  const y = ((handle == null ? void 0 : handle.y) || 0) + nodeRect.y;
   const width = (handle == null ? void 0 : handle.width) || nodeRect.width;
   const height = (handle == null ? void 0 : handle.height) || nodeRect.height;
   switch (position) {
     case Position.Top:
       return {
         x: x + width / 2,
-        y: y2
+        y
       };
     case Position.Right:
       return {
         x: x + width,
-        y: y2 + height / 2
+        y: y + height / 2
       };
     case Position.Bottom:
       return {
         x: x + width / 2,
-        y: y2 + height
+        y: y + height
       };
     case Position.Left:
       return {
         x,
-        y: y2 + height / 2
+        y: y + height / 2
       };
   }
 }
@@ -12697,7 +12728,7 @@ const MarkerDefinitions = ({ defaultColor, rfId }) => {
   const markers = useStore(
     useCallback(markerSelector({ defaultColor, rfId }), [defaultColor, rfId]),
     // the id includes all marker options, so we just need to look at that part of the marker
-    (a2, b) => !(a2.length !== b.length || a2.some((m, i2) => m.id !== b[i2].id))
+    (a2, b) => !(a2.length !== b.length || a2.some((m2, i2) => m2.id !== b[i2].id))
   );
   return React__default.createElement("defs", null, markers.map((marker) => React__default.createElement(Marker, { id: marker.id, key: marker.id, type: marker.type, color: marker.color, width: marker.width, height: marker.height, markerUnits: marker.markerUnits, strokeWidth: marker.strokeWidth, orient: marker.orient })));
 };
@@ -13452,11 +13483,11 @@ class Tooltip extends Leaf {
     const validValues = values.filter((c) => q$1.isFinite(c.value));
     const { draw } = this.internal;
     const avgXPosition = validValues.reduce((p, c) => p + c.position.x, 0) / validValues.length;
-    const avgXValue = new w(
+    const avgXValue = new m(
       validValues.reduce((p, c) => p + c.value.x, 0) / validValues.length
     );
     const rulePosition = scale_.x.pos(avgXPosition);
-    if (!L.contains(To.xBounds(region), rulePosition))
+    if (!C.contains(To.xBounds(region), rulePosition))
       return;
     draw.rule({
       stroke: this.state.ruleColor,
@@ -13642,7 +13673,7 @@ class Measure extends Leaf {
     const s = k.XY.scale(To.DECIMAL).scale(props.region);
     const onePos = s.pos(oneValue.position);
     const twoPos = s.pos(twoValue.position);
-    const xDist = new y(Math.abs(oneValue.value.x - twoValue.value.x));
+    const xDist = new w(Math.abs(oneValue.value.x - twoValue.value.x));
     const yDist = Math.abs(oneValue.value.y - twoValue.value.y);
     const slope = yDist / xDist.seconds;
     draw.line({
@@ -13666,7 +13697,7 @@ class Measure extends Leaf {
       lineWidth: strokeWidth
     });
     draw.textContainer({
-      text: [xDist.truncate(y.MILLISECOND).toString()],
+      text: [xDist.truncate(w.MILLISECOND).toString()],
       direction: "x",
       position: q$1.construct((onePos.x + twoPos.x) / 2, twoPos.y),
       level: "small"
@@ -13851,7 +13882,7 @@ const value = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   Value
 }, Symbol.toStringTag, { value: "Module" }));
 const selectedStateZ = nk.payloadZ.extend({
-  viewport: L.bounds
+  viewport: C.bounds
 });
 const providerStateZ = z.object({
   cursor: q$1.xy.or(z.null()),
@@ -13890,7 +13921,7 @@ class Provider extends Leaf {
   }
   async fetchInitial(timeRange) {
     const { internal: i2 } = this;
-    if (i2.client == null || this.fetchedInitial.roughlyEquals(timeRange, y.minutes(1)))
+    if (i2.client == null || this.fetchedInitial.roughlyEquals(timeRange, w.minutes(1)))
       return;
     this.fetchedInitial = timeRange;
     const ranges = await i2.client.ranges.retrieve(timeRange);
@@ -13922,7 +13953,7 @@ class Provider extends Leaf {
       startPos = Y(startPos, To.left(region) - 2, To.right(region) - 1);
       let hovered = false;
       if (cursor != null)
-        hovered = L.contains({ lower: startPos, upper: endPos }, cursor);
+        hovered = C.contains({ lower: startPos, upper: endPos }, cursor);
       if (hovered)
         hoveredState = {
           key: r2.key,
@@ -14105,7 +14136,7 @@ class LinePlot extends Composite {
       region,
       canvases
     };
-    await Promise.all(this.measures.map(async (m) => await m.render(p)));
+    await Promise.all(this.measures.map(async (m2) => await m2.render(p)));
   }
   calculatePlot() {
     return calculatePlotBox(this.state.grid, this.state.container);
@@ -14307,4 +14338,4 @@ export {
   value as y,
   canvas as z
 };
-//# sourceMappingURL=LinePlot-tOiSUMjC.js.map
+//# sourceMappingURL=LinePlot-KYwy1D7H.js.map