@tscircuit/pcb-viewer 1.10.22 → 1.10.24

package/dist/index.js

@@ -615,7 +615,7 @@ var require_dist = __commonJS({
             }
         });
         module2.exports = __toCommonJS2(src_exports2);
-        var import_transformation_matrix11 = require("transformation-matrix");
+        var import_transformation_matrix12 = require("transformation-matrix");
         var import_react21 = require("react");
         var useMouseMatrixTransform2 = function() {
             var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -624,7 +624,7 @@ var require_dist = __commonJS({
             var _props_canvasElm;
             var outerCanvasElm = (_props_canvasElm = props.canvasElm) !== null && _props_canvasElm !== void 0 ? _props_canvasElm : extRef.current;
             var _props_initialTransform;
-            var _ref1 = _sliced_to_array((0, import_react21.useState)((_props_initialTransform = props.initialTransform) !== null && _props_initialTransform !== void 0 ? _props_initialTransform : (0, import_transformation_matrix11.identity)()), 2), internalTransform = _ref1[0], setInternalTransform = _ref1[1];
+            var _ref1 = _sliced_to_array((0, import_react21.useState)((_props_initialTransform = props.initialTransform) !== null && _props_initialTransform !== void 0 ? _props_initialTransform : (0, import_transformation_matrix12.identity)()), 2), internalTransform = _ref1[0], setInternalTransform = _ref1[1];
             var _ref2 = _sliced_to_array((0, import_react21.useState)(0), 2), waitCounter = _ref2[0], setWaitCounter = _ref2[1];
             var _ref3 = _sliced_to_array((0, import_react21.useReducer)(function(s) {
                 return s + 1;
@@ -661,7 +661,7 @@ var require_dist = __commonJS({
                 var handleMouseUp = function handleMouseUp(e) {
                     if (!md) return;
                     m1 = getMousePos(e);
-                    var new_tf = (0, import_transformation_matrix11.compose)((0, import_transformation_matrix11.translate)(m1.x - m0.x, m1.y - m0.y), init_tf);
+                    var new_tf = (0, import_transformation_matrix12.compose)((0, import_transformation_matrix12.translate)(m1.x - m0.x, m1.y - m0.y), init_tf);
                     setTransform(new_tf);
                     init_tf = new_tf;
                     md = false;
@@ -670,11 +670,11 @@ var require_dist = __commonJS({
                     mlastrel = getMousePos(e);
                     if (!md) return;
                     m1 = getMousePos(e);
-                    setTransform((0, import_transformation_matrix11.compose)((0, import_transformation_matrix11.translate)(m1.x - m0.x, m1.y - m0.y), init_tf));
+                    setTransform((0, import_transformation_matrix12.compose)((0, import_transformation_matrix12.translate)(m1.x - m0.x, m1.y - m0.y), init_tf));
                 };
                 var handleMouseWheel = function handleMouseWheel(e) {
                     var center = getMousePos(e);
-                    var new_tf = (0, import_transformation_matrix11.compose)((0, import_transformation_matrix11.translate)(center.x, center.y), (0, import_transformation_matrix11.scale)(1 - e.deltaY / 1e3, 1 - e.deltaY / 1e3), (0, import_transformation_matrix11.translate)(-center.x, -center.y), init_tf);
+                    var new_tf = (0, import_transformation_matrix12.compose)((0, import_transformation_matrix12.translate)(center.x, center.y), (0, import_transformation_matrix12.scale)(1 - e.deltaY / 1e3, 1 - e.deltaY / 1e3), (0, import_transformation_matrix12.translate)(-center.x, -center.y), init_tf);
                     setTransform(new_tf);
                     init_tf = new_tf;
                     e.preventDefault();
@@ -689,7 +689,7 @@ var require_dist = __commonJS({
                     }
                     md = false;
                     m1 = getMousePos(e);
-                    var new_tf = (0, import_transformation_matrix11.compose)((0, import_transformation_matrix11.translate)(m1.x - m0.x, m1.y - m0.y), init_tf);
+                    var new_tf = (0, import_transformation_matrix12.compose)((0, import_transformation_matrix12.translate)(m1.x - m0.x, m1.y - m0.y), init_tf);
                     setTransform(new_tf);
                     init_tf = new_tf;
                 };
@@ -744,7 +744,7 @@ var require_dist = __commonJS({
                 lastDragCancelTime
             ]);
             var applyTransformToPoint = (0, import_react21.useCallback)(function(obj) {
-                return (0, import_transformation_matrix11.applyToPoint)(transform, obj);
+                return (0, import_transformation_matrix12.applyToPoint)(transform, obj);
             }, [
                 transform
             ]);
@@ -835,6 +835,9 @@ __export(dist_exports, {
     pcb_fabrication_note_text: function() {
         return pcb_fabrication_note_text;
     },
+    pcb_group: function() {
+        return pcb_group;
+    },
     pcb_hole: function() {
         return pcb_hole;
     },
@@ -847,6 +850,9 @@ __export(dist_exports, {
     pcb_keepout: function() {
         return pcb_keepout;
     },
+    pcb_manual_edit_conflict_error: function() {
+        return pcb_manual_edit_conflict_error;
+    },
     pcb_missing_footprint_error: function() {
         return pcb_missing_footprint_error;
     },
@@ -991,6 +997,9 @@ __export(dist_exports, {
     schematic_trace: function() {
         return schematic_trace;
     },
+    schematic_voltage_probe: function() {
+        return schematic_voltage_probe;
+    },
     size: function() {
         return size;
     },
@@ -1033,6 +1042,9 @@ __export(dist_exports, {
     source_simple_inductor: function() {
         return source_simple_inductor;
     },
+    source_simple_pin_header: function() {
+        return source_simple_pin_header;
+    },
     source_simple_potentiometer: function() {
         return source_simple_potentiometer;
     },
@@ -1045,6 +1057,9 @@ __export(dist_exports, {
     source_simple_resistor: function() {
         return source_simple_resistor;
     },
+    source_simple_resonator: function() {
+        return source_simple_resonator;
+    },
     source_trace: function() {
         return source_trace;
     },
@@ -7288,6 +7303,7 @@ var unitMappings = {
             mΩ: 1e-3,
             Ω: 1,
             kΩ: 1e3,
+            KΩ: 1e3,
             MΩ: 1e6,
             GΩ: 1e9,
             TΩ: 1e12
@@ -7299,6 +7315,7 @@ var unitMappings = {
             mV: 1e-3,
             V: 1,
             kV: 1e3,
+            KV: 1e3,
             MV: 1e6,
             GV: 1e9,
             TV: 1e12
@@ -7591,6 +7608,7 @@ var expectTypesMatch = function(shouldBe) {};
 expectTypesMatch("extra props b");
 expectTypesMatch("missing props b");
 expectTypesMatch(true);
+expectTypesMatch("mismatched prop types: a");
 var source_component_base = z.object({
     type: z.literal("source_component"),
     ftype: z.string().optional(),
@@ -7605,40 +7623,50 @@ var source_simple_capacitor = source_component_base.extend({
     ftype: z.literal("simple_capacitor"),
     capacitance: capacitance
 });
+expectTypesMatch(true);
 var source_simple_resistor = source_component_base.extend({
     ftype: z.literal("simple_resistor"),
     resistance: resistance
 });
+expectTypesMatch(true);
 var source_simple_diode = source_component_base.extend({
     ftype: z.literal("simple_diode")
 });
+expectTypesMatch(true);
 var source_simple_ground = source_component_base.extend({
     ftype: z.literal("simple_ground")
 });
+expectTypesMatch(true);
 var source_simple_bug = source_component_base.extend({
     ftype: z.literal("simple_bug")
 }).describe("@deprecated");
 var source_simple_chip = source_component_base.extend({
     ftype: z.literal("simple_chip")
 });
+expectTypesMatch(true);
 var source_led = source_simple_diode.extend({
     ftype: z.literal("led")
 });
+expectTypesMatch(true);
 var source_simple_power_source = source_component_base.extend({
     ftype: z.literal("simple_power_source"),
     voltage: voltage
 });
+expectTypesMatch(true);
 var source_simple_battery = source_component_base.extend({
     ftype: z.literal("simple_battery"),
     capacity: battery_capacity
 });
+expectTypesMatch(true);
 var source_simple_inductor = source_component_base.extend({
     ftype: z.literal("simple_inductor"),
     inductance: inductance
 });
+expectTypesMatch(true);
 var source_simple_push_button = source_component_base.extend({
     ftype: z.literal("simple_push_button")
 });
+expectTypesMatch(true);
 var source_simple_potentiometer = source_component_base.extend({
     ftype: z.literal("simple_potentiometer"),
     max_resistance: resistance
@@ -7648,6 +7676,22 @@ var source_simple_crystal = source_component_base.extend({
     frequency: z.number().describe("Frequency in Hz"),
     load_capacitance: z.number().optional().describe("Load capacitance in pF")
 });
+expectTypesMatch(true);
+var source_simple_pin_header = source_component_base.extend({
+    ftype: z.literal("simple_pin_header"),
+    pin_count: z.number(),
+    gender: z.enum([
+        "male",
+        "female"
+    ]).optional().default("male")
+});
+var source_simple_resonator = source_component_base.extend({
+    ftype: z.literal("simple_resonator"),
+    load_capacitance: capacitance,
+    equivalent_series_resistance: resistance.optional(),
+    frequency: frequency
+});
+expectTypesMatch(true);
 var any_source_component = z.union([
     source_simple_resistor,
     source_simple_capacitor,
@@ -7661,7 +7705,9 @@ var any_source_component = z.union([
     source_simple_inductor,
     source_simple_push_button,
     source_simple_potentiometer,
-    source_simple_crystal
+    source_simple_crystal,
+    source_simple_pin_header,
+    source_simple_resonator
 ]);
 var source_port = z.object({
     type: z.literal("source_port"),
@@ -7671,6 +7717,7 @@ var source_port = z.object({
     source_port_id: z.string(),
     source_component_id: z.string()
 });
+expectTypesMatch(true);
 var source_trace = z.object({
     type: z.literal("source_trace"),
     source_trace_id: z.string(),
@@ -7703,6 +7750,7 @@ var schematic_box = z.object({
     x: distance,
     y: distance
 }).describe("Draws a box on the schematic");
+expectTypesMatch(true);
 var schematic_path = z.object({
     type: z.literal("schematic_path"),
     schematic_component_id: z.string(),
@@ -7713,6 +7761,7 @@ var schematic_path = z.object({
     is_filled: z.boolean().optional(),
     points: z.array(point)
 });
+expectTypesMatch(true);
 var schematic_pin_styles = z.record(z.object({
     left_margin: length.optional(),
     right_margin: length.optional(),
@@ -7785,6 +7834,7 @@ var schematic_line = z.object({
     y1: distance,
     y2: distance
 });
+expectTypesMatch(true);
 var schematic_trace = z.object({
     type: z.literal("schematic_trace"),
     schematic_trace_id: z.string(),
@@ -7827,6 +7877,7 @@ var schematic_text = z.object({
     ]).default("center"),
     color: z.string().default("#000000")
 });
+expectTypesMatch(true);
 var schematic_port = z.object({
     type: z.literal("schematic_port"),
     schematic_port_id: z.string(),
@@ -7866,12 +7917,13 @@ var schematic_net_label = z.object({
     symbol_name: z.string().optional()
 });
 var schematic_error = z.object({
-    schematic_error_id: z.string(),
     type: z.literal("schematic_error"),
+    schematic_error_id: z.string(),
     // eventually each error type should be broken out into a dir of files
     error_type: z.literal("schematic_port_not_found"),
     message: z.string()
 }).describe("Defines a schematic error on the schematic");
+expectTypesMatch(true);
 var schematic_debug_object_base = z.object({
     type: z.literal("schematic_debug_object"),
     label: z.string().optional()
@@ -7896,6 +7948,14 @@ var schematic_debug_object = z.discriminatedUnion("shape", [
     schematic_debug_point
 ]);
 expectTypesMatch(true);
+var schematic_voltage_probe = z.object({
+    type: z.literal("schematic_voltage_probe"),
+    schematic_voltage_probe_id: z.string(),
+    position: point,
+    schematic_trace_id: z.string(),
+    voltage: voltage.optional()
+}).describe("Defines a voltage probe measurement point on a schematic trace");
+expectTypesMatch(true);
 var all_layers = [
     "top",
     "bottom",
@@ -8243,6 +8303,7 @@ var pcb_silkscreen_text = z.object({
     font_size: distance.default("0.2mm"),
     pcb_component_id: z.string(),
     text: z.string(),
+    ccw_rotation: z.number().optional(),
     layer: layer_ref,
     is_mirrored: z.boolean().default(false).optional(),
     anchor_position: point.default({
@@ -8347,6 +8408,25 @@ var pcb_missing_footprint_error = z.object({
     message: z.string()
 }).describe("Defines a missing footprint error on the PCB");
 expectTypesMatch(true);
+var pcb_manual_edit_conflict_error = z.object({
+    type: z.literal("pcb_manual_edit_conflict_error"),
+    pcb_error_id: getZodPrefixedIdWithDefault("pcb_manual_edit_conflict_error"),
+    message: z.string(),
+    pcb_component_id: z.string(),
+    source_component_id: z.string()
+}).describe("Error emitted when a component has both manual placement and explicit pcbX/pcbY coordinates");
+expectTypesMatch(true);
+var pcb_group = z.object({
+    type: z.literal("pcb_group"),
+    pcb_group_id: getZodPrefixedIdWithDefault("pcb_group"),
+    width: length,
+    height: length,
+    center: point,
+    pcb_component_ids: z.array(z.string()),
+    name: z.string().optional(),
+    description: z.string().optional()
+}).describe("Defines a group of components on the PCB");
+expectTypesMatch(true);
 var cad_component = z.object({
     type: z.literal("cad_component"),
     cad_component_id: z.string(),
@@ -8378,11 +8458,14 @@ var any_circuit_element = z.union([
     source_simple_power_source,
     source_simple_battery,
     source_simple_inductor,
+    source_simple_pin_header,
+    source_simple_resonator,
     source_simple_potentiometer,
     source_simple_push_button,
     pcb_component,
     pcb_hole,
     pcb_missing_footprint_error,
+    pcb_manual_edit_conflict_error,
     pcb_plated_hole,
     pcb_keepout,
     pcb_port,
@@ -8392,6 +8475,7 @@ var any_circuit_element = z.union([
     pcb_smtpad,
     pcb_solder_paste,
     pcb_board,
+    pcb_group,
     pcb_trace_hint,
     pcb_silkscreen_line,
     pcb_silkscreen_path,
@@ -8414,6 +8498,7 @@ var any_circuit_element = z.union([
     schematic_error,
     schematic_net_label,
     schematic_debug_object,
+    schematic_voltage_probe,
     cad_component
 ]);
 var any_soup_element = any_circuit_element;
@@ -9649,7 +9734,7 @@ var useMeasure_default = isBrowser && typeof window.ResizeObserver !== "undefine
     ];
 };
 // src/PCBViewer.tsx
-var import_transformation_matrix10 = require("transformation-matrix");
+var import_transformation_matrix11 = require("transformation-matrix");
 var import_use_mouse_matrix_transform = __toESM(require_dist());
 // src/components/CanvasElementsRenderer.tsx
 var import_react18 = require("react");
@@ -10308,6 +10393,36 @@ var Drawer = /*#__PURE__*/ function() {
     ]);
     return Drawer;
 }();
+// src/lib/util/rotate-text.ts
+var import_transformation_matrix4 = require("transformation-matrix");
+function rotateText(rotateTextParams) {
+    var lines = rotateTextParams.lines, anchorPoint = rotateTextParams.anchorPoint, ccwRotation = rotateTextParams.ccwRotation;
+    if (!ccwRotation) return lines;
+    var rad = ccwRotation * Math.PI / 180;
+    var rotationMatrix = (0, import_transformation_matrix4.rotate)(rad);
+    var transform = (0, import_transformation_matrix4.compose)((0, import_transformation_matrix4.translate)(anchorPoint.x, anchorPoint.y), rotationMatrix, (0, import_transformation_matrix4.translate)(-anchorPoint.x, -anchorPoint.y));
+    (0, import_transformation_matrix4.applyToPoint)(transform, anchorPoint);
+    return lines.map(function(line) {
+        return _object_spread_props(_object_spread({}, line), {
+            x1: (0, import_transformation_matrix4.applyToPoint)(transform, {
+                x: line.x1,
+                y: line.y1
+            }).x,
+            y1: (0, import_transformation_matrix4.applyToPoint)(transform, {
+                x: line.x1,
+                y: line.y1
+            }).y,
+            x2: (0, import_transformation_matrix4.applyToPoint)(transform, {
+                x: line.x2,
+                y: line.y2
+            }).x,
+            y2: (0, import_transformation_matrix4.applyToPoint)(transform, {
+                x: line.x2,
+                y: line.y2
+            }).y
+        });
+    });
+}
 // src/assets/alphabet.ts
 var svgAlphabet = {
     "0": "M0.4544564813877358 0L0.2723441540828736 0.03592830447352719L0.1086847233315459 0.14528754990019965L0.020630545837255005 0.3040632652221331L0 0.5395277421960205L0.049259221760993496 0.7369487828466779L0.18080513776237842 0.9005494166306564L0.37036887043974215 0.9872116270037247L0.5864663759301132 1L0.8148695622827444 0.9332890276148733L0.9326583645506394 0.8113052246023419L1 0.4031281830668562L0.833288960385582 0.09886798567812842L0.6801767918233781 0.02483708485091681L0.4544564813877358 0",
@@ -10454,10 +10569,22 @@ var drawText = function(drawer, text) {
     (_text_x = text.x) !== null && _text_x !== void 0 ? _text_x : text.x = 0;
     var _text_y;
     (_text_y = text.y) !== null && _text_y !== void 0 ? _text_y : text.y = 0;
+    var rotationAnchor = {
+        x: text.x,
+        y: text.y
+    };
     var text_lines = convertTextToLines(_object_spread_props(_object_spread({}, text), {
         x: text.x + alignOffset.x,
         y: text.y + alignOffset.y
     }));
+    if (text.ccw_rotation) {
+        var rotateTextParams = {
+            lines: text_lines,
+            anchorPoint: rotationAnchor,
+            ccwRotation: text.ccw_rotation
+        };
+        text_lines = rotateText(rotateTextParams);
+    }
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
         for(var _iterator = text_lines[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
@@ -11210,7 +11337,9 @@ var convertElementToPrimitives = function(element, allElements) {
                         layer: element.layer === "bottom" ? "bottom_silkscreen" : "top_silkscreen",
                         align: (_element_anchor_alignment = element.anchor_alignment) !== null && _element_anchor_alignment !== void 0 ? _element_anchor_alignment : "center",
                         text: element.text,
-                        size: element.font_size
+                        size: element.font_size,
+                        // Add the required 'size' property
+                        ccw_rotation: element.ccw_rotation
                     }
                 ];
             }
@@ -11236,7 +11365,7 @@ var convertElementToPrimitives = function(element, allElements) {
 // src/components/MouseElementTracker.tsx
 var import_react9 = require("react");
 var import_react10 = require("react");
-var import_transformation_matrix4 = require("transformation-matrix");
+var import_transformation_matrix5 = require("transformation-matrix");
 // src/components/ElementOverlayBox.tsx
 var import_react8 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -11281,8 +11410,9 @@ var layerColorHightlightMap = {
 };
 var HighlightedPrimitiveBoxWithText = function(param) {
     var primitive = param.primitive;
-    var _primitive__element, _primitive__parent_pcb_component;
+    var _primitive__element;
     var _ref = _sliced_to_array((0, import_react8.useState)(false), 2), finalState = _ref[0], setFinalState = _ref[1];
+    var primitiveElement = primitive._element;
     (0, import_react8.useEffect)(function() {
         setTimeout(function() {
             setFinalState(true);
@@ -11299,8 +11429,10 @@ var HighlightedPrimitiveBoxWithText = function(param) {
     var sip = 26;
     var _layerColorHightlightMap_primitive__element_layer;
     var color2 = (_layerColorHightlightMap_primitive__element_layer = layerColorHightlightMap[primitive === null || primitive === void 0 ? void 0 : (_primitive__element = primitive._element) === null || _primitive__element === void 0 ? void 0 : _primitive__element.layer]) !== null && _layerColorHightlightMap_primitive__element_layer !== void 0 ? _layerColorHightlightMap_primitive__element_layer : "red";
-    var _primitive__parent_pcb_component_rotation;
-    var rotation2 = (_primitive__parent_pcb_component_rotation = primitive === null || primitive === void 0 ? void 0 : (_primitive__parent_pcb_component = primitive._parent_pcb_component) === null || _primitive__parent_pcb_component === void 0 ? void 0 : _primitive__parent_pcb_component.rotation) !== null && _primitive__parent_pcb_component_rotation !== void 0 ? _primitive__parent_pcb_component_rotation : 0;
+    var rotation2 = 0;
+    if (primitiveElement.type === "pcb_smtpad" && (primitiveElement === null || primitiveElement === void 0 ? void 0 : primitiveElement.shape) === "rotated_rect") {
+        rotation2 = primitiveElement === null || primitiveElement === void 0 ? void 0 : primitiveElement.ccw_rotation;
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {
         style: {
             zIndex: zIndexMap.elementOverlay,
@@ -11387,7 +11519,7 @@ var MouseElementTracker = function(param) {
                 if (((_primitive__element = primitive._element) === null || _primitive__element === void 0 ? void 0 : _primitive__element.type) === "pcb_via") return "continue";
                 if (((_primitive__element1 = primitive._element) === null || _primitive__element1 === void 0 ? void 0 : _primitive__element1.type) === "pcb_component") return "continue";
                 if ((primitive === null || primitive === void 0 ? void 0 : primitive.layer) === "drill") return "continue";
-                var screenPos = (0, import_transformation_matrix4.applyToPoint)(transform, primitive);
+                var screenPos = (0, import_transformation_matrix5.applyToPoint)(transform, primitive);
                 var w = "w" in primitive ? primitive.w : "r" in primitive ? primitive.r * 2 : 0;
                 var h = "h" in primitive ? primitive.h : "r" in primitive ? primitive.r * 2 : 0;
                 var screenSize = {
@@ -11434,7 +11566,7 @@ var MouseElementTracker = function(param) {
                 var rect = e.currentTarget.getBoundingClientRect();
                 var x = e.clientX - rect.left;
                 var y = e.clientY - rect.top;
-                var rwPoint = (0, import_transformation_matrix4.applyToPoint)((0, import_transformation_matrix4.inverse)(transform), {
+                var rwPoint = (0, import_transformation_matrix5.applyToPoint)((0, import_transformation_matrix5.inverse)(transform), {
                     x: x,
                     y: y
                 });
@@ -11486,11 +11618,11 @@ var MouseElementTracker = function(param) {
 };
 // src/components/DimensionOverlay.tsx
 var import_react11 = require("react");
-var import_transformation_matrix5 = require("transformation-matrix");
+var import_transformation_matrix6 = require("transformation-matrix");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var DimensionOverlay = function(param) {
     var children = param.children, transform = param.transform;
-    if (!transform) transform = (0, import_transformation_matrix5.identity)();
+    if (!transform) transform = (0, import_transformation_matrix6.identity)();
     var _ref = _sliced_to_array((0, import_react11.useState)(false), 2), dimensionToolVisible = _ref[0], setDimensionToolVisible = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react11.useState)(false), 2), dimensionToolStretching = _ref1[0], setDimensionToolStretching = _ref1[1];
     var _ref2 = _sliced_to_array((0, import_react11.useState)({
@@ -11558,8 +11690,8 @@ var DimensionOverlay = function(param) {
     }, [
         containerRef
     ]);
-    var screenDStart = (0, import_transformation_matrix5.applyToPoint)(transform, dStart);
-    var screenDEnd = (0, import_transformation_matrix5.applyToPoint)(transform, dEnd);
+    var screenDStart = (0, import_transformation_matrix6.applyToPoint)(transform, dStart);
+    var screenDEnd = (0, import_transformation_matrix6.applyToPoint)(transform, dEnd);
     var arrowScreenBounds = {
         left: Math.min(screenDStart.x, screenDEnd.x),
         right: Math.max(screenDStart.x, screenDEnd.x),
@@ -11592,7 +11724,7 @@ var DimensionOverlay = function(param) {
             var rect = e.currentTarget.getBoundingClientRect();
             var x = e.clientX - rect.left;
             var y = e.clientY - rect.top;
-            var rwPoint = (0, import_transformation_matrix5.applyToPoint)((0, import_transformation_matrix5.inverse)(transform), {
+            var rwPoint = (0, import_transformation_matrix6.applyToPoint)((0, import_transformation_matrix6.inverse)(transform), {
                 x: x,
                 y: y
             });
@@ -11754,7 +11886,7 @@ var import_css = require("@emotion/css");
 // package.json
 var package_default = {
     name: "@tscircuit/pcb-viewer",
-    version: "1.10.21",
+    version: "1.10.23",
     main: "dist/index.js",
     repository: "tscircuit/pcb-viewer",
     license: "MIT",
@@ -11779,14 +11911,14 @@ var package_default = {
         "@storybook/nextjs": "^8.0.6",
         "@storybook/react": "^8.0.6",
         "@swc/core": "^1.4.12",
-        "@tscircuit/core": "^0.0.215",
+        "@tscircuit/core": "0.0.236",
         "@tscircuit/eagle-xml-converter": "^0.0.6",
         "@tscircuit/props": "^0.0.108",
         "@tscircuit/soup-util": "^0.0.38",
         "@types/color": "^3.0.6",
         "@types/node": "18.7.23",
         "@types/react": "^18.3.3",
-        "circuit-json": "^0.0.106",
+        "circuit-json": "^0.0.120",
         next: "^14.1.4",
         react: "^18.2.0",
         "react-dom": "^18.2.0",
@@ -12117,7 +12249,7 @@ var ToolbarOverlay = function(param) {
 // src/components/ErrorOverlay.tsx
 var import_css2 = require("@emotion/css");
 var import_react14 = require("react");
-var import_transformation_matrix6 = require("transformation-matrix");
+var import_transformation_matrix7 = require("transformation-matrix");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var ErrorSVG = function(param) {
     var screenPort1 = param.screenPort1, screenPort2 = param.screenPort2, errorCenter = param.errorCenter, canLineBeDrawn = param.canLineBeDrawn;
@@ -12166,7 +12298,7 @@ var ErrorSVG = function(param) {
 };
 var ErrorOverlay = function(param) {
     var children = param.children, transform = param.transform, elements = param.elements;
-    if (!transform) transform = (0, import_transformation_matrix6.identity)();
+    if (!transform) transform = (0, import_transformation_matrix7.identity)();
     var containerRef = (0, import_react14.useRef)(null);
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", {
         style: {
@@ -12186,11 +12318,11 @@ var ErrorOverlay = function(param) {
                     return el2.type === "pcb_port" && el2.pcb_port_id === (pcb_port_ids === null || pcb_port_ids === void 0 ? void 0 : pcb_port_ids[1]);
                 });
                 if (!port1 || !port2) return null;
-                var screenPort1 = (0, import_transformation_matrix6.applyToPoint)(transform, {
+                var screenPort1 = (0, import_transformation_matrix7.applyToPoint)(transform, {
                     x: port1.x,
                     y: port1.y
                 });
-                var screenPort2 = (0, import_transformation_matrix6.applyToPoint)(transform, {
+                var screenPort2 = (0, import_transformation_matrix7.applyToPoint)(transform, {
                     x: port2.x,
                     y: port2.y
                 });
@@ -12230,7 +12362,7 @@ var ErrorOverlay = function(param) {
 };
 // src/components/EditPlacementOverlay.tsx
 var import_react15 = require("react");
-var import_transformation_matrix7 = require("transformation-matrix");
+var import_transformation_matrix8 = require("transformation-matrix");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var isInsideOf = function(pcb_component2, point2) {
     var padding = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
@@ -12244,7 +12376,7 @@ var isInsideOf = function(pcb_component2, point2) {
 };
 var EditPlacementOverlay = function(param) {
     var children = param.children, disabledProp = param.disabled, transform = param.transform, soup = param.soup, cancelPanDrag = param.cancelPanDrag, onCreateEditEvent = param.onCreateEditEvent, onModifyEditEvent = param.onModifyEditEvent;
-    if (!transform) transform = (0, import_transformation_matrix7.identity)();
+    if (!transform) transform = (0, import_transformation_matrix8.identity)();
     var containerRef = (0, import_react15.useRef)(null);
     var _ref = _sliced_to_array((0, import_react15.useState)(null), 2), activePcbComponentId = _ref[0], setActivePcbComponent = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react15.useState)(null), 2), dragState = _ref1[0], setDragState = _ref1[1];
@@ -12271,7 +12403,7 @@ var EditPlacementOverlay = function(param) {
             var x = e.clientX - rect.left;
             var y = e.clientY - rect.top;
             if (isNaN(x) || isNaN(y)) return;
-            var rwMousePoint = (0, import_transformation_matrix7.applyToPoint)((0, import_transformation_matrix7.inverse)(transform), {
+            var rwMousePoint = (0, import_transformation_matrix8.applyToPoint)((0, import_transformation_matrix8.inverse)(transform), {
                 x: x,
                 y: y
             });
@@ -12332,7 +12464,7 @@ var EditPlacementOverlay = function(param) {
             var x = e.clientX - rect.left;
             var y = e.clientY - rect.top;
             if (isNaN(x) || isNaN(y)) return;
-            var rwMousePoint = (0, import_transformation_matrix7.applyToPoint)((0, import_transformation_matrix7.inverse)(transform), {
+            var rwMousePoint = (0, import_transformation_matrix8.applyToPoint)((0, import_transformation_matrix8.inverse)(transform), {
                 x: x,
                 y: y
             });
@@ -12365,7 +12497,7 @@ var EditPlacementOverlay = function(param) {
                 return e.type === "pcb_component";
             }).map(function(e) {
                 if (!(e === null || e === void 0 ? void 0 : e.center)) return null;
-                var projectedCenter = (0, import_transformation_matrix7.applyToPoint)(transform, e.center);
+                var projectedCenter = (0, import_transformation_matrix8.applyToPoint)(transform, e.center);
                 return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", {
                     style: {
                         position: "absolute",
@@ -12385,7 +12517,7 @@ var EditPlacementOverlay = function(param) {
 };
 // src/components/EditTraceHintOverlay.tsx
 var import_react17 = require("react");
-var import_transformation_matrix8 = require("transformation-matrix");
+var import_transformation_matrix9 = require("transformation-matrix");
 // src/components/HotkeyActionMenu.tsx
 var import_css3 = require("@emotion/css");
 var import_react16 = require("react");
@@ -12460,7 +12592,7 @@ var isInsideOfPlatedHole = function(hole, point2) {
 var EditTraceHintOverlay = function(param) {
     var children = param.children, disabledProp = param.disabled, transform = param.transform, soup = param.soup, cancelPanDrag = param.cancelPanDrag, onCreateEditEvent = param.onCreateEditEvent, onModifyEditEvent = param.onModifyEditEvent;
     var _containerRef_current;
-    if (!transform) transform = (0, import_transformation_matrix8.identity)();
+    if (!transform) transform = (0, import_transformation_matrix9.identity)();
     var containerRef = (0, import_react17.useRef)(null);
     var containerBounds = (_containerRef_current = containerRef.current) === null || _containerRef_current === void 0 ? void 0 : _containerRef_current.getBoundingClientRect();
     var _ref = _sliced_to_array((0, import_react17.useState)(null), 2), selectedElement = _ref[0], setSelectedElement = _ref[1];
@@ -12474,8 +12606,8 @@ var EditTraceHintOverlay = function(param) {
     var disabled = disabledProp || !in_edit_trace_mode;
     var ogCenterScreen, dragEndScreen;
     if ((dragState === null || dragState === void 0 ? void 0 : dragState.originalCenter) && (dragState === null || dragState === void 0 ? void 0 : dragState.dragEnd)) {
-        ogCenterScreen = (0, import_transformation_matrix8.applyToPoint)(transform, dragState === null || dragState === void 0 ? void 0 : dragState.originalCenter);
-        dragEndScreen = (0, import_transformation_matrix8.applyToPoint)(transform, dragState === null || dragState === void 0 ? void 0 : dragState.dragEnd);
+        ogCenterScreen = (0, import_transformation_matrix9.applyToPoint)(transform, dragState === null || dragState === void 0 ? void 0 : dragState.originalCenter);
+        dragEndScreen = (0, import_transformation_matrix9.applyToPoint)(transform, dragState === null || dragState === void 0 ? void 0 : dragState.dragEnd);
     }
     (0, import_react17.useEffect)(function() {
         var keyDown = function keyDown(e) {
@@ -12504,7 +12636,7 @@ var EditTraceHintOverlay = function(param) {
             var x = e.clientX - rect.left;
             var y = e.clientY - rect.top;
             if (isNaN(x) || isNaN(y)) return;
-            var rwMousePoint = (0, import_transformation_matrix8.applyToPoint)((0, import_transformation_matrix8.inverse)(transform), {
+            var rwMousePoint = (0, import_transformation_matrix9.applyToPoint)((0, import_transformation_matrix9.inverse)(transform), {
                 x: x,
                 y: y
             });
@@ -12569,7 +12701,7 @@ var EditTraceHintOverlay = function(param) {
             var x = e.clientX - rect.left;
             var y = e.clientY - rect.top;
             if (isNaN(x) || isNaN(y)) return;
-            var rwMousePoint = (0, import_transformation_matrix8.applyToPoint)((0, import_transformation_matrix8.inverse)(transform), {
+            var rwMousePoint = (0, import_transformation_matrix9.applyToPoint)((0, import_transformation_matrix9.inverse)(transform), {
                 x: x,
                 y: y
             });
@@ -12588,14 +12720,14 @@ var EditTraceHintOverlay = function(param) {
             var x = e.clientX - rect.left;
             var y = e.clientY - rect.top;
             if (isNaN(x) || isNaN(y)) return;
-            var rwMousePoint = (0, import_transformation_matrix8.applyToPoint)((0, import_transformation_matrix8.inverse)(transform), {
+            var rwMousePoint = (0, import_transformation_matrix9.applyToPoint)((0, import_transformation_matrix9.inverse)(transform), {
                 x: x,
                 y: y
             });
             if (dragState) {
                 cancelPanDrag();
                 var _dragState_editEvent_route_slice_;
-                var lastPointScreen = (0, import_transformation_matrix8.applyToPoint)(transform, (_dragState_editEvent_route_slice_ = dragState.editEvent.route.slice(-1)[0]) !== null && _dragState_editEvent_route_slice_ !== void 0 ? _dragState_editEvent_route_slice_ : dragState.originalCenter);
+                var lastPointScreen = (0, import_transformation_matrix9.applyToPoint)(transform, (_dragState_editEvent_route_slice_ = dragState.editEvent.route.slice(-1)[0]) !== null && _dragState_editEvent_route_slice_ !== void 0 ? _dragState_editEvent_route_slice_ : dragState.originalCenter);
                 var distanceFromLastPoint = Math.sqrt(Math.pow(x - lastPointScreen.x, 2) + Math.pow(y - lastPointScreen.y, 2));
                 if (distanceFromLastPoint < 20) {
                     onCreateEditEvent(_object_spread_props(_object_spread({}, dragState.editEvent), {
@@ -12633,13 +12765,13 @@ var EditTraceHintOverlay = function(param) {
                     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
                         stroke: "red",
                         d: "M ".concat(ogCenterScreen.x, " ").concat(ogCenterScreen.y, " ").concat(dragState === null || dragState === void 0 ? void 0 : dragState.editEvent.route.map(function(p) {
-                            return (0, import_transformation_matrix8.applyToPoint)(transform, p);
+                            return (0, import_transformation_matrix9.applyToPoint)(transform, p);
                         }).map(function(p) {
                             return "L ".concat(p.x, " ").concat(p.y);
                         }).join(" "), " L ").concat(dragEndScreen.x, " ").concat(dragEndScreen.y)
                     }),
                     dragState === null || dragState === void 0 ? void 0 : dragState.editEvent.route.map(function(r, i) {
-                        var rScreen = (0, import_transformation_matrix8.applyToPoint)(transform, r);
+                        var rScreen = (0, import_transformation_matrix9.applyToPoint)(transform, r);
                         return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react17.Fragment, {
                             children: [
                                 r.via && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", {
@@ -12687,7 +12819,7 @@ var EditTraceHintOverlay = function(param) {
                 }).map(function(e) {
                     var route = e.route;
                     var pcb_port2 = su_default(soup).pcb_port.get(e.pcb_port_id);
-                    var pcb_port_screen = (0, import_transformation_matrix8.applyToPoint)(transform, pcb_port2);
+                    var pcb_port_screen = (0, import_transformation_matrix9.applyToPoint)(transform, pcb_port2);
                     return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react17.Fragment, {
                         children: [
                             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", {
@@ -12700,13 +12832,13 @@ var EditTraceHintOverlay = function(param) {
                             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
                                 stroke: "red",
                                 d: "M ".concat(pcb_port_screen.x, " ").concat(pcb_port_screen.y, " ").concat(route.map(function(r) {
-                                    return (0, import_transformation_matrix8.applyToPoint)(transform, r);
+                                    return (0, import_transformation_matrix9.applyToPoint)(transform, r);
                                 }).map(function(r) {
                                     return "L ".concat(r.x, " ").concat(r.y);
                                 }).join(" "))
                             }, "path-".concat(e.pcb_port_id)),
                             route.map(function(r) {
-                                return _object_spread({}, r, (0, import_transformation_matrix8.applyToPoint)(transform, r));
+                                return _object_spread({}, r, (0, import_transformation_matrix9.applyToPoint)(transform, r));
                             }).map(function(r, i) {
                                 return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react17.Fragment, {
                                     children: [
@@ -12752,7 +12884,7 @@ var EditTraceHintOverlay = function(param) {
     });
 };
 // src/components/RatsNestOverlay.tsx
-var import_transformation_matrix9 = require("transformation-matrix");
+var import_transformation_matrix10 = require("transformation-matrix");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var RatsNestOverlay = function(param) {
     var transform = param.transform, soup = param.soup, children = param.children;
@@ -12760,7 +12892,7 @@ var RatsNestOverlay = function(param) {
         return s.is_showing_rats_nest;
     });
     if (!soup || !isShowingRatsNest) return children;
-    if (!transform) transform = (0, import_transformation_matrix9.identity)();
+    if (!transform) transform = (0, import_transformation_matrix10.identity)();
     var sourceTraces = su_default(soup).source_trace.list();
     var groups = [];
     sourceTraces.forEach(function(sourceTrace) {
@@ -12794,7 +12926,7 @@ var RatsNestOverlay = function(param) {
                 },
                 children: groups.map(function(group, index) {
                     var points = group.map(function(port) {
-                        return (0, import_transformation_matrix9.applyToPoint)(transform, {
+                        return (0, import_transformation_matrix10.applyToPoint)(transform, {
                             x: port.x,
                             y: port.y
                         });
@@ -12962,7 +13094,7 @@ var CanvasElementsRenderer = function(props) {
 };
 // src/PCBViewer.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var defaultTransform = (0, import_transformation_matrix10.compose)((0, import_transformation_matrix10.translate)(400, 300), (0, import_transformation_matrix10.scale)(40, -40));
+var defaultTransform = (0, import_transformation_matrix11.compose)((0, import_transformation_matrix11.translate)(400, 300), (0, import_transformation_matrix11.scale)(40, -40));
 var PCBViewer = function(param) {
     var children = param.children, soup = param.soup, circuitJson = param.circuitJson, _param_height = param.height, height = _param_height === void 0 ? 600 : _param_height, initialState = param.initialState, _param_allowEditing = param.allowEditing, allowEditing = _param_allowEditing === void 0 ? true : _param_allowEditing, editEventsProp = param.editEvents, onEditEventsChanged = param.onEditEventsChanged;
     soup !== null && soup !== void 0 ? soup : soup = circuitJson;
@@ -12997,7 +13129,7 @@ var PCBViewer = function(param) {
         var _elmBounds_width, _elmBounds_height;
         var scaleFactor = Math.min(((_elmBounds_width = elmBounds.width) !== null && _elmBounds_width !== void 0 ? _elmBounds_width : 0) / width, ((_elmBounds_height = elmBounds.height) !== null && _elmBounds_height !== void 0 ? _elmBounds_height : 0) / height2, 100) * 0.75;
         var _elmBounds_width1, _elmBounds_height1;
-        setTransform((0, import_transformation_matrix10.compose)((0, import_transformation_matrix10.translate)(((_elmBounds_width1 = elmBounds.width) !== null && _elmBounds_width1 !== void 0 ? _elmBounds_width1 : 0) / 2, ((_elmBounds_height1 = elmBounds.height) !== null && _elmBounds_height1 !== void 0 ? _elmBounds_height1 : 0) / 2), (0, import_transformation_matrix10.scale)(scaleFactor, -scaleFactor, 0, 0), (0, import_transformation_matrix10.translate)(-center.x, -center.y)));
+        setTransform((0, import_transformation_matrix11.compose)((0, import_transformation_matrix11.translate)(((_elmBounds_width1 = elmBounds.width) !== null && _elmBounds_width1 !== void 0 ? _elmBounds_width1 : 0) / 2, ((_elmBounds_height1 = elmBounds.height) !== null && _elmBounds_height1 !== void 0 ? _elmBounds_height1 : 0) / 2), (0, import_transformation_matrix11.scale)(scaleFactor, -scaleFactor, 0, 0), (0, import_transformation_matrix11.translate)(-center.x, -center.y)));
     };
     (0, import_react20.useEffect)(function() {
         if (refDimensions && refDimensions.width !== 0 && (children || soup)) {