@synnaxlabs/pluto 0.21.9 → 0.21.10

package/dist/ether.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const aggregator = require("./aggregator-Bh2Kyzkg.cjs");
-const LinePlot = require("./LinePlot-Bnb8Ufob.cjs");
+const LinePlot = require("./LinePlot-mjjFdNnj.cjs");
 const css = require("./css-Ci8WUD5E.cjs");
 const external$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist/ether.js

@@ -1,7 +1,7 @@
 import { P as Provider, R as REGISTRY, S as SYNNAX_DARK, a as SYNNAX_LIGHT, b as SYNNAX_THEMES, f as fontString, t as themeZ, u as use, d as a, e as REGISTRY$d, r as render$1 } from "./aggregator-B8fg7W2s.js";
 import { g } from "./aggregator-B8fg7W2s.js";
-import { C as Context$1, a as Controller, E as Eraser$1, G as GLProgram, L as Loop, R as REASON_DATA, b as REASON_LAYOUT, c as REASON_TOOL, d as REGISTRY$1, e as REGISTRY$2, f as REGISTRY$3, g as REGISTRY$4, h as REGISTRY$5, i as REGISTRY$6, j as REGISTRY$7, k as REGISTRY$8, l as REGISTRY$9, m as REGISTRY$a, n as REGISTRY$b, o as REGISTRY$c, p as REGISTRY$e, q as REGISTRY$f, r as REGISTRY$g, s as REGISTRY$h, A as LinePlot, X as XAxis, Y as YAxis, B as linePlotStateZ, F as xAxisStateZ, H as yAxisStateZ } from "./LinePlot-KYwy1D7H.js";
-import { z, D, u, w, t, v, x, y } from "./LinePlot-KYwy1D7H.js";
+import { C as Context$1, a as Controller, E as Eraser$1, G as GLProgram, L as Loop, R as REASON_DATA, b as REASON_LAYOUT, c as REASON_TOOL, d as REGISTRY$1, e as REGISTRY$2, f as REGISTRY$3, g as REGISTRY$4, h as REGISTRY$5, i as REGISTRY$6, j as REGISTRY$7, k as REGISTRY$8, l as REGISTRY$9, m as REGISTRY$a, n as REGISTRY$b, o as REGISTRY$c, p as REGISTRY$e, q as REGISTRY$f, r as REGISTRY$g, s as REGISTRY$h, A as LinePlot, X as XAxis, Y as YAxis, B as linePlotStateZ, F as xAxisStateZ, H as yAxisStateZ } from "./LinePlot-BeWCHNq-.js";
+import { z, D, u, w, t, v, x, y } from "./LinePlot-BeWCHNq-.js";
 import { b } from "./css-DKKmdhSr.js";
 const external$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist/index.cjs

@@ -13,7 +13,7 @@ const css = require("./css-Ci8WUD5E.cjs");
 const external$l = require("./external-DVQ2SRoH.cjs");
 const aggregator = require("./aggregator-Bh2Kyzkg.cjs");
 const Center$1 = require("./Center-Cc_rR5pQ.cjs");
-const LinePlot$2 = require("./LinePlot-Bnb8Ufob.cjs");
+const LinePlot$2 = require("./LinePlot-mjjFdNnj.cjs");
 const external$k = require("./external-d-vI8EHK.cjs");
 const external$t = require("./external-9_cqFQy3.cjs");
 const external$q = require("./external-DjYXzP7v.cjs");
@@ -1155,6 +1155,7 @@ const Mask = React.forwardRef(
 );
 Mask.displayName = "ZoomPanMask";
 const TRUNC_PRECISION = 6;
+const CURSOR_TRANSLATION_THRESHOLD = 2;
 const TRIGGER_MODES = ["zoom", "pan", "select", "zoomReset"];
 const MODES = [...TRIGGER_MODES, "click"];
 const MASK_MODES = ["zoom", "select"];
@@ -1212,9 +1213,10 @@ const use$a = ({
   const [maskBox, setMaskBox] = React.useState(css.To.ZERO);
   const [maskMode, setMaskMode] = React.useState(defaultMode);
   const [stateRef, setStateRef] = Toggle$1.useStateRef(initial);
+  const prevCursorRef = React.useRef(css.q.ZERO);
   const canvasRef = React.useRef(null);
   const threshold = css._.construct(threshold_);
-  React.useEffect(() => setStateRef(() => css.To.truncate(initial, 3)), [initial]);
+  React.useEffect(() => setStateRef(() => css.To.truncate(initial, TRUNC_PRECISION)), [initial]);
   React.useEffect(() => setMaskMode(defaultMode), [defaultMode]);
   const [triggerConfig, reducedTriggerConfig, purgedTriggers, reducedPurgedTriggers] = Toggle$1.useMemoCompare(
     () => {
@@ -1257,7 +1259,7 @@ const use$a = ({
         return setStateRef((prev) => {
           if (mode === "pan") {
             const next3 = handlePan(box_, prev, canvas);
-            if (next3 === null)
+            if (next3 === null || css.To.equals(next3, prev))
               return prev;
             onChange == null ? void 0 : onChange({ box: next3, mode, stage, cursor });
             return next3;
@@ -1281,15 +1283,11 @@ const use$a = ({
         );
       }
       setMaskBox((prev) => !css.To.areaIsZero(prev) ? css.To.ZERO : prev);
-      const next = handlePan(box_, stateRef.current, canvas);
-      if (css.To.equals(next, stateRef.current))
+      if (css.q.distance(cursor, prevCursorRef.current) < CURSOR_TRANSLATION_THRESHOLD)
         return;
-      onChange == null ? void 0 : onChange({
-        box: next,
-        mode,
-        stage,
-        cursor
-      });
+      prevCursorRef.current = cursor;
+      const next = handlePan(box_, stateRef.current, canvas);
+      onChange == null ? void 0 : onChange({ box: next, mode, stage, cursor });
     },
     [
       setMaskBox,