@tscircuit/pcb-viewer 1.10.14 → 1.10.16

package/dist/index.js

@@ -11947,6 +11947,16 @@ var scaleOnly = function(mat) {
     if (Math.abs(mat.a) !== Math.abs(mat.d)) throw new Error("Cannot scale non-uniformly");
     return value * Math.abs(mat.a);
 };
+// src/lib/util/z-index-map.ts
+var zIndexMap = {
+    elementOverlay: 30,
+    dimensionOverlay: 30,
+    editTraceHintOverlay: 30,
+    errorOverlay: 30,
+    ratsNestOverlay: 20,
+    toolbarOverlay: 20,
+    topLayer: 10
+};
 // src/lib/Drawer.ts
 var LAYER_NAME_TO_COLOR = _object_spread({
     // Standard colors, you shouldn't use these except for testing
@@ -12246,7 +12256,7 @@ var Drawer = /*#__PURE__*/ function() {
                 order.forEach(function(layer, i) {
                     var canvas = canvasLayerMap[layer];
                     if (!canvas) return;
-                    canvas.style.zIndex = "".concat(100 - i);
+                    canvas.style.zIndex = "".concat(zIndexMap.topLayer - i);
                     canvas.style.opacity = opaqueLayers.has(layer) ? "1" : "0.5";
                 });
             }
@@ -13297,7 +13307,7 @@ var HighlightedPrimitiveBoxWithText = function(param) {
     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";
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {
         style: {
-            zIndex: 98,
+            zIndex: zIndexMap.elementOverlay,
             position: "absolute",
             left: x - w / 2 - 8,
             top: y - h / 2 - 8,
@@ -13612,7 +13622,7 @@ var DimensionOverlay = function(param) {
                             marginTop: arrowScreenBounds.flipY ? 0 : -20,
                             fontSize: 12,
                             fontFamily: "sans-serif",
-                            zIndex: 1e3
+                            zIndex: zIndexMap.dimensionOverlay
                         },
                         children: Math.abs(dStart.x - dEnd.x).toFixed(2)
                     }),
@@ -13630,7 +13640,7 @@ var DimensionOverlay = function(param) {
                             mixBlendMode: "difference",
                             fontSize: 12,
                             fontFamily: "sans-serif",
-                            zIndex: 1e3
+                            zIndex: zIndexMap.dimensionOverlay
                         },
                         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
                             style: {
@@ -13647,7 +13657,7 @@ var DimensionOverlay = function(param) {
                             top: 0,
                             pointerEvents: "none",
                             mixBlendMode: "difference",
-                            zIndex: 1e3
+                            zIndex: zIndexMap.dimensionOverlay
                         },
                         width: containerBounds.width,
                         height: containerBounds.height,
@@ -13737,7 +13747,7 @@ var import_css = require("@emotion/css");
 // package.json
 var package_default = {
     name: "@tscircuit/pcb-viewer",
-    version: "1.10.13",
+    version: "1.10.15",
     main: "dist/index.js",
     repository: "tscircuit/pcb-viewer",
     license: "MIT",
@@ -13752,7 +13762,7 @@ var package_default = {
         "dist"
     ],
     devDependencies: {
-        "@biomejs/biome": "^1.7.3",
+        "@biomejs/biome": "^1.9.4",
         "@semantic-release/commit-analyzer": "^9.0.2",
         "@semantic-release/git": "^10.0.1",
         "@semantic-release/npm": "^9.0.1",
@@ -13964,7 +13974,7 @@ var ToolbarOverlay = function(param) {
                     top: 16,
                     left: 16,
                     transition: isMouseOverContainer ? "opacity 100ms linear" : "opacity 1s linear",
-                    zIndex: 100,
+                    zIndex: zIndexMap.toolbarOverlay,
                     color: "red",
                     display: "flex",
                     fontSize: 12,
@@ -14109,7 +14119,7 @@ var ErrorSVG = function(param) {
             top: 0,
             pointerEvents: "none",
             mixBlendMode: "difference",
-            zIndex: 1e3
+            zIndex: zIndexMap.errorOverlay
         },
         width: "100%",
         height: "100%",
@@ -14606,7 +14616,7 @@ var EditTraceHintOverlay = function(param) {
                     top: 0,
                     pointerEvents: "none",
                     mixBlendMode: "difference",
-                    zIndex: 1e3
+                    zIndex: zIndexMap.editTraceHintOverlay
                 },
                 width: containerBounds === null || containerBounds === void 0 ? void 0 : containerBounds.width,
                 height: containerBounds === null || containerBounds === void 0 ? void 0 : containerBounds.height,
@@ -14659,7 +14669,7 @@ var EditTraceHintOverlay = function(param) {
                     top: 0,
                     pointerEvents: "none",
                     mixBlendMode: "difference",
-                    zIndex: 1e3
+                    zIndex: zIndexMap.editTraceHintOverlay
                 },
                 width: containerBounds === null || containerBounds === void 0 ? void 0 : containerBounds.width,
                 height: containerBounds === null || containerBounds === void 0 ? void 0 : containerBounds.height,
@@ -14771,7 +14781,7 @@ var RatsNestOverlay = function(param) {
                     height: "100%",
                     pointerEvents: "none",
                     opacity: 0.5,
-                    zIndex: 100
+                    zIndex: zIndexMap.ratsNestOverlay
                 },
                 children: groups.map(function(group, index) {
                     var points = group.map(function(port) {