@tscircuit/3d-viewer 0.0.483 → 0.0.485

package/dist/index.js

@@ -14225,7 +14225,7 @@ var require_browser = __commonJS({
 });
 
 // src/CadViewer.tsx
-import { useState as useState35, useCallback as useCallback21, useRef as useRef26, useEffect as useEffect43 } from "react";
+import { useState as useState36, useCallback as useCallback21, useRef as useRef26, useEffect as useEffect44 } from "react";
 import * as THREE34 from "three";
 
 // src/CadViewerJscad.tsx
@@ -14234,7 +14234,7 @@ import { forwardRef as forwardRef3, useMemo as useMemo20 } from "react";
 
 // src/AnyCadComponent.tsx
 import { su } from "@tscircuit/circuit-json-util";
-import { useMemo as useMemo7, useState as useState6, useCallback as useCallback3 } from "react";
+import { useMemo as useMemo7, useState as useState7, useCallback as useCallback3 } from "react";
 
 // src/ContainerWithTooltip.tsx
 import { useEffect as useEffect2 } from "react";
@@ -30449,15 +30449,217 @@ var useLayerVisibility = () => {
   return context;
 };
 
+// src/three-components/StepModel.tsx
+import { useEffect as useEffect10, useState as useState6 } from "react";
+import {
+  BufferGeometry as BufferGeometry2,
+  Color as Color3,
+  Float32BufferAttribute,
+  Group as Group2,
+  Mesh as Mesh5,
+  MeshStandardMaterial as MeshStandardMaterial5
+} from "three";
+import { GLTFExporter } from "three-stdlib";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var occtImportPromise;
+var OCCT_CDN_BASE_URL = "https://cdn.jsdelivr.net/npm/occt-import-js@0.0.23/dist";
+function resolveOcctFactory(candidate) {
+  if (typeof candidate === "function") {
+    return candidate;
+  }
+  if (candidate && typeof candidate === "object" && "default" in candidate && typeof candidate.default === "function") {
+    return candidate.default;
+  }
+  throw new Error("Unable to resolve occt-import-js factory export");
+}
+async function loadOcctImport() {
+  if (!occtImportPromise) {
+    const imported = await import(
+      /* @vite-ignore */
+      "https://cdn.jsdelivr.net/npm/occt-import-js@0.0.23/+esm"
+    );
+    const factory = resolveOcctFactory(imported);
+    occtImportPromise = factory({
+      locateFile: (path) => `${OCCT_CDN_BASE_URL}/${path}`
+    });
+  }
+  return occtImportPromise;
+}
+function occtMeshesToGroup(meshes) {
+  const group = new Group2();
+  for (const mesh of meshes) {
+    const positions = mesh.attributes.position?.array ?? [];
+    const indices = mesh.index?.array ?? [];
+    if (!positions.length || !indices.length) {
+      continue;
+    }
+    const geometry = new BufferGeometry2();
+    geometry.setAttribute("position", new Float32BufferAttribute(positions, 3));
+    const normals = mesh.attributes.normal?.array ?? [];
+    if (normals.length) {
+      geometry.setAttribute("normal", new Float32BufferAttribute(normals, 3));
+    } else {
+      geometry.computeVertexNormals();
+    }
+    geometry.setIndex(indices);
+    const material = new MeshStandardMaterial5({
+      color: mesh.color ? new Color3(mesh.color[0], mesh.color[1], mesh.color[2]) : new Color3(0.82, 0.82, 0.82)
+    });
+    const threeMesh = new Mesh5(geometry, material);
+    threeMesh.name = mesh.name;
+    group.add(threeMesh);
+  }
+  return group;
+}
+async function convertStepUrlToGlbUrl(stepUrl) {
+  const response = await fetch(stepUrl);
+  if (!response.ok) {
+    throw new Error(`Failed to fetch STEP file: ${response.statusText}`);
+  }
+  const buffer = await response.arrayBuffer();
+  const occt = await loadOcctImport();
+  const result = occt.ReadStepFile(new Uint8Array(buffer), null);
+  if (!result.success || !result.meshes.length) {
+    throw new Error("occt-import-js failed to convert STEP file");
+  }
+  const group = occtMeshesToGroup(result.meshes);
+  const exporter = new GLTFExporter();
+  const glb = await new Promise((resolve, reject) => {
+    exporter.parse(
+      group,
+      (output) => {
+        if (output instanceof ArrayBuffer) {
+          resolve(output);
+        } else {
+          reject(new Error("GLTFExporter did not return binary output"));
+        }
+      },
+      (error) => {
+        reject(error);
+      },
+      { binary: true }
+    );
+  });
+  return URL.createObjectURL(new Blob([glb], { type: "model/gltf-binary" }));
+}
+var CACHE_PREFIX = "step-glb-cache:";
+function arrayBufferToBase64(buffer) {
+  const bytes = new Uint8Array(buffer);
+  const chunkSize = 32768;
+  let binary = "";
+  for (let i = 0; i < bytes.length; i += chunkSize) {
+    const chunk = bytes.subarray(i, i + chunkSize);
+    binary += String.fromCharCode(...chunk);
+  }
+  return btoa(binary);
+}
+function base64ToArrayBuffer(base64) {
+  const binary = atob(base64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i += 1) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  return bytes.buffer;
+}
+function getCachedGlb(stepUrl) {
+  try {
+    const cached = localStorage.getItem(`${CACHE_PREFIX}${stepUrl}`);
+    if (!cached) {
+      return null;
+    }
+    return base64ToArrayBuffer(cached);
+  } catch (error) {
+    console.warn("Failed to read STEP GLB cache", error);
+    return null;
+  }
+}
+function setCachedGlb(stepUrl, glb) {
+  try {
+    const encoded = arrayBufferToBase64(glb);
+    localStorage.setItem(`${CACHE_PREFIX}${stepUrl}`, encoded);
+  } catch (error) {
+    console.warn("Failed to write STEP GLB cache", error);
+  }
+}
+var StepModel = ({
+  stepUrl,
+  position,
+  rotation: rotation2,
+  scale: scale3,
+  onHover,
+  onUnhover,
+  isHovered,
+  isTranslucent
+}) => {
+  const [stepGltfUrl, setStepGltfUrl] = useState6(null);
+  useEffect10(() => {
+    let isActive = true;
+    let objectUrl = null;
+    const cachedGlb = getCachedGlb(stepUrl);
+    if (cachedGlb) {
+      objectUrl = URL.createObjectURL(
+        new Blob([cachedGlb], { type: "model/gltf-binary" })
+      );
+      setStepGltfUrl(objectUrl);
+      return () => {
+        isActive = false;
+        if (objectUrl) {
+          URL.revokeObjectURL(objectUrl);
+        }
+      };
+    }
+    void convertStepUrlToGlbUrl(stepUrl).then((generatedUrl) => {
+      if (!isActive) {
+        URL.revokeObjectURL(generatedUrl);
+        return;
+      }
+      objectUrl = generatedUrl;
+      setStepGltfUrl(generatedUrl);
+      fetch(generatedUrl).then((response) => response.arrayBuffer()).then((glbBuffer) => {
+        setCachedGlb(stepUrl, glbBuffer);
+      }).catch((error) => {
+        console.warn("Failed to cache STEP GLB", error);
+      });
+    }).catch((error) => {
+      console.error("Failed to convert STEP file to GLB", error);
+      if (isActive) {
+        setStepGltfUrl(null);
+      }
+    });
+    return () => {
+      isActive = false;
+      if (objectUrl) {
+        URL.revokeObjectURL(objectUrl);
+      }
+    };
+  }, [stepUrl]);
+  if (!stepGltfUrl) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx9(
+    GltfModel,
+    {
+      gltfUrl: stepGltfUrl,
+      position,
+      rotation: rotation2,
+      scale: scale3,
+      onHover,
+      onUnhover,
+      isHovered,
+      isTranslucent
+    }
+  );
+};
+
 // src/AnyCadComponent.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 var AnyCadComponent = ({
   cad_component: cad_component2,
   circuitJson
 }) => {
-  const [isHovered, setIsHovered] = useState6(false);
+  const [isHovered, setIsHovered] = useState7(false);
   const { visibility } = useLayerVisibility();
-  const [hoverPosition, setHoverPosition] = useState6(null);
+  const [hoverPosition, setHoverPosition] = useState7(null);
   const handleHover = useCallback3((e) => {
     if (e?.mousePosition) {
       setIsHovered(true);
@@ -30484,6 +30686,7 @@ var AnyCadComponent = ({
   }, [circuitJson, cad_component2.pcb_component_id]);
   const url = cad_component2.model_obj_url ?? cad_component2.model_wrl_url ?? cad_component2.model_stl_url;
   const gltfUrl = cad_component2.model_glb_url ?? cad_component2.model_gltf_url;
+  const stepUrl = cad_component2.model_step_url;
   const rotationOffset = cad_component2.rotation ? tuple(
     cad_component2.rotation.x * Math.PI / 180,
     cad_component2.rotation.y * Math.PI / 180,
@@ -30491,7 +30694,7 @@ var AnyCadComponent = ({
   ) : void 0;
   let modelComponent = null;
   if (url) {
-    modelComponent = /* @__PURE__ */ jsx9(
+    modelComponent = /* @__PURE__ */ jsx10(
       MixedStlModel,
       {
         url,
@@ -30510,7 +30713,7 @@ var AnyCadComponent = ({
       cad_component2.cad_component_id
     );
   } else if (gltfUrl) {
-    modelComponent = /* @__PURE__ */ jsx9(
+    modelComponent = /* @__PURE__ */ jsx10(
       GltfModel,
       {
         gltfUrl,
@@ -30528,8 +30731,26 @@ var AnyCadComponent = ({
       },
       cad_component2.cad_component_id
     );
+  } else if (stepUrl && !cad_component2.model_jscad && !cad_component2.footprinter_string) {
+    modelComponent = /* @__PURE__ */ jsx10(
+      StepModel,
+      {
+        stepUrl,
+        position: cad_component2.position ? [
+          cad_component2.position.x,
+          cad_component2.position.y,
+          cad_component2.position.z
+        ] : void 0,
+        rotation: rotationOffset,
+        scale: cad_component2.model_unit_to_mm_scale_factor,
+        onHover: handleHover,
+        onUnhover: handleUnhover,
+        isHovered,
+        isTranslucent: cad_component2.show_as_translucent_model
+      }
+    );
   } else if (cad_component2.model_jscad) {
-    modelComponent = /* @__PURE__ */ jsx9(
+    modelComponent = /* @__PURE__ */ jsx10(
       JscadModel,
       {
         jscadPlan: cad_component2.model_jscad,
@@ -30543,7 +30764,7 @@ var AnyCadComponent = ({
       cad_component2.cad_component_id
     );
   } else if (cad_component2.footprinter_string) {
-    modelComponent = /* @__PURE__ */ jsx9(
+    modelComponent = /* @__PURE__ */ jsx10(
       FootprinterModel,
       {
         positionOffset: cad_component2.position ? [
@@ -30575,7 +30796,7 @@ var AnyCadComponent = ({
   }
   return /* @__PURE__ */ jsxs2(Fragment3, { children: [
     modelComponent,
-    isHovered && hoverPosition ? /* @__PURE__ */ jsx9(
+    isHovered && hoverPosition ? /* @__PURE__ */ jsx10(
       Html,
       {
         position: hoverPosition,
@@ -30598,13 +30819,13 @@ var AnyCadComponent = ({
 };
 
 // src/CadViewerContainer.tsx
-import { forwardRef as forwardRef2, useEffect as useEffect16, useMemo as useMemo13, useState as useState9 } from "react";
+import { forwardRef as forwardRef2, useEffect as useEffect17, useMemo as useMemo13, useState as useState10 } from "react";
 import * as THREE16 from "three";
 
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.482",
+  version: "0.0.484",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -30681,8 +30902,8 @@ var package_default = {
 // src/react-three/Canvas.tsx
 import {
   useRef as useRef4,
-  useEffect as useEffect10,
-  useState as useState8,
+  useEffect as useEffect11,
+  useState as useState9,
   useCallback as useCallback5,
   forwardRef,
   useImperativeHandle,
@@ -30710,10 +30931,10 @@ import {
   useContext as useContext4,
   useMemo as useMemo8,
   useRef as useRef3,
-  useState as useState7
+  useState as useState8
 } from "react";
 import * as THREE9 from "three";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var CAMERA_KEY = "cadViewerCameraStateSession";
 var saveCameraToSession = (camera, controls) => {
   try {
@@ -30755,12 +30976,12 @@ var CameraControllerContext = createContext4(void 0);
 var CameraControllerProvider = ({ children, defaultTarget, initialCameraPosition }) => {
   const controlsRef = useRef3(null);
   const mainCameraRef = useRef3(null);
-  const [controller, setController] = useState7(null);
-  const [cameraType, setCameraType] = useState7(
+  const [controller, setController] = useState8(null);
+  const [cameraType, setCameraType] = useState8(
     "perspective"
   );
-  const [cameraPosition, setCameraPosition] = useState7(initialCameraPosition ?? null);
-  const [cameraRotation, setCameraRotation] = useState7(
+  const [cameraPosition, setCameraPosition] = useState8(initialCameraPosition ?? null);
+  const [cameraRotation, setCameraRotation] = useState8(
     new THREE9.Euler(0, 0, 0)
   );
   const baseDistance = useMemo8(() => {
@@ -30901,7 +31122,7 @@ var CameraControllerProvider = ({ children, defaultTarget, initialCameraPosition
       cameraRotation
     ]
   );
-  return /* @__PURE__ */ jsx10(CameraControllerContext.Provider, { value: cameraControllerContextValue, children });
+  return /* @__PURE__ */ jsx11(CameraControllerContext.Provider, { value: cameraControllerContextValue, children });
 };
 var useCameraController = () => {
   const context = useContext4(CameraControllerContext);
@@ -30914,12 +31135,12 @@ var useCameraController = () => {
 };
 
 // src/react-three/Canvas.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var Canvas = forwardRef(
   ({ children, scene: sceneProps, camera: cameraProps, style, onCreated }, ref) => {
     const { cameraType } = useCameraController();
     const mountRef = useRef4(null);
-    const [contextState, setContextState] = useState8(
+    const [contextState, setContextState] = useState9(
       null
     );
     const frameListeners = useRef4(
@@ -30948,7 +31169,7 @@ var Canvas = forwardRef(
     }
     const rootObject = useRef4(new THREE10.Object3D());
     useImperativeHandle(ref, () => rootObject.current);
-    useEffect10(() => {
+    useEffect11(() => {
       if (!mountRef.current) return;
       removeExistingCanvases(mountRef.current);
       const renderer = new THREE10.WebGLRenderer({ antialias: true, alpha: true });
@@ -31043,12 +31264,12 @@ var Canvas = forwardRef(
         }
       };
     }, [scene, addFrameListener, removeFrameListener, cameraType]);
-    return /* @__PURE__ */ jsx11("div", { ref: mountRef, style: { width: "100%", height: "100%", ...style }, children: contextState && /* @__PURE__ */ jsx11(ThreeContext.Provider, { value: contextState, children: /* @__PURE__ */ jsx11(HoverProvider, { children }) }) });
+    return /* @__PURE__ */ jsx12("div", { ref: mountRef, style: { width: "100%", height: "100%", ...style }, children: contextState && /* @__PURE__ */ jsx12(ThreeContext.Provider, { value: contextState, children: /* @__PURE__ */ jsx12(HoverProvider, { children }) }) });
   }
 );
 
 // src/react-three/OrbitControls.tsx
-import { useEffect as useEffect11, useMemo as useMemo10 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo10 } from "react";
 import * as THREE11 from "three";
 import { OrbitControls as ThreeOrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
 var OrbitControls = ({
@@ -31068,11 +31289,11 @@ var OrbitControls = ({
     if (!camera || !renderer) return null;
     return new ThreeOrbitControls(camera, renderer.domElement);
   }, [camera, renderer]);
-  useEffect11(() => {
+  useEffect12(() => {
     onControlsChange?.(controls ?? null);
     return () => onControlsChange?.(null);
   }, [controls, onControlsChange]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!controls) return;
     const handleChange = () => {
       onControlsChange?.(controls);
@@ -31082,7 +31303,7 @@ var OrbitControls = ({
       controls.removeEventListener("change", handleChange);
     };
   }, [controls, onControlsChange]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!controls) return;
     controls.autoRotate = autoRotate || false;
     controls.autoRotateSpeed = autoRotateSpeed || 1;
@@ -31115,14 +31336,14 @@ var OrbitControls = ({
     dampingFactor,
     target
   ]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!controls || !onStart) return;
     controls.addEventListener("start", onStart);
     return () => {
       controls.removeEventListener("start", onStart);
     };
   }, [controls, onStart]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!controls) return;
     return () => {
       controls.dispose();
@@ -31135,7 +31356,7 @@ var OrbitControls = ({
 };
 
 // src/react-three/Grid.tsx
-import { useEffect as useEffect12, useMemo as useMemo11 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo11 } from "react";
 import * as THREE12 from "three";
 var vertexShader = `
   varying vec3 worldPosition;
@@ -31210,7 +31431,7 @@ var Grid = ({
       gridMesh.position.set(camera.position.x, camera.position.y, 0);
     }
   });
-  useEffect12(() => {
+  useEffect13(() => {
     if (!scene || !gridMesh) return;
     scene.add(gridMesh);
     return () => {
@@ -31227,7 +31448,7 @@ var Grid = ({
 };
 
 // src/react-three/Lights.tsx
-import { useEffect as useEffect13, useMemo as useMemo12 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo12 } from "react";
 import * as THREE13 from "three";
 var Lights = () => {
   const { scene } = useThree();
@@ -31241,7 +31462,7 @@ var Lights = () => {
     light.decay = 0;
     return light;
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!scene) return;
     scene.add(ambientLight);
     scene.add(pointLight);
@@ -31254,7 +31475,7 @@ var Lights = () => {
 };
 
 // src/hooks/cameraAnimation.ts
-import { useCallback as useCallback6, useEffect as useEffect14, useRef as useRef5 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect15, useRef as useRef5 } from "react";
 import * as THREE14 from "three";
 var easeInOutCubic = (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
 var CameraAnimatorWithContext = () => {
@@ -31326,7 +31547,7 @@ var CameraAnimatorWithContext = () => {
     },
     [animateTo, getPresetConfig]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     if (!mainCameraRef.current) return;
     const controller = {
       animateTo,
@@ -31439,10 +31660,10 @@ var useCameraSession = () => {
 };
 
 // src/three-components/OrientationCubeCanvas.tsx
-import { useEffect as useEffect15, useRef as useRef7 } from "react";
+import { useEffect as useEffect16, useRef as useRef7 } from "react";
 import * as THREE15 from "three";
 import { Text as TroikaText } from "troika-three-text";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function computePointInFront(rotationVector, distance3) {
   const quaternion = new THREE15.Quaternion().setFromEuler(
     new THREE15.Euler(rotationVector.x, rotationVector.y, rotationVector.z)
@@ -31460,7 +31681,7 @@ var OrientationCubeCanvas = () => {
   const sceneRef = useRef7(null);
   const cameraRef = useRef7(null);
   const animationFrameRef = useRef7(null);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!containerRef.current) return;
     const canvas = document.createElement("canvas");
     canvasRef.current = canvas;
@@ -31579,7 +31800,7 @@ var OrientationCubeCanvas = () => {
       }
     };
   }, [mainCameraRef]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       ref: containerRef,
@@ -31596,7 +31817,7 @@ var OrientationCubeCanvas = () => {
 };
 
 // src/CadViewerContainer.tsx
-import { jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs3 } from "react/jsx-runtime";
 var RotationTracker = () => {
   const { camera } = useThree();
   const { setCameraRotation } = useCameraController();
@@ -31618,7 +31839,7 @@ var CadViewerContainer = forwardRef2(
     onUserInteraction,
     onCameraControllerReady
   }, ref) => {
-    const [isInteractionEnabled, setIsInteractionEnabled] = useState9(
+    const [isInteractionEnabled, setIsInteractionEnabled] = useState10(
       !clickToInteractEnabled
     );
     const { mainCameraRef, handleControlsChange, controller } = useCameraController();
@@ -31626,7 +31847,7 @@ var CadViewerContainer = forwardRef2(
       handleCameraCreated,
       handleControlsChange: handleSessionControlsChange
     } = useCameraSession();
-    useEffect16(() => {
+    useEffect17(() => {
       if (onCameraControllerReady) {
         onCameraControllerReady(controller);
       }
@@ -31644,7 +31865,7 @@ var CadViewerContainer = forwardRef2(
       return [boardCenter.x, boardCenter.y, 0];
     }, [boardCenter]);
     return /* @__PURE__ */ jsxs3("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-      /* @__PURE__ */ jsx13(OrientationCubeCanvas, {}),
+      /* @__PURE__ */ jsx14(OrientationCubeCanvas, {}),
       /* @__PURE__ */ jsxs3(
         Canvas,
         {
@@ -31656,9 +31877,9 @@ var CadViewerContainer = forwardRef2(
             handleCameraCreated(camera);
           },
           children: [
-            /* @__PURE__ */ jsx13(CameraAnimatorWithContext, {}),
-            /* @__PURE__ */ jsx13(RotationTracker, {}),
-            isInteractionEnabled && /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(CameraAnimatorWithContext, {}),
+            /* @__PURE__ */ jsx14(RotationTracker, {}),
+            isInteractionEnabled && /* @__PURE__ */ jsx14(
               OrbitControls,
               {
                 autoRotate: !autoRotateDisabled,
@@ -31676,8 +31897,8 @@ var CadViewerContainer = forwardRef2(
                 }
               }
             ),
-            /* @__PURE__ */ jsx13(Lights, {}),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(Lights, {}),
+            /* @__PURE__ */ jsx14(
               Grid,
               {
                 rotation: [Math.PI / 2, 0, 0],
@@ -31709,7 +31930,7 @@ var CadViewerContainer = forwardRef2(
           ]
         }
       ),
-      clickToInteractEnabled && !isInteractionEnabled && /* @__PURE__ */ jsx13(
+      clickToInteractEnabled && !isInteractionEnabled && /* @__PURE__ */ jsx14(
         "button",
         {
           type: "button",
@@ -31728,7 +31949,7 @@ var CadViewerContainer = forwardRef2(
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ jsx13(
+          children: /* @__PURE__ */ jsx14(
             "div",
             {
               style: {
@@ -31763,12 +31984,12 @@ var useConvertChildrenToCircuitJson = (children) => {
 };
 
 // src/hooks/use-stls-from-geom.ts
-import { useState as useState10, useEffect as useEffect17 } from "react";
+import { useState as useState11, useEffect as useEffect18 } from "react";
 import stlSerializer from "@jscad/stl-serializer";
 var useStlsFromGeom = (geom) => {
-  const [stls, setStls] = useState10([]);
-  const [loading, setLoading] = useState10(true);
-  useEffect17(() => {
+  const [stls, setStls] = useState11([]);
+  const [loading, setLoading] = useState11(true);
+  useEffect18(() => {
     if (!geom) return;
     const generateStls = async () => {
       setLoading(true);
@@ -31797,7 +32018,7 @@ var useStlsFromGeom = (geom) => {
 };
 
 // src/hooks/useBoardGeomBuilder.ts
-import { useState as useState11, useEffect as useEffect18, useRef as useRef8 } from "react";
+import { useState as useState12, useEffect as useEffect19, useRef as useRef8 } from "react";
 
 // src/soup-to-3d/index.ts
 var import_primitives2 = __toESM(require_primitives(), 1);
@@ -33114,7 +33335,7 @@ var BoardGeomBuilder = class {
     if (!this.boardGeom) return;
     const holeDepth = this.ctx.pcbThickness * 1.5;
     const copperInset = 0.02;
-    if (hole.hole_shape === "round" || hole.hole_shape === "circle") {
+    if (hole.hole_shape === "circle") {
       const cyGeom = (0, import_primitives7.cylinder)({
         center: [hole.x, hole.y, 0],
         radius: hole.hole_diameter / 2 + M,
@@ -33287,9 +33508,9 @@ var BoardGeomBuilder = class {
 
 // src/hooks/useBoardGeomBuilder.ts
 var useBoardGeomBuilder = (circuitJson) => {
-  const [boardGeom, setBoardGeom] = useState11(null);
+  const [boardGeom, setBoardGeom] = useState12(null);
   const isProcessingRef = useRef8(false);
-  useEffect18(() => {
+  useEffect19(() => {
     let isCancelled = false;
     if (!circuitJson) {
       setBoardGeom(null);
@@ -33351,10 +33572,10 @@ function usePcbThickness(circuitJson) {
 }
 
 // src/three-components/Error3d.tsx
-import { useState as useState12, useCallback as useCallback8, useEffect as useEffect20, useMemo as useMemo17 } from "react";
+import { useState as useState13, useCallback as useCallback8, useEffect as useEffect21, useMemo as useMemo17 } from "react";
 
 // src/react-three/Text.tsx
-import { useEffect as useEffect19, useMemo as useMemo16 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo16 } from "react";
 import { Text as TroikaText2 } from "troika-three-text";
 var Text = ({
   children,
@@ -33394,7 +33615,7 @@ var Text = ({
     anchorY,
     depthOffset
   ]);
-  useEffect19(() => {
+  useEffect20(() => {
     const parentObject = parent || rootObject;
     if (!parentObject || !mesh) return;
     parentObject.add(mesh);
@@ -33408,14 +33629,14 @@ var Text = ({
 
 // src/three-components/Error3d.tsx
 import * as THREE17 from "three";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
 var Error3d = ({
   error,
   cad_component: cad_component2
 }) => {
   const { rootObject } = useThree();
-  const [isHovered, setIsHovered] = useState12(false);
-  const [hoverPosition, setHoverPosition] = useState12(null);
+  const [isHovered, setIsHovered] = useState13(false);
+  const [hoverPosition, setHoverPosition] = useState13(null);
   const handleHover = useCallback8((e) => {
     if (e?.mousePosition) {
       setIsHovered(true);
@@ -33445,7 +33666,7 @@ var Error3d = ({
     g.position.fromArray(position);
     return g;
   }, [position]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!rootObject) return;
     rootObject.add(group);
     return () => {
@@ -33461,8 +33682,8 @@ var Error3d = ({
         onUnhover: handleUnhover,
         object: group,
         children: [
-          /* @__PURE__ */ jsx14(ErrorBox, { parent: group }),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(ErrorBox, { parent: group }),
+          /* @__PURE__ */ jsx15(
             Text,
             {
               parent: group,
@@ -33477,7 +33698,7 @@ var Error3d = ({
         ]
       }
     ),
-    isHovered && hoverPosition ? /* @__PURE__ */ jsx14(
+    isHovered && hoverPosition ? /* @__PURE__ */ jsx15(
       Html,
       {
         position: hoverPosition,
@@ -33514,7 +33735,7 @@ var ErrorBox = ({ parent }) => {
     m.rotation.fromArray([Math.PI / 4, Math.PI / 4, 0]);
     return m;
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     parent.add(mesh);
     return () => {
       parent.remove(mesh);
@@ -33524,7 +33745,7 @@ var ErrorBox = ({ parent }) => {
 };
 
 // src/three-components/STLModel.tsx
-import { useState as useState13, useEffect as useEffect21, useMemo as useMemo18 } from "react";
+import { useState as useState14, useEffect as useEffect22, useMemo as useMemo18 } from "react";
 import * as THREE18 from "three";
 import { STLLoader } from "three-stdlib";
 function STLModel({
@@ -33535,8 +33756,8 @@ function STLModel({
   opacity = 1
 }) {
   const { rootObject } = useThree();
-  const [geom, setGeom] = useState13(null);
-  useEffect21(() => {
+  const [geom, setGeom] = useState14(null);
+  useEffect22(() => {
     const loader = new STLLoader();
     if (stlData) {
       try {
@@ -33563,7 +33784,7 @@ function STLModel({
     });
     return new THREE18.Mesh(geom, material);
   }, [geom, color, opacity]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!rootObject || !mesh) return;
     rootObject.add(mesh);
     return () => {
@@ -33580,7 +33801,7 @@ function STLModel({
 }
 
 // src/three-components/VisibleSTLModel.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function VisibleSTLModel({
   stlData,
   color,
@@ -33603,7 +33824,7 @@ function VisibleSTLModel({
   if (!shouldShow) {
     return null;
   }
-  return /* @__PURE__ */ jsx15(STLModel, { stlData, color, opacity });
+  return /* @__PURE__ */ jsx16(STLModel, { stlData, color, opacity });
 }
 
 // src/three-components/ThreeErrorBoundary.tsx
@@ -33625,7 +33846,7 @@ var ThreeErrorBoundary = class extends React11.Component {
 };
 
 // src/three-components/JscadBoardTextures.tsx
-import { useEffect as useEffect22, useMemo as useMemo19 } from "react";
+import { useEffect as useEffect23, useMemo as useMemo19 } from "react";
 import * as THREE24 from "three";
 import { su as su9 } from "@tscircuit/circuit-json-util";
 
@@ -35380,7 +35601,7 @@ function JscadBoardTextures({
       })
     };
   }, [circuitJson, boardData]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!rootObject || !boardData || !textures) return;
     const meshes = [];
     const createTexturePlane2 = (texture, zOffset, isBottomLayer, name, usePolygonOffset = false, depthWrite = false) => {
@@ -35643,7 +35864,7 @@ function addFauxBoardIfNeeded(circuitJson) {
 }
 
 // src/CadViewerJscad.tsx
-import { jsx as jsx16, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
 var CadViewerJscad = forwardRef3(
   ({
     soup,
@@ -35732,7 +35953,7 @@ var CadViewerJscad = forwardRef3(
         onUserInteraction,
         onCameraControllerReady,
         children: [
-          boardStls.map(({ stlData, color, layerType }, index2) => /* @__PURE__ */ jsx16(
+          boardStls.map(({ stlData, color, layerType }, index2) => /* @__PURE__ */ jsx17(
             VisibleSTLModel,
             {
               stlData,
@@ -35742,7 +35963,7 @@ var CadViewerJscad = forwardRef3(
             },
             `board-${index2}`
           )),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             JscadBoardTextures,
             {
               circuitJson: internalCircuitJson,
@@ -35750,11 +35971,11 @@ var CadViewerJscad = forwardRef3(
               isFaux: isFauxBoard
             }
           ),
-          cad_components.map((cad_component2) => /* @__PURE__ */ jsx16(
+          cad_components.map((cad_component2) => /* @__PURE__ */ jsx17(
             ThreeErrorBoundary,
             {
-              fallback: ({ error }) => /* @__PURE__ */ jsx16(Error3d, { cad_component: cad_component2, error }),
-              children: /* @__PURE__ */ jsx16(
+              fallback: ({ error }) => /* @__PURE__ */ jsx17(Error3d, { cad_component: cad_component2, error }),
+              children: /* @__PURE__ */ jsx17(
                 AnyCadComponent,
                 {
                   cad_component: cad_component2,
@@ -35773,10 +35994,10 @@ var CadViewerJscad = forwardRef3(
 
 // src/CadViewerManifold.tsx
 import { su as su19 } from "@tscircuit/circuit-json-util";
-import { useEffect as useEffect24, useMemo as useMemo22, useState as useState15 } from "react";
+import { useEffect as useEffect25, useMemo as useMemo22, useState as useState16 } from "react";
 
 // src/hooks/useManifoldBoardBuilder.ts
-import { useState as useState14, useEffect as useEffect23, useMemo as useMemo21, useRef as useRef9 } from "react";
+import { useState as useState15, useEffect as useEffect24, useMemo as useMemo21, useRef as useRef9 } from "react";
 import { su as su18 } from "@tscircuit/circuit-json-util";
 import * as THREE31 from "three";
 
@@ -36068,7 +36289,7 @@ function createPlatedHoleDrill({
 
 // src/utils/manifold/process-non-plated-holes.ts
 function isCircleHole(hole) {
-  return (hole.shape === "circle" || hole.hole_shape === "circle") && typeof hole.hole_diameter === "number";
+  return hole.hole_shape === "circle" && typeof hole.hole_diameter === "number";
 }
 function isPillHole(hole) {
   return (hole.shape === "pill" || hole.hole_shape === "pill") && typeof hole.hole_width === "number" && typeof hole.hole_height === "number";
@@ -37299,11 +37520,11 @@ function createTextureMeshes(textures, boardData, pcbThickness, isFaux = false)
 
 // src/hooks/useManifoldBoardBuilder.ts
 var useManifoldBoardBuilder = (manifoldJSModule, circuitJson) => {
-  const [geoms, setGeoms] = useState14(null);
-  const [textures, setTextures] = useState14(null);
-  const [pcbThickness, setPcbThickness] = useState14(null);
-  const [error, setError] = useState14(null);
-  const [isLoading, setIsLoading] = useState14(true);
+  const [geoms, setGeoms] = useState15(null);
+  const [textures, setTextures] = useState15(null);
+  const [pcbThickness, setPcbThickness] = useState15(null);
+  const [error, setError] = useState15(null);
+  const [isLoading, setIsLoading] = useState15(true);
   const manifoldInstancesForCleanup = useRef9([]);
   const boardData = useMemo21(() => {
     const panels = circuitJson.filter(
@@ -37333,7 +37554,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson) => {
     const boards = su18(circuitJson).pcb_board.list();
     return boards.length > 0 && boards[0].pcb_board_id === "faux-board";
   }, [circuitJson]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!manifoldJSModule || !boardData) {
       setGeoms(null);
       setTextures(null);
@@ -37726,14 +37947,14 @@ function createGeometryMeshes(geoms) {
 }
 
 // src/CadViewerManifold.tsx
-import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
 var BoardMeshes = ({
   geometryMeshes,
   textureMeshes
 }) => {
   const { rootObject } = useThree();
   const { visibility } = useLayerVisibility();
-  useEffect24(() => {
+  useEffect25(() => {
     if (!rootObject) return;
     geometryMeshes.forEach((mesh) => {
       let shouldShow = true;
@@ -37816,9 +38037,9 @@ var CadViewerManifold = ({
     const rawCircuitJson = circuitJsonProp ?? childrenCircuitJson;
     return addFauxBoardIfNeeded(rawCircuitJson);
   }, [circuitJsonProp, childrenCircuitJson]);
-  const [manifoldJSModule, setManifoldJSModule] = useState15(null);
-  const [manifoldLoadingError, setManifoldLoadingError] = useState15(null);
-  useEffect24(() => {
+  const [manifoldJSModule, setManifoldJSModule] = useState16(null);
+  const [manifoldLoadingError, setManifoldLoadingError] = useState16(null);
+  useEffect25(() => {
     if (window.ManifoldModule && typeof window.ManifoldModule === "object" && window.ManifoldModule.setup) {
       setManifoldJSModule(window.ManifoldModule);
       return;
@@ -37942,7 +38163,7 @@ try {
     );
   }
   if (!manifoldJSModule) {
-    return /* @__PURE__ */ jsx17("div", { style: { padding: "1em" }, children: "Loading Manifold module..." });
+    return /* @__PURE__ */ jsx18("div", { style: { padding: "1em" }, children: "Loading Manifold module..." });
   }
   if (builderError) {
     return /* @__PURE__ */ jsxs6(
@@ -37962,7 +38183,7 @@ try {
     );
   }
   if (builderIsLoading) {
-    return /* @__PURE__ */ jsx17("div", { style: { padding: "1em" }, children: "Processing board geometry..." });
+    return /* @__PURE__ */ jsx18("div", { style: { padding: "1em" }, children: "Processing board geometry..." });
   }
   return /* @__PURE__ */ jsxs6(
     CadViewerContainer,
@@ -37975,18 +38196,18 @@ try {
       onUserInteraction,
       onCameraControllerReady,
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           BoardMeshes,
           {
             geometryMeshes,
             textureMeshes
           }
         ),
-        cadComponents.map((cad_component2) => /* @__PURE__ */ jsx17(
+        cadComponents.map((cad_component2) => /* @__PURE__ */ jsx18(
           ThreeErrorBoundary,
           {
-            fallback: ({ error }) => /* @__PURE__ */ jsx17(Error3d, { cad_component: cad_component2, error }),
-            children: /* @__PURE__ */ jsx17(
+            fallback: ({ error }) => /* @__PURE__ */ jsx18(Error3d, { cad_component: cad_component2, error }),
+            children: /* @__PURE__ */ jsx18(
               AnyCadComponent,
               {
                 cad_component: cad_component2,
@@ -38003,10 +38224,10 @@ try {
 var CadViewerManifold_default = CadViewerManifold;
 
 // src/hooks/useContextMenu.ts
-import { useState as useState16, useCallback as useCallback9, useRef as useRef10, useEffect as useEffect25 } from "react";
+import { useState as useState17, useCallback as useCallback9, useRef as useRef10, useEffect as useEffect26 } from "react";
 var useContextMenu = ({ containerRef }) => {
-  const [menuVisible, setMenuVisible] = useState16(false);
-  const [menuPos, setMenuPos] = useState16({
+  const [menuVisible, setMenuVisible] = useState17(false);
+  const [menuPos, setMenuPos] = useState17({
     x: 0,
     y: 0
   });
@@ -38118,7 +38339,7 @@ var useContextMenu = ({ containerRef }) => {
     }
     setMenuVisible(false);
   }, []);
-  useEffect25(() => {
+  useEffect26(() => {
     if (menuVisible) {
       document.addEventListener("mousedown", handleClickAway);
       document.addEventListener("touchstart", handleClickAway);
@@ -38193,12 +38414,12 @@ function useCameraPreset({
 
 // src/hooks/useGlobalDownloadGltf.ts
 import { useCallback as useCallback11 } from "react";
-import { GLTFExporter } from "three-stdlib";
+import { GLTFExporter as GLTFExporter2 } from "three-stdlib";
 var useGlobalDownloadGltf = () => {
   return useCallback11(() => {
     const root = window.__TSCIRCUIT_THREE_OBJECT;
     if (!root) return;
-    const exporter = new GLTFExporter();
+    const exporter = new GLTFExporter2();
     exporter.parse(
       root,
       (gltf) => {
@@ -38221,7 +38442,7 @@ var useGlobalDownloadGltf = () => {
 };
 
 // src/hooks/useRegisteredHotkey.ts
-import { useEffect as useEffect26, useMemo as useMemo23, useRef as useRef11, useState as useState17 } from "react";
+import { useEffect as useEffect27, useMemo as useMemo23, useRef as useRef11, useState as useState18 } from "react";
 var hotkeyRegistry = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new Set();
 var isListenerAttached = false;
@@ -38352,7 +38573,7 @@ var useRegisteredHotkey = (id, handler, metadata) => {
     }),
     [metadata.shortcut, metadata.description]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     const registration = {
       id,
       ...normalizedMetadata,
@@ -38365,10 +38586,10 @@ var useRegisteredHotkey = (id, handler, metadata) => {
   }, [id, normalizedMetadata]);
 };
 var useHotkeyRegistry = () => {
-  const [entries, setEntries] = useState17(
+  const [entries, setEntries] = useState18(
     () => Array.from(hotkeyRegistry.values())
   );
-  useEffect26(() => subscribeToRegistry(setEntries), []);
+  useEffect27(() => subscribeToRegistry(setEntries), []);
   return entries;
 };
 var registerHotkeyViewer = (element) => {
@@ -38378,7 +38599,7 @@ var registerHotkeyViewer = (element) => {
 
 // src/contexts/ToastContext.tsx
 import { Toaster, toast as hotToast } from "react-hot-toast";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
 var useToast = () => {
   return {
     showToast: (message, duration = 2e3) => {
@@ -38391,12 +38612,12 @@ var ToastProvider = ({
 }) => {
   return /* @__PURE__ */ jsxs7(Fragment5, { children: [
     children,
-    /* @__PURE__ */ jsx18(Toaster, { position: "bottom-right" })
+    /* @__PURE__ */ jsx19(Toaster, { position: "bottom-right" })
   ] });
 };
 
 // src/components/ContextMenu.tsx
-import { useState as useState33 } from "react";
+import { useState as useState34 } from "react";
 
 // node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
 import * as React43 from "react";
@@ -38451,7 +38672,7 @@ function useComposedRefs(...refs) {
 
 // node_modules/@radix-ui/react-context/dist/index.mjs
 import * as React13 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
@@ -38462,7 +38683,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index2] || BaseContext;
       const value = React13.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx19(Context.Provider, { value, children });
+      return /* @__PURE__ */ jsx20(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
@@ -38591,7 +38812,7 @@ import * as ReactDOM2 from "react-dom";
 
 // node_modules/@radix-ui/react-slot/dist/index.mjs
 import * as React16 from "react";
-import { Fragment as Fragment23, jsx as jsx20 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx21 } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -38609,9 +38830,9 @@ function createSlot(ownerName) {
           return child;
         }
       });
-      return /* @__PURE__ */ jsx20(SlotClone, { ...slotProps, ref: forwardedRef, children: React16.isValidElement(newElement) ? React16.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ jsx21(SlotClone, { ...slotProps, ref: forwardedRef, children: React16.isValidElement(newElement) ? React16.cloneElement(newElement, void 0, newChildren) : null });
     }
-    return /* @__PURE__ */ jsx20(SlotClone, { ...slotProps, ref: forwardedRef, children });
+    return /* @__PURE__ */ jsx21(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
@@ -38676,7 +38897,7 @@ function getElementRef(element) {
 }
 
 // node_modules/@radix-ui/react-primitive/dist/index.mjs
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -38704,7 +38925,7 @@ var Primitive = NODES.reduce((primitive, node) => {
     if (typeof window !== "undefined") {
       window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx21(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx22(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -38718,9 +38939,9 @@ import * as React42 from "react";
 
 // node_modules/@radix-ui/react-collection/dist/index.mjs
 import React18 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-import React23 from "react";
 import { jsx as jsx23 } from "react/jsx-runtime";
+import React23 from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope3] = createContextScope(PROVIDER_NAME);
@@ -38732,7 +38953,7 @@ function createCollection(name) {
     const { scope, children } = props;
     const ref = React18.useRef(null);
     const itemMap = React18.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsx22(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    return /* @__PURE__ */ jsx23(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -38742,7 +38963,7 @@ function createCollection(name) {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsx22(CollectionSlotImpl, { ref: composedRefs, children });
+      return /* @__PURE__ */ jsx23(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -38759,7 +38980,7 @@ function createCollection(name) {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ jsx22(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ jsx23(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -38786,7 +39007,7 @@ function createCollection(name) {
 
 // node_modules/@radix-ui/react-direction/dist/index.mjs
 import * as React19 from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var DirectionContext = React19.createContext(void 0);
 function useDirection(localDir) {
   const globalDir = React19.useContext(DirectionContext);
@@ -38822,7 +39043,7 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 
 // node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -38910,7 +39131,7 @@ var DismissableLayer = React24.forwardRef(
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       Primitive.div,
       {
         ...layerProps,
@@ -38944,7 +39165,7 @@ var DismissableLayerBranch = React24.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx25(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx26(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -39056,7 +39277,7 @@ function createFocusGuard() {
 
 // node_modules/@radix-ui/react-focus-scope/dist/index.mjs
 import * as React26 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -39175,7 +39396,7 @@ var FocusScope = React26.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx26(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx27(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -41165,11 +41386,11 @@ var arrow3 = (options, deps) => ({
 
 // node_modules/@radix-ui/react-arrow/dist/index.mjs
 import * as React29 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var NAME = "Arrow";
 var Arrow = React29.forwardRef((props, forwardedRef) => {
   const { children, width: width10 = 10, height: height10 = 5, ...arrowProps } = props;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     Primitive.svg,
     {
       ...arrowProps,
@@ -41178,7 +41399,7 @@ var Arrow = React29.forwardRef((props, forwardedRef) => {
       height: height10,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: props.asChild ? children : /* @__PURE__ */ jsx27("polygon", { points: "0,0 30,0 15,10" })
+      children: props.asChild ? children : /* @__PURE__ */ jsx28("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
@@ -41223,14 +41444,14 @@ function useSize(element) {
 }
 
 // node_modules/@radix-ui/react-popper/dist/index.mjs
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
   const [anchor, setAnchor] = React31.useState(null);
-  return /* @__PURE__ */ jsx28(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+  return /* @__PURE__ */ jsx29(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
@@ -41248,7 +41469,7 @@ var PopperAnchor = React31.forwardRef(
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx28(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx29(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME;
@@ -41341,7 +41562,7 @@ var PopperContent = React31.forwardRef(
     useLayoutEffect2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         ref: refs.setFloating,
@@ -41365,7 +41586,7 @@ var PopperContent = React31.forwardRef(
           }
         },
         dir: props.dir,
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx29(
           PopperContentProvider,
           {
             scope: __scopePopper,
@@ -41374,7 +41595,7 @@ var PopperContent = React31.forwardRef(
             arrowX,
             arrowY,
             shouldHideArrow: cannotCenterArrow,
-            children: /* @__PURE__ */ jsx28(
+            children: /* @__PURE__ */ jsx29(
               Primitive.div,
               {
                 "data-side": placedSide,
@@ -41411,7 +41632,7 @@ var PopperArrow = React31.forwardRef(function PopperArrow2(props, forwardedRef)
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       "span",
       {
         ref: contentContext.onArrowChange,
@@ -41434,7 +41655,7 @@ var PopperArrow = React31.forwardRef(function PopperArrow2(props, forwardedRef)
           }[contentContext.placedSide],
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx29(
           Root,
           {
             ...arrowProps,
@@ -41497,14 +41718,14 @@ var Arrow2 = PopperArrow;
 // node_modules/@radix-ui/react-portal/dist/index.mjs
 import * as React32 from "react";
 import ReactDOM4 from "react-dom";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var PORTAL_NAME = "Portal";
 var Portal = React32.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React32.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM4.createPortal(/* @__PURE__ */ jsx29(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM4.createPortal(/* @__PURE__ */ jsx30(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
 
@@ -41636,7 +41857,7 @@ function getElementRef2(element) {
 
 // node_modules/@radix-ui/react-roving-focus/dist/index.mjs
 import * as React34 from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS2 = { bubbles: false, cancelable: true };
 var GROUP_NAME = "RovingFocusGroup";
@@ -41648,7 +41869,7 @@ var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContext
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
 var RovingFocusGroup = React34.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ jsx30(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx30(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx30(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ jsx31(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx31(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx31(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
   }
 );
 RovingFocusGroup.displayName = GROUP_NAME;
@@ -41686,7 +41907,7 @@ var RovingFocusGroupImpl = React34.forwardRef((props, forwardedRef) => {
       return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
     }
   }, [handleEntryFocus]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     RovingFocusProvider,
     {
       scope: __scopeRovingFocusGroup,
@@ -41707,7 +41928,7 @@ var RovingFocusGroupImpl = React34.forwardRef((props, forwardedRef) => {
         () => setFocusableItemsCount((prevCount) => prevCount - 1),
         []
       ),
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx31(
         Primitive.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
@@ -41765,14 +41986,14 @@ var RovingFocusGroupItem = React34.forwardRef(
         return () => onFocusableItemRemove();
       }
     }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       Collection.ItemSlot,
       {
         scope: __scopeRovingFocusGroup,
         id,
         focusable,
         active,
-        children: /* @__PURE__ */ jsx30(
+        children: /* @__PURE__ */ jsx31(
           Primitive.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
@@ -42023,9 +42244,9 @@ function assignRef(ref, value) {
 }
 
 // node_modules/use-callback-ref/dist/es2015/useRef.js
-import { useState as useState28 } from "react";
+import { useState as useState29 } from "react";
 function useCallbackRef2(initialValue, callback) {
-  var ref = useState28(function() {
+  var ref = useState29(function() {
     return {
       // value
       value: initialValue,
@@ -42689,7 +42910,7 @@ ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
 
 // node_modules/@radix-ui/react-menu/dist/index.mjs
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var SELECTION_KEYS = ["Enter", " "];
 var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
 var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
@@ -42734,7 +42955,7 @@ var Menu = (props) => {
       document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
   }, []);
-  return /* @__PURE__ */ jsx31(Root2, { ...popperScope, children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(Root2, { ...popperScope, children: /* @__PURE__ */ jsx32(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -42742,7 +42963,7 @@ var Menu = (props) => {
       onOpenChange: handleOpenChange,
       content,
       onContentChange: setContent,
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx32(
         MenuRootProvider,
         {
           scope: __scopeMenu,
@@ -42762,7 +42983,7 @@ var MenuAnchor = React42.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...anchorProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx31(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx32(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }
 );
 MenuAnchor.displayName = ANCHOR_NAME2;
@@ -42773,7 +42994,7 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME2, {
 var MenuPortal = (props) => {
   const { __scopeMenu, forceMount, children, container } = props;
   const context = useMenuContext(PORTAL_NAME2, __scopeMenu);
-  return /* @__PURE__ */ jsx31(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx31(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx31(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsx32(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx32(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx32(Portal, { asChild: true, container, children }) }) });
 };
 MenuPortal.displayName = PORTAL_NAME2;
 var CONTENT_NAME2 = "MenuContent";
@@ -42784,7 +43005,7 @@ var MenuContent = React42.forwardRef(
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
-    return /* @__PURE__ */ jsx31(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx31(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx31(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx31(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx31(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
+    return /* @__PURE__ */ jsx32(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx32(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx32(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx32(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx32(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
 var MenuRootContentModal = React42.forwardRef(
@@ -42796,7 +43017,7 @@ var MenuRootContentModal = React42.forwardRef(
       const content = ref.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       MenuContentImpl,
       {
         ...props,
@@ -42816,7 +43037,7 @@ var MenuRootContentModal = React42.forwardRef(
 );
 var MenuRootContentNonModal = React42.forwardRef((props, forwardedRef) => {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     MenuContentImpl,
     {
       ...props,
@@ -42888,7 +43109,7 @@ var MenuContentImpl = React42.forwardRef(
       const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
       return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
     }, []);
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       MenuContentProvider,
       {
         scope: __scopeMenu,
@@ -42917,7 +43138,7 @@ var MenuContentImpl = React42.forwardRef(
         onPointerGraceIntentChange: React42.useCallback((intent) => {
           pointerGraceIntentRef.current = intent;
         }, []),
-        children: /* @__PURE__ */ jsx31(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx31(
+        children: /* @__PURE__ */ jsx32(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx32(
           FocusScope,
           {
             asChild: true,
@@ -42927,7 +43148,7 @@ var MenuContentImpl = React42.forwardRef(
               contentRef.current?.focus({ preventScroll: true });
             }),
             onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ jsx31(
+            children: /* @__PURE__ */ jsx32(
               DismissableLayer,
               {
                 asChild: true,
@@ -42937,7 +43158,7 @@ var MenuContentImpl = React42.forwardRef(
                 onFocusOutside,
                 onInteractOutside,
                 onDismiss,
-                children: /* @__PURE__ */ jsx31(
+                children: /* @__PURE__ */ jsx32(
                   Root3,
                   {
                     asChild: true,
@@ -42951,7 +43172,7 @@ var MenuContentImpl = React42.forwardRef(
                       if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
                     }),
                     preventScrollOnEntryFocus: true,
-                    children: /* @__PURE__ */ jsx31(
+                    children: /* @__PURE__ */ jsx32(
                       Content,
                       {
                         role: "menu",
@@ -43016,7 +43237,7 @@ var GROUP_NAME2 = "MenuGroup";
 var MenuGroup = React42.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx31(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx32(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME2;
@@ -43024,7 +43245,7 @@ var LABEL_NAME = "MenuLabel";
 var MenuLabel = React42.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx31(Primitive.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx32(Primitive.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME;
@@ -43051,7 +43272,7 @@ var MenuItem = React42.forwardRef(
         }
       }
     };
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       MenuItemImpl,
       {
         ...itemProps,
@@ -43093,13 +43314,13 @@ var MenuItemImpl = React42.forwardRef(
         setTextContent((menuItem.textContent ?? "").trim());
       }
     }, [itemProps.children]);
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       Collection2.ItemSlot,
       {
         scope: __scopeMenu,
         disabled,
         textValue: textValue ?? textContent,
-        children: /* @__PURE__ */ jsx31(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx31(
+        children: /* @__PURE__ */ jsx32(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx32(
           Primitive.div,
           {
             role: "menuitem",
@@ -43138,7 +43359,7 @@ var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
 var MenuCheckboxItem = React42.forwardRef(
   (props, forwardedRef) => {
     const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
-    return /* @__PURE__ */ jsx31(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx32(
       MenuItem,
       {
         role: "menuitemcheckbox",
@@ -43166,7 +43387,7 @@ var MenuRadioGroup = React42.forwardRef(
   (props, forwardedRef) => {
     const { value, onValueChange, ...groupProps } = props;
     const handleValueChange = useCallbackRef(onValueChange);
-    return /* @__PURE__ */ jsx31(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx31(MenuGroup, { ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx32(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx32(MenuGroup, { ...groupProps, ref: forwardedRef }) });
   }
 );
 MenuRadioGroup.displayName = RADIO_GROUP_NAME;
@@ -43176,7 +43397,7 @@ var MenuRadioItem = React42.forwardRef(
     const { value, ...radioItemProps } = props;
     const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
     const checked = value === context.value;
-    return /* @__PURE__ */ jsx31(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx32(
       MenuItem,
       {
         role: "menuitemradio",
@@ -43203,11 +43424,11 @@ var MenuItemIndicator = React42.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
     const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       Presence,
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
-        children: /* @__PURE__ */ jsx31(
+        children: /* @__PURE__ */ jsx32(
           Primitive.span,
           {
             ...itemIndicatorProps,
@@ -43224,7 +43445,7 @@ var SEPARATOR_NAME = "MenuSeparator";
 var MenuSeparator = React42.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       Primitive.div,
       {
         role: "separator",
@@ -43241,7 +43462,7 @@ var MenuArrow = React42.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx31(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx32(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 MenuArrow.displayName = ARROW_NAME2;
@@ -43258,7 +43479,7 @@ var MenuSub = (props) => {
     if (parentMenuContext.open === false) handleOpenChange(false);
     return () => handleOpenChange(false);
   }, [parentMenuContext.open, handleOpenChange]);
-  return /* @__PURE__ */ jsx31(Root2, { ...popperScope, children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(Root2, { ...popperScope, children: /* @__PURE__ */ jsx32(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -43266,7 +43487,7 @@ var MenuSub = (props) => {
       onOpenChange: handleOpenChange,
       content,
       onContentChange: setContent,
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx32(
         MenuSubProvider,
         {
           scope: __scopeMenu,
@@ -43303,7 +43524,7 @@ var MenuSubTrigger = React42.forwardRef(
         onPointerGraceIntentChange(null);
       };
     }, [pointerGraceTimerRef, onPointerGraceIntentChange]);
-    return /* @__PURE__ */ jsx31(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx32(
       MenuItemImpl,
       {
         id: subContext.triggerId,
@@ -43392,7 +43613,7 @@ var MenuSubContent = React42.forwardRef(
     const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
     const ref = React42.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    return /* @__PURE__ */ jsx31(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx31(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx31(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx32(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx32(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx32(
       MenuContentImpl,
       {
         id: subContext.contentId,
@@ -43489,7 +43710,7 @@ var Root32 = Menu;
 var Anchor2 = MenuAnchor;
 var Portal2 = MenuPortal;
 var Content2 = MenuContent;
-var Group4 = MenuGroup;
+var Group5 = MenuGroup;
 var Label = MenuLabel;
 var Item2 = MenuItem;
 var CheckboxItem = MenuCheckboxItem;
@@ -43503,7 +43724,7 @@ var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
 // node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var DROPDOWN_MENU_NAME = "DropdownMenu";
 var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
   DROPDOWN_MENU_NAME,
@@ -43529,7 +43750,7 @@ var DropdownMenu = (props) => {
     onChange: onOpenChange,
     caller: DROPDOWN_MENU_NAME
   });
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     DropdownMenuProvider,
     {
       scope: __scopeDropdownMenu,
@@ -43540,7 +43761,7 @@ var DropdownMenu = (props) => {
       onOpenChange: setOpen,
       onOpenToggle: React43.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
-      children: /* @__PURE__ */ jsx32(Root32, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
+      children: /* @__PURE__ */ jsx33(Root32, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
     }
   );
 };
@@ -43551,7 +43772,7 @@ var DropdownMenuTrigger = React43.forwardRef(
     const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
     const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx32(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx33(
       Primitive.button,
       {
         type: "button",
@@ -43585,7 +43806,7 @@ var PORTAL_NAME3 = "DropdownMenuPortal";
 var DropdownMenuPortal = (props) => {
   const { __scopeDropdownMenu, ...portalProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx32(Portal2, { ...menuScope, ...portalProps });
+  return /* @__PURE__ */ jsx33(Portal2, { ...menuScope, ...portalProps });
 };
 DropdownMenuPortal.displayName = PORTAL_NAME3;
 var CONTENT_NAME3 = "DropdownMenuContent";
@@ -43595,7 +43816,7 @@ var DropdownMenuContent = React43.forwardRef(
     const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     const hasInteractedOutsideRef = React43.useRef(false);
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       Content2,
       {
         id: context.contentId,
@@ -43635,7 +43856,7 @@ var DropdownMenuGroup = React43.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...groupProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx32(Group4, { ...menuScope, ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx33(Group5, { ...menuScope, ...groupProps, ref: forwardedRef });
   }
 );
 DropdownMenuGroup.displayName = GROUP_NAME3;
@@ -43644,7 +43865,7 @@ var DropdownMenuLabel = React43.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...labelProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx32(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx33(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
   }
 );
 DropdownMenuLabel.displayName = LABEL_NAME2;
@@ -43653,7 +43874,7 @@ var DropdownMenuItem = React43.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx32(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx33(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
   }
 );
 DropdownMenuItem.displayName = ITEM_NAME3;
@@ -43661,35 +43882,35 @@ var CHECKBOX_ITEM_NAME2 = "DropdownMenuCheckboxItem";
 var DropdownMenuCheckboxItem = React43.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx32(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx33(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 });
 DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME2;
 var RADIO_GROUP_NAME2 = "DropdownMenuRadioGroup";
 var DropdownMenuRadioGroup = React43.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioGroupProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx32(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx33(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
 });
 DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME2;
 var RADIO_ITEM_NAME2 = "DropdownMenuRadioItem";
 var DropdownMenuRadioItem = React43.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx32(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx33(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 });
 DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME2;
 var INDICATOR_NAME = "DropdownMenuItemIndicator";
 var DropdownMenuItemIndicator = React43.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx32(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx33(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 });
 DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
 var SEPARATOR_NAME2 = "DropdownMenuSeparator";
 var DropdownMenuSeparator = React43.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...separatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx32(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx33(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
 });
 DropdownMenuSeparator.displayName = SEPARATOR_NAME2;
 var ARROW_NAME3 = "DropdownMenuArrow";
@@ -43697,7 +43918,7 @@ var DropdownMenuArrow = React43.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...arrowProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx32(Arrow22, { ...menuScope, ...arrowProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx33(Arrow22, { ...menuScope, ...arrowProps, ref: forwardedRef });
   }
 );
 DropdownMenuArrow.displayName = ARROW_NAME3;
@@ -43710,20 +43931,20 @@ var DropdownMenuSub = (props) => {
     onChange: onOpenChange,
     caller: "DropdownMenuSub"
   });
-  return /* @__PURE__ */ jsx32(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
+  return /* @__PURE__ */ jsx33(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
 };
 var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
 var DropdownMenuSubTrigger = React43.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx32(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx33(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
 });
 DropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME2;
 var SUB_CONTENT_NAME2 = "DropdownMenuSubContent";
 var DropdownMenuSubContent = React43.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subContentProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     SubContent,
     {
       ...menuScope,
@@ -43755,11 +43976,11 @@ var SubTrigger2 = DropdownMenuSubTrigger;
 var SubContent2 = DropdownMenuSubContent;
 
 // src/components/AppearanceMenu.tsx
-import { useState as useState32 } from "react";
+import { useState as useState33 } from "react";
 
 // src/components/Icons.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-var CheckIcon = () => /* @__PURE__ */ jsx33(
+import { jsx as jsx34 } from "react/jsx-runtime";
+var CheckIcon = () => /* @__PURE__ */ jsx34(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -43771,10 +43992,10 @@ var CheckIcon = () => /* @__PURE__ */ jsx33(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx33("path", { d: "M20 6 9 17l-5-5" })
+    children: /* @__PURE__ */ jsx34("path", { d: "M20 6 9 17l-5-5" })
   }
 );
-var ChevronRightIcon = ({ isOpen }) => /* @__PURE__ */ jsx33(
+var ChevronRightIcon = ({ isOpen }) => /* @__PURE__ */ jsx34(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -43791,10 +44012,10 @@ var ChevronRightIcon = ({ isOpen }) => /* @__PURE__ */ jsx33(
       transform: isOpen ? "rotate(90deg)" : "rotate(0deg)",
       opacity: 0.6
     },
-    children: /* @__PURE__ */ jsx33("path", { d: "m9 18 6-6-6-6" })
+    children: /* @__PURE__ */ jsx34("path", { d: "m9 18 6-6-6-6" })
   }
 );
-var DotIcon = () => /* @__PURE__ */ jsx33(
+var DotIcon = () => /* @__PURE__ */ jsx34(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -43807,12 +44028,12 @@ var DotIcon = () => /* @__PURE__ */ jsx33(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className: "lucide lucide-dot-icon lucide-dot",
-    children: /* @__PURE__ */ jsx33("circle", { cx: "12.1", cy: "12.1", r: "4.5", fill: "white" })
+    children: /* @__PURE__ */ jsx34("circle", { cx: "12.1", cy: "12.1", r: "4.5", fill: "white" })
   }
 );
 
 // src/components/AppearanceMenu.tsx
-import { Fragment as Fragment10, jsx as jsx34, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
 var itemStyles = {
   padding: "6px 8px",
   borderRadius: 6,
@@ -43861,10 +44082,10 @@ var iconContainerStyles = {
 };
 var AppearanceMenu = () => {
   const { visibility, setLayerVisibility } = useLayerVisibility();
-  const [appearanceSubOpen, setAppearanceSubOpen] = useState32(false);
-  const [hoveredItem, setHoveredItem] = useState32(null);
+  const [appearanceSubOpen, setAppearanceSubOpen] = useState33(false);
+  const [hoveredItem, setHoveredItem] = useState33(null);
   return /* @__PURE__ */ jsxs8(Fragment10, { children: [
-    /* @__PURE__ */ jsx34(Separator2, { style: separatorStyles }),
+    /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles }),
     /* @__PURE__ */ jsxs8(Sub2, { onOpenChange: setAppearanceSubOpen, children: [
       /* @__PURE__ */ jsxs8(
         SubTrigger2,
@@ -43878,8 +44099,8 @@ var AppearanceMenu = () => {
           onMouseLeave: () => setHoveredItem(null),
           onTouchStart: () => setHoveredItem("appearance"),
           children: [
-            /* @__PURE__ */ jsx34("span", { style: { flex: 1, display: "flex", alignItems: "center" }, children: "Appearance" }),
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx35("span", { style: { flex: 1, display: "flex", alignItems: "center" }, children: "Appearance" }),
+            /* @__PURE__ */ jsx35(
               "div",
               {
                 style: {
@@ -43888,13 +44109,13 @@ var AppearanceMenu = () => {
                   alignItems: "flex-end",
                   marginBottom: "-5px"
                 },
-                children: /* @__PURE__ */ jsx34(ChevronRightIcon, { isOpen: appearanceSubOpen })
+                children: /* @__PURE__ */ jsx35(ChevronRightIcon, { isOpen: appearanceSubOpen })
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ jsx34(Portal22, { children: /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsx35(Portal22, { children: /* @__PURE__ */ jsxs8(
         SubContent2,
         {
           style: { ...contentStyles, marginLeft: -2 },
@@ -43917,8 +44138,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("boardBody"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.boardBody && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Board Body" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.boardBody && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Board Body" })
                 ]
               }
             ),
@@ -43938,8 +44159,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("topCopper"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.topCopper && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Top Copper" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.topCopper && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Top Copper" })
                 ]
               }
             ),
@@ -43959,8 +44180,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("bottomCopper"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.bottomCopper && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Copper" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.bottomCopper && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Copper" })
                 ]
               }
             ),
@@ -43980,8 +44201,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("topSilkscreen"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.topSilkscreen && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Top Silkscreen" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.topSilkscreen && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Top Silkscreen" })
                 ]
               }
             ),
@@ -44004,8 +44225,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("bottomSilkscreen"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.bottomSilkscreen && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Silkscreen" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.bottomSilkscreen && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Silkscreen" })
                 ]
               }
             ),
@@ -44025,8 +44246,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("topMask"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.topMask && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Top Soldermask" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.topMask && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Top Soldermask" })
                 ]
               }
             ),
@@ -44046,8 +44267,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("bottomMask"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.bottomMask && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Soldermask" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.bottomMask && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Soldermask" })
                 ]
               }
             ),
@@ -44067,8 +44288,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("smtModels"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.smtModels && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Surface Mount Components" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.smtModels && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Surface Mount Components" })
                 ]
               }
             ),
@@ -44091,8 +44312,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("throughHoleModels"),
                 children: [
-                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.throughHoleModels && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Through-Hole Components" })
+                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.throughHoleModels && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Through-Hole Components" })
                 ]
               }
             )
@@ -44104,7 +44325,7 @@ var AppearanceMenu = () => {
 };
 
 // src/components/ContextMenu.tsx
-import { jsx as jsx35, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
 var cameraOptions = [
   "Custom",
   "Top Center Angled",
@@ -44186,9 +44407,9 @@ var ContextMenu = ({
   onOpenKeyboardShortcuts
 }) => {
   const { cameraType, setCameraType } = useCameraController();
-  const [cameraSubOpen, setCameraSubOpen] = useState33(false);
-  const [hoveredItem, setHoveredItem] = useState33(null);
-  return /* @__PURE__ */ jsx35(
+  const [cameraSubOpen, setCameraSubOpen] = useState34(false);
+  const [hoveredItem, setHoveredItem] = useState34(null);
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       ref: menuRef,
@@ -44200,8 +44421,8 @@ var ContextMenu = ({
         height: 0
       },
       children: /* @__PURE__ */ jsxs9(Root22, { open: true, modal: false, children: [
-        /* @__PURE__ */ jsx35(Trigger, { asChild: true, children: /* @__PURE__ */ jsx35("div", { style: { position: "absolute", width: 1, height: 1 } }) }),
-        /* @__PURE__ */ jsx35(Portal22, { children: /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsx36(Trigger, { asChild: true, children: /* @__PURE__ */ jsx36("div", { style: { position: "absolute", width: 1, height: 1 } }) }),
+        /* @__PURE__ */ jsx36(Portal22, { children: /* @__PURE__ */ jsxs9(
           Content22,
           {
             style: contentStyles2,
@@ -44223,7 +44444,7 @@ var ContextMenu = ({
                     onMouseLeave: () => setHoveredItem(null),
                     onTouchStart: () => setHoveredItem("camera"),
                     children: [
-                      /* @__PURE__ */ jsx35(
+                      /* @__PURE__ */ jsx36(
                         "span",
                         {
                           style: { flex: 1, display: "flex", alignItems: "center" },
@@ -44240,15 +44461,15 @@ var ContextMenu = ({
                             marginLeft: "auto"
                           },
                           children: [
-                            /* @__PURE__ */ jsx35("span", { style: { opacity: 0.55, fontSize: 13 }, children: cameraPreset }),
-                            /* @__PURE__ */ jsx35(ChevronRightIcon, { isOpen: cameraSubOpen })
+                            /* @__PURE__ */ jsx36("span", { style: { opacity: 0.55, fontSize: 13 }, children: cameraPreset }),
+                            /* @__PURE__ */ jsx36(ChevronRightIcon, { isOpen: cameraSubOpen })
                           ]
                         }
                       )
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx35(Portal22, { children: /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsx36(Portal22, { children: /* @__PURE__ */ jsx36(
                   SubContent2,
                   {
                     style: { ...contentStyles2, marginLeft: -2 },
@@ -44270,8 +44491,8 @@ var ContextMenu = ({
                         onMouseLeave: () => setHoveredItem(null),
                         onTouchStart: () => setHoveredItem(option),
                         children: [
-                          /* @__PURE__ */ jsx35("span", { style: iconContainerStyles2, children: cameraPreset === option && /* @__PURE__ */ jsx35(DotIcon, {}) }),
-                          /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: option })
+                          /* @__PURE__ */ jsx36("span", { style: iconContainerStyles2, children: cameraPreset === option && /* @__PURE__ */ jsx36(DotIcon, {}) }),
+                          /* @__PURE__ */ jsx36("span", { style: { display: "flex", alignItems: "center" }, children: option })
                         ]
                       },
                       option
@@ -44295,8 +44516,8 @@ var ContextMenu = ({
                   onMouseLeave: () => setHoveredItem(null),
                   onTouchStart: () => setHoveredItem("autorotate"),
                   children: [
-                    /* @__PURE__ */ jsx35("span", { style: iconContainerStyles2, children: autoRotate && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                    /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Auto rotate" })
+                    /* @__PURE__ */ jsx36("span", { style: iconContainerStyles2, children: autoRotate && /* @__PURE__ */ jsx36(CheckIcon, {}) }),
+                    /* @__PURE__ */ jsx36("span", { style: { display: "flex", alignItems: "center" }, children: "Auto rotate" })
                   ]
                 }
               ),
@@ -44318,14 +44539,14 @@ var ContextMenu = ({
                   onMouseLeave: () => setHoveredItem(null),
                   onTouchStart: () => setHoveredItem("cameratype"),
                   children: [
-                    /* @__PURE__ */ jsx35("span", { style: iconContainerStyles2, children: cameraType === "orthographic" && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                    /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Orthographic Camera" })
+                    /* @__PURE__ */ jsx36("span", { style: iconContainerStyles2, children: cameraType === "orthographic" && /* @__PURE__ */ jsx36(CheckIcon, {}) }),
+                    /* @__PURE__ */ jsx36("span", { style: { display: "flex", alignItems: "center" }, children: "Orthographic Camera" })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx35(AppearanceMenu, {}),
-              /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles2 }),
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(AppearanceMenu, {}),
+              /* @__PURE__ */ jsx36(Separator2, { style: separatorStyles2 }),
+              /* @__PURE__ */ jsx36(
                 Item22,
                 {
                   style: {
@@ -44337,10 +44558,10 @@ var ContextMenu = ({
                   onMouseEnter: () => setHoveredItem("download"),
                   onMouseLeave: () => setHoveredItem(null),
                   onTouchStart: () => setHoveredItem("download"),
-                  children: /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Download GLTF" })
+                  children: /* @__PURE__ */ jsx36("span", { style: { display: "flex", alignItems: "center" }, children: "Download GLTF" })
                 }
               ),
-              /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles2 }),
+              /* @__PURE__ */ jsx36(Separator2, { style: separatorStyles2 }),
               /* @__PURE__ */ jsxs9(
                 Item22,
                 {
@@ -44363,7 +44584,7 @@ var ContextMenu = ({
                       engine === "jscad" ? "Manifold" : "JSCAD",
                       " Engine"
                     ] }),
-                    /* @__PURE__ */ jsx35(
+                    /* @__PURE__ */ jsx36(
                       "div",
                       {
                         style: {
@@ -44377,7 +44598,7 @@ var ContextMenu = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles2 }),
+              /* @__PURE__ */ jsx36(Separator2, { style: separatorStyles2 }),
               /* @__PURE__ */ jsxs9(
                 Item22,
                 {
@@ -44391,8 +44612,8 @@ var ContextMenu = ({
                   onMouseLeave: () => setHoveredItem(null),
                   onTouchStart: () => setHoveredItem("shortcuts"),
                   children: [
-                    /* @__PURE__ */ jsx35("span", { style: { flex: 1, display: "flex", alignItems: "center" }, children: "Keyboard Shortcuts" }),
-                    /* @__PURE__ */ jsx35(
+                    /* @__PURE__ */ jsx36("span", { style: { flex: 1, display: "flex", alignItems: "center" }, children: "Keyboard Shortcuts" }),
+                    /* @__PURE__ */ jsx36(
                       "div",
                       {
                         style: {
@@ -44406,8 +44627,8 @@ var ContextMenu = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles2 }),
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(Separator2, { style: separatorStyles2 }),
+              /* @__PURE__ */ jsx36(
                 "div",
                 {
                   style: {
@@ -44445,16 +44666,16 @@ var ContextMenu = ({
 };
 
 // src/components/KeyboardShortcutsDialog.tsx
-import { useEffect as useEffect42, useMemo as useMemo29, useRef as useRef25, useState as useState34 } from "react";
-import { jsx as jsx36, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useEffect as useEffect43, useMemo as useMemo29, useRef as useRef25, useState as useState35 } from "react";
+import { jsx as jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
 var KeyboardShortcutsDialog = ({
   open,
   onClose
 }) => {
-  const [query, setQuery] = useState34("");
+  const [query, setQuery] = useState35("");
   const inputRef = useRef25(null);
   const hotkeys = useHotkeyRegistry();
-  useEffect42(() => {
+  useEffect43(() => {
     if (!open) return void 0;
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -44465,7 +44686,7 @@ var KeyboardShortcutsDialog = ({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (open) {
       setTimeout(() => {
         inputRef.current?.focus();
@@ -44485,7 +44706,7 @@ var KeyboardShortcutsDialog = ({
   if (!open) {
     return null;
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       role: "dialog",
@@ -44525,7 +44746,7 @@ var KeyboardShortcutsDialog = ({
                 },
                 children: [
                   /* @__PURE__ */ jsxs10("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                    /* @__PURE__ */ jsx36(
+                    /* @__PURE__ */ jsx37(
                       "h2",
                       {
                         style: {
@@ -44537,7 +44758,7 @@ var KeyboardShortcutsDialog = ({
                         children: "Keyboard Shortcuts"
                       }
                     ),
-                    /* @__PURE__ */ jsx36(
+                    /* @__PURE__ */ jsx37(
                       "button",
                       {
                         type: "button",
@@ -44553,7 +44774,7 @@ var KeyboardShortcutsDialog = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx37(
                     "input",
                     {
                       ref: inputRef,
@@ -44576,7 +44797,7 @@ var KeyboardShortcutsDialog = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx36("div", { style: { overflowY: "auto" }, children: /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsx37("div", { style: { overflowY: "auto" }, children: /* @__PURE__ */ jsxs10(
               "table",
               {
                 style: {
@@ -44585,11 +44806,11 @@ var KeyboardShortcutsDialog = ({
                   fontSize: "0.95rem"
                 },
                 children: [
-                  /* @__PURE__ */ jsx36("thead", { children: /* @__PURE__ */ jsxs10("tr", { style: { textAlign: "left", color: "#a1a1b5" }, children: [
-                    /* @__PURE__ */ jsx36("th", { style: { padding: "12px 24px", width: "25%" }, children: "Key" }),
-                    /* @__PURE__ */ jsx36("th", { style: { padding: "12px 24px" }, children: "Description" })
+                  /* @__PURE__ */ jsx37("thead", { children: /* @__PURE__ */ jsxs10("tr", { style: { textAlign: "left", color: "#a1a1b5" }, children: [
+                    /* @__PURE__ */ jsx37("th", { style: { padding: "12px 24px", width: "25%" }, children: "Key" }),
+                    /* @__PURE__ */ jsx37("th", { style: { padding: "12px 24px" }, children: "Description" })
                   ] }) }),
-                  /* @__PURE__ */ jsx36("tbody", { children: filteredHotkeys.length === 0 ? /* @__PURE__ */ jsx36("tr", { children: /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx37("tbody", { children: filteredHotkeys.length === 0 ? /* @__PURE__ */ jsx37("tr", { children: /* @__PURE__ */ jsx37(
                     "td",
                     {
                       colSpan: 2,
@@ -44601,7 +44822,7 @@ var KeyboardShortcutsDialog = ({
                     {
                       style: { borderTop: "1px solid rgba(255, 255, 255, 0.05)" },
                       children: [
-                        /* @__PURE__ */ jsx36("td", { style: { padding: "12px 24px" }, children: /* @__PURE__ */ jsx36(
+                        /* @__PURE__ */ jsx37("td", { style: { padding: "12px 24px" }, children: /* @__PURE__ */ jsx37(
                           "span",
                           {
                             style: {
@@ -44619,7 +44840,7 @@ var KeyboardShortcutsDialog = ({
                             children: hotkey.shortcut
                           }
                         ) }),
-                        /* @__PURE__ */ jsx36("td", { style: { padding: "12px 24px" }, children: hotkey.description })
+                        /* @__PURE__ */ jsx37("td", { style: { padding: "12px 24px" }, children: hotkey.description })
                       ]
                     },
                     hotkey.id
@@ -44635,22 +44856,22 @@ var KeyboardShortcutsDialog = ({
 };
 
 // src/CadViewer.tsx
-import { jsx as jsx37, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_TARGET = new THREE34.Vector3(0, 0, 0);
 var INITIAL_CAMERA_POSITION = [5, -5, 5];
 var CadViewerInner = (props) => {
-  const [engine, setEngine] = useState35("manifold");
+  const [engine, setEngine] = useState36("manifold");
   const containerRef = useRef26(null);
-  const [isKeyboardShortcutsDialogOpen, setIsKeyboardShortcutsDialogOpen] = useState35(false);
-  const [autoRotate, setAutoRotate] = useState35(() => {
+  const [isKeyboardShortcutsDialogOpen, setIsKeyboardShortcutsDialogOpen] = useState36(false);
+  const [autoRotate, setAutoRotate] = useState36(() => {
     const stored = window.localStorage.getItem("cadViewerAutoRotate");
     return stored === "false" ? false : true;
   });
-  const [autoRotateUserToggled, setAutoRotateUserToggled] = useState35(() => {
+  const [autoRotateUserToggled, setAutoRotateUserToggled] = useState36(() => {
     const stored = window.localStorage.getItem("cadViewerAutoRotateUserToggled");
     return stored === "true";
   });
-  const [cameraPreset, setCameraPreset] = useState35("Custom");
+  const [cameraPreset, setCameraPreset] = useState36("Custom");
   const { cameraType, setCameraType } = useCameraController();
   const { visibility, setLayerVisibility } = useLayerVisibility();
   const { showToast } = useToast();
@@ -44761,36 +44982,36 @@ var CadViewerInner = (props) => {
       description: "Toggle translucent components"
     }
   );
-  useEffect43(() => {
+  useEffect44(() => {
     if (containerRef.current) {
       registerHotkeyViewer(containerRef.current);
     }
   }, []);
-  useEffect43(() => {
+  useEffect44(() => {
     const stored = window.localStorage.getItem("cadViewerEngine");
     if (stored === "jscad" || stored === "manifold") {
       setEngine(stored);
     }
   }, []);
-  useEffect43(() => {
+  useEffect44(() => {
     window.localStorage.setItem("cadViewerEngine", engine);
   }, [engine]);
-  useEffect43(() => {
+  useEffect44(() => {
     window.localStorage.setItem("cadViewerAutoRotate", String(autoRotate));
   }, [autoRotate]);
-  useEffect43(() => {
+  useEffect44(() => {
     window.localStorage.setItem(
       "cadViewerAutoRotateUserToggled",
       String(autoRotateUserToggled)
     );
   }, [autoRotateUserToggled]);
-  useEffect43(() => {
+  useEffect44(() => {
     const stored = window.localStorage.getItem("cadViewerCameraType");
     if (stored === "orthographic" || stored === "perspective") {
       setCameraType(stored);
     }
   }, [setCameraType]);
-  useEffect43(() => {
+  useEffect44(() => {
     window.localStorage.setItem("cadViewerCameraType", cameraType);
   }, [cameraType]);
   const viewerKey = props.circuitJson ? JSON.stringify(props.circuitJson) : void 0;
@@ -44810,7 +45031,7 @@ var CadViewerInner = (props) => {
       },
       ...contextMenuEventHandlers,
       children: [
-        engine === "jscad" ? /* @__PURE__ */ jsx37(
+        engine === "jscad" ? /* @__PURE__ */ jsx38(
           CadViewerJscad,
           {
             ...props,
@@ -44819,7 +45040,7 @@ var CadViewerInner = (props) => {
             onUserInteraction: handleUserInteraction,
             onCameraControllerReady: handleCameraControllerReady
           }
-        ) : /* @__PURE__ */ jsx37(
+        ) : /* @__PURE__ */ jsx38(
           CadViewerManifold_default,
           {
             ...props,
@@ -44846,11 +45067,11 @@ var CadViewerInner = (props) => {
             },
             children: [
               "Engine: ",
-              /* @__PURE__ */ jsx37("b", { children: engine === "jscad" ? "JSCAD" : "Manifold" })
+              /* @__PURE__ */ jsx38("b", { children: engine === "jscad" ? "JSCAD" : "Manifold" })
             ]
           }
         ),
-        menuVisible && /* @__PURE__ */ jsx37(
+        menuVisible && /* @__PURE__ */ jsx38(
           ContextMenu,
           {
             menuRef,
@@ -44877,7 +45098,7 @@ var CadViewerInner = (props) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           KeyboardShortcutsDialog,
           {
             open: isKeyboardShortcutsDialogOpen,
@@ -44890,12 +45111,12 @@ var CadViewerInner = (props) => {
   );
 };
 var CadViewer = (props) => {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     CameraControllerProvider,
     {
       defaultTarget: DEFAULT_TARGET,
       initialCameraPosition: INITIAL_CAMERA_POSITION,
-      children: /* @__PURE__ */ jsx37(LayerVisibilityProvider, { children: /* @__PURE__ */ jsx37(ToastProvider, { children: /* @__PURE__ */ jsx37(CadViewerInner, { ...props }) }) })
+      children: /* @__PURE__ */ jsx38(LayerVisibilityProvider, { children: /* @__PURE__ */ jsx38(ToastProvider, { children: /* @__PURE__ */ jsx38(CadViewerInner, { ...props }) }) })
     }
   );
 };
@@ -44908,9 +45129,9 @@ import { SVGRenderer } from "three/examples/jsm/renderers/SVGRenderer.js";
 
 // src/utils/create-geometry-from-polygons.ts
 import * as THREE35 from "three";
-import { BufferGeometry as BufferGeometry3, Float32BufferAttribute as Float32BufferAttribute2 } from "three";
+import { BufferGeometry as BufferGeometry4, Float32BufferAttribute as Float32BufferAttribute3 } from "three";
 function createGeometryFromPolygons(polygons) {
-  const geometry = new BufferGeometry3();
+  const geometry = new BufferGeometry4();
   const vertices = [];
   const normals = [];
   for (const polygon3 of polygons) {
@@ -44941,8 +45162,8 @@ function createGeometryFromPolygons(polygons) {
       );
     }
   }
-  geometry.setAttribute("position", new Float32BufferAttribute2(vertices, 3));
-  geometry.setAttribute("normal", new Float32BufferAttribute2(normals, 3));
+  geometry.setAttribute("position", new Float32BufferAttribute3(vertices, 3));
+  geometry.setAttribute("normal", new Float32BufferAttribute3(normals, 3));
   return geometry;
 }
 
@@ -45189,8 +45410,8 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
 }
 
 // src/hooks/exporter/gltf.ts
-import { GLTFExporter as GLTFExporter2 } from "three-stdlib";
-import { useEffect as useEffect44, useState as useState36, useMemo as useMemo30, useCallback as useCallback22 } from "react";
+import { GLTFExporter as GLTFExporter3 } from "three-stdlib";
+import { useEffect as useEffect45, useState as useState37, useMemo as useMemo30, useCallback as useCallback22 } from "react";
 function useSaveGltfAs(options = {}) {
   const parse2 = useParser(options);
   const link = useMemo30(() => document.createElement("a"), []);
@@ -45203,7 +45424,7 @@ function useSaveGltfAs(options = {}) {
     link.dispatchEvent(new MouseEvent("click"));
     URL.revokeObjectURL(url);
   };
-  useEffect44(
+  useEffect45(
     () => () => {
       link.remove();
       instance = null;
@@ -45218,17 +45439,17 @@ function useSaveGltfAs(options = {}) {
 }
 function useExportGltfUrl(options = {}) {
   const parse2 = useParser(options);
-  const [url, setUrl] = useState36();
-  const [error, setError] = useState36();
+  const [url, setUrl] = useState37();
+  const [error, setError] = useState37();
   const ref = useCallback22(
     (instance) => parse2(instance).then(setUrl).catch(setError),
     []
   );
-  useEffect44(() => () => URL.revokeObjectURL(url), [url]);
+  useEffect45(() => () => URL.revokeObjectURL(url), [url]);
   return [ref, url, error];
 }
 function useParser(options = {}) {
-  const exporter = useMemo30(() => new GLTFExporter2(), []);
+  const exporter = useMemo30(() => new GLTFExporter3(), []);
   return (instance) => {
     const { promise, resolve, reject } = Promise.withResolvers();
     exporter.parse(