@tscircuit/3d-viewer 0.0.520 → 0.0.522

package/dist/index.js

@@ -243,9 +243,9 @@ var require_trigonometry = __commonJS({
     "use strict";
     var { NEPS } = require_constants();
     var rezero = (n) => Math.abs(n) < NEPS ? 0 : n;
-    var sin2 = (radians) => rezero(Math.sin(radians));
-    var cos2 = (radians) => rezero(Math.cos(radians));
-    module.exports = { sin: sin2, cos: cos2 };
+    var sin = (radians) => rezero(Math.sin(radians));
+    var cos = (radians) => rezero(Math.cos(radians));
+    module.exports = { sin, cos };
   }
 });
 
@@ -281,7 +281,7 @@ var require_fromRotation = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/fromRotation.js"(exports, module) {
     "use strict";
     var { EPS } = require_constants();
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var identity = require_identity();
     var fromRotation = (out, rad, axis) => {
       let [x, y, z18] = axis;
@@ -293,8 +293,8 @@ var require_fromRotation = __commonJS({
       x *= len;
       y *= len;
       z18 *= len;
-      const s = sin2(rad);
-      const c = cos2(rad);
+      const s = sin(rad);
+      const c = cos(rad);
       const t = 1 - c;
       out[0] = x * x * t + c;
       out[1] = y * x * t + z18 * s;
@@ -349,14 +349,14 @@ var require_fromScaling = __commonJS({
 var require_fromTaitBryanRotation = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/fromTaitBryanRotation.js"(exports, module) {
     "use strict";
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var fromTaitBryanRotation = (out, yaw, pitch, roll) => {
-      const sy = sin2(yaw);
-      const cy = cos2(yaw);
-      const sp = sin2(pitch);
-      const cp = cos2(pitch);
-      const sr = sin2(roll);
-      const cr = cos2(roll);
+      const sy = sin(yaw);
+      const cy = cos(yaw);
+      const sp = sin(pitch);
+      const cp = cos(pitch);
+      const sr = sin(roll);
+      const cr = cos(roll);
       out[0] = cp * cy;
       out[1] = cp * sy;
       out[2] = -sp;
@@ -825,13 +825,13 @@ var require_rotateZ = __commonJS({
 var require_scale = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec3/scale.js"(exports, module) {
     "use strict";
-    var scale3 = (out, vector, amount) => {
+    var scale2 = (out, vector, amount) => {
       out[0] = vector[0] * amount;
       out[1] = vector[1] * amount;
       out[2] = vector[2] * amount;
       return out;
     };
-    module.exports = scale3;
+    module.exports = scale2;
   }
 });
 
@@ -904,7 +904,7 @@ var require_toString = __commonJS({
 var require_transform = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec3/transform.js"(exports, module) {
     "use strict";
-    var transform2 = (out, vector, matrix) => {
+    var transform = (out, vector, matrix) => {
       const x = vector[0];
       const y = vector[1];
       const z18 = vector[2];
@@ -915,7 +915,7 @@ var require_transform = __commonJS({
       out[2] = (matrix[2] * x + matrix[6] * y + matrix[10] * z18 + matrix[14]) / w;
       return out;
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -999,10 +999,10 @@ var require_fromVectorRotation = __commonJS({
 var require_fromXRotation = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/fromXRotation.js"(exports, module) {
     "use strict";
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var fromXRotation = (out, radians) => {
-      const s = sin2(radians);
-      const c = cos2(radians);
+      const s = sin(radians);
+      const c = cos(radians);
       out[0] = 1;
       out[1] = 0;
       out[2] = 0;
@@ -1029,10 +1029,10 @@ var require_fromXRotation = __commonJS({
 var require_fromYRotation = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/fromYRotation.js"(exports, module) {
     "use strict";
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var fromYRotation = (out, radians) => {
-      const s = sin2(radians);
-      const c = cos2(radians);
+      const s = sin(radians);
+      const c = cos(radians);
       out[0] = c;
       out[1] = 0;
       out[2] = -s;
@@ -1059,10 +1059,10 @@ var require_fromYRotation = __commonJS({
 var require_fromZRotation = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/fromZRotation.js"(exports, module) {
     "use strict";
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var fromZRotation = (out, radians) => {
-      const s = sin2(radians);
-      const c = cos2(radians);
+      const s = sin(radians);
+      const c = cos(radians);
       out[0] = c;
       out[1] = s;
       out[2] = 0;
@@ -1214,9 +1214,9 @@ var require_rotate = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/rotate.js"(exports, module) {
     "use strict";
     var { EPS } = require_constants();
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var copy = require_copy();
-    var rotate3 = (out, matrix, radians, axis) => {
+    var rotate2 = (out, matrix, radians, axis) => {
       let [x, y, z18] = axis;
       const lengthSquared = x * x + y * y + z18 * z18;
       if (Math.abs(lengthSquared) < EPS) {
@@ -1226,8 +1226,8 @@ var require_rotate = __commonJS({
       x *= len;
       y *= len;
       z18 *= len;
-      const s = sin2(radians);
-      const c = cos2(radians);
+      const s = sin(radians);
+      const c = cos(radians);
       const t = 1 - c;
       const a00 = matrix[0];
       const a01 = matrix[1];
@@ -1270,7 +1270,7 @@ var require_rotate = __commonJS({
       }
       return out;
     };
-    module.exports = rotate3;
+    module.exports = rotate2;
   }
 });
 
@@ -1278,10 +1278,10 @@ var require_rotate = __commonJS({
 var require_rotateX2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/rotateX.js"(exports, module) {
     "use strict";
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var rotateX = (out, matrix, radians) => {
-      const s = sin2(radians);
-      const c = cos2(radians);
+      const s = sin(radians);
+      const c = cos(radians);
       const a10 = matrix[4];
       const a11 = matrix[5];
       const a12 = matrix[6];
@@ -1318,10 +1318,10 @@ var require_rotateX2 = __commonJS({
 var require_rotateY2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/rotateY.js"(exports, module) {
     "use strict";
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var rotateY = (out, matrix, radians) => {
-      const s = sin2(radians);
-      const c = cos2(radians);
+      const s = sin(radians);
+      const c = cos(radians);
       const a00 = matrix[0];
       const a01 = matrix[1];
       const a02 = matrix[2];
@@ -1358,10 +1358,10 @@ var require_rotateY2 = __commonJS({
 var require_rotateZ2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/rotateZ.js"(exports, module) {
     "use strict";
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var rotateZ3 = (out, matrix, radians) => {
-      const s = sin2(radians);
-      const c = cos2(radians);
+      const s = sin(radians);
+      const c = cos(radians);
       const a00 = matrix[0];
       const a01 = matrix[1];
       const a02 = matrix[2];
@@ -1398,7 +1398,7 @@ var require_rotateZ2 = __commonJS({
 var require_scale2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/scale.js"(exports, module) {
     "use strict";
-    var scale3 = (out, matrix, dimensions) => {
+    var scale2 = (out, matrix, dimensions) => {
       const x = dimensions[0];
       const y = dimensions[1];
       const z18 = dimensions[2];
@@ -1420,7 +1420,7 @@ var require_scale2 = __commonJS({
       out[15] = matrix[15];
       return out;
     };
-    module.exports = scale3;
+    module.exports = scale2;
   }
 });
 
@@ -1464,7 +1464,7 @@ var require_toString2 = __commonJS({
 var require_translate = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/translate.js"(exports, module) {
     "use strict";
-    var translate7 = (out, matrix, offsets) => {
+    var translate6 = (out, matrix, offsets) => {
       const x = offsets[0];
       const y = offsets[1];
       const z18 = offsets[2];
@@ -1517,7 +1517,7 @@ var require_translate = __commonJS({
       }
       return out;
     };
-    module.exports = translate7;
+    module.exports = translate6;
   }
 });
 
@@ -1729,10 +1729,10 @@ var require_equals3 = __commonJS({
 var require_fromAngleRadians = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec2/fromAngleRadians.js"(exports, module) {
     "use strict";
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var fromAngleRadians = (out, radians) => {
-      out[0] = cos2(radians);
-      out[1] = sin2(radians);
+      out[0] = cos(radians);
+      out[1] = sin(radians);
       return out;
     };
     module.exports = fromAngleRadians;
@@ -1857,7 +1857,7 @@ var require_negate2 = __commonJS({
 var require_rotate2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec2/rotate.js"(exports, module) {
     "use strict";
-    var rotate3 = (out, vector, origin, radians) => {
+    var rotate2 = (out, vector, origin, radians) => {
       const x = vector[0] - origin[0];
       const y = vector[1] - origin[1];
       const c = Math.cos(radians);
@@ -1866,7 +1866,7 @@ var require_rotate2 = __commonJS({
       out[1] = x * s + y * c + origin[1];
       return out;
     };
-    module.exports = rotate3;
+    module.exports = rotate2;
   }
 });
 
@@ -1876,8 +1876,8 @@ var require_normal = __commonJS({
     "use strict";
     var { TAU } = require_constants();
     var create = require_create4();
-    var rotate3 = require_rotate2();
-    var normal = (out, vector) => rotate3(out, vector, create(), TAU / 4);
+    var rotate2 = require_rotate2();
+    var normal = (out, vector) => rotate2(out, vector, create(), TAU / 4);
     module.exports = normal;
   }
 });
@@ -1905,12 +1905,12 @@ var require_normalize2 = __commonJS({
 var require_scale3 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec2/scale.js"(exports, module) {
     "use strict";
-    var scale3 = (out, vector, amount) => {
+    var scale2 = (out, vector, amount) => {
       out[0] = vector[0] * amount;
       out[1] = vector[1] * amount;
       return out;
     };
-    module.exports = scale3;
+    module.exports = scale2;
   }
 });
 
@@ -1979,14 +1979,14 @@ var require_toString3 = __commonJS({
 var require_transform2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec2/transform.js"(exports, module) {
     "use strict";
-    var transform2 = (out, vector, matrix) => {
+    var transform = (out, vector, matrix) => {
       const x = vector[0];
       const y = vector[1];
       out[0] = matrix[0] * x + matrix[4] * y + matrix[12];
       out[1] = matrix[1] * x + matrix[5] * y + matrix[13];
       return out;
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -2332,7 +2332,7 @@ var require_transform3 = __commonJS({
     "use strict";
     var mat4 = require_mat4();
     var reverse = require_reverse();
-    var transform2 = (matrix, geometry) => {
+    var transform = (matrix, geometry) => {
       const transforms = mat4.multiply(mat4.create(), matrix, geometry.transforms);
       const transformed = Object.assign({}, geometry, { transforms });
       if (matrix[0] * matrix[5] - matrix[4] * matrix[1] < 0) {
@@ -2340,7 +2340,7 @@ var require_transform3 = __commonJS({
       }
       return transformed;
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -2666,7 +2666,7 @@ var require_Face = __commonJS({
     var dot = require_dot();
     var length51 = require_length();
     var normalize = require_normalize();
-    var scale3 = require_scale();
+    var scale2 = require_scale();
     var subtract5 = require_subtract();
     var HalfEdge = require_HalfEdge();
     var VISIBLE = 0;
@@ -2714,7 +2714,7 @@ var require_Face = __commonJS({
           this.nVertices += 1;
         }
         this.area = length51(this.normal);
-        this.normal = scale3(this.normal, this.normal, 1 / this.area);
+        this.normal = scale2(this.normal, this.normal, 1 / this.area);
       }
       computeNormalMinArea(minArea) {
         this.computeNormal();
@@ -2734,9 +2734,9 @@ var require_Face = __commonJS({
           const p2 = maxEdge.head().point;
           const maxVector = subtract5([], p2, p1);
           const maxLength = Math.sqrt(maxSquaredLength);
-          scale3(maxVector, maxVector, 1 / maxLength);
+          scale2(maxVector, maxVector, 1 / maxLength);
           const maxProjection = dot(this.normal, maxVector);
-          scale3(maxVector, maxVector, -maxProjection);
+          scale2(maxVector, maxVector, -maxProjection);
           add(this.normal, this.normal, maxVector);
           normalize(this.normal, this.normal);
         }
@@ -2748,7 +2748,7 @@ var require_Face = __commonJS({
           add(this.centroid, this.centroid, edge.head().point);
           edge = edge.next;
         } while (edge !== this.edge);
-        scale3(this.centroid, this.centroid, 1 / this.nVertices);
+        scale2(this.centroid, this.centroid, 1 / this.nVertices);
       }
       computeNormalAndCentroid(minArea) {
         if (typeof minArea !== "undefined") {
@@ -3779,7 +3779,7 @@ var require_transform4 = __commonJS({
     var vec3 = require_vec3();
     var fromPoints = require_fromPoints3();
     var flip4 = require_flip();
-    var transform2 = (out, plane, matrix) => {
+    var transform = (out, plane, matrix) => {
       const ismirror = mat4.isMirroring(matrix);
       const r = vec3.orthogonal(vec3.create(), plane);
       const u = vec3.cross(r, plane, r);
@@ -3797,7 +3797,7 @@ var require_transform4 = __commonJS({
       }
       return out;
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -4049,7 +4049,7 @@ var require_fromScalar3 = __commonJS({
 var require_transform5 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec4/transform.js"(exports, module) {
     "use strict";
-    var transform2 = (out, vector, matrix) => {
+    var transform = (out, vector, matrix) => {
       const [x, y, z18, w] = vector;
       out[0] = matrix[0] * x + matrix[4] * y + matrix[8] * z18 + matrix[12] * w;
       out[1] = matrix[1] * x + matrix[5] * y + matrix[9] * z18 + matrix[13] * w;
@@ -4057,7 +4057,7 @@ var require_transform5 = __commonJS({
       out[3] = matrix[3] * x + matrix[7] * y + matrix[11] * z18 + matrix[15] * w;
       return out;
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -4178,14 +4178,14 @@ var require_transform6 = __commonJS({
     var mat4 = require_mat4();
     var vec3 = require_vec3();
     var create = require_create6();
-    var transform2 = (matrix, polygon3) => {
+    var transform = (matrix, polygon3) => {
       const vertices = polygon3.vertices.map((vertex) => vec3.transform(vec3.create(), vertex, matrix));
       if (mat4.isMirroring(matrix)) {
         vertices.reverse();
       }
       return create(vertices);
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -4492,11 +4492,11 @@ var require_transform7 = __commonJS({
   "node_modules/@jscad/modeling/src/geometries/geom3/transform.js"(exports, module) {
     "use strict";
     var mat4 = require_mat4();
-    var transform2 = (matrix, geometry) => {
+    var transform = (matrix, geometry) => {
       const transforms = mat4.multiply(mat4.create(), matrix, geometry.transforms);
       return Object.assign({}, geometry, { transforms });
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -5085,11 +5085,11 @@ var require_transform8 = __commonJS({
   "node_modules/@jscad/modeling/src/geometries/path2/transform.js"(exports, module) {
     "use strict";
     var mat4 = require_mat4();
-    var transform2 = (matrix, geometry) => {
+    var transform = (matrix, geometry) => {
       const transforms = mat4.multiply(mat4.create(), matrix, geometry.transforms);
       return Object.assign({}, geometry, { transforms });
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -6289,14 +6289,14 @@ var require_transform9 = __commonJS({
     var fromPoints = require_fromPoints6();
     var origin = require_origin();
     var direction = require_direction();
-    var transform2 = (out, line, matrix) => {
+    var transform = (out, line, matrix) => {
       const org = origin(line);
       const dir = direction(line);
       vec2.transform(org, org, matrix);
       vec2.transform(dir, dir, matrix);
       return fromPoints(out, org, dir);
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -6570,7 +6570,7 @@ var require_transform10 = __commonJS({
     "use strict";
     var vec3 = require_vec3();
     var fromPointAndDirection = require_fromPointAndDirection();
-    var transform2 = (out, line, matrix) => {
+    var transform = (out, line, matrix) => {
       const point = line[0];
       const direction = line[1];
       const pointPlusDirection = vec3.add(vec3.create(), point, direction);
@@ -6579,7 +6579,7 @@ var require_transform10 = __commonJS({
       const newdirection = vec3.subtract(newPointPlusDirection, newPointPlusDirection, newpoint);
       return fromPointAndDirection(out, newpoint, newdirection);
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -7252,7 +7252,7 @@ var require_ellipse = __commonJS({
     var { EPS, TAU } = require_constants();
     var vec2 = require_vec2();
     var geom2 = require_geom2();
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var { isGTE, isNumberArray } = require_commonChecks();
     var ellipse3 = (options) => {
       const defaults = {
@@ -7289,7 +7289,7 @@ var require_ellipse = __commonJS({
       segments = rotation < TAU ? segments + 1 : segments;
       for (let i = 0; i < segments; i++) {
         const angle = step * i + startAngle;
-        const point = vec2.fromValues(radius[0] * cos2(angle), radius[1] * sin2(angle));
+        const point = vec2.fromValues(radius[0] * cos(angle), radius[1] * sin(angle));
         vec2.add(point, centerv, point);
         points.push(point);
       }
@@ -7396,7 +7396,7 @@ var require_cylinderElliptic = __commonJS({
     var vec3 = require_vec3();
     var geom3 = require_geom3();
     var poly3 = require_poly3();
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var { isGT, isGTE, isNumberArray } = require_commonChecks();
     var cylinderElliptic = (options) => {
       const defaults = {
@@ -7442,8 +7442,8 @@ var require_cylinderElliptic = __commonJS({
       const v3 = vec3.create();
       const point = (stack, slice, radius) => {
         const angle = slice * rotation + startAngle;
-        vec3.scale(v1, axisX, radius[0] * cos2(angle));
-        vec3.scale(v2, axisY, radius[1] * sin2(angle));
+        vec3.scale(v1, axisX, radius[0] * cos(angle));
+        vec3.scale(v2, axisY, radius[1] * sin(angle));
         vec3.add(v1, v1, v2);
         vec3.scale(v3, ray, stack);
         vec3.add(v3, v3, start);
@@ -7528,7 +7528,7 @@ var require_ellipsoid = __commonJS({
     var vec3 = require_vec3();
     var geom3 = require_geom3();
     var poly3 = require_poly3();
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var { isGTE, isNumberArray } = require_commonChecks();
     var ellipsoid = (options) => {
       const defaults = {
@@ -7553,13 +7553,13 @@ var require_ellipsoid = __commonJS({
       const p2 = vec3.create();
       for (let slice1 = 0; slice1 <= segments; slice1++) {
         const angle = TAU * slice1 / segments;
-        const cylinderpoint = vec3.add(vec3.create(), vec3.scale(p1, xvector, cos2(angle)), vec3.scale(p2, yvector, sin2(angle)));
+        const cylinderpoint = vec3.add(vec3.create(), vec3.scale(p1, xvector, cos(angle)), vec3.scale(p2, yvector, sin(angle)));
         if (slice1 > 0) {
           let prevcospitch, prevsinpitch;
           for (let slice2 = 0; slice2 <= qsegments; slice2++) {
             const pitch = TAU / 4 * slice2 / qsegments;
-            const cospitch = cos2(pitch);
-            const sinpitch = sin2(pitch);
+            const cospitch = cos(pitch);
+            const sinpitch = sin(pitch);
             if (slice2 > 0) {
               let points = [];
               let point;
@@ -7883,13 +7883,13 @@ var require_roundedCuboid = __commonJS({
     var vec3 = require_vec3();
     var geom3 = require_geom3();
     var poly3 = require_poly3();
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var { isGTE, isNumberArray } = require_commonChecks();
     var cuboid5 = require_cuboid();
     var createCorners = (center, size4, radius, segments, slice, positive) => {
       const pitch = TAU / 4 * slice / segments;
-      const cospitch = cos2(pitch);
-      const sinpitch = sin2(pitch);
+      const cospitch = cos(pitch);
+      const sinpitch = sin(pitch);
       const layersegments = segments - slice;
       let layerradius = radius * cospitch;
       let layeroffset = size4[2] - (radius - radius * sinpitch);
@@ -8035,7 +8035,7 @@ var require_roundedCylinder = __commonJS({
     var vec3 = require_vec3();
     var geom3 = require_geom3();
     var poly3 = require_poly3();
-    var { sin: sin2, cos: cos2 } = require_trigonometry();
+    var { sin, cos } = require_trigonometry();
     var { isGTE, isNumberArray } = require_commonChecks();
     var cylinder5 = require_cylinder();
     var roundedCylinder = (options) => {
@@ -8082,7 +8082,7 @@ var require_roundedCylinder = __commonJS({
       let prevcylinderpoint;
       for (let slice1 = 0; slice1 <= segments; slice1++) {
         const angle = TAU * slice1 / segments;
-        const cylinderpoint = vec3.add(vec3.create(), vec3.scale(v1, xvector, cos2(angle)), vec3.scale(v2, yvector, sin2(angle)));
+        const cylinderpoint = vec3.add(vec3.create(), vec3.scale(v1, xvector, cos(angle)), vec3.scale(v2, yvector, sin(angle)));
         if (slice1 > 0) {
           let points = [];
           points.push(vec3.add(vec3.create(), start, cylinderpoint));
@@ -8093,8 +8093,8 @@ var require_roundedCylinder = __commonJS({
           let prevcospitch, prevsinpitch;
           for (let slice2 = 0; slice2 <= qsegments; slice2++) {
             const pitch = TAU / 4 * slice2 / qsegments;
-            const cospitch = cos2(pitch);
-            const sinpitch = sin2(pitch);
+            const cospitch = cos(pitch);
+            const sinpitch = sin(pitch);
             if (slice2 > 0) {
               points = [];
               let point;
@@ -8802,10 +8802,10 @@ var require_eliminateHoles = __commonJS({
       p = m;
       do {
         if (hx >= p.x && p.x >= mx && hx !== p.x && pointInTriangle(hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y)) {
-          const tan2 = Math.abs(hy - p.y) / (hx - p.x);
-          if (locallyInside(p, hole) && (tan2 < tanMin || tan2 === tanMin && (p.x > m.x || p.x === m.x && sectorContainsSector(m, p)))) {
+          const tan = Math.abs(hy - p.y) / (hx - p.x);
+          if (locallyInside(p, hole) && (tan < tanMin || tan === tanMin && (p.x > m.x || p.x === m.x && sectorContainsSector(m, p)))) {
             m = p;
-            tanMin = tan2;
+            tanMin = tan;
           }
         }
         p = p.next;
@@ -9145,11 +9145,11 @@ var require_transform11 = __commonJS({
     "use strict";
     var vec3 = require_vec3();
     var create = require_create13();
-    var transform2 = (matrix, slice) => {
+    var transform = (matrix, slice) => {
       const edges = slice.edges.map((edge) => [vec3.transform(vec3.create(), edge[0], matrix), vec3.transform(vec3.create(), edge[1], matrix)]);
       return create(edges);
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -9473,7 +9473,7 @@ var require_rotate3 = __commonJS({
     var geom2 = require_geom2();
     var geom3 = require_geom3();
     var path2 = require_path2();
-    var rotate3 = (angles, ...objects) => {
+    var rotate2 = (angles, ...objects) => {
       if (!Array.isArray(angles)) throw new Error("angles must be an array");
       objects = flatten(objects);
       if (objects.length === 0) throw new Error("wrong number of arguments");
@@ -9491,11 +9491,11 @@ var require_rotate3 = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    var rotateX = (angle, ...objects) => rotate3([angle, 0, 0], objects);
-    var rotateY = (angle, ...objects) => rotate3([0, angle, 0], objects);
-    var rotateZ3 = (angle, ...objects) => rotate3([0, 0, angle], objects);
+    var rotateX = (angle, ...objects) => rotate2([angle, 0, 0], objects);
+    var rotateY = (angle, ...objects) => rotate2([0, angle, 0], objects);
+    var rotateZ3 = (angle, ...objects) => rotate2([0, 0, angle], objects);
     module.exports = {
-      rotate: rotate3,
+      rotate: rotate2,
       rotateX,
       rotateY,
       rotateZ: rotateZ3
@@ -9512,7 +9512,7 @@ var require_translate2 = __commonJS({
     var geom2 = require_geom2();
     var geom3 = require_geom3();
     var path2 = require_path2();
-    var translate7 = (offset4, ...objects) => {
+    var translate6 = (offset4, ...objects) => {
       if (!Array.isArray(offset4)) throw new Error("offset must be an array");
       objects = flatten(objects);
       if (objects.length === 0) throw new Error("wrong number of arguments");
@@ -9527,11 +9527,11 @@ var require_translate2 = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    var translateX = (offset4, ...objects) => translate7([offset4, 0, 0], objects);
-    var translateY = (offset4, ...objects) => translate7([0, offset4, 0], objects);
-    var translateZ = (offset4, ...objects) => translate7([0, 0, offset4], objects);
+    var translateX = (offset4, ...objects) => translate6([offset4, 0, 0], objects);
+    var translateY = (offset4, ...objects) => translate6([0, offset4, 0], objects);
+    var translateZ = (offset4, ...objects) => translate6([0, 0, offset4], objects);
     module.exports = {
-      translate: translate7,
+      translate: translate6,
       translateX,
       translateY,
       translateZ
@@ -9545,8 +9545,8 @@ var require_torus = __commonJS({
     "use strict";
     var { TAU } = require_constants();
     var extrudeRotate = require_extrudeRotate();
-    var { rotate: rotate3 } = require_rotate3();
-    var { translate: translate7 } = require_translate2();
+    var { rotate: rotate2 } = require_rotate3();
+    var { translate: translate6 } = require_translate2();
     var circle = require_circle();
     var { isGT, isGTE } = require_commonChecks();
     var torus = (options) => {
@@ -9569,9 +9569,9 @@ var require_torus = __commonJS({
       if (innerRadius >= outerRadius) throw new Error("inner circle is too large to rotate about the outer circle");
       let innerCircle = circle({ radius: innerRadius, segments: innerSegments });
       if (innerRotation !== 0) {
-        innerCircle = rotate3([0, 0, innerRotation], innerCircle);
+        innerCircle = rotate2([0, 0, innerRotation], innerCircle);
       }
-      innerCircle = translate7([outerRadius, 0], innerCircle);
+      innerCircle = translate6([outerRadius, 0], innerCircle);
       const extrudeOptions = {
         startAngle,
         angle: outerRotation,
@@ -9928,7 +9928,7 @@ var require_vectorText = __commonJS({
       }
       return line;
     };
-    var vectorText3 = (options, text) => {
+    var vectorText = (options, text) => {
       const {
         xOffset,
         yOffset,
@@ -9985,7 +9985,7 @@ var require_vectorText = __commonJS({
       }
       return output;
     };
-    module.exports = vectorText3;
+    module.exports = vectorText;
   }
 });
 
@@ -13296,7 +13296,7 @@ var require_align = __commonJS({
     var flatten = require_flatten();
     var padArrayToLength = require_padArrayToLength();
     var measureAggregateBoundingBox = require_measureAggregateBoundingBox();
-    var { translate: translate7 } = require_translate2();
+    var { translate: translate6 } = require_translate2();
     var validateOptions = (options) => {
       if (!Array.isArray(options.modes) || options.modes.length > 3) throw new Error("align(): modes must be an array of length <= 3");
       options.modes = padArrayToLength(options.modes, "none", 3);
@@ -13333,7 +13333,7 @@ var require_align = __commonJS({
           translation[i] = relativeTo[i] - bounds[0][i];
         }
       }
-      return translate7(translation, geometry);
+      return translate6(translation, geometry);
     };
     var align = (options, ...geometries) => {
       const defaults = {
@@ -13370,7 +13370,7 @@ var require_center = __commonJS({
     var geom3 = require_geom3();
     var path2 = require_path2();
     var measureBoundingBox = require_measureBoundingBox2();
-    var { translate: translate7 } = require_translate2();
+    var { translate: translate6 } = require_translate2();
     var centerGeometry = (options, object) => {
       const defaults = {
         axes: [true, true, true],
@@ -13382,7 +13382,7 @@ var require_center = __commonJS({
       if (axes[0]) offset4[0] = relativeTo[0] - (bounds[0][0] + (bounds[1][0] - bounds[0][0]) / 2);
       if (axes[1]) offset4[1] = relativeTo[1] - (bounds[0][1] + (bounds[1][1] - bounds[0][1]) / 2);
       if (axes[2]) offset4[2] = relativeTo[2] - (bounds[0][2] + (bounds[1][2] - bounds[0][2]) / 2);
-      return translate7(offset4, object);
+      return translate6(offset4, object);
     };
     var center = (options, ...objects) => {
       const defaults = {
@@ -13424,7 +13424,7 @@ var require_scale4 = __commonJS({
     var geom2 = require_geom2();
     var geom3 = require_geom3();
     var path2 = require_path2();
-    var scale3 = (factors, ...objects) => {
+    var scale2 = (factors, ...objects) => {
       if (!Array.isArray(factors)) throw new Error("factors must be an array");
       objects = flatten(objects);
       if (objects.length === 0) throw new Error("wrong number of arguments");
@@ -13440,11 +13440,11 @@ var require_scale4 = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    var scaleX = (factor, ...objects) => scale3([factor, 1, 1], objects);
-    var scaleY = (factor, ...objects) => scale3([1, factor, 1], objects);
-    var scaleZ = (factor, ...objects) => scale3([1, 1, factor], objects);
+    var scaleX = (factor, ...objects) => scale2([factor, 1, 1], objects);
+    var scaleY = (factor, ...objects) => scale2([1, factor, 1], objects);
+    var scaleZ = (factor, ...objects) => scale2([1, 1, factor], objects);
     module.exports = {
-      scale: scale3,
+      scale: scale2,
       scaleX,
       scaleY,
       scaleZ
@@ -13460,7 +13460,7 @@ var require_transform12 = __commonJS({
     var geom2 = require_geom2();
     var geom3 = require_geom3();
     var path2 = require_path2();
-    var transform2 = (matrix, ...objects) => {
+    var transform = (matrix, ...objects) => {
       objects = flatten(objects);
       if (objects.length === 0) throw new Error("wrong number of arguments");
       const results = objects.map((object) => {
@@ -13471,7 +13471,7 @@ var require_transform12 = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    module.exports = transform2;
+    module.exports = transform;
   }
 });
 
@@ -14248,7 +14248,7 @@ import { useState as useState36, useCallback as useCallback21, useRef as useRef2
 import * as THREE36 from "three";
 
 // src/CadViewerJscad.tsx
-import { su as su12 } from "@tscircuit/circuit-json-util";
+import { su as su11 } from "@tscircuit/circuit-json-util";
 import { forwardRef as forwardRef3, useMemo as useMemo20 } from "react";
 
 // src/AnyCadComponent.tsx
@@ -22331,7 +22331,7 @@ var m2host = (raw_params) => {
   }
   const centerX = (minX + maxX) / 2;
   const centerY = (minY + maxY) / 2;
-  const translate7 = (el) => {
+  const translate6 = (el) => {
     if (typeof el.x === "number") el.x -= centerX;
     if (typeof el.y === "number") el.y -= centerY;
     if (el.center) {
@@ -22345,9 +22345,9 @@ var m2host = (raw_params) => {
       }));
     }
   };
-  for (const pad2 of pads) translate7(pad2);
-  translate7(cutout);
-  translate7(pin1Marker);
+  for (const pad2 of pads) translate6(pad2);
+  translate6(cutout);
+  translate6(pin1Marker);
   return {
     circuitJson: [
       ...pads,
@@ -22789,9 +22789,9 @@ function getExpandedStroke(strokeInput, width10) {
       addPoint(current, normalPrev, -1);
       addPoint(current, normalNext, -1);
     } else {
-      const scale3 = 1 / miterLength;
-      addPoint(current, { x: miterX * scale3, y: miterY * scale3 }, 1);
-      addPoint(current, { x: miterX * scale3, y: miterY * scale3 }, -1);
+      const scale2 = 1 / miterLength;
+      addPoint(current, { x: miterX * scale2, y: miterY * scale2 }, 1);
+      addPoint(current, { x: miterX * scale2, y: miterY * scale2 }, -1);
     }
   }
   const lastNormal = getNormal(
@@ -27509,7 +27509,7 @@ var FootprinterModel = ({
   onHover,
   onUnhover,
   isHovered,
-  scale: scale3,
+  scale: scale2,
   isTranslucent = false
 }) => {
   const { rootObject } = useThree();
@@ -27549,7 +27549,7 @@ var FootprinterModel = ({
     if (!group) return;
     if (positionOffset) group.position.fromArray(positionOffset);
     if (rotationOffset) group.rotation.fromArray(rotationOffset);
-    if (scale3 !== void 0) group.scale.setScalar(scale3);
+    if (scale2 !== void 0) group.scale.setScalar(scale2);
   }, [
     group,
     positionOffset?.[0],
@@ -27558,7 +27558,7 @@ var FootprinterModel = ({
     rotationOffset?.[0],
     rotationOffset?.[1],
     rotationOffset?.[2],
-    scale3
+    scale2
   ]);
   useEffect5(() => {
     if (!group) return;
@@ -27627,7 +27627,7 @@ function GltfModel({
   onHover,
   onUnhover,
   isHovered,
-  scale: scale3,
+  scale: scale2,
   isTranslucent = false
 }) {
   const { renderer, rootObject } = useThree();
@@ -27675,7 +27675,7 @@ function GltfModel({
     if (!model) return;
     if (position) model.position.fromArray(position);
     if (rotation) model.rotation.fromArray(rotation);
-    if (scale3 !== void 0) model.scale.setScalar(scale3);
+    if (scale2 !== void 0) model.scale.setScalar(scale2);
   }, [
     model,
     position?.[0],
@@ -27684,7 +27684,7 @@ function GltfModel({
     rotation?.[0],
     rotation?.[1],
     rotation?.[2],
-    scale3
+    scale2
   ]);
   useEffect6(() => {
     if (!rootObject || !model) return;
@@ -27769,7 +27769,7 @@ var JscadModel = ({
   onHover,
   onUnhover,
   isHovered,
-  scale: scale3,
+  scale: scale2,
   isTranslucent = false
 }) => {
   const { rootObject } = useThree();
@@ -27803,7 +27803,7 @@ var JscadModel = ({
     if (!mesh) return;
     if (positionOffset) mesh.position.fromArray(positionOffset);
     if (rotationOffset) mesh.rotation.fromArray(rotationOffset);
-    if (scale3 !== void 0) mesh.scale.setScalar(scale3);
+    if (scale2 !== void 0) mesh.scale.setScalar(scale2);
   }, [
     mesh,
     positionOffset?.[0],
@@ -27812,7 +27812,7 @@ var JscadModel = ({
     rotationOffset?.[0],
     rotationOffset?.[1],
     rotationOffset?.[2],
-    scale3
+    scale2
   ]);
   useMemo6(() => {
     if (!material) return;
@@ -27952,7 +27952,7 @@ function MixedStlModel({
   onHover,
   onUnhover,
   isHovered,
-  scale: scale3,
+  scale: scale2,
   isTranslucent = false
 }) {
   const obj = useGlobalObjLoader(url);
@@ -28008,8 +28008,8 @@ function MixedStlModel({
         model.rotation.copy(rotation);
       }
     }
-    if (scale3 !== void 0) {
-      model.scale.setScalar(scale3);
+    if (scale2 !== void 0) {
+      model.scale.setScalar(scale2);
     }
   }, [
     model,
@@ -28019,7 +28019,7 @@ function MixedStlModel({
     Array.isArray(rotation) ? rotation[0] : rotation?.x,
     Array.isArray(rotation) ? rotation[1] : rotation?.y,
     Array.isArray(rotation) ? rotation[2] : rotation?.z,
-    scale3
+    scale2
   ]);
   if (obj instanceof Error) {
     throw obj;
@@ -28181,7 +28181,7 @@ var StepModel = ({
   stepUrl,
   position,
   rotation,
-  scale: scale3,
+  scale: scale2,
   onHover,
   onUnhover,
   isHovered,
@@ -28273,7 +28273,7 @@ var StepModel = ({
       gltfUrl: stepGltfUrl,
       position,
       rotation,
-      scale: scale3,
+      scale: scale2,
       onHover,
       onUnhover,
       isHovered,
@@ -28483,7 +28483,7 @@ import * as THREE16 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.519",
+  version: "0.0.521",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -28513,7 +28513,7 @@ var package_default = {
     "@jscad/regl-renderer": "^2.6.12",
     "@jscad/stl-serializer": "^2.1.20",
     "circuit-json": "^0.0.372",
-    "circuit-to-canvas": "^0.0.80",
+    "circuit-to-canvas": "^0.0.81",
     "react-hot-toast": "^2.6.0",
     three: "^0.165.0",
     "three-stdlib": "^2.36.0",
@@ -31169,7 +31169,7 @@ var Text = ({
   parent,
   position,
   rotation,
-  scale: scale3,
+  scale: scale2,
   color,
   fontSize,
   anchorX,
@@ -31182,7 +31182,7 @@ var Text = ({
     textMesh.text = children;
     if (position) textMesh.position.fromArray(position);
     if (rotation) textMesh.rotation.fromArray(rotation);
-    if (scale3) textMesh.scale.fromArray(scale3);
+    if (scale2) textMesh.scale.fromArray(scale2);
     textMesh.color = color || "white";
     textMesh.fontSize = fontSize || 1;
     textMesh.anchorX = anchorX || "center";
@@ -31195,7 +31195,7 @@ var Text = ({
     children,
     position,
     rotation,
-    scale3,
+    scale2,
     color,
     fontSize,
     anchorX,
@@ -31448,226 +31448,12 @@ var ThreeErrorBoundary = class extends React11.Component {
 };
 
 // src/three-components/JscadBoardTextures.tsx
-import { su as su9 } from "@tscircuit/circuit-json-util";
+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 THREE26 from "three";
 
-// src/utils/copper-text-texture.ts
-var import_text = __toESM(require_text(), 1);
-import * as THREE19 from "three";
-
-// node_modules/transformation-matrix/src/applyToPoint.js
-function applyToPoint(matrix, point) {
-  return Array.isArray(point) ? [
-    matrix.a * point[0] + matrix.c * point[1] + matrix.e,
-    matrix.b * point[0] + matrix.d * point[1] + matrix.f
-  ] : {
-    x: matrix.a * point.x + matrix.c * point.y + matrix.e,
-    y: matrix.b * point.x + matrix.d * point.y + matrix.f
-  };
-}
-
-// node_modules/transformation-matrix/src/utils.js
-function isUndefined(val) {
-  return typeof val === "undefined";
-}
-
-// node_modules/transformation-matrix/src/translate.js
-function translate6(tx, ty = 0) {
-  return {
-    a: 1,
-    c: 0,
-    e: tx,
-    b: 0,
-    d: 1,
-    f: ty
-  };
-}
-
-// node_modules/transformation-matrix/src/transform.js
-function transform(...matrices) {
-  matrices = Array.isArray(matrices[0]) ? matrices[0] : matrices;
-  const multiply = (m1, m2) => {
-    return {
-      a: m1.a * m2.a + m1.c * m2.b,
-      c: m1.a * m2.c + m1.c * m2.d,
-      e: m1.a * m2.e + m1.c * m2.f + m1.e,
-      b: m1.b * m2.a + m1.d * m2.b,
-      d: m1.b * m2.c + m1.d * m2.d,
-      f: m1.b * m2.e + m1.d * m2.f + m1.f
-    };
-  };
-  switch (matrices.length) {
-    case 0:
-      throw new Error("no matrices provided");
-    case 1:
-      return matrices[0];
-    case 2:
-      return multiply(matrices[0], matrices[1]);
-    default: {
-      const [m1, m2, ...rest] = matrices;
-      const m = multiply(m1, m2);
-      return transform(m, ...rest);
-    }
-  }
-}
-function compose(...matrices) {
-  return transform(...matrices);
-}
-
-// node_modules/transformation-matrix/src/rotate.js
-var { cos, sin, PI } = Math;
-function rotate2(angle, cx, cy) {
-  const cosAngle = cos(angle);
-  const sinAngle = sin(angle);
-  const rotationMatrix = {
-    a: cosAngle,
-    c: -sinAngle,
-    e: 0,
-    b: sinAngle,
-    d: cosAngle,
-    f: 0
-  };
-  if (isUndefined(cx) || isUndefined(cy)) {
-    return rotationMatrix;
-  }
-  return transform([
-    translate6(cx, cy),
-    rotationMatrix,
-    translate6(-cx, -cy)
-  ]);
-}
-
-// node_modules/transformation-matrix/src/skew.js
-var { tan } = Math;
-
-// node_modules/transformation-matrix/src/fromTransformAttribute.autogenerated.js
-function peg$subclass(child, parent) {
-  function C() {
-    this.constructor = child;
-  }
-  C.prototype = parent.prototype;
-  child.prototype = new C();
-}
-function peg$SyntaxError(message, expected, found, location) {
-  var self = Error.call(this, message);
-  if (Object.setPrototypeOf) {
-    Object.setPrototypeOf(self, peg$SyntaxError.prototype);
-  }
-  self.expected = expected;
-  self.found = found;
-  self.location = location;
-  self.name = "SyntaxError";
-  return self;
-}
-peg$subclass(peg$SyntaxError, Error);
-function peg$padEnd(str, targetLength, padString) {
-  padString = padString || " ";
-  if (str.length > targetLength) {
-    return str;
-  }
-  targetLength -= str.length;
-  padString += padString.repeat(targetLength);
-  return str + padString.slice(0, targetLength);
-}
-peg$SyntaxError.prototype.format = function(sources) {
-  var str = "Error: " + this.message;
-  if (this.location) {
-    var src = null;
-    var k;
-    for (k = 0; k < sources.length; k++) {
-      if (sources[k].source === this.location.source) {
-        src = sources[k].text.split(/\r\n|\n|\r/g);
-        break;
-      }
-    }
-    var s = this.location.start;
-    var offset_s = this.location.source && typeof this.location.source.offset === "function" ? this.location.source.offset(s) : s;
-    var loc = this.location.source + ":" + offset_s.line + ":" + offset_s.column;
-    if (src) {
-      var e = this.location.end;
-      var filler = peg$padEnd("", offset_s.line.toString().length, " ");
-      var line = src[s.line - 1];
-      var last = s.line === e.line ? e.column : line.length + 1;
-      var hatLen = last - s.column || 1;
-      str += "\n --> " + loc + "\n" + filler + " |\n" + offset_s.line + " | " + line + "\n" + filler + " | " + peg$padEnd("", s.column - 1, " ") + peg$padEnd("", hatLen, "^");
-    } else {
-      str += "\n at " + loc;
-    }
-  }
-  return str;
-};
-peg$SyntaxError.buildMessage = function(expected, found) {
-  var DESCRIBE_EXPECTATION_FNS = {
-    literal: function(expectation) {
-      return '"' + literalEscape(expectation.text) + '"';
-    },
-    class: function(expectation) {
-      var escapedParts = expectation.parts.map(function(part) {
-        return Array.isArray(part) ? classEscape(part[0]) + "-" + classEscape(part[1]) : classEscape(part);
-      });
-      return "[" + (expectation.inverted ? "^" : "") + escapedParts.join("") + "]";
-    },
-    any: function() {
-      return "any character";
-    },
-    end: function() {
-      return "end of input";
-    },
-    other: function(expectation) {
-      return expectation.description;
-    }
-  };
-  function hex(ch) {
-    return ch.charCodeAt(0).toString(16).toUpperCase();
-  }
-  function literalEscape(s) {
-    return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\0/g, "\\0").replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/[\x00-\x0F]/g, function(ch) {
-      return "\\x0" + hex(ch);
-    }).replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) {
-      return "\\x" + hex(ch);
-    });
-  }
-  function classEscape(s) {
-    return s.replace(/\\/g, "\\\\").replace(/\]/g, "\\]").replace(/\^/g, "\\^").replace(/-/g, "\\-").replace(/\0/g, "\\0").replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/[\x00-\x0F]/g, function(ch) {
-      return "\\x0" + hex(ch);
-    }).replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) {
-      return "\\x" + hex(ch);
-    });
-  }
-  function describeExpectation(expectation) {
-    return DESCRIBE_EXPECTATION_FNS[expectation.type](expectation);
-  }
-  function describeExpected(expected2) {
-    var descriptions = expected2.map(describeExpectation);
-    var i, j;
-    descriptions.sort();
-    if (descriptions.length > 0) {
-      for (i = 1, j = 1; i < descriptions.length; i++) {
-        if (descriptions[i - 1] !== descriptions[i]) {
-          descriptions[j] = descriptions[i];
-          j++;
-        }
-      }
-      descriptions.length = j;
-    }
-    switch (descriptions.length) {
-      case 1:
-        return descriptions[0];
-      case 2:
-        return descriptions[0] + " or " + descriptions[1];
-      default:
-        return descriptions.slice(0, -1).join(", ") + ", or " + descriptions[descriptions.length - 1];
-    }
-  }
-  function describeFound(found2) {
-    return found2 ? '"' + literalEscape(found2) + '"' : "end of input";
-  }
-  return "Expected " + describeExpected(expected) + " but " + describeFound(found) + " found.";
-};
-
 // node_modules/@tscircuit/math-utils/dist/chunk-5N7UJNVK.js
 var getBoundsFromPoints = (points) => {
   if (points.length === 0) {
@@ -31718,257 +31504,9 @@ function calculateOutlineBounds(boardData) {
   };
 }
 
-// src/utils/copper-text-texture.ts
-function parseDimension2(value, defaultValue) {
-  if (value === void 0) return defaultValue;
-  if (typeof value === "number") return value;
-  const num = parseFloat(value.replace(/mm$/, ""));
-  return isNaN(num) ? defaultValue : num;
-}
-function shouldMirrorText(text) {
-  if (text.layer === "bottom") {
-    return text.is_mirrored !== false;
-  }
-  return text.is_mirrored === true;
-}
-function getTextMetrics(outlines) {
-  const points = outlines.flat();
-  if (points.length === 0) {
-    return {
-      minX: 0,
-      maxX: 0,
-      minY: 0,
-      maxY: 0,
-      width: 0,
-      height: 0,
-      centerX: 0,
-      centerY: 0
-    };
-  }
-  const minX = Math.min(...points.map((p) => p[0]));
-  const maxX = Math.max(...points.map((p) => p[0]));
-  const minY = Math.min(...points.map((p) => p[1]));
-  const maxY = Math.max(...points.map((p) => p[1]));
-  return {
-    minX,
-    maxX,
-    minY,
-    maxY,
-    width: maxX - minX,
-    height: maxY - minY,
-    centerX: (minX + maxX) / 2,
-    centerY: (minY + maxY) / 2
-  };
-}
-function processTextOutlines(rawOutlines) {
-  const processed = [];
-  rawOutlines.forEach((outline) => {
-    if (outline.length === 29) {
-      processed.push(outline.slice(0, 15));
-      processed.push(outline.slice(14, 29));
-    } else if (outline.length === 17) {
-      processed.push(outline.slice(0, 10));
-      processed.push(outline.slice(9, 17));
-    } else {
-      processed.push(outline);
-    }
-  });
-  return processed;
-}
-function getAlignmentOffset(metrics, alignment) {
-  let xOff = -metrics.centerX;
-  let yOff = -metrics.centerY;
-  if (alignment.includes("left")) {
-    xOff = -metrics.minX;
-  } else if (alignment.includes("right")) {
-    xOff = -metrics.maxX;
-  }
-  if (alignment.includes("top")) {
-    yOff = -metrics.maxY;
-  } else if (alignment.includes("bottom")) {
-    yOff = -metrics.minY;
-  }
-  return { x: xOff, y: yOff };
-}
-function buildTransformMatrix(text, metrics) {
-  const transformMatrices = [];
-  let rotationDeg = text.ccw_rotation ?? 0;
-  const shouldMirror = shouldMirrorText(text);
-  if (shouldMirror) {
-    transformMatrices.push(
-      translate6(metrics.centerX, metrics.centerY),
-      { a: -1, b: 0, c: 0, d: 1, e: 0, f: 0 },
-      // horizontal flip
-      translate6(-metrics.centerX, -metrics.centerY)
-    );
-    rotationDeg = -rotationDeg;
-  }
-  if (rotationDeg) {
-    const rad = rotationDeg * Math.PI / 180;
-    transformMatrices.push(
-      translate6(metrics.centerX, metrics.centerY),
-      rotate2(rad),
-      translate6(-metrics.centerX, -metrics.centerY)
-    );
-  }
-  const matrix = transformMatrices.length > 0 ? compose(...transformMatrices) : void 0;
-  return { matrix, rotationDeg };
-}
-function drawTextStrokes(ctx, outlines, transform2, offset4, anchorPos, canvasXFromPcb, canvasYFromPcb) {
-  outlines.forEach((segment) => {
-    ctx.beginPath();
-    segment.forEach((p, index2) => {
-      let transformedP = { x: p[0], y: p[1] };
-      if (transform2) {
-        transformedP = applyToPoint(transform2, transformedP);
-      }
-      const pcbX = transformedP.x + offset4.x + anchorPos.x;
-      const pcbY = transformedP.y + offset4.y + anchorPos.y;
-      const canvasX = canvasXFromPcb(pcbX);
-      const canvasY = canvasYFromPcb(pcbY);
-      if (index2 === 0) ctx.moveTo(canvasX, canvasY);
-      else ctx.lineTo(canvasX, canvasY);
-    });
-    ctx.stroke();
-  });
-}
-function drawRotatedRect(ctx, centerX, centerY, width10, height10, rotationRad) {
-  ctx.save();
-  ctx.translate(centerX, centerY);
-  ctx.rotate(-rotationRad);
-  ctx.fillRect(-width10 / 2, -height10 / 2, width10, height10);
-  ctx.restore();
-}
-function drawKnockoutText(ctx, text, outlines, metrics, transform2, rotationDeg, canvasXFromPcb, canvasYFromPcb, traceTextureResolution, copperColor) {
-  const fontSize = typeof text.font_size === "number" ? text.font_size : 0.2;
-  const padding = {
-    left: parseDimension2(text.knockout_padding?.left, fontSize * 0.5),
-    right: parseDimension2(text.knockout_padding?.right, fontSize * 0.5),
-    top: parseDimension2(text.knockout_padding?.top, fontSize * 0.3),
-    bottom: parseDimension2(text.knockout_padding?.bottom, fontSize * 0.3)
-  };
-  const rectWidth = metrics.width + padding.left + padding.right;
-  const rectHeight = metrics.height + padding.top + padding.bottom;
-  const rectCenterCanvasX = canvasXFromPcb(text.anchor_position.x);
-  const rectCenterCanvasY = canvasYFromPcb(text.anchor_position.y);
-  const rectWidthPx = rectWidth * traceTextureResolution;
-  const rectHeightPx = rectHeight * traceTextureResolution;
-  ctx.fillStyle = copperColor;
-  const rotationRad = rotationDeg * Math.PI / 180;
-  drawRotatedRect(
-    ctx,
-    rectCenterCanvasX,
-    rectCenterCanvasY,
-    rectWidthPx,
-    rectHeightPx,
-    rotationRad
-  );
-  const textOffset = {
-    x: -metrics.centerX,
-    y: -metrics.centerY
-  };
-  ctx.globalCompositeOperation = "destination-out";
-  drawTextStrokes(
-    ctx,
-    outlines,
-    transform2,
-    textOffset,
-    text.anchor_position,
-    canvasXFromPcb,
-    canvasYFromPcb
-  );
-  ctx.globalCompositeOperation = "source-over";
-}
-function createCopperTextTextureForLayer({
-  layer,
-  circuitJson,
-  boardData,
-  copperColor = "rgb(230, 153, 51)",
-  // Same as colors.copper [0.9, 0.6, 0.2]
-  traceTextureResolution
-}) {
-  const copperTexts = circuitJson.filter(
-    (e) => e.type === "pcb_copper_text"
-  );
-  const textsOnLayer = copperTexts.filter((t) => t.layer === layer);
-  if (textsOnLayer.length === 0) {
-    return null;
-  }
-  const boardOutlineBounds = calculateOutlineBounds(boardData);
-  const canvas = document.createElement("canvas");
-  const canvasWidth = Math.floor(
-    boardOutlineBounds.width * traceTextureResolution
-  );
-  const canvasHeight = Math.floor(
-    boardOutlineBounds.height * traceTextureResolution
-  );
-  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);
-  }
-  ctx.strokeStyle = copperColor;
-  ctx.fillStyle = copperColor;
-  const canvasXFromPcb = (pcbX) => (pcbX - boardOutlineBounds.minX) * traceTextureResolution;
-  const canvasYFromPcb = (pcbY) => (boardOutlineBounds.maxY - pcbY) * traceTextureResolution;
-  textsOnLayer.forEach((textS) => {
-    const fontSize = typeof textS.font_size === "number" ? textS.font_size : 0.2;
-    const textStrokeWidth = Math.max(0.02, fontSize * 0.08) * traceTextureResolution;
-    ctx.lineWidth = textStrokeWidth;
-    ctx.lineCap = "round";
-    ctx.lineJoin = "round";
-    const rawTextOutlines = (0, import_text.vectorText)({
-      height: fontSize * 0.45,
-      input: textS.text
-    });
-    const processedOutlines = processTextOutlines(rawTextOutlines);
-    const metrics = getTextMetrics(processedOutlines);
-    const { matrix: transform2, rotationDeg } = buildTransformMatrix(
-      textS,
-      metrics
-    );
-    if (textS.is_knockout) {
-      drawKnockoutText(
-        ctx,
-        textS,
-        processedOutlines,
-        metrics,
-        transform2,
-        rotationDeg,
-        canvasXFromPcb,
-        canvasYFromPcb,
-        traceTextureResolution,
-        copperColor
-      );
-    } else {
-      const alignment = textS.anchor_alignment || "center";
-      const offset4 = getAlignmentOffset(metrics, alignment);
-      drawTextStrokes(
-        ctx,
-        processedOutlines,
-        transform2,
-        offset4,
-        textS.anchor_position,
-        canvasXFromPcb,
-        canvasYFromPcb
-      );
-    }
-  });
-  const texture = new THREE19.CanvasTexture(canvas);
-  texture.generateMipmaps = true;
-  texture.minFilter = THREE19.LinearMipmapLinearFilter;
-  texture.magFilter = THREE19.LinearFilter;
-  texture.anisotropy = 16;
-  texture.needsUpdate = true;
-  return texture;
-}
-
 // src/utils/pad-texture.ts
 import { su as su5 } from "@tscircuit/circuit-json-util";
-import * as THREE20 from "three";
+import * as THREE19 from "three";
 function createPadTextureForLayer({
   layer,
   circuitJson,
@@ -32091,17 +31629,17 @@ function createPadTextureForLayer({
       ctx.restore();
     }
   });
-  const texture = new THREE20.CanvasTexture(canvas);
+  const texture = new THREE19.CanvasTexture(canvas);
   texture.generateMipmaps = true;
-  texture.minFilter = THREE20.LinearMipmapLinearFilter;
-  texture.magFilter = THREE20.LinearFilter;
+  texture.minFilter = THREE19.LinearMipmapLinearFilter;
+  texture.magFilter = THREE19.LinearFilter;
   texture.anisotropy = 16;
   texture.needsUpdate = true;
   return texture;
 }
 
 // src/utils/panel-outline-texture.ts
-import * as THREE21 from "three";
+import * as THREE20 from "three";
 import { su as su6 } from "@tscircuit/circuit-json-util";
 function createPanelOutlineTextureForLayer({
   layer,
@@ -32157,476 +31695,18 @@ function createPanelOutlineTextureForLayer({
       );
     }
   });
-  const texture = new THREE21.CanvasTexture(canvas);
-  texture.generateMipmaps = true;
-  texture.minFilter = THREE21.LinearMipmapLinearFilter;
-  texture.magFilter = THREE21.LinearFilter;
-  texture.anisotropy = 16;
-  texture.needsUpdate = true;
-  return texture;
-}
-
-// src/utils/silkscreen-texture.ts
-var import_text2 = __toESM(require_text(), 1);
-import * as THREE22 from "three";
-import { su as su7 } from "@tscircuit/circuit-json-util";
-
-// src/utils/units.ts
-var MM_PER_INCH = 25.4;
-var MM_PER_MIL = MM_PER_INCH / 1e3;
-var dimensionRegex = /^\s*(-?\d*(?:\.\d+)?)(?:\s*(mm|mil|inch|in|"))?\s*$/i;
-function normalizeUnit(unit) {
-  if (!unit) return void 0;
-  const normalized = unit.trim().toLowerCase();
-  if (normalized === '"') return "in";
-  if (normalized === "inch") return "in";
-  return normalized;
-}
-function parseDimensionToMm(value) {
-  if (value === null || value === void 0) return void 0;
-  if (typeof value === "number") {
-    return Number.isFinite(value) ? value : void 0;
-  }
-  if (typeof value !== "string") return void 0;
-  const trimmed = value.trim();
-  if (trimmed.length === 0) return void 0;
-  const match = trimmed.match(dimensionRegex);
-  if (!match) {
-    const numeric = Number.parseFloat(trimmed);
-    return Number.isFinite(numeric) ? numeric : void 0;
-  }
-  const [, magnitudeRaw, unitRaw] = match;
-  const magnitude = Number.parseFloat(magnitudeRaw || "0");
-  if (!Number.isFinite(magnitude)) return void 0;
-  const unit = normalizeUnit(unitRaw);
-  switch (unit) {
-    case "mil":
-      return magnitude * MM_PER_MIL;
-    case "in":
-      return magnitude * MM_PER_INCH;
-    case "mm":
-    case void 0:
-      return magnitude;
-    default:
-      return magnitude;
-  }
-}
-function coerceDimensionToMm(value, fallback) {
-  const parsed = parseDimensionToMm(value);
-  return parsed === void 0 ? fallback : parsed;
-}
-
-// src/utils/silkscreen-texture.ts
-function parseFabricationNoteColor(colorString) {
-  let hex = colorString;
-  if (hex.startsWith("#")) {
-    hex = hex.slice(1);
-  }
-  if (hex.length === 6) {
-    const r = parseInt(hex.slice(0, 2), 16);
-    const g = parseInt(hex.slice(2, 4), 16);
-    const b = parseInt(hex.slice(4, 6), 16);
-    return `rgb(${r}, ${g}, ${b})`;
-  }
-  if (colorString.startsWith("rgb")) {
-    return colorString;
-  }
-  return "rgb(255, 243, 204)";
-}
-function createSilkscreenTextureForLayer({
-  layer,
-  circuitJson,
-  boardData,
-  silkscreenColor = "rgb(255,255,255)",
-  traceTextureResolution
-}) {
-  const pcbSilkscreenTexts = su7(circuitJson).pcb_silkscreen_text.list();
-  const pcbSilkscreenPaths = su7(circuitJson).pcb_silkscreen_path.list();
-  const pcbSilkscreenLines = su7(circuitJson).pcb_silkscreen_line.list();
-  const pcbSilkscreenRects = su7(circuitJson).pcb_silkscreen_rect.list();
-  const pcbSilkscreenCircles = su7(circuitJson).pcb_silkscreen_circle.list();
-  const pcbFabricationNoteRects = su7(circuitJson).pcb_fabrication_note_rect.list();
-  const pcbNoteLines = su7(circuitJson).pcb_note_line.list();
-  const textsOnLayer = pcbSilkscreenTexts.filter((t) => t.layer === layer);
-  const pathsOnLayer = pcbSilkscreenPaths.filter((p) => p.layer === layer);
-  const linesOnLayer = pcbSilkscreenLines.filter((l) => l.layer === layer);
-  const rectsOnLayer = pcbSilkscreenRects.filter((r) => r.layer === layer);
-  const circlesOnLayer = pcbSilkscreenCircles.filter((c) => c.layer === layer);
-  const fabricationNoteRectsOnLayer = pcbFabricationNoteRects.filter(
-    (r) => r.layer === layer
-  );
-  const noteLinesOnLayer = pcbNoteLines.filter(
-    (l) => l.layer === layer
-  );
-  if (textsOnLayer.length === 0 && pathsOnLayer.length === 0 && linesOnLayer.length === 0 && rectsOnLayer.length === 0 && circlesOnLayer.length === 0 && fabricationNoteRectsOnLayer.length === 0 && noteLinesOnLayer.length === 0) {
-    return null;
-  }
-  const boardOutlineBounds = calculateOutlineBounds(boardData);
-  const canvas = document.createElement("canvas");
-  const canvasWidth = Math.floor(
-    boardOutlineBounds.width * traceTextureResolution
-  );
-  const canvasHeight = Math.floor(
-    boardOutlineBounds.height * traceTextureResolution
-  );
-  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);
-  }
-  ctx.strokeStyle = silkscreenColor;
-  ctx.fillStyle = silkscreenColor;
-  const canvasXFromPcb = (pcbX) => (pcbX - boardOutlineBounds.minX) * traceTextureResolution;
-  const canvasYFromPcb = (pcbY) => (boardOutlineBounds.maxY - pcbY) * traceTextureResolution;
-  linesOnLayer.forEach((lineEl) => {
-    const startXmm = parseDimensionToMm(lineEl.x1) ?? 0;
-    const startYmm = parseDimensionToMm(lineEl.y1) ?? 0;
-    const endXmm = parseDimensionToMm(lineEl.x2) ?? 0;
-    const endYmm = parseDimensionToMm(lineEl.y2) ?? 0;
-    if (startXmm === endXmm && startYmm === endYmm) return;
-    ctx.beginPath();
-    ctx.lineWidth = coerceDimensionToMm(lineEl.stroke_width, 0.1) * traceTextureResolution;
-    ctx.lineCap = "round";
-    ctx.moveTo(canvasXFromPcb(startXmm), canvasYFromPcb(startYmm));
-    ctx.lineTo(canvasXFromPcb(endXmm), canvasYFromPcb(endYmm));
-    ctx.stroke();
-  });
-  noteLinesOnLayer.forEach((lineEl) => {
-    const startXmm = parseDimensionToMm(lineEl.x1) ?? 0;
-    const startYmm = parseDimensionToMm(lineEl.y1) ?? 0;
-    const endXmm = parseDimensionToMm(lineEl.x2) ?? 0;
-    const endYmm = parseDimensionToMm(lineEl.y2) ?? 0;
-    if (startXmm === endXmm && startYmm === endYmm) return;
-    ctx.save();
-    let strokeColor = silkscreenColor;
-    if (lineEl.color) {
-      strokeColor = parseFabricationNoteColor(lineEl.color);
-    } else {
-      strokeColor = "rgb(255, 243, 204)";
-    }
-    ctx.strokeStyle = strokeColor;
-    ctx.beginPath();
-    ctx.lineWidth = coerceDimensionToMm(lineEl.stroke_width, 0.1) * traceTextureResolution;
-    ctx.lineCap = "round";
-    const isDashed = lineEl.is_dashed ?? false;
-    if (isDashed) {
-      const dashLength = Math.max(ctx.lineWidth * 2, 1);
-      ctx.setLineDash([dashLength, dashLength]);
-    }
-    ctx.moveTo(canvasXFromPcb(startXmm), canvasYFromPcb(startYmm));
-    ctx.lineTo(canvasXFromPcb(endXmm), canvasYFromPcb(endYmm));
-    ctx.stroke();
-    if (isDashed) {
-      ctx.setLineDash([]);
-    }
-    ctx.restore();
-  });
-  pathsOnLayer.forEach((path) => {
-    if (path.route.length < 2) return;
-    ctx.beginPath();
-    ctx.lineWidth = coerceDimensionToMm(path.stroke_width, 0.1) * traceTextureResolution;
-    ctx.lineCap = "round";
-    ctx.lineJoin = "round";
-    path.route.forEach((point, index2) => {
-      const canvasX = canvasXFromPcb(parseDimensionToMm(point.x) ?? 0);
-      const canvasY = canvasYFromPcb(parseDimensionToMm(point.y) ?? 0);
-      if (index2 === 0) ctx.moveTo(canvasX, canvasY);
-      else ctx.lineTo(canvasX, canvasY);
-    });
-    ctx.stroke();
-  });
-  circlesOnLayer.forEach((circleEl) => {
-    const radius = coerceDimensionToMm(circleEl.radius, 0);
-    if (radius <= 0) return;
-    const strokeWidth = coerceDimensionToMm(circleEl.stroke_width, 0.12);
-    const hasStroke = strokeWidth > 0;
-    const centerXmm = parseDimensionToMm(circleEl.center?.x) ?? 0;
-    const centerYmm = parseDimensionToMm(circleEl.center?.y) ?? 0;
-    const canvasCenterX = canvasXFromPcb(centerXmm);
-    const canvasCenterY = canvasYFromPcb(centerYmm);
-    const radiusPx = radius * traceTextureResolution;
-    ctx.save();
-    ctx.translate(canvasCenterX, canvasCenterY);
-    if (hasStroke) {
-      const outerRadiusPx = radiusPx + strokeWidth / 2 * traceTextureResolution;
-      const innerRadiusPx = Math.max(
-        0,
-        radiusPx - strokeWidth / 2 * traceTextureResolution
-      );
-      if (innerRadiusPx > 0) {
-        ctx.beginPath();
-        ctx.arc(0, 0, outerRadiusPx, 0, 2 * Math.PI);
-        ctx.arc(0, 0, innerRadiusPx, 0, 2 * Math.PI, true);
-        ctx.fill("evenodd");
-      } else {
-        ctx.beginPath();
-        ctx.arc(0, 0, outerRadiusPx, 0, 2 * Math.PI);
-        ctx.fill();
-      }
-    } else {
-      ctx.beginPath();
-      ctx.arc(0, 0, radiusPx, 0, 2 * Math.PI);
-      ctx.fill();
-    }
-    ctx.restore();
-  });
-  rectsOnLayer.forEach((rect) => {
-    const width10 = coerceDimensionToMm(rect.width, 0);
-    const height10 = coerceDimensionToMm(rect.height, 0);
-    if (width10 <= 0 || height10 <= 0) return;
-    const centerXmm = parseDimensionToMm(rect.center?.x) ?? 0;
-    const centerYmm = parseDimensionToMm(rect.center?.y) ?? 0;
-    const canvasCenterX = canvasXFromPcb(centerXmm);
-    const canvasCenterY = canvasYFromPcb(centerYmm);
-    const rawRadius = extractRectBorderRadius(rect);
-    const borderRadiusInput = typeof rawRadius === "string" ? parseDimensionToMm(rawRadius) : rawRadius;
-    const borderRadiusMm = clampRectBorderRadius(
-      width10,
-      height10,
-      borderRadiusInput
-    );
-    ctx.save();
-    ctx.translate(canvasCenterX, canvasCenterY);
-    const halfWidthPx = width10 / 2 * traceTextureResolution;
-    const halfHeightPx = height10 / 2 * traceTextureResolution;
-    const borderRadiusPx = Math.min(
-      borderRadiusMm * traceTextureResolution,
-      halfWidthPx,
-      halfHeightPx
-    );
-    const hasStroke = rect.stroke_width ?? false;
-    const isFilled = rect.is_filled ?? true;
-    const isDashed = rect.is_stroke_dashed ?? false;
-    const strokeWidthPx = hasStroke ? coerceDimensionToMm(rect.stroke_width, 0.1) * traceTextureResolution : 0;
-    const drawRoundedRectPath = (x, y, rectWidth, rectHeight, radius) => {
-      ctx.beginPath();
-      if (radius <= 0) {
-        ctx.rect(x, y, rectWidth, rectHeight);
-      } else {
-        const r = radius;
-        const right = x + rectWidth;
-        const bottom = y + rectHeight;
-        ctx.moveTo(x + r, y);
-        ctx.lineTo(right - r, y);
-        ctx.quadraticCurveTo(right, y, right, y + r);
-        ctx.lineTo(right, bottom - r);
-        ctx.quadraticCurveTo(right, bottom, right - r, bottom);
-        ctx.lineTo(x + r, bottom);
-        ctx.quadraticCurveTo(x, bottom, x, bottom - r);
-        ctx.lineTo(x, y + r);
-        ctx.quadraticCurveTo(x, y, x + r, y);
-        ctx.closePath();
-      }
-    };
-    drawRoundedRectPath(
-      -halfWidthPx,
-      -halfHeightPx,
-      halfWidthPx * 2,
-      halfHeightPx * 2,
-      borderRadiusPx
-    );
-    if (isFilled) {
-      ctx.fill();
-    }
-    if (hasStroke && strokeWidthPx > 0) {
-      ctx.lineWidth = strokeWidthPx;
-      if (isDashed) {
-        const dashLength = Math.max(strokeWidthPx * 2, 1);
-        ctx.setLineDash([dashLength, dashLength]);
-      }
-      ctx.stroke();
-      if (isDashed) {
-        ctx.setLineDash([]);
-      }
-    }
-    ctx.restore();
-  });
-  fabricationNoteRectsOnLayer.forEach((rect) => {
-    const width10 = coerceDimensionToMm(rect.width, 0);
-    const height10 = coerceDimensionToMm(rect.height, 0);
-    if (width10 <= 0 || height10 <= 0) return;
-    const centerXmm = parseDimensionToMm(rect.center?.x) ?? 0;
-    const centerYmm = parseDimensionToMm(rect.center?.y) ?? 0;
-    const canvasCenterX = canvasXFromPcb(centerXmm);
-    const canvasCenterY = canvasYFromPcb(centerYmm);
-    const rawRadius = extractRectBorderRadius(rect);
-    const borderRadiusInput = typeof rawRadius === "string" ? parseDimensionToMm(rawRadius) : rawRadius;
-    const borderRadiusMm = clampRectBorderRadius(
-      width10,
-      height10,
-      borderRadiusInput
-    );
-    ctx.save();
-    ctx.translate(canvasCenterX, canvasCenterY);
-    const halfWidthPx = width10 / 2 * traceTextureResolution;
-    const halfHeightPx = height10 / 2 * traceTextureResolution;
-    const borderRadiusPx = Math.min(
-      borderRadiusMm * traceTextureResolution,
-      halfWidthPx,
-      halfHeightPx
-    );
-    const hasStroke = rect.has_stroke ?? false;
-    const isFilled = rect.is_filled ?? true;
-    const isDashed = rect.is_stroke_dashed ?? false;
-    const strokeWidthPx = hasStroke ? coerceDimensionToMm(rect.stroke_width, 0.1) * traceTextureResolution : 0;
-    let fillColor = silkscreenColor;
-    let strokeColor = silkscreenColor;
-    if (rect.color) {
-      const parsedColor = parseFabricationNoteColor(rect.color);
-      fillColor = parsedColor;
-      strokeColor = parsedColor;
-    } else {
-      fillColor = "rgb(255, 243, 204)";
-      strokeColor = "rgb(255, 243, 204)";
-    }
-    const drawRoundedRectPath = (x, y, rectWidth, rectHeight, radius) => {
-      ctx.beginPath();
-      if (radius <= 0) {
-        ctx.rect(x, y, rectWidth, rectHeight);
-      } else {
-        const r = radius;
-        const right = x + rectWidth;
-        const bottom = y + rectHeight;
-        ctx.moveTo(x + r, y);
-        ctx.lineTo(right - r, y);
-        ctx.quadraticCurveTo(right, y, right, y + r);
-        ctx.lineTo(right, bottom - r);
-        ctx.quadraticCurveTo(right, bottom, right - r, bottom);
-        ctx.lineTo(x + r, bottom);
-        ctx.quadraticCurveTo(x, bottom, x, bottom - r);
-        ctx.lineTo(x, y + r);
-        ctx.quadraticCurveTo(x, y, x + r, y);
-        ctx.closePath();
-      }
-    };
-    drawRoundedRectPath(
-      -halfWidthPx,
-      -halfHeightPx,
-      halfWidthPx * 2,
-      halfHeightPx * 2,
-      borderRadiusPx
-    );
-    if (isFilled) {
-      ctx.fillStyle = fillColor;
-      ctx.fill();
-    }
-    if (hasStroke && strokeWidthPx > 0) {
-      ctx.strokeStyle = strokeColor;
-      ctx.lineWidth = strokeWidthPx;
-      if (isDashed) {
-        const dashLength = Math.max(strokeWidthPx * 2, 1);
-        ctx.setLineDash([dashLength, dashLength]);
-      }
-      ctx.stroke();
-      if (isDashed) {
-        ctx.setLineDash([]);
-      }
-    }
-    ctx.restore();
-  });
-  textsOnLayer.forEach((textS) => {
-    const fontSize = textS.font_size || 0.25;
-    const textStrokeWidth = Math.min(Math.max(0.01, fontSize * 0.1), fontSize * 0.05) * traceTextureResolution;
-    ctx.lineWidth = textStrokeWidth;
-    ctx.lineCap = "butt";
-    ctx.lineJoin = "miter";
-    const rawTextOutlines = (0, import_text2.vectorText)({
-      height: fontSize * 0.45,
-      input: textS.text
-    });
-    const processedTextOutlines = [];
-    rawTextOutlines.forEach((outline) => {
-      if (outline.length === 29) {
-        processedTextOutlines.push(
-          outline.slice(0, 15)
-        );
-        processedTextOutlines.push(
-          outline.slice(14, 29)
-        );
-      } else if (outline.length === 17) {
-        processedTextOutlines.push(
-          outline.slice(0, 10)
-        );
-        processedTextOutlines.push(
-          outline.slice(9, 17)
-        );
-      } else {
-        processedTextOutlines.push(outline);
-      }
-    });
-    const points = processedTextOutlines.flat();
-    const textBounds = {
-      minX: points.length > 0 ? Math.min(...points.map((p) => p[0])) : 0,
-      maxX: points.length > 0 ? Math.max(...points.map((p) => p[0])) : 0,
-      minY: points.length > 0 ? Math.min(...points.map((p) => p[1])) : 0,
-      maxY: points.length > 0 ? Math.max(...points.map((p) => p[1])) : 0
-    };
-    const textCenterX = (textBounds.minX + textBounds.maxX) / 2;
-    const textCenterY = (textBounds.minY + textBounds.maxY) / 2;
-    let xOff = -textCenterX;
-    let yOff = -textCenterY;
-    const alignment = textS.anchor_alignment || "center";
-    if (alignment.includes("left")) {
-      xOff = -textBounds.minX;
-    } else if (alignment.includes("right")) {
-      xOff = -textBounds.maxX;
-    }
-    if (alignment.includes("top")) {
-      yOff = -textBounds.maxY;
-    } else if (alignment.includes("bottom")) {
-      yOff = -textBounds.minY;
-    }
-    const transformMatrices = [];
-    let rotationDeg = textS.ccw_rotation ?? 0;
-    if (textS.layer === "bottom") {
-      transformMatrices.push(
-        translate6(textCenterX, textCenterY),
-        { a: -1, b: 0, c: 0, d: 1, e: 0, f: 0 },
-        translate6(-textCenterX, -textCenterY)
-      );
-      rotationDeg = -rotationDeg;
-    }
-    if (rotationDeg) {
-      const rad = rotationDeg * Math.PI / 180;
-      transformMatrices.push(
-        translate6(textCenterX, textCenterY),
-        rotate2(rad),
-        translate6(-textCenterX, -textCenterY)
-      );
-    }
-    const finalTransformMatrix = transformMatrices.length > 0 ? compose(...transformMatrices) : void 0;
-    processedTextOutlines.forEach((segment) => {
-      ctx.beginPath();
-      segment.forEach((p, index2) => {
-        let transformedP = { x: p[0], y: p[1] };
-        if (finalTransformMatrix) {
-          transformedP = applyToPoint(finalTransformMatrix, transformedP);
-        }
-        const pcbX = transformedP.x + xOff + textS.anchor_position.x;
-        const pcbY = transformedP.y + yOff + textS.anchor_position.y;
-        const canvasX = canvasXFromPcb(pcbX);
-        const canvasY = canvasYFromPcb(pcbY);
-        if (index2 === 0) ctx.moveTo(canvasX, canvasY);
-        else ctx.lineTo(canvasX, canvasY);
-      });
-      ctx.stroke();
-    });
-  });
-  const texture = new THREE22.CanvasTexture(canvas);
+  const texture = new THREE20.CanvasTexture(canvas);
   texture.generateMipmaps = true;
-  texture.minFilter = THREE22.LinearMipmapLinearFilter;
-  texture.magFilter = THREE22.LinearFilter;
+  texture.minFilter = THREE20.LinearMipmapLinearFilter;
+  texture.magFilter = THREE20.LinearFilter;
   texture.anisotropy = 16;
   texture.needsUpdate = true;
   return texture;
 }
 
 // src/utils/trace-texture.ts
-import * as THREE23 from "three";
-import { su as su8 } from "@tscircuit/circuit-json-util";
+import * as THREE21 from "three";
+import { su as su7 } from "@tscircuit/circuit-json-util";
 function isWireRoutePoint(point) {
   return point && point.route_type === "wire" && typeof point.layer === "string" && typeof point.width === "number";
 }
@@ -32637,9 +31717,9 @@ function createTraceTextureForLayer({
   traceColor,
   traceTextureResolution
 }) {
-  const pcbTraces = su8(circuitJson).pcb_trace.list();
-  const allPcbVias = su8(circuitJson).pcb_via.list();
-  const allPcbPlatedHoles = su8(
+  const pcbTraces = su7(circuitJson).pcb_trace.list();
+  const allPcbVias = su7(circuitJson).pcb_via.list();
+  const allPcbPlatedHoles = su7(
     circuitJson
   ).pcb_plated_hole.list();
   const tracesOnLayer = pcbTraces.filter(
@@ -32738,18 +31818,139 @@ function createTraceTextureForLayer({
     }
   });
   ctx.globalCompositeOperation = "source-over";
-  const texture = new THREE23.CanvasTexture(canvas);
+  const texture = new THREE21.CanvasTexture(canvas);
   texture.generateMipmaps = true;
-  texture.minFilter = THREE23.LinearMipmapLinearFilter;
-  texture.magFilter = THREE23.LinearFilter;
+  texture.minFilter = THREE21.LinearMipmapLinearFilter;
+  texture.magFilter = THREE21.LinearFilter;
   texture.anisotropy = 16;
   texture.needsUpdate = true;
   return texture;
 }
 
-// src/textures/create-copper-pour-texture-for-layer.ts
-import * as THREE24 from "three";
+// src/textures/create-copper-text-texture-for-layer.ts
+import * as THREE22 from "three";
+
+// src/textures/copper-text/copper-text-drawing.ts
 import { CircuitToCanvasDrawer } from "circuit-to-canvas";
+var setDrawerBounds = (drawer, bounds) => {
+  drawer.setCameraBounds({
+    minX: bounds.minX,
+    maxX: bounds.maxX,
+    minY: bounds.minY,
+    maxY: bounds.maxY
+  });
+};
+var drawCopperTextLayer = ({
+  ctx,
+  layer,
+  bounds,
+  elements,
+  copperColor
+}) => {
+  const renderLayer = layer === "top" ? "top_copper" : "bottom_copper";
+  const drawer = new CircuitToCanvasDrawer(ctx);
+  drawer.configure({
+    colorOverrides: {
+      copper: {
+        top: copperColor,
+        bottom: copperColor,
+        inner1: copperColor,
+        inner2: copperColor,
+        inner3: copperColor,
+        inner4: copperColor,
+        inner5: copperColor,
+        inner6: copperColor
+      }
+    }
+  });
+  setDrawerBounds(drawer, bounds);
+  drawer.drawElements(elements, {
+    layers: [renderLayer]
+  });
+  const knockoutTexts = elements.filter(
+    (element) => element.type === "pcb_copper_text" && element.is_knockout === true
+  );
+  if (knockoutTexts.length === 0) return;
+  const maskCanvas = document.createElement("canvas");
+  maskCanvas.width = ctx.canvas.width;
+  maskCanvas.height = ctx.canvas.height;
+  const maskCtx = maskCanvas.getContext("2d");
+  if (!maskCtx) return;
+  const knockoutCutoutDrawer = new CircuitToCanvasDrawer(maskCtx);
+  knockoutCutoutDrawer.configure({
+    colorOverrides: {
+      copper: {
+        top: "rgb(255,255,255)",
+        bottom: "rgb(255,255,255)",
+        inner1: "rgb(255,255,255)",
+        inner2: "rgb(255,255,255)",
+        inner3: "rgb(255,255,255)",
+        inner4: "rgb(255,255,255)",
+        inner5: "rgb(255,255,255)",
+        inner6: "rgb(255,255,255)"
+      }
+    }
+  });
+  setDrawerBounds(knockoutCutoutDrawer, bounds);
+  knockoutCutoutDrawer.drawElements(
+    knockoutTexts.map((text) => ({
+      ...text,
+      is_knockout: false
+    })),
+    {
+      layers: [renderLayer]
+    }
+  );
+  ctx.save();
+  ctx.globalCompositeOperation = "destination-out";
+  ctx.drawImage(maskCanvas, 0, 0);
+  ctx.restore();
+};
+
+// src/textures/create-copper-text-texture-for-layer.ts
+function createCopperTextTextureForLayer({
+  layer,
+  circuitJson,
+  boardData,
+  copperColor = "rgb(230, 153, 51)",
+  traceTextureResolution = TRACE_TEXTURE_RESOLUTION
+}) {
+  const elements = circuitJson.filter(
+    (element) => element.type === "pcb_copper_text" && "layer" in element && element.layer === 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);
+  }
+  drawCopperTextLayer({
+    ctx,
+    layer,
+    bounds,
+    elements,
+    copperColor
+  });
+  const texture = new THREE22.CanvasTexture(canvas);
+  texture.generateMipmaps = true;
+  texture.minFilter = THREE22.LinearMipmapLinearFilter;
+  texture.magFilter = THREE22.LinearFilter;
+  texture.anisotropy = 16;
+  texture.needsUpdate = true;
+  return texture;
+}
+
+// src/textures/create-copper-pour-texture-for-layer.ts
+import * as THREE23 from "three";
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer2 } from "circuit-to-canvas";
 
 // src/geoms/brep-converter.ts
 var import_primitives7 = __toESM(require_primitives(), 1);
@@ -32897,7 +32098,7 @@ function createCopperPourTextureForLayer({
   );
   const brepPours = poursOnLayer.filter((pour) => pour.shape === "brep");
   if (rectAndPolygonPours.length > 0) {
-    const drawer = new CircuitToCanvasDrawer(ctx);
+    const drawer = new CircuitToCanvasDrawer2(ctx);
     drawer.setCameraBounds({
       minX: boardOutlineBounds.minX,
       maxX: boardOutlineBounds.maxX,
@@ -32954,6 +32155,167 @@ function createCopperPourTextureForLayer({
     ctx.fillStyle = copperColor;
     drawBrepShape({ ctx, pour, canvasXFromPcb, canvasYFromPcb });
   }
+  const texture = new THREE23.CanvasTexture(canvas);
+  texture.generateMipmaps = true;
+  texture.minFilter = THREE23.LinearMipmapLinearFilter;
+  texture.magFilter = THREE23.LinearFilter;
+  texture.anisotropy = 16;
+  texture.needsUpdate = true;
+  return texture;
+}
+
+// src/textures/create-silkscreen-texture-for-layer.ts
+import * as THREE24 from "three";
+
+// src/textures/soldermask/soldermask-bounds.ts
+var boundsFromPanel = (panel) => ({
+  minX: panel.center.x - panel.width / 2,
+  maxX: panel.center.x + panel.width / 2,
+  minY: panel.center.y - panel.height / 2,
+  maxY: panel.center.y + panel.height / 2,
+  width: panel.width,
+  height: panel.height,
+  centerX: panel.center.x,
+  centerY: panel.center.y
+});
+var mergeBounds = (a, b) => {
+  const minX = Math.min(a.minX, b.minX);
+  const maxX = Math.max(a.maxX, b.maxX);
+  const minY = Math.min(a.minY, b.minY);
+  const maxY = Math.max(a.maxY, b.maxY);
+  return {
+    minX,
+    maxX,
+    minY,
+    maxY,
+    width: maxX - minX,
+    height: maxY - minY,
+    centerX: (minX + maxX) / 2,
+    centerY: (minY + maxY) / 2
+  };
+};
+var getSoldermaskRenderBounds = (circuitJson, boardData) => {
+  const panels = circuitJson.filter(
+    (e) => e.type === "pcb_panel"
+  );
+  const boards = circuitJson.filter(
+    (e) => e.type === "pcb_board"
+  );
+  const activePanel = panels.find((panel) => panel.pcb_panel_id === boardData.pcb_board_id) ?? panels[0];
+  if (activePanel && activePanel.width > 0 && activePanel.height > 0) {
+    return boundsFromPanel(activePanel);
+  }
+  const boardsForBounds = boards.length > 1 ? boards : [boardData];
+  return boardsForBounds.map((board) => calculateOutlineBounds(board)).reduce((acc, bounds) => mergeBounds(acc, bounds));
+};
+
+// src/textures/silkscreen/silkscreen-drawing.ts
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer3 } from "circuit-to-canvas";
+var FABRICATION_NOTE_COLOR = "rgb(255,243,204)";
+var TRANSPARENT = "rgba(0,0,0,0)";
+var setDrawerBounds2 = (drawer, bounds) => {
+  drawer.setCameraBounds({
+    minX: bounds.minX,
+    maxX: bounds.maxX,
+    minY: bounds.minY,
+    maxY: bounds.maxY
+  });
+};
+var drawSilkscreenLayer = ({
+  ctx,
+  layer,
+  bounds,
+  elements,
+  silkscreenColor
+}) => {
+  const renderLayer = layer === "top" ? "top_silkscreen" : "bottom_silkscreen";
+  const drawer = new CircuitToCanvasDrawer3(ctx);
+  drawer.configure({
+    colorOverrides: {
+      copper: {
+        top: TRANSPARENT,
+        bottom: TRANSPARENT,
+        inner1: TRANSPARENT,
+        inner2: TRANSPARENT,
+        inner3: TRANSPARENT,
+        inner4: TRANSPARENT,
+        inner5: TRANSPARENT,
+        inner6: TRANSPARENT
+      },
+      copperPour: {
+        top: TRANSPARENT,
+        bottom: TRANSPARENT
+      },
+      drill: TRANSPARENT,
+      boardOutline: TRANSPARENT,
+      substrate: TRANSPARENT,
+      keepout: TRANSPARENT,
+      courtyard: {
+        top: TRANSPARENT,
+        bottom: TRANSPARENT
+      },
+      soldermask: {
+        top: TRANSPARENT,
+        bottom: TRANSPARENT
+      },
+      soldermaskWithCopperUnderneath: {
+        top: TRANSPARENT,
+        bottom: TRANSPARENT
+      },
+      soldermaskOverCopper: {
+        top: TRANSPARENT,
+        bottom: TRANSPARENT
+      },
+      silkscreen: {
+        top: silkscreenColor,
+        bottom: silkscreenColor
+      },
+      fabricationNote: FABRICATION_NOTE_COLOR
+    }
+  });
+  setDrawerBounds2(drawer, bounds);
+  drawer.drawElements(elements, {
+    layers: [renderLayer]
+  });
+};
+
+// src/textures/create-silkscreen-texture-for-layer.ts
+var isSilkscreenElement = (element, layer) => {
+  if (!("layer" in element) || element.layer !== layer) return false;
+  const elementType = element.type;
+  return elementType.startsWith("pcb_silkscreen_") || elementType === "pcb_fabrication_note_rect" || elementType === "pcb_note_line";
+};
+function createSilkscreenTextureForLayer({
+  layer,
+  circuitJson,
+  boardData,
+  traceTextureResolution = TRACE_TEXTURE_RESOLUTION,
+  silkscreenColor = "rgb(255,255,255)"
+}) {
+  const elements = circuitJson.filter(
+    (element) => isSilkscreenElement(element, layer)
+  );
+  if (elements.length === 0) return null;
+  const bounds = getSoldermaskRenderBounds(circuitJson, 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);
+  }
+  drawSilkscreenLayer({
+    ctx,
+    layer,
+    bounds,
+    elements,
+    silkscreenColor
+  });
   const texture = new THREE24.CanvasTexture(canvas);
   texture.generateMipmaps = true;
   texture.minFilter = THREE24.LinearMipmapLinearFilter;
@@ -32967,7 +32329,7 @@ function createCopperPourTextureForLayer({
 import * as THREE25 from "three";
 
 // src/textures/soldermask/soldermask-drawing.ts
-import { CircuitToCanvasDrawer as CircuitToCanvasDrawer2 } from "circuit-to-canvas";
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer4 } from "circuit-to-canvas";
 var toRgb = (colorArr) => {
   const [r = 0, g = 0, b = 0] = colorArr;
   return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(
@@ -32986,7 +32348,7 @@ var getSoldermaskPalette = (material) => {
     transparent: "rgba(0,0,0,0)"
   };
 };
-var setDrawerBounds = (drawer, bounds) => {
+var setDrawerBounds3 = (drawer, bounds) => {
   drawer.setCameraBounds({
     minX: bounds.minX,
     maxX: bounds.maxX,
@@ -33003,7 +32365,7 @@ var drawSoldermaskLayer = ({
 }) => {
   const palette = getSoldermaskPalette(boardMaterial);
   const copperRenderLayer = layer === "top" ? "top_copper" : "bottom_copper";
-  const drawer = new CircuitToCanvasDrawer2(ctx);
+  const drawer = new CircuitToCanvasDrawer4(ctx);
   drawer.configure({
     colorOverrides: {
       copper: {
@@ -33034,7 +32396,7 @@ var drawSoldermaskLayer = ({
       }
     }
   });
-  setDrawerBounds(drawer, bounds);
+  setDrawerBounds3(drawer, bounds);
   drawer.drawElements(elements, {
     layers: [copperRenderLayer],
     drawSoldermask: true,
@@ -33047,7 +32409,7 @@ var drawSoldermaskLayer = ({
   if (uncoveredPours.length > 0) {
     ctx.save();
     ctx.globalCompositeOperation = "destination-out";
-    const cutoutDrawer = new CircuitToCanvasDrawer2(ctx);
+    const cutoutDrawer = new CircuitToCanvasDrawer4(ctx);
     cutoutDrawer.configure({
       colorOverrides: {
         copper: {
@@ -33062,54 +32424,12 @@ var drawSoldermaskLayer = ({
         }
       }
     });
-    setDrawerBounds(cutoutDrawer, bounds);
+    setDrawerBounds3(cutoutDrawer, bounds);
     cutoutDrawer.drawElements(uncoveredPours, { layers: [copperRenderLayer] });
     ctx.restore();
   }
 };
 
-// src/textures/soldermask/soldermask-bounds.ts
-var boundsFromPanel = (panel) => ({
-  minX: panel.center.x - panel.width / 2,
-  maxX: panel.center.x + panel.width / 2,
-  minY: panel.center.y - panel.height / 2,
-  maxY: panel.center.y + panel.height / 2,
-  width: panel.width,
-  height: panel.height,
-  centerX: panel.center.x,
-  centerY: panel.center.y
-});
-var mergeBounds = (a, b) => {
-  const minX = Math.min(a.minX, b.minX);
-  const maxX = Math.max(a.maxX, b.maxX);
-  const minY = Math.min(a.minY, b.minY);
-  const maxY = Math.max(a.maxY, b.maxY);
-  return {
-    minX,
-    maxX,
-    minY,
-    maxY,
-    width: maxX - minX,
-    height: maxY - minY,
-    centerX: (minX + maxX) / 2,
-    centerY: (minY + maxY) / 2
-  };
-};
-var getSoldermaskRenderBounds = (circuitJson, boardData) => {
-  const panels = circuitJson.filter(
-    (e) => e.type === "pcb_panel"
-  );
-  const boards = circuitJson.filter(
-    (e) => e.type === "pcb_board"
-  );
-  const activePanel = panels.find((panel) => panel.pcb_panel_id === boardData.pcb_board_id) ?? panels[0];
-  if (activePanel && activePanel.width > 0 && activePanel.height > 0) {
-    return boundsFromPanel(activePanel);
-  }
-  const boardsForBounds = boards.length > 1 ? boards : [boardData];
-  return boardsForBounds.map((board) => calculateOutlineBounds(board)).reduce((acc, bounds) => mergeBounds(acc, bounds));
-};
-
 // src/textures/create-soldermask-texture-for-layer.ts
 function createSoldermaskTextureForLayer({
   layer,
@@ -33253,9 +32573,9 @@ function createCombinedBoardTextures({
       textures: [
         copperPourTexture,
         traceTexture,
-        copperTextTexture,
         padTexture,
         soldermaskTexture,
+        copperTextTexture,
         silkscreenTexture,
         panelOutlineTexture
       ],
@@ -33385,7 +32705,7 @@ function JscadBoardTextures({
     const panels = circuitJson.filter(
       (e) => e.type === "pcb_panel"
     );
-    const boards = su9(circuitJson).pcb_board.list();
+    const boards = su8(circuitJson).pcb_board.list();
     if (panels.length > 0) {
       const panel = panels[0];
       const firstBoardInPanel = boards.find(
@@ -33522,16 +32842,16 @@ function JscadBoardTextures({
 }
 
 // src/utils/preprocess-circuit-json.ts
-import { su as su11 } from "@tscircuit/circuit-json-util";
+import { su as su10 } from "@tscircuit/circuit-json-util";
 
 // src/utils/create-faux-board.ts
-import { su as su10, getBoundsOfPcbElements } from "@tscircuit/circuit-json-util";
+import { su as su9, getBoundsOfPcbElements } from "@tscircuit/circuit-json-util";
 function createFauxBoard(circuitJson) {
-  const cadComponents = su10(circuitJson).cad_component.list();
-  const pads = su10(circuitJson).pcb_smtpad.list();
-  const holes = su10(circuitJson).pcb_hole.list();
-  const platedHoles = su10(circuitJson).pcb_plated_hole.list();
-  const vias = su10(circuitJson).pcb_via.list();
+  const cadComponents = su9(circuitJson).cad_component.list();
+  const pads = su9(circuitJson).pcb_smtpad.list();
+  const holes = su9(circuitJson).pcb_hole.list();
+  const platedHoles = su9(circuitJson).pcb_plated_hole.list();
+  const vias = su9(circuitJson).pcb_via.list();
   if (cadComponents.length === 0 && pads.length === 0 && holes.length === 0 && platedHoles.length === 0 && vias.length === 0) {
     return null;
   }
@@ -33580,7 +32900,7 @@ function createFauxBoard(circuitJson) {
 
 // src/utils/preprocess-circuit-json.ts
 function addFauxBoardIfNeeded(circuitJson) {
-  const boards = su11(circuitJson).pcb_board.list();
+  const boards = su10(circuitJson).pcb_board.list();
   if (boards.length > 0) {
     return circuitJson;
   }
@@ -33631,7 +32951,7 @@ var CadViewerJscad = forwardRef3(
     const initialCameraPosition = useMemo20(() => {
       if (!internalCircuitJson) return [5, -5, 5];
       try {
-        const board = su12(internalCircuitJson).pcb_board.list()[0];
+        const board = su11(internalCircuitJson).pcb_board.list()[0];
         if (!board) return [5, -5, 5];
         const { width: width10, height: height10 } = board;
         if (!width10 && !height10) {
@@ -33657,7 +32977,7 @@ var CadViewerJscad = forwardRef3(
     const isFauxBoard = useMemo20(() => {
       if (!internalCircuitJson) return false;
       try {
-        const board = su12(internalCircuitJson).pcb_board.list()[0];
+        const board = su11(internalCircuitJson).pcb_board.list()[0];
         return !!board && board.pcb_board_id === "faux-board";
       } catch (e) {
         return false;
@@ -33666,7 +32986,7 @@ var CadViewerJscad = forwardRef3(
     const boardDimensions = useMemo20(() => {
       if (!internalCircuitJson) return void 0;
       try {
-        const board = su12(internalCircuitJson).pcb_board.list()[0];
+        const board = su11(internalCircuitJson).pcb_board.list()[0];
         if (!board) return void 0;
         return { width: board.width ?? 0, height: board.height ?? 0 };
       } catch (e) {
@@ -33677,7 +32997,7 @@ var CadViewerJscad = forwardRef3(
     const boardCenter = useMemo20(() => {
       if (!internalCircuitJson) return void 0;
       try {
-        const board = su12(internalCircuitJson).pcb_board.list()[0];
+        const board = su11(internalCircuitJson).pcb_board.list()[0];
         if (!board || !board.center) return void 0;
         return { x: board.center.x, y: board.center.y };
       } catch (e) {
@@ -33687,7 +33007,7 @@ var CadViewerJscad = forwardRef3(
     }, [internalCircuitJson]);
     const pcbThickness = usePcbThickness(internalCircuitJson);
     const { stls: boardStls, loading } = useStlsFromGeom(boardGeom);
-    const cad_components = su12(internalCircuitJson).cad_component.list();
+    const cad_components = su11(internalCircuitJson).cad_component.list();
     return /* @__PURE__ */ jsxs5(
       CadViewerContainer,
       {
@@ -33741,12 +33061,12 @@ var CadViewerJscad = forwardRef3(
 );
 
 // src/CadViewerManifold.tsx
-import { su as su18 } from "@tscircuit/circuit-json-util";
+import { su as su17 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect25, useMemo as useMemo22, useState as useState16 } from "react";
 import * as THREE35 from "three";
 
 // src/hooks/useManifoldBoardBuilder.ts
-import { su as su17 } from "@tscircuit/circuit-json-util";
+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 THREE32 from "three";
 
@@ -33809,7 +33129,7 @@ function createManifoldBoard(Manifold, CrossSection, boardData, pcbThickness, ma
 }
 
 // src/utils/manifold/process-cutouts.ts
-import { su as su13 } from "@tscircuit/circuit-json-util";
+import { su as su12 } from "@tscircuit/circuit-json-util";
 
 // src/utils/pad-geoms.ts
 var RECT_PAD_SEGMENTS2 = 64;
@@ -33868,7 +33188,7 @@ var arePointsClockwise3 = (points) => {
 };
 function processCutoutsForManifold(Manifold, CrossSection, circuitJson, pcbThickness, manifoldInstancesForCleanup) {
   const cutoutOps = [];
-  const pcbCutouts = su13(circuitJson).pcb_cutout.list();
+  const pcbCutouts = su12(circuitJson).pcb_cutout.list();
   for (const cutout of pcbCutouts) {
     let cutoutOp;
     const cutoutHeight = pcbThickness * 1.5;
@@ -33963,7 +33283,7 @@ function processCutoutsForManifold(Manifold, CrossSection, circuitJson, pcbThick
 }
 
 // src/utils/manifold/process-non-plated-holes.ts
-import { su as su14 } from "@tscircuit/circuit-json-util";
+import { su as su13 } from "@tscircuit/circuit-json-util";
 
 // src/utils/hole-geoms.ts
 function createCircleHoleDrill({
@@ -34006,7 +33326,7 @@ function createPlatedHoleDrill({
 // src/utils/manifold/process-non-plated-holes.ts
 function processNonPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbThickness, manifoldInstancesForCleanup) {
   const nonPlatedHoleBoardDrills = [];
-  const pcbHoles = su14(circuitJson).pcb_hole.list();
+  const pcbHoles = su13(circuitJson).pcb_hole.list();
   const createPillOp = (width10, height10, depth) => {
     const pillOp = createRoundedRectPrism({
       Manifold,
@@ -34089,7 +33409,7 @@ function processNonPlatedHolesForManifold(Manifold, CrossSection, circuitJson, p
 }
 
 // src/utils/manifold/process-plated-holes.ts
-import { su as su15 } from "@tscircuit/circuit-json-util";
+import { su as su14 } from "@tscircuit/circuit-json-util";
 import * as THREE30 from "three";
 
 // src/utils/manifold-mesh-to-three-geometry.ts
@@ -34141,7 +33461,7 @@ var PLATED_HOLE_SURFACE_CLEARANCE = 5e-4;
 var PLATED_HOLE_FILL_CLEARANCE = 4e-3;
 function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbThickness, manifoldInstancesForCleanup, boardClipVolume) {
   const platedHoleBoardDrills = [];
-  const pcbPlatedHoles = su15(circuitJson).pcb_plated_hole.list();
+  const pcbPlatedHoles = su14(circuitJson).pcb_plated_hole.list();
   const platedHoleCopperGeoms = [];
   const platedHoleCopperOpsForSubtract = [];
   const createPillOp = (width10, height10, depth) => {
@@ -34875,7 +34195,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
 }
 
 // src/utils/manifold/process-vias.ts
-import { su as su16 } from "@tscircuit/circuit-json-util";
+import { su as su15 } from "@tscircuit/circuit-json-util";
 import * as THREE31 from "three";
 
 // src/utils/via-geoms.ts
@@ -34932,7 +34252,7 @@ function createViaCopper2({
 var COPPER_COLOR2 = new THREE31.Color(...colors.copper);
 function processViasForManifold(Manifold, circuitJson, pcbThickness, manifoldInstancesForCleanup, boardClipVolume) {
   const viaBoardDrills = [];
-  const pcbVias = su16(circuitJson).pcb_via.list();
+  const pcbVias = su15(circuitJson).pcb_via.list();
   const viaCopperGeoms = [];
   pcbVias.forEach((via, index2) => {
     if (typeof via.hole_diameter === "number") {
@@ -34991,7 +34311,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson, visibility) => {
     const panels = circuitJson.filter(
       (e) => e.type === "pcb_panel"
     );
-    const boards = su17(circuitJson).pcb_board.list();
+    const boards = su16(circuitJson).pcb_board.list();
     if (panels.length > 0) {
       const panel = panels[0];
       const firstBoardInPanel = boards.find(
@@ -35012,7 +34332,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson, visibility) => {
     return boardsNotInPanel.length > 0 ? boardsNotInPanel[0] : null;
   }, [circuitJson]);
   const isFauxBoard = useMemo21(() => {
-    const boards = su17(circuitJson).pcb_board.list();
+    const boards = su16(circuitJson).pcb_board.list();
     return boards.length > 0 && boards[0].pcb_board_id === "faux-board";
   }, [circuitJson]);
   const traceTextureResolution = useMemo21(() => {
@@ -35476,7 +34796,7 @@ try {
     [textures, boardData, pcbThickness, isFauxBoard]
   );
   const cadComponents = useMemo22(
-    () => su18(circuitJson).cad_component.list(),
+    () => su17(circuitJson).cad_component.list(),
     [circuitJson]
   );
   const boardDimensions = useMemo22(() => {
@@ -37931,21 +37251,21 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   }
   const clientRect = element.getBoundingClientRect();
   const domElement = unwrapElement(element);
-  let scale3 = createCoords(1);
+  let scale2 = createCoords(1);
   if (includeScale) {
     if (offsetParent) {
       if (isElement(offsetParent)) {
-        scale3 = getScale(offsetParent);
+        scale2 = getScale(offsetParent);
       }
     } else {
-      scale3 = getScale(element);
+      scale2 = getScale(element);
     }
   }
   const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-  let x = (clientRect.left + visualOffsets.x) / scale3.x;
-  let y = (clientRect.top + visualOffsets.y) / scale3.y;
-  let width10 = clientRect.width / scale3.x;
-  let height10 = clientRect.height / scale3.y;
+  let x = (clientRect.left + visualOffsets.x) / scale2.x;
+  let y = (clientRect.top + visualOffsets.y) / scale2.y;
+  let width10 = clientRect.width / scale2.x;
+  let height10 = clientRect.height / scale2.y;
   if (domElement) {
     const win = getWindow(domElement);
     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
@@ -38007,7 +37327,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  let scale3 = createCoords(1);
+  let scale2 = createCoords(1);
   const offsets = createCoords(0);
   const isOffsetParentAnElement = isHTMLElement(offsetParent);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
@@ -38016,17 +37336,17 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     }
     if (isHTMLElement(offsetParent)) {
       const offsetRect = getBoundingClientRect(offsetParent);
-      scale3 = getScale(offsetParent);
+      scale2 = getScale(offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
   const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
-    width: rect.width * scale3.x,
-    height: rect.height * scale3.y,
-    x: rect.x * scale3.x - scroll.scrollLeft * scale3.x + offsets.x + htmlOffset.x,
-    y: rect.y * scale3.y - scroll.scrollTop * scale3.y + offsets.y + htmlOffset.y
+    width: rect.width * scale2.x,
+    height: rect.height * scale2.y,
+    x: rect.x * scale2.x - scroll.scrollLeft * scale2.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale2.y - scroll.scrollTop * scale2.y + offsets.y + htmlOffset.y
   };
 }
 function getClientRects(element) {
@@ -38093,11 +37413,11 @@ function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
   const top = clientRect.top + element.clientTop;
   const left = clientRect.left + element.clientLeft;
-  const scale3 = isHTMLElement(element) ? getScale(element) : createCoords(1);
-  const width10 = element.clientWidth * scale3.x;
-  const height10 = element.clientHeight * scale3.y;
-  const x = left * scale3.x;
-  const y = top * scale3.y;
+  const scale2 = isHTMLElement(element) ? getScale(element) : createCoords(1);
+  const width10 = element.clientWidth * scale2.x;
+  const height10 = element.clientHeight * scale2.y;
+  const x = left * scale2.x;
+  const y = top * scale2.y;
   return {
     width: width10,
     height: height10,
@@ -38553,7 +37873,7 @@ function useFloating(options) {
       reference: externalReference,
       floating: externalFloating
     } = {},
-    transform: transform2 = true,
+    transform = true,
     whileElementsMounted,
     open
   } = options;
@@ -38668,7 +37988,7 @@ function useFloating(options) {
     }
     const x = roundByDPR(elements.floating, data.x);
     const y = roundByDPR(elements.floating, data.y);
-    if (transform2) {
+    if (transform) {
       return {
         ...initialStyles,
         transform: "translate(" + x + "px, " + y + "px)",
@@ -38682,7 +38002,7 @@ function useFloating(options) {
       left: x,
       top: y
     };
-  }, [strategy, transform2, elements.floating, data.x, data.y]);
+  }, [strategy, transform, elements.floating, data.x, data.y]);
   return React28.useMemo(() => ({
     ...data,
     update,
@@ -42490,7 +41810,7 @@ var CadViewer = (props) => {
 
 // src/convert-circuit-json-to-3d-svg.ts
 var import_debug = __toESM(require_browser(), 1);
-import { su as su19 } from "@tscircuit/circuit-json-util";
+import { su as su18 } from "@tscircuit/circuit-json-util";
 import * as THREE40 from "three";
 import { SVGRenderer } from "three/examples/jsm/renderers/SVGRenderer.js";
 
@@ -42719,11 +42039,11 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   const pointLight = new THREE40.PointLight(16777215, Math.PI / 4);
   pointLight.position.set(-10, -10, 10);
   scene.add(pointLight);
-  const components = su19(circuitJson).cad_component.list();
+  const components = su18(circuitJson).cad_component.list();
   for (const component of components) {
     await renderComponent(component, scene);
   }
-  const boardData = su19(circuitJson).pcb_board.list()[0];
+  const boardData = su18(circuitJson).pcb_board.list()[0];
   const boardGeom = createBoardGeomFromCircuitJson(circuitJson);
   if (boardGeom) {
     const solderMaskColor = colors.fr4SolderMaskGreen;
@@ -42764,8 +42084,8 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   scene.position.sub(center);
   const maxDim = Math.max(size4.x, size4.y, size4.z);
   if (maxDim > 0) {
-    const scale3 = (1 - padding / 100) / maxDim;
-    scene.scale.multiplyScalar(scale3 * 100);
+    const scale2 = (1 - padding / 100) / maxDim;
+    scene.scale.multiplyScalar(scale2 * 100);
   }
   camera.updateProjectionMatrix();
   renderer.render(scene, camera);