@tscircuit/pcb-viewer 1.11.359 → 1.11.360

package/dist/index.js

@@ -6788,7 +6788,7 @@ var ToastContainer = () => {
 };
 
 // src/PCBViewer.tsx
-import { useEffect as useEffect17, useMemo as useMemo8, useRef as useRef14, useState as useState12 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect17, useMemo as useMemo8, useRef as useRef14, useState as useState12 } from "react";
 
 // node_modules/react-use/esm/useMountedState.js
 import { useCallback as useCallback2, useEffect as useEffect2, useRef } from "react";
@@ -14371,7 +14371,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.358",
+  version: "1.11.359",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -14873,6 +14873,12 @@ var ToolbarOverlay = ({ children, elements }) => {
       setErrorsOpen(false);
     }
   }, [isViewMenuOpen]);
+  const stopCanvasInteractionPropagation = useCallback8(
+    (event) => {
+      event.stopPropagation();
+    },
+    []
+  );
   return /* @__PURE__ */ jsxs14(
     "div",
     {
@@ -14911,6 +14917,13 @@ var ToolbarOverlay = ({ children, elements }) => {
             onTouchStart: (e) => e.stopPropagation(),
             onTouchEnd: (e) => e.stopPropagation(),
             onTouchMove: (e) => e.stopPropagation(),
+            onMouseDown: stopCanvasInteractionPropagation,
+            onMouseMove: stopCanvasInteractionPropagation,
+            onMouseUp: stopCanvasInteractionPropagation,
+            onPointerDown: stopCanvasInteractionPropagation,
+            onPointerMove: stopCanvasInteractionPropagation,
+            onPointerUp: stopCanvasInteractionPropagation,
+            onWheel: stopCanvasInteractionPropagation,
             style: {
               position: "absolute",
               opacity: isSmallScreen ? 1 : isMouseOverContainer ? 1 : 0,
@@ -15626,6 +15639,14 @@ var PCBViewer = ({
   );
   const [ref, refDimensions] = useMeasure_default();
   const [transform, setTransformInternal] = useState12(defaultTransform);
+  const shouldAllowCanvasInteraction = useCallback10(
+    (event) => {
+      const target = event.target;
+      if (!(target instanceof Element)) return true;
+      return !target.closest("[data-toolbar-overlay]");
+    },
+    []
+  );
   const {
     ref: transformRef,
     setTransform,
@@ -15633,7 +15654,8 @@ var PCBViewer = ({
   } = src_default({
     transform,
     onSetTransform: setTransformInternal,
-    enabled: isInteractionEnabled
+    enabled: isInteractionEnabled,
+    shouldDrag: shouldAllowCanvasInteraction
   });
   let [editEvents, setEditEvents] = useState12([]);
   editEvents = editEventsProp ?? editEvents;