@designa8/vibedesign-stripe-deepseek-85ea 0.1.1 → 0.1.2

package/README.md

@@ -1,6 +1,6 @@
 # @designa8/vibedesign-stripe-deepseek-85ea
 
-Complete design system generated by Atoms Design, version **0.1.1**.
+Complete design system generated by Atoms Design, version **0.1.2**.
 Tokens, atoms, molecules, organisms, and templates — import from the package root;
 never hardcode visual values in consumer code.
 

package/dist/index.cjs

@@ -12296,6 +12296,7 @@ var PaymentRoutingCanvas = React62.forwardRef(
     const triggerRef = React62.useRef(null);
     const nodeRefs = React62.useRef({});
     const suppressClick = React62.useRef(false);
+    const nodeDragActive = React62.useRef(false);
     React62.useEffect(() => {
       setLocalNodes(incomingNodes);
     }, [incomingNodes]);
@@ -12385,6 +12386,8 @@ var PaymentRoutingCanvas = React62.forwardRef(
     };
     const beginDrag = (event, node) => {
       if (event.button !== 0) return;
+      event.stopPropagation();
+      nodeDragActive.current = true;
       const startX = event.clientX;
       const startY = event.clientY;
       const scale2 = fit * zoom || 1;
@@ -12405,6 +12408,7 @@ var PaymentRoutingCanvas = React62.forwardRef(
         );
       };
       const end = () => {
+        nodeDragActive.current = false;
         window.removeEventListener("pointermove", move);
         if (!moved) return;
         suppressClick.current = true;
@@ -12419,6 +12423,7 @@ var PaymentRoutingCanvas = React62.forwardRef(
     };
     const beginPan = (event) => {
       if (event.button !== 0) return;
+      if (nodeDragActive.current) return;
       const startX = event.clientX;
       const startY = event.clientY;
       const origin = pan;

package/dist/index.js

@@ -12160,6 +12160,7 @@ var PaymentRoutingCanvas = React62.forwardRef(
     const triggerRef = React62.useRef(null);
     const nodeRefs = React62.useRef({});
     const suppressClick = React62.useRef(false);
+    const nodeDragActive = React62.useRef(false);
     React62.useEffect(() => {
       setLocalNodes(incomingNodes);
     }, [incomingNodes]);
@@ -12249,6 +12250,8 @@ var PaymentRoutingCanvas = React62.forwardRef(
     };
     const beginDrag = (event, node) => {
       if (event.button !== 0) return;
+      event.stopPropagation();
+      nodeDragActive.current = true;
       const startX = event.clientX;
       const startY = event.clientY;
       const scale2 = fit * zoom || 1;
@@ -12269,6 +12272,7 @@ var PaymentRoutingCanvas = React62.forwardRef(
         );
       };
       const end = () => {
+        nodeDragActive.current = false;
         window.removeEventListener("pointermove", move);
         if (!moved) return;
         suppressClick.current = true;
@@ -12283,6 +12287,7 @@ var PaymentRoutingCanvas = React62.forwardRef(
     };
     const beginPan = (event) => {
       if (event.button !== 0) return;
+      if (nodeDragActive.current) return;
       const startX = event.clientX;
       const startY = event.clientY;
       const origin = pan;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designa8/vibedesign-stripe-deepseek-85ea",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Complete design system \"My Project stripe-deepseek\" generated by Atoms Design.",
   "main": "dist/index.cjs",
   "module": "dist/index.js",

package/src/atoms/PaymentRoutingCanvas/PaymentRoutingCanvas.tsx

@@ -309,6 +309,8 @@ export const PaymentRoutingCanvas = React.forwardRef<
     const triggerRef = React.useRef<HTMLButtonElement>(null);
     const nodeRefs = React.useRef<Record<string, HTMLDivElement | null>>({});
     const suppressClick = React.useRef(false);
+    /** A node drag owns the gesture — the plane must not pan under it. */
+    const nodeDragActive = React.useRef(false);
 
     React.useEffect(() => {
       setLocalNodes(incomingNodes);
@@ -414,6 +416,10 @@ export const PaymentRoutingCanvas = React.forwardRef<
 
     const beginDrag = (event: React.PointerEvent, node: CanvasNode) => {
       if (event.button !== 0) return;
+      // The node owns this gesture: without this the pointerdown bubbles to the
+      // plane's beginPan, both move listeners run, and the node drag also pans.
+      event.stopPropagation();
+      nodeDragActive.current = true;
       const startX = event.clientX;
       const startY = event.clientY;
       const scale = fit * zoom || 1;
@@ -438,6 +444,7 @@ export const PaymentRoutingCanvas = React.forwardRef<
       };
 
       const end = () => {
+        nodeDragActive.current = false;
         window.removeEventListener("pointermove", move);
         if (!moved) return;
         suppressClick.current = true;
@@ -454,6 +461,8 @@ export const PaymentRoutingCanvas = React.forwardRef<
 
     const beginPan = (event: React.PointerEvent) => {
       if (event.button !== 0) return;
+      // Defensive: a gesture already claimed by a node must never pan.
+      if (nodeDragActive.current) return;
       const startX = event.clientX;
       const startY = event.clientY;
       const origin = pan;