@tscircuit/pcb-viewer 1.10.4 → 1.10.6

package/dist/index.js

@@ -45,10 +45,6 @@ function _async_to_generator(fn) {
         });
     };
 }
-function _call_super(_this, derived, args) {
-    derived = _get_prototype_of(derived);
-    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
-}
 function _class_call_check(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
@@ -294,12 +290,28 @@ function _wrap_native_super(Class) {
     return _wrap_native_super(Class);
 }
 function _is_native_reflect_construct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
     try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _create_super(Derived) {
+    var hasNativeReflectConstruct = _is_native_reflect_construct();
+    return function _createSuperInternal() {
+        var Super = _get_prototype_of(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _get_prototype_of(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possible_constructor_return(this, result);
+    };
 }
 function _ts_generator(thisArg, body) {
     var f, y, t, g, _ = {
@@ -410,6 +422,41 @@ function _ts_values(o) {
     };
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
+var _loop = function(letter) {
+    lineAlphabet[letter] = [];
+    var segs = svgAlphabet[letter].split("M").slice(1).map(function(seg) {
+        return seg.split("L").map(function(pr) {
+            return pr.trim().split(" ").map(parseFloat);
+        });
+    });
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = segs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var seg = _step.value;
+            for(var i = 0; i < seg.length - 1; i++){
+                lineAlphabet[letter].push({
+                    x1: seg[i][0],
+                    y1: 1 - seg[i][1],
+                    x2: seg[i + 1][0],
+                    y2: 1 - seg[i + 1][1]
+                });
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+};
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n        margin-top: 2px;\n        padding: 4px;\n        padding-left: 8px;\n        padding-right: 18px;\n        cursor: pointer;\n\n        &:hover {\n          background-color: rgba(255, 255, 255, 0.1);\n        }\n      "
@@ -477,7 +524,7 @@ var __export = function(target, all) {
     });
 };
 var __copyProps = function(to, from, except, desc) {
-    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+    if (from && typeof from === "object" || typeof from === "function") {
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
             var _loop = function() {
@@ -2965,7 +3012,7 @@ var require_parsel_min = __commonJS({
             switch(t2){
                 case "pseudo-element":
                 case "pseudo-class":
-                    return new RegExp(e[t2].source.replace("(?<argument>\xB6*)", "(?<argument>.*)"), "gu");
+                    return new RegExp(e[t2].source.replace("(?<argument>\xb6*)", "(?<argument>.*)"), "gu");
                 default:
                     return e[t2];
             }
@@ -3069,12 +3116,12 @@ var require_parsel_min = __commonJS({
                 return s2.push({
                     value: e2,
                     offset: t3
-                }), "\uE000".repeat(e2.length);
+                }), "".repeat(e2.length);
             })).replace(a, function(e2, t3, n3, o3) {
                 return s2.push({
                     value: e2,
                     offset: o3
-                }), "".concat(t3).concat("\uE001".repeat(n3.length)).concat(t3);
+                }), "".concat(t3).concat("".repeat(n3.length)).concat(t3);
             });
             {
                 var e2, n3 = 0;
@@ -3083,7 +3130,7 @@ var require_parsel_min = __commonJS({
                     s2.push({
                         value: o3,
                         offset: e2
-                    }), t2 = "".concat(t2.substring(0, e2), "(").concat("\xB6".repeat(o3.length - 2), ")").concat(t2.substring(e2 + o3.length)), n3 = e2 + o3.length;
+                    }), t2 = "".concat(t2.substring(0, e2), "(").concat("\xb6".repeat(o3.length - 2), ")").concat(t2.substring(e2 + o3.length)), n3 = e2 + o3.length;
                 }
             }
             var o2 = i(t2, n2), u2 = /* @__PURE__ */ new Set();
@@ -3502,7 +3549,7 @@ var require_dist = __commonJS({
             });
         };
         var __copyProps2 = function(to, from, except, desc) {
-            if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+            if (from && typeof from === "object" || typeof from === "function") {
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
                     var _loop = function() {
@@ -3961,7 +4008,7 @@ var require_dist2 = __commonJS({
             });
         };
         var __copyProps2 = function(to, from, except, desc) {
-            if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+            if (from && typeof from === "object" || typeof from === "function") {
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
                     var _loop = function() {
@@ -4007,20 +4054,20 @@ var require_dist2 = __commonJS({
         });
         module2.exports = __toCommonJS2(src_exports2);
         var import_transformation_matrix10 = require("transformation-matrix");
-        var import_react20 = require("react");
+        var import_react21 = require("react");
         var useMouseMatrixTransform2 = function() {
             var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-            var extRef = (0, import_react20.useRef)(null);
-            var _ref = _sliced_to_array((0, import_react20.useState)(0), 2), lastDragCancelTime = _ref[0], setLastDragCancelTime = _ref[1];
+            var extRef = (0, import_react21.useRef)(null);
+            var _ref = _sliced_to_array((0, import_react21.useState)(0), 2), lastDragCancelTime = _ref[0], setLastDragCancelTime = _ref[1];
             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_react20.useState)((_props_initialTransform = props.initialTransform) !== null && _props_initialTransform !== void 0 ? _props_initialTransform : (0, import_transformation_matrix10.identity)()), 2), internalTransform = _ref1[0], setInternalTransform = _ref1[1];
-            var _ref2 = _sliced_to_array((0, import_react20.useState)(0), 2), waitCounter = _ref2[0], setWaitCounter = _ref2[1];
-            var _ref3 = _sliced_to_array((0, import_react20.useReducer)(function(s) {
+            var _ref1 = _sliced_to_array((0, import_react21.useState)((_props_initialTransform = props.initialTransform) !== null && _props_initialTransform !== void 0 ? _props_initialTransform : (0, import_transformation_matrix10.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;
             }, 0), 2), extChangeCounter = _ref3[0], incExtChangeCounter = _ref3[1];
-            var setTransform = (0, import_react20.useCallback)(function(newTransform) {
+            var setTransform = (0, import_react21.useCallback)(function(newTransform) {
                 if (props.onSetTransform) {
                     props.onSetTransform(newTransform);
                 }
@@ -4031,7 +4078,7 @@ var require_dist2 = __commonJS({
                 props.onSetTransform,
                 setInternalTransform
             ]);
-            var setTransformExt = (0, import_react20.useCallback)(function(newTransform) {
+            var setTransformExt = (0, import_react21.useCallback)(function(newTransform) {
                 setTransform(newTransform);
                 incExtChangeCounter();
             }, [
@@ -4039,10 +4086,10 @@ var require_dist2 = __commonJS({
             ]);
             var _props_transform;
             var transform = (_props_transform = props.transform) !== null && _props_transform !== void 0 ? _props_transform : internalTransform;
-            var cancelDrag = (0, import_react20.useCallback)(function() {
+            var cancelDrag = (0, import_react21.useCallback)(function() {
                 setLastDragCancelTime(Date.now());
             }, []);
-            (0, import_react20.useEffect)(function() {
+            (0, import_react21.useEffect)(function() {
                 var handleMouseDown = function handleMouseDown(e) {
                     m0 = getMousePos(e);
                     if (Date.now() - lastDragCancelTime < 100) return;
@@ -4134,7 +4181,7 @@ var require_dist2 = __commonJS({
                 extChangeCounter,
                 lastDragCancelTime
             ]);
-            var applyTransformToPoint = (0, import_react20.useCallback)(function(obj) {
+            var applyTransformToPoint = (0, import_react21.useCallback)(function(obj) {
                 return (0, import_transformation_matrix10.applyToPoint)(transform, obj);
             }, [
                 transform
@@ -4165,11 +4212,11 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 // src/PCBViewer.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_react_fiber = require("@tscircuit/react-fiber");
 var import_builder = require("@tscircuit/builder");
 // src/components/CanvasElementsRenderer.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 // src/components/CanvasPrimitiveRenderer.tsx
 var import_react_supergrid = require("react-supergrid");
 var import_react4 = require("react");
@@ -4837,41 +4884,7 @@ var svgAlphabet = {
     '"': "M 0.25 0 L 0.25 0.5 M 0.75 0 L 0.75 0.5"
 };
 var lineAlphabet = {};
-for(var letter in svgAlphabet){
-    lineAlphabet[letter] = [];
-    var segs = svgAlphabet[letter].split("M").slice(1).map(function(seg) {
-        return seg.split("L").map(function(pr) {
-            return pr.trim().split(" ").map(parseFloat);
-        });
-    });
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    try {
-        for(var _iterator = segs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var seg = _step.value;
-            for(var i = 0; i < seg.length - 1; i++){
-                lineAlphabet[letter].push({
-                    x1: seg[i][0],
-                    y1: 1 - seg[i][1],
-                    x2: seg[i + 1][0],
-                    y2: 1 - seg[i + 1][1]
-                });
-            }
-        }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
-            }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
-            }
-        }
-    }
-}
+for(var letter in svgAlphabet)_loop(letter);
 // src/lib/convert-text-to-lines.ts
 var LETTER_HEIGHT_TO_WIDTH_RATIO = 0.6;
 var LETTER_HEIGHT_TO_SPACE_RATIO = 0.2;
@@ -5339,10 +5352,11 @@ var quotelessJson = function(obj) {
 var ZodError = /*#__PURE__*/ function _target(Error1) {
     "use strict";
     _inherits(_ZodError, Error1);
+    var _super = _create_super(_ZodError);
     function _ZodError(issues) {
         _class_call_check(this, _ZodError);
         var _this;
-        _this = _call_super(this, _ZodError);
+        _this = _super.call(this);
         _this.issues = [];
         _this.addIssue = function(sub) {
             _this.issues = _to_consumable_array(_this.issues).concat([
@@ -5355,7 +5369,7 @@ var ZodError = /*#__PURE__*/ function _target(Error1) {
         };
         var actualProto = (_instanceof(this, _ZodError) ? this.constructor : void 0).prototype;
         if (Object.setPrototypeOf) {
-            Object.setPrototypeOf(_this, actualProto);
+            Object.setPrototypeOf(_assert_this_initialized(_this), actualProto);
         } else {
             _this.__proto__ = actualProto;
         }
@@ -5546,7 +5560,7 @@ var errorMap = function(issue, _ctx) {
             message = "Invalid date";
             break;
         case ZodIssueCode.invalid_string:
-            if (_type_of(issue.validation) === "object") {
+            if (typeof issue.validation === "object") {
                 if ("includes" in issue.validation) {
                     message = 'Invalid input: must include "'.concat(issue.validation.includes, '"');
                     if (typeof issue.validation.position === "number") {
@@ -6419,9 +6433,10 @@ function isValidIP(ip, version) {
 var ZodString = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodString, ZodType);
+    var _super = _create_super(_ZodString);
     function _ZodString() {
         _class_call_check(this, _ZodString);
-        return _call_super(this, _ZodString, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(_ZodString, [
         {
@@ -7181,10 +7196,13 @@ function floatSafeRemainder(val, step) {
 var ZodNumber = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodNumber, ZodType);
+    var _super = _create_super(_ZodNumber);
     function _ZodNumber() {
         _class_call_check(this, _ZodNumber);
         var _this;
-        _this = _call_super(this, _ZodNumber, arguments);
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
         _this.min = _this.gte;
         _this.max = _this.lte;
         _this.step = _this.multipleOf;
@@ -7544,10 +7562,13 @@ ZodNumber.create = function(params) {
 var ZodBigInt = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodBigInt, ZodType);
+    var _super = _create_super(_ZodBigInt);
     function _ZodBigInt() {
         _class_call_check(this, _ZodBigInt);
         var _this;
-        _this = _call_super(this, _ZodBigInt, arguments);
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
         _this.min = _this.gte;
         _this.max = _this.lte;
         return _this;
@@ -7810,9 +7831,10 @@ ZodBigInt.create = function(params) {
 var ZodBoolean = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodBoolean, ZodType);
+    var _super = _create_super(ZodBoolean);
     function ZodBoolean() {
         _class_call_check(this, ZodBoolean);
-        return _call_super(this, ZodBoolean, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodBoolean, [
         {
@@ -7846,9 +7868,10 @@ ZodBoolean.create = function(params) {
 var ZodDate = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodDate, ZodType);
+    var _super = _create_super(_ZodDate);
     function _ZodDate() {
         _class_call_check(this, _ZodDate);
-        return _call_super(this, _ZodDate, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(_ZodDate, [
         {
@@ -8031,9 +8054,10 @@ ZodDate.create = function(params) {
 var ZodSymbol = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodSymbol, ZodType);
+    var _super = _create_super(ZodSymbol);
     function ZodSymbol() {
         _class_call_check(this, ZodSymbol);
-        return _call_super(this, ZodSymbol, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodSymbol, [
         {
@@ -8063,9 +8087,10 @@ ZodSymbol.create = function(params) {
 var ZodUndefined = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodUndefined, ZodType);
+    var _super = _create_super(ZodUndefined);
     function ZodUndefined() {
         _class_call_check(this, ZodUndefined);
-        return _call_super(this, ZodUndefined, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodUndefined, [
         {
@@ -8095,9 +8120,10 @@ ZodUndefined.create = function(params) {
 var ZodNull = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodNull, ZodType);
+    var _super = _create_super(ZodNull);
     function ZodNull() {
         _class_call_check(this, ZodNull);
-        return _call_super(this, ZodNull, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodNull, [
         {
@@ -8127,10 +8153,13 @@ ZodNull.create = function(params) {
 var ZodAny = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodAny, ZodType);
+    var _super = _create_super(ZodAny);
     function ZodAny() {
         _class_call_check(this, ZodAny);
         var _this;
-        _this = _call_super(this, ZodAny, arguments);
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
         _this._any = true;
         return _this;
     }
@@ -8152,10 +8181,13 @@ ZodAny.create = function(params) {
 var ZodUnknown = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodUnknown, ZodType);
+    var _super = _create_super(ZodUnknown);
     function ZodUnknown() {
         _class_call_check(this, ZodUnknown);
         var _this;
-        _this = _call_super(this, ZodUnknown, arguments);
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
         _this._unknown = true;
         return _this;
     }
@@ -8177,9 +8209,10 @@ ZodUnknown.create = function(params) {
 var ZodNever = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodNever, ZodType);
+    var _super = _create_super(ZodNever);
     function ZodNever() {
         _class_call_check(this, ZodNever);
-        return _call_super(this, ZodNever, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodNever, [
         {
@@ -8205,9 +8238,10 @@ ZodNever.create = function(params) {
 var ZodVoid = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodVoid, ZodType);
+    var _super = _create_super(ZodVoid);
     function ZodVoid() {
         _class_call_check(this, ZodVoid);
-        return _call_super(this, ZodVoid, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodVoid, [
         {
@@ -8237,9 +8271,10 @@ ZodVoid.create = function(params) {
 var ZodArray = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodArray, ZodType);
+    var _super = _create_super(_ZodArray);
     function _ZodArray() {
         _class_call_check(this, _ZodArray);
-        return _call_super(this, _ZodArray, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(_ZodArray, [
         {
@@ -8398,10 +8433,13 @@ function deepPartialify(schema) {
 var ZodObject = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodObject, ZodType);
+    var _super = _create_super(_ZodObject);
     function _ZodObject() {
         _class_call_check(this, _ZodObject);
         var _this;
-        _this = _call_super(this, _ZodObject, arguments);
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
         _this._cached = null;
         _this.nonstrict = _this.passthrough;
         _this.augment = _this.extend;
@@ -8923,9 +8961,10 @@ ZodObject.lazycreate = function(shape, params) {
 var ZodUnion = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodUnion, ZodType);
+    var _super = _create_super(ZodUnion);
     function ZodUnion() {
         _class_call_check(this, ZodUnion);
-        return _call_super(this, ZodUnion, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodUnion, [
         {
@@ -8990,7 +9029,7 @@ var ZodUnion = /*#__PURE__*/ function(ZodType) {
                     return INVALID;
                 }
                 if (ctx.common.async) {
-                    return Promise.all(options.map(/*#__PURE__*/ function() {
+                    return Promise.all(options.map(function() {
                         var _ref = _async_to_generator(function(option) {
                             var childCtx, _tmp;
                             return _ts_generator(this, function(_state) {
@@ -9142,9 +9181,10 @@ var getDiscriminator = function(type) {
 var ZodDiscriminatedUnion = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodDiscriminatedUnion, ZodType);
+    var _super = _create_super(_ZodDiscriminatedUnion);
     function _ZodDiscriminatedUnion() {
         _class_call_check(this, _ZodDiscriminatedUnion);
-        return _call_super(this, _ZodDiscriminatedUnion, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(_ZodDiscriminatedUnion, [
         {
@@ -9354,9 +9394,10 @@ function mergeValues(a, b) {
 var ZodIntersection = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodIntersection, ZodType);
+    var _super = _create_super(ZodIntersection);
     function ZodIntersection() {
         _class_call_check(this, ZodIntersection);
-        return _call_super(this, ZodIntersection, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodIntersection, [
         {
@@ -9424,9 +9465,10 @@ ZodIntersection.create = function(left, right, params) {
 var ZodTuple = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodTuple, ZodType);
+    var _super = _create_super(_ZodTuple);
     function _ZodTuple() {
         _class_call_check(this, _ZodTuple);
-        return _call_super(this, _ZodTuple, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(_ZodTuple, [
         {
@@ -9509,9 +9551,10 @@ ZodTuple.create = function(schemas, params) {
 var ZodRecord = /*#__PURE__*/ function(ZodType1) {
     "use strict";
     _inherits(_ZodRecord, ZodType1);
+    var _super = _create_super(_ZodRecord);
     function _ZodRecord() {
         _class_call_check(this, _ZodRecord);
-        return _call_super(this, _ZodRecord, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(_ZodRecord, [
         {
@@ -9585,9 +9628,10 @@ var ZodRecord = /*#__PURE__*/ function(ZodType1) {
 var ZodMap = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodMap, ZodType);
+    var _super = _create_super(ZodMap);
     function ZodMap() {
         _class_call_check(this, ZodMap);
-        return _call_super(this, ZodMap, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodMap, [
         {
@@ -9769,9 +9813,10 @@ ZodMap.create = function(keyType, valueType, params) {
 var ZodSet = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodSet, ZodType);
+    var _super = _create_super(_ZodSet);
     function _ZodSet() {
         _class_call_check(this, _ZodSet);
-        return _call_super(this, _ZodSet, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(_ZodSet, [
         {
@@ -9903,10 +9948,13 @@ ZodSet.create = function(valueType, params) {
 var ZodFunction = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodFunction, ZodType);
+    var _super = _create_super(_ZodFunction);
     function _ZodFunction() {
         _class_call_check(this, _ZodFunction);
         var _this;
-        _this = _call_super(this, _ZodFunction, arguments);
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
         _this.validate = _this.implement;
         return _this;
     }
@@ -10092,9 +10140,10 @@ var ZodFunction = /*#__PURE__*/ function(ZodType) {
 var ZodLazy = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodLazy, ZodType);
+    var _super = _create_super(ZodLazy);
     function ZodLazy() {
         _class_call_check(this, ZodLazy);
-        return _call_super(this, ZodLazy, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodLazy, [
         {
@@ -10127,9 +10176,10 @@ ZodLazy.create = function(getter, params) {
 var ZodLiteral = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodLiteral, ZodType);
+    var _super = _create_super(ZodLiteral);
     function ZodLiteral() {
         _class_call_check(this, ZodLiteral);
-        return _call_super(this, ZodLiteral, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodLiteral, [
         {
@@ -10174,11 +10224,14 @@ function createZodEnum(values, params) {
 var ZodEnum = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodEnum, ZodType);
+    var _super = _create_super(_ZodEnum);
     function _ZodEnum() {
         _class_call_check(this, _ZodEnum);
         var _this;
-        _this = _call_super(this, _ZodEnum, arguments);
-        _ZodEnum_cache.set(_this, void 0);
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
+        _ZodEnum_cache.set(_assert_this_initialized(_this), void 0);
         return _this;
     }
     _create_class(_ZodEnum, [
@@ -10322,11 +10375,14 @@ ZodEnum.create = createZodEnum;
 var ZodNativeEnum = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodNativeEnum, ZodType);
+    var _super = _create_super(ZodNativeEnum);
     function ZodNativeEnum() {
         _class_call_check(this, ZodNativeEnum);
         var _this;
-        _this = _call_super(this, ZodNativeEnum, arguments);
-        _ZodNativeEnum_cache.set(_this, void 0);
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
+        _ZodNativeEnum_cache.set(_assert_this_initialized(_this), void 0);
         return _this;
     }
     _create_class(ZodNativeEnum, [
@@ -10378,9 +10434,10 @@ ZodNativeEnum.create = function(values, params) {
 var ZodPromise = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodPromise, ZodType);
+    var _super = _create_super(ZodPromise);
     function ZodPromise() {
         _class_call_check(this, ZodPromise);
-        return _call_super(this, ZodPromise, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodPromise, [
         {
@@ -10423,9 +10480,10 @@ ZodPromise.create = function(schema, params) {
 var ZodEffects = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodEffects, ZodType);
+    var _super = _create_super(ZodEffects);
     function ZodEffects() {
         _class_call_check(this, ZodEffects);
-        return _call_super(this, ZodEffects, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodEffects, [
         {
@@ -10463,7 +10521,7 @@ var ZodEffects = /*#__PURE__*/ function(ZodType) {
                     var processed = effect.transform(ctx.data, checkCtx);
                     if (ctx.common.async) {
                         var _this = this;
-                        return Promise.resolve(processed).then(/*#__PURE__*/ function() {
+                        return Promise.resolve(processed).then(function() {
                             var _ref = _async_to_generator(function(processed2) {
                                 var result;
                                 return _ts_generator(this, function(_state) {
@@ -10618,9 +10676,10 @@ ZodEffects.createWithPreprocess = function(preprocess, schema, params) {
 var ZodOptional = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodOptional, ZodType);
+    var _super = _create_super(ZodOptional);
     function ZodOptional() {
         _class_call_check(this, ZodOptional);
-        return _call_super(this, ZodOptional, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodOptional, [
         {
@@ -10651,9 +10710,10 @@ ZodOptional.create = function(type, params) {
 var ZodNullable = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodNullable, ZodType);
+    var _super = _create_super(ZodNullable);
     function ZodNullable() {
         _class_call_check(this, ZodNullable);
-        return _call_super(this, ZodNullable, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodNullable, [
         {
@@ -10684,9 +10744,10 @@ ZodNullable.create = function(type, params) {
 var ZodDefault = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodDefault, ZodType);
+    var _super = _create_super(ZodDefault);
     function ZodDefault() {
         _class_call_check(this, ZodDefault);
-        return _call_super(this, ZodDefault, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodDefault, [
         {
@@ -10725,9 +10786,10 @@ ZodDefault.create = function(type, params) {
 var ZodCatch = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodCatch, ZodType);
+    var _super = _create_super(ZodCatch);
     function ZodCatch() {
         _class_call_check(this, ZodCatch);
-        return _call_super(this, ZodCatch, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodCatch, [
         {
@@ -10791,9 +10853,10 @@ ZodCatch.create = function(type, params) {
 var ZodNaN = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodNaN, ZodType);
+    var _super = _create_super(ZodNaN);
     function ZodNaN() {
         _class_call_check(this, ZodNaN);
-        return _call_super(this, ZodNaN, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodNaN, [
         {
@@ -10827,9 +10890,10 @@ var BRAND = Symbol("zod_brand");
 var ZodBranded = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodBranded, ZodType);
+    var _super = _create_super(ZodBranded);
     function ZodBranded() {
         _class_call_check(this, ZodBranded);
-        return _call_super(this, ZodBranded, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodBranded, [
         {
@@ -10856,9 +10920,10 @@ var ZodBranded = /*#__PURE__*/ function(ZodType) {
 var ZodPipeline = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(_ZodPipeline, ZodType);
+    var _super = _create_super(_ZodPipeline);
     function _ZodPipeline() {
         _class_call_check(this, _ZodPipeline);
-        return _call_super(this, _ZodPipeline, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(_ZodPipeline, [
         {
@@ -10867,7 +10932,7 @@ var ZodPipeline = /*#__PURE__*/ function(ZodType) {
                 var _this__processInputParams = this._processInputParams(input), status = _this__processInputParams.status, ctx = _this__processInputParams.ctx;
                 if (ctx.common.async) {
                     var _this = this;
-                    var handleAsync = /*#__PURE__*/ function() {
+                    var handleAsync = function() {
                         var _ref = _async_to_generator(function() {
                             var inResult;
                             return _ts_generator(this, function(_state) {
@@ -10954,9 +11019,10 @@ var ZodPipeline = /*#__PURE__*/ function(ZodType) {
 var ZodReadonly = /*#__PURE__*/ function(ZodType) {
     "use strict";
     _inherits(ZodReadonly, ZodType);
+    var _super = _create_super(ZodReadonly);
     function ZodReadonly() {
         _class_call_check(this, ZodReadonly);
-        return _call_super(this, ZodReadonly, arguments);
+        return _super.apply(this, arguments);
     }
     _create_class(ZodReadonly, [
         {
@@ -11247,11 +11313,11 @@ var z = /* @__PURE__ */ Object.freeze({
     quotelessJson: quotelessJson,
     ZodError: ZodError
 });
-// node_modules/nanoid/index.js
+// node_modules/circuit-json/node_modules/nanoid/index.js
 var import_node_crypto = require("crypto");
-// node_modules/nanoid/url-alphabet/index.js
+// node_modules/circuit-json/node_modules/nanoid/url-alphabet/index.js
 var urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-// node_modules/nanoid/index.js
+// node_modules/circuit-json/node_modules/nanoid/index.js
 var POOL_SIZE_MULTIPLIER = 128;
 var pool;
 var poolOffset;
@@ -11346,7 +11412,7 @@ var parseAndConvertSiUnit = function(v) {
         value: v,
         unit: null
     };
-    if ((typeof v === "undefined" ? "undefined" : _type_of(v)) === "object" && "x" in v && "y" in v) {
+    if (typeof v === "object" && "x" in v && "y" in v) {
         return {
             unit: parseAndConvertSiUnit(v.x).unit,
             value: {
@@ -12193,7 +12259,7 @@ var CanvasPrimitiveRenderer = function(param) {
     });
 };
 // src/components/CanvasElementsRenderer.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 // src/lib/convert-element-to-primitive.ts
 var import_soup_util = __toESM(require_dist());
 // src/lib/util/expand-stroke.ts
@@ -12624,8 +12690,6 @@ var convertElementToPrimitives = function(element, allElements) {
                 }
                 return primitives;
             }
-        // The builder currently outputs these as smtpads and holes, so pcb_via isn't
-        // used, but that maybe should be changed
         case "pcb_via":
             {
                 var x7 = element.x, y7 = element.y, outer_diameter1 = element.outer_diameter, hole_diameter2 = element.hole_diameter, from_layer = element.from_layer, to_layer = element.to_layer;
@@ -13305,12 +13369,12 @@ var DimensionOverlay = function(param) {
     });
 };
 // src/components/ToolbarOverlay.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_css = require("@emotion/css");
 // package.json
 var package_default = {
     name: "@tscircuit/pcb-viewer",
-    version: "1.10.3",
+    version: "1.10.5",
     main: "dist/index.js",
     repository: "tscircuit/pcb-viewer",
     license: "MIT",
@@ -13334,7 +13398,7 @@ var package_default = {
         "@storybook/react": "^8.0.6",
         "@swc/core": "^1.4.12",
         "@tscircuit/builder": "^1.11.4",
-        "@tscircuit/core": "^0.0.74",
+        "@tscircuit/core": "^0.0.88",
         "@tscircuit/eagle-xml-converter": "^0.0.6",
         "@tscircuit/props": "^0.0.46",
         "@tscircuit/react-fiber": "^1.1.25",
@@ -13370,6 +13434,27 @@ var package_default = {
         zustand: "^4.5.2"
     }
 };
+// src/hooks/useHotKey.ts
+var import_react9 = require("react");
+var useHotKey = function(key, onUse) {
+    (0, import_react9.useEffect)(function() {
+        var handleKeyDown = function(event) {
+            var keyParts = key.split("+");
+            var ctrlRequired = keyParts.includes("ctrl");
+            var shiftRequired = keyParts.includes("shift");
+            var mainKey = keyParts[keyParts.length - 1];
+            if ((!ctrlRequired || ctrlRequired && event.ctrlKey) && (!shiftRequired || shiftRequired && event.shiftKey) && event.key.toLowerCase() === mainKey.toLowerCase()) {
+                onUse();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return function() {
+            window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [
+        key
+    ]);
+};
 // src/components/ToolbarOverlay.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var LayerButton = function(param) {
@@ -13383,7 +13468,7 @@ var LayerButton = function(param) {
                     marginRight: 2,
                     opacity: selected ? 1 : 0
                 },
-                children: "\u2022"
+                children: "•"
             }),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
                 style: {
@@ -13418,9 +13503,9 @@ var ToolbarButton = function(_param) {
 };
 var ToolbarOverlay = function(param) {
     var children = param.children, elements = param.elements;
-    var _ref = _sliced_to_array((0, import_react9.useState)(false), 2), isMouseOverContainer = _ref[0], setIsMouseOverContainer = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react9.useState)(false), 2), isLayerMenuOpen = _ref1[0], setLayerMenuOpen = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react9.useState)(false), 2), isErrorsOpen = _ref2[0], setErrorsOpen = _ref2[1];
+    var _ref = _sliced_to_array((0, import_react10.useState)(false), 2), isMouseOverContainer = _ref[0], setIsMouseOverContainer = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react10.useState)(false), 2), isLayerMenuOpen = _ref1[0], setLayerMenuOpen = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react10.useState)(false), 2), isErrorsOpen = _ref2[0], setErrorsOpen = _ref2[1];
     var _useGlobalStore = _sliced_to_array(useGlobalStore(function(s) {
         return [
             s.selected_layer,
@@ -13440,6 +13525,30 @@ var ToolbarOverlay = function(param) {
     var setIsShowingRatsNest = useGlobalStore(function(s) {
         return s.setIsShowingRatsNest;
     });
+    useHotKey("1", function() {
+        return selectLayer("top");
+    });
+    useHotKey("2", function() {
+        return selectLayer("bottom");
+    });
+    useHotKey("3", function() {
+        return selectLayer("inner1");
+    });
+    useHotKey("4", function() {
+        return selectLayer("inner2");
+    });
+    useHotKey("5", function() {
+        return selectLayer("inner3");
+    });
+    useHotKey("6", function() {
+        return selectLayer("inner4");
+    });
+    useHotKey("7", function() {
+        return selectLayer("inner5");
+    });
+    useHotKey("8", function() {
+        return selectLayer("inner6");
+    });
     var _elements_filter_length;
     var errorCount = (_elements_filter_length = elements === null || elements === void 0 ? void 0 : elements.filter(function(e) {
         return e.type.includes("error");
@@ -13558,7 +13667,7 @@ var ToolbarOverlay = function(param) {
                                 children: elements === null || elements === void 0 ? void 0 : elements.filter(function(e) {
                                     return e.type.includes("error");
                                 }).map(function(e, i) {
-                                    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react9.Fragment, {
+                                    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react10.Fragment, {
                                         children: [
                                             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
                                                 children: e.error_type
@@ -13579,7 +13688,7 @@ var ToolbarOverlay = function(param) {
                         },
                         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", {
                             children: [
-                                in_draw_trace_mode ? "\u2716 " : "",
+                                in_draw_trace_mode ? "✖ " : "",
                                 "Edit Traces"
                             ]
                         })
@@ -13591,7 +13700,7 @@ var ToolbarOverlay = function(param) {
                         },
                         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", {
                             children: [
-                                in_move_footprint_mode ? "\u2716 " : "",
+                                in_move_footprint_mode ? "✖ " : "",
                                 "Move Components"
                             ]
                         })
@@ -13603,7 +13712,7 @@ var ToolbarOverlay = function(param) {
                         },
                         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", {
                             children: [
-                                is_showing_rats_nest ? "\u2716 " : "",
+                                is_showing_rats_nest ? "✖ " : "",
                                 "Rats Nest"
                             ]
                         })
@@ -13615,7 +13724,7 @@ var ToolbarOverlay = function(param) {
 };
 // src/components/ErrorOverlay.tsx
 var import_css2 = require("@emotion/css");
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_transformation_matrix4 = require("transformation-matrix");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ErrorSVG = function(param) {
@@ -13666,7 +13775,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_matrix4.identity)();
-    var containerRef = (0, import_react10.useRef)(null);
+    var containerRef = (0, import_react11.useRef)(null);
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", {
         style: {
             position: "relative"
@@ -13728,7 +13837,7 @@ var ErrorOverlay = function(param) {
     });
 };
 // src/components/EditPlacementOverlay.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_transformation_matrix5 = require("transformation-matrix");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var isInsideOf = function(pcb_component2, point2) {
@@ -13744,9 +13853,9 @@ 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_matrix5.identity)();
-    var containerRef = (0, import_react11.useRef)(null);
-    var _ref = _sliced_to_array((0, import_react11.useState)(null), 2), activePcbComponentId = _ref[0], setActivePcbComponent = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react11.useState)(null), 2), dragState = _ref1[0], setDragState = _ref1[1];
+    var containerRef = (0, import_react12.useRef)(null);
+    var _ref = _sliced_to_array((0, import_react12.useState)(null), 2), activePcbComponentId = _ref[0], setActivePcbComponent = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react12.useState)(null), 2), dragState = _ref1[0], setDragState = _ref1[1];
     var isPcbComponentActive = activePcbComponentId !== null;
     var in_edit_mode = useGlobalStore(function(s) {
         return s.in_edit_mode;
@@ -13884,15 +13993,15 @@ var EditPlacementOverlay = function(param) {
 };
 // src/components/EditTraceHintOverlay.tsx
 var import_soup_util2 = __toESM(require_dist());
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_transformation_matrix6 = require("transformation-matrix");
 // src/components/HotkeyActionMenu.tsx
 var import_css3 = require("@emotion/css");
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var HotkeyActionMenu = function(param) {
     var hotkeys = param.hotkeys;
-    (0, import_react12.useEffect)(function() {
+    (0, import_react13.useEffect)(function() {
         var handleKeyDown = function(event) {
             hotkeys.forEach(function(hotkey) {
                 if (event.key === hotkey.key) {
@@ -13928,7 +14037,7 @@ var HotkeyActionMenu = function(param) {
     });
 };
 // src/lib/toast.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_react_toastify = require("react-toastify");
 var import_inject_style = require("react-toastify/dist/inject-style");
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -13950,7 +14059,7 @@ var useToast = function() {
     return toast;
 };
 var ToastContainer = function() {
-    (0, import_react13.useEffect)(function() {
+    (0, import_react14.useEffect)(function() {
         (0, import_inject_style.injectStyle)();
     }, []);
     var pcb_viewer_id = useGlobalStore(function(s) {
@@ -13995,12 +14104,12 @@ 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_matrix6.identity)();
-    var containerRef = (0, import_react14.useRef)(null);
+    var containerRef = (0, import_react15.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_react14.useState)(null), 2), selectedElement = _ref[0], setSelectedElement = _ref[1];
+    var _ref = _sliced_to_array((0, import_react15.useState)(null), 2), selectedElement = _ref[0], setSelectedElement = _ref[1];
     var toast = useToast();
-    var _ref1 = _sliced_to_array((0, import_react14.useState)(null), 2), dragState = _ref1[0], setDragState = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react14.useState)(false), 2), shouldCreateAsVia = _ref2[0], setShouldCreateAsVia = _ref2[1];
+    var _ref1 = _sliced_to_array((0, import_react15.useState)(null), 2), dragState = _ref1[0], setDragState = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react15.useState)(false), 2), shouldCreateAsVia = _ref2[0], setShouldCreateAsVia = _ref2[1];
     var isElementSelected = selectedElement !== null;
     var in_edit_trace_mode = useGlobalStore(function(s) {
         return s.in_draw_trace_mode;
@@ -14011,7 +14120,7 @@ var EditTraceHintOverlay = function(param) {
         ogCenterScreen = (0, import_transformation_matrix6.applyToPoint)(transform, dragState === null || dragState === void 0 ? void 0 : dragState.originalCenter);
         dragEndScreen = (0, import_transformation_matrix6.applyToPoint)(transform, dragState === null || dragState === void 0 ? void 0 : dragState.dragEnd);
     }
-    (0, import_react14.useEffect)(function() {
+    (0, import_react15.useEffect)(function() {
         var keyDown = function keyDown(e) {
             if (e.key === "Escape") {
                 setSelectedElement(null);
@@ -14174,7 +14283,7 @@ var EditTraceHintOverlay = function(param) {
                     }),
                     dragState === null || dragState === void 0 ? void 0 : dragState.editEvent.route.map(function(r, i) {
                         var rScreen = (0, import_transformation_matrix6.applyToPoint)(transform, r);
-                        return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react14.Fragment, {
+                        return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react15.Fragment, {
                             children: [
                                 r.via && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", {
                                     cx: rScreen.x,
@@ -14222,7 +14331,7 @@ var EditTraceHintOverlay = function(param) {
                     var route = e.route;
                     var pcb_port2 = (0, import_soup_util2.su)(soup).pcb_port.get(e.pcb_port_id);
                     var pcb_port_screen = (0, import_transformation_matrix6.applyToPoint)(transform, pcb_port2);
-                    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react14.Fragment, {
+                    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react15.Fragment, {
                         children: [
                             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", {
                                 x: pcb_port_screen.x - 10,
@@ -14242,7 +14351,7 @@ var EditTraceHintOverlay = function(param) {
                             route.map(function(r) {
                                 return _object_spread({}, r, (0, import_transformation_matrix6.applyToPoint)(transform, r));
                             }).map(function(r, i) {
-                                return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react14.Fragment, {
+                                return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react15.Fragment, {
                                     children: [
                                         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", {
                                             cx: r.x,
@@ -14403,7 +14512,7 @@ function addInteractionMetadataToPrimitives(param) {
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var CanvasElementsRenderer = function(props) {
     var transform = props.transform, elements = props.elements;
-    var _ref = _sliced_to_array((0, import_react16.useMemo)(function() {
+    var _ref = _sliced_to_array((0, import_react17.useMemo)(function() {
         var primitivesWithoutInteractionMetadata2 = props.elements.flatMap(function(elm) {
             return convertElementToPrimitives(elm, props.elements);
         });
@@ -14415,7 +14524,7 @@ var CanvasElementsRenderer = function(props) {
     }, [
         props.elements
     ]), 2), primitivesWithoutInteractionMetadata = _ref[0], connectivityMap = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react15.useState)(primitivesWithoutInteractionMetadata), 2), primitives = _ref1[0], setPrimitives = _ref1[1];
+    var _ref1 = _sliced_to_array((0, import_react16.useState)(primitivesWithoutInteractionMetadata), 2), primitives = _ref1[0], setPrimitives = _ref1[1];
     return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MouseElementTracker, {
         transform: transform,
         primitives: primitivesWithoutInteractionMetadata,
@@ -14425,9 +14534,10 @@ var CanvasElementsRenderer = function(props) {
             try {
                 for(var _iterator = primitivesHoveredOver[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                     var primitive = _step.value;
-                    if (primitive._element && "pcb_port_id" in primitive._element) {
+                    if (primitive._element) {
                         var _primitiveIdsInMousedOverNet;
-                        var connectedPrimitivesList = connectivityMap.getNetConnectedToId(primitive._element.pcb_port_id);
+                        var _primitive__element, _primitive__element1;
+                        var connectedPrimitivesList = connectivityMap.getNetConnectedToId("pcb_port_id" in primitive._element ? (_primitive__element = primitive._element) === null || _primitive__element === void 0 ? void 0 : _primitive__element.pcb_port_id : "pcb_trace_id" in primitive._element ? (_primitive__element1 = primitive._element) === null || _primitive__element1 === void 0 ? void 0 : _primitive__element1.pcb_trace_id : "");
                         (_primitiveIdsInMousedOverNet = primitiveIdsInMousedOverNet).push.apply(_primitiveIdsInMousedOverNet, _to_consumable_array(connectivityMap.getIdsConnectedToNet(connectedPrimitivesList)));
                     }
                 }
@@ -14500,11 +14610,11 @@ var import_use_mouse_matrix_transform = __toESM(require_dist2());
 var noop = function noop() {};
 var isBrowser = typeof window !== "undefined";
 // node_modules/react-use/esm/useIsomorphicLayoutEffect.js
-var import_react17 = require("react");
-var useIsomorphicLayoutEffect = isBrowser ? import_react17.useLayoutEffect : import_react17.useEffect;
+var import_react18 = require("react");
+var useIsomorphicLayoutEffect = isBrowser ? import_react18.useLayoutEffect : import_react18.useEffect;
 var useIsomorphicLayoutEffect_default = useIsomorphicLayoutEffect;
 // node_modules/react-use/esm/useMeasure.js
-var import_react18 = require("react");
+var import_react19 = require("react");
 var defaultState = {
     x: 0,
     y: 0,
@@ -14516,9 +14626,9 @@ var defaultState = {
     right: 0
 };
 function useMeasure() {
-    var _a = (0, import_react18.useState)(null), element = _a[0], ref = _a[1];
-    var _b = (0, import_react18.useState)(defaultState), rect = _b[0], setRect = _b[1];
-    var observer = (0, import_react18.useMemo)(function() {
+    var _a = (0, import_react19.useState)(null), element = _a[0], ref = _a[1];
+    var _b = (0, import_react19.useState)(defaultState), rect = _b[0], setRect = _b[1];
+    var observer = (0, import_react19.useMemo)(function() {
         return new window.ResizeObserver(function(entries) {
             if (entries[0]) {
                 var _a2 = entries[0].contentRect, x = _a2.x, y = _a2.y, width = _a2.width, height = _a2.height, top_1 = _a2.top, left = _a2.left, bottom = _a2.bottom, right = _a2.right;
@@ -14627,16 +14737,16 @@ var import_jsx_runtime14 = require("react/jsx-runtime");
 var defaultTransform = (0, import_transformation_matrix9.compose)((0, import_transformation_matrix9.translate)(400, 300), (0, import_transformation_matrix9.scale)(40, -40));
 var PCBViewer = function(param) {
     var children = param.children, soup = param.soup, _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;
-    var _ref = _sliced_to_array((0, import_react19.useState)([]), 2), stateElements = _ref[0], setStateElements = _ref[1];
+    var _ref = _sliced_to_array((0, import_react20.useState)([]), 2), stateElements = _ref[0], setStateElements = _ref[1];
     var _useMeasure_default = _sliced_to_array(useMeasure_default(), 2), ref = _useMeasure_default[0], refDimensions = _useMeasure_default[1];
-    var _ref1 = _sliced_to_array((0, import_react19.useState)(defaultTransform), 2), transform = _ref1[0], setTransformInternal = _ref1[1];
+    var _ref1 = _sliced_to_array((0, import_react20.useState)(defaultTransform), 2), transform = _ref1[0], setTransformInternal = _ref1[1];
     var _ref2 = (0, import_use_mouse_matrix_transform.default)({
         transform: transform,
         onSetTransform: setTransformInternal
     }), transformRef = _ref2.ref, setTransform = _ref2.setTransform, cancelPanDrag = _ref2.cancelDrag;
-    var _ref3 = _sliced_to_array((0, import_react19.useState)([]), 2), editEvents = _ref3[0], setEditEvents = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react20.useState)([]), 2), editEvents = _ref3[0], setEditEvents = _ref3[1];
     editEvents = editEventsProp !== null && editEventsProp !== void 0 ? editEventsProp : editEvents;
-    var _ref4 = _sliced_to_array((0, import_react19.useState)(null), 2), error = _ref4[0], setError = _ref4[1];
+    var _ref4 = _sliced_to_array((0, import_react20.useState)(null), 2), error = _ref4[0], setError = _ref4[1];
     var resetTransform = function() {
         var elmBounds = (refDimensions === null || refDimensions === void 0 ? void 0 : refDimensions.width) > 0 ? refDimensions : {
             width: 500,
@@ -14660,7 +14770,7 @@ var PCBViewer = function(param) {
         setTransform((0, import_transformation_matrix9.compose)((0, import_transformation_matrix9.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), // translate(100, 0),
         (0, import_transformation_matrix9.scale)(scaleFactor, -scaleFactor, 0, 0), (0, import_transformation_matrix9.translate)(-center.x, -center.y)));
     };
-    (0, import_react19.useEffect)(function() {
+    (0, import_react20.useEffect)(function() {
         var doRender = function doRender() {
             return _doRender.apply(this, arguments);
         };
@@ -14696,7 +14806,7 @@ var PCBViewer = function(param) {
     }, [
         children
     ]);
-    (0, import_react19.useEffect)(function() {
+    (0, import_react20.useEffect)(function() {
         if (refDimensions && refDimensions.width !== 0 && (children || soup)) {
             resetTransform();
         }
@@ -14717,7 +14827,7 @@ var PCBViewer = function(param) {
     var pcbElmsPreEdit = (soup !== null && soup !== void 0 ? soup : stateElements).filter(function(e) {
         return e.type.startsWith("pcb_") || e.type.startsWith("source_");
     });
-    var elements = (0, import_react19.useMemo)(function() {
+    var elements = (0, import_react20.useMemo)(function() {
         return applyEditEvents(pcbElmsPreEdit, editEvents);
     }, [
         pcbElmsPreEdit,