circuit-to-svg 0.0.250 → 0.0.252

package/dist/index.js

@@ -1,7 +1,7 @@
 // lib/pcb/convert-circuit-json-to-pcb-svg.ts
 import { stringify } from "svgson";
 import {
-  applyToPoint as applyToPoint30,
+  applyToPoint as applyToPoint31,
   compose as compose5,
   scale as scale2,
   translate as translate5
@@ -2074,6 +2074,57 @@ function createSvgObjectsFromPcbSilkscreenLine(pcbSilkscreenLine, ctx) {
   ];
 }
 
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-courtyard-rect.ts
+import { applyToPoint as applyToPoint18 } from "transformation-matrix";
+function createSvgObjectsFromPcbCourtyardRect(pcbCourtyardRect, ctx) {
+  const { transform, layer: layerFilter, colorMap: colorMap2 } = ctx;
+  const {
+    center,
+    width,
+    height,
+    layer = "top",
+    pcb_courtyard_rect_id
+  } = pcbCourtyardRect;
+  if (layerFilter && layer !== layerFilter) return [];
+  if (!center || typeof center.x !== "number" || typeof center.y !== "number" || typeof width !== "number" || typeof height !== "number") {
+    console.error("Invalid courtyard rectangle data:", {
+      center,
+      width,
+      height
+    });
+    return [];
+  }
+  const [transformedX, transformedY] = applyToPoint18(transform, [
+    center.x,
+    center.y
+  ]);
+  const transformedWidth = width * Math.abs(transform.a);
+  const transformedHeight = height * Math.abs(transform.d);
+  const transformedStrokeWidth = 0.05 * Math.abs(transform.a);
+  const color = colorMap2.courtyard;
+  const attributes = {
+    x: (transformedX - transformedWidth / 2).toString(),
+    y: (transformedY - transformedHeight / 2).toString(),
+    width: transformedWidth.toString(),
+    height: transformedHeight.toString(),
+    class: `pcb-courtyard-rect pcb-courtyard-${layer}`,
+    "data-pcb-courtyard-rect-id": pcb_courtyard_rect_id,
+    "data-type": "pcb_courtyard_rect",
+    "data-pcb-layer": layer
+  };
+  attributes.fill = "none";
+  attributes.stroke = color;
+  attributes["stroke-width"] = transformedStrokeWidth.toString();
+  const svgObject = {
+    name: "rect",
+    type: "element",
+    attributes,
+    value: "",
+    children: []
+  };
+  return [svgObject];
+}
+
 // lib/utils/pairs.ts
 function pairs(arr) {
   const result = [];
@@ -2084,7 +2135,7 @@ function pairs(arr) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-trace.ts
-import { applyToPoint as applyToPoint18 } from "transformation-matrix";
+import { applyToPoint as applyToPoint19 } from "transformation-matrix";
 
 // lib/pcb/colors.ts
 var DEFAULT_PCB_COLOR_MAP = {
@@ -2108,6 +2159,7 @@ var DEFAULT_PCB_COLOR_MAP = {
     bottom: "#5da9e9"
   },
   boardOutline: "rgba(255, 255, 255, 0.5)",
+  courtyard: "#FF00FF",
   debugComponent: {
     fill: null,
     stroke: null
@@ -2140,8 +2192,8 @@ function createSvgObjectsFromPcbTrace(trace, ctx) {
   const segments = pairs(trace.route);
   const svgObjects = [];
   for (const [start, end] of segments) {
-    const startPoint = applyToPoint18(transform, [start.x, start.y]);
-    const endPoint = applyToPoint18(transform, [end.x, end.y]);
+    const startPoint = applyToPoint19(transform, [start.x, start.y]);
+    const endPoint = applyToPoint19(transform, [end.x, end.y]);
     const layer = "layer" in start ? start.layer : "layer" in end ? end.layer : null;
     if (!layer) continue;
     if (layerFilter && layer !== layerFilter) continue;
@@ -2213,7 +2265,7 @@ function createSvgObjectsFromPcbTrace(trace, ctx) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-smt-pads.ts
-import { applyToPoint as applyToPoint19 } from "transformation-matrix";
+import { applyToPoint as applyToPoint20 } from "transformation-matrix";
 function createSvgObjectsFromSmtPad(pad, ctx) {
   const { transform, layer: layerFilter, colorMap: colorMap2, renderSolderMask } = ctx;
   if (layerFilter && pad.layer !== layerFilter) return [];
@@ -2223,7 +2275,7 @@ function createSvgObjectsFromSmtPad(pad, 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] = applyToPoint19(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint20(transform, [pad.x, pad.y]);
     const cornerRadiusValue = pad.corner_radius ?? pad.rect_border_radius ?? 0;
     const scaledBorderRadius = cornerRadiusValue * Math.abs(transform.a);
     if (pad.shape === "rotated_rect" && pad.ccw_rotation) {
@@ -2306,7 +2358,7 @@ function createSvgObjectsFromSmtPad(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] = applyToPoint19(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint20(transform, [pad.x, pad.y]);
     const padElement = {
       name: "rect",
       type: "element",
@@ -2344,7 +2396,7 @@ function createSvgObjectsFromSmtPad(pad, ctx) {
   }
   if (pad.shape === "circle") {
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint19(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint20(transform, [pad.x, pad.y]);
     const padElement = {
       name: "circle",
       type: "element",
@@ -2379,7 +2431,7 @@ function createSvgObjectsFromSmtPad(pad, ctx) {
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
-      (point) => applyToPoint19(transform, [point.x, point.y])
+      (point) => applyToPoint20(transform, [point.x, point.y])
     );
     const padElement = {
       name: "polygon",
@@ -2415,32 +2467,32 @@ function createSvgObjectsFromSmtPad(pad, ctx) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-board.ts
-import { applyToPoint as applyToPoint20 } from "transformation-matrix";
+import { applyToPoint as applyToPoint21 } from "transformation-matrix";
 function createSvgObjectsFromPcbBoard(pcbBoard, ctx) {
   const { transform, colorMap: colorMap2 } = ctx;
   const { width, height, center, outline } = pcbBoard;
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint20(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint21(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 = applyToPoint20(transform, [
+    const topLeft = applyToPoint21(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint20(transform, [
+    const topRight = applyToPoint21(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint20(transform, [
+    const bottomRight = applyToPoint21(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint20(transform, [
+    const bottomLeft = applyToPoint21(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -2467,15 +2519,15 @@ function createSvgObjectsFromPcbBoard(pcbBoard, ctx) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-panel.ts
-import { applyToPoint as applyToPoint21 } from "transformation-matrix";
+import { applyToPoint as applyToPoint22 } 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 topLeft = applyToPoint22(transform, [0, 0]);
+  const topRight = applyToPoint22(transform, [width, 0]);
+  const bottomRight = applyToPoint22(transform, [width, height]);
+  const bottomLeft = applyToPoint22(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(
@@ -2501,10 +2553,10 @@ function createSvgObjectsFromPcbPanel(pcbPanel, ctx) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-via.ts
-import { applyToPoint as applyToPoint22 } from "transformation-matrix";
+import { applyToPoint as applyToPoint23 } from "transformation-matrix";
 function createSvgObjectsFromPcbVia(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]);
   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);
@@ -2550,10 +2602,10 @@ function createSvgObjectsFromPcbVia(hole, ctx) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-hole.ts
-import { applyToPoint as applyToPoint23 } from "transformation-matrix";
+import { applyToPoint as applyToPoint24 } from "transformation-matrix";
 function createSvgObjectsFromPcbHole(hole, ctx) {
   const { transform, colorMap: colorMap2 } = ctx;
-  const [x, y] = applyToPoint23(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint24(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;
@@ -2691,7 +2743,7 @@ import {
   getFullConnectivityMapFromCircuitJson
 } from "circuit-json-to-connectivity-map";
 import "svgson";
-import { applyToPoint as applyToPoint24 } from "transformation-matrix";
+import { applyToPoint as applyToPoint25 } from "transformation-matrix";
 
 // lib/pcb/create-svg-objects-from-pcb-rats-nest/get-element-position.ts
 import { su } from "@tscircuit/circuit-json-util";
@@ -2771,11 +2823,11 @@ function createSvgObjectsForRatsNest(circuitJson, ctx) {
   });
   const svgObjects = [];
   for (const line of ratsNestLines) {
-    const transformedStart = applyToPoint24(transform, [
+    const transformedStart = applyToPoint25(transform, [
       line.startPoint.x,
       line.startPoint.y
     ]);
-    const transformedEnd = applyToPoint24(transform, [
+    const transformedEnd = applyToPoint25(transform, [
       line.endPoint.x,
       line.endPoint.y
     ]);
@@ -2803,7 +2855,7 @@ function createSvgObjectsForRatsNest(circuitJson, ctx) {
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-cutout.ts
 import {
-  applyToPoint as applyToPoint25,
+  applyToPoint as applyToPoint26,
   compose as compose3,
   rotate as rotate3,
   translate as translate3,
@@ -2813,7 +2865,7 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
   const { transform, colorMap: colorMap2 } = ctx;
   if (cutout.shape === "rect") {
     const rectCutout = cutout;
-    const [cx, cy] = applyToPoint25(transform, [
+    const [cx, cy] = applyToPoint26(transform, [
       rectCutout.center.x,
       rectCutout.center.y
     ]);
@@ -2844,7 +2896,7 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
   }
   if (cutout.shape === "circle") {
     const circleCutout = cutout;
-    const [cx, cy] = applyToPoint25(transform, [
+    const [cx, cy] = applyToPoint26(transform, [
       circleCutout.center.x,
       circleCutout.center.y
     ]);
@@ -2871,7 +2923,7 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
     const polygonCutout = cutout;
     if (!polygonCutout.points || polygonCutout.points.length === 0) return [];
     const transformedPoints = polygonCutout.points.map(
-      (p) => applyToPoint25(transform, [p.x, p.y])
+      (p) => applyToPoint26(transform, [p.x, p.y])
     );
     const pointsString = transformedPoints.map((p) => `${p[0]},${p[1]}`).join(" ");
     return [
@@ -2895,7 +2947,7 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-copper-pour.ts
 import {
-  applyToPoint as applyToPoint27,
+  applyToPoint as applyToPoint28,
   compose as compose4,
   rotate as rotate4,
   toString as matrixToString7,
@@ -2903,11 +2955,11 @@ import {
 } from "transformation-matrix";
 
 // lib/utils/ring-to-path-d.ts
-import { applyToPoint as applyToPoint26 } from "transformation-matrix";
+import { applyToPoint as applyToPoint27 } from "transformation-matrix";
 function ringToPathD(vertices, transform) {
   if (vertices.length === 0) return "";
   const transformedVertices = vertices.map((v) => {
-    const [x, y] = applyToPoint26(transform, [v.x, v.y]);
+    const [x, y] = applyToPoint27(transform, [v.x, v.y]);
     return { ...v, x, y };
   });
   let d = `M ${transformedVertices[0].x} ${transformedVertices[0].y}`;
@@ -2940,7 +2992,7 @@ function createSvgObjectsFromPcbCopperPour(pour, ctx) {
   const color = layerNameToColor(layer, colorMap2);
   const opacity = "0.5";
   if (pour.shape === "rect") {
-    const [cx, cy] = applyToPoint27(transform, [pour.center.x, pour.center.y]);
+    const [cx, cy] = applyToPoint28(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);
@@ -2970,7 +3022,7 @@ function createSvgObjectsFromPcbCopperPour(pour, ctx) {
   if (pour.shape === "polygon") {
     if (!pour.points || pour.points.length === 0) return [];
     const transformedPoints = pour.points.map(
-      (p) => applyToPoint27(transform, [p.x, p.y])
+      (p) => applyToPoint28(transform, [p.x, p.y])
     );
     const pointsString = transformedPoints.map((p) => `${p[0]},${p[1]}`).join(" ");
     return [
@@ -3155,11 +3207,11 @@ function createMajorGridPatternChildren(cellSize, majorCellSize, lineColor, majo
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-component.ts
-import { applyToPoint as applyToPoint28 } from "transformation-matrix";
+import { applyToPoint as applyToPoint29 } from "transformation-matrix";
 function createSvgObjectsFromPcbComponent(component, ctx) {
   const { transform } = ctx;
   const { center, width, height, rotation = 0 } = component;
-  const [x, y] = applyToPoint28(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint29(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)`;
@@ -3198,7 +3250,7 @@ function createSvgObjectsFromPcbComponent(component, ctx) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-group.ts
-import { applyToPoint as applyToPoint29 } from "transformation-matrix";
+import { applyToPoint as applyToPoint30 } from "transformation-matrix";
 var DEFAULT_GROUP_COLOR = "rgba(100, 200, 255, 0.6)";
 var DEFAULT_STROKE_WIDTH = 0.1;
 function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
@@ -3225,7 +3277,7 @@ function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
     (point) => point && typeof point.x === "number" && typeof point.y === "number"
   )) {
     const path = outline.map((point, index) => {
-      const [x, y] = applyToPoint29(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint30(transform, [point.x, point.y]);
       return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
     }).join(" ");
     return [
@@ -3247,11 +3299,11 @@ function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
   }
   const halfWidth = width / 2;
   const halfHeight = height / 2;
-  const [topLeftX, topLeftY] = applyToPoint29(transform, [
+  const [topLeftX, topLeftY] = applyToPoint30(transform, [
     center.x - halfWidth,
     center.y + halfHeight
   ]);
-  const [bottomRightX, bottomRightY] = applyToPoint29(transform, [
+  const [bottomRightX, bottomRightY] = applyToPoint30(transform, [
     center.x + halfWidth,
     center.y - halfHeight
   ]);
@@ -3287,7 +3339,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.249",
+  version: "0.0.251",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -3311,7 +3363,7 @@ var package_default = {
     "bun-match-svg": "^0.0.12",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
-    "circuit-json": "^0.0.284",
+    "circuit-json": "^0.0.288",
     react: "19.1.0",
     "react-cosmos": "7.0.0",
     "react-cosmos-plugin-vite": "7.0.0",
@@ -3437,6 +3489,7 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
       top: colorOverrides?.soldermask?.top ?? DEFAULT_PCB_COLOR_MAP.soldermask.top,
       bottom: colorOverrides?.soldermask?.bottom ?? DEFAULT_PCB_COLOR_MAP.soldermask.bottom
     },
+    courtyard: colorOverrides?.courtyard ?? DEFAULT_PCB_COLOR_MAP.courtyard,
     debugComponent: {
       fill: colorOverrides?.debugComponent?.fill ?? DEFAULT_PCB_COLOR_MAP.debugComponent.fill,
       stroke: colorOverrides?.debugComponent?.stroke ?? DEFAULT_PCB_COLOR_MAP.debugComponent.stroke
@@ -3562,6 +3615,7 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
     transform,
     layer,
     shouldDrawErrors: options?.shouldDrawErrors,
+    showCourtyards: options?.showCourtyards,
     showPcbGroups: options?.showPcbGroups,
     drawPaddingOutsideBoard,
     colorMap: colorMap2,
@@ -3757,6 +3811,9 @@ function createSvgObjects({
       return createSvgObjectsFromPcbSilkscreenCircle(elm, ctx);
     case "pcb_silkscreen_line":
       return createSvgObjectsFromPcbSilkscreenLine(elm, ctx);
+    case "pcb_courtyard_rect":
+      if (!ctx.showCourtyards) return [];
+      return createSvgObjectsFromPcbCourtyardRect(elm, ctx);
     case "pcb_fabrication_note_path":
       return createSvgObjectsFromPcbFabricationNotePath(elm, ctx);
     case "pcb_fabrication_note_text":
@@ -3792,8 +3849,8 @@ function createSvgObjects({
   }
 }
 function createSvgObjectFromPcbBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint30(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint30(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint31(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint31(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -3823,14 +3880,14 @@ var circuitJsonToPcbSvg = convertCircuitJsonToPcbSvg;
 import { stringify as stringify2 } from "svgson";
 import { su as su3 } from "@tscircuit/circuit-json-util";
 import {
-  applyToPoint as applyToPoint37,
+  applyToPoint as applyToPoint38,
   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 applyToPoint31 } from "transformation-matrix";
+import { applyToPoint as applyToPoint32 } from "transformation-matrix";
 var DEFAULT_BOARD_STYLE = {
   fill: "none",
   stroke: "rgb(0,0,0)",
@@ -3842,25 +3899,25 @@ function createSvgObjectsFromAssemblyBoard(pcbBoard, transform, style = {}) {
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint31(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint32(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 = applyToPoint31(transform, [
+    const topLeft = applyToPoint32(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint31(transform, [
+    const topRight = applyToPoint32(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint31(transform, [
+    const bottomRight = applyToPoint32(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint31(transform, [
+    const bottomLeft = applyToPoint32(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -3886,7 +3943,7 @@ function createSvgObjectsFromAssemblyBoard(pcbBoard, transform, style = {}) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-component.ts
-import { applyToPoint as applyToPoint33 } from "transformation-matrix";
+import { applyToPoint as applyToPoint34 } from "transformation-matrix";
 
 // lib/utils/get-sch-font-size.ts
 import "transformation-matrix";
@@ -3912,8 +3969,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] = applyToPoint33(transform, [center.x, center.y]);
-  const [pinX, pinY] = applyToPoint33(transform, [portPosition.x, portPosition.y]);
+  const [x, y] = applyToPoint34(transform, [center.x, center.y]);
+  const [pinX, pinY] = applyToPoint34(transform, [portPosition.x, portPosition.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const isTopLayer = layer === "top";
@@ -4075,11 +4132,11 @@ function getRectPathData(w, h, rotation) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-hole.ts
-import { applyToPoint as applyToPoint34 } from "transformation-matrix";
+import { applyToPoint as applyToPoint35 } from "transformation-matrix";
 var HOLE_COLOR2 = "rgb(190, 190, 190)";
 function createSvgObjectsFromAssemblyHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint34(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint35(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;
@@ -4143,12 +4200,12 @@ function createSvgObjectsFromAssemblyHole(hole, ctx) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-plated-hole.ts
-import { applyToPoint as applyToPoint35 } from "transformation-matrix";
+import { applyToPoint as applyToPoint36 } 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] = applyToPoint35(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint36(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);
@@ -4243,7 +4300,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] = applyToPoint35(transform, [
+    const [holeCx, holeCy] = applyToPoint36(transform, [
       circularHole.x + circularHole.hole_offset_x,
       circularHole.y + circularHole.hole_offset_y
     ]);
@@ -4301,7 +4358,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] = applyToPoint35(transform, [
+    const [holeCenterX, holeCenterY] = applyToPoint36(transform, [
       pillHole.x + holeOffsetX,
       pillHole.y + holeOffsetY
     ]);
@@ -4363,7 +4420,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] = applyToPoint35(transform, [
+    const [holeCenterX, holeCenterY] = applyToPoint36(transform, [
       rotatedHole.x + holeOffsetX,
       rotatedHole.y + holeOffsetY
     ]);
@@ -4419,14 +4476,14 @@ function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-smt-pad.ts
-import { applyToPoint as applyToPoint36 } from "transformation-matrix";
+import { applyToPoint as applyToPoint37 } 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] = applyToPoint36(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint37(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 [
@@ -4478,7 +4535,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] = applyToPoint36(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint37(transform, [pad.x, pad.y]);
     return [
       {
         name: "rect",
@@ -4501,7 +4558,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   }
   if (pad.shape === "circle") {
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint36(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint37(transform, [pad.x, pad.y]);
     return [
       {
         name: "circle",
@@ -4521,7 +4578,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
-      (point) => applyToPoint36(transform, [point.x, point.y])
+      (point) => applyToPoint37(transform, [point.x, point.y])
     );
     return [
       {
@@ -4698,8 +4755,8 @@ function createSvgObjects2(elm, ctx, soup) {
   }
 }
 function createSvgObjectFromAssemblyBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint37(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint37(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint38(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint38(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -4728,7 +4785,7 @@ import {
 } from "transformation-matrix";
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-board.ts
-import { applyToPoint as applyToPoint38 } from "transformation-matrix";
+import { applyToPoint as applyToPoint39 } 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)";
@@ -4742,25 +4799,25 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint38(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint39(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 = applyToPoint38(transform, [
+    const topLeft = applyToPoint39(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint38(transform, [
+    const topRight = applyToPoint39(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint38(transform, [
+    const bottomRight = applyToPoint39(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint38(transform, [
+    const bottomLeft = applyToPoint39(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -4778,10 +4835,10 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
       const halfWidth = width2 / 2;
       const halfHeight = height2 / 2;
       const [tl, tr, br, bl] = [
-        applyToPoint38(transform, [x - halfWidth, y - halfHeight]),
-        applyToPoint38(transform, [x + halfWidth, y - halfHeight]),
-        applyToPoint38(transform, [x + halfWidth, y + halfHeight]),
-        applyToPoint38(transform, [x - halfWidth, y + halfHeight])
+        applyToPoint39(transform, [x - halfWidth, y - halfHeight]),
+        applyToPoint39(transform, [x + halfWidth, y - halfHeight]),
+        applyToPoint39(transform, [x + halfWidth, y + halfHeight]),
+        applyToPoint39(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") {
@@ -4831,7 +4888,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 applyToPoint39 } from "transformation-matrix";
+import { applyToPoint as applyToPoint40 } 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) {
@@ -4841,7 +4898,7 @@ function createSvgObjectsFromPinoutComponent(elm, ctx) {
   if (!center || typeof width !== "number" || typeof height !== "number" || width === 0 || height === 0) {
     return [];
   }
-  const [x, y] = applyToPoint39(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint40(transform, [center.x, center.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const transformStr = `translate(${x}, ${y})`;
@@ -4902,11 +4959,11 @@ function createSvgObjectsFromPinoutComponent(elm, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-hole.ts
-import { applyToPoint as applyToPoint40 } from "transformation-matrix";
+import { applyToPoint as applyToPoint41 } from "transformation-matrix";
 var HOLE_COLOR4 = "rgb(50, 50, 50)";
 function createSvgObjectsFromPinoutHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint40(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint41(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;
@@ -4970,12 +5027,12 @@ function createSvgObjectsFromPinoutHole(hole, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-plated-hole.ts
-import { applyToPoint as applyToPoint41 } from "transformation-matrix";
+import { applyToPoint as applyToPoint42 } 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] = applyToPoint41(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint42(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);
@@ -5210,14 +5267,14 @@ function createSvgObjectsFromPinoutPlatedHole(hole, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-smt-pad.ts
-import { applyToPoint as applyToPoint42 } from "transformation-matrix";
+import { applyToPoint as applyToPoint43 } 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] = applyToPoint42(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint43(transform, [pad.x, pad.y]);
     if (pad.shape === "rotated_rect" && pad.ccw_rotation) {
       return [
         {
@@ -5260,7 +5317,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] = applyToPoint42(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint43(transform, [pad.x, pad.y]);
     return [
       {
         name: "rect",
@@ -5283,7 +5340,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
   }
   if (pad.shape === "circle") {
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint42(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint43(transform, [pad.x, pad.y]);
     return [
       {
         name: "circle",
@@ -5303,7 +5360,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
-      (point) => applyToPoint42(transform, [point.x, point.y])
+      (point) => applyToPoint43(transform, [point.x, point.y])
     );
     return [
       {
@@ -5324,7 +5381,7 @@ function createSvgObjectsFromPinoutSmtPad(pad, ctx) {
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-port.ts
-import { applyToPoint as applyToPoint43 } from "transformation-matrix";
+import { applyToPoint as applyToPoint44 } from "transformation-matrix";
 import { calculateElbow } from "calculate-elbow";
 
 // lib/pinout/svg-object-fns/pinout-label-box.ts
@@ -5401,7 +5458,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] = applyToPoint43(ctx.transform, [pcb_port.x, pcb_port.y]);
+  const [port_x, port_y] = applyToPoint44(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(
@@ -5542,7 +5599,7 @@ function createSvgObjectsFromPinoutPort(pcb_port, ctx) {
 }
 
 // lib/pinout/calculate-label-positions.ts
-import { applyToPoint as applyToPoint44 } from "transformation-matrix";
+import { applyToPoint as applyToPoint45 } from "transformation-matrix";
 
 // lib/pinout/constants.ts
 var LABEL_RECT_HEIGHT_BASE_MM = 1.6;
@@ -5580,7 +5637,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
     );
     const mapToEdgePort = (pinout_label) => ({
       pcb_port: pinout_label.pcb_port,
-      y: applyToPoint44(transform, [
+      y: applyToPoint45(transform, [
         pinout_label.pcb_port.x,
         pinout_label.pcb_port.y
       ])[1],
@@ -5595,7 +5652,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
   } else {
     edge_ports = pinout_labels.map((pinout_label) => ({
       pcb_port: pinout_label.pcb_port,
-      y: applyToPoint44(transform, [
+      y: applyToPoint45(transform, [
         pinout_label.pcb_port.x,
         pinout_label.pcb_port.y
       ])[1],
@@ -5603,7 +5660,7 @@ function calculateVerticalEdgeLabels(edge, pinout_labels, {
     })).sort((a, b) => a.y - b.y);
   }
   if (edge_ports.length === 0) return;
-  const board_edge_x = applyToPoint44(transform, [
+  const board_edge_x = applyToPoint45(transform, [
     edge === "left" ? board_bounds.minX : board_bounds.maxX,
     0
   ])[0];
@@ -6018,14 +6075,14 @@ import {
 } from "transformation-matrix";
 
 // lib/sch/draw-schematic-grid.ts
-import { applyToPoint as applyToPoint45 } from "transformation-matrix";
+import { applyToPoint as applyToPoint46 } 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] = applyToPoint45(params.transform, [x, y]);
+    const [transformedX, transformedY] = applyToPoint46(params.transform, [x, y]);
     return { x: transformedX, y: transformedY };
   };
   for (let x = Math.floor(minX); x <= Math.ceil(maxX); x += cellSize) {
@@ -6106,15 +6163,15 @@ function drawSchematicGrid(params) {
 }
 
 // lib/sch/draw-schematic-labeled-points.ts
-import { applyToPoint as applyToPoint46 } from "transformation-matrix";
+import { applyToPoint as applyToPoint47 } from "transformation-matrix";
 function drawSchematicLabeledPoints(params) {
   const { points, transform } = params;
   const labeledPointsGroup = [];
   for (const point of points) {
-    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]);
+    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]);
     labeledPointsGroup.push({
       name: "path",
       type: "element",
@@ -6125,7 +6182,7 @@ function drawSchematicLabeledPoints(params) {
         "stroke-opacity": "0.7"
       }
     });
-    const [labelX, labelY] = applyToPoint46(transform, [
+    const [labelX, labelY] = applyToPoint47(transform, [
       point.x + 0.15,
       point.y - 0.15
     ]);
@@ -7219,7 +7276,7 @@ import { su as su7 } from "@tscircuit/circuit-json-util";
 import { symbols } from "schematic-symbols";
 import "svgson";
 import {
-  applyToPoint as applyToPoint48,
+  applyToPoint as applyToPoint49,
   compose as compose9
 } from "transformation-matrix";
 
@@ -7303,13 +7360,13 @@ function pointPairsToMatrix(a1, a2, b1, b2) {
 }
 
 // lib/sch/svg-object-fns/create-svg-error-text.ts
-import { applyToPoint as applyToPoint47 } from "transformation-matrix";
+import { applyToPoint as applyToPoint48 } from "transformation-matrix";
 var createSvgSchErrorText = ({
   text,
   realCenter,
   realToScreenTransform
 }) => {
-  const screenCenter = applyToPoint47(realToScreenTransform, realCenter);
+  const screenCenter = applyToPoint48(realToScreenTransform, realCenter);
   return {
     type: "element",
     name: "text",
@@ -7418,11 +7475,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] = applyToPoint48(
+  const [screenMinX, screenMinY] = applyToPoint49(
     compose9(realToScreenTransform, transformFromSymbolToReal),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint48(
+  const [screenMaxX, screenMaxY] = applyToPoint49(
     compose9(realToScreenTransform, transformFromSymbolToReal),
     [bounds.maxX, bounds.maxY]
   );
@@ -7451,7 +7508,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
       name: "path",
       attributes: {
         d: points.map((p, i) => {
-          const [x, y] = applyToPoint48(
+          const [x, y] = applyToPoint49(
             compose9(realToScreenTransform, transformFromSymbolToReal),
             [p.x, p.y]
           );
@@ -7467,7 +7524,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const text of texts) {
-    const screenTextPos = applyToPoint48(
+    const screenTextPos = applyToPoint49(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       text
     );
@@ -7519,7 +7576,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const box of boxes) {
-    const screenBoxPos = applyToPoint48(
+    const screenBoxPos = applyToPoint49(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       box
     );
@@ -7543,7 +7600,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
   }
   for (const port of symbol.ports) {
     if (connectedSymbolPorts.has(port)) continue;
-    const screenPortPos = applyToPoint48(
+    const screenPortPos = applyToPoint49(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       port
     );
@@ -7563,7 +7620,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const circle of circles) {
-    const screenCirclePos = applyToPoint48(
+    const screenCirclePos = applyToPoint49(
       compose9(realToScreenTransform, transformFromSymbolToReal),
       circle
     );
@@ -7590,14 +7647,14 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
 import { su as su10 } from "@tscircuit/circuit-json-util";
 import "schematic-symbols";
 import "svgson";
-import { applyToPoint as applyToPoint54 } from "transformation-matrix";
+import { applyToPoint as applyToPoint55 } 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 applyToPoint49 } from "transformation-matrix";
+import { applyToPoint as applyToPoint50 } 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) => {
@@ -7650,8 +7707,8 @@ var createSvgObjectsForSchPortBoxLine = ({
       realEdgePos.y += realPinLineLength;
       break;
   }
-  const screenSchPortPos = applyToPoint49(transform, schPort.center);
-  const screenRealEdgePos = applyToPoint49(transform, realEdgePos);
+  const screenSchPortPos = applyToPoint50(transform, schPort.center);
+  const screenRealEdgePos = applyToPoint50(transform, realEdgePos);
   const isConnected = isSourcePortConnected(circuitJson, schPort.source_port_id);
   const realLineEnd = { ...schPort.center };
   if (!isConnected) {
@@ -7670,7 +7727,7 @@ var createSvgObjectsForSchPortBoxLine = ({
         break;
     }
   }
-  const screenLineEnd = applyToPoint49(transform, realLineEnd);
+  const screenLineEnd = applyToPoint50(transform, realLineEnd);
   svgObjects.push({
     name: "line",
     type: "element",
@@ -7791,7 +7848,7 @@ var createSvgObjectsForSchPortBoxLine = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-number-text.ts
-import { applyToPoint as applyToPoint50 } from "transformation-matrix";
+import { applyToPoint as applyToPoint51 } from "transformation-matrix";
 var createSvgObjectsForSchPortPinNumberText = (params) => {
   const svgObjects = [];
   const { schPort, schComponent, transform, circuitJson } = params;
@@ -7809,7 +7866,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
   } else {
     realPinNumberPos.y += 0.02;
   }
-  const screenPinNumberTextPos = applyToPoint50(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint51(transform, realPinNumberPos);
   svgObjects.push({
     name: "text",
     type: "element",
@@ -7839,7 +7896,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-label.ts
-import { applyToPoint as applyToPoint51 } from "transformation-matrix";
+import { applyToPoint as applyToPoint52 } from "transformation-matrix";
 var LABEL_DIST_FROM_EDGE_MM = 0.1;
 var createSvgObjectsForSchPortPinLabel = (params) => {
   const svgObjects = [];
@@ -7853,7 +7910,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 = applyToPoint51(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint52(transform, realPinNumberPos);
   const label = schPort.display_pin_label ?? schComponent.port_labels?.[`${schPort.pin_number}`];
   if (!label) return [];
   const isNegated = label.startsWith("N_");
@@ -7901,13 +7958,13 @@ var createSvgObjectsFromSchPortOnBox = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-text.ts
-import { applyToPoint as applyToPoint53 } from "transformation-matrix";
+import { applyToPoint as applyToPoint54 } from "transformation-matrix";
 var createSvgSchText = ({
   elm,
   transform,
   colorMap: colorMap2
 }) => {
-  const center = applyToPoint53(transform, elm.position);
+  const center = applyToPoint54(transform, elm.position);
   const textAnchorMap = {
     center: "middle",
     center_right: "end",
@@ -7991,11 +8048,11 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
   colorMap: colorMap2
 }) => {
   const svgObjects = [];
-  const componentScreenTopLeft = applyToPoint54(transform, {
+  const componentScreenTopLeft = applyToPoint55(transform, {
     x: schComponent.center.x - schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2
   });
-  const componentScreenBottomRight = applyToPoint54(transform, {
+  const componentScreenBottomRight = applyToPoint55(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y - schComponent.size.height / 2
   });
@@ -8081,13 +8138,13 @@ function createSvgObjectsFromSchematicComponent(params) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-voltage-probe.ts
-import { applyToPoint as applyToPoint55 } from "transformation-matrix";
+import { applyToPoint as applyToPoint56 } from "transformation-matrix";
 function createSvgObjectsFromSchVoltageProbe({
   probe,
   transform,
   colorMap: colorMap2
 }) {
-  const [screenX, screenY] = applyToPoint55(transform, [
+  const [screenX, screenY] = applyToPoint56(transform, [
     probe.position.x,
     probe.position.y
   ]);
@@ -8147,17 +8204,17 @@ function createSvgObjectsFromSchVoltageProbe({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-debug-object.ts
-import { applyToPoint as applyToPoint56 } from "transformation-matrix";
+import { applyToPoint as applyToPoint57 } from "transformation-matrix";
 function createSvgObjectsFromSchDebugObject({
   debugObject,
   transform
 }) {
   if (debugObject.shape === "rect") {
-    let [screenLeft, screenTop] = applyToPoint56(transform, [
+    let [screenLeft, screenTop] = applyToPoint57(transform, [
       debugObject.center.x - debugObject.size.width / 2,
       debugObject.center.y - debugObject.size.height / 2
     ]);
-    let [screenRight, screenBottom] = applyToPoint56(transform, [
+    let [screenRight, screenBottom] = applyToPoint57(transform, [
       debugObject.center.x + debugObject.size.width / 2,
       debugObject.center.y + debugObject.size.height / 2
     ]);
@@ -8167,7 +8224,7 @@ function createSvgObjectsFromSchDebugObject({
     ];
     const width = Math.abs(screenRight - screenLeft);
     const height = Math.abs(screenBottom - screenTop);
-    const [screenCenterX, screenCenterY] = applyToPoint56(transform, [
+    const [screenCenterX, screenCenterY] = applyToPoint57(transform, [
       debugObject.center.x,
       debugObject.center.y
     ]);
@@ -8213,11 +8270,11 @@ function createSvgObjectsFromSchDebugObject({
     ];
   }
   if (debugObject.shape === "line") {
-    const [screenStartX, screenStartY] = applyToPoint56(transform, [
+    const [screenStartX, screenStartY] = applyToPoint57(transform, [
       debugObject.start.x,
       debugObject.start.y
     ]);
-    const [screenEndX, screenEndY] = applyToPoint56(transform, [
+    const [screenEndX, screenEndY] = applyToPoint57(transform, [
       debugObject.end.x,
       debugObject.end.y
     ]);
@@ -8267,7 +8324,7 @@ function createSvgObjectsFromSchDebugObject({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-trace.ts
-import { applyToPoint as applyToPoint57 } from "transformation-matrix";
+import { applyToPoint as applyToPoint58 } from "transformation-matrix";
 function createSchematicTrace({
   trace,
   transform,
@@ -8281,11 +8338,11 @@ function createSchematicTrace({
   for (let edgeIndex = 0; edgeIndex < edges.length; edgeIndex++) {
     const edge = edges[edgeIndex];
     if (edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint57(transform, [
+    const [screenFromX, screenFromY] = applyToPoint58(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint57(transform, [
+    const [screenToX, screenToY] = applyToPoint58(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -8329,11 +8386,11 @@ function createSchematicTrace({
   }
   for (const edge of edges) {
     if (!edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint57(transform, [
+    const [screenFromX, screenFromY] = applyToPoint58(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint57(transform, [
+    const [screenToX, screenToY] = applyToPoint58(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -8377,7 +8434,7 @@ function createSchematicTrace({
   }
   if (trace.junctions) {
     for (const junction of trace.junctions) {
-      const [screenX, screenY] = applyToPoint57(transform, [
+      const [screenX, screenY] = applyToPoint58(transform, [
         junction.x,
         junction.y
       ]);
@@ -8432,7 +8489,7 @@ function createSchematicTrace({
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
 import {
-  applyToPoint as applyToPoint59,
+  applyToPoint as applyToPoint60,
   compose as compose11,
   rotate as rotate6,
   scale as scale6,
@@ -8441,7 +8498,7 @@ import {
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label-with-symbol.ts
 import {
-  applyToPoint as applyToPoint58,
+  applyToPoint as applyToPoint59,
   compose as compose10,
   rotate as rotate5,
   scale as scale5,
@@ -8516,7 +8573,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     x: symbolBounds.minX,
     y: (symbolBounds.minY + symbolBounds.maxY) / 2
   };
-  const rotatedSymbolEnd = applyToPoint58(rotationMatrix, symbolEndPoint);
+  const rotatedSymbolEnd = applyToPoint59(rotationMatrix, symbolEndPoint);
   const symbolToRealTransform = compose10(
     translate10(
       realAnchorPosition.x - rotatedSymbolEnd.x,
@@ -8526,11 +8583,11 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     scale5(1)
     // Use full symbol size
   );
-  const [screenMinX, screenMinY] = applyToPoint58(
+  const [screenMinX, screenMinY] = applyToPoint59(
     compose10(realToScreenTransform, symbolToRealTransform),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint58(
+  const [screenMaxX, screenMaxY] = applyToPoint59(
     compose10(realToScreenTransform, symbolToRealTransform),
     [bounds.maxX, bounds.maxY]
   );
@@ -8554,7 +8611,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
   });
   for (const path of symbolPaths) {
     const symbolPath = path.points.map((p, i) => {
-      const [x, y] = applyToPoint58(
+      const [x, y] = applyToPoint59(
         compose10(realToScreenTransform, symbolToRealTransform),
         [p.x, p.y]
       );
@@ -8575,7 +8632,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const text of symbolTexts) {
-    const screenTextPos = applyToPoint58(
+    const screenTextPos = applyToPoint59(
       compose10(realToScreenTransform, symbolToRealTransform),
       text
     );
@@ -8617,7 +8674,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const box of symbolBoxes) {
-    const screenBoxPos = applyToPoint58(
+    const screenBoxPos = applyToPoint59(
       compose10(realToScreenTransform, symbolToRealTransform),
       box
     );
@@ -8640,7 +8697,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const circle of symbolCircles) {
-    const screenCirclePos = applyToPoint58(
+    const screenCirclePos = applyToPoint59(
       compose10(realToScreenTransform, symbolToRealTransform),
       circle
     );
@@ -8685,14 +8742,14 @@ var createSvgObjectsForSchNetLabel = ({
   const fontSizePx = getSchScreenFontSize(realToScreenTransform, "net_label");
   const fontSizeMm = getSchMmFontSize("net_label");
   const textWidthFSR = estimateTextWidth(labelText || "");
-  const screenCenter = applyToPoint59(realToScreenTransform, schNetLabel.center);
+  const screenCenter = applyToPoint60(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 ? applyToPoint59(realToScreenTransform, schNetLabel.anchor_position) : {
+  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint60(realToScreenTransform, schNetLabel.anchor_position) : {
     x: screenCenter.x - screenTextGrowthVec.x * fullWidthFsr * fontSizePx / 2,
     y: screenCenter.y - screenTextGrowthVec.y * fullWidthFsr * fontSizePx / 2
   };
@@ -8733,7 +8790,7 @@ var createSvgObjectsForSchNetLabel = ({
       y: -0.6
     }
   ].map(
-    (fontRelativePoint) => applyToPoint59(
+    (fontRelativePoint) => applyToPoint60(
       compose11(
         realToScreenTransform,
         translate11(realAnchorPosition.x, realAnchorPosition.y),
@@ -8810,17 +8867,17 @@ var createSvgObjectsForSchNetLabel = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-box.ts
-import { applyToPoint as applyToPoint60 } from "transformation-matrix";
+import { applyToPoint as applyToPoint61 } from "transformation-matrix";
 var createSvgObjectsFromSchematicBox = ({
   schematicBox,
   transform,
   colorMap: colorMap2
 }) => {
-  const topLeft = applyToPoint60(transform, {
+  const topLeft = applyToPoint61(transform, {
     x: schematicBox.x,
     y: schematicBox.y
   });
-  const bottomRight = applyToPoint60(transform, {
+  const bottomRight = applyToPoint61(transform, {
     x: schematicBox.x + schematicBox.width,
     y: schematicBox.y + schematicBox.height
   });
@@ -8856,7 +8913,7 @@ var createSvgObjectsFromSchematicBox = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-table.ts
-import { applyToPoint as applyToPoint61 } from "transformation-matrix";
+import { applyToPoint as applyToPoint62 } from "transformation-matrix";
 var createSvgObjectsFromSchematicTable = ({
   schematicTable,
   transform,
@@ -8889,11 +8946,11 @@ var createSvgObjectsFromSchematicTable = ({
   const svgObjects = [];
   const borderStrokeWidth = border_width * Math.abs(transform.a);
   const gridStrokeWidth = getSchStrokeSize(transform);
-  const [screenTopLeftX, screenTopLeftY] = applyToPoint61(transform, [
+  const [screenTopLeftX, screenTopLeftY] = applyToPoint62(transform, [
     topLeftX,
     topLeftY
   ]);
-  const [screenBottomRightX, screenBottomRightY] = applyToPoint61(transform, [
+  const [screenBottomRightX, screenBottomRightY] = applyToPoint62(transform, [
     topLeftX + totalWidth,
     topLeftY - totalHeight
   ]);
@@ -8925,8 +8982,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 = applyToPoint61(transform, { x: currentX, y: segmentStartY });
-        const end = applyToPoint61(transform, { x: currentX, y: segmentEndY });
+        const start = applyToPoint62(transform, { x: currentX, y: segmentStartY });
+        const end = applyToPoint62(transform, { x: currentX, y: segmentEndY });
         svgObjects.push({
           name: "line",
           type: "element",
@@ -8955,11 +9012,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 = applyToPoint61(transform, {
+        const start = applyToPoint62(transform, {
           x: segmentStartX,
           y: currentY
         });
-        const end = applyToPoint61(transform, { x: segmentEndX, y: currentY });
+        const end = applyToPoint62(transform, { x: segmentEndX, y: currentY });
         svgObjects.push({
           name: "line",
           type: "element",
@@ -9001,7 +9058,7 @@ var createSvgObjectsFromSchematicTable = ({
       } else if (vertical_align === "bottom") {
         realTextAnchorPos.y = cellTopLeftY - cellHeight + cell_padding;
       }
-      const screenTextAnchorPos = applyToPoint61(transform, realTextAnchorPos);
+      const screenTextAnchorPos = applyToPoint62(transform, realTextAnchorPos);
       const fontSize = getSchScreenFontSize(
         transform,
         "reference_designator",
@@ -9057,13 +9114,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 applyToPoint62 } from "transformation-matrix";
+import { applyToPoint as applyToPoint63 } from "transformation-matrix";
 var PIN_CIRCLE_RADIUS_MM2 = 0.02;
 var createSvgObjectsForSchPortHover = ({
   schPort,
   transform
 }) => {
-  const screenSchPortPos = applyToPoint62(transform, schPort.center);
+  const screenSchPortPos = applyToPoint63(transform, schPort.center);
   const pinRadiusPx = Math.abs(transform.a) * PIN_CIRCLE_RADIUS_MM2 * 2;
   return [
     {
@@ -9108,14 +9165,14 @@ var createSvgObjectsForSchComponentPortHovers = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-line.ts
-import { applyToPoint as applyToPoint63 } from "transformation-matrix";
+import { applyToPoint as applyToPoint64 } from "transformation-matrix";
 function createSvgObjectsFromSchematicLine({
   schLine,
   transform,
   colorMap: colorMap2
 }) {
-  const p1 = applyToPoint63(transform, { x: schLine.x1, y: schLine.y1 });
-  const p2 = applyToPoint63(transform, { x: schLine.x2, y: schLine.y2 });
+  const p1 = applyToPoint64(transform, { x: schLine.x1, y: schLine.y1 });
+  const p2 = applyToPoint64(transform, { x: schLine.x2, y: schLine.y2 });
   const strokeWidth = schLine.stroke_width ?? 0.02;
   const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
   return [
@@ -9144,13 +9201,13 @@ function createSvgObjectsFromSchematicLine({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-circle.ts
-import { applyToPoint as applyToPoint64 } from "transformation-matrix";
+import { applyToPoint as applyToPoint65 } from "transformation-matrix";
 function createSvgObjectsFromSchematicCircle({
   schCircle,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint64(transform, schCircle.center);
+  const center = applyToPoint65(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;
@@ -9180,13 +9237,13 @@ function createSvgObjectsFromSchematicCircle({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-rect.ts
-import { applyToPoint as applyToPoint65 } from "transformation-matrix";
+import { applyToPoint as applyToPoint66 } from "transformation-matrix";
 function createSvgObjectsFromSchematicRect({
   schRect,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint65(transform, schRect.center);
+  const center = applyToPoint66(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;
@@ -9222,13 +9279,13 @@ function createSvgObjectsFromSchematicRect({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-arc.ts
-import { applyToPoint as applyToPoint66 } from "transformation-matrix";
+import { applyToPoint as applyToPoint67 } from "transformation-matrix";
 function createSvgObjectsFromSchematicArc({
   schArc,
   transform,
   colorMap: colorMap2
 }) {
-  const center = applyToPoint66(transform, schArc.center);
+  const center = applyToPoint67(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;
@@ -9812,7 +9869,7 @@ svg { font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif; }
 .legend-label { fill: rgba(0, 0, 0, 0.75); font-size: 11px; }
 .legend-line { stroke-width: 3; }
 .simulation-line { fill: none; stroke-width: 2.5; }
-.simulation-point { stroke-width: 1.5; fill: #ffffff; }
+.simulation-point { stroke-width: 0; }
 .chart-title { fill: rgba(0, 0, 0, 0.85); font-size: 18px; font-weight: 600; }
 `;
   return svgElement("style", {}, [textNode(content)]);
@@ -10102,9 +10159,8 @@ function createDataGroup(graphs, clipPathId, scaleX, scaleY) {
         class: "simulation-point",
         cx,
         cy,
-        r: "3.5",
-        stroke: entry.color,
-        fill: "#ffffff",
+        r: "2.5",
+        fill: entry.color,
         "clip-path": `url(#${clipPathId})`
       });
     });
@@ -10305,18 +10361,18 @@ function formatNumber2(value) {
 // lib/pcb/convert-circuit-json-to-solder-paste-mask.ts
 import { stringify as stringify7 } from "svgson";
 import {
-  applyToPoint as applyToPoint69,
+  applyToPoint as applyToPoint70,
   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 applyToPoint68 } from "transformation-matrix";
+import { applyToPoint as applyToPoint69 } from "transformation-matrix";
 function createSvgObjectsFromSolderPaste(solderPaste, ctx) {
   const { transform, layer: layerFilter } = ctx;
   if (layerFilter && solderPaste.layer !== layerFilter) return [];
-  const [x, y] = applyToPoint68(transform, [solderPaste.x, solderPaste.y]);
+  const [x, y] = applyToPoint69(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);
@@ -10527,8 +10583,8 @@ function createSvgObjects4({ elm, ctx }) {
   }
 }
 function createSvgObjectFromPcbBoundary2(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint69(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint69(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint70(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint70(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);