@tscircuit/pcb-viewer 1.11.322 → 1.11.324

package/dist/index.js

@@ -8161,7 +8161,7 @@ var Drawer = class {
     const drawLines = (angle2) => {
       const sin = Math.sin(angle2);
       const cos = Math.cos(angle2);
-      const diag = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
+      const diag = Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
       for (let i = -diag; i <= diag; i += spacing$) {
         ctx.beginPath();
         ctx.moveTo(x1 + i * cos - diag * sin, y1 + i * sin + diag * cos);
@@ -8383,7 +8383,7 @@ var Drawer = class {
     const [x$, y$] = applyToPoint3(this.transform, [x, y]);
     this.applyAperture();
     const ctx = this.getLayerCtx();
-    ctx.font = `10px sans-serif`;
+    ctx.font = "10px sans-serif";
     ctx.fillText(text, x$, y$);
   }
   getLayerCtx() {
@@ -8418,9 +8418,9 @@ var Drawer = class {
     ];
     const order = [
       ...DEFAULT_DRAW_ORDER.filter((l) => !layersToShiftToTop.includes(l)),
-      ...associatedSilkscreen ? [associatedSilkscreen] : [],
       foregroundLayer,
       ...maskWithCopperLayerForForeground ? [maskWithCopperLayerForForeground] : [],
+      ...associatedSilkscreen ? [associatedSilkscreen] : [],
       "drill"
     ];
     order.forEach((layer, i) => {
@@ -8432,23 +8432,23 @@ var Drawer = class {
   }
   applyAperture() {
     const { transform, aperture } = this;
-    let { size, mode, color: color5, fontSize, layer } = aperture;
+    let { size, mode, color: color6, fontSize, layer } = aperture;
     if (!(layer in this.ctxLayerMap)) this.aperture.layer = "other";
     const ctx = this.getLayerCtx();
     if (!ctx) {
       throw new Error(`No context for layer "${this.foregroundLayer}"`);
     }
-    if (!color5) color5 = "undefined";
+    if (!color6) color6 = "undefined";
     ctx.lineWidth = scaleOnly(transform, size);
     ctx.lineCap = "round";
     if (mode === "add") {
       ctx.globalCompositeOperation = "source-over";
-      let colorString = LAYER_NAME_TO_COLOR[color5.toLowerCase()];
+      let colorString = LAYER_NAME_TO_COLOR[color6.toLowerCase()];
       if (!colorString)
         try {
-          colorString = colorParser(color5).rgb().toString();
+          colorString = colorParser(color6).rgb().toString();
         } catch (error) {
-          console.warn(`Invalid color format: '${color5}'`);
+          console.warn(`Invalid color format: '${color6}'`);
           colorString = "white";
         }
       ctx.fillStyle = colorString;
@@ -8467,7 +8467,7 @@ var Drawer = class {
     const [x$, y$] = applyToPoint3(this.transform, [x, y]);
     const { size, shape, mode } = this.aperture;
     const size$ = scaleOnly(this.transform, size);
-    let { lastPoint } = this;
+    const { lastPoint } = this;
     const lastPoint$ = applyToPoint3(this.transform, lastPoint);
     this.applyAperture();
     const ctx = this.getLayerCtx();
@@ -8698,9 +8698,29 @@ function drawPcbNoteElementsForLayer({
   drawer.drawElements(pcbNoteElements, { layers });
 }
 
+// src/lib/draw-pcb-panel.ts
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer8 } from "circuit-to-canvas";
+function isPcbPanelElement(element) {
+  return element.type === "pcb_panel";
+}
+function drawPcbPanelElements({
+  canvas,
+  elements,
+  layers,
+  realToCanvasMat,
+  drawSoldermask
+}) {
+  const drawer = new CircuitToCanvasDrawer8(canvas);
+  drawer.realToCanvasMat = realToCanvasMat;
+  const pcbPanelElements = elements.filter(isPcbPanelElement);
+  for (const element of pcbPanelElements) {
+    drawer.drawElements([element], { layers, drawSoldermask });
+  }
+}
+
 // src/lib/draw-pcb-smtpad.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer8,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer9,
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP3
 } from "circuit-to-canvas";
 import color from "color";
@@ -8759,12 +8779,12 @@ function drawPcbSmtPadElementsForLayer({
     (element) => !highlightedElementIds.has(element.pcb_smtpad_id)
   );
   if (nonHighlightedElements.length > 0) {
-    const drawer = new CircuitToCanvasDrawer8(canvas);
+    const drawer = new CircuitToCanvasDrawer9(canvas);
     drawer.realToCanvasMat = realToCanvasMat;
     drawer.drawElements(nonHighlightedElements, { layers: [], drawSoldermask });
   }
   if (highlightedElements.length > 0) {
-    const highlightDrawer = new CircuitToCanvasDrawer8(canvas);
+    const highlightDrawer = new CircuitToCanvasDrawer9(canvas);
     highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP });
     highlightDrawer.realToCanvasMat = realToCanvasMat;
     highlightDrawer.drawElements(highlightedElements, {
@@ -8774,9 +8794,9 @@ function drawPcbSmtPadElementsForLayer({
   }
 }
 
-// src/lib/draw-plated-hole.ts
+// src/lib/draw-pcb-trace.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer9,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer10,
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP4
 } from "circuit-to-canvas";
 import color2 from "color";
@@ -8785,7 +8805,74 @@ var HOVER_COLOR_MAP2 = {
   copper: {
     ...DEFAULT_PCB_COLOR_MAP4.copper,
     top: color2(colors_default.board.pad_front).lighten(0.5).toString(),
-    bottom: color2(colors_default.board.pad_back).lighten(0.5).toString()
+    bottom: color2(colors_default.board.pad_back).lighten(0.5).toString(),
+    inner1: color2(colors_default.board.copper.in1).lighten(0.5).toString(),
+    inner2: color2(colors_default.board.copper.in2).lighten(0.5).toString(),
+    inner3: color2(colors_default.board.copper.in3).lighten(0.5).toString(),
+    inner4: color2(colors_default.board.copper.in4).lighten(0.5).toString(),
+    inner5: color2(colors_default.board.copper.in5).lighten(0.5).toString(),
+    inner6: color2(colors_default.board.copper.in6).lighten(0.5).toString()
+  }
+};
+function isPcbTrace(element) {
+  return element.type === "pcb_trace";
+}
+var normalizeCopperLayers = (layers) => layers.map(
+  (layer) => layer.endsWith("_copper") ? layer.replace("_copper", "") : layer
+);
+function drawPcbTraceElementsForLayer({
+  canvas,
+  elements,
+  layers,
+  realToCanvasMat,
+  primitives
+}) {
+  const targetLayers = new Set(normalizeCopperLayers(layers));
+  const traceElements = elements.filter(isPcbTrace).filter(
+    (element) => element.route.some(
+      (segment) => segment.route_type === "wire" && "layer" in segment && targetLayers.has(segment.layer)
+    )
+  );
+  if (traceElements.length === 0) return;
+  const highlightedElementIds = /* @__PURE__ */ new Set();
+  if (primitives) {
+    for (const primitive of primitives) {
+      if ((primitive.is_mouse_over || primitive.is_in_highlighted_net) && primitive._element?.type === "pcb_trace") {
+        highlightedElementIds.add(primitive._element.pcb_trace_id);
+      }
+    }
+  }
+  const highlightedElements = traceElements.filter(
+    (element) => highlightedElementIds.has(element.pcb_trace_id)
+  );
+  const nonHighlightedElements = traceElements.filter(
+    (element) => !highlightedElementIds.has(element.pcb_trace_id)
+  );
+  if (nonHighlightedElements.length > 0) {
+    const drawer = new CircuitToCanvasDrawer10(canvas);
+    drawer.realToCanvasMat = realToCanvasMat;
+    drawer.drawElements(nonHighlightedElements, { layers });
+  }
+  if (highlightedElements.length > 0) {
+    const highlightDrawer = new CircuitToCanvasDrawer10(canvas);
+    highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP2 });
+    highlightDrawer.realToCanvasMat = realToCanvasMat;
+    highlightDrawer.drawElements(highlightedElements, { layers });
+  }
+}
+
+// src/lib/draw-plated-hole.ts
+import {
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer11,
+  DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP5
+} from "circuit-to-canvas";
+import color3 from "color";
+var HOVER_COLOR_MAP3 = {
+  ...DEFAULT_PCB_COLOR_MAP5,
+  copper: {
+    ...DEFAULT_PCB_COLOR_MAP5.copper,
+    top: color3(colors_default.board.pad_front).lighten(0.5).toString(),
+    bottom: color3(colors_default.board.pad_back).lighten(0.5).toString()
   }
 };
 function isPlatedHole(element) {
@@ -8816,13 +8903,13 @@ function drawPlatedHolePads({
     (element) => !highlightedElementIds.has(element.pcb_plated_hole_id)
   );
   if (nonHighlightedElements.length > 0) {
-    const drawer = new CircuitToCanvasDrawer9(canvas);
+    const drawer = new CircuitToCanvasDrawer11(canvas);
     drawer.realToCanvasMat = realToCanvasMat;
     drawer.drawElements(nonHighlightedElements, { layers, drawSoldermask });
   }
   if (highlightedElements.length > 0) {
-    const highlightDrawer = new CircuitToCanvasDrawer9(canvas);
-    highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP2 });
+    const highlightDrawer = new CircuitToCanvasDrawer11(canvas);
+    highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP3 });
     highlightDrawer.realToCanvasMat = realToCanvasMat;
     highlightDrawer.drawElements(highlightedElements, {
       layers,
@@ -8947,11 +9034,11 @@ var convertTextToLines = (text) => {
 };
 
 // src/lib/draw-primitives.ts
-import color3 from "color";
+import color4 from "color";
 function getColor(primitive) {
   const explicitColor = primitive.color;
   const baseColorString = explicitColor ?? LAYER_NAME_TO_COLOR[primitive.layer];
-  let c = color3(baseColorString);
+  let c = color4(baseColorString);
   if (primitive._element?.type === "pcb_copper_pour") {
     c = c.alpha(0.7);
   }
@@ -9226,11 +9313,11 @@ var drawPrimitives = (drawer, primitives) => {
 
 // src/lib/draw-silkscreen.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer10,
-  DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP5
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer12,
+  DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP6
 } from "circuit-to-canvas";
 var PCB_VIEWER_COLOR_MAP2 = {
-  ...DEFAULT_PCB_COLOR_MAP5,
+  ...DEFAULT_PCB_COLOR_MAP6,
   silkscreen: {
     top: colors_default.board.f_silks,
     bottom: colors_default.board.b_silks
@@ -9245,7 +9332,7 @@ function drawSilkscreenElementsForLayer({
   layers,
   realToCanvasMat
 }) {
-  const drawer = new CircuitToCanvasDrawer10(canvas);
+  const drawer = new CircuitToCanvasDrawer12(canvas);
   drawer.configure({
     colorOverrides: PCB_VIEWER_COLOR_MAP2
   });
@@ -9256,16 +9343,16 @@ function drawSilkscreenElementsForLayer({
 
 // src/lib/draw-via.ts
 import {
-  DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP6,
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer11
+  DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP7,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer13
 } from "circuit-to-canvas";
-import color4 from "color";
-var HOVER_COLOR_MAP3 = {
-  ...DEFAULT_PCB_COLOR_MAP6,
+import color5 from "color";
+var HOVER_COLOR_MAP4 = {
+  ...DEFAULT_PCB_COLOR_MAP7,
   copper: {
-    ...DEFAULT_PCB_COLOR_MAP6.copper,
-    top: color4(colors_default.board.pad_front).lighten(0.5).toString(),
-    bottom: color4(colors_default.board.pad_back).lighten(0.5).toString()
+    ...DEFAULT_PCB_COLOR_MAP7.copper,
+    top: color5(colors_default.board.pad_front).lighten(0.5).toString(),
+    bottom: color5(colors_default.board.pad_back).lighten(0.5).toString()
   }
 };
 function isPcbVia(element) {
@@ -9297,13 +9384,13 @@ function drawPcbViaElementsForLayer({
     (element) => !highlightedElementIds.has(element.pcb_via_id)
   );
   if (nonHighlightedElements.length > 0) {
-    const drawer = new CircuitToCanvasDrawer11(canvas);
+    const drawer = new CircuitToCanvasDrawer13(canvas);
     drawer.realToCanvasMat = realToCanvasMat;
     drawer.drawElements(nonHighlightedElements, { layers });
   }
   if (highlightedElements.length > 0) {
-    const highlightDrawer = new CircuitToCanvasDrawer11(canvas);
-    highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP3 });
+    const highlightDrawer = new CircuitToCanvasDrawer13(canvas);
+    highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP4 });
     highlightDrawer.realToCanvasMat = realToCanvasMat;
     highlightDrawer.drawElements(highlightedElements, { layers });
   }
@@ -9312,39 +9399,15 @@ function drawPcbViaElementsForLayer({
 // src/components/CanvasPrimitiveRenderer.tsx
 import { useEffect as useEffect4, useRef as useRef2 } from "react";
 import { SuperGrid, toMMSI } from "react-supergrid";
-
-// src/lib/draw-pcb-panel.ts
-import { CircuitToCanvasDrawer as CircuitToCanvasDrawer12 } from "circuit-to-canvas";
-function isPcbPanelElement(element) {
-  return element.type === "pcb_panel";
-}
-function drawPcbPanelElements({
-  canvas,
-  elements,
-  layers,
-  realToCanvasMat,
-  drawSoldermask
-}) {
-  const drawer = new CircuitToCanvasDrawer12(canvas);
-  drawer.realToCanvasMat = realToCanvasMat;
-  const pcbPanelElements = elements.filter(isPcbPanelElement);
-  for (const element of pcbPanelElements) {
-    drawer.drawElements([element], { layers, drawSoldermask });
-  }
-}
-
-// src/components/CanvasPrimitiveRenderer.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var orderedLayers = [
   "board",
-  "bottom_silkscreen",
   "bottom",
   "soldermask_bottom",
   "top",
   "soldermask_top",
   "soldermask_with_copper_bottom",
   "soldermask_with_copper_top",
-  "top_silkscreen",
   "top_fabrication",
   "bottom_fabrication",
   "inner1",
@@ -9357,6 +9420,8 @@ var orderedLayers = [
   "edge_cuts",
   "bottom_notes",
   "top_notes",
+  "top_silkscreen",
+  "bottom_silkscreen",
   "other"
 ];
 var CanvasPrimitiveRenderer = ({
@@ -9387,7 +9452,7 @@ var CanvasPrimitiveRenderer = ({
     if (transform) drawer.transform = transform;
     drawer.clear();
     drawer.foregroundLayer = selectedLayer;
-    const filteredPrimitives = primitives.filter((p) => isShowingSolderMask || !p.layer?.includes("soldermask")).filter((p) => p.layer !== "board").filter((p) => p._element?.type !== "pcb_smtpad").filter((p) => p._element?.type !== "pcb_plated_hole").filter((p) => p._element?.type !== "pcb_via");
+    const filteredPrimitives = primitives.filter((p) => isShowingSolderMask || !p.layer?.includes("soldermask")).filter((p) => p.layer !== "board").filter((p) => p._element?.type !== "pcb_smtpad").filter((p) => p._element?.type !== "pcb_plated_hole").filter((p) => p._element?.type !== "pcb_via").filter((p) => p._element?.type !== "pcb_trace");
     drawPrimitives(drawer, filteredPrimitives);
     if (transform) {
       const topCanvas = canvasRefs.current.top;
@@ -9419,80 +9484,47 @@ var CanvasPrimitiveRenderer = ({
         });
       }
       if (topCanvas) {
-        drawPcbSmtPadElementsForLayer({
+        drawCopperPourElementsForLayer({
           canvas: topCanvas,
           elements,
           layers: ["top_copper"],
-          realToCanvasMat: transform,
-          primitives,
-          drawSoldermask: isShowingSolderMask
+          realToCanvasMat: transform
         });
       }
       if (bottomCanvas) {
-        drawPcbSmtPadElementsForLayer({
+        drawCopperPourElementsForLayer({
           canvas: bottomCanvas,
           elements,
           layers: ["bottom_copper"],
-          realToCanvasMat: transform,
-          primitives,
-          drawSoldermask: isShowingSolderMask
-        });
-      }
-      if (inner1Canvas) {
-        drawPcbSmtPadElementsForLayer({
-          canvas: inner1Canvas,
-          elements,
-          layers: ["inner1_copper"],
-          realToCanvasMat: transform,
-          primitives,
-          drawSoldermask: isShowingSolderMask
-        });
-      }
-      if (inner2Canvas) {
-        drawPcbSmtPadElementsForLayer({
-          canvas: inner2Canvas,
-          elements,
-          layers: ["inner2_copper"],
-          realToCanvasMat: transform,
-          primitives,
-          drawSoldermask: isShowingSolderMask
-        });
-      }
-      if (inner3Canvas) {
-        drawPcbSmtPadElementsForLayer({
-          canvas: inner3Canvas,
-          elements,
-          layers: ["inner3_copper"],
-          realToCanvasMat: transform,
-          primitives,
-          drawSoldermask: isShowingSolderMask
-        });
-      }
-      if (inner4Canvas) {
-        drawPcbSmtPadElementsForLayer({
-          canvas: inner4Canvas,
-          elements,
-          layers: ["inner4_copper"],
-          realToCanvasMat: transform,
-          primitives,
-          drawSoldermask: isShowingSolderMask
+          realToCanvasMat: transform
         });
       }
-      if (inner5Canvas) {
-        drawPcbSmtPadElementsForLayer({
-          canvas: inner5Canvas,
+      const copperLayers = [
+        { canvas: topCanvas, copperLayer: "top_copper" },
+        { canvas: bottomCanvas, copperLayer: "bottom_copper" },
+        { canvas: inner1Canvas, copperLayer: "inner1_copper" },
+        { canvas: inner2Canvas, copperLayer: "inner2_copper" },
+        { canvas: inner3Canvas, copperLayer: "inner3_copper" },
+        { canvas: inner4Canvas, copperLayer: "inner4_copper" },
+        { canvas: inner5Canvas, copperLayer: "inner5_copper" },
+        { canvas: inner6Canvas, copperLayer: "inner6_copper" }
+      ];
+      for (const { canvas, copperLayer } of copperLayers) {
+        if (!canvas) continue;
+        drawPcbTraceElementsForLayer({
+          canvas,
           elements,
-          layers: ["inner5_copper"],
+          layers: [copperLayer],
           realToCanvasMat: transform,
-          primitives,
-          drawSoldermask: isShowingSolderMask
+          primitives
         });
       }
-      if (inner6Canvas) {
+      for (const { canvas, copperLayer } of copperLayers) {
+        if (!canvas) continue;
         drawPcbSmtPadElementsForLayer({
-          canvas: inner6Canvas,
+          canvas,
           elements,
-          layers: ["inner6_copper"],
+          layers: [copperLayer],
           realToCanvasMat: transform,
           primitives,
           drawSoldermask: isShowingSolderMask
@@ -9516,22 +9548,6 @@ var CanvasPrimitiveRenderer = ({
           primitives
         });
       }
-      if (topCanvas) {
-        drawCopperPourElementsForLayer({
-          canvas: topCanvas,
-          elements,
-          layers: ["top_copper"],
-          realToCanvasMat: transform
-        });
-      }
-      if (bottomCanvas) {
-        drawCopperPourElementsForLayer({
-          canvas: bottomCanvas,
-          elements,
-          layers: ["bottom_copper"],
-          realToCanvasMat: transform
-        });
-      }
       const topSilkscreenCanvas = canvasRefs.current.top_silkscreen;
       if (topSilkscreenCanvas) {
         drawSilkscreenElementsForLayer({
@@ -9622,19 +9638,16 @@ var CanvasPrimitiveRenderer = ({
           realToCanvasMat: transform
         });
       }
-      if (topCanvas) {
-        drawPcbKeepoutElementsForLayer({
-          canvas: topCanvas,
-          elements,
-          layers: ["top"],
-          realToCanvasMat: transform
-        });
-      }
-      if (bottomCanvas) {
+      const keepoutLayers = [
+        { canvas: topCanvas, layer: "top" },
+        { canvas: bottomCanvas, layer: "bottom" }
+      ];
+      for (const { canvas, layer } of keepoutLayers) {
+        if (!canvas) continue;
         drawPcbKeepoutElementsForLayer({
-          canvas: bottomCanvas,
+          canvas,
           elements,
-          layers: ["bottom"],
+          layers: [layer],
           realToCanvasMat: transform
         });
       }
@@ -12230,7 +12243,7 @@ var HighlightedPrimitiveBoxWithText = ({
   ];
   const si = primitive.same_space_index ?? 0;
   const sip = 26;
-  const color5 = layerColorHightlightMap[primitive?._element?.layer] ?? "red";
+  const color6 = layerColorHightlightMap[primitive?._element?.layer] ?? "red";
   let rotation = 0;
   if (primitiveElement.type === "pcb_smtpad" && primitiveElement?.shape === "rotated_rect") {
     rotation = primitiveElement?.ccw_rotation ?? 0;
@@ -12252,7 +12265,7 @@ var HighlightedPrimitiveBoxWithText = ({
           position: "absolute",
           left: mousePos.x,
           top: yOffset,
-          color: color5,
+          color: color6,
           pointerEvents: "none",
           transform: "translateX(-50%)"
         },
@@ -12292,7 +12305,7 @@ var HighlightedPrimitiveBoxWithText = ({
         top: y - h / 2 - 8,
         width: w + 16,
         height: h + 16,
-        color: color5,
+        color: color6,
         transform: `rotate(${-rotation}deg)`,
         transformOrigin: "center center"
       },
@@ -12308,7 +12321,7 @@ var HighlightedPrimitiveBoxWithText = ({
             height: finalState ? `calc(100% + ${sip * 2 * si}px)` : "100%",
             marginLeft: finalState ? `${-sip * si}px` : 0,
             marginTop: finalState ? `${-sip * si}px` : 0,
-            border: `1px solid ${color5}`,
+            border: `1px solid ${color6}`,
             opacity: finalState ? 1 : si === 0 ? 1 : 0,
             transition: "width 0.2s, height 0.2s, margin-left 0.2s, margin-top 0.2s, opacity 0.2s"
           },
@@ -13673,7 +13686,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.321",
+  version: "1.11.323",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -13710,7 +13723,7 @@ var package_default = {
     "react-cosmos-plugin-vite": "7.0.0-beta.0",
     "react-dom": "19.1.0",
     "react-use": "^17.4.0",
-    tscircuit: "^0.0.1173",
+    tscircuit: "^0.0.1212",
     tsup: "^8.0.2",
     "type-fest": "^3.0.0",
     typescript: "^5.4.4",
@@ -13727,7 +13740,7 @@ var package_default = {
     "@tscircuit/math-utils": "^0.0.29",
     "@vitejs/plugin-react": "^5.0.2",
     "circuit-json": "^0.0.356",
-    "circuit-to-canvas": "^0.0.58",
+    "circuit-to-canvas": "^0.0.60",
     "circuit-to-svg": "^0.0.271",
     color: "^4.2.3",
     "react-supergrid": "^1.0.10",