@tscircuit/3d-viewer 0.0.521 → 0.0.523

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 vectorText2 = (options, text) => {
+    var vectorText = (options, text) => {
       const {
         xOffset,
         yOffset,
@@ -9985,7 +9985,7 @@ var require_vectorText = __commonJS({
       }
       return output;
     };
-    module.exports = vectorText2;
+    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;
   }
 });
 
@@ -14245,7 +14245,7 @@ var require_browser = __commonJS({
 
 // src/CadViewer.tsx
 import { useState as useState36, useCallback as useCallback21, useRef as useRef26, useEffect as useEffect44 } from "react";
-import * as THREE36 from "three";
+import * as THREE37 from "three";
 
 // src/CadViewerJscad.tsx
 import { su as su11 } from "@tscircuit/circuit-json-util";
@@ -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.520",
+  version: "0.0.522",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -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,
@@ -31452,221 +31452,7 @@ import { su as su8 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect23, useMemo as useMemo19 } from "react";
 
 // src/textures/create-combined-board-textures.ts
-import * as 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.";
-};
+import * as THREE27 from "three";
 
 // node_modules/@tscircuit/math-utils/dist/chunk-5N7UJNVK.js
 var getBoundsFromPoints = (points) => {
@@ -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,17 +31695,17 @@ function createPanelOutlineTextureForLayer({
       );
     }
   });
-  const texture = new THREE21.CanvasTexture(canvas);
+  const texture = new THREE20.CanvasTexture(canvas);
   texture.generateMipmaps = true;
-  texture.minFilter = THREE21.LinearMipmapLinearFilter;
-  texture.magFilter = THREE21.LinearFilter;
+  texture.minFilter = THREE20.LinearMipmapLinearFilter;
+  texture.magFilter = THREE20.LinearFilter;
   texture.anisotropy = 16;
   texture.needsUpdate = true;
   return texture;
 }
 
 // src/utils/trace-texture.ts
-import * as THREE22 from "three";
+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";
@@ -32280,6 +31818,127 @@ function createTraceTextureForLayer({
     }
   });
   ctx.globalCompositeOperation = "source-over";
+  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/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;
@@ -32291,7 +31950,7 @@ function createTraceTextureForLayer({
 
 // src/textures/create-copper-pour-texture-for-layer.ts
 import * as THREE23 from "three";
-import { CircuitToCanvasDrawer } from "circuit-to-canvas";
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer2 } from "circuit-to-canvas";
 
 // src/geoms/brep-converter.ts
 var import_primitives7 = __toESM(require_primitives(), 1);
@@ -32439,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,
@@ -32505,9 +32164,158 @@ function createCopperPourTextureForLayer({
   return texture;
 }
 
-// src/textures/create-silkscreen-texture-for-layer.ts
+// src/textures/create-fabrication-note-texture-for-layer.ts
 import * as THREE24 from "three";
 
+// src/textures/fabrication-note/fabrication-note-drawing.ts
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer3 } from "circuit-to-canvas";
+
+// 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/textures/fabrication-note/fabrication-note-drawing.ts
+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 normalizeFabricationElement = (element) => {
+  if (element.type === "pcb_fabrication_note_rect") {
+    return {
+      ...element,
+      width: parseDimensionToMm(element.width) ?? 0,
+      height: parseDimensionToMm(element.height) ?? 0,
+      stroke_width: coerceDimensionToMm(element.stroke_width, 0.1),
+      corner_radius: parseDimensionToMm(element.corner_radius)
+    };
+  }
+  if (element.type === "pcb_fabrication_note_path") {
+    return {
+      ...element,
+      stroke_width: coerceDimensionToMm(element.stroke_width, 0.1)
+    };
+  }
+  if (element.type === "pcb_fabrication_note_text") {
+    return {
+      ...element,
+      font_size: coerceDimensionToMm(element.font_size, 1)
+    };
+  }
+  if (element.type === "pcb_fabrication_note_dimension") {
+    return {
+      ...element,
+      font_size: coerceDimensionToMm(element.font_size, 1),
+      arrow_size: coerceDimensionToMm(element.arrow_size, 1),
+      offset_distance: coerceDimensionToMm(element.offset_distance, 0)
+    };
+  }
+  return element;
+};
+var drawFabricationNoteLayer = ({
+  ctx,
+  layer,
+  bounds,
+  elements
+}) => {
+  const renderLayer = `${layer}_fabrication_note`;
+  const normalizedElements = elements.map(normalizeFabricationElement);
+  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: TRANSPARENT,
+        bottom: TRANSPARENT
+      },
+      fabricationNote: FABRICATION_NOTE_COLOR
+    }
+  });
+  setDrawerBounds2(drawer, bounds);
+  drawer.drawElements(normalizedElements, {
+    layers: [renderLayer]
+  });
+};
+
 // src/textures/soldermask/soldermask-bounds.ts
 var boundsFromPanel = (panel) => ({
   minX: panel.center.x - panel.width / 2,
@@ -32550,11 +32358,57 @@ var getSoldermaskRenderBounds = (circuitJson, boardData) => {
   return boardsForBounds.map((board) => calculateOutlineBounds(board)).reduce((acc, bounds) => mergeBounds(acc, bounds));
 };
 
+// src/textures/create-fabrication-note-texture-for-layer.ts
+var isFabricationNoteElement = (element, layer) => {
+  if (!("layer" in element) || element.layer !== layer) return false;
+  return element.type.startsWith("pcb_fabrication_note_");
+};
+function createFabricationNoteTextureForLayer({
+  layer,
+  circuitJson,
+  boardData,
+  traceTextureResolution = TRACE_TEXTURE_RESOLUTION
+}) {
+  const elements = circuitJson.filter(
+    (element) => isFabricationNoteElement(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);
+  }
+  drawFabricationNoteLayer({
+    ctx,
+    layer,
+    bounds,
+    elements
+  });
+  const texture = new THREE24.CanvasTexture(canvas);
+  texture.generateMipmaps = true;
+  texture.minFilter = THREE24.LinearMipmapLinearFilter;
+  texture.magFilter = THREE24.LinearFilter;
+  texture.anisotropy = 16;
+  texture.needsUpdate = true;
+  return texture;
+}
+
+// src/textures/create-silkscreen-texture-for-layer.ts
+import * as THREE25 from "three";
+
 // src/textures/silkscreen/silkscreen-drawing.ts
-import { CircuitToCanvasDrawer as CircuitToCanvasDrawer2 } from "circuit-to-canvas";
-var FABRICATION_NOTE_COLOR = "rgb(255,243,204)";
-var TRANSPARENT = "rgba(0,0,0,0)";
-var setDrawerBounds = (drawer, bounds) => {
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer4 } from "circuit-to-canvas";
+var FABRICATION_NOTE_COLOR2 = "rgb(255,243,204)";
+var TRANSPARENT2 = "rgba(0,0,0,0)";
+var setDrawerBounds3 = (drawer, bounds) => {
   drawer.setCameraBounds({
     minX: bounds.minX,
     maxX: bounds.maxX,
@@ -32570,51 +32424,51 @@ var drawSilkscreenLayer = ({
   silkscreenColor
 }) => {
   const renderLayer = layer === "top" ? "top_silkscreen" : "bottom_silkscreen";
-  const drawer = new CircuitToCanvasDrawer2(ctx);
+  const drawer = new CircuitToCanvasDrawer4(ctx);
   drawer.configure({
     colorOverrides: {
       copper: {
-        top: TRANSPARENT,
-        bottom: TRANSPARENT,
-        inner1: TRANSPARENT,
-        inner2: TRANSPARENT,
-        inner3: TRANSPARENT,
-        inner4: TRANSPARENT,
-        inner5: TRANSPARENT,
-        inner6: TRANSPARENT
+        top: TRANSPARENT2,
+        bottom: TRANSPARENT2,
+        inner1: TRANSPARENT2,
+        inner2: TRANSPARENT2,
+        inner3: TRANSPARENT2,
+        inner4: TRANSPARENT2,
+        inner5: TRANSPARENT2,
+        inner6: TRANSPARENT2
       },
       copperPour: {
-        top: TRANSPARENT,
-        bottom: TRANSPARENT
+        top: TRANSPARENT2,
+        bottom: TRANSPARENT2
       },
-      drill: TRANSPARENT,
-      boardOutline: TRANSPARENT,
-      substrate: TRANSPARENT,
-      keepout: TRANSPARENT,
+      drill: TRANSPARENT2,
+      boardOutline: TRANSPARENT2,
+      substrate: TRANSPARENT2,
+      keepout: TRANSPARENT2,
       courtyard: {
-        top: TRANSPARENT,
-        bottom: TRANSPARENT
+        top: TRANSPARENT2,
+        bottom: TRANSPARENT2
       },
       soldermask: {
-        top: TRANSPARENT,
-        bottom: TRANSPARENT
+        top: TRANSPARENT2,
+        bottom: TRANSPARENT2
       },
       soldermaskWithCopperUnderneath: {
-        top: TRANSPARENT,
-        bottom: TRANSPARENT
+        top: TRANSPARENT2,
+        bottom: TRANSPARENT2
       },
       soldermaskOverCopper: {
-        top: TRANSPARENT,
-        bottom: TRANSPARENT
+        top: TRANSPARENT2,
+        bottom: TRANSPARENT2
       },
       silkscreen: {
         top: silkscreenColor,
         bottom: silkscreenColor
       },
-      fabricationNote: FABRICATION_NOTE_COLOR
+      fabricationNote: FABRICATION_NOTE_COLOR2
     }
   });
-  setDrawerBounds(drawer, bounds);
+  setDrawerBounds3(drawer, bounds);
   drawer.drawElements(elements, {
     layers: [renderLayer]
   });
@@ -32624,7 +32478,7 @@ var drawSilkscreenLayer = ({
 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";
+  return elementType.startsWith("pcb_silkscreen_") || elementType === "pcb_note_line";
 };
 function createSilkscreenTextureForLayer({
   layer,
@@ -32657,20 +32511,20 @@ function createSilkscreenTextureForLayer({
     elements,
     silkscreenColor
   });
-  const texture = new THREE24.CanvasTexture(canvas);
+  const texture = new THREE25.CanvasTexture(canvas);
   texture.generateMipmaps = true;
-  texture.minFilter = THREE24.LinearMipmapLinearFilter;
-  texture.magFilter = THREE24.LinearFilter;
+  texture.minFilter = THREE25.LinearMipmapLinearFilter;
+  texture.magFilter = THREE25.LinearFilter;
   texture.anisotropy = 16;
   texture.needsUpdate = true;
   return texture;
 }
 
 // src/textures/create-soldermask-texture-for-layer.ts
-import * as THREE25 from "three";
+import * as THREE26 from "three";
 
 // src/textures/soldermask/soldermask-drawing.ts
-import { CircuitToCanvasDrawer as CircuitToCanvasDrawer3 } from "circuit-to-canvas";
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer5 } 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(
@@ -32689,7 +32543,7 @@ var getSoldermaskPalette = (material) => {
     transparent: "rgba(0,0,0,0)"
   };
 };
-var setDrawerBounds2 = (drawer, bounds) => {
+var setDrawerBounds4 = (drawer, bounds) => {
   drawer.setCameraBounds({
     minX: bounds.minX,
     maxX: bounds.maxX,
@@ -32706,7 +32560,7 @@ var drawSoldermaskLayer = ({
 }) => {
   const palette = getSoldermaskPalette(boardMaterial);
   const copperRenderLayer = layer === "top" ? "top_copper" : "bottom_copper";
-  const drawer = new CircuitToCanvasDrawer3(ctx);
+  const drawer = new CircuitToCanvasDrawer5(ctx);
   drawer.configure({
     colorOverrides: {
       copper: {
@@ -32737,7 +32591,7 @@ var drawSoldermaskLayer = ({
       }
     }
   });
-  setDrawerBounds2(drawer, bounds);
+  setDrawerBounds4(drawer, bounds);
   drawer.drawElements(elements, {
     layers: [copperRenderLayer],
     drawSoldermask: true,
@@ -32750,7 +32604,7 @@ var drawSoldermaskLayer = ({
   if (uncoveredPours.length > 0) {
     ctx.save();
     ctx.globalCompositeOperation = "destination-out";
-    const cutoutDrawer = new CircuitToCanvasDrawer3(ctx);
+    const cutoutDrawer = new CircuitToCanvasDrawer5(ctx);
     cutoutDrawer.configure({
       colorOverrides: {
         copper: {
@@ -32765,7 +32619,7 @@ var drawSoldermaskLayer = ({
         }
       }
     });
-    setDrawerBounds2(cutoutDrawer, bounds);
+    setDrawerBounds4(cutoutDrawer, bounds);
     cutoutDrawer.drawElements(uncoveredPours, { layers: [copperRenderLayer] });
     ctx.restore();
   }
@@ -32799,10 +32653,10 @@ function createSoldermaskTextureForLayer({
     elements,
     boardMaterial: boardData.material
   });
-  const texture = new THREE25.CanvasTexture(canvas);
+  const texture = new THREE26.CanvasTexture(canvas);
   texture.generateMipmaps = true;
-  texture.minFilter = THREE25.LinearMipmapLinearFilter;
-  texture.magFilter = THREE25.LinearFilter;
+  texture.minFilter = THREE26.LinearMipmapLinearFilter;
+  texture.magFilter = THREE26.LinearFilter;
   texture.anisotropy = 16;
   texture.needsUpdate = true;
   return texture;
@@ -32840,10 +32694,10 @@ var createCombinedTexture = ({
     const image = texture.image;
     ctx.drawImage(image, 0, 0, canvasWidth, canvasHeight);
   });
-  const combinedTexture = new THREE26.CanvasTexture(canvas);
+  const combinedTexture = new THREE27.CanvasTexture(canvas);
   combinedTexture.generateMipmaps = false;
-  combinedTexture.minFilter = THREE26.LinearFilter;
-  combinedTexture.magFilter = THREE26.LinearFilter;
+  combinedTexture.minFilter = THREE27.LinearFilter;
+  combinedTexture.magFilter = THREE27.LinearFilter;
   combinedTexture.premultiplyAlpha = true;
   combinedTexture.anisotropy = 16;
   combinedTexture.needsUpdate = true;
@@ -32904,6 +32758,12 @@ function createCombinedBoardTextures({
       silkscreenColor,
       traceTextureResolution
     }) : null;
+    const fabricationNoteTexture = showSilkscreen ? createFabricationNoteTextureForLayer({
+      layer,
+      circuitJson,
+      boardData,
+      traceTextureResolution
+    }) : null;
     const panelOutlineTexture = showBoardBody ? createPanelOutlineTextureForLayer({
       layer,
       circuitJson,
@@ -32914,10 +32774,11 @@ function createCombinedBoardTextures({
       textures: [
         copperPourTexture,
         traceTexture,
-        copperTextTexture,
         padTexture,
         soldermaskTexture,
+        copperTextTexture,
         silkscreenTexture,
+        fabricationNoteTexture,
         panelOutlineTexture
       ],
       boardData,
@@ -32932,7 +32793,7 @@ function createCombinedBoardTextures({
 }
 
 // src/textures/create-three-texture-meshes.ts
-import * as THREE27 from "three";
+import * as THREE28 from "three";
 function createTexturePlane(config, boardData) {
   const {
     texture,
@@ -32944,15 +32805,15 @@ function createTexturePlane(config, boardData) {
   } = config;
   if (!texture) return null;
   const boardOutlineBounds = calculateOutlineBounds(boardData);
-  const planeGeom = new THREE27.PlaneGeometry(
+  const planeGeom = new THREE28.PlaneGeometry(
     boardOutlineBounds.width,
     boardOutlineBounds.height
   );
-  const material = new THREE27.MeshBasicMaterial({
+  const material = new THREE28.MeshBasicMaterial({
     map: texture,
     transparent: true,
     alphaTest: 0.08,
-    side: THREE27.DoubleSide,
+    side: THREE28.DoubleSide,
     depthWrite: true,
     polygonOffset: usePolygonOffset,
     polygonOffsetFactor: usePolygonOffset ? -4 : 0,
@@ -32960,7 +32821,7 @@ function createTexturePlane(config, boardData) {
     polygonOffsetUnits: usePolygonOffset ? -4 : 0,
     opacity: isFaux ? FAUX_BOARD_OPACITY : 1
   });
-  const mesh = new THREE27.Mesh(planeGeom, material);
+  const mesh = new THREE28.Mesh(planeGeom, material);
   mesh.position.set(
     boardOutlineBounds.centerX,
     boardOutlineBounds.centerY,
@@ -33005,7 +32866,7 @@ function createTextureMeshes(textures, boardData, pcbThickness, isFaux = false)
 }
 
 // src/three-components/JscadBoardTextures.tsx
-import * as THREE28 from "three";
+import * as THREE29 from "three";
 
 // src/utils/layer-texture-resolution.ts
 var DEFAULT_MAX_TEXTURE_PIXELS = 4e6;
@@ -33101,7 +32962,7 @@ function JscadBoardTextures({
       const typedMaterial = material;
       for (const prop of textureProps) {
         const texture = typedMaterial[prop];
-        if (texture && texture instanceof THREE28.Texture) {
+        if (texture && texture instanceof THREE29.Texture) {
           texture.dispose();
           typedMaterial[prop] = null;
         }
@@ -33111,22 +32972,22 @@ function JscadBoardTextures({
     const createTexturePlane2 = (texture, zOffset, isBottomLayer, name, usePolygonOffset = false, depthWrite = true, renderOrder = 1) => {
       if (!texture) return null;
       const boardOutlineBounds = calculateOutlineBounds(boardData);
-      const planeGeom = new THREE28.PlaneGeometry(
+      const planeGeom = new THREE29.PlaneGeometry(
         boardOutlineBounds.width,
         boardOutlineBounds.height
       );
-      const material = new THREE28.MeshBasicMaterial({
+      const material = new THREE29.MeshBasicMaterial({
         map: texture,
         transparent: true,
         alphaTest: 0.08,
-        side: THREE28.DoubleSide,
+        side: THREE29.DoubleSide,
         depthWrite,
         polygonOffset: usePolygonOffset,
         polygonOffsetFactor: usePolygonOffset ? -4 : 0,
         polygonOffsetUnits: usePolygonOffset ? -4 : 0,
         opacity: isFaux ? FAUX_BOARD_OPACITY : 1
       });
-      const mesh = new THREE28.Mesh(planeGeom, material);
+      const mesh = new THREE29.Mesh(planeGeom, material);
       mesh.position.set(
         boardOutlineBounds.centerX,
         boardOutlineBounds.centerY,
@@ -33171,7 +33032,7 @@ function JscadBoardTextures({
         mesh.geometry.dispose();
         if (Array.isArray(mesh.material)) {
           mesh.material.forEach((material) => disposeTextureMaterial(material));
-        } else if (mesh.material instanceof THREE28.Material) {
+        } else if (mesh.material instanceof THREE29.Material) {
           disposeTextureMaterial(mesh.material);
         }
       });
@@ -33404,12 +33265,12 @@ var CadViewerJscad = forwardRef3(
 // src/CadViewerManifold.tsx
 import { su as su17 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect25, useMemo as useMemo22, useState as useState16 } from "react";
-import * as THREE35 from "three";
+import * as THREE36 from "three";
 
 // src/hooks/useManifoldBoardBuilder.ts
 import { su as su16 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect24, useMemo as useMemo21, useRef as useRef9, useState as useState15 } from "react";
-import * as THREE32 from "three";
+import * as THREE33 from "three";
 
 // src/utils/manifold/create-manifold-board.ts
 var arePointsClockwise2 = (points) => {
@@ -33751,17 +33612,17 @@ function processNonPlatedHolesForManifold(Manifold, CrossSection, circuitJson, p
 
 // src/utils/manifold/process-plated-holes.ts
 import { su as su14 } from "@tscircuit/circuit-json-util";
-import * as THREE30 from "three";
+import * as THREE31 from "three";
 
 // src/utils/manifold-mesh-to-three-geometry.ts
-import * as THREE29 from "three";
+import * as THREE30 from "three";
 function manifoldMeshToThreeGeometry(manifoldMesh) {
-  const geometry = new THREE29.BufferGeometry();
+  const geometry = new THREE30.BufferGeometry();
   geometry.setAttribute(
     "position",
-    new THREE29.Float32BufferAttribute(manifoldMesh.vertProperties, 3)
+    new THREE30.Float32BufferAttribute(manifoldMesh.vertProperties, 3)
   );
-  geometry.setIndex(new THREE29.Uint32BufferAttribute(manifoldMesh.triVerts, 1));
+  geometry.setIndex(new THREE30.Uint32BufferAttribute(manifoldMesh.triVerts, 1));
   if (manifoldMesh.runIndex && manifoldMesh.runIndex.length > 1 && manifoldMesh.runOriginalID) {
     for (let i = 0; i < manifoldMesh.runIndex.length - 1; i++) {
       const start = manifoldMesh.runIndex[i];
@@ -33795,7 +33656,7 @@ var createEllipsePoints = (width10, height10, segments) => {
   }
   return points;
 };
-var COPPER_COLOR = new THREE30.Color(...colors.copper);
+var COPPER_COLOR = new THREE31.Color(...colors.copper);
 var PLATED_HOLE_LIP_HEIGHT = 0.05;
 var PLATED_HOLE_PAD_THICKNESS = 3e-3;
 var PLATED_HOLE_SURFACE_CLEARANCE = 5e-4;
@@ -34537,7 +34398,7 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
 
 // src/utils/manifold/process-vias.ts
 import { su as su15 } from "@tscircuit/circuit-json-util";
-import * as THREE31 from "three";
+import * as THREE32 from "three";
 
 // src/utils/via-geoms.ts
 function createViaCopper2({
@@ -34590,7 +34451,7 @@ function createViaCopper2({
 }
 
 // src/utils/manifold/process-vias.ts
-var COPPER_COLOR2 = new THREE31.Color(...colors.copper);
+var COPPER_COLOR2 = new THREE32.Color(...colors.copper);
 function processViasForManifold(Manifold, circuitJson, pcbThickness, manifoldInstancesForCleanup, boardClipVolume) {
   const viaBoardDrills = [];
   const pcbVias = su15(circuitJson).pcb_via.list();
@@ -34810,7 +34671,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson, visibility) => {
             {
               key: "plated-holes-union",
               geometry: cutPlatedGeom,
-              color: new THREE32.Color(
+              color: new THREE33.Color(
                 colors.copper[0],
                 colors.copper[1],
                 colors.copper[2]
@@ -34840,7 +34701,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson, visibility) => {
         const matColorArray = boardMaterialColors[boardData.material] ?? colors.fr4Tan;
         currentGeoms.board = {
           geometry: finalBoardGeom,
-          color: new THREE32.Color(
+          color: new THREE33.Color(
             matColorArray[0],
             matColorArray[1],
             matColorArray[2]
@@ -34885,11 +34746,11 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson, visibility) => {
 };
 
 // src/utils/manifold/create-three-geometry-meshes.ts
-import * as THREE34 from "three";
+import * as THREE35 from "three";
 
 // src/utils/create-board-material.ts
-import * as THREE33 from "three";
-var DEFAULT_SIDE = THREE33.DoubleSide;
+import * as THREE34 from "three";
+var DEFAULT_SIDE = THREE34.DoubleSide;
 var createBoardMaterial = ({
   material,
   color,
@@ -34897,7 +34758,7 @@ var createBoardMaterial = ({
   isFaux = false
 }) => {
   if (material === "fr4") {
-    return new THREE33.MeshPhysicalMaterial({
+    return new THREE34.MeshPhysicalMaterial({
       color,
       side,
       metalness: 0,
@@ -34914,7 +34775,7 @@ var createBoardMaterial = ({
       polygonOffsetUnits: 1
     });
   }
-  return new THREE33.MeshStandardMaterial({
+  return new THREE34.MeshStandardMaterial({
     color,
     side,
     flatShading: true,
@@ -34933,12 +34794,12 @@ function createGeometryMeshes(geoms) {
   const meshes = [];
   if (!geoms) return meshes;
   if (geoms.board && geoms.board.geometry) {
-    const mesh = new THREE34.Mesh(
+    const mesh = new THREE35.Mesh(
       geoms.board.geometry,
       createBoardMaterial({
         material: geoms.board.material,
         color: geoms.board.color,
-        side: THREE34.DoubleSide,
+        side: THREE35.DoubleSide,
         isFaux: geoms.board.isFaux
       })
     );
@@ -34948,11 +34809,11 @@ function createGeometryMeshes(geoms) {
   const createMeshesFromArray = (geomArray) => {
     if (geomArray) {
       geomArray.forEach((comp) => {
-        const mesh = new THREE34.Mesh(
+        const mesh = new THREE35.Mesh(
           comp.geometry,
-          new THREE34.MeshStandardMaterial({
+          new THREE35.MeshStandardMaterial({
             color: comp.color,
-            side: THREE34.DoubleSide,
+            side: THREE35.DoubleSide,
             flatShading: true
             // Consistent with board
           })
@@ -34996,7 +34857,7 @@ var BoardMeshes = ({
       const typedMaterial = material;
       for (const prop of textureProps) {
         const texture = typedMaterial[prop];
-        if (texture && texture instanceof THREE35.Texture) {
+        if (texture && texture instanceof THREE36.Texture) {
           texture.dispose();
           typedMaterial[prop] = null;
         }
@@ -37592,21 +37453,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;
@@ -37668,7 +37529,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) {
@@ -37677,17 +37538,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) {
@@ -37754,11 +37615,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,
@@ -38214,7 +38075,7 @@ function useFloating(options) {
       reference: externalReference,
       floating: externalFloating
     } = {},
-    transform: transform2 = true,
+    transform = true,
     whileElementsMounted,
     open
   } = options;
@@ -38329,7 +38190,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)",
@@ -38343,7 +38204,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,
@@ -41885,7 +41746,7 @@ var KeyboardShortcutsDialog = ({
 
 // src/CadViewer.tsx
 import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
-var DEFAULT_TARGET = new THREE36.Vector3(0, 0, 0);
+var DEFAULT_TARGET = new THREE37.Vector3(0, 0, 0);
 var INITIAL_CAMERA_POSITION = [5, -5, 5];
 var CadViewerInner = (props) => {
   const [engine, setEngine] = useState36("manifold");
@@ -42152,11 +42013,11 @@ var CadViewer = (props) => {
 // src/convert-circuit-json-to-3d-svg.ts
 var import_debug = __toESM(require_browser(), 1);
 import { su as su18 } from "@tscircuit/circuit-json-util";
-import * as THREE40 from "three";
+import * as THREE41 from "three";
 import { SVGRenderer } from "three/examples/jsm/renderers/SVGRenderer.js";
 
 // src/utils/create-geometry-from-polygons.ts
-import * as THREE37 from "three";
+import * as THREE38 from "three";
 import { BufferGeometry as BufferGeometry4, Float32BufferAttribute as Float32BufferAttribute3 } from "three";
 function createGeometryFromPolygons(polygons) {
   const geometry = new BufferGeometry4();
@@ -42170,12 +42031,12 @@ function createGeometryFromPolygons(polygons) {
         ...polygon3.vertices[i + 1]
         // Third vertex
       );
-      const v1 = new THREE37.Vector3(...polygon3.vertices[0]);
-      const v2 = new THREE37.Vector3(...polygon3.vertices[i]);
-      const v3 = new THREE37.Vector3(...polygon3.vertices[i + 1]);
-      const normal = new THREE37.Vector3().crossVectors(
-        new THREE37.Vector3().subVectors(v2, v1),
-        new THREE37.Vector3().subVectors(v3, v1)
+      const v1 = new THREE38.Vector3(...polygon3.vertices[0]);
+      const v2 = new THREE38.Vector3(...polygon3.vertices[i]);
+      const v3 = new THREE38.Vector3(...polygon3.vertices[i + 1]);
+      const normal = new THREE38.Vector3().crossVectors(
+        new THREE38.Vector3().subVectors(v2, v1),
+        new THREE38.Vector3().subVectors(v3, v1)
       ).normalize();
       normals.push(
         normal.x,
@@ -42199,10 +42060,10 @@ function createGeometryFromPolygons(polygons) {
 var import_modeling2 = __toESM(require_src(), 1);
 var import_jscad_planner2 = __toESM(require_dist(), 1);
 var jscadModeling2 = __toESM(require_src(), 1);
-import * as THREE39 from "three";
+import * as THREE40 from "three";
 
 // src/utils/load-model.ts
-import * as THREE38 from "three";
+import * as THREE39 from "three";
 import { GLTFLoader as GLTFLoader2 } from "three/examples/jsm/loaders/GLTFLoader.js";
 import { OBJLoader as OBJLoader2 } from "three/examples/jsm/loaders/OBJLoader.js";
 import { STLLoader as STLLoader2 } from "three/examples/jsm/loaders/STLLoader.js";
@@ -42210,12 +42071,12 @@ async function load3DModel(url) {
   if (url.endsWith(".stl")) {
     const loader = new STLLoader2();
     const geometry = await loader.loadAsync(url);
-    const material = new THREE38.MeshStandardMaterial({
+    const material = new THREE39.MeshStandardMaterial({
       color: 8947848,
       metalness: 0.5,
       roughness: 0.5
     });
-    return new THREE38.Mesh(geometry, material);
+    return new THREE39.Mesh(geometry, material);
   }
   if (url.endsWith(".obj")) {
     const loader = new OBJLoader2();
@@ -42248,9 +42109,9 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         model.rotation.set(
-          THREE39.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE39.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE39.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE40.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE40.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE40.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(model);
@@ -42264,13 +42125,13 @@ async function renderComponent(component, scene) {
     );
     if (jscadObject && (jscadObject.polygons || jscadObject.sides)) {
       const threeGeom = convertCSGToThreeGeom(jscadObject);
-      const material2 = new THREE39.MeshStandardMaterial({
+      const material2 = new THREE40.MeshStandardMaterial({
         color: 8947848,
         metalness: 0.5,
         roughness: 0.5,
-        side: THREE39.DoubleSide
+        side: THREE40.DoubleSide
       });
-      const mesh2 = new THREE39.Mesh(threeGeom, material2);
+      const mesh2 = new THREE40.Mesh(threeGeom, material2);
       if (component.position) {
         mesh2.position.set(
           component.position.x ?? 0,
@@ -42280,9 +42141,9 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         mesh2.rotation.set(
-          THREE39.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE39.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE39.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE40.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE40.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE40.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(mesh2);
@@ -42299,17 +42160,17 @@ async function renderComponent(component, scene) {
       if (!geom || !geom.polygons && !geom.sides) {
         continue;
       }
-      const color = new THREE39.Color(geomInfo.color);
+      const color = new THREE40.Color(geomInfo.color);
       color.convertLinearToSRGB();
       const geomWithColor = { ...geom, color: [color.r, color.g, color.b] };
       const threeGeom = convertCSGToThreeGeom(geomWithColor);
-      const material2 = new THREE39.MeshStandardMaterial({
+      const material2 = new THREE40.MeshStandardMaterial({
         vertexColors: true,
         metalness: 0.2,
         roughness: 0.8,
-        side: THREE39.DoubleSide
+        side: THREE40.DoubleSide
       });
-      const mesh2 = new THREE39.Mesh(threeGeom, material2);
+      const mesh2 = new THREE40.Mesh(threeGeom, material2);
       if (component.position) {
         mesh2.position.set(
           component.position.x ?? 0,
@@ -42319,22 +42180,22 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         mesh2.rotation.set(
-          THREE39.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE39.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE39.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE40.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE40.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE40.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(mesh2);
     }
     return;
   }
-  const geometry = new THREE39.BoxGeometry(0.5, 0.5, 0.5);
-  const material = new THREE39.MeshStandardMaterial({
+  const geometry = new THREE40.BoxGeometry(0.5, 0.5, 0.5);
+  const material = new THREE40.MeshStandardMaterial({
     color: 16711680,
     transparent: true,
     opacity: 0.25
   });
-  const mesh = new THREE39.Mesh(geometry, material);
+  const mesh = new THREE40.Mesh(geometry, material);
   if (component.position) {
     mesh.position.set(
       component.position.x ?? 0,
@@ -42355,11 +42216,11 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
     padding = 20,
     zoom = 1.5
   } = options;
-  const scene = new THREE40.Scene();
+  const scene = new THREE41.Scene();
   const renderer = new SVGRenderer();
   renderer.setSize(width10, height10);
-  renderer.setClearColor(new THREE40.Color(backgroundColor), 1);
-  const camera = new THREE40.OrthographicCamera();
+  renderer.setClearColor(new THREE41.Color(backgroundColor), 1);
+  const camera = new THREE41.OrthographicCamera();
   const aspect = width10 / height10;
   const frustumSize = 100;
   const halfFrustumSize = frustumSize / 2 / zoom;
@@ -42373,11 +42234,11 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   camera.position.set(position.x, position.y, position.z);
   camera.up.set(0, 1, 0);
   const lookAt = options.camera?.lookAt ?? { x: 0, y: 0, z: 0 };
-  camera.lookAt(new THREE40.Vector3(lookAt.x, lookAt.y, lookAt.z));
+  camera.lookAt(new THREE41.Vector3(lookAt.x, lookAt.y, lookAt.z));
   camera.updateProjectionMatrix();
-  const ambientLight = new THREE40.AmbientLight(16777215, Math.PI / 2);
+  const ambientLight = new THREE41.AmbientLight(16777215, Math.PI / 2);
   scene.add(ambientLight);
-  const pointLight = new THREE40.PointLight(16777215, Math.PI / 4);
+  const pointLight = new THREE41.PointLight(16777215, Math.PI / 4);
   pointLight.position.set(-10, -10, 10);
   scene.add(pointLight);
   const components = su18(circuitJson).cad_component.list();
@@ -42388,7 +42249,7 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   const boardGeom = createBoardGeomFromCircuitJson(circuitJson);
   if (boardGeom) {
     const solderMaskColor = colors.fr4SolderMaskGreen;
-    const baseColor = new THREE40.Color(
+    const baseColor = new THREE41.Color(
       solderMaskColor[0],
       solderMaskColor[1],
       solderMaskColor[2]
@@ -42400,33 +42261,33 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
       const material = createBoardMaterial({
         material: boardData?.material,
         color: baseColor,
-        side: THREE40.DoubleSide
+        side: THREE41.DoubleSide
       });
-      const mesh = new THREE40.Mesh(geometry, material);
+      const mesh = new THREE41.Mesh(geometry, material);
       scene.add(mesh);
     }
   }
-  const gridColor = new THREE40.Color(8947848);
-  const gridHelper = new THREE40.GridHelper(100, 100, gridColor, gridColor);
+  const gridColor = new THREE41.Color(8947848);
+  const gridHelper = new THREE41.GridHelper(100, 100, gridColor, gridColor);
   gridHelper.rotation.x = Math.PI / 2;
   const materials = Array.isArray(gridHelper.material) ? gridHelper.material : [gridHelper.material];
   for (const mat of materials) {
     mat.transparent = true;
     mat.opacity = 0.3;
-    if (mat instanceof THREE40.LineBasicMaterial) {
+    if (mat instanceof THREE41.LineBasicMaterial) {
       mat.color = gridColor;
       mat.vertexColors = false;
     }
   }
   scene.add(gridHelper);
-  const box = new THREE40.Box3().setFromObject(scene);
-  const center = box.getCenter(new THREE40.Vector3());
-  const size4 = box.getSize(new THREE40.Vector3());
+  const box = new THREE41.Box3().setFromObject(scene);
+  const center = box.getCenter(new THREE41.Vector3());
+  const size4 = box.getSize(new THREE41.Vector3());
   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);