@tscircuit/3d-viewer 0.0.527 → 0.0.529

package/dist/index.js

@@ -11357,7 +11357,7 @@ var require_unionGeom3 = __commonJS({
     var flatten = require_flatten();
     var retessellate = require_retessellate();
     var unionSub = require_unionGeom3Sub();
-    var union5 = (...geometries) => {
+    var union4 = (...geometries) => {
       geometries = flatten(geometries);
       let i;
       for (i = 1; i < geometries.length; i += 2) {
@@ -11367,7 +11367,7 @@ var require_unionGeom3 = __commonJS({
       newgeometry = retessellate(newgeometry);
       return newgeometry;
     };
-    module.exports = union5;
+    module.exports = union4;
   }
 });
 
@@ -11698,14 +11698,14 @@ var require_unionGeom2 = __commonJS({
     var fromFakePolygons = require_fromFakePolygons();
     var to3DWalls = require_to3DWalls();
     var unionGeom3 = require_unionGeom3();
-    var union5 = (...geometries) => {
+    var union4 = (...geometries) => {
       geometries = flatten(geometries);
       const newgeometries = geometries.map((geometry) => to3DWalls({ z0: -1, z1: 1 }, geometry));
       const newgeom3 = unionGeom3(newgeometries);
       const epsilon = measureEpsilon(newgeom3);
       return fromFakePolygons(epsilon, geom3.toPolygons(newgeom3));
     };
-    module.exports = union5;
+    module.exports = union4;
   }
 });
 
@@ -11719,7 +11719,7 @@ var require_union = __commonJS({
     var geom3 = require_geom3();
     var unionGeom2 = require_unionGeom2();
     var unionGeom3 = require_unionGeom3();
-    var union5 = (...geometries) => {
+    var union4 = (...geometries) => {
       geometries = flatten(geometries);
       if (geometries.length === 0) throw new Error("wrong number of arguments");
       if (!areAllShapesTheSameType(geometries)) {
@@ -11730,7 +11730,7 @@ var require_union = __commonJS({
       if (geom3.isA(geometry)) return unionGeom3(geometries);
       return geometry;
     };
-    module.exports = union5;
+    module.exports = union4;
   }
 });
 
@@ -12121,7 +12121,7 @@ var require_expandGeom3 = __commonJS({
   "node_modules/@jscad/modeling/src/operations/expansions/expandGeom3.js"(exports, module) {
     "use strict";
     var geom3 = require_geom3();
-    var union5 = require_union();
+    var union4 = require_union();
     var expandShell = require_expandShell();
     var expandGeom3 = (options, geometry) => {
       const defaults = {
@@ -12137,7 +12137,7 @@ var require_expandGeom3 = __commonJS({
       if (polygons.length === 0) throw new Error("the given geometry cannot be empty");
       options = { delta, corners, segments };
       const expanded = expandShell(options, geometry);
-      return union5(geometry, expanded);
+      return union4(geometry, expanded);
     };
     module.exports = expandGeom3;
   }
@@ -12831,7 +12831,7 @@ var require_hullChain = __commonJS({
   "node_modules/@jscad/modeling/src/operations/hulls/hullChain.js"(exports, module) {
     "use strict";
     var flatten = require_flatten();
-    var union5 = require_union();
+    var union4 = require_union();
     var hull = require_hull();
     var hullChain = (...geometries) => {
       geometries = flatten(geometries);
@@ -12840,7 +12840,7 @@ var require_hullChain = __commonJS({
       for (let i = 1; i < geometries.length; i++) {
         hulls.push(hull(geometries[i - 1], geometries[i]));
       }
-      return union5(hulls);
+      return union4(hulls);
     };
     module.exports = hullChain;
   }
@@ -14433,7 +14433,7 @@ var require_browser = __commonJS({
 
 // src/CadViewer.tsx
 import { useState as useState36, useCallback as useCallback21, useRef as useRef26, useEffect as useEffect44 } from "react";
-import * as THREE38 from "three";
+import * as THREE39 from "three";
 
 // src/CadViewerJscad.tsx
 import { su as su11 } from "@tscircuit/circuit-json-util";
@@ -28769,7 +28769,7 @@ import * as THREE16 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.526",
+  version: "0.0.528",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -28798,8 +28798,8 @@ var package_default = {
   dependencies: {
     "@jscad/regl-renderer": "^2.6.12",
     "@jscad/stl-serializer": "^2.1.20",
-    "circuit-json": "^0.0.372",
-    "circuit-to-canvas": "^0.0.87",
+    "circuit-json": "^0.0.391",
+    "circuit-to-canvas": "^0.0.89",
     "react-hot-toast": "^2.6.0",
     three: "^0.165.0",
     "three-stdlib": "^2.36.0",
@@ -30216,26 +30216,6 @@ function extractRectBorderRadius(source) {
 var PLATED_HOLE_DRILL_OVERREACH = 0.05;
 var RECT_PAD_SEGMENTS = 64;
 var maybeClip = (geom, clipGeom) => clipGeom ? (0, import_booleans2.intersect)(clipGeom, geom) : geom;
-var createRectPadGeom = ({
-  width: width10,
-  height: height10,
-  thickness,
-  center,
-  borderRadius
-}) => {
-  const clampedRadius = clampRectBorderRadius(width10, height10, borderRadius);
-  if (clampedRadius <= 0) {
-    return (0, import_primitives4.cuboid)({ center, size: [width10, height10, thickness] });
-  }
-  const rect2d = (0, import_primitives4.roundedRectangle)({
-    size: [width10, height10],
-    roundRadius: clampedRadius,
-    segments: RECT_PAD_SEGMENTS
-  });
-  const extruded = (0, import_extrusions3.extrudeLinear)({ height: thickness }, rect2d);
-  const offsetZ = center[2] - thickness / 2;
-  return (0, import_transforms4.translate)([center[0], center[1], offsetZ], extruded);
-};
 var platedHole = (plated_hole, ctx, options = {}) => {
   const { clipGeom } = options;
   if (!plated_hole.shape) plated_hole.shape = "circle";
@@ -30243,9 +30223,6 @@ var platedHole = (plated_hole, ctx, options = {}) => {
   const surfaceClearance = Math.max(ctx.pcbThickness * 3e-4, M / 20);
   const fillClearance = Math.max(ctx.pcbThickness * 25e-4, M / 4);
   const throughDrillHeight = ctx.pcbThickness + 2 * PLATED_HOLE_DRILL_OVERREACH + 4 * M;
-  const topSurfaceZ = ctx.pcbThickness / 2 + surfaceClearance + padThickness / 2;
-  const bottomSurfaceZ = -ctx.pcbThickness / 2 - surfaceClearance - padThickness / 2;
-  const copperSurfaceSpan = ctx.pcbThickness + 2 * surfaceClearance;
   const copperFillHeight = Math.max(
     ctx.pcbThickness - 2 * (padThickness + surfaceClearance + fillClearance),
     M
@@ -30253,7 +30230,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
   const barrelHeight = Math.max(copperFillHeight, M);
   if (plated_hole.shape === "circle") {
     const outerDiameter = plated_hole.outer_diameter ?? Math.max(plated_hole.hole_diameter, 0);
-    const copperHeight = copperSurfaceSpan;
+    const copperHeight = copperFillHeight;
     const copperBody = (0, import_primitives4.cylinder)({
       center: [plated_hole.x, plated_hole.y, 0],
       radius: outerDiameter / 2,
@@ -30276,7 +30253,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
       const circle = (0, import_primitives4.cylinder)({
         center: [0, 0, 0],
         radius: 1,
-        height: copperSurfaceSpan,
+        height: copperFillHeight,
         segments: 64
         // High segment count for smooth ellipse
       });
@@ -30308,22 +30285,6 @@ var platedHole = (plated_hole, ctx, options = {}) => {
     const rectBorderRadius = extractRectBorderRadius(plated_hole);
     const copperSolid = maybeClip(
       (0, import_booleans2.union)(
-        // Top rectangular pad (thicker to ensure connection)
-        createRectPadGeom({
-          width: padWidth,
-          height: padHeight,
-          thickness: padThickness,
-          center: [plated_hole.x, plated_hole.y, topSurfaceZ],
-          borderRadius: rectBorderRadius
-        }),
-        // Bottom rectangular pad (thicker to ensure connection)
-        createRectPadGeom({
-          width: padWidth,
-          height: padHeight,
-          thickness: padThickness,
-          center: [plated_hole.x, plated_hole.y, bottomSurfaceZ],
-          borderRadius: rectBorderRadius
-        }),
         // Main copper fill between pads with rounded corners
         (() => {
           const rect2d = (0, import_primitives4.roundedRectangle)({
@@ -30385,7 +30346,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
     const outerRadius = outerPillHeight / 2;
     const rectLength = Math.abs(holeWidth - holeHeight);
     const outerRectLength = Math.abs(outerPillWidth - outerPillHeight);
-    const copperHeight = copperSurfaceSpan;
+    const copperHeight = copperFillHeight;
     const createPillSection = (width10, height10, thickness) => {
       const radius = height10 / 2;
       const length51 = Math.abs(width10 - height10);
@@ -30525,20 +30486,6 @@ var platedHole = (plated_hole, ctx, options = {}) => {
         height: throughDrillHeight
       })
     );
-    const copperTopPad = createRectPadGeom({
-      width: padWidth,
-      height: padHeight,
-      thickness: padThickness,
-      center: [plated_hole.x, plated_hole.y, topSurfaceZ],
-      borderRadius: rectBorderRadius
-    });
-    const copperBottomPad = createRectPadGeom({
-      width: padWidth,
-      height: padHeight,
-      thickness: padThickness,
-      center: [plated_hole.x, plated_hole.y, bottomSurfaceZ],
-      borderRadius: rectBorderRadius
-    });
     const copperFill = (() => {
       const rect2d = (0, import_primitives4.roundedRectangle)({
         size: [padWidth, padHeight],
@@ -30551,8 +30498,6 @@ var platedHole = (plated_hole, ctx, options = {}) => {
         extruded
       );
     })();
-    const copperTopPadCut = (0, import_booleans2.subtract)(copperTopPad, holeCut);
-    const copperBottomPadCut = (0, import_booleans2.subtract)(copperBottomPad, holeCut);
     const copperFillCut = (0, import_booleans2.subtract)(copperFill, holeCut);
     const barrelHoleCut = (0, import_booleans2.union)(
       (0, import_primitives4.cuboid)({
@@ -30588,7 +30533,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
     );
     const barrelWithHole = (0, import_booleans2.subtract)(barrel, barrelHoleCut);
     const finalCopper = maybeClip(
-      (0, import_booleans2.union)(copperTopPadCut, copperBottomPadCut, copperFillCut, barrelWithHole),
+      (0, import_booleans2.union)(copperFillCut, barrelWithHole),
       clipGeom
     );
     return (0, import_colors2.colorize)(colors.copper, finalCopper);
@@ -30672,24 +30617,6 @@ var platedHole = (plated_hole, ctx, options = {}) => {
         })
       )
     );
-    const copperTopPad = rotateRectPad(
-      createRectPadGeom({
-        width: padWidth,
-        height: padHeight,
-        thickness: padThickness,
-        center: [plated_hole.x, plated_hole.y, topSurfaceZ],
-        borderRadius: rectBorderRadius
-      })
-    );
-    const copperBottomPad = rotateRectPad(
-      createRectPadGeom({
-        width: padWidth,
-        height: padHeight,
-        thickness: padThickness,
-        center: [plated_hole.x, plated_hole.y, bottomSurfaceZ],
-        borderRadius: rectBorderRadius
-      })
-    );
     const copperFill = rotateRectPad(
       (() => {
         const rect2d = (0, import_primitives4.roundedRectangle)({
@@ -30704,8 +30631,6 @@ var platedHole = (plated_hole, ctx, options = {}) => {
         );
       })()
     );
-    const copperTopPadCut = (0, import_booleans2.subtract)(copperTopPad, holeCut);
-    const copperBottomPadCut = (0, import_booleans2.subtract)(copperBottomPad, holeCut);
     const copperFillCut = (0, import_booleans2.subtract)(copperFill, holeCut);
     const barrelHoleCut = rotateHole(
       (0, import_booleans2.union)(
@@ -30727,7 +30652,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
     );
     const barrelWithHole = (0, import_booleans2.subtract)(barrel, barrelHoleCut);
     const finalCopper = maybeClip(
-      (0, import_booleans2.union)(copperTopPadCut, copperBottomPadCut, copperFillCut, barrelWithHole),
+      (0, import_booleans2.union)(copperFillCut, barrelWithHole),
       clipGeom
     );
     return (0, import_colors2.colorize)(colors.copper, finalCopper);
@@ -30753,9 +30678,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
       );
     };
     const mainFill = createPolygonPad(copperFillHeight, centerZ);
-    const topPad = createPolygonPad(padThickness, topSurfaceZ);
-    const bottomPad = createPolygonPad(padThickness, bottomSurfaceZ);
-    const copperSolid = maybeClip((0, import_booleans2.union)(mainFill, topPad, bottomPad), clipGeom);
+    const copperSolid = maybeClip(mainFill, clipGeom);
     const barrel = createHoleWithPolygonPadHoleGeom(plated_hole, barrelHeight);
     if (!barrel) return (0, import_colors2.colorize)(colors.copper, copperSolid);
     const drill = createHoleWithPolygonPadHoleGeom(plated_hole, throughDrillHeight, {
@@ -30789,7 +30712,6 @@ function createViaCopper({
       `Invalid via geometry: outerDiameter (${outerDiameter}) must be > holeDiameter (${holeDiameter})`
     );
   }
-  const padThickness = M;
   const platingThickness = M;
   const barrelRadius = Math.min(
     outerDiameter / 2,
@@ -30801,20 +30723,8 @@ function createViaCopper({
     height: thickness,
     segments: SMOOTH_CIRCLE_SEGMENTS
   });
-  const topPad = (0, import_primitives5.cylinder)({
-    center: [0, 0, thickness / 2],
-    radius: outerDiameter / 2,
-    height: padThickness,
-    segments: SMOOTH_CIRCLE_SEGMENTS
-  });
-  const bottomPad = (0, import_primitives5.cylinder)({
-    center: [0, 0, -thickness / 2],
-    radius: outerDiameter / 2,
-    height: padThickness,
-    segments: SMOOTH_CIRCLE_SEGMENTS
-  });
-  const viaSolid = (0, import_booleans3.union)([barrel, topPad, bottomPad]);
-  const drillHeight = thickness + padThickness * 2;
+  const viaSolid = barrel;
+  const drillHeight = thickness + 2 * M;
   const drill = (0, import_primitives5.cylinder)({
     center: [0, 0, 0],
     radius: holeDiameter / 2,
@@ -31738,7 +31648,7 @@ import { su as su8 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect23, useMemo as useMemo19 } from "react";
 
 // src/textures/create-combined-board-textures.ts
-import * as THREE27 from "three";
+import * as THREE28 from "three";
 
 // node_modules/@tscircuit/math-utils/dist/chunk-5N7UJNVK.js
 var getBoundsFromPoints = (points) => {
@@ -31925,8 +31835,16 @@ function createPadTextureForLayer({
 }
 
 // src/utils/panel-outline-texture.ts
-import * as THREE20 from "three";
 import { su as su6 } from "@tscircuit/circuit-json-util";
+import * as THREE20 from "three";
+var resolvePanelIdForTexture = (circuitJson) => {
+  const panels = circuitJson.filter(
+    (e) => e.type === "pcb_panel"
+  );
+  if (panels.length === 0) return null;
+  if (panels.length === 1) return panels[0].pcb_panel_id;
+  return null;
+};
 function createPanelOutlineTextureForLayer({
   layer,
   circuitJson,
@@ -31934,7 +31852,12 @@ function createPanelOutlineTextureForLayer({
   outlineColor = "black",
   traceTextureResolution
 }) {
-  const boardsInPanel = su6(circuitJson).pcb_board.list().filter((b) => b.pcb_panel_id === panelData.pcb_board_id);
+  const panelId = resolvePanelIdForTexture(circuitJson);
+  if (!panelId) return null;
+  const allBoards = su6(circuitJson).pcb_board.list();
+  const boardsInPanel = allBoards.filter(
+    (b) => b.pcb_panel_id === panelId || b.position_mode === "relative_to_panel_anchor" && !b.pcb_panel_id
+  );
   if (boardsInPanel.length === 0) {
     return null;
   }
@@ -32893,6 +32816,109 @@ function createSoldermaskTextureForLayer({
   return texture;
 }
 
+// src/textures/create-through-hole-texture-for-layer.ts
+import * as THREE27 from "three";
+
+// src/textures/through-hole/through-hole-drawing.ts
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer6 } from "circuit-to-canvas";
+var setDrawerBounds6 = (drawer, bounds) => {
+  drawer.setCameraBounds({
+    minX: bounds.minX,
+    maxX: bounds.maxX,
+    minY: bounds.minY,
+    maxY: bounds.maxY
+  });
+};
+var drawThroughHoleLayer = ({
+  ctx,
+  layer,
+  bounds,
+  elements,
+  copperColor
+}) => {
+  const renderLayer = layer === "top" ? "top_copper" : "bottom_copper";
+  const transparent = "rgba(0,0,0,0)";
+  const drawer = new CircuitToCanvasDrawer6(ctx);
+  drawer.configure({
+    colorOverrides: {
+      copper: {
+        top: copperColor,
+        bottom: copperColor,
+        inner1: copperColor,
+        inner2: copperColor,
+        inner3: copperColor,
+        inner4: copperColor,
+        inner5: copperColor,
+        inner6: copperColor
+      },
+      drill: transparent,
+      boardOutline: transparent,
+      substrate: transparent,
+      keepout: transparent,
+      fabricationNote: transparent,
+      silkscreen: { top: transparent, bottom: transparent },
+      courtyard: { top: transparent, bottom: transparent },
+      soldermask: { top: transparent, bottom: transparent },
+      soldermaskWithCopperUnderneath: {
+        top: transparent,
+        bottom: transparent
+      },
+      soldermaskOverCopper: {
+        top: transparent,
+        bottom: transparent
+      }
+    }
+  });
+  setDrawerBounds6(drawer, bounds);
+  drawer.drawElements(elements, {
+    layers: [renderLayer]
+  });
+};
+
+// src/textures/create-through-hole-texture-for-layer.ts
+function createThroughHoleTextureForLayer({
+  layer,
+  circuitJson,
+  boardData,
+  copperColor = "rgb(230, 153, 51)",
+  traceTextureResolution = TRACE_TEXTURE_RESOLUTION
+}) {
+  const elements = circuitJson.filter((element) => {
+    if (element.type === "pcb_via") return true;
+    if (element.type !== "pcb_plated_hole") return false;
+    const platedHole2 = element;
+    return !Array.isArray(platedHole2.layers) || platedHole2.layers.includes(layer);
+  });
+  if (elements.length === 0) return null;
+  const bounds = calculateOutlineBounds(boardData);
+  const canvasWidth = Math.floor(bounds.width * traceTextureResolution);
+  const canvasHeight = Math.floor(bounds.height * traceTextureResolution);
+  if (canvasWidth <= 0 || canvasHeight <= 0) return null;
+  const canvas = document.createElement("canvas");
+  canvas.width = canvasWidth;
+  canvas.height = canvasHeight;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return null;
+  if (layer === "bottom") {
+    ctx.translate(0, canvasHeight);
+    ctx.scale(1, -1);
+  }
+  drawThroughHoleLayer({
+    ctx,
+    layer,
+    bounds,
+    elements,
+    copperColor
+  });
+  const texture = new THREE27.CanvasTexture(canvas);
+  texture.generateMipmaps = true;
+  texture.minFilter = THREE27.LinearMipmapLinearFilter;
+  texture.magFilter = THREE27.LinearFilter;
+  texture.anisotropy = 16;
+  texture.needsUpdate = true;
+  return texture;
+}
+
 // src/textures/create-combined-board-textures.ts
 var toRgb2 = (colorArr) => {
   const [r = 0, g = 0, b = 0] = colorArr;
@@ -32925,10 +32951,10 @@ var createCombinedTexture = ({
     const image = texture.image;
     ctx.drawImage(image, 0, 0, canvasWidth, canvasHeight);
   });
-  const combinedTexture = new THREE27.CanvasTexture(canvas);
+  const combinedTexture = new THREE28.CanvasTexture(canvas);
   combinedTexture.generateMipmaps = false;
-  combinedTexture.minFilter = THREE27.LinearFilter;
-  combinedTexture.magFilter = THREE27.LinearFilter;
+  combinedTexture.minFilter = THREE28.LinearFilter;
+  combinedTexture.magFilter = THREE28.LinearFilter;
   combinedTexture.premultiplyAlpha = true;
   combinedTexture.anisotropy = 16;
   combinedTexture.needsUpdate = true;
@@ -32976,6 +33002,13 @@ function createCombinedBoardTextures({
       copperColor,
       traceTextureResolution
     }) : null;
+    const throughHoleTexture = showCopper ? createThroughHoleTextureForLayer({
+      layer,
+      circuitJson,
+      boardData,
+      copperColor,
+      traceTextureResolution
+    }) : null;
     const silkscreenTexture = showSilkscreen ? createSilkscreenTextureForLayer({
       layer,
       circuitJson,
@@ -33006,6 +33039,7 @@ function createCombinedBoardTextures({
       textures: [
         traceTexture,
         padTexture,
+        throughHoleTexture,
         soldermaskTexture,
         copperTextTexture,
         silkscreenTexture,
@@ -33025,15 +33059,15 @@ function createCombinedBoardTextures({
 }
 
 // src/textures/create-copper-pour-texture-for-layer.ts
-import * as THREE28 from "three";
-import { CircuitToCanvasDrawer as CircuitToCanvasDrawer6 } from "circuit-to-canvas";
+import * as THREE29 from "three";
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer7 } from "circuit-to-canvas";
 
 // src/geoms/brep-converter.ts
 var import_primitives7 = __toESM(require_primitives(), 1);
 var import_booleans5 = __toESM(require_booleans(), 1);
 
 // src/textures/create-three-texture-meshes.ts
-import * as THREE29 from "three";
+import * as THREE30 from "three";
 function createTexturePlane(config, boardData) {
   const {
     texture,
@@ -33045,15 +33079,15 @@ function createTexturePlane(config, boardData) {
   } = config;
   if (!texture) return null;
   const boardOutlineBounds = calculateOutlineBounds(boardData);
-  const planeGeom = new THREE29.PlaneGeometry(
+  const planeGeom = new THREE30.PlaneGeometry(
     boardOutlineBounds.width,
     boardOutlineBounds.height
   );
-  const material = new THREE29.MeshBasicMaterial({
+  const material = new THREE30.MeshBasicMaterial({
     map: texture,
     transparent: true,
     alphaTest: 0.08,
-    side: THREE29.DoubleSide,
+    side: THREE30.DoubleSide,
     depthWrite: true,
     polygonOffset: usePolygonOffset,
     polygonOffsetFactor: usePolygonOffset ? -4 : 0,
@@ -33061,7 +33095,7 @@ function createTexturePlane(config, boardData) {
     polygonOffsetUnits: usePolygonOffset ? -4 : 0,
     opacity: isFaux ? FAUX_BOARD_OPACITY : 1
   });
-  const mesh = new THREE29.Mesh(planeGeom, material);
+  const mesh = new THREE30.Mesh(planeGeom, material);
   mesh.position.set(
     boardOutlineBounds.centerX,
     boardOutlineBounds.centerY,
@@ -33106,7 +33140,7 @@ function createTextureMeshes(textures, boardData, pcbThickness, isFaux = false)
 }
 
 // src/three-components/JscadBoardTextures.tsx
-import * as THREE30 from "three";
+import * as THREE31 from "three";
 
 // src/utils/layer-texture-resolution.ts
 var DEFAULT_MAX_TEXTURE_PIXELS = 4e6;
@@ -33202,7 +33236,7 @@ function JscadBoardTextures({
       const typedMaterial = material;
       for (const prop of textureProps) {
         const texture = typedMaterial[prop];
-        if (texture && texture instanceof THREE30.Texture) {
+        if (texture && texture instanceof THREE31.Texture) {
           texture.dispose();
           typedMaterial[prop] = null;
         }
@@ -33212,22 +33246,22 @@ function JscadBoardTextures({
     const createTexturePlane2 = (texture, zOffset, isBottomLayer, name, usePolygonOffset = false, depthWrite = true, renderOrder = 1) => {
       if (!texture) return null;
       const boardOutlineBounds = calculateOutlineBounds(boardData);
-      const planeGeom = new THREE30.PlaneGeometry(
+      const planeGeom = new THREE31.PlaneGeometry(
         boardOutlineBounds.width,
         boardOutlineBounds.height
       );
-      const material = new THREE30.MeshBasicMaterial({
+      const material = new THREE31.MeshBasicMaterial({
         map: texture,
         transparent: true,
         alphaTest: 0.08,
-        side: THREE30.DoubleSide,
+        side: THREE31.DoubleSide,
         depthWrite,
         polygonOffset: usePolygonOffset,
         polygonOffsetFactor: usePolygonOffset ? -4 : 0,
         polygonOffsetUnits: usePolygonOffset ? -4 : 0,
         opacity: isFaux ? FAUX_BOARD_OPACITY : 1
       });
-      const mesh = new THREE30.Mesh(planeGeom, material);
+      const mesh = new THREE31.Mesh(planeGeom, material);
       mesh.position.set(
         boardOutlineBounds.centerX,
         boardOutlineBounds.centerY,
@@ -33272,7 +33306,7 @@ function JscadBoardTextures({
         mesh.geometry.dispose();
         if (Array.isArray(mesh.material)) {
           mesh.material.forEach((material) => disposeTextureMaterial(material));
-        } else if (mesh.material instanceof THREE30.Material) {
+        } else if (mesh.material instanceof THREE31.Material) {
           disposeTextureMaterial(mesh.material);
         }
       });
@@ -33505,12 +33539,12 @@ var CadViewerJscad = forwardRef3(
 // src/CadViewerManifold.tsx
 import { su as su17 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect25, useMemo as useMemo22, useState as useState16 } from "react";
-import * as THREE37 from "three";
+import * as THREE38 from "three";
 
 // src/hooks/useManifoldBoardBuilder.ts
 import { su as su16 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect24, useMemo as useMemo21, useRef as useRef9, useState as useState15 } from "react";
-import * as THREE34 from "three";
+import * as THREE35 from "three";
 
 // src/utils/manifold/create-manifold-board.ts
 var arePointsClockwise2 = (points) => {
@@ -33852,17 +33886,17 @@ function processNonPlatedHolesForManifold(Manifold, CrossSection, circuitJson, p
 
 // src/utils/manifold/process-plated-holes.ts
 import { su as su14 } from "@tscircuit/circuit-json-util";
-import * as THREE32 from "three";
+import * as THREE33 from "three";
 
 // src/utils/manifold-mesh-to-three-geometry.ts
-import * as THREE31 from "three";
+import * as THREE32 from "three";
 function manifoldMeshToThreeGeometry(manifoldMesh) {
-  const geometry = new THREE31.BufferGeometry();
+  const geometry = new THREE32.BufferGeometry();
   geometry.setAttribute(
     "position",
-    new THREE31.Float32BufferAttribute(manifoldMesh.vertProperties, 3)
+    new THREE32.Float32BufferAttribute(manifoldMesh.vertProperties, 3)
   );
-  geometry.setIndex(new THREE31.Uint32BufferAttribute(manifoldMesh.triVerts, 1));
+  geometry.setIndex(new THREE32.Uint32BufferAttribute(manifoldMesh.triVerts, 1));
   if (manifoldMesh.runIndex && manifoldMesh.runIndex.length > 1 && manifoldMesh.runOriginalID) {
     for (let i = 0; i < manifoldMesh.runIndex.length - 1; i++) {
       const start = manifoldMesh.runIndex[i];
@@ -33896,7 +33930,7 @@ var createEllipsePoints = (width10, height10, segments) => {
   }
   return points;
 };
-var COPPER_COLOR = new THREE32.Color(...colors.copper);
+var COPPER_COLOR = new THREE33.Color(...colors.copper);
 var PLATED_HOLE_LIP_HEIGHT = 0.05;
 var PLATED_HOLE_PAD_THICKNESS = 3e-3;
 var PLATED_HOLE_SURFACE_CLEARANCE = 5e-4;
@@ -33998,6 +34032,10 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
     return holeOp;
   };
   pcbPlatedHoles.forEach((ph, index2) => {
+    const internalCopperThickness = Math.max(
+      pcbThickness - 2 * (PLATED_HOLE_PAD_THICKNESS + PLATED_HOLE_SURFACE_CLEARANCE + PLATED_HOLE_FILL_CLEARANCE),
+      M
+    );
     if (ph.shape === "circle") {
       const translatedDrill = createPlatedHoleDrill({
         Manifold,
@@ -34010,7 +34048,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
       });
       manifoldInstancesForCleanup.push(translatedDrill);
       platedHoleBoardDrills.push(translatedDrill);
-      const copperPartThickness = pcbThickness + 2 * MANIFOLD_Z_OFFSET;
+      const copperPartThickness = internalCopperThickness;
       const platedPart = Manifold.cylinder(
         copperPartThickness,
         ph.outer_diameter / 2,
@@ -34070,7 +34108,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
       ]);
       manifoldInstancesForCleanup.push(translatedBoardPillDrill);
       platedHoleBoardDrills.push(translatedBoardPillDrill);
-      const copperPartThickness = pcbThickness + 2 * MANIFOLD_Z_OFFSET;
+      const copperPartThickness = internalCopperThickness;
       const outerCopperOpUnrotated = createPillOp(
         outerW,
         outerH,
@@ -34148,29 +34186,6 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         borderRadius: rectBorderRadius
       });
       manifoldInstancesForCleanup.push(mainFill);
-      const topPad = createRoundedRectPrism({
-        Manifold,
-        width: padWidth,
-        height: padHeight,
-        thickness: padThickness,
-        borderRadius: rectBorderRadius
-      }).translate([
-        0,
-        0,
-        pcbThickness / 2 + PLATED_HOLE_SURFACE_CLEARANCE + padThickness / 2
-      ]);
-      const bottomPad = createRoundedRectPrism({
-        Manifold,
-        width: padWidth,
-        height: padHeight,
-        thickness: padThickness,
-        borderRadius: rectBorderRadius
-      }).translate([
-        0,
-        0,
-        -pcbThickness / 2 - PLATED_HOLE_SURFACE_CLEARANCE - padThickness / 2
-      ]);
-      manifoldInstancesForCleanup.push(topPad, bottomPad);
       const barrelPill = createPillOp(
         holeW,
         holeH,
@@ -34178,12 +34193,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         // Slightly shorter than board
       ).translate([holeOffsetX, holeOffsetY, 0]);
       manifoldInstancesForCleanup.push(barrelPill);
-      const copperUnion = Manifold.union([
-        mainFill,
-        topPad,
-        bottomPad,
-        barrelPill
-      ]);
+      const copperUnion = Manifold.union([mainFill, barrelPill]);
       manifoldInstancesForCleanup.push(copperUnion);
       const holeCutOp = createPillOp(
         Math.max(holeW - 2 * PLATED_HOLE_LIP_HEIGHT, 0.01),
@@ -34263,39 +34273,6 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         manifoldInstancesForCleanup.push(rotatedMainFill);
         mainFill = rotatedMainFill;
       }
-      let topPad = createRoundedRectPrism({
-        Manifold,
-        width: padWidth,
-        height: padHeight,
-        thickness: padThickness,
-        borderRadius: rectBorderRadius
-      }).translate([
-        0,
-        0,
-        pcbThickness / 2 + PLATED_HOLE_SURFACE_CLEARANCE + padThickness / 2
-      ]);
-      if (ph.rect_ccw_rotation) {
-        const rotatedTopPad = topPad.rotate([0, 0, ph.rect_ccw_rotation]);
-        manifoldInstancesForCleanup.push(rotatedTopPad);
-        topPad = rotatedTopPad;
-      }
-      let bottomPad = createRoundedRectPrism({
-        Manifold,
-        width: padWidth,
-        height: padHeight,
-        thickness: padThickness,
-        borderRadius: rectBorderRadius
-      }).translate([
-        0,
-        0,
-        -pcbThickness / 2 - PLATED_HOLE_SURFACE_CLEARANCE - padThickness / 2
-      ]);
-      if (ph.rect_ccw_rotation) {
-        const rotatedBottomPad = bottomPad.rotate([0, 0, ph.rect_ccw_rotation]);
-        manifoldInstancesForCleanup.push(rotatedBottomPad);
-        bottomPad = rotatedBottomPad;
-      }
-      manifoldInstancesForCleanup.push(topPad, bottomPad);
       let barrelPill = createPillOp(
         holeW,
         holeH,
@@ -34308,12 +34285,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         barrelPill = rotatedBarrel;
       }
       manifoldInstancesForCleanup.push(barrelPill);
-      const copperUnion = Manifold.union([
-        mainFill,
-        topPad,
-        bottomPad,
-        barrelPill
-      ]);
+      const copperUnion = Manifold.union([mainFill, barrelPill]);
       manifoldInstancesForCleanup.push(copperUnion);
       let holeCutOp = createPillOp(
         Math.max(holeW - 2 * PLATED_HOLE_LIP_HEIGHT, 0.01),
@@ -34370,23 +34342,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         padOutline,
         thickness: fillThickness
       });
-      const topPad = createPolygonPadOp({ padOutline, thickness: padThickness });
-      const bottomPad = createPolygonPadOp({
-        padOutline,
-        thickness: padThickness
-      });
-      if (!mainFill || !topPad || !bottomPad) return;
-      const topTranslated = topPad.translate([
-        0,
-        0,
-        pcbThickness / 2 + PLATED_HOLE_SURFACE_CLEARANCE + padThickness / 2
-      ]);
-      const bottomTranslated = bottomPad.translate([
-        0,
-        0,
-        -pcbThickness / 2 - PLATED_HOLE_SURFACE_CLEARANCE - padThickness / 2
-      ]);
-      manifoldInstancesForCleanup.push(topTranslated, bottomTranslated);
+      if (!mainFill) return;
       const barrelOp = createHoleOpForPolygonPad({
         ph,
         depth: pcbThickness * 1.02
@@ -34397,12 +34353,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         depth: pcbThickness * 0.8,
         sizeDelta: -2 * M
       }) || barrelOp;
-      const copperUnion = Manifold.union([
-        mainFill,
-        topTranslated,
-        bottomTranslated,
-        barrelOp
-      ]);
+      const copperUnion = Manifold.union([mainFill, barrelOp]);
       manifoldInstancesForCleanup.push(copperUnion);
       const finalCopper = copperUnion.subtract(holeCutOp);
       manifoldInstancesForCleanup.push(finalCopper);
@@ -34459,7 +34410,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
       const translatedDrill = boardDrillOp.translate([ph.x, ph.y, 0]);
       manifoldInstancesForCleanup.push(translatedDrill);
       platedHoleBoardDrills.push(translatedDrill);
-      const copperPartThickness = pcbThickness + 2 * MANIFOLD_Z_OFFSET;
+      const copperPartThickness = internalCopperThickness;
       let outerPoints = createEllipsePoints(
         outerW,
         outerH,
@@ -34558,29 +34509,6 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         borderRadius: rectBorderRadius
       });
       manifoldInstancesForCleanup.push(mainFill);
-      const topPad = createRoundedRectPrism({
-        Manifold,
-        width: padWidth,
-        height: padHeight,
-        thickness: padThickness,
-        borderRadius: rectBorderRadius
-      }).translate([
-        0,
-        0,
-        pcbThickness / 2 + PLATED_HOLE_SURFACE_CLEARANCE + padThickness / 2
-      ]);
-      const bottomPad = createRoundedRectPrism({
-        Manifold,
-        width: padWidth,
-        height: padHeight,
-        thickness: padThickness,
-        borderRadius: rectBorderRadius
-      }).translate([
-        0,
-        0,
-        -pcbThickness / 2 - PLATED_HOLE_SURFACE_CLEARANCE - padThickness / 2
-      ]);
-      manifoldInstancesForCleanup.push(topPad, bottomPad);
       const barrelCylinder = Manifold.cylinder(
         pcbThickness * 0.8,
         // Slightly taller than board
@@ -34590,12 +34518,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         true
       ).translate([holeOffsetX, holeOffsetY, 0]);
       manifoldInstancesForCleanup.push(barrelCylinder);
-      const copperUnion = Manifold.union([
-        mainFill,
-        topPad,
-        bottomPad,
-        barrelCylinder
-      ]);
+      const copperUnion = Manifold.union([mainFill, barrelCylinder]);
       manifoldInstancesForCleanup.push(copperUnion);
       const holeDrill = Manifold.cylinder(
         pcbThickness * 1.2,
@@ -34638,7 +34561,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
 
 // src/utils/manifold/process-vias.ts
 import { su as su15 } from "@tscircuit/circuit-json-util";
-import * as THREE33 from "three";
+import * as THREE34 from "three";
 
 // src/utils/via-geoms.ts
 function createViaCopper2({
@@ -34651,7 +34574,6 @@ function createViaCopper2({
   zOffset = 1e-3,
   segments = 32
 }) {
-  const padThickness = zOffset;
   const platingThickness = zOffset;
   if (outerDiameter < holeDiameter) {
     throw new Error(
@@ -34663,22 +34585,8 @@ function createViaCopper2({
     holeDiameter / 2 + platingThickness
   );
   const barrel = Manifold.cylinder(thickness, barrelRadius, -1, segments, true);
-  const topPad = Manifold.cylinder(
-    padThickness,
-    outerDiameter / 2,
-    -1,
-    segments,
-    true
-  ).translate([0, 0, thickness / 2]);
-  const bottomPad = Manifold.cylinder(
-    padThickness,
-    outerDiameter / 2,
-    -1,
-    segments,
-    true
-  ).translate([0, 0, -thickness / 2]);
-  const viaSolid = Manifold.union([barrel, topPad, bottomPad]);
-  const drillHeight = thickness + padThickness * 2;
+  const viaSolid = barrel;
+  const drillHeight = thickness + 2 * zOffset;
   const drill = Manifold.cylinder(
     drillHeight,
     holeDiameter / 2,
@@ -34691,7 +34599,7 @@ function createViaCopper2({
 }
 
 // src/utils/manifold/process-vias.ts
-var COPPER_COLOR2 = new THREE33.Color(...colors.copper);
+var COPPER_COLOR2 = new THREE34.Color(...colors.copper);
 function processViasForManifold(Manifold, circuitJson, pcbThickness, manifoldInstancesForCleanup, boardClipVolume) {
   const viaBoardDrills = [];
   const pcbVias = su15(circuitJson).pcb_via.list();
@@ -34911,7 +34819,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson, visibility) => {
             {
               key: "plated-holes-union",
               geometry: cutPlatedGeom,
-              color: new THREE34.Color(
+              color: new THREE35.Color(
                 colors.copper[0],
                 colors.copper[1],
                 colors.copper[2]
@@ -34941,7 +34849,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson, visibility) => {
         const matColorArray = boardMaterialColors[boardData.material] ?? colors.fr4Tan;
         currentGeoms.board = {
           geometry: finalBoardGeom,
-          color: new THREE34.Color(
+          color: new THREE35.Color(
             matColorArray[0],
             matColorArray[1],
             matColorArray[2]
@@ -34986,11 +34894,11 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson, visibility) => {
 };
 
 // src/utils/manifold/create-three-geometry-meshes.ts
-import * as THREE36 from "three";
+import * as THREE37 from "three";
 
 // src/utils/create-board-material.ts
-import * as THREE35 from "three";
-var DEFAULT_SIDE = THREE35.DoubleSide;
+import * as THREE36 from "three";
+var DEFAULT_SIDE = THREE36.DoubleSide;
 var createBoardMaterial = ({
   material,
   color,
@@ -34998,7 +34906,7 @@ var createBoardMaterial = ({
   isFaux = false
 }) => {
   if (material === "fr4") {
-    return new THREE35.MeshPhysicalMaterial({
+    return new THREE36.MeshPhysicalMaterial({
       color,
       side,
       metalness: 0,
@@ -35015,7 +34923,7 @@ var createBoardMaterial = ({
       polygonOffsetUnits: 1
     });
   }
-  return new THREE35.MeshStandardMaterial({
+  return new THREE36.MeshStandardMaterial({
     color,
     side,
     flatShading: true,
@@ -35034,12 +34942,12 @@ function createGeometryMeshes(geoms) {
   const meshes = [];
   if (!geoms) return meshes;
   if (geoms.board && geoms.board.geometry) {
-    const mesh = new THREE36.Mesh(
+    const mesh = new THREE37.Mesh(
       geoms.board.geometry,
       createBoardMaterial({
         material: geoms.board.material,
         color: geoms.board.color,
-        side: THREE36.DoubleSide,
+        side: THREE37.DoubleSide,
         isFaux: geoms.board.isFaux
       })
     );
@@ -35049,11 +34957,11 @@ function createGeometryMeshes(geoms) {
   const createMeshesFromArray = (geomArray) => {
     if (geomArray) {
       geomArray.forEach((comp) => {
-        const mesh = new THREE36.Mesh(
+        const mesh = new THREE37.Mesh(
           comp.geometry,
-          new THREE36.MeshStandardMaterial({
+          new THREE37.MeshStandardMaterial({
             color: comp.color,
-            side: THREE36.DoubleSide,
+            side: THREE37.DoubleSide,
             flatShading: true
             // Consistent with board
           })
@@ -35097,7 +35005,7 @@ var BoardMeshes = ({
       const typedMaterial = material;
       for (const prop of textureProps) {
         const texture = typedMaterial[prop];
-        if (texture && texture instanceof THREE37.Texture) {
+        if (texture && texture instanceof THREE38.Texture) {
           texture.dispose();
           typedMaterial[prop] = null;
         }
@@ -42039,7 +41947,7 @@ var KeyboardShortcutsDialog = ({
 
 // src/CadViewer.tsx
 import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
-var DEFAULT_TARGET = new THREE38.Vector3(0, 0, 0);
+var DEFAULT_TARGET = new THREE39.Vector3(0, 0, 0);
 var INITIAL_CAMERA_POSITION = [5, -5, 5];
 var CadViewerInner = (props) => {
   const [engine, setEngine] = useState36("manifold");
@@ -42306,11 +42214,11 @@ var CadViewer = (props) => {
 // src/convert-circuit-json-to-3d-svg.ts
 var import_debug = __toESM(require_browser(), 1);
 import { su as su18 } from "@tscircuit/circuit-json-util";
-import * as THREE42 from "three";
+import * as THREE43 from "three";
 import { SVGRenderer } from "three/examples/jsm/renderers/SVGRenderer.js";
 
 // src/utils/create-geometry-from-polygons.ts
-import * as THREE39 from "three";
+import * as THREE40 from "three";
 import { BufferGeometry as BufferGeometry4, Float32BufferAttribute as Float32BufferAttribute3 } from "three";
 function createGeometryFromPolygons(polygons) {
   const geometry = new BufferGeometry4();
@@ -42324,12 +42232,12 @@ function createGeometryFromPolygons(polygons) {
         ...polygon3.vertices[i + 1]
         // Third vertex
       );
-      const v1 = new THREE39.Vector3(...polygon3.vertices[0]);
-      const v2 = new THREE39.Vector3(...polygon3.vertices[i]);
-      const v3 = new THREE39.Vector3(...polygon3.vertices[i + 1]);
-      const normal = new THREE39.Vector3().crossVectors(
-        new THREE39.Vector3().subVectors(v2, v1),
-        new THREE39.Vector3().subVectors(v3, v1)
+      const v1 = new THREE40.Vector3(...polygon3.vertices[0]);
+      const v2 = new THREE40.Vector3(...polygon3.vertices[i]);
+      const v3 = new THREE40.Vector3(...polygon3.vertices[i + 1]);
+      const normal = new THREE40.Vector3().crossVectors(
+        new THREE40.Vector3().subVectors(v2, v1),
+        new THREE40.Vector3().subVectors(v3, v1)
       ).normalize();
       normals.push(
         normal.x,
@@ -42353,10 +42261,10 @@ function createGeometryFromPolygons(polygons) {
 var import_modeling2 = __toESM(require_src(), 1);
 var import_jscad_planner2 = __toESM(require_dist(), 1);
 var jscadModeling2 = __toESM(require_src(), 1);
-import * as THREE41 from "three";
+import * as THREE42 from "three";
 
 // src/utils/load-model.ts
-import * as THREE40 from "three";
+import * as THREE41 from "three";
 import { GLTFLoader as GLTFLoader2 } from "three/examples/jsm/loaders/GLTFLoader.js";
 import { OBJLoader as OBJLoader2 } from "three/examples/jsm/loaders/OBJLoader.js";
 import { STLLoader as STLLoader2 } from "three/examples/jsm/loaders/STLLoader.js";
@@ -42364,12 +42272,12 @@ async function load3DModel(url) {
   if (url.endsWith(".stl")) {
     const loader = new STLLoader2();
     const geometry = await loader.loadAsync(url);
-    const material = new THREE40.MeshStandardMaterial({
+    const material = new THREE41.MeshStandardMaterial({
       color: 8947848,
       metalness: 0.5,
       roughness: 0.5
     });
-    return new THREE40.Mesh(geometry, material);
+    return new THREE41.Mesh(geometry, material);
   }
   if (url.endsWith(".obj")) {
     const loader = new OBJLoader2();
@@ -42402,9 +42310,9 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         model.rotation.set(
-          THREE41.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE41.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE41.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE42.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE42.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE42.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(model);
@@ -42418,13 +42326,13 @@ async function renderComponent(component, scene) {
     );
     if (jscadObject && (jscadObject.polygons || jscadObject.sides)) {
       const threeGeom = convertCSGToThreeGeom(jscadObject);
-      const material2 = new THREE41.MeshStandardMaterial({
+      const material2 = new THREE42.MeshStandardMaterial({
         color: 8947848,
         metalness: 0.5,
         roughness: 0.5,
-        side: THREE41.DoubleSide
+        side: THREE42.DoubleSide
       });
-      const mesh2 = new THREE41.Mesh(threeGeom, material2);
+      const mesh2 = new THREE42.Mesh(threeGeom, material2);
       if (component.position) {
         mesh2.position.set(
           component.position.x ?? 0,
@@ -42434,9 +42342,9 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         mesh2.rotation.set(
-          THREE41.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE41.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE41.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE42.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE42.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE42.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(mesh2);
@@ -42453,17 +42361,17 @@ async function renderComponent(component, scene) {
       if (!geom || !geom.polygons && !geom.sides) {
         continue;
       }
-      const color = new THREE41.Color(geomInfo.color);
+      const color = new THREE42.Color(geomInfo.color);
       color.convertLinearToSRGB();
       const geomWithColor = { ...geom, color: [color.r, color.g, color.b] };
       const threeGeom = convertCSGToThreeGeom(geomWithColor);
-      const material2 = new THREE41.MeshStandardMaterial({
+      const material2 = new THREE42.MeshStandardMaterial({
         vertexColors: true,
         metalness: 0.2,
         roughness: 0.8,
-        side: THREE41.DoubleSide
+        side: THREE42.DoubleSide
       });
-      const mesh2 = new THREE41.Mesh(threeGeom, material2);
+      const mesh2 = new THREE42.Mesh(threeGeom, material2);
       if (component.position) {
         mesh2.position.set(
           component.position.x ?? 0,
@@ -42473,22 +42381,22 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         mesh2.rotation.set(
-          THREE41.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE41.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE41.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE42.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE42.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE42.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(mesh2);
     }
     return;
   }
-  const geometry = new THREE41.BoxGeometry(0.5, 0.5, 0.5);
-  const material = new THREE41.MeshStandardMaterial({
+  const geometry = new THREE42.BoxGeometry(0.5, 0.5, 0.5);
+  const material = new THREE42.MeshStandardMaterial({
     color: 16711680,
     transparent: true,
     opacity: 0.25
   });
-  const mesh = new THREE41.Mesh(geometry, material);
+  const mesh = new THREE42.Mesh(geometry, material);
   if (component.position) {
     mesh.position.set(
       component.position.x ?? 0,
@@ -42509,11 +42417,11 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
     padding = 20,
     zoom = 1.5
   } = options;
-  const scene = new THREE42.Scene();
+  const scene = new THREE43.Scene();
   const renderer = new SVGRenderer();
   renderer.setSize(width10, height10);
-  renderer.setClearColor(new THREE42.Color(backgroundColor), 1);
-  const camera = new THREE42.OrthographicCamera();
+  renderer.setClearColor(new THREE43.Color(backgroundColor), 1);
+  const camera = new THREE43.OrthographicCamera();
   const aspect = width10 / height10;
   const frustumSize = 100;
   const halfFrustumSize = frustumSize / 2 / zoom;
@@ -42527,11 +42435,11 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   camera.position.set(position.x, position.y, position.z);
   camera.up.set(0, 1, 0);
   const lookAt = options.camera?.lookAt ?? { x: 0, y: 0, z: 0 };
-  camera.lookAt(new THREE42.Vector3(lookAt.x, lookAt.y, lookAt.z));
+  camera.lookAt(new THREE43.Vector3(lookAt.x, lookAt.y, lookAt.z));
   camera.updateProjectionMatrix();
-  const ambientLight = new THREE42.AmbientLight(16777215, Math.PI / 2);
+  const ambientLight = new THREE43.AmbientLight(16777215, Math.PI / 2);
   scene.add(ambientLight);
-  const pointLight = new THREE42.PointLight(16777215, Math.PI / 4);
+  const pointLight = new THREE43.PointLight(16777215, Math.PI / 4);
   pointLight.position.set(-10, -10, 10);
   scene.add(pointLight);
   const components = su18(circuitJson).cad_component.list();
@@ -42542,7 +42450,7 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   const boardGeom = createBoardGeomFromCircuitJson(circuitJson);
   if (boardGeom) {
     const solderMaskColor = colors.fr4SolderMaskGreen;
-    const baseColor = new THREE42.Color(
+    const baseColor = new THREE43.Color(
       solderMaskColor[0],
       solderMaskColor[1],
       solderMaskColor[2]
@@ -42554,28 +42462,28 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
       const material = createBoardMaterial({
         material: boardData?.material,
         color: baseColor,
-        side: THREE42.DoubleSide
+        side: THREE43.DoubleSide
       });
-      const mesh = new THREE42.Mesh(geometry, material);
+      const mesh = new THREE43.Mesh(geometry, material);
       scene.add(mesh);
     }
   }
-  const gridColor = new THREE42.Color(8947848);
-  const gridHelper = new THREE42.GridHelper(100, 100, gridColor, gridColor);
+  const gridColor = new THREE43.Color(8947848);
+  const gridHelper = new THREE43.GridHelper(100, 100, gridColor, gridColor);
   gridHelper.rotation.x = Math.PI / 2;
   const materials = Array.isArray(gridHelper.material) ? gridHelper.material : [gridHelper.material];
   for (const mat of materials) {
     mat.transparent = true;
     mat.opacity = 0.3;
-    if (mat instanceof THREE42.LineBasicMaterial) {
+    if (mat instanceof THREE43.LineBasicMaterial) {
       mat.color = gridColor;
       mat.vertexColors = false;
     }
   }
   scene.add(gridHelper);
-  const box = new THREE42.Box3().setFromObject(scene);
-  const center = box.getCenter(new THREE42.Vector3());
-  const size4 = box.getSize(new THREE42.Vector3());
+  const box = new THREE43.Box3().setFromObject(scene);
+  const center = box.getCenter(new THREE43.Vector3());
+  const size4 = box.getSize(new THREE43.Vector3());
   scene.position.sub(center);
   const maxDim = Math.max(size4.x, size4.y, size4.z);
   if (maxDim > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.527",
+  "version": "0.0.529",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",
@@ -29,8 +29,8 @@
   "dependencies": {
     "@jscad/regl-renderer": "^2.6.12",
     "@jscad/stl-serializer": "^2.1.20",
-    "circuit-json": "^0.0.372",
-    "circuit-to-canvas": "^0.0.87",
+    "circuit-json": "^0.0.391",
+    "circuit-to-canvas": "^0.0.89",
     "react-hot-toast": "^2.6.0",
     "three": "^0.165.0",
     "three-stdlib": "^2.36.0",