circuit-to-svg 0.0.185 → 0.0.187

package/dist/index.js

@@ -1,10 +1,10 @@
 // lib/pcb/convert-circuit-json-to-pcb-svg.ts
 import { stringify } from "svgson";
 import {
-  applyToPoint as applyToPoint18,
-  compose as compose4,
+  applyToPoint as applyToPoint20,
+  compose as compose5,
   scale as scale2,
-  translate as translate4
+  translate as translate5
 } from "transformation-matrix";
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-trace-error.ts
@@ -1446,12 +1446,133 @@ function createSvgObjectsFromPcbCutout(cutout, ctx) {
   return [];
 }
 
-// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-component.ts
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-copper-pour.ts
+import {
+  applyToPoint as applyToPoint18,
+  compose as compose4,
+  rotate as rotate4,
+  toString as matrixToString7,
+  translate as translate4
+} from "transformation-matrix";
+
+// lib/utils/ring-to-path-d.ts
 import { applyToPoint as applyToPoint17 } from "transformation-matrix";
+function ringToPathD(vertices, transform) {
+  if (vertices.length === 0) return "";
+  const transformedVertices = vertices.map((v) => {
+    const [x, y] = applyToPoint17(transform, [v.x, v.y]);
+    return { ...v, x, y };
+  });
+  let d = `M ${transformedVertices[0].x} ${transformedVertices[0].y}`;
+  for (let i = 0; i < transformedVertices.length; i++) {
+    const start = transformedVertices[i];
+    const end = transformedVertices[(i + 1) % transformedVertices.length];
+    if (start.bulge) {
+      if (Math.hypot(end.x - start.x, end.y - start.y) < 1e-9) continue;
+      const bulge = start.bulge;
+      const dx = end.x - start.x;
+      const dy = end.y - start.y;
+      const dist = Math.hypot(dx, dy);
+      const radius = Math.abs(dist / 4 / bulge * (bulge * bulge + 1));
+      const sweepFlag = bulge < 0 ? 0 : 1;
+      const largeArcFlag = Math.abs(bulge) > 1 ? 1 : 0;
+      d += ` A ${radius} ${radius} 0 ${largeArcFlag} ${sweepFlag} ${end.x} ${end.y}`;
+    } else {
+      d += ` L ${end.x} ${end.y}`;
+    }
+  }
+  d += " Z";
+  return d;
+}
+
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-copper-pour.ts
+function createSvgObjectsFromPcbCopperPour(pour, ctx) {
+  const { transform, layer: layerFilter, colorMap: colorMap2 } = ctx;
+  const { layer } = pour;
+  if (layerFilter && layer !== layerFilter) return [];
+  const color = layerNameToColor(layer, colorMap2);
+  const opacity = "0.5";
+  if (pour.shape === "rect") {
+    const [cx, cy] = applyToPoint18(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);
+    return [
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "pcb-copper-pour pcb-copper-pour-rect",
+          x: (-scaledWidth / 2).toString(),
+          y: (-scaledHeight / 2).toString(),
+          width: scaledWidth.toString(),
+          height: scaledHeight.toString(),
+          fill: color,
+          "fill-opacity": opacity,
+          transform: matrixToString7(
+            compose4(translate4(cx, cy), rotate4(svgRotation * Math.PI / 180))
+          ),
+          "data-layer": layer
+        },
+        children: [],
+        value: ""
+      }
+    ];
+  }
+  if (pour.shape === "polygon") {
+    if (!pour.points || pour.points.length === 0) return [];
+    const transformedPoints = pour.points.map(
+      (p) => applyToPoint18(transform, [p.x, p.y])
+    );
+    const pointsString = transformedPoints.map((p) => `${p[0]},${p[1]}`).join(" ");
+    return [
+      {
+        name: "polygon",
+        type: "element",
+        attributes: {
+          class: "pcb-copper-pour pcb-copper-pour-polygon",
+          points: pointsString,
+          fill: color,
+          "fill-opacity": opacity,
+          "data-layer": layer
+        },
+        children: [],
+        value: ""
+      }
+    ];
+  }
+  if (pour.shape === "brep") {
+    const { brep_shape } = pour;
+    let d = ringToPathD(brep_shape.outer_ring.vertices, transform);
+    for (const inner_ring of brep_shape.inner_rings ?? []) {
+      d += ` ${ringToPathD(inner_ring.vertices, transform)}`;
+    }
+    return [
+      {
+        name: "path",
+        type: "element",
+        attributes: {
+          class: "pcb-copper-pour pcb-copper-pour-brep",
+          d,
+          fill: color,
+          "fill-rule": "evenodd",
+          "fill-opacity": opacity,
+          "data-layer": layer
+        },
+        children: [],
+        value: ""
+      }
+    ];
+  }
+  return [];
+}
+
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-component.ts
+import { applyToPoint as applyToPoint19 } from "transformation-matrix";
 function createSvgObjectsFromPcbComponent(component, ctx) {
   const { transform } = ctx;
   const { center, width, height, rotation = 0 } = component;
-  const [x, y] = applyToPoint17(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint19(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)`;
@@ -1520,10 +1641,10 @@ var package_default = {
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
     react: "19.1.0",
-    "react-dom": "19.1.0",
     "react-cosmos": "7.0.0",
     "react-cosmos-plugin-vite": "7.0.0",
-    tscircuit: "^0.0.617",
+    "react-dom": "19.1.0",
+    tscircuit: "^0.0.624",
     tsup: "^8.0.2",
     typescript: "^5.4.5",
     "vite-tsconfig-paths": "^5.0.1"
@@ -1552,6 +1673,7 @@ var OBJECT_ORDER = [
   "pcb_silkscreen_path",
   "pcb_via",
   "pcb_cutout",
+  "pcb_copper_pour",
   // Draw traces before SMT pads so pads appear on top
   "pcb_smtpad",
   "pcb_trace",
@@ -1622,6 +1744,16 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
       updateTraceBounds(circuitJsonElm.route);
     } else if (circuitJsonElm.type === "pcb_silkscreen_text" || circuitJsonElm.type === "pcb_silkscreen_rect" || circuitJsonElm.type === "pcb_silkscreen_circle" || circuitJsonElm.type === "pcb_silkscreen_line") {
       updateSilkscreenBounds(circuitJsonElm);
+    } else if (circuitJsonElm.type === "pcb_copper_pour") {
+      if (circuitJsonElm.shape === "rect") {
+        updateBounds(
+          circuitJsonElm.center,
+          circuitJsonElm.width,
+          circuitJsonElm.height
+        );
+      } else if (circuitJsonElm.shape === "polygon") {
+        updateTraceBounds(circuitJsonElm.points);
+      }
     }
   }
   const padding = drawPaddingOutsideBoard ? 1 : 0;
@@ -1658,8 +1790,8 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
   const scaleFactor = Math.min(scaleX, scaleY);
   const offsetX = (svgWidth - circuitWidth * scaleFactor) / 2;
   const offsetY = (svgHeight - circuitHeight * scaleFactor) / 2;
-  const transform = compose4(
-    translate4(
+  const transform = compose5(
+    translate5(
       offsetX - boundsMinX * scaleFactor + padding * scaleFactor,
       svgHeight - offsetY + boundsMinY * scaleFactor - padding * scaleFactor
     ),
@@ -1852,6 +1984,8 @@ function createSvgObjects({
       return createSvgObjectsFromPcbComponent(elm, ctx).filter(Boolean);
     case "pcb_trace":
       return createSvgObjectsFromPcbTrace(elm, ctx);
+    case "pcb_copper_pour":
+      return createSvgObjectsFromPcbCopperPour(elm, ctx);
     case "pcb_plated_hole":
       return createSvgObjectsFromPcbPlatedHole(elm, ctx).filter(Boolean);
     case "pcb_hole":
@@ -1883,8 +2017,8 @@ function createSvgObjects({
   }
 }
 function createSvgObjectFromPcbBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint18(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint18(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint20(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint20(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -1912,14 +2046,14 @@ var circuitJsonToPcbSvg = convertCircuitJsonToPcbSvg;
 import { stringify as stringify2 } from "svgson";
 import { su as su3 } from "@tscircuit/circuit-json-util";
 import {
-  applyToPoint as applyToPoint25,
-  compose as compose5,
+  applyToPoint as applyToPoint27,
+  compose as compose6,
   scale as scale3,
-  translate as translate5
+  translate as translate6
 } from "transformation-matrix";
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-board.ts
-import { applyToPoint as applyToPoint19 } from "transformation-matrix";
+import { applyToPoint as applyToPoint21 } from "transformation-matrix";
 var DEFAULT_BOARD_STYLE = {
   fill: "none",
   stroke: "rgb(0,0,0)",
@@ -1931,25 +2065,25 @@ function createSvgObjectsFromAssemblyBoard(pcbBoard, transform, style = {}) {
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint19(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 = applyToPoint19(transform, [
+    const topLeft = applyToPoint21(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint19(transform, [
+    const topRight = applyToPoint21(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint19(transform, [
+    const bottomRight = applyToPoint21(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint19(transform, [
+    const bottomLeft = applyToPoint21(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -1975,7 +2109,7 @@ function createSvgObjectsFromAssemblyBoard(pcbBoard, transform, style = {}) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-component.ts
-import { applyToPoint as applyToPoint21 } from "transformation-matrix";
+import { applyToPoint as applyToPoint23 } from "transformation-matrix";
 
 // lib/utils/get-sch-font-size.ts
 import "transformation-matrix";
@@ -2001,8 +2135,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] = applyToPoint21(transform, [center.x, center.y]);
-  const [pinX, pinY] = applyToPoint21(transform, [portPosition.x, portPosition.y]);
+  const [x, y] = applyToPoint23(transform, [center.x, center.y]);
+  const [pinX, pinY] = applyToPoint23(transform, [portPosition.x, portPosition.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const isTopLayer = layer === "top";
@@ -2164,11 +2298,11 @@ function getRectPathData(w, h, rotation) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-hole.ts
-import { applyToPoint as applyToPoint22 } from "transformation-matrix";
+import { applyToPoint as applyToPoint24 } from "transformation-matrix";
 var HOLE_COLOR2 = "rgb(190, 190, 190)";
 function createSvgObjectsFromAssemblyHole(hole, ctx) {
   const { transform } = ctx;
-  const [x, y] = applyToPoint22(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;
@@ -2232,12 +2366,12 @@ function createSvgObjectsFromAssemblyHole(hole, ctx) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-plated-hole.ts
-import { applyToPoint as applyToPoint23 } from "transformation-matrix";
+import { applyToPoint as applyToPoint25 } 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] = applyToPoint23(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint25(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);
@@ -2472,14 +2606,14 @@ function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
 }
 
 // lib/assembly/svg-object-fns/create-svg-objects-from-assembly-smt-pad.ts
-import { applyToPoint as applyToPoint24 } from "transformation-matrix";
+import { applyToPoint as applyToPoint26 } 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] = applyToPoint24(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint26(transform, [pad.x, pad.y]);
     if (pad.shape === "rotated_rect" && pad.ccw_rotation) {
       return [
         {
@@ -2522,7 +2656,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] = applyToPoint24(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint26(transform, [pad.x, pad.y]);
     return [
       {
         name: "rect",
@@ -2545,7 +2679,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   }
   if (pad.shape === "circle") {
     const radius = pad.radius * Math.abs(transform.a);
-    const [x, y] = applyToPoint24(transform, [pad.x, pad.y]);
+    const [x, y] = applyToPoint26(transform, [pad.x, pad.y]);
     return [
       {
         name: "circle",
@@ -2565,7 +2699,7 @@ function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
-      (point) => applyToPoint24(transform, [point.x, point.y])
+      (point) => applyToPoint26(transform, [point.x, point.y])
     );
     return [
       {
@@ -2619,8 +2753,8 @@ function convertCircuitJsonToAssemblySvg(soup, options) {
   const scaleFactor = Math.min(scaleX, scaleY);
   const offsetX = (svgWidth - circuitWidth * scaleFactor) / 2;
   const offsetY = (svgHeight - circuitHeight * scaleFactor) / 2;
-  const transform = compose5(
-    translate5(
+  const transform = compose6(
+    translate6(
       offsetX - minX * scaleFactor + padding * scaleFactor,
       svgHeight - offsetY + minY * scaleFactor - padding * scaleFactor
     ),
@@ -2742,8 +2876,8 @@ function createSvgObjects2(elm, ctx, soup) {
   }
 }
 function createSvgObjectFromAssemblyBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint25(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint25(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint27(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint27(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -3010,14 +3144,14 @@ import {
 } from "transformation-matrix";
 
 // lib/sch/draw-schematic-grid.ts
-import { applyToPoint as applyToPoint26 } from "transformation-matrix";
+import { applyToPoint as applyToPoint28 } 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] = applyToPoint26(params.transform, [x, y]);
+    const [transformedX, transformedY] = applyToPoint28(params.transform, [x, y]);
     return { x: transformedX, y: transformedY };
   };
   for (let x = Math.floor(minX); x <= Math.ceil(maxX); x += cellSize) {
@@ -3098,15 +3232,15 @@ function drawSchematicGrid(params) {
 }
 
 // lib/sch/draw-schematic-labeled-points.ts
-import { applyToPoint as applyToPoint27 } from "transformation-matrix";
+import { applyToPoint as applyToPoint29 } from "transformation-matrix";
 function drawSchematicLabeledPoints(params) {
   const { points, transform } = params;
   const labeledPointsGroup = [];
   for (const point of points) {
-    const [x1, y1] = applyToPoint27(transform, [point.x - 0.1, point.y - 0.1]);
-    const [x2, y2] = applyToPoint27(transform, [point.x + 0.1, point.y + 0.1]);
-    const [x3, y3] = applyToPoint27(transform, [point.x - 0.1, point.y + 0.1]);
-    const [x4, y4] = applyToPoint27(transform, [point.x + 0.1, point.y - 0.1]);
+    const [x1, y1] = applyToPoint29(transform, [point.x - 0.1, point.y - 0.1]);
+    const [x2, y2] = applyToPoint29(transform, [point.x + 0.1, point.y + 0.1]);
+    const [x3, y3] = applyToPoint29(transform, [point.x - 0.1, point.y + 0.1]);
+    const [x4, y4] = applyToPoint29(transform, [point.x + 0.1, point.y - 0.1]);
     labeledPointsGroup.push({
       name: "path",
       type: "element",
@@ -3117,7 +3251,7 @@ function drawSchematicLabeledPoints(params) {
         "stroke-opacity": "0.7"
       }
     });
-    const [labelX, labelY] = applyToPoint27(transform, [
+    const [labelX, labelY] = applyToPoint29(transform, [
       point.x + 0.15,
       point.y - 0.15
     ]);
@@ -4190,8 +4324,8 @@ import { su as su4 } from "@tscircuit/circuit-json-util";
 import { symbols } from "schematic-symbols";
 import "svgson";
 import {
-  applyToPoint as applyToPoint29,
-  compose as compose7
+  applyToPoint as applyToPoint31,
+  compose as compose8
 } from "transformation-matrix";
 
 // lib/utils/get-sch-stroke-size.ts
@@ -4261,26 +4395,26 @@ var matchSchPortsToSymbolPorts = ({
 };
 
 // lib/utils/point-pairs-to-matrix.ts
-import { compose as compose6, scale as scale4, translate as translate6 } from "transformation-matrix";
+import { compose as compose7, scale as scale4, translate as translate7 } from "transformation-matrix";
 function pointPairsToMatrix(a1, a2, b1, b2) {
   const tx = a2.x - a1.x;
   const ty = a2.y - a1.y;
   const originalDistance = Math.sqrt((b1.x - a1.x) ** 2 + (b1.y - a1.y) ** 2);
   const transformedDistance = Math.sqrt((b2.x - a2.x) ** 2 + (b2.y - a2.y) ** 2);
   const a = transformedDistance / originalDistance;
-  const translateMatrix = translate6(tx, ty);
+  const translateMatrix = translate7(tx, ty);
   const scaleMatrix = scale4(a, a);
-  return compose6(translateMatrix, scaleMatrix);
+  return compose7(translateMatrix, scaleMatrix);
 }
 
 // lib/sch/svg-object-fns/create-svg-error-text.ts
-import { applyToPoint as applyToPoint28 } from "transformation-matrix";
+import { applyToPoint as applyToPoint30 } from "transformation-matrix";
 var createSvgSchErrorText = ({
   text,
   realCenter,
   realToScreenTransform
 }) => {
-  const screenCenter = applyToPoint28(realToScreenTransform, realCenter);
+  const screenCenter = applyToPoint30(realToScreenTransform, realCenter);
   return {
     type: "element",
     name: "text",
@@ -4389,12 +4523,12 @@ 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] = applyToPoint29(
-    compose7(realToScreenTransform, transformFromSymbolToReal),
+  const [screenMinX, screenMinY] = applyToPoint31(
+    compose8(realToScreenTransform, transformFromSymbolToReal),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint29(
-    compose7(realToScreenTransform, transformFromSymbolToReal),
+  const [screenMaxX, screenMaxY] = applyToPoint31(
+    compose8(realToScreenTransform, transformFromSymbolToReal),
     [bounds.maxX, bounds.maxY]
   );
   const rectHeight = Math.abs(screenMaxY - screenMinY);
@@ -4422,8 +4556,8 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
       name: "path",
       attributes: {
         d: points.map((p, i) => {
-          const [x, y] = applyToPoint29(
-            compose7(realToScreenTransform, transformFromSymbolToReal),
+          const [x, y] = applyToPoint31(
+            compose8(realToScreenTransform, transformFromSymbolToReal),
             [p.x, p.y]
           );
           return `${i === 0 ? "M" : "L"} ${x} ${y}`;
@@ -4438,8 +4572,8 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const text of texts) {
-    const screenTextPos = applyToPoint29(
-      compose7(realToScreenTransform, transformFromSymbolToReal),
+    const screenTextPos = applyToPoint31(
+      compose8(realToScreenTransform, transformFromSymbolToReal),
       text
     );
     let textValue = "";
@@ -4490,11 +4624,11 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const box of boxes) {
-    const screenBoxPos = applyToPoint29(
-      compose7(realToScreenTransform, transformFromSymbolToReal),
+    const screenBoxPos = applyToPoint31(
+      compose8(realToScreenTransform, transformFromSymbolToReal),
       box
     );
-    const symbolToScreenScale = compose7(
+    const symbolToScreenScale = compose8(
       realToScreenTransform,
       transformFromSymbolToReal
     ).a;
@@ -4514,8 +4648,8 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
   }
   for (const port of symbol.ports) {
     if (connectedSymbolPorts.has(port)) continue;
-    const screenPortPos = applyToPoint29(
-      compose7(realToScreenTransform, transformFromSymbolToReal),
+    const screenPortPos = applyToPoint31(
+      compose8(realToScreenTransform, transformFromSymbolToReal),
       port
     );
     svgObjects.push({
@@ -4534,8 +4668,8 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const circle of circles) {
-    const screenCirclePos = applyToPoint29(
-      compose7(realToScreenTransform, transformFromSymbolToReal),
+    const screenCirclePos = applyToPoint31(
+      compose8(realToScreenTransform, transformFromSymbolToReal),
       circle
     );
     const screenRadius = Math.abs(circle.radius * realToScreenTransform.a);
@@ -4561,14 +4695,14 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
 import { su as su7 } from "@tscircuit/circuit-json-util";
 import "schematic-symbols";
 import "svgson";
-import { applyToPoint as applyToPoint35 } from "transformation-matrix";
+import { applyToPoint as applyToPoint37 } 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 applyToPoint30 } from "transformation-matrix";
+import { applyToPoint as applyToPoint32 } from "transformation-matrix";
 import { su as su5 } from "@tscircuit/circuit-json-util";
 var PIN_CIRCLE_RADIUS_MM = 0.02;
 var createArrow = (tip, angle, size, color, strokeWidth) => {
@@ -4621,8 +4755,8 @@ var createSvgObjectsForSchPortBoxLine = ({
       realEdgePos.y += realPinLineLength;
       break;
   }
-  const screenSchPortPos = applyToPoint30(transform, schPort.center);
-  const screenRealEdgePos = applyToPoint30(transform, realEdgePos);
+  const screenSchPortPos = applyToPoint32(transform, schPort.center);
+  const screenRealEdgePos = applyToPoint32(transform, realEdgePos);
   const realLineEnd = { ...schPort.center };
   switch (schPort.side_of_component) {
     case "left":
@@ -4638,7 +4772,7 @@ var createSvgObjectsForSchPortBoxLine = ({
       realLineEnd.y += PIN_CIRCLE_RADIUS_MM;
       break;
   }
-  const screenLineEnd = applyToPoint30(transform, realLineEnd);
+  const screenLineEnd = applyToPoint32(transform, realLineEnd);
   svgObjects.push({
     name: "line",
     type: "element",
@@ -4760,7 +4894,7 @@ var createSvgObjectsForSchPortBoxLine = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-number-text.ts
-import { applyToPoint as applyToPoint31 } from "transformation-matrix";
+import { applyToPoint as applyToPoint33 } from "transformation-matrix";
 var createSvgObjectsForSchPortPinNumberText = (params) => {
   const svgObjects = [];
   const { schPort, schComponent, transform, circuitJson } = params;
@@ -4778,7 +4912,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
   } else {
     realPinNumberPos.y += 0.02;
   }
-  const screenPinNumberTextPos = applyToPoint31(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint33(transform, realPinNumberPos);
   svgObjects.push({
     name: "text",
     type: "element",
@@ -4808,7 +4942,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-label.ts
-import { applyToPoint as applyToPoint32 } from "transformation-matrix";
+import { applyToPoint as applyToPoint34 } from "transformation-matrix";
 var LABEL_DIST_FROM_EDGE_MM = 0.1;
 var createSvgObjectsForSchPortPinLabel = (params) => {
   const svgObjects = [];
@@ -4822,7 +4956,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 = applyToPoint32(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint34(transform, realPinNumberPos);
   const label = schPort.display_pin_label ?? schComponent.port_labels?.[`${schPort.pin_number}`];
   if (!label) return [];
   const isNegated = label.startsWith("N_");
@@ -4870,13 +5004,13 @@ var createSvgObjectsFromSchPortOnBox = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-text.ts
-import { applyToPoint as applyToPoint34 } from "transformation-matrix";
+import { applyToPoint as applyToPoint36 } from "transformation-matrix";
 var createSvgSchText = ({
   elm,
   transform,
   colorMap: colorMap2
 }) => {
-  const center = applyToPoint34(transform, elm.position);
+  const center = applyToPoint36(transform, elm.position);
   const textAnchorMap = {
     center: "middle",
     center_right: "end",
@@ -4960,11 +5094,11 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
   colorMap: colorMap2
 }) => {
   const svgObjects = [];
-  const componentScreenTopLeft = applyToPoint35(transform, {
+  const componentScreenTopLeft = applyToPoint37(transform, {
     x: schComponent.center.x - schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2
   });
-  const componentScreenBottomRight = applyToPoint35(transform, {
+  const componentScreenBottomRight = applyToPoint37(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y - schComponent.size.height / 2
   });
@@ -5047,13 +5181,13 @@ function createSvgObjectsFromSchematicComponent(params) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-voltage-probe.ts
-import { applyToPoint as applyToPoint36 } from "transformation-matrix";
+import { applyToPoint as applyToPoint38 } from "transformation-matrix";
 function createSvgObjectsFromSchVoltageProbe({
   probe,
   transform,
   colorMap: colorMap2
 }) {
-  const [screenX, screenY] = applyToPoint36(transform, [
+  const [screenX, screenY] = applyToPoint38(transform, [
     probe.position.x,
     probe.position.y
   ]);
@@ -5113,17 +5247,17 @@ function createSvgObjectsFromSchVoltageProbe({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-debug-object.ts
-import { applyToPoint as applyToPoint37 } from "transformation-matrix";
+import { applyToPoint as applyToPoint39 } from "transformation-matrix";
 function createSvgObjectsFromSchDebugObject({
   debugObject,
   transform
 }) {
   if (debugObject.shape === "rect") {
-    let [screenLeft, screenTop] = applyToPoint37(transform, [
+    let [screenLeft, screenTop] = applyToPoint39(transform, [
       debugObject.center.x - debugObject.size.width / 2,
       debugObject.center.y - debugObject.size.height / 2
     ]);
-    let [screenRight, screenBottom] = applyToPoint37(transform, [
+    let [screenRight, screenBottom] = applyToPoint39(transform, [
       debugObject.center.x + debugObject.size.width / 2,
       debugObject.center.y + debugObject.size.height / 2
     ]);
@@ -5133,7 +5267,7 @@ function createSvgObjectsFromSchDebugObject({
     ];
     const width = Math.abs(screenRight - screenLeft);
     const height = Math.abs(screenBottom - screenTop);
-    const [screenCenterX, screenCenterY] = applyToPoint37(transform, [
+    const [screenCenterX, screenCenterY] = applyToPoint39(transform, [
       debugObject.center.x,
       debugObject.center.y
     ]);
@@ -5179,11 +5313,11 @@ function createSvgObjectsFromSchDebugObject({
     ];
   }
   if (debugObject.shape === "line") {
-    const [screenStartX, screenStartY] = applyToPoint37(transform, [
+    const [screenStartX, screenStartY] = applyToPoint39(transform, [
       debugObject.start.x,
       debugObject.start.y
     ]);
-    const [screenEndX, screenEndY] = applyToPoint37(transform, [
+    const [screenEndX, screenEndY] = applyToPoint39(transform, [
       debugObject.end.x,
       debugObject.end.y
     ]);
@@ -5233,7 +5367,7 @@ function createSvgObjectsFromSchDebugObject({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-trace.ts
-import { applyToPoint as applyToPoint38 } from "transformation-matrix";
+import { applyToPoint as applyToPoint40 } from "transformation-matrix";
 function createSchematicTrace({
   trace,
   transform,
@@ -5247,11 +5381,11 @@ function createSchematicTrace({
   for (let edgeIndex = 0; edgeIndex < edges.length; edgeIndex++) {
     const edge = edges[edgeIndex];
     if (edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint38(transform, [
+    const [screenFromX, screenFromY] = applyToPoint40(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint38(transform, [
+    const [screenToX, screenToY] = applyToPoint40(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -5295,11 +5429,11 @@ function createSchematicTrace({
   }
   for (const edge of edges) {
     if (!edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint38(transform, [
+    const [screenFromX, screenFromY] = applyToPoint40(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint38(transform, [
+    const [screenToX, screenToY] = applyToPoint40(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -5343,7 +5477,7 @@ function createSchematicTrace({
   }
   if (trace.junctions) {
     for (const junction of trace.junctions) {
-      const [screenX, screenY] = applyToPoint38(transform, [
+      const [screenX, screenY] = applyToPoint40(transform, [
         junction.x,
         junction.y
       ]);
@@ -5398,20 +5532,20 @@ function createSchematicTrace({
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
 import {
-  applyToPoint as applyToPoint40,
-  compose as compose9,
-  rotate as rotate5,
+  applyToPoint as applyToPoint42,
+  compose as compose10,
+  rotate as rotate6,
   scale as scale6,
-  translate as translate9
+  translate as translate10
 } from "transformation-matrix";
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label-with-symbol.ts
 import {
-  applyToPoint as applyToPoint39,
-  compose as compose8,
-  rotate as rotate4,
+  applyToPoint as applyToPoint41,
+  compose as compose9,
+  rotate as rotate5,
   scale as scale5,
-  translate as translate8
+  translate as translate9
 } from "transformation-matrix";
 import { symbols as symbols3 } from "schematic-symbols";
 var createSvgObjectsForSchNetLabelWithSymbol = ({
@@ -5455,7 +5589,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     y: schNetLabel.center.y - realTextGrowthVec.y * fullWidthFsr * fontSizeMm / 2
   };
   const pathRotation = 0;
-  const rotationMatrix = rotate4(pathRotation / 180 * Math.PI);
+  const rotationMatrix = rotate5(pathRotation / 180 * Math.PI);
   const symbolBounds = {
     minX: Math.min(
       ...symbol.primitives.flatMap(
@@ -5482,9 +5616,9 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     x: symbolBounds.minX,
     y: (symbolBounds.minY + symbolBounds.maxY) / 2
   };
-  const rotatedSymbolEnd = applyToPoint39(rotationMatrix, symbolEndPoint);
-  const symbolToRealTransform = compose8(
-    translate8(
+  const rotatedSymbolEnd = applyToPoint41(rotationMatrix, symbolEndPoint);
+  const symbolToRealTransform = compose9(
+    translate9(
       realAnchorPosition.x - rotatedSymbolEnd.x,
       realAnchorPosition.y - rotatedSymbolEnd.y
     ),
@@ -5492,12 +5626,12 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     scale5(1)
     // Use full symbol size
   );
-  const [screenMinX, screenMinY] = applyToPoint39(
-    compose8(realToScreenTransform, symbolToRealTransform),
+  const [screenMinX, screenMinY] = applyToPoint41(
+    compose9(realToScreenTransform, symbolToRealTransform),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint39(
-    compose8(realToScreenTransform, symbolToRealTransform),
+  const [screenMaxX, screenMaxY] = applyToPoint41(
+    compose9(realToScreenTransform, symbolToRealTransform),
     [bounds.maxX, bounds.maxY]
   );
   const rectHeight = Math.abs(screenMaxY - screenMinY);
@@ -5520,8 +5654,8 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
   });
   for (const path of symbolPaths) {
     const symbolPath = path.points.map((p, i) => {
-      const [x, y] = applyToPoint39(
-        compose8(realToScreenTransform, symbolToRealTransform),
+      const [x, y] = applyToPoint41(
+        compose9(realToScreenTransform, symbolToRealTransform),
         [p.x, p.y]
       );
       return `${i === 0 ? "M" : "L"} ${x} ${y}`;
@@ -5541,8 +5675,8 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const text of symbolTexts) {
-    const screenTextPos = applyToPoint39(
-      compose8(realToScreenTransform, symbolToRealTransform),
+    const screenTextPos = applyToPoint41(
+      compose9(realToScreenTransform, symbolToRealTransform),
       text
     );
     let textValue = text.text;
@@ -5583,11 +5717,11 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const box of symbolBoxes) {
-    const screenBoxPos = applyToPoint39(
-      compose8(realToScreenTransform, symbolToRealTransform),
+    const screenBoxPos = applyToPoint41(
+      compose9(realToScreenTransform, symbolToRealTransform),
       box
     );
-    const symbolToScreenScale = compose8(
+    const symbolToScreenScale = compose9(
       realToScreenTransform,
       symbolToRealTransform
     ).a;
@@ -5606,11 +5740,11 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const circle of symbolCircles) {
-    const screenCirclePos = applyToPoint39(
-      compose8(realToScreenTransform, symbolToRealTransform),
+    const screenCirclePos = applyToPoint41(
+      compose9(realToScreenTransform, symbolToRealTransform),
       circle
     );
-    const symbolToScreenScale = compose8(
+    const symbolToScreenScale = compose9(
       realToScreenTransform,
       symbolToRealTransform
     ).a;
@@ -5651,14 +5785,14 @@ var createSvgObjectsForSchNetLabel = ({
   const fontSizePx = getSchScreenFontSize(realToScreenTransform, "net_label");
   const fontSizeMm = getSchMmFontSize("net_label");
   const textWidthFSR = estimateTextWidth(labelText || "");
-  const screenCenter = applyToPoint40(realToScreenTransform, schNetLabel.center);
+  const screenCenter = applyToPoint42(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 ? applyToPoint40(realToScreenTransform, schNetLabel.anchor_position) : {
+  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint42(realToScreenTransform, schNetLabel.anchor_position) : {
     x: screenCenter.x - screenTextGrowthVec.x * fullWidthFsr * fontSizePx / 2,
     y: screenCenter.y - screenTextGrowthVec.y * fullWidthFsr * fontSizePx / 2
   };
@@ -5699,12 +5833,12 @@ var createSvgObjectsForSchNetLabel = ({
       y: -0.6
     }
   ].map(
-    (fontRelativePoint) => applyToPoint40(
-      compose9(
+    (fontRelativePoint) => applyToPoint42(
+      compose10(
         realToScreenTransform,
-        translate9(realAnchorPosition.x, realAnchorPosition.y),
+        translate10(realAnchorPosition.x, realAnchorPosition.y),
         scale6(fontSizeMm),
-        rotate5(pathRotation / 180 * Math.PI)
+        rotate6(pathRotation / 180 * Math.PI)
       ),
       fontRelativePoint
     )
@@ -5776,17 +5910,17 @@ var createSvgObjectsForSchNetLabel = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-box.ts
-import { applyToPoint as applyToPoint41 } from "transformation-matrix";
+import { applyToPoint as applyToPoint43 } from "transformation-matrix";
 var createSvgObjectsFromSchematicBox = ({
   schematicBox,
   transform,
   colorMap: colorMap2
 }) => {
-  const topLeft = applyToPoint41(transform, {
+  const topLeft = applyToPoint43(transform, {
     x: schematicBox.x,
     y: schematicBox.y
   });
-  const bottomRight = applyToPoint41(transform, {
+  const bottomRight = applyToPoint43(transform, {
     x: schematicBox.x + schematicBox.width,
     y: schematicBox.y + schematicBox.height
   });
@@ -5822,7 +5956,7 @@ var createSvgObjectsFromSchematicBox = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-table.ts
-import { applyToPoint as applyToPoint42 } from "transformation-matrix";
+import { applyToPoint as applyToPoint44 } from "transformation-matrix";
 var createSvgObjectsFromSchematicTable = ({
   schematicTable,
   transform,
@@ -5855,11 +5989,11 @@ var createSvgObjectsFromSchematicTable = ({
   const svgObjects = [];
   const borderStrokeWidth = border_width * Math.abs(transform.a);
   const gridStrokeWidth = getSchStrokeSize(transform);
-  const [screenTopLeftX, screenTopLeftY] = applyToPoint42(transform, [
+  const [screenTopLeftX, screenTopLeftY] = applyToPoint44(transform, [
     topLeftX,
     topLeftY
   ]);
-  const [screenBottomRightX, screenBottomRightY] = applyToPoint42(transform, [
+  const [screenBottomRightX, screenBottomRightY] = applyToPoint44(transform, [
     topLeftX + totalWidth,
     topLeftY - totalHeight
   ]);
@@ -5891,8 +6025,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 = applyToPoint42(transform, { x: currentX, y: segmentStartY });
-        const end = applyToPoint42(transform, { x: currentX, y: segmentEndY });
+        const start = applyToPoint44(transform, { x: currentX, y: segmentStartY });
+        const end = applyToPoint44(transform, { x: currentX, y: segmentEndY });
         svgObjects.push({
           name: "line",
           type: "element",
@@ -5921,11 +6055,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 = applyToPoint42(transform, {
+        const start = applyToPoint44(transform, {
           x: segmentStartX,
           y: currentY
         });
-        const end = applyToPoint42(transform, { x: segmentEndX, y: currentY });
+        const end = applyToPoint44(transform, { x: segmentEndX, y: currentY });
         svgObjects.push({
           name: "line",
           type: "element",
@@ -5967,7 +6101,7 @@ var createSvgObjectsFromSchematicTable = ({
       } else if (vertical_align === "bottom") {
         realTextAnchorPos.y = cellTopLeftY - cellHeight + cell_padding;
       }
-      const screenTextAnchorPos = applyToPoint42(transform, realTextAnchorPos);
+      const screenTextAnchorPos = applyToPoint44(transform, realTextAnchorPos);
       const fontSize = getSchScreenFontSize(
         transform,
         "reference_designator",
@@ -6023,13 +6157,13 @@ var createSvgObjectsFromSchematicTable = ({
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-hover.ts
 import { su as su8 } from "@tscircuit/circuit-json-util";
-import { applyToPoint as applyToPoint43 } from "transformation-matrix";
+import { applyToPoint as applyToPoint45 } from "transformation-matrix";
 var PIN_CIRCLE_RADIUS_MM2 = 0.02;
 var createSvgObjectsForSchPortHover = ({
   schPort,
   transform
 }) => {
-  const screenSchPortPos = applyToPoint43(transform, schPort.center);
+  const screenSchPortPos = applyToPoint45(transform, schPort.center);
   const pinRadiusPx = Math.abs(transform.a) * PIN_CIRCLE_RADIUS_MM2 * 2;
   return [
     {
@@ -6337,18 +6471,18 @@ var circuitJsonToSchematicSvg = convertCircuitJsonToSchematicSvg;
 // lib/pcb/convert-circuit-json-to-solder-paste-mask.ts
 import { stringify as stringify4 } from "svgson";
 import {
-  applyToPoint as applyToPoint46,
-  compose as compose11,
+  applyToPoint as applyToPoint48,
+  compose as compose12,
   scale as scale8,
-  translate as translate11
+  translate as translate12
 } from "transformation-matrix";
 
 // lib/pcb/svg-object-fns/convert-circuit-json-to-solder-paste-mask.ts
-import { applyToPoint as applyToPoint45 } from "transformation-matrix";
+import { applyToPoint as applyToPoint47 } from "transformation-matrix";
 function createSvgObjectsFromSolderPaste(solderPaste, ctx) {
   const { transform, layer: layerFilter } = ctx;
   if (layerFilter && solderPaste.layer !== layerFilter) return [];
-  const [x, y] = applyToPoint45(transform, [solderPaste.x, solderPaste.y]);
+  const [x, y] = applyToPoint47(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);
@@ -6456,8 +6590,8 @@ function convertCircuitJsonToSolderPasteMask(circuitJson, options) {
   const scaleFactor = Math.min(scaleX, scaleY);
   const offsetX = (svgWidth - circuitWidth * scaleFactor) / 2;
   const offsetY = (svgHeight - circuitHeight * scaleFactor) / 2;
-  const transform = compose11(
-    translate11(
+  const transform = compose12(
+    translate12(
       offsetX - minX * scaleFactor + padding * scaleFactor,
       svgHeight - offsetY + minY * scaleFactor - padding * scaleFactor
     ),
@@ -6551,8 +6685,8 @@ function createSvgObjects3({ elm, ctx }) {
   }
 }
 function createSvgObjectFromPcbBoundary2(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint46(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint46(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint48(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint48(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);