circuit-to-svg 0.0.244 → 0.0.246

package/dist/index.js

@@ -1,7 +1,7 @@
 // lib/pcb/convert-circuit-json-to-pcb-svg.ts
 import { stringify } from "svgson";
 import {
-  applyToPoint as applyToPoint28,
+  applyToPoint as applyToPoint30,
   compose as compose5,
   scale as scale2,
   translate as translate5
@@ -2466,11 +2466,45 @@ function createSvgObjectsFromPcbBoard(pcbBoard, ctx) {
   ];
 }
 
-// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-via.ts
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-panel.ts
 import { applyToPoint as applyToPoint21 } from "transformation-matrix";
+function createSvgObjectsFromPcbPanel(pcbPanel, ctx) {
+  const { transform, colorMap: colorMap2, renderSolderMask } = ctx;
+  const width = Number(pcbPanel.width);
+  const height = Number(pcbPanel.height);
+  const topLeft = applyToPoint21(transform, [0, 0]);
+  const topRight = applyToPoint21(transform, [width, 0]);
+  const bottomRight = applyToPoint21(transform, [width, height]);
+  const bottomLeft = applyToPoint21(transform, [0, height]);
+  const path = `M ${topLeft[0]} ${topLeft[1]} L ${topRight[0]} ${topRight[1]} L ${bottomRight[0]} ${bottomRight[1]} L ${bottomLeft[0]} ${bottomLeft[1]} Z`;
+  const isCoveredWithSolderMask = pcbPanel.covered_with_solder_mask !== false;
+  const shouldRenderSolderMask = Boolean(
+    renderSolderMask && isCoveredWithSolderMask
+  );
+  return [
+    {
+      name: "path",
+      type: "element",
+      value: "",
+      children: [],
+      attributes: {
+        class: "pcb-panel",
+        d: path,
+        fill: shouldRenderSolderMask ? colorMap2.soldermask.top : "none",
+        stroke: colorMap2.boardOutline,
+        "stroke-width": (0.1 * Math.abs(transform.a)).toString(),
+        "data-type": "pcb_panel",
+        "data-pcb-layer": "board"
+      }
+    }
+  ];
+}
+
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-via.ts
+import { applyToPoint as applyToPoint22 } from "transformation-matrix";
 function createSvgObjectsFromPcbVia(hole, ctx) {
   const { transform, colorMap: colorMap2 } = ctx;
-  const [x, y] = applyToPoint21(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint22(transform, [hole.x, hole.y]);
   const scaledOuterWidth = hole.outer_diameter * Math.abs(transform.a);
   const scaledOuterHeight = hole.outer_diameter * Math.abs(transform.a);
   const scaledHoleWidth = hole.hole_diameter * Math.abs(transform.a);
@@ -2516,10 +2550,10 @@ function createSvgObjectsFromPcbVia(hole, ctx) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-hole.ts
-import { applyToPoint as applyToPoint22 } from "transformation-matrix";
+import { applyToPoint as applyToPoint23 } from "transformation-matrix";
 function createSvgObjectsFromPcbHole(hole, ctx) {
   const { transform, colorMap: colorMap2 } = ctx;
-  const [x, y] = applyToPoint22(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint23(transform, [hole.x, hole.y]);
   if (hole.hole_shape === "circle" || hole.hole_shape === "square") {
     const scaledDiameter = hole.hole_diameter * Math.abs(transform.a);
     const radius = scaledDiameter / 2;
@@ -2657,7 +2691,7 @@ import {
   getFullConnectivityMapFromCircuitJson
 } from "circuit-json-to-connectivity-map";
 import "svgson";
-import { applyToPoint as applyToPoint23 } from "transformation-matrix";
+import { applyToPoint as applyToPoint24 } from "transformation-matrix";
 
 // lib/pcb/create-svg-objects-from-pcb-rats-nest/get-element-position.ts
 import { su } from "@tscircuit/circuit-json-util";
@@ -2737,11 +2771,11 @@ function createSvgObjectsForRatsNest(circuitJson, ctx) {
   });
   const svgObjects = [];
   for (const line of ratsNestLines) {
-    const transformedStart = applyToPoint23(transform, [
+    const transformedStart = applyToPoint24(transform, [
       line.startPoint.x,
       line.startPoint.y
     ]);
-    const transformedEnd = applyToPoint23(transform, [
+    const transformedEnd = applyToPoint24(transform, [
       line.endPoint.x,
       line.endPoint.y
     ]);
@@ -2769,7 +2803,7 @@ function createSvgObjectsForRatsNest(circuitJson, ctx) {
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-cutout.ts
 import {
-  applyToPoint as applyToPoint24,
+  applyToPoint as applyToPoint25,
   compose as compose3,
   rotate as rotate3,
   translate as translate3,
@@ -2779,7 +2813,7 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
   const { transform, colorMap: colorMap2 } = ctx;
   if (cutout.shape === "rect") {
     const rectCutout = cutout;
-    const [cx, cy] = applyToPoint24(transform, [
+    const [cx, cy] = applyToPoint25(transform, [
       rectCutout.center.x,
       rectCutout.center.y
     ]);
@@ -2810,7 +2844,7 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
   }
   if (cutout.shape === "circle") {
     const circleCutout = cutout;
-    const [cx, cy] = applyToPoint24(transform, [
+    const [cx, cy] = applyToPoint25(transform, [
       circleCutout.center.x,
       circleCutout.center.y
     ]);
@@ -2837,7 +2871,7 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
     const polygonCutout = cutout;
     if (!polygonCutout.points || polygonCutout.points.length === 0) return [];
     const transformedPoints = polygonCutout.points.map(
-      (p) => applyToPoint24(transform, [p.x, p.y])
+      (p) => applyToPoint25(transform, [p.x, p.y])
     );
     const pointsString = transformedPoints.map((p) => `${p[0]},${p[1]}`).join(" ");
     return [
@@ -2861,7 +2895,7 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-copper-pour.ts
 import {
-  applyToPoint as applyToPoint26,
+  applyToPoint as applyToPoint27,
   compose as compose4,
   rotate as rotate4,
   toString as matrixToString7,
@@ -2869,11 +2903,11 @@ import {
 } from "transformation-matrix";
 
 // lib/utils/ring-to-path-d.ts
-import { applyToPoint as applyToPoint25 } from "transformation-matrix";
+import { applyToPoint as applyToPoint26 } from "transformation-matrix";
 function ringToPathD(vertices, transform) {
   if (vertices.length === 0) return "";
   const transformedVertices = vertices.map((v) => {
-    const [x, y] = applyToPoint25(transform, [v.x, v.y]);
+    const [x, y] = applyToPoint26(transform, [v.x, v.y]);
     return { ...v, x, y };
   });
   let d = `M ${transformedVertices[0].x} ${transformedVertices[0].y}`;
@@ -2906,7 +2940,7 @@ function createSvgObjectsFromPcbCopperPour(pour, ctx) {
   const color = layerNameToColor(layer, colorMap2);
   const opacity = "0.5";
   if (pour.shape === "rect") {
-    const [cx, cy] = applyToPoint26(transform, [pour.center.x, pour.center.y]);
+    const [cx, cy] = applyToPoint27(transform, [pour.center.x, pour.center.y]);
     const scaledWidth = pour.width * Math.abs(transform.a);
     const scaledHeight = pour.height * Math.abs(transform.d);
     const svgRotation = -(pour.rotation ?? 0);
@@ -2936,7 +2970,7 @@ function createSvgObjectsFromPcbCopperPour(pour, ctx) {
   if (pour.shape === "polygon") {
     if (!pour.points || pour.points.length === 0) return [];
     const transformedPoints = pour.points.map(
-      (p) => applyToPoint26(transform, [p.x, p.y])
+      (p) => applyToPoint27(transform, [p.x, p.y])
     );
     const pointsString = transformedPoints.map((p) => `${p[0]},${p[1]}`).join(" ");
     return [
@@ -3121,11 +3155,11 @@ function createMajorGridPatternChildren(cellSize, majorCellSize, lineColor, majo
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-component.ts
-import { applyToPoint as applyToPoint27 } from "transformation-matrix";
+import { applyToPoint as applyToPoint28 } from "transformation-matrix";
 function createSvgObjectsFromPcbComponent(component, ctx) {
   const { transform } = ctx;
   const { center, width, height, rotation = 0 } = component;
-  const [x, y] = applyToPoint27(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint28(transform, [center.x, center.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const transformStr = `translate(${x}, ${y}) rotate(${-rotation}) scale(1, -1)`;
@@ -3163,6 +3197,61 @@ function createSvgObjectsFromPcbComponent(component, ctx) {
   ];
 }
 
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-group.ts
+import { applyToPoint as applyToPoint29 } from "transformation-matrix";
+var DEFAULT_GROUP_COLOR = "rgba(100, 200, 255, 0.6)";
+var DEFAULT_STROKE_WIDTH = 0.1;
+function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
+  const { transform } = ctx;
+  const { center, width, height } = pcbGroup;
+  if (!center || typeof center.x !== "number" || typeof center.y !== "number" || typeof width !== "number" || typeof height !== "number") {
+    console.error("Invalid pcb_group data", { center, width, height });
+    return [];
+  }
+  const halfWidth = width / 2;
+  const halfHeight = height / 2;
+  const [topLeftX, topLeftY] = applyToPoint29(transform, [
+    center.x - halfWidth,
+    center.y + halfHeight
+  ]);
+  const [bottomRightX, bottomRightY] = applyToPoint29(transform, [
+    center.x + halfWidth,
+    center.y - halfHeight
+  ]);
+  const rectX = Math.min(topLeftX, bottomRightX);
+  const rectY = Math.min(topLeftY, bottomRightY);
+  const rectWidth = Math.abs(bottomRightX - topLeftX);
+  const rectHeight = Math.abs(bottomRightY - topLeftY);
+  const transformedStrokeWidth = DEFAULT_STROKE_WIDTH * Math.abs(transform.a);
+  const dashLength = 0.3 * Math.abs(transform.a);
+  const gapLength = 0.15 * Math.abs(transform.a);
+  const attributes = {
+    x: rectX.toString(),
+    y: rectY.toString(),
+    width: rectWidth.toString(),
+    height: rectHeight.toString(),
+    class: "pcb-group",
+    fill: "none",
+    stroke: DEFAULT_GROUP_COLOR,
+    "stroke-width": transformedStrokeWidth.toString(),
+    "stroke-dasharray": `${dashLength} ${gapLength}`,
+    "data-type": "pcb_group",
+    "data-pcb-group-id": pcbGroup.pcb_group_id,
+    "data-pcb-layer": "overlay"
+  };
+  if (pcbGroup.name) {
+    attributes["data-group-name"] = pcbGroup.name;
+  }
+  const svgObject = {
+    name: "rect",
+    type: "element",
+    value: "",
+    attributes,
+    children: []
+  };
+  return [svgObject];
+}
+
 // lib/utils/get-software-used-string.ts
 function getSoftwareUsedString(circuitJson) {
   const metadata = circuitJson.find(
@@ -3175,7 +3264,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.243",
+  version: "0.0.245",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -3199,7 +3288,7 @@ var package_default = {
     "bun-match-svg": "^0.0.12",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
-    "circuit-json": "^0.0.282",
+    "circuit-json": "^0.0.284",
     react: "19.1.0",
     "react-cosmos": "7.0.0",
     "react-cosmos-plugin-vite": "7.0.0",
@@ -3225,6 +3314,7 @@ var CIRCUIT_TO_SVG_VERSION = package_default.version;
 var TYPE_PRIORITY = {
   pcb_background: 0,
   pcb_boundary: 1,
+  pcb_panel: 5,
   pcb_board: 10,
   pcb_cutout: 15,
   pcb_hole: 18,
@@ -3338,7 +3428,14 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
   let boardMaxX = Number.NEGATIVE_INFINITY;
   let boardMaxY = Number.NEGATIVE_INFINITY;
   for (const circuitJsonElm of circuitJson) {
-    if (circuitJsonElm.type === "pcb_board") {
+    if (circuitJsonElm.type === "pcb_panel") {
+      const panel = circuitJsonElm;
+      const width = Number(panel.width);
+      const height = Number(panel.height);
+      const center = { x: width / 2, y: height / 2 };
+      updateBounds(center, width, height);
+      updateBoardBounds(center, width, height);
+    } else if (circuitJsonElm.type === "pcb_board") {
       if (circuitJsonElm.outline && Array.isArray(circuitJsonElm.outline) && circuitJsonElm.outline.length >= 3) {
         updateBoundsToIncludeOutline(circuitJsonElm.outline);
         updateBoardBoundsToIncludeOutline(circuitJsonElm.outline);
@@ -3442,6 +3539,7 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
     transform,
     layer,
     shouldDrawErrors: options?.shouldDrawErrors,
+    showPcbGroups: options?.showPcbGroups,
     drawPaddingOutsideBoard,
     colorMap: colorMap2,
     renderSolderMask: options?.renderSolderMask
@@ -3656,19 +3754,23 @@ function createSvgObjects({
       return createSvgObjectsFromPcbNoteLine(elm, ctx);
     case "pcb_silkscreen_path":
       return createSvgObjectsFromPcbSilkscreenPath(elm, ctx);
+    case "pcb_panel":
+      return ctx.drawPaddingOutsideBoard ? createSvgObjectsFromPcbPanel(elm, ctx) : [];
     case "pcb_board":
       return ctx.drawPaddingOutsideBoard ? createSvgObjectsFromPcbBoard(elm, ctx) : [];
     case "pcb_via":
       return createSvgObjectsFromPcbVia(elm, ctx);
     case "pcb_cutout":
       return createSvgObjectsFromPcbCutout(elm, ctx);
+    case "pcb_group":
+      return ctx.showPcbGroups ? createSvgObjectsFromPcbGroup(elm, ctx) : [];
     default:
       return [];
   }
 }
 function createSvgObjectFromPcbBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint28(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint28(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint30(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint30(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -3698,14 +3800,14 @@ var circuitJsonToPcbSvg = convertCircuitJsonToPcbSvg;
 import { stringify as stringify2 } from "svgson";
 import { su as su3 } from "@tscircuit/circuit-json-util";
 import {
-  applyToPoint as applyToPoint35,
+  applyToPoint as applyToPoint37,
   compose as compose6,
   scale as scale3,
   translate as translate6
 } from "transformation-matrix";
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-board.ts
-import { applyToPoint as applyToPoint29 } from "transformation-matrix";
+import { applyToPoint as applyToPoint31 } from "transformation-matrix";
 var DEFAULT_BOARD_STYLE = {
   fill: "none",
   stroke: "rgb(0,0,0)",
@@ -3717,25 +3819,25 @@ function createSvgObjectsFromAssemblyBoard(pcbBoard, transform, style = {}) {
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint29(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint31(transform, [point.x, point.y]);
       return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
     }).join(" ");
   } else {
     const halfWidth = width / 2;
     const halfHeight = height / 2;
-    const topLeft = applyToPoint29(transform, [
+    const topLeft = applyToPoint31(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint29(transform, [
+    const topRight = applyToPoint31(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint29(transform, [
+    const bottomRight = applyToPoint31(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint29(transform, [
+    const bottomLeft = applyToPoint31(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -3761,7 +3863,7 @@ function createSvgObjectsFromAssemblyBoard(pcbBoard, transform, style = {}) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-component.ts
-import { applyToPoint as applyToPoint31 } from "transformation-matrix";
+import { applyToPoint as applyToPoint33 } from "transformation-matrix";
 
 // lib/utils/get-sch-font-size.ts
 import "transformation-matrix";
@@ -3787,8 +3889,8 @@ function createSvgObjectsFromAssemblyComponent(params, ctx) {
   const { center, width, height, rotation = 0, layer = "top" } = elm;
   if (!center || typeof width !== "number" || typeof height !== "number")
     return null;
-  const [x, y] = applyToPoint31(transform, [center.x, center.y]);
-  const [pinX, pinY] = applyToPoint31(transform, [portPosition.x, portPosition.y]);
+  const [x, y] = applyToPoint33(transform, [center.x, center.y]);
+  const [pinX, pinY] = applyToPoint33(transform, [portPosition.x, portPosition.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const isTopLayer = layer === "top";
@@ -3950,11 +4052,11 @@ function getRectPathData(w, h, rotation) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-hole.ts
-import { applyToPoint as applyToPoint32 } from "transformation-matrix";
+import { applyToPoint as applyToPoint34 } from "transformation-matrix";
 var HOLE_COLOR2 = "rgb(190, 190, 190)";
 function createSvgObjectsFromAssemblyHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint32(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint34(transform, [hole.x, hole.y]);
   if (hole.hole_shape === "circle" || hole.hole_shape === "square") {
     const scaledDiameter = hole.hole_diameter * Math.abs(transform.a);
     const radius = scaledDiameter / 2;
@@ -4018,12 +4120,12 @@ function createSvgObjectsFromAssemblyHole(hole, ctx) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-plated-hole.ts
-import { applyToPoint as applyToPoint33 } from "transformation-matrix";
+import { applyToPoint as applyToPoint35 } from "transformation-matrix";
 var PAD_COLOR = "rgb(210, 210, 210)";
 var HOLE_COLOR3 = "rgb(190, 190, 190)";
 function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint33(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint35(transform, [hole.x, hole.y]);
   if (hole.shape === "pill") {
     const scaledOuterWidth = hole.outer_width * Math.abs(transform.a);
     const scaledOuterHeight = hole.outer_height * Math.abs(transform.a);
@@ -4118,7 +4220,7 @@ function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
     const scaledRectPadHeight = circularHole.rect_pad_height * Math.abs(transform.a);
     const scaledRectBorderRadius = (circularHole.rect_border_radius ?? 0) * Math.abs(transform.a);
     const holeRadius = scaledHoleDiameter / 2;
-    const [holeCx, holeCy] = applyToPoint33(transform, [
+    const [holeCx, holeCy] = applyToPoint35(transform, [
       circularHole.x + circularHole.hole_offset_x,
       circularHole.y + circularHole.hole_offset_y
     ]);
@@ -4176,7 +4278,7 @@ function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
     const pillHoleWithOffsets = pillHole;
     const holeOffsetX = pillHoleWithOffsets.hole_offset_x ?? 0;
     const holeOffsetY = pillHoleWithOffsets.hole_offset_y ?? 0;
-    const [holeCenterX, holeCenterY] = applyToPoint33(transform, [
+    const [holeCenterX, holeCenterY] = applyToPoint35(transform, [
       pillHole.x + holeOffsetX,
       pillHole.y + holeOffsetY
     ]);
@@ -4238,7 +4340,7 @@ function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
     const rotatedHoleWithOffsets = rotatedHole;
     const holeOffsetX = rotatedHoleWithOffsets.hole_offset_x ?? 0;
     const holeOffsetY = rotatedHoleWithOffsets.hole_offset_y ?? 0;
-    const [holeCenterX, holeCenterY] = applyToPoint33(transform, [
+    const [holeCenterX, holeCenterY] = applyToPoint35(transform, [
       rotatedHole.x + holeOffsetX,
       rotatedHole.y + holeOffsetY
     ]);
@@ -4294,14 +4396,14 @@ function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-smt-pad.ts
-import { applyToPoint as applyToPoint34 } from "transformation-matrix";
+import { applyToPoint as applyToPoint36 } from "transformation-matrix";
 var PAD_COLOR2 = "rgb(210, 210, 210)";
 function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   const { transform } = ctx;
   if (pad.shape === "rect" || pad.shape === "rotated_rect") {
     const width = pad.width * Math.abs(transform.a);
     const height = pad.height * Math.abs(transform.d);
-    const [x, y] = applyToPoint34(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint36(transform, [pad.x, pad.y]);
     const scaledBorderRadius = (pad.rect_border_radius ?? 0) * Math.abs(transform.a);
     if (pad.shape === "rotated_rect" && pad.ccw_rotation) {
       return [
@@ -4353,7 +4455,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
     const width = pad.width * Math.abs(transform.a);
     const height = pad.height * Math.abs(transform.d);
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint34(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint36(transform, [pad.x, pad.y]);
     return [
       {
         name: "rect",
@@ -4376,7 +4478,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   }
   if (pad.shape === "circle") {
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint34(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint36(transform, [pad.x, pad.y]);
     return [
       {
         name: "circle",
@@ -4396,7 +4498,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
-      (point) => applyToPoint34(transform, [point.x, point.y])
+      (point) => applyToPoint36(transform, [point.x, point.y])
     );
     return [
       {
@@ -4573,8 +4675,8 @@ function createSvgObjects2(elm, ctx, soup) {
   }
 }
 function createSvgObjectFromAssemblyBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint35(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint35(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint37(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint37(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -4603,7 +4705,7 @@ import {
 } from "transformation-matrix";
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-board.ts
-import { applyToPoint as applyToPoint36 } from "transformation-matrix";
+import { applyToPoint as applyToPoint38 } from "transformation-matrix";
 import { su as su4 } from "@tscircuit/circuit-json-util";
 var BOARD_FILL_COLOR = "rgb(26, 115, 143)";
 var BOARD_STROKE_COLOR = "rgba(0,0,0,0.9)";
@@ -4617,25 +4719,25 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint36(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint38(transform, [point.x, point.y]);
       return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
     }).join(" ");
   } else {
     const halfWidth = width / 2;
     const halfHeight = height / 2;
-    const topLeft = applyToPoint36(transform, [
+    const topLeft = applyToPoint38(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint36(transform, [
+    const topRight = applyToPoint38(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint36(transform, [
+    const bottomRight = applyToPoint38(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint36(transform, [
+    const bottomLeft = applyToPoint38(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -4653,10 +4755,10 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
       const halfWidth = width2 / 2;
       const halfHeight = height2 / 2;
       const [tl, tr, br, bl] = [
-        applyToPoint36(transform, [x - halfWidth, y - halfHeight]),
-        applyToPoint36(transform, [x + halfWidth, y - halfHeight]),
-        applyToPoint36(transform, [x + halfWidth, y + halfHeight]),
-        applyToPoint36(transform, [x - halfWidth, y + halfHeight])
+        applyToPoint38(transform, [x - halfWidth, y - halfHeight]),
+        applyToPoint38(transform, [x + halfWidth, y - halfHeight]),
+        applyToPoint38(transform, [x + halfWidth, y + halfHeight]),
+        applyToPoint38(transform, [x - halfWidth, y + halfHeight])
       ];
       path += ` M ${tl[0]} ${tl[1]} L ${tr[0]} ${tr[1]} L ${br[0]} ${br[1]} L ${bl[0]} ${bl[1]} Z`;
     } else if (cutout.shape === "circle") {
@@ -4706,7 +4808,7 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-component.ts
 import { su as su5 } from "@tscircuit/circuit-json-util";
-import { applyToPoint as applyToPoint37 } from "transformation-matrix";
+import { applyToPoint as applyToPoint39 } from "transformation-matrix";
 var COMPONENT_FILL_COLOR = "rgba(120, 120, 120, 0.6)";
 var COMPONENT_LABEL_COLOR = "rgba(255, 255, 255, 0.9)";
 function createSvgObjectsFromPinoutComponent(elm, ctx) {
@@ -4716,7 +4818,7 @@ function createSvgObjectsFromPinoutComponent(elm, ctx) {
   if (!center || typeof width !== "number" || typeof height !== "number" || width === 0 || height === 0) {
     return [];
   }
-  const [x, y] = applyToPoint37(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint39(transform, [center.x, center.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const transformStr = `translate(${x}, ${y})`;
@@ -4777,11 +4879,11 @@ function createSvgObjectsFromPinoutComponent(elm, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-hole.ts
-import { applyToPoint as applyToPoint38 } from "transformation-matrix";
+import { applyToPoint as applyToPoint40 } from "transformation-matrix";
 var HOLE_COLOR4 = "rgb(50, 50, 50)";
 function createSvgObjectsFromPinoutHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint38(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint40(transform, [hole.x, hole.y]);
   if (hole.hole_shape === "circle" || hole.hole_shape === "square") {
     const scaledDiameter = hole.hole_diameter * Math.abs(transform.a);
     const radius = scaledDiameter / 2;
@@ -4845,12 +4947,12 @@ function createSvgObjectsFromPinoutHole(hole, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-plated-hole.ts
-import { applyToPoint as applyToPoint39 } from "transformation-matrix";
+import { applyToPoint as applyToPoint41 } from "transformation-matrix";
 var PAD_COLOR3 = "rgb(218, 165, 32)";
 var HOLE_COLOR5 = "rgb(40, 40, 40)";
 function createSvgObjectsFromPinoutPlatedHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint39(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint41(transform, [hole.x, hole.y]);
   if (hole.shape === "pill") {
     const scaledOuterWidth = hole.outer_width * Math.abs(transform.a);
     const scaledOuterHeight = hole.outer_height * Math.abs(transform.a);
@@ -5085,14 +5187,14 @@ function createSvgObjectsFromPinoutPlatedHole(hole, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-smt-pad.ts
-import { applyToPoint as applyToPoint40 } from "transformation-matrix";
+import { applyToPoint as applyToPoint42 } from "transformation-matrix";
 var PAD_COLOR4 = "rgb(218, 165, 32)";
 function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
   const { transform } = ctx;
   if (pad.shape === "rect" || pad.shape === "rotated_rect") {
     const width = pad.width * Math.abs(transform.a);
     const height = pad.height * Math.abs(transform.d);
-    const [x, y] = applyToPoint40(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint42(transform, [pad.x, pad.y]);
     if (pad.shape === "rotated_rect" && pad.ccw_rotation) {
       return [
         {
@@ -5135,7 +5237,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
     const width = pad.width * Math.abs(transform.a);
     const height = pad.height * Math.abs(transform.d);
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint40(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint42(transform, [pad.x, pad.y]);
     return [
       {
         name: "rect",
@@ -5158,7 +5260,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
   }
   if (pad.shape === "circle") {
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint40(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint42(transform, [pad.x, pad.y]);
     return [
       {
         name: "circle",
@@ -5178,7 +5280,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
-      (point) => applyToPoint40(transform, [point.x, point.y])
+      (point) => applyToPoint42(transform, [point.x, point.y])
     );
     return [
       {
@@ -5199,7 +5301,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-port.ts
-import { applyToPoint as applyToPoint41 } from "transformation-matrix";
+import { applyToPoint as applyToPoint43 } from "transformation-matrix";
 import { calculateElbow } from "calculate-elbow";
 
 // lib/pinout/svg-object-fns/pinout-label-box.ts
@@ -5276,7 +5378,7 @@ function createSvgObjectsFromPinoutPort(pcb_port, ctx) {
   const label_info = ctx.label_positions.get(pcb_port.pcb_port_id);
   if (!label_info) return [];
   const { text: label, aliases, elbow_end, label_pos, edge } = label_info;
-  const [port_x, port_y] = applyToPoint41(ctx.transform, [pcb_port.x, pcb_port.y]);
+  const [port_x, port_y] = applyToPoint43(ctx.transform, [pcb_port.x, pcb_port.y]);
   const start_facing_direction = edge === "left" ? "x-" : edge === "right" ? "x+" : edge === "top" ? "y-" : "y+";
   const end_facing_direction = edge === "left" ? "x+" : edge === "right" ? "x-" : edge === "top" ? "y+" : "y-";
   const elbow_path = calculateElbow(
@@ -5417,7 +5519,7 @@ function createSvgObjectsFromPinoutPort(pcb_port, ctx) {
 }
 
 // lib/pinout/calculate-label-positions.ts
-import { applyToPoint as applyToPoint42 } from "transformation-matrix";
+import { applyToPoint as applyToPoint44 } from "transformation-matrix";
 
 // lib/pinout/constants.ts
 var LABEL_RECT_HEIGHT_BASE_MM = 1.6;
@@ -5455,7 +5557,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
     );
     const mapToEdgePort = (pinout_label) => ({
       pcb_port: pinout_label.pcb_port,
-      y: applyToPoint42(transform, [
+      y: applyToPoint44(transform, [
         pinout_label.pcb_port.x,
         pinout_label.pcb_port.y
       ])[1],
@@ -5470,7 +5572,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
   } else {
     edge_ports = pinout_labels.map((pinout_label) => ({
       pcb_port: pinout_label.pcb_port,
-      y: applyToPoint42(transform, [
+      y: applyToPoint44(transform, [
         pinout_label.pcb_port.x,
         pinout_label.pcb_port.y
       ])[1],
@@ -5478,7 +5580,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
     })).sort((a, b) => a.y - b.y);
   }
   if (edge_ports.length === 0) return;
-  const board_edge_x = applyToPoint42(transform, [
+  const board_edge_x = applyToPoint44(transform, [
     edge === "left" ? board_bounds.minX : board_bounds.maxX,
     0
   ])[0];
@@ -5893,14 +5995,14 @@ import {
 } from "transformation-matrix";
 
 // lib/sch/draw-schematic-grid.ts
-import { applyToPoint as applyToPoint43 } from "transformation-matrix";
+import { applyToPoint as applyToPoint45 } from "transformation-matrix";
 function drawSchematicGrid(params) {
   const { minX, minY, maxX, maxY } = params.bounds;
   const cellSize = params.cellSize ?? 1;
   const labelCells = params.labelCells ?? false;
   const gridLines = [];
   const transformPoint = (x, y) => {
-    const [transformedX, transformedY] = applyToPoint43(params.transform, [x, y]);
+    const [transformedX, transformedY] = applyToPoint45(params.transform, [x, y]);
     return { x: transformedX, y: transformedY };
   };
   for (let x = Math.floor(minX); x <= Math.ceil(maxX); x += cellSize) {
@@ -5981,15 +6083,15 @@ function drawSchematicGrid(params) {
 }
 
 // lib/sch/draw-schematic-labeled-points.ts
-import { applyToPoint as applyToPoint44 } from "transformation-matrix";
+import { applyToPoint as applyToPoint46 } from "transformation-matrix";
 function drawSchematicLabeledPoints(params) {
   const { points, transform } = params;
   const labeledPointsGroup = [];
   for (const point of points) {
-    const [x1, y1] = applyToPoint44(transform, [point.x - 0.1, point.y - 0.1]);
-    const [x2, y2] = applyToPoint44(transform, [point.x + 0.1, point.y + 0.1]);
-    const [x3, y3] = applyToPoint44(transform, [point.x - 0.1, point.y + 0.1]);
-    const [x4, y4] = applyToPoint44(transform, [point.x + 0.1, point.y - 0.1]);
+    const [x1, y1] = applyToPoint46(transform, [point.x - 0.1, point.y - 0.1]);
+    const [x2, y2] = applyToPoint46(transform, [point.x + 0.1, point.y + 0.1]);
+    const [x3, y3] = applyToPoint46(transform, [point.x - 0.1, point.y + 0.1]);
+    const [x4, y4] = applyToPoint46(transform, [point.x + 0.1, point.y - 0.1]);
     labeledPointsGroup.push({
       name: "path",
       type: "element",
@@ -6000,7 +6102,7 @@ function drawSchematicLabeledPoints(params) {
         "stroke-opacity": "0.7"
       }
     });
-    const [labelX, labelY] = applyToPoint44(transform, [
+    const [labelX, labelY] = applyToPoint46(transform, [
       point.x + 0.15,
       point.y - 0.15
     ]);
@@ -7094,7 +7196,7 @@ import { su as su7 } from "@tscircuit/circuit-json-util";
 import { symbols } from "schematic-symbols";
 import "svgson";
 import {
-  applyToPoint as applyToPoint46,
+  applyToPoint as applyToPoint48,
   compose as compose9
 } from "transformation-matrix";
 
@@ -7178,13 +7280,13 @@ function pointPairsToMatrix(a1, a2, b1, b2) {
 }
 
 // lib/sch/svg-object-fns/create-svg-error-text.ts
-import { applyToPoint as applyToPoint45 } from "transformation-matrix";
+import { applyToPoint as applyToPoint47 } from "transformation-matrix";
 var createSvgSchErrorText = ({
   text,
   realCenter,
   realToScreenTransform
 }) => {
-  const screenCenter = applyToPoint45(realToScreenTransform, realCenter);
+  const screenCenter = applyToPoint47(realToScreenTransform, realCenter);
   return {
     type: "element",
     name: "text",
@@ -7293,11 +7395,11 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     minY: Math.min(...paths.flatMap((p) => p.points.map((pt) => pt.y))),
     maxY: Math.max(...paths.flatMap((p) => p.points.map((pt) => pt.y)))
   };
-  const [screenMinX, screenMinY] = applyToPoint46(
+  const [screenMinX, screenMinY] = applyToPoint48(
     compose9(realToScreenTransform, transformFromSymbolToReal),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint46(
+  const [screenMaxX, screenMaxY] = applyToPoint48(
     compose9(realToScreenTransform, transformFromSymbolToReal),
     [bounds.maxX, bounds.maxY]
   );
@@ -7326,7 +7428,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
       name: "path",
       attributes: {
         d: points.map((p, i) => {
-          const [x, y] = applyToPoint46(
+          const [x, y] = applyToPoint48(
             compose9(realToScreenTransform, transformFromSymbolToReal),
             [p.x, p.y]
           );
@@ -7342,7 +7444,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const text of texts) {
-    const screenTextPos = applyToPoint46(
+    const screenTextPos = applyToPoint48(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       text
     );
@@ -7394,7 +7496,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const box of boxes) {
-    const screenBoxPos = applyToPoint46(
+    const screenBoxPos = applyToPoint48(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       box
     );
@@ -7418,7 +7520,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
   }
   for (const port of symbol.ports) {
     if (connectedSymbolPorts.has(port)) continue;
-    const screenPortPos = applyToPoint46(
+    const screenPortPos = applyToPoint48(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       port
     );
@@ -7438,7 +7540,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const circle of circles) {
-    const screenCirclePos = applyToPoint46(
+    const screenCirclePos = applyToPoint48(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       circle
     );
@@ -7465,14 +7567,14 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
 import { su as su10 } from "@tscircuit/circuit-json-util";
 import "schematic-symbols";
 import "svgson";
-import { applyToPoint as applyToPoint52 } from "transformation-matrix";
+import { applyToPoint as applyToPoint54 } from "transformation-matrix";
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-port-on-box.ts
 import "transformation-matrix";
 import "@tscircuit/circuit-json-util";
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-box-line.ts
-import { applyToPoint as applyToPoint47 } from "transformation-matrix";
+import { applyToPoint as applyToPoint49 } from "transformation-matrix";
 import { su as su8 } from "@tscircuit/circuit-json-util";
 var PIN_CIRCLE_RADIUS_MM = 0.02;
 var createArrow = (tip, angle, size, color, strokeWidth) => {
@@ -7525,8 +7627,8 @@ var createSvgObjectsForSchPortBoxLine = ({
       realEdgePos.y += realPinLineLength;
       break;
   }
-  const screenSchPortPos = applyToPoint47(transform, schPort.center);
-  const screenRealEdgePos = applyToPoint47(transform, realEdgePos);
+  const screenSchPortPos = applyToPoint49(transform, schPort.center);
+  const screenRealEdgePos = applyToPoint49(transform, realEdgePos);
   const isConnected = isSourcePortConnected(circuitJson, schPort.source_port_id);
   const realLineEnd = { ...schPort.center };
   if (!isConnected) {
@@ -7545,7 +7647,7 @@ var createSvgObjectsForSchPortBoxLine = ({
         break;
     }
   }
-  const screenLineEnd = applyToPoint47(transform, realLineEnd);
+  const screenLineEnd = applyToPoint49(transform, realLineEnd);
   svgObjects.push({
     name: "line",
     type: "element",
@@ -7666,7 +7768,7 @@ var createSvgObjectsForSchPortBoxLine = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-number-text.ts
-import { applyToPoint as applyToPoint48 } from "transformation-matrix";
+import { applyToPoint as applyToPoint50 } from "transformation-matrix";
 var createSvgObjectsForSchPortPinNumberText = (params) => {
   const svgObjects = [];
   const { schPort, schComponent, transform, circuitJson } = params;
@@ -7684,7 +7786,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
   } else {
     realPinNumberPos.y += 0.02;
   }
-  const screenPinNumberTextPos = applyToPoint48(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint50(transform, realPinNumberPos);
   svgObjects.push({
     name: "text",
     type: "element",
@@ -7714,7 +7816,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-label.ts
-import { applyToPoint as applyToPoint49 } from "transformation-matrix";
+import { applyToPoint as applyToPoint51 } from "transformation-matrix";
 var LABEL_DIST_FROM_EDGE_MM = 0.1;
 var createSvgObjectsForSchPortPinLabel = (params) => {
   const svgObjects = [];
@@ -7728,7 +7830,7 @@ var createSvgObjectsForSchPortPinLabel = (params) => {
   const realPinEdgeDistance = schPort.distance_from_component_edge ?? 0.4;
   realPinNumberPos.x += vecToEdge.x * (realPinEdgeDistance + LABEL_DIST_FROM_EDGE_MM);
   realPinNumberPos.y += vecToEdge.y * (realPinEdgeDistance + LABEL_DIST_FROM_EDGE_MM);
-  const screenPinNumberTextPos = applyToPoint49(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint51(transform, realPinNumberPos);
   const label = schPort.display_pin_label ?? schComponent.port_labels?.[`${schPort.pin_number}`];
   if (!label) return [];
   const isNegated = label.startsWith("N_");
@@ -7776,13 +7878,13 @@ var createSvgObjectsFromSchPortOnBox = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-text.ts
-import { applyToPoint as applyToPoint51 } from "transformation-matrix";
+import { applyToPoint as applyToPoint53 } from "transformation-matrix";
 var createSvgSchText = ({
   elm,
   transform,
   colorMap: colorMap2
 }) => {
-  const center = applyToPoint51(transform, elm.position);
+  const center = applyToPoint53(transform, elm.position);
   const textAnchorMap = {
     center: "middle",
     center_right: "end",
@@ -7866,11 +7968,11 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
   colorMap: colorMap2
 }) => {
   const svgObjects = [];
-  const componentScreenTopLeft = applyToPoint52(transform, {
+  const componentScreenTopLeft = applyToPoint54(transform, {
     x: schComponent.center.x - schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2
   });
-  const componentScreenBottomRight = applyToPoint52(transform, {
+  const componentScreenBottomRight = applyToPoint54(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y - schComponent.size.height / 2
   });
@@ -7956,13 +8058,13 @@ function createSvgObjectsFromSchematicComponent(params) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-voltage-probe.ts
-import { applyToPoint as applyToPoint53 } from "transformation-matrix";
+import { applyToPoint as applyToPoint55 } from "transformation-matrix";
 function createSvgObjectsFromSchVoltageProbe({
   probe,
   transform,
   colorMap: colorMap2
 }) {
-  const [screenX, screenY] = applyToPoint53(transform, [
+  const [screenX, screenY] = applyToPoint55(transform, [
     probe.position.x,
     probe.position.y
   ]);
@@ -8022,17 +8124,17 @@ function createSvgObjectsFromSchVoltageProbe({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-debug-object.ts
-import { applyToPoint as applyToPoint54 } from "transformation-matrix";
+import { applyToPoint as applyToPoint56 } from "transformation-matrix";
 function createSvgObjectsFromSchDebugObject({
   debugObject,
   transform
 }) {
   if (debugObject.shape === "rect") {
-    let [screenLeft, screenTop] = applyToPoint54(transform, [
+    let [screenLeft, screenTop] = applyToPoint56(transform, [
       debugObject.center.x - debugObject.size.width / 2,
       debugObject.center.y - debugObject.size.height / 2
     ]);
-    let [screenRight, screenBottom] = applyToPoint54(transform, [
+    let [screenRight, screenBottom] = applyToPoint56(transform, [
       debugObject.center.x + debugObject.size.width / 2,
       debugObject.center.y + debugObject.size.height / 2
     ]);
@@ -8042,7 +8144,7 @@ function createSvgObjectsFromSchDebugObject({
     ];
     const width = Math.abs(screenRight - screenLeft);
     const height = Math.abs(screenBottom - screenTop);
-    const [screenCenterX, screenCenterY] = applyToPoint54(transform, [
+    const [screenCenterX, screenCenterY] = applyToPoint56(transform, [
       debugObject.center.x,
       debugObject.center.y
     ]);
@@ -8088,11 +8190,11 @@ function createSvgObjectsFromSchDebugObject({
     ];
   }
   if (debugObject.shape === "line") {
-    const [screenStartX, screenStartY] = applyToPoint54(transform, [
+    const [screenStartX, screenStartY] = applyToPoint56(transform, [
       debugObject.start.x,
       debugObject.start.y
     ]);
-    const [screenEndX, screenEndY] = applyToPoint54(transform, [
+    const [screenEndX, screenEndY] = applyToPoint56(transform, [
       debugObject.end.x,
       debugObject.end.y
     ]);
@@ -8142,7 +8244,7 @@ function createSvgObjectsFromSchDebugObject({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-trace.ts
-import { applyToPoint as applyToPoint55 } from "transformation-matrix";
+import { applyToPoint as applyToPoint57 } from "transformation-matrix";
 function createSchematicTrace({
   trace,
   transform,
@@ -8156,11 +8258,11 @@ function createSchematicTrace({
   for (let edgeIndex = 0; edgeIndex < edges.length; edgeIndex++) {
     const edge = edges[edgeIndex];
     if (edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint55(transform, [
+    const [screenFromX, screenFromY] = applyToPoint57(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint55(transform, [
+    const [screenToX, screenToY] = applyToPoint57(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -8204,11 +8306,11 @@ function createSchematicTrace({
   }
   for (const edge of edges) {
     if (!edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint55(transform, [
+    const [screenFromX, screenFromY] = applyToPoint57(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint55(transform, [
+    const [screenToX, screenToY] = applyToPoint57(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -8252,7 +8354,7 @@ function createSchematicTrace({
   }
   if (trace.junctions) {
     for (const junction of trace.junctions) {
-      const [screenX, screenY] = applyToPoint55(transform, [
+      const [screenX, screenY] = applyToPoint57(transform, [
         junction.x,
         junction.y
       ]);
@@ -8307,7 +8409,7 @@ function createSchematicTrace({
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
 import {
-  applyToPoint as applyToPoint57,
+  applyToPoint as applyToPoint59,
   compose as compose11,
   rotate as rotate6,
   scale as scale6,
@@ -8316,7 +8418,7 @@ import {
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label-with-symbol.ts
 import {
-  applyToPoint as applyToPoint56,
+  applyToPoint as applyToPoint58,
   compose as compose10,
   rotate as rotate5,
   scale as scale5,
@@ -8391,7 +8493,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     x: symbolBounds.minX,
     y: (symbolBounds.minY + symbolBounds.maxY) / 2
   };
-  const rotatedSymbolEnd = applyToPoint56(rotationMatrix, symbolEndPoint);
+  const rotatedSymbolEnd = applyToPoint58(rotationMatrix, symbolEndPoint);
   const symbolToRealTransform = compose10(
     translate10(
       realAnchorPosition.x - rotatedSymbolEnd.x,
@@ -8401,11 +8503,11 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     scale5(1)
     // Use full symbol size
   );
-  const [screenMinX, screenMinY] = applyToPoint56(
+  const [screenMinX, screenMinY] = applyToPoint58(
     compose10(realToScreenTransform, symbolToRealTransform),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint56(
+  const [screenMaxX, screenMaxY] = applyToPoint58(
     compose10(realToScreenTransform, symbolToRealTransform),
     [bounds.maxX, bounds.maxY]
   );
@@ -8429,7 +8531,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
   });
   for (const path of symbolPaths) {
     const symbolPath = path.points.map((p, i) => {
-      const [x, y] = applyToPoint56(
+      const [x, y] = applyToPoint58(
         compose10(realToScreenTransform, symbolToRealTransform),
         [p.x, p.y]
       );
@@ -8450,7 +8552,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const text of symbolTexts) {
-    const screenTextPos = applyToPoint56(
+    const screenTextPos = applyToPoint58(
       compose10(realToScreenTransform, symbolToRealTransform),
       text
     );
@@ -8492,7 +8594,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const box of symbolBoxes) {
-    const screenBoxPos = applyToPoint56(
+    const screenBoxPos = applyToPoint58(
       compose10(realToScreenTransform, symbolToRealTransform),
       box
     );
@@ -8515,7 +8617,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const circle of symbolCircles) {
-    const screenCirclePos = applyToPoint56(
+    const screenCirclePos = applyToPoint58(
       compose10(realToScreenTransform, symbolToRealTransform),
       circle
     );
@@ -8560,14 +8662,14 @@ var createSvgObjectsForSchNetLabel = ({
   const fontSizePx = getSchScreenFontSize(realToScreenTransform, "net_label");
   const fontSizeMm = getSchMmFontSize("net_label");
   const textWidthFSR = estimateTextWidth(labelText || "");
-  const screenCenter = applyToPoint57(realToScreenTransform, schNetLabel.center);
+  const screenCenter = applyToPoint59(realToScreenTransform, schNetLabel.center);
   const realTextGrowthVec = getUnitVectorFromOutsideToEdge(
     schNetLabel.anchor_side
   );
   const screenTextGrowthVec = { ...realTextGrowthVec };
   screenTextGrowthVec.y *= -1;
   const fullWidthFsr = textWidthFSR + ARROW_POINT_WIDTH_FSR * 2 + END_PADDING_EXTRA_PER_CHARACTER_FSR * labelText.length + END_PADDING_FSR;
-  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint57(realToScreenTransform, schNetLabel.anchor_position) : {
+  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint59(realToScreenTransform, schNetLabel.anchor_position) : {
     x: screenCenter.x - screenTextGrowthVec.x * fullWidthFsr * fontSizePx / 2,
     y: screenCenter.y - screenTextGrowthVec.y * fullWidthFsr * fontSizePx / 2
   };
@@ -8608,7 +8710,7 @@ var createSvgObjectsForSchNetLabel = ({
       y: -0.6
     }
   ].map(
-    (fontRelativePoint) => applyToPoint57(
+    (fontRelativePoint) => applyToPoint59(
       compose11(
         realToScreenTransform,
         translate11(realAnchorPosition.x, realAnchorPosition.y),
@@ -8685,17 +8787,17 @@ var createSvgObjectsForSchNetLabel = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-box.ts
-import { applyToPoint as applyToPoint58 } from "transformation-matrix";
+import { applyToPoint as applyToPoint60 } from "transformation-matrix";
 var createSvgObjectsFromSchematicBox = ({
   schematicBox,
   transform,
   colorMap: colorMap2
 }) => {
-  const topLeft = applyToPoint58(transform, {
+  const topLeft = applyToPoint60(transform, {
     x: schematicBox.x,
     y: schematicBox.y
   });
-  const bottomRight = applyToPoint58(transform, {
+  const bottomRight = applyToPoint60(transform, {
     x: schematicBox.x + schematicBox.width,
     y: schematicBox.y + schematicBox.height
   });
@@ -8731,7 +8833,7 @@ var createSvgObjectsFromSchematicBox = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-table.ts
-import { applyToPoint as applyToPoint59 } from "transformation-matrix";
+import { applyToPoint as applyToPoint61 } from "transformation-matrix";
 var createSvgObjectsFromSchematicTable = ({
   schematicTable,
   transform,
@@ -8764,11 +8866,11 @@ var createSvgObjectsFromSchematicTable = ({
   const svgObjects = [];
   const borderStrokeWidth = border_width * Math.abs(transform.a);
   const gridStrokeWidth = getSchStrokeSize(transform);
-  const [screenTopLeftX, screenTopLeftY] = applyToPoint59(transform, [
+  const [screenTopLeftX, screenTopLeftY] = applyToPoint61(transform, [
     topLeftX,
     topLeftY
   ]);
-  const [screenBottomRightX, screenBottomRightY] = applyToPoint59(transform, [
+  const [screenBottomRightX, screenBottomRightY] = applyToPoint61(transform, [
     topLeftX + totalWidth,
     topLeftY - totalHeight
   ]);
@@ -8800,8 +8902,8 @@ var createSvgObjectsFromSchematicTable = ({
         (cell) => cell.start_column_index <= i && cell.end_column_index > i && cell.start_row_index <= j && cell.end_row_index >= j
       );
       if (!isMerged) {
-        const start = applyToPoint59(transform, { x: currentX, y: segmentStartY });
-        const end = applyToPoint59(transform, { x: currentX, y: segmentEndY });
+        const start = applyToPoint61(transform, { x: currentX, y: segmentStartY });
+        const end = applyToPoint61(transform, { x: currentX, y: segmentEndY });
         svgObjects.push({
           name: "line",
           type: "element",
@@ -8830,11 +8932,11 @@ var createSvgObjectsFromSchematicTable = ({
         (cell) => cell.start_row_index <= i && cell.end_row_index > i && cell.start_column_index <= j && cell.end_column_index >= j
       );
       if (!isMerged) {
-        const start = applyToPoint59(transform, {
+        const start = applyToPoint61(transform, {
           x: segmentStartX,
           y: currentY
         });
-        const end = applyToPoint59(transform, { x: segmentEndX, y: currentY });
+        const end = applyToPoint61(transform, { x: segmentEndX, y: currentY });
         svgObjects.push({
           name: "line",
           type: "element",
@@ -8876,7 +8978,7 @@ var createSvgObjectsFromSchematicTable = ({
       } else if (vertical_align === "bottom") {
         realTextAnchorPos.y = cellTopLeftY - cellHeight + cell_padding;
       }
-      const screenTextAnchorPos = applyToPoint59(transform, realTextAnchorPos);
+      const screenTextAnchorPos = applyToPoint61(transform, realTextAnchorPos);
       const fontSize = getSchScreenFontSize(
         transform,
         "reference_designator",
@@ -8932,13 +9034,13 @@ var createSvgObjectsFromSchematicTable = ({
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-hover.ts
 import { su as su11 } from "@tscircuit/circuit-json-util";
-import { applyToPoint as applyToPoint60 } from "transformation-matrix";
+import { applyToPoint as applyToPoint62 } from "transformation-matrix";
 var PIN_CIRCLE_RADIUS_MM2 = 0.02;
 var createSvgObjectsForSchPortHover = ({
   schPort,
   transform
 }) => {
-  const screenSchPortPos = applyToPoint60(transform, schPort.center);
+  const screenSchPortPos = applyToPoint62(transform, schPort.center);
   const pinRadiusPx = Math.abs(transform.a) * PIN_CIRCLE_RADIUS_MM2 * 2;
   return [
     {
@@ -8983,14 +9085,14 @@ var createSvgObjectsForSchComponentPortHovers = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-line.ts
-import { applyToPoint as applyToPoint61 } from "transformation-matrix";
+import { applyToPoint as applyToPoint63 } from "transformation-matrix";
 function createSvgObjectsFromSchematicLine({
   schLine,
   transform,
   colorMap: colorMap2
 }) {
-  const p1 = applyToPoint61(transform, { x: schLine.x1, y: schLine.y1 });
-  const p2 = applyToPoint61(transform, { x: schLine.x2, y: schLine.y2 });
+  const p1 = applyToPoint63(transform, { x: schLine.x1, y: schLine.y1 });
+  const p2 = applyToPoint63(transform, { x: schLine.x2, y: schLine.y2 });
   const strokeWidth = schLine.stroke_width ?? 0.02;
   const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
   return [
@@ -9019,13 +9121,13 @@ function createSvgObjectsFromSchematicLine({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-circle.ts
-import { applyToPoint as applyToPoint62 } from "transformation-matrix";
+import { applyToPoint as applyToPoint64 } from "transformation-matrix";
 function createSvgObjectsFromSchematicCircle({
   schCircle,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint62(transform, schCircle.center);
+  const center = applyToPoint64(transform, schCircle.center);
   const transformedRadius = Math.abs(transform.a) * schCircle.radius;
   const strokeWidth = schCircle.stroke_width ?? 0.02;
   const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
@@ -9055,13 +9157,13 @@ function createSvgObjectsFromSchematicCircle({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-rect.ts
-import { applyToPoint as applyToPoint63 } from "transformation-matrix";
+import { applyToPoint as applyToPoint65 } from "transformation-matrix";
 function createSvgObjectsFromSchematicRect({
   schRect,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint63(transform, schRect.center);
+  const center = applyToPoint65(transform, schRect.center);
   const transformedWidth = Math.abs(transform.a) * schRect.width;
   const transformedHeight = Math.abs(transform.d) * schRect.height;
   const strokeWidth = schRect.stroke_width ?? 0.02;
@@ -9097,13 +9199,13 @@ function createSvgObjectsFromSchematicRect({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-arc.ts
-import { applyToPoint as applyToPoint64 } from "transformation-matrix";
+import { applyToPoint as applyToPoint66 } from "transformation-matrix";
 function createSvgObjectsFromSchematicArc({
   schArc,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint64(transform, schArc.center);
+  const center = applyToPoint66(transform, schArc.center);
   const transformedRadius = Math.abs(transform.a) * schArc.radius;
   const strokeWidth = schArc.stroke_width ?? 0.02;
   const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
@@ -10138,18 +10240,18 @@ function formatNumber2(value) {
 // lib/pcb/convert-circuit-json-to-solder-paste-mask.ts
 import { stringify as stringify7 } from "svgson";
 import {
-  applyToPoint as applyToPoint67,
+  applyToPoint as applyToPoint69,
   compose as compose14,
   scale as scale8,
   translate as translate14
 } from "transformation-matrix";
 
 // lib/pcb/svg-object-fns/convert-circuit-json-to-solder-paste-mask.ts
-import { applyToPoint as applyToPoint66 } from "transformation-matrix";
+import { applyToPoint as applyToPoint68 } from "transformation-matrix";
 function createSvgObjectsFromSolderPaste(solderPaste, ctx) {
   const { transform, layer: layerFilter } = ctx;
   if (layerFilter && solderPaste.layer !== layerFilter) return [];
-  const [x, y] = applyToPoint66(transform, [solderPaste.x, solderPaste.y]);
+  const [x, y] = applyToPoint68(transform, [solderPaste.x, solderPaste.y]);
   if (solderPaste.shape === "rect" || solderPaste.shape === "rotated_rect") {
     const width = solderPaste.width * Math.abs(transform.a);
     const height = solderPaste.height * Math.abs(transform.d);
@@ -10360,8 +10462,8 @@ function createSvgObjects4({ elm, ctx }) {
   }
 }
 function createSvgObjectFromPcbBoundary2(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint67(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint67(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint69(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint69(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);