circuit-to-svg 0.0.263 → 0.0.265

package/dist/index.js

@@ -2,7 +2,7 @@
 import { distance } from "circuit-json";
 import { stringify } from "svgson";
 import {
-  applyToPoint as applyToPoint31,
+  applyToPoint as applyToPoint32,
   compose as compose5,
   scale as scale2,
   translate as translate5
@@ -1953,7 +1953,7 @@ import {
   toString as matrixToString2
 } from "transformation-matrix";
 function createSvgObjectsFromPcbSilkscreenText(pcbSilkscreenText, ctx) {
-  const { transform, layer: layerFilter, colorMap: colorMap2 } = ctx;
+  const { transform, layer: layerFilter, colorMap: colorMap2, circuitJson } = ctx;
   const {
     anchor_position,
     text,
@@ -2834,6 +2834,28 @@ function createSvgObjectsFromPcbHole(hole, ctx) {
       }
     ];
   }
+  if (hole.hole_shape === "rect") {
+    const scaledWidth = hole.hole_width * Math.abs(transform.a);
+    const scaledHeight = hole.hole_height * Math.abs(transform.a);
+    return [
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "pcb-hole",
+          x: (x - scaledWidth / 2).toString(),
+          y: (y - scaledHeight / 2).toString(),
+          width: scaledWidth.toString(),
+          height: scaledHeight.toString(),
+          fill: colorMap2.drill,
+          "data-type": "pcb_hole",
+          "data-pcb-layer": "drill"
+        },
+        children: [],
+        value: ""
+      }
+    ];
+  }
   if (hole.hole_shape === "pill") {
     const scaledWidth = hole.hole_width * Math.abs(transform.a);
     const scaledHeight = hole.hole_height * Math.abs(transform.a);
@@ -3370,50 +3392,372 @@ function createMajorGridPatternChildren(cellSize, majorCellSize, lineColor, majo
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-component.ts
+import { applyToPoint as applyToPoint30 } from "transformation-matrix";
+
+// lib/utils/create-pcb-component-anchor-offset-indicators.ts
 import { applyToPoint as applyToPoint29 } from "transformation-matrix";
+var OFFSET_THRESHOLD_MM = 0.01;
+var TICK_SIZE_PX = 4;
+var LABEL_GAP_PX = 8;
+var LABEL_FONT_SIZE_PX = 11;
+var STROKE_WIDTH_PX = 1;
+var ANCHOR_MARKER_SIZE_PX = 5;
+var ANCHOR_MARKER_STROKE_WIDTH_PX = 1.5;
+var COMPONENT_GAP_PX = 15;
+var COMPONENT_SIDE_GAP_PX = 10;
+var DISTANCE_MULTIPLIER = 0.2;
+var MAX_OFFSET_PX = 50;
+function createAnchorOffsetIndicators(params) {
+  const {
+    groupAnchorPosition,
+    componentPosition,
+    transform,
+    componentWidth = 0,
+    componentHeight = 0
+  } = params;
+  const objects = [];
+  const [screenGroupAnchorX, screenGroupAnchorY] = applyToPoint29(transform, [
+    groupAnchorPosition.x,
+    groupAnchorPosition.y
+  ]);
+  const [screenComponentX, screenComponentY] = applyToPoint29(transform, [
+    componentPosition.x,
+    componentPosition.y
+  ]);
+  const offsetX = componentPosition.x - groupAnchorPosition.x;
+  const offsetY = componentPosition.y - groupAnchorPosition.y;
+  const scale9 = Math.abs(transform.a);
+  const screenComponentWidth = componentWidth * scale9;
+  const screenComponentHeight = componentHeight * scale9;
+  objects.push(createAnchorMarker(screenGroupAnchorX, screenGroupAnchorY));
+  objects.push({
+    name: "line",
+    type: "element",
+    attributes: {
+      x1: screenGroupAnchorX.toString(),
+      y1: screenGroupAnchorY.toString(),
+      x2: screenComponentX.toString(),
+      y2: screenComponentY.toString(),
+      stroke: "#ffffff",
+      "stroke-width": "0.5",
+      "stroke-dasharray": "3,3",
+      opacity: "0.5",
+      class: "anchor-offset-connector"
+    },
+    children: [],
+    value: ""
+  });
+  objects.push({
+    name: "circle",
+    type: "element",
+    attributes: {
+      cx: screenComponentX.toString(),
+      cy: screenComponentY.toString(),
+      r: "2",
+      fill: "#ffffff",
+      opacity: "0.7",
+      class: "anchor-offset-component-marker"
+    },
+    children: [],
+    value: ""
+  });
+  const yDistance = Math.abs(screenComponentY - screenGroupAnchorY);
+  const xDistance = Math.abs(screenComponentX - screenGroupAnchorX);
+  const totalDistance = Math.sqrt(xDistance * xDistance + yDistance * yDistance);
+  const componentHeightOffset = screenComponentHeight / 2 + COMPONENT_GAP_PX;
+  const dynamicOffset = Math.max(
+    componentHeightOffset,
+    Math.min(MAX_OFFSET_PX, totalDistance * DISTANCE_MULTIPLIER)
+  );
+  const horizontalLineY = offsetY > 0 ? screenComponentY - dynamicOffset : screenComponentY + dynamicOffset;
+  const componentWidthOffset = screenComponentWidth / 2 + COMPONENT_SIDE_GAP_PX;
+  const verticalLineX = offsetX > 0 ? screenComponentX + componentWidthOffset : screenComponentX - componentWidthOffset;
+  if (Math.abs(offsetX) > OFFSET_THRESHOLD_MM) {
+    objects.push(
+      ...createHorizontalDimension({
+        startX: screenGroupAnchorX,
+        endX: screenComponentX,
+        y: horizontalLineY,
+        offsetMm: offsetX,
+        offsetY
+      })
+    );
+  }
+  if (Math.abs(offsetY) > OFFSET_THRESHOLD_MM) {
+    objects.push(
+      ...createVerticalDimension({
+        x: verticalLineX,
+        startY: screenGroupAnchorY,
+        endY: screenComponentY,
+        offsetMm: -offsetY,
+        offsetX
+      })
+    );
+  }
+  return objects;
+}
+function createAnchorMarker(x, y) {
+  return {
+    name: "g",
+    type: "element",
+    attributes: {
+      class: "anchor-offset-marker",
+      "data-type": "anchor_offset_marker"
+    },
+    children: [
+      {
+        name: "line",
+        type: "element",
+        attributes: {
+          x1: x.toString(),
+          y1: (y - ANCHOR_MARKER_SIZE_PX).toString(),
+          x2: x.toString(),
+          y2: (y + ANCHOR_MARKER_SIZE_PX).toString(),
+          stroke: "#ffffff",
+          "stroke-width": ANCHOR_MARKER_STROKE_WIDTH_PX.toString(),
+          "stroke-linecap": "round"
+        },
+        children: [],
+        value: ""
+      },
+      {
+        name: "line",
+        type: "element",
+        attributes: {
+          x1: (x - ANCHOR_MARKER_SIZE_PX).toString(),
+          y1: y.toString(),
+          x2: (x + ANCHOR_MARKER_SIZE_PX).toString(),
+          y2: y.toString(),
+          stroke: "#ffffff",
+          "stroke-width": ANCHOR_MARKER_STROKE_WIDTH_PX.toString(),
+          "stroke-linecap": "round"
+        },
+        children: [],
+        value: ""
+      }
+    ],
+    value: ""
+  };
+}
+function createHorizontalDimension({
+  startX,
+  endX,
+  y,
+  offsetMm,
+  offsetY
+}) {
+  const objects = [];
+  objects.push({
+    name: "line",
+    type: "element",
+    attributes: {
+      x1: startX.toString(),
+      y1: y.toString(),
+      x2: endX.toString(),
+      y2: y.toString(),
+      stroke: "#ffffff",
+      "stroke-width": STROKE_WIDTH_PX.toString(),
+      class: "anchor-offset-dimension-x"
+    },
+    children: [],
+    value: ""
+  });
+  objects.push({
+    name: "line",
+    type: "element",
+    attributes: {
+      x1: startX.toString(),
+      y1: (y - TICK_SIZE_PX).toString(),
+      x2: startX.toString(),
+      y2: (y + TICK_SIZE_PX).toString(),
+      stroke: "#ffffff",
+      "stroke-width": STROKE_WIDTH_PX.toString()
+    },
+    children: [],
+    value: ""
+  });
+  objects.push({
+    name: "line",
+    type: "element",
+    attributes: {
+      x1: endX.toString(),
+      y1: (y - TICK_SIZE_PX).toString(),
+      x2: endX.toString(),
+      y2: (y + TICK_SIZE_PX).toString(),
+      stroke: "#ffffff",
+      "stroke-width": STROKE_WIDTH_PX.toString()
+    },
+    children: [],
+    value: ""
+  });
+  const midX = (startX + endX) / 2;
+  const labelY = offsetY > 0 ? y - TICK_SIZE_PX - LABEL_GAP_PX : y + TICK_SIZE_PX + LABEL_GAP_PX;
+  objects.push({
+    name: "text",
+    type: "element",
+    attributes: {
+      x: midX.toString(),
+      y: labelY.toString(),
+      fill: "#ffffff",
+      "font-size": LABEL_FONT_SIZE_PX.toString(),
+      "font-family": "Arial, sans-serif",
+      "text-anchor": "middle",
+      "dominant-baseline": offsetY > 0 ? "baseline" : "hanging",
+      class: "anchor-offset-label"
+    },
+    children: [
+      {
+        type: "text",
+        value: `X: ${offsetMm.toFixed(2)}mm`,
+        name: "",
+        attributes: {},
+        children: []
+      }
+    ],
+    value: ""
+  });
+  return objects;
+}
+function createVerticalDimension({
+  x,
+  startY,
+  endY,
+  offsetMm,
+  offsetX
+}) {
+  const objects = [];
+  objects.push({
+    name: "line",
+    type: "element",
+    attributes: {
+      x1: x.toString(),
+      y1: startY.toString(),
+      x2: x.toString(),
+      y2: endY.toString(),
+      stroke: "#ffffff",
+      "stroke-width": STROKE_WIDTH_PX.toString(),
+      class: "anchor-offset-dimension-y"
+    },
+    children: [],
+    value: ""
+  });
+  objects.push({
+    name: "line",
+    type: "element",
+    attributes: {
+      x1: (x - TICK_SIZE_PX).toString(),
+      y1: startY.toString(),
+      x2: (x + TICK_SIZE_PX).toString(),
+      y2: startY.toString(),
+      stroke: "#ffffff",
+      "stroke-width": STROKE_WIDTH_PX.toString()
+    },
+    children: [],
+    value: ""
+  });
+  objects.push({
+    name: "line",
+    type: "element",
+    attributes: {
+      x1: (x - TICK_SIZE_PX).toString(),
+      y1: endY.toString(),
+      x2: (x + TICK_SIZE_PX).toString(),
+      y2: endY.toString(),
+      stroke: "#ffffff",
+      "stroke-width": STROKE_WIDTH_PX.toString()
+    },
+    children: [],
+    value: ""
+  });
+  const midY = (startY + endY) / 2;
+  const labelX = offsetX < 0 ? x - TICK_SIZE_PX - 4 : x + TICK_SIZE_PX + 4;
+  objects.push({
+    name: "text",
+    type: "element",
+    attributes: {
+      x: labelX.toString(),
+      y: midY.toString(),
+      fill: "#ffffff",
+      "font-size": LABEL_FONT_SIZE_PX.toString(),
+      "font-family": "Arial, sans-serif",
+      "text-anchor": offsetX < 0 ? "end" : "start",
+      "dominant-baseline": "middle",
+      class: "anchor-offset-label"
+    },
+    children: [
+      {
+        type: "text",
+        value: `Y: ${offsetMm.toFixed(2)}mm`,
+        name: "",
+        attributes: {},
+        children: []
+      }
+    ],
+    value: ""
+  });
+  return objects;
+}
+
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-component.ts
 function createSvgObjectsFromPcbComponent(component, ctx) {
-  const { transform } = ctx;
+  const { transform, circuitJson } = ctx;
   const { center, width, height, rotation = 0 } = component;
-  const [x, y] = applyToPoint29(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint30(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)`;
+  const svgObjects = [];
+  if (ctx.showAnchorOffsets && component.positioned_relative_to_pcb_group_id && component.position_mode === "relative" && circuitJson) {
+    const pcbGroup = circuitJson.find(
+      (elm) => elm.type === "pcb_group" && elm.pcb_group_id === component.positioned_relative_to_pcb_group_id
+    );
+    if (pcbGroup?.center) {
+      svgObjects.push(
+        ...createAnchorOffsetIndicators({
+          groupAnchorPosition: pcbGroup.center,
+          componentPosition: center,
+          transform,
+          componentWidth: width,
+          componentHeight: height
+        })
+      );
+    }
+  }
   if (!ctx.colorMap.debugComponent?.fill && !ctx.colorMap.debugComponent?.stroke) {
-    return [];
+    return svgObjects;
   }
-  return [
-    {
-      name: "g",
-      type: "element",
-      attributes: {
-        transform: transformStr,
-        "data-type": "pcb_component",
-        "data-pcb-layer": component.layer ?? "top"
-      },
-      children: [
-        {
-          name: "rect",
-          type: "element",
-          attributes: {
-            class: "pcb-component",
-            x: (-scaledWidth / 2).toString(),
-            y: (-scaledHeight / 2).toString(),
-            width: scaledWidth.toString(),
-            height: scaledHeight.toString(),
-            fill: ctx.colorMap.debugComponent.fill ?? "transparent",
-            stroke: ctx.colorMap.debugComponent.stroke ?? "transparent",
-            "data-type": "pcb_component",
-            "data-pcb-layer": component.layer ?? "top"
-          }
+  svgObjects.push({
+    name: "g",
+    type: "element",
+    attributes: {
+      transform: transformStr,
+      "data-type": "pcb_component",
+      "data-pcb-layer": component.layer ?? "top"
+    },
+    children: [
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "pcb-component",
+          x: (-scaledWidth / 2).toString(),
+          y: (-scaledHeight / 2).toString(),
+          width: scaledWidth.toString(),
+          height: scaledHeight.toString(),
+          fill: ctx.colorMap.debugComponent.fill ?? "transparent",
+          stroke: ctx.colorMap.debugComponent.stroke ?? "transparent",
+          "data-type": "pcb_component",
+          "data-pcb-layer": component.layer ?? "top"
         }
-      ],
-      value: ""
-    }
-  ];
+      }
+    ],
+    value: ""
+  });
+  return svgObjects;
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-group.ts
-import { applyToPoint as applyToPoint30 } from "transformation-matrix";
+import { applyToPoint as applyToPoint31 } from "transformation-matrix";
 var DEFAULT_GROUP_COLOR = "rgba(100, 200, 255, 0.6)";
 var DEFAULT_STROKE_WIDTH = 0.1;
 function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
@@ -3440,7 +3784,7 @@ function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
     (point) => point && typeof point.x === "number" && typeof point.y === "number"
   )) {
     const path = outline.map((point, index) => {
-      const [x, y] = applyToPoint30(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint31(transform, [point.x, point.y]);
       return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
     }).join(" ");
     return [
@@ -3462,11 +3806,11 @@ function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
   }
   const halfWidth = width / 2;
   const halfHeight = height / 2;
-  const [topLeftX, topLeftY] = applyToPoint30(transform, [
+  const [topLeftX, topLeftY] = applyToPoint31(transform, [
     center.x - halfWidth,
     center.y + halfHeight
   ]);
-  const [bottomRightX, bottomRightY] = applyToPoint30(transform, [
+  const [bottomRightX, bottomRightY] = applyToPoint31(transform, [
     center.x + halfWidth,
     center.y - halfHeight
   ]);
@@ -3502,7 +3846,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.262",
+  version: "0.0.264",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -3526,7 +3870,7 @@ var package_default = {
     "bun-match-svg": "^0.0.12",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
-    "circuit-json": "^0.0.297",
+    "circuit-json": "^0.0.304",
     react: "19.1.0",
     "react-cosmos": "7.0.0",
     "react-cosmos-plugin-vite": "7.0.0",
@@ -3839,7 +4183,9 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
     showPcbGroups: options?.showPcbGroups,
     drawPaddingOutsideBoard,
     colorMap: colorMap2,
-    showSolderMask: options?.showSolderMask
+    showSolderMask: options?.showSolderMask,
+    showAnchorOffsets: options?.showAnchorOffsets,
+    circuitJson
   };
   const unsortedSvgObjects = circuitJson.flatMap(
     (elm) => createSvgObjects({ elm, circuitJson, ctx })
@@ -4124,8 +4470,8 @@ function createSvgObjects({
   }
 }
 function createSvgObjectFromPcbBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint31(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint31(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint32(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint32(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -4155,14 +4501,14 @@ var circuitJsonToPcbSvg = convertCircuitJsonToPcbSvg;
 import { stringify as stringify2 } from "svgson";
 import { su as su3 } from "@tscircuit/circuit-json-util";
 import {
-  applyToPoint as applyToPoint38,
+  applyToPoint as applyToPoint39,
   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 applyToPoint32 } from "transformation-matrix";
+import { applyToPoint as applyToPoint33 } from "transformation-matrix";
 var DEFAULT_BOARD_STYLE = {
   fill: "none",
   stroke: "rgb(0,0,0)",
@@ -4174,25 +4520,25 @@ function createSvgObjectsFromAssemblyBoard(pcbBoard, transform, style = {}) {
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint32(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint33(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 = applyToPoint32(transform, [
+    const topLeft = applyToPoint33(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint32(transform, [
+    const topRight = applyToPoint33(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint32(transform, [
+    const bottomRight = applyToPoint33(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint32(transform, [
+    const bottomLeft = applyToPoint33(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -4218,7 +4564,7 @@ function createSvgObjectsFromAssemblyBoard(pcbBoard, transform, style = {}) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-component.ts
-import { applyToPoint as applyToPoint34 } from "transformation-matrix";
+import { applyToPoint as applyToPoint35 } from "transformation-matrix";
 
 // lib/utils/get-sch-font-size.ts
 import "transformation-matrix";
@@ -4244,8 +4590,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] = applyToPoint34(transform, [center.x, center.y]);
-  const [pinX, pinY] = applyToPoint34(transform, [portPosition.x, portPosition.y]);
+  const [x, y] = applyToPoint35(transform, [center.x, center.y]);
+  const [pinX, pinY] = applyToPoint35(transform, [portPosition.x, portPosition.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const isTopLayer = layer === "top";
@@ -4407,11 +4753,11 @@ function getRectPathData(w, h, rotation) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-hole.ts
-import { applyToPoint as applyToPoint35 } from "transformation-matrix";
+import { applyToPoint as applyToPoint36 } from "transformation-matrix";
 var HOLE_COLOR2 = "rgb(190, 190, 190)";
 function createSvgObjectsFromAssemblyHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint35(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint36(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;
@@ -4475,12 +4821,12 @@ function createSvgObjectsFromAssemblyHole(hole, ctx) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-plated-hole.ts
-import { applyToPoint as applyToPoint36 } from "transformation-matrix";
+import { applyToPoint as applyToPoint37 } 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] = applyToPoint36(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint37(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);
@@ -4575,7 +4921,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] = applyToPoint36(transform, [
+    const [holeCx, holeCy] = applyToPoint37(transform, [
       circularHole.x + circularHole.hole_offset_x,
       circularHole.y + circularHole.hole_offset_y
     ]);
@@ -4633,7 +4979,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] = applyToPoint36(transform, [
+    const [holeCenterX, holeCenterY] = applyToPoint37(transform, [
       pillHole.x + holeOffsetX,
       pillHole.y + holeOffsetY
     ]);
@@ -4695,7 +5041,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] = applyToPoint36(transform, [
+    const [holeCenterX, holeCenterY] = applyToPoint37(transform, [
       rotatedHole.x + holeOffsetX,
       rotatedHole.y + holeOffsetY
     ]);
@@ -4751,14 +5097,14 @@ function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-smt-pad.ts
-import { applyToPoint as applyToPoint37 } from "transformation-matrix";
+import { applyToPoint as applyToPoint38 } 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] = applyToPoint37(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint38(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 [
@@ -4810,7 +5156,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] = applyToPoint37(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint38(transform, [pad.x, pad.y]);
     return [
       {
         name: "rect",
@@ -4833,7 +5179,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   }
   if (pad.shape === "circle") {
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint37(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint38(transform, [pad.x, pad.y]);
     return [
       {
         name: "circle",
@@ -4853,7 +5199,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
-      (point) => applyToPoint37(transform, [point.x, point.y])
+      (point) => applyToPoint38(transform, [point.x, point.y])
     );
     return [
       {
@@ -5037,8 +5383,8 @@ function createSvgObjects2(elm, ctx, soup) {
   }
 }
 function createSvgObjectFromAssemblyBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint38(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint38(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint39(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint39(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -5067,7 +5413,7 @@ import {
 } from "transformation-matrix";
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-board.ts
-import { applyToPoint as applyToPoint39 } from "transformation-matrix";
+import { applyToPoint as applyToPoint40 } 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)";
@@ -5081,25 +5427,25 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint39(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint40(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 = applyToPoint39(transform, [
+    const topLeft = applyToPoint40(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint39(transform, [
+    const topRight = applyToPoint40(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint39(transform, [
+    const bottomRight = applyToPoint40(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint39(transform, [
+    const bottomLeft = applyToPoint40(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -5117,10 +5463,10 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
       const halfWidth = width2 / 2;
       const halfHeight = height2 / 2;
       const [tl, tr, br, bl] = [
-        applyToPoint39(transform, [x - halfWidth, y - halfHeight]),
-        applyToPoint39(transform, [x + halfWidth, y - halfHeight]),
-        applyToPoint39(transform, [x + halfWidth, y + halfHeight]),
-        applyToPoint39(transform, [x - halfWidth, y + halfHeight])
+        applyToPoint40(transform, [x - halfWidth, y - halfHeight]),
+        applyToPoint40(transform, [x + halfWidth, y - halfHeight]),
+        applyToPoint40(transform, [x + halfWidth, y + halfHeight]),
+        applyToPoint40(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") {
@@ -5170,7 +5516,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 applyToPoint40 } from "transformation-matrix";
+import { applyToPoint as applyToPoint41 } 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) {
@@ -5180,7 +5526,7 @@ function createSvgObjectsFromPinoutComponent(elm, ctx) {
   if (!center || typeof width !== "number" || typeof height !== "number" || width === 0 || height === 0) {
     return [];
   }
-  const [x, y] = applyToPoint40(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint41(transform, [center.x, center.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const transformStr = `translate(${x}, ${y})`;
@@ -5241,11 +5587,11 @@ function createSvgObjectsFromPinoutComponent(elm, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-hole.ts
-import { applyToPoint as applyToPoint41 } from "transformation-matrix";
+import { applyToPoint as applyToPoint42 } from "transformation-matrix";
 var HOLE_COLOR4 = "rgb(50, 50, 50)";
 function createSvgObjectsFromPinoutHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint41(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint42(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;
@@ -5309,12 +5655,12 @@ function createSvgObjectsFromPinoutHole(hole, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-plated-hole.ts
-import { applyToPoint as applyToPoint42 } from "transformation-matrix";
+import { applyToPoint as applyToPoint43 } 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] = applyToPoint42(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint43(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);
@@ -5549,14 +5895,14 @@ function createSvgObjectsFromPinoutPlatedHole(hole, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-smt-pad.ts
-import { applyToPoint as applyToPoint43 } from "transformation-matrix";
+import { applyToPoint as applyToPoint44 } 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] = applyToPoint43(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint44(transform, [pad.x, pad.y]);
     if (pad.shape === "rotated_rect" && pad.ccw_rotation) {
       return [
         {
@@ -5599,7 +5945,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] = applyToPoint43(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint44(transform, [pad.x, pad.y]);
     return [
       {
         name: "rect",
@@ -5622,7 +5968,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
   }
   if (pad.shape === "circle") {
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint43(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint44(transform, [pad.x, pad.y]);
     return [
       {
         name: "circle",
@@ -5642,7 +5988,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
-      (point) => applyToPoint43(transform, [point.x, point.y])
+      (point) => applyToPoint44(transform, [point.x, point.y])
     );
     return [
       {
@@ -5663,7 +6009,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-port.ts
-import { applyToPoint as applyToPoint44 } from "transformation-matrix";
+import { applyToPoint as applyToPoint45 } from "transformation-matrix";
 import { calculateElbow } from "calculate-elbow";
 
 // lib/pinout/svg-object-fns/pinout-label-box.ts
@@ -5740,7 +6086,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] = applyToPoint44(ctx.transform, [pcb_port.x, pcb_port.y]);
+  const [port_x, port_y] = applyToPoint45(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(
@@ -5881,7 +6227,7 @@ function createSvgObjectsFromPinoutPort(pcb_port, ctx) {
 }
 
 // lib/pinout/calculate-label-positions.ts
-import { applyToPoint as applyToPoint45 } from "transformation-matrix";
+import { applyToPoint as applyToPoint46 } from "transformation-matrix";
 
 // lib/pinout/constants.ts
 var LABEL_RECT_HEIGHT_BASE_MM = 1.6;
@@ -5919,7 +6265,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
     );
     const mapToEdgePort = (pinout_label) => ({
       pcb_port: pinout_label.pcb_port,
-      y: applyToPoint45(transform, [
+      y: applyToPoint46(transform, [
         pinout_label.pcb_port.x,
         pinout_label.pcb_port.y
       ])[1],
@@ -5934,7 +6280,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
   } else {
     edge_ports = pinout_labels.map((pinout_label) => ({
       pcb_port: pinout_label.pcb_port,
-      y: applyToPoint45(transform, [
+      y: applyToPoint46(transform, [
         pinout_label.pcb_port.x,
         pinout_label.pcb_port.y
       ])[1],
@@ -5942,7 +6288,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
     })).sort((a, b) => a.y - b.y);
   }
   if (edge_ports.length === 0) return;
-  const board_edge_x = applyToPoint45(transform, [
+  const board_edge_x = applyToPoint46(transform, [
     edge === "left" ? board_bounds.minX : board_bounds.maxX,
     0
   ])[0];
@@ -6364,14 +6710,14 @@ import {
 } from "transformation-matrix";
 
 // lib/sch/draw-schematic-grid.ts
-import { applyToPoint as applyToPoint46 } from "transformation-matrix";
+import { applyToPoint as applyToPoint47 } 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] = applyToPoint46(params.transform, [x, y]);
+    const [transformedX, transformedY] = applyToPoint47(params.transform, [x, y]);
     return { x: transformedX, y: transformedY };
   };
   for (let x = Math.floor(minX); x <= Math.ceil(maxX); x += cellSize) {
@@ -6452,15 +6798,15 @@ function drawSchematicGrid(params) {
 }
 
 // lib/sch/draw-schematic-labeled-points.ts
-import { applyToPoint as applyToPoint47 } from "transformation-matrix";
+import { applyToPoint as applyToPoint48 } from "transformation-matrix";
 function drawSchematicLabeledPoints(params) {
   const { points, transform } = params;
   const labeledPointsGroup = [];
   for (const point of points) {
-    const [x1, y1] = applyToPoint47(transform, [point.x - 0.1, point.y - 0.1]);
-    const [x2, y2] = applyToPoint47(transform, [point.x + 0.1, point.y + 0.1]);
-    const [x3, y3] = applyToPoint47(transform, [point.x - 0.1, point.y + 0.1]);
-    const [x4, y4] = applyToPoint47(transform, [point.x + 0.1, point.y - 0.1]);
+    const [x1, y1] = applyToPoint48(transform, [point.x - 0.1, point.y - 0.1]);
+    const [x2, y2] = applyToPoint48(transform, [point.x + 0.1, point.y + 0.1]);
+    const [x3, y3] = applyToPoint48(transform, [point.x - 0.1, point.y + 0.1]);
+    const [x4, y4] = applyToPoint48(transform, [point.x + 0.1, point.y - 0.1]);
     labeledPointsGroup.push({
       name: "path",
       type: "element",
@@ -6471,7 +6817,7 @@ function drawSchematicLabeledPoints(params) {
         "stroke-opacity": "0.7"
       }
     });
-    const [labelX, labelY] = applyToPoint47(transform, [
+    const [labelX, labelY] = applyToPoint48(transform, [
       point.x + 0.15,
       point.y - 0.15
     ]);
@@ -7565,7 +7911,7 @@ import { su as su7 } from "@tscircuit/circuit-json-util";
 import { symbols } from "schematic-symbols";
 import "svgson";
 import {
-  applyToPoint as applyToPoint49,
+  applyToPoint as applyToPoint50,
   compose as compose9
 } from "transformation-matrix";
 
@@ -7649,13 +7995,13 @@ function pointPairsToMatrix(a1, a2, b1, b2) {
 }
 
 // lib/sch/svg-object-fns/create-svg-error-text.ts
-import { applyToPoint as applyToPoint48 } from "transformation-matrix";
+import { applyToPoint as applyToPoint49 } from "transformation-matrix";
 var createSvgSchErrorText = ({
   text,
   realCenter,
   realToScreenTransform
 }) => {
-  const screenCenter = applyToPoint48(realToScreenTransform, realCenter);
+  const screenCenter = applyToPoint49(realToScreenTransform, realCenter);
   return {
     type: "element",
     name: "text",
@@ -7764,11 +8110,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] = applyToPoint49(
+  const [screenMinX, screenMinY] = applyToPoint50(
     compose9(realToScreenTransform, transformFromSymbolToReal),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint49(
+  const [screenMaxX, screenMaxY] = applyToPoint50(
     compose9(realToScreenTransform, transformFromSymbolToReal),
     [bounds.maxX, bounds.maxY]
   );
@@ -7797,7 +8143,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
       name: "path",
       attributes: {
         d: points.map((p, i) => {
-          const [x, y] = applyToPoint49(
+          const [x, y] = applyToPoint50(
             compose9(realToScreenTransform, transformFromSymbolToReal),
             [p.x, p.y]
           );
@@ -7813,7 +8159,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const text of texts) {
-    const screenTextPos = applyToPoint49(
+    const screenTextPos = applyToPoint50(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       text
     );
@@ -7865,7 +8211,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const box of boxes) {
-    const screenBoxPos = applyToPoint49(
+    const screenBoxPos = applyToPoint50(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       box
     );
@@ -7889,7 +8235,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
   }
   for (const port of symbol.ports) {
     if (connectedSymbolPorts.has(port)) continue;
-    const screenPortPos = applyToPoint49(
+    const screenPortPos = applyToPoint50(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       port
     );
@@ -7909,7 +8255,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const circle of circles) {
-    const screenCirclePos = applyToPoint49(
+    const screenCirclePos = applyToPoint50(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       circle
     );
@@ -7936,14 +8282,14 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
 import { su as su10 } from "@tscircuit/circuit-json-util";
 import "schematic-symbols";
 import "svgson";
-import { applyToPoint as applyToPoint55 } from "transformation-matrix";
+import { applyToPoint as applyToPoint56 } 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 applyToPoint50 } from "transformation-matrix";
+import { applyToPoint as applyToPoint51 } 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) => {
@@ -7996,8 +8342,8 @@ var createSvgObjectsForSchPortBoxLine = ({
       realEdgePos.y += realPinLineLength;
       break;
   }
-  const screenSchPortPos = applyToPoint50(transform, schPort.center);
-  const screenRealEdgePos = applyToPoint50(transform, realEdgePos);
+  const screenSchPortPos = applyToPoint51(transform, schPort.center);
+  const screenRealEdgePos = applyToPoint51(transform, realEdgePos);
   const isConnected = isSourcePortConnected(circuitJson, schPort.source_port_id);
   const realLineEnd = { ...schPort.center };
   if (!isConnected) {
@@ -8016,7 +8362,7 @@ var createSvgObjectsForSchPortBoxLine = ({
         break;
     }
   }
-  const screenLineEnd = applyToPoint50(transform, realLineEnd);
+  const screenLineEnd = applyToPoint51(transform, realLineEnd);
   svgObjects.push({
     name: "line",
     type: "element",
@@ -8137,7 +8483,7 @@ var createSvgObjectsForSchPortBoxLine = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-number-text.ts
-import { applyToPoint as applyToPoint51 } from "transformation-matrix";
+import { applyToPoint as applyToPoint52 } from "transformation-matrix";
 var createSvgObjectsForSchPortPinNumberText = (params) => {
   const svgObjects = [];
   const { schPort, schComponent, transform, circuitJson } = params;
@@ -8155,7 +8501,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
   } else {
     realPinNumberPos.y += 0.02;
   }
-  const screenPinNumberTextPos = applyToPoint51(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint52(transform, realPinNumberPos);
   svgObjects.push({
     name: "text",
     type: "element",
@@ -8185,7 +8531,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-label.ts
-import { applyToPoint as applyToPoint52 } from "transformation-matrix";
+import { applyToPoint as applyToPoint53 } from "transformation-matrix";
 var LABEL_DIST_FROM_EDGE_MM = 0.1;
 var createSvgObjectsForSchPortPinLabel = (params) => {
   const svgObjects = [];
@@ -8199,7 +8545,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 = applyToPoint52(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint53(transform, realPinNumberPos);
   const label = schPort.display_pin_label ?? schComponent.port_labels?.[`${schPort.pin_number}`];
   if (!label) return [];
   const isNegated = label.startsWith("N_");
@@ -8247,13 +8593,13 @@ var createSvgObjectsFromSchPortOnBox = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-text.ts
-import { applyToPoint as applyToPoint54 } from "transformation-matrix";
+import { applyToPoint as applyToPoint55 } from "transformation-matrix";
 var createSvgSchText = ({
   elm,
   transform,
   colorMap: colorMap2
 }) => {
-  const center = applyToPoint54(transform, elm.position);
+  const center = applyToPoint55(transform, elm.position);
   const textAnchorMap = {
     center: "middle",
     center_right: "end",
@@ -8337,11 +8683,11 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
   colorMap: colorMap2
 }) => {
   const svgObjects = [];
-  const componentScreenTopLeft = applyToPoint55(transform, {
+  const componentScreenTopLeft = applyToPoint56(transform, {
     x: schComponent.center.x - schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2
   });
-  const componentScreenBottomRight = applyToPoint55(transform, {
+  const componentScreenBottomRight = applyToPoint56(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y - schComponent.size.height / 2
   });
@@ -8427,13 +8773,13 @@ function createSvgObjectsFromSchematicComponent(params) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-voltage-probe.ts
-import { applyToPoint as applyToPoint56 } from "transformation-matrix";
+import { applyToPoint as applyToPoint57 } from "transformation-matrix";
 function createSvgObjectsFromSchVoltageProbe({
   probe,
   transform,
   colorMap: colorMap2
 }) {
-  const [screenX, screenY] = applyToPoint56(transform, [
+  const [screenX, screenY] = applyToPoint57(transform, [
     probe.position.x,
     probe.position.y
   ]);
@@ -8493,17 +8839,17 @@ function createSvgObjectsFromSchVoltageProbe({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-debug-object.ts
-import { applyToPoint as applyToPoint57 } from "transformation-matrix";
+import { applyToPoint as applyToPoint58 } from "transformation-matrix";
 function createSvgObjectsFromSchDebugObject({
   debugObject,
   transform
 }) {
   if (debugObject.shape === "rect") {
-    let [screenLeft, screenTop] = applyToPoint57(transform, [
+    let [screenLeft, screenTop] = applyToPoint58(transform, [
       debugObject.center.x - debugObject.size.width / 2,
       debugObject.center.y - debugObject.size.height / 2
     ]);
-    let [screenRight, screenBottom] = applyToPoint57(transform, [
+    let [screenRight, screenBottom] = applyToPoint58(transform, [
       debugObject.center.x + debugObject.size.width / 2,
       debugObject.center.y + debugObject.size.height / 2
     ]);
@@ -8513,7 +8859,7 @@ function createSvgObjectsFromSchDebugObject({
     ];
     const width = Math.abs(screenRight - screenLeft);
     const height = Math.abs(screenBottom - screenTop);
-    const [screenCenterX, screenCenterY] = applyToPoint57(transform, [
+    const [screenCenterX, screenCenterY] = applyToPoint58(transform, [
       debugObject.center.x,
       debugObject.center.y
     ]);
@@ -8559,11 +8905,11 @@ function createSvgObjectsFromSchDebugObject({
     ];
   }
   if (debugObject.shape === "line") {
-    const [screenStartX, screenStartY] = applyToPoint57(transform, [
+    const [screenStartX, screenStartY] = applyToPoint58(transform, [
       debugObject.start.x,
       debugObject.start.y
     ]);
-    const [screenEndX, screenEndY] = applyToPoint57(transform, [
+    const [screenEndX, screenEndY] = applyToPoint58(transform, [
       debugObject.end.x,
       debugObject.end.y
     ]);
@@ -8613,7 +8959,7 @@ function createSvgObjectsFromSchDebugObject({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-trace.ts
-import { applyToPoint as applyToPoint58 } from "transformation-matrix";
+import { applyToPoint as applyToPoint59 } from "transformation-matrix";
 function createSchematicTrace({
   trace,
   transform,
@@ -8627,11 +8973,11 @@ function createSchematicTrace({
   for (let edgeIndex = 0; edgeIndex < edges.length; edgeIndex++) {
     const edge = edges[edgeIndex];
     if (edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint58(transform, [
+    const [screenFromX, screenFromY] = applyToPoint59(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint58(transform, [
+    const [screenToX, screenToY] = applyToPoint59(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -8675,11 +9021,11 @@ function createSchematicTrace({
   }
   for (const edge of edges) {
     if (!edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint58(transform, [
+    const [screenFromX, screenFromY] = applyToPoint59(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint58(transform, [
+    const [screenToX, screenToY] = applyToPoint59(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -8723,7 +9069,7 @@ function createSchematicTrace({
   }
   if (trace.junctions) {
     for (const junction of trace.junctions) {
-      const [screenX, screenY] = applyToPoint58(transform, [
+      const [screenX, screenY] = applyToPoint59(transform, [
         junction.x,
         junction.y
       ]);
@@ -8778,7 +9124,7 @@ function createSchematicTrace({
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
 import {
-  applyToPoint as applyToPoint60,
+  applyToPoint as applyToPoint61,
   compose as compose11,
   rotate as rotate6,
   scale as scale6,
@@ -8787,7 +9133,7 @@ import {
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label-with-symbol.ts
 import {
-  applyToPoint as applyToPoint59,
+  applyToPoint as applyToPoint60,
   compose as compose10,
   rotate as rotate5,
   scale as scale5,
@@ -8862,7 +9208,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     x: symbolBounds.minX,
     y: (symbolBounds.minY + symbolBounds.maxY) / 2
   };
-  const rotatedSymbolEnd = applyToPoint59(rotationMatrix, symbolEndPoint);
+  const rotatedSymbolEnd = applyToPoint60(rotationMatrix, symbolEndPoint);
   const symbolToRealTransform = compose10(
     translate10(
       realAnchorPosition.x - rotatedSymbolEnd.x,
@@ -8872,11 +9218,11 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     scale5(1)
     // Use full symbol size
   );
-  const [screenMinX, screenMinY] = applyToPoint59(
+  const [screenMinX, screenMinY] = applyToPoint60(
     compose10(realToScreenTransform, symbolToRealTransform),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint59(
+  const [screenMaxX, screenMaxY] = applyToPoint60(
     compose10(realToScreenTransform, symbolToRealTransform),
     [bounds.maxX, bounds.maxY]
   );
@@ -8900,7 +9246,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
   });
   for (const path of symbolPaths) {
     const symbolPath = path.points.map((p, i) => {
-      const [x, y] = applyToPoint59(
+      const [x, y] = applyToPoint60(
         compose10(realToScreenTransform, symbolToRealTransform),
         [p.x, p.y]
       );
@@ -8921,7 +9267,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const text of symbolTexts) {
-    const screenTextPos = applyToPoint59(
+    const screenTextPos = applyToPoint60(
       compose10(realToScreenTransform, symbolToRealTransform),
       text
     );
@@ -8963,7 +9309,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const box of symbolBoxes) {
-    const screenBoxPos = applyToPoint59(
+    const screenBoxPos = applyToPoint60(
       compose10(realToScreenTransform, symbolToRealTransform),
       box
     );
@@ -8986,7 +9332,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const circle of symbolCircles) {
-    const screenCirclePos = applyToPoint59(
+    const screenCirclePos = applyToPoint60(
       compose10(realToScreenTransform, symbolToRealTransform),
       circle
     );
@@ -9031,14 +9377,14 @@ var createSvgObjectsForSchNetLabel = ({
   const fontSizePx = getSchScreenFontSize(realToScreenTransform, "net_label");
   const fontSizeMm = getSchMmFontSize("net_label");
   const textWidthFSR = estimateTextWidth(labelText || "");
-  const screenCenter = applyToPoint60(realToScreenTransform, schNetLabel.center);
+  const screenCenter = applyToPoint61(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 ? applyToPoint60(realToScreenTransform, schNetLabel.anchor_position) : {
+  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint61(realToScreenTransform, schNetLabel.anchor_position) : {
     x: screenCenter.x - screenTextGrowthVec.x * fullWidthFsr * fontSizePx / 2,
     y: screenCenter.y - screenTextGrowthVec.y * fullWidthFsr * fontSizePx / 2
   };
@@ -9079,7 +9425,7 @@ var createSvgObjectsForSchNetLabel = ({
       y: -0.6
     }
   ].map(
-    (fontRelativePoint) => applyToPoint60(
+    (fontRelativePoint) => applyToPoint61(
       compose11(
         realToScreenTransform,
         translate11(realAnchorPosition.x, realAnchorPosition.y),
@@ -9156,17 +9502,17 @@ var createSvgObjectsForSchNetLabel = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-box.ts
-import { applyToPoint as applyToPoint61 } from "transformation-matrix";
+import { applyToPoint as applyToPoint62 } from "transformation-matrix";
 var createSvgObjectsFromSchematicBox = ({
   schematicBox,
   transform,
   colorMap: colorMap2
 }) => {
-  const topLeft = applyToPoint61(transform, {
+  const topLeft = applyToPoint62(transform, {
     x: schematicBox.x,
     y: schematicBox.y
   });
-  const bottomRight = applyToPoint61(transform, {
+  const bottomRight = applyToPoint62(transform, {
     x: schematicBox.x + schematicBox.width,
     y: schematicBox.y + schematicBox.height
   });
@@ -9202,7 +9548,7 @@ var createSvgObjectsFromSchematicBox = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-table.ts
-import { applyToPoint as applyToPoint62 } from "transformation-matrix";
+import { applyToPoint as applyToPoint63 } from "transformation-matrix";
 var createSvgObjectsFromSchematicTable = ({
   schematicTable,
   transform,
@@ -9235,11 +9581,11 @@ var createSvgObjectsFromSchematicTable = ({
   const svgObjects = [];
   const borderStrokeWidth = border_width * Math.abs(transform.a);
   const gridStrokeWidth = getSchStrokeSize(transform);
-  const [screenTopLeftX, screenTopLeftY] = applyToPoint62(transform, [
+  const [screenTopLeftX, screenTopLeftY] = applyToPoint63(transform, [
     topLeftX,
     topLeftY
   ]);
-  const [screenBottomRightX, screenBottomRightY] = applyToPoint62(transform, [
+  const [screenBottomRightX, screenBottomRightY] = applyToPoint63(transform, [
     topLeftX + totalWidth,
     topLeftY - totalHeight
   ]);
@@ -9271,8 +9617,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 = applyToPoint62(transform, { x: currentX, y: segmentStartY });
-        const end = applyToPoint62(transform, { x: currentX, y: segmentEndY });
+        const start = applyToPoint63(transform, { x: currentX, y: segmentStartY });
+        const end = applyToPoint63(transform, { x: currentX, y: segmentEndY });
         svgObjects.push({
           name: "line",
           type: "element",
@@ -9301,11 +9647,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 = applyToPoint62(transform, {
+        const start = applyToPoint63(transform, {
           x: segmentStartX,
           y: currentY
         });
-        const end = applyToPoint62(transform, { x: segmentEndX, y: currentY });
+        const end = applyToPoint63(transform, { x: segmentEndX, y: currentY });
         svgObjects.push({
           name: "line",
           type: "element",
@@ -9347,7 +9693,7 @@ var createSvgObjectsFromSchematicTable = ({
       } else if (vertical_align === "bottom") {
         realTextAnchorPos.y = cellTopLeftY - cellHeight + cell_padding;
       }
-      const screenTextAnchorPos = applyToPoint62(transform, realTextAnchorPos);
+      const screenTextAnchorPos = applyToPoint63(transform, realTextAnchorPos);
       const fontSize = getSchScreenFontSize(
         transform,
         "reference_designator",
@@ -9403,13 +9749,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 applyToPoint63 } from "transformation-matrix";
+import { applyToPoint as applyToPoint64 } from "transformation-matrix";
 var PIN_CIRCLE_RADIUS_MM2 = 0.02;
 var createSvgObjectsForSchPortHover = ({
   schPort,
   transform
 }) => {
-  const screenSchPortPos = applyToPoint63(transform, schPort.center);
+  const screenSchPortPos = applyToPoint64(transform, schPort.center);
   const pinRadiusPx = Math.abs(transform.a) * PIN_CIRCLE_RADIUS_MM2 * 2;
   return [
     {
@@ -9454,14 +9800,14 @@ var createSvgObjectsForSchComponentPortHovers = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-line.ts
-import { applyToPoint as applyToPoint64 } from "transformation-matrix";
+import { applyToPoint as applyToPoint65 } from "transformation-matrix";
 function createSvgObjectsFromSchematicLine({
   schLine,
   transform,
   colorMap: colorMap2
 }) {
-  const p1 = applyToPoint64(transform, { x: schLine.x1, y: schLine.y1 });
-  const p2 = applyToPoint64(transform, { x: schLine.x2, y: schLine.y2 });
+  const p1 = applyToPoint65(transform, { x: schLine.x1, y: schLine.y1 });
+  const p2 = applyToPoint65(transform, { x: schLine.x2, y: schLine.y2 });
   const strokeWidth = schLine.stroke_width ?? 0.02;
   const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
   return [
@@ -9490,13 +9836,13 @@ function createSvgObjectsFromSchematicLine({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-circle.ts
-import { applyToPoint as applyToPoint65 } from "transformation-matrix";
+import { applyToPoint as applyToPoint66 } from "transformation-matrix";
 function createSvgObjectsFromSchematicCircle({
   schCircle,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint65(transform, schCircle.center);
+  const center = applyToPoint66(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;
@@ -9526,13 +9872,13 @@ function createSvgObjectsFromSchematicCircle({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-rect.ts
-import { applyToPoint as applyToPoint66 } from "transformation-matrix";
+import { applyToPoint as applyToPoint67 } from "transformation-matrix";
 function createSvgObjectsFromSchematicRect({
   schRect,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint66(transform, schRect.center);
+  const center = applyToPoint67(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;
@@ -9568,13 +9914,13 @@ function createSvgObjectsFromSchematicRect({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-arc.ts
-import { applyToPoint as applyToPoint67 } from "transformation-matrix";
+import { applyToPoint as applyToPoint68 } from "transformation-matrix";
 function createSvgObjectsFromSchematicArc({
   schArc,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint67(transform, schArc.center);
+  const center = applyToPoint68(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;
@@ -10659,18 +11005,18 @@ function formatNumber2(value) {
 import { distance as distance2 } from "circuit-json";
 import { stringify as stringify7 } from "svgson";
 import {
-  applyToPoint as applyToPoint70,
+  applyToPoint as applyToPoint71,
   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 applyToPoint69 } from "transformation-matrix";
+import { applyToPoint as applyToPoint70 } from "transformation-matrix";
 function createSvgObjectsFromSolderPaste(solderPaste, ctx) {
   const { transform, layer: layerFilter } = ctx;
   if (layerFilter && solderPaste.layer !== layerFilter) return [];
-  const [x, y] = applyToPoint69(transform, [solderPaste.x, solderPaste.y]);
+  const [x, y] = applyToPoint70(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);
@@ -10895,8 +11241,8 @@ function createSvgObjects4({ elm, ctx }) {
   }
 }
 function createSvgObjectFromPcbBoundary2(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint70(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint70(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint71(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint71(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);