@tscircuit/3d-viewer 0.0.578 → 0.0.579

package/dist/index.js

@@ -31245,9 +31245,9 @@ function getObjectBoundsRelativeToParent(object) {
         node.geometry.computeBoundingBox();
       }
       if (node.geometry.boundingBox) {
+        const localMatrix = parentInverseMatrix.clone().multiply(node.matrixWorld);
         const transformedBounds = node.geometry.boundingBox.clone();
-        transformedBounds.applyMatrix4(node.matrixWorld);
-        transformedBounds.applyMatrix4(parentInverseMatrix);
+        transformedBounds.applyMatrix4(localMatrix);
         if (!hasBounds) {
           bounds.copy(transformedBounds);
           hasBounds = true;
@@ -32710,7 +32710,7 @@ import * as THREE21 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.577",
+  version: "0.0.578",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -40377,67 +40377,12 @@ import * as ReactDOM2 from "react-dom";
 
 // node_modules/@radix-ui/react-slot/dist/index.mjs
 import * as React18 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
 var __defProp8 = Object.defineProperty;
 var __name6 = (target, value) => __defProp8(target, "name", { value, configurable: true });
-var mergeProps = /* @__PURE__ */ __name6(((slotProps, childProps) => {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        const slotIsFunction = typeof slotPropValue === "function";
-        const childIsFunction = typeof childPropValue === "function";
-        if (IS_DEVELOPMENT) {
-          if (!slotIsFunction || !childIsFunction) {
-            console.warn(
-              `Slot: Expected a function for ${propName}, but received ${[typeof slotPropValue, typeof childPropValue].filter((v) => v !== "function").join(" and ")}.`
-            );
-          }
-        }
-        overrideProps[propName] = (...args) => {
-          const result = childIsFunction ? childPropValue(...args) : void 0;
-          if (slotIsFunction) {
-            slotPropValue(...args);
-          }
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = {
-        ...typeof slotPropValue === "object" ? slotPropValue : null,
-        ...typeof childPropValue === "object" ? childPropValue : null
-      };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    } else if (propName === "aria-describedby") {
-      overrideProps[propName] = concatAriaDescribedby(childPropValue, slotPropValue);
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}), "mergeProps");
-function concatAriaDescribedby(...values) {
-  const ids = /* @__PURE__ */ new Set();
-  for (const value of values) {
-    if (typeof value !== "string") continue;
-    for (const id of String(value).trim().split(/\s+/)) {
-      if (id) ids.add(id);
-    }
-  }
-  return ids.size > 0 ? Array.from(ids).join(" ") : void 0;
-}
-__name6(concatAriaDescribedby, "concatAriaDescribedby");
-var SlotContext = React18.createContext(mergeProps);
-SlotContext.displayName = "SlotContext";
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const Slot2 = React18.forwardRef((props, forwardedRef) => {
-    const context = React18.useContext(SlotContext);
-    let { children, mergeProps: mergePropsProp = context, ...slotProps } = props;
+    let { children, ...slotProps } = props;
     let slottableElement = null;
     let hasSlottable = false;
     const newChildren = [];
@@ -40479,10 +40424,7 @@ function createSlot(ownerName) {
       }
       return children;
     }
-    const mergedProps = mergePropsProp(
-      slotProps,
-      slottableElement.props ?? {}
-    );
+    const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});
     if (slottableElement.type !== React18.Fragment) {
       mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;
     }
@@ -40509,6 +40451,31 @@ var getSlottableElementFromSlottable = /* @__PURE__ */ __name6((slottable, child
   }
   return React18.isValidElement(child) ? child : null;
 }, "getSlottableElementFromSlottable");
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+__name6(mergeProps, "mergeProps");
 function getElementRef(element) {
   let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -40545,7 +40512,7 @@ var createSlottableError = /* @__PURE__ */ __name6((ownerName) => {
 var use = React18[" use ".trim().toString()];
 
 // node_modules/@radix-ui/react-primitive/dist/index.mjs
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var __defProp9 = Object.defineProperty;
 var __name7 = (target, value) => __defProp9(target, "name", { value, configurable: true });
 var NODES = [
@@ -40575,7 +40542,7 @@ var Primitive = NODES.reduce((primitive, node) => {
     if (typeof window !== "undefined") {
       window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx23(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx22(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -40590,9 +40557,9 @@ import * as React43 from "react";
 
 // node_modules/@radix-ui/react-collection/dist/index.mjs
 import * as React20 from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 import * as React23 from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var __defProp10 = Object.defineProperty;
 var __name8 = (target, value) => __defProp10(target, "name", { value, configurable: true });
 // @__NO_SIDE_EFFECTS__
@@ -40607,7 +40574,7 @@ function createCollection(name) {
     const { scope, children } = props;
     const ref = React20.useRef(null);
     const itemMap = React20.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsx24(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    return /* @__PURE__ */ jsx23(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   }, "CollectionProvider");
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -40617,7 +40584,7 @@ function createCollection(name) {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsx24(CollectionSlotImpl, { ref: composedRefs, children });
+      return /* @__PURE__ */ jsx23(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -40634,7 +40601,7 @@ function createCollection(name) {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ jsx24(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ jsx23(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -40984,12 +40951,12 @@ function createCollection2(name) {
     }
   );
   const CollectionProvider = /* @__PURE__ */ __name8(({ state, ...props }) => {
-    return state ? /* @__PURE__ */ jsx25(CollectionProviderImpl, { ...props, state }) : /* @__PURE__ */ jsx25(CollectionInit, { ...props });
+    return state ? /* @__PURE__ */ jsx24(CollectionProviderImpl, { ...props, state }) : /* @__PURE__ */ jsx24(CollectionInit, { ...props });
   }, "CollectionProvider");
   CollectionProvider.displayName = PROVIDER_NAME;
   const CollectionInit = /* @__PURE__ */ __name8((props) => {
     const state = useInitCollection();
-    return /* @__PURE__ */ jsx25(CollectionProviderImpl, { ...props, state });
+    return /* @__PURE__ */ jsx24(CollectionProviderImpl, { ...props, state });
   }, "CollectionInit");
   CollectionInit.displayName = PROVIDER_NAME + "Init";
   const CollectionProviderImpl = /* @__PURE__ */ __name8((props) => {
@@ -41012,7 +40979,7 @@ function createCollection2(name) {
         observer.disconnect();
       };
     }, [collectionElement]);
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx24(
       CollectionContextProvider,
       {
         scope,
@@ -41033,7 +41000,7 @@ function createCollection2(name) {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsx25(CollectionSlotImpl, { ref: composedRefs, children });
+      return /* @__PURE__ */ jsx24(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -41075,7 +41042,7 @@ function createCollection2(name) {
           });
         };
       }, [element, memoizedItemData, setItemMap]);
-      return /* @__PURE__ */ jsx25(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ jsx24(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -41136,7 +41103,7 @@ __name8(getChildListObserver, "getChildListObserver");
 
 // node_modules/@radix-ui/react-direction/dist/index.mjs
 import * as React21 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var __defProp11 = Object.defineProperty;
 var __name9 = (target, value) => __defProp11(target, "name", { value, configurable: true });
 var DirectionContext = React21.createContext(void 0);
@@ -41163,7 +41130,7 @@ function useCallbackRef(callback) {
 __name10(useCallbackRef, "useCallbackRef");
 
 // node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var __defProp13 = Object.defineProperty;
 var __name11 = (target, value) => __defProp13(target, "name", { value, configurable: true });
 var CONTEXT_UPDATE = "dismissableLayer.update";
@@ -41295,7 +41262,7 @@ var DismissableLayer = /* @__PURE__ */ React25.forwardRef(
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx26(
       Primitive.div,
       {
         ...layerProps,
@@ -41544,7 +41511,7 @@ __name12(createFocusGuard, "createFocusGuard");
 
 // node_modules/@radix-ui/react-focus-scope/dist/index.mjs
 import * as React27 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var __defProp15 = Object.defineProperty;
 var __name13 = (target, value) => __defProp15(target, "name", { value, configurable: true });
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
@@ -41555,7 +41522,6 @@ var FocusScope = /* @__PURE__ */ React27.forwardRef(
     const {
       loop = false,
       trapped = false,
-      branches,
       onMountAutoFocus: onMountAutoFocusProp,
       onUnmountAutoFocus: onUnmountAutoFocusProp,
       ...scopeProps
@@ -41565,18 +41531,6 @@ var FocusScope = /* @__PURE__ */ React27.forwardRef(
     const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
     const lastFocusedElementRef = React27.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, setContainer);
-    const branchesRef = React27.useRef(branches);
-    React27.useEffect(() => {
-      branchesRef.current = branches;
-    });
-    const isTargetInScope = React27.useCallback(
-      (target) => {
-        if (!target) return false;
-        if (container?.contains(target)) return true;
-        return Boolean(branchesRef.current?.some((branch) => branch.contains(target)));
-      },
-      [container]
-    );
     const focusScope = React27.useRef({
       paused: false,
       pause() {
@@ -41591,7 +41545,7 @@ var FocusScope = /* @__PURE__ */ React27.forwardRef(
         let handleFocusIn2 = function(event) {
           if (focusScope.paused || !container) return;
           const target = event.target;
-          if (isTargetInScope(target)) {
+          if (container.contains(target)) {
             lastFocusedElementRef.current = target;
           } else {
             focus(lastFocusedElementRef.current, { select: true });
@@ -41600,7 +41554,7 @@ var FocusScope = /* @__PURE__ */ React27.forwardRef(
           if (focusScope.paused || !container) return;
           const relatedTarget = event.relatedTarget;
           if (relatedTarget === null) return;
-          if (!isTargetInScope(relatedTarget)) {
+          if (!container.contains(relatedTarget)) {
             focus(lastFocusedElementRef.current, { select: true });
           }
         }, handleMutations2 = function(mutations) {
@@ -41624,7 +41578,7 @@ var FocusScope = /* @__PURE__ */ React27.forwardRef(
           mutationObserver.disconnect();
         };
       }
-    }, [trapped, container, focusScope.paused, isTargetInScope]);
+    }, [trapped, container, focusScope.paused]);
     React27.useEffect(() => {
       if (container) {
         focusScopesStack.add(focusScope);
@@ -41681,32 +41635,9 @@ var FocusScope = /* @__PURE__ */ React27.forwardRef(
       },
       [loop, trapped, focusScope.paused]
     );
-    return /* @__PURE__ */ jsx28(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+    return /* @__PURE__ */ jsx27(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
   }, "FocusScope")
 );
-var FocusScopeBranchContext = React27.createContext(null);
-var FocusScopeBranchProvider = FocusScopeBranchContext.Provider;
-function useFocusScopeBranchRegistry() {
-  const [nodes, setNodes] = React27.useState([]);
-  const registry = React27.useMemo(
-    () => ({
-      add: /* @__PURE__ */ __name13((node) => setNodes((prev) => prev.includes(node) ? prev : [...prev, node]), "add"),
-      remove: /* @__PURE__ */ __name13((node) => setNodes((prev) => prev.filter((current) => current !== node)), "remove")
-    }),
-    []
-  );
-  return { nodes, registry };
-}
-__name13(useFocusScopeBranchRegistry, "useFocusScopeBranchRegistry");
-function useFocusScopeBranch(node) {
-  const registry = React27.useContext(FocusScopeBranchContext);
-  React27.useEffect(() => {
-    if (!node || !registry) return;
-    registry.add(node);
-    return () => registry.remove(node);
-  }, [node, registry]);
-}
-__name13(useFocusScopeBranch, "useFocusScopeBranch");
 function focusFirst(candidates, { select = false } = {}) {
   const previouslyFocusedElement = document.activeElement;
   for (const candidate of candidates) {
@@ -43763,17 +43694,9 @@ function useSize(element) {
 __name15(useSize, "useSize");
 
 // node_modules/@radix-ui/react-popper/dist/index.mjs
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var __defProp18 = Object.defineProperty;
 var __name16 = (target, value) => __defProp18(target, "name", { value, configurable: true });
-var Sticky = {
-  Partial: "partial",
-  Always: "always"
-};
-var UpdatePositionStrategy = {
-  Optimized: "optimized",
-  Always: "always"
-};
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
@@ -43781,7 +43704,7 @@ var Popper = /* @__PURE__ */ __name16((props) => {
   const { __scopePopper, children } = props;
   const [anchor, setAnchor] = React31.useState(null);
   const [placementState, setPlacementState] = React31.useState(void 0);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     PopperProvider,
     {
       scope: __scopePopper,
@@ -43824,7 +43747,7 @@ var PopperAnchor = /* @__PURE__ */ React31.forwardRef(
     const sideAndAlign = context.placementState && getSideAndAlignFromPlacement(context.placementState);
     const placedSide = sideAndAlign?.[0];
     const placedAlign = sideAndAlign?.[1];
-    return virtualRef ? null : /* @__PURE__ */ jsx29(
+    return virtualRef ? null : /* @__PURE__ */ jsx28(
       Primitive.div,
       {
         "data-radix-popper-side": placedSide,
@@ -43849,9 +43772,9 @@ var PopperContent = /* @__PURE__ */ React31.forwardRef(
       avoidCollisions = true,
       collisionBoundary = [],
       collisionPadding: collisionPaddingProp = 0,
-      sticky = Sticky.Partial,
+      sticky = "partial",
       hideWhenDetached = false,
-      updatePositionStrategy = UpdatePositionStrategy.Optimized,
+      updatePositionStrategy = "optimized",
       onPlaced,
       ...contentProps
     } = props;
@@ -43878,7 +43801,7 @@ var PopperContent = /* @__PURE__ */ React31.forwardRef(
       placement: desiredPlacement,
       whileElementsMounted: /* @__PURE__ */ __name16((...args) => {
         const cleanup = autoUpdate(...args, {
-          animationFrame: updatePositionStrategy === UpdatePositionStrategy.Always
+          animationFrame: updatePositionStrategy === "always"
         });
         return cleanup;
       }, "whileElementsMounted"),
@@ -43890,7 +43813,7 @@ var PopperContent = /* @__PURE__ */ React31.forwardRef(
         avoidCollisions && shift3({
           mainAxis: true,
           crossAxis: false,
-          limiter: sticky === Sticky.Partial ? limitShift3() : void 0,
+          limiter: sticky === "partial" ? limitShift3() : void 0,
           ...detectOverflowOptions
         }),
         avoidCollisions && flip3({ ...detectOverflowOptions }),
@@ -43942,7 +43865,7 @@ var PopperContent = /* @__PURE__ */ React31.forwardRef(
     useLayoutEffect2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         ref: refs.setFloating,
@@ -43966,7 +43889,7 @@ var PopperContent = /* @__PURE__ */ React31.forwardRef(
           }
         },
         dir: props.dir,
-        children: /* @__PURE__ */ jsx29(
+        children: /* @__PURE__ */ jsx28(
           PopperContentProvider,
           {
             scope: __scopePopper,
@@ -43976,7 +43899,7 @@ var PopperContent = /* @__PURE__ */ React31.forwardRef(
             arrowX,
             arrowY,
             shouldHideArrow: cannotCenterArrow,
-            children: /* @__PURE__ */ jsx29(
+            children: /* @__PURE__ */ jsx28(
               Primitive.div,
               {
                 "data-side": placedSide,
@@ -44038,11 +43961,14 @@ function getSideAndAlignFromPlacement(placement) {
   return [side, align];
 }
 __name16(getSideAndAlignFromPlacement, "getSideAndAlignFromPlacement");
+var Root2 = Popper;
+var Anchor = PopperAnchor;
+var Content = PopperContent;
 
 // node_modules/@radix-ui/react-portal/dist/index.mjs
 import * as React32 from "react";
 import * as ReactDOM4 from "react-dom";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var __defProp19 = Object.defineProperty;
 var __name17 = (target, value) => __defProp19(target, "name", { value, configurable: true });
 var Portal = /* @__PURE__ */ React32.forwardRef(
@@ -44051,7 +43977,7 @@ var Portal = /* @__PURE__ */ React32.forwardRef(
     const [mounted, setMounted] = React32.useState(false);
     useLayoutEffect2(() => setMounted(true), []);
     const container = containerProp || mounted && globalThis?.document?.body;
-    return container ? ReactDOM4.createPortal(/* @__PURE__ */ jsx30(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+    return container ? ReactDOM4.createPortal(/* @__PURE__ */ jsx29(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
   }, "Portal")
 );
 
@@ -44271,7 +44197,7 @@ __name19(useIsHydratedModern, "useIsHydratedModern");
 var useIsHydrated2 = typeof useReactSyncExternalStore === "function" ? useIsHydratedModern : useIsHydrated;
 
 // node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var __defProp22 = Object.defineProperty;
 var __name20 = (target, value) => __defProp22(target, "name", { value, configurable: true });
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
@@ -44282,19 +44208,11 @@ var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContext
   GROUP_NAME,
   [createCollectionScope]
 );
-var Orientation = {
-  Vertical: "vertical",
-  Horizontal: "horizontal"
-};
-var Direction = {
-  LTR: "ltr",
-  RTL: "rtl"
-};
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
 var RovingFocusGroup = /* @__PURE__ */ React35.forwardRef(
   // blank line to reduce diff noise
   /* @__PURE__ */ __name20(function RovingFocusGroup2(props, forwardedRef) {
-    return /* @__PURE__ */ jsx31(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx31(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx31(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ jsx30(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx30(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx30(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
   }, "RovingFocusGroup")
 );
 var RovingFocusGroupImpl = /* @__PURE__ */ React35.forwardRef(/* @__PURE__ */ __name20(function RovingFocusGroupImpl2(props, forwardedRef) {
@@ -44331,7 +44249,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React35.forwardRef(/* @__PURE__ */ __
       return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
     }
   }, [handleEntryFocus]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     RovingFocusProvider,
     {
       scope: __scopeRovingFocusGroup,
@@ -44352,7 +44270,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React35.forwardRef(/* @__PURE__ */ __
         () => setFocusableItemsCount((prevCount) => prevCount - 1),
         []
       ),
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx30(
         Primitive.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
@@ -44420,14 +44338,14 @@ var RovingFocusGroupItem = /* @__PURE__ */ React35.forwardRef(
       onFocusableItemAdd();
       return () => onFocusableItemRemove();
     }, [isHydrated, focusable, onFocusableItemAdd, onFocusableItemRemove]);
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx30(
       Collection.ItemSlot,
       {
         scope: __scopeRovingFocusGroup,
         id,
         focusable,
         active,
-        children: /* @__PURE__ */ jsx31(
+        children: /* @__PURE__ */ jsx30(
           Primitive.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
@@ -44478,18 +44396,14 @@ var MAP_KEY_TO_FOCUS_INTENT = {
   End: "last"
 };
 function getDirectionAwareKey(key, dir) {
-  if (dir !== Direction.RTL) return key;
+  if (dir !== "rtl") return key;
   return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
 }
 __name20(getDirectionAwareKey, "getDirectionAwareKey");
 function getFocusIntent(event, orientation2, dir) {
   const key = getDirectionAwareKey(event.key, dir);
-  if (orientation2 === Orientation.Vertical && ["ArrowLeft", "ArrowRight"].includes(key)) {
-    return void 0;
-  }
-  if (orientation2 === Orientation.Horizontal && ["ArrowUp", "ArrowDown"].includes(key)) {
-    return void 0;
-  }
+  if (orientation2 === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
+  if (orientation2 === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
   return MAP_KEY_TO_FOCUS_INTENT[key];
 }
 __name20(getFocusIntent, "getFocusIntent");
@@ -44506,6 +44420,8 @@ function wrapArray(array, startIndex) {
   return array.map((_, index2) => array[(startIndex + index2) % array.length]);
 }
 __name20(wrapArray, "wrapArray");
+var Root = RovingFocusGroup;
+var Item = RovingFocusGroupItem;
 
 // node_modules/aria-hidden/dist/es2015/index.js
 var getDefaultParent = function(originalTarget) {
@@ -45349,13 +45265,9 @@ ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
 
 // node_modules/@radix-ui/react-menu/dist/index.mjs
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var __defProp23 = Object.defineProperty;
 var __name21 = (target, value) => __defProp23(target, "name", { value, configurable: true });
-var Direction2 = {
-  LTR: "ltr",
-  RTL: "rtl"
-};
 var SELECTION_KEYS = ["Enter", " "];
 var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
 var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
@@ -45408,7 +45320,7 @@ var Menu = /* @__PURE__ */ __name21((props) => {
     window.addEventListener("blur", handleBlur);
     return () => window.removeEventListener("blur", handleBlur);
   }, [open, handleOpenChange]);
-  return /* @__PURE__ */ jsx32(Popper, { ...popperScope, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(Root2, { ...popperScope, children: /* @__PURE__ */ jsx31(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -45416,7 +45328,7 @@ var Menu = /* @__PURE__ */ __name21((props) => {
       onOpenChange: handleOpenChange,
       content,
       onContentChange: setContent,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx31(
         MenuRootProvider,
         {
           scope: __scopeMenu,
@@ -45434,7 +45346,7 @@ var MenuAnchor = /* @__PURE__ */ React43.forwardRef(
   /* @__PURE__ */ __name21(function MenuAnchor2(props, forwardedRef) {
     const { __scopeMenu, ...anchorProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx32(PopperAnchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx31(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }, "MenuAnchor")
 );
 var PORTAL_NAME = "MenuPortal";
@@ -45444,7 +45356,7 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME, {
 var MenuPortal = /* @__PURE__ */ __name21((props) => {
   const { __scopeMenu, forceMount, children, container } = props;
   const context = useMenuContext(PORTAL_NAME, __scopeMenu);
-  return /* @__PURE__ */ jsx32(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx32(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx32(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsx31(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx31(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx31(Portal, { asChild: true, container, children }) }) });
 }, "MenuPortal");
 var CONTENT_NAME2 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME2);
@@ -45454,7 +45366,7 @@ var MenuContent = /* @__PURE__ */ React43.forwardRef(
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
-    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 }) }) }) });
+    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 }) }) }) });
   }, "MenuContent")
 );
 var MenuRootContentModal = /* @__PURE__ */ React43.forwardRef(
@@ -45467,7 +45379,7 @@ var MenuRootContentModal = /* @__PURE__ */ React43.forwardRef(
       const content = ref.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx31(
       MenuContentImpl,
       {
         ...props,
@@ -45487,7 +45399,7 @@ var MenuRootContentModal = /* @__PURE__ */ React43.forwardRef(
 );
 var MenuRootContentNonModal = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name21(function MenuRootContentNonModal2(props, forwardedRef) {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     MenuContentImpl,
     {
       ...props,
@@ -45517,7 +45429,6 @@ var MenuContentImpl = /* @__PURE__ */ React43.forwardRef(
       onInteractOutside,
       onDismiss,
       disableOutsideScroll,
-      children,
       ...contentProps
     } = props;
     const context = useMenuContext(CONTENT_NAME2, __scopeMenu);
@@ -45527,32 +45438,15 @@ var MenuContentImpl = /* @__PURE__ */ React43.forwardRef(
     const getItems = useCollection2(__scopeMenu);
     const [currentItemId, setCurrentItemId] = React43.useState(null);
     const contentRef = React43.useRef(null);
-    const [branchNode, setBranchNode] = React43.useState(null);
-    useFocusScopeBranch(branchNode);
-    const { nodes: branchNodes, registry: branchRegistry } = useFocusScopeBranchRegistry();
-    const isModal = Boolean(trapFocus || disableOutsideScroll);
-    const composedRefs = useComposedRefs(
-      forwardedRef,
-      contentRef,
-      context.onContentChange,
-      setBranchNode
-    );
+    const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
     const timerRef = React43.useRef(0);
     const searchRef = React43.useRef("");
     const pointerGraceTimerRef = React43.useRef(0);
     const pointerGraceIntentRef = React43.useRef(null);
     const pointerDirRef = React43.useRef("right");
     const lastPointerXRef = React43.useRef(0);
-    const shards = React43.useMemo(
-      () => disableOutsideScroll ? [contentRef, ...branchNodes.map((node) => ({ current: node }))] : [],
-      [contentRef, branchNodes, disableOutsideScroll]
-    );
     const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React43.Fragment;
-    const scrollLockWrapperProps = disableOutsideScroll ? {
-      as: Slot,
-      allowPinchZoom: true,
-      shards
-    } : void 0;
+    const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot, allowPinchZoom: true } : void 0;
     const handleTypeaheadSearch = /* @__PURE__ */ __name21((key) => {
       const search = searchRef.current + key;
       const items = getItems().filter((item) => !item.disabled);
@@ -45578,7 +45472,7 @@ var MenuContentImpl = /* @__PURE__ */ React43.forwardRef(
       const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
       return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
     }, []);
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx31(
       MenuContentProvider,
       {
         scope: __scopeMenu,
@@ -45607,18 +45501,17 @@ var MenuContentImpl = /* @__PURE__ */ React43.forwardRef(
         onPointerGraceIntentChange: React43.useCallback((intent) => {
           pointerGraceIntentRef.current = intent;
         }, []),
-        children: /* @__PURE__ */ jsx32(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx32(
+        children: /* @__PURE__ */ jsx31(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx31(
           FocusScope,
           {
             asChild: true,
             trapped: trapFocus,
-            branches: branchNodes,
             onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event) => {
               event.preventDefault();
               contentRef.current?.focus({ preventScroll: true });
             }),
             onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ jsx32(
+            children: /* @__PURE__ */ jsx31(
               DismissableLayer,
               {
                 asChild: true,
@@ -45628,8 +45521,8 @@ var MenuContentImpl = /* @__PURE__ */ React43.forwardRef(
                 onFocusOutside,
                 onInteractOutside,
                 onDismiss,
-                children: /* @__PURE__ */ jsx32(
-                  RovingFocusGroup,
+                children: /* @__PURE__ */ jsx31(
+                  Root,
                   {
                     asChild: true,
                     ...rovingFocusGroupScope,
@@ -45642,8 +45535,8 @@ var MenuContentImpl = /* @__PURE__ */ React43.forwardRef(
                       if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
                     }),
                     preventScrollOnEntryFocus: true,
-                    children: /* @__PURE__ */ jsx32(
-                      PopperContent,
+                    children: /* @__PURE__ */ jsx31(
+                      Content,
                       {
                         role: "menu",
                         "aria-orientation": "vertical",
@@ -45689,8 +45582,7 @@ var MenuContentImpl = /* @__PURE__ */ React43.forwardRef(
                               lastPointerXRef.current = event.clientX;
                             }
                           })
-                        ),
-                        children: isModal ? /* @__PURE__ */ jsx32(FocusScopeBranchProvider, { value: branchRegistry, children }) : children
+                        )
                       }
                     )
                   }
@@ -45727,7 +45619,7 @@ var MenuItem = /* @__PURE__ */ React43.forwardRef(
         }
       }
     }, "handleSelect");
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx31(
       MenuItemImpl,
       {
         ...itemProps,
@@ -45773,13 +45665,13 @@ var MenuItemImpl = /* @__PURE__ */ React43.forwardRef(
         setTextContent((menuItem.textContent ?? "").trim());
       }
     }, [itemProps.children]);
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx31(
       Collection2.ItemSlot,
       {
         scope: __scopeMenu,
         disabled,
         textValue: textValue ?? textContent,
-        children: /* @__PURE__ */ jsx32(RovingFocusGroupItem, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx32(
+        children: /* @__PURE__ */ jsx31(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx31(
           Primitive.div,
           {
             role: "menuitem",
@@ -45828,7 +45720,7 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
 var MenuSeparator = /* @__PURE__ */ React43.forwardRef(
   /* @__PURE__ */ __name21(function MenuSeparator2(props, forwardedRef) {
     const { __scopeMenu, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx31(
       Primitive.div,
       {
         role: "separator",
@@ -45852,7 +45744,7 @@ var MenuSub = /* @__PURE__ */ __name21((props) => {
     if (parentMenuContext.open === false) handleOpenChange(false);
     return () => handleOpenChange(false);
   }, [parentMenuContext.open, handleOpenChange]);
-  return /* @__PURE__ */ jsx32(Popper, { ...popperScope, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(Root2, { ...popperScope, children: /* @__PURE__ */ jsx31(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -45860,7 +45752,7 @@ var MenuSub = /* @__PURE__ */ __name21((props) => {
       onOpenChange: handleOpenChange,
       content,
       onContentChange: setContent,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx31(
         MenuSubProvider,
         {
           scope: __scopeMenu,
@@ -45897,7 +45789,7 @@ var MenuSubTrigger = /* @__PURE__ */ React43.forwardRef(
       };
     }, [pointerGraceTimerRef, onPointerGraceIntentChange]);
     const composedRefs = useComposedRefs(forwardedRef, subContext.onTriggerChange);
-    return /* @__PURE__ */ jsx32(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx31(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx31(
       MenuItemImpl,
       {
         id: subContext.triggerId,
@@ -45990,7 +45882,7 @@ var MenuSubContent = /* @__PURE__ */ React43.forwardRef(
     const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
     const ref = React43.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    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(
+    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(
       MenuContentImpl,
       {
         id: subContext.contentId,
@@ -45998,7 +45890,7 @@ var MenuSubContent = /* @__PURE__ */ React43.forwardRef(
         ...subContentProps,
         ref: composedRefs,
         align,
-        side: rootContext.dir === Direction2.RTL ? "left" : "right",
+        side: rootContext.dir === "rtl" ? "left" : "right",
         disableOutsidePointerEvents: false,
         disableOutsideScroll: false,
         trapFocus: false,
@@ -46091,9 +45983,18 @@ function whenMouse(handler) {
   return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
 }
 __name21(whenMouse, "whenMouse");
+var Root3 = Menu;
+var Anchor2 = MenuAnchor;
+var Portal3 = MenuPortal;
+var Content2 = MenuContent;
+var Item2 = MenuItem;
+var Separator = MenuSeparator;
+var Sub = MenuSub;
+var SubTrigger = MenuSubTrigger;
+var SubContent = MenuSubContent;
 
 // node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var __defProp24 = Object.defineProperty;
 var __name22 = (target, value) => __defProp24(target, "name", { value, configurable: true });
 var DROPDOWN_MENU_NAME = "DropdownMenu";
@@ -46121,7 +46022,7 @@ var DropdownMenu = /* @__PURE__ */ __name22((props) => {
     onChange: onOpenChange,
     caller: DROPDOWN_MENU_NAME
   });
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     DropdownMenuProvider,
     {
       scope: __scopeDropdownMenu,
@@ -46132,7 +46033,7 @@ var DropdownMenu = /* @__PURE__ */ __name22((props) => {
       onOpenChange: setOpen,
       onOpenToggle: React44.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
-      children: /* @__PURE__ */ jsx33(Menu, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
+      children: /* @__PURE__ */ jsx32(Root3, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
     }
   );
 }, "DropdownMenu");
@@ -46144,7 +46045,7 @@ var DropdownMenuTrigger = /* @__PURE__ */ React44.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     const composedRefs = useComposedRefs(forwardedRef, context.triggerRef);
-    return /* @__PURE__ */ jsx33(MenuAnchor, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx32(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx32(
       Primitive.button,
       {
         type: "button",
@@ -46176,7 +46077,7 @@ var DropdownMenuTrigger = /* @__PURE__ */ React44.forwardRef(
 var DropdownMenuPortal = /* @__PURE__ */ __name22((props) => {
   const { __scopeDropdownMenu, ...portalProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx33(MenuPortal, { ...menuScope, ...portalProps });
+  return /* @__PURE__ */ jsx32(Portal3, { ...menuScope, ...portalProps });
 }, "DropdownMenuPortal");
 var CONTENT_NAME3 = "DropdownMenuContent";
 var DropdownMenuContent = /* @__PURE__ */ React44.forwardRef(
@@ -46186,8 +46087,8 @@ var DropdownMenuContent = /* @__PURE__ */ React44.forwardRef(
     const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     const hasInteractedOutsideRef = React44.useRef(false);
-    return /* @__PURE__ */ jsx33(
-      MenuContent,
+    return /* @__PURE__ */ jsx32(
+      Content2,
       {
         id: context.contentId,
         "aria-labelledby": context.triggerId,
@@ -46225,13 +46126,13 @@ var DropdownMenuItem = /* @__PURE__ */ React44.forwardRef(
   /* @__PURE__ */ __name22(function DropdownMenuItem2(props, forwardedRef) {
     const { __scopeDropdownMenu, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx33(MenuItem, { ...menuScope, ...itemProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx32(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
   }, "DropdownMenuItem")
 );
 var DropdownMenuSeparator = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name22(function DropdownMenuSeparator2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...separatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx33(MenuSeparator, { ...menuScope, ...separatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx32(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
 }, "DropdownMenuSeparator"));
 var DropdownMenuSub = /* @__PURE__ */ __name22((props) => {
   const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
@@ -46242,18 +46143,18 @@ var DropdownMenuSub = /* @__PURE__ */ __name22((props) => {
     onChange: onOpenChange,
     caller: "DropdownMenuSub"
   });
-  return /* @__PURE__ */ jsx33(MenuSub, { ...menuScope, open, onOpenChange: setOpen, children });
+  return /* @__PURE__ */ jsx32(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
 }, "DropdownMenuSub");
 var DropdownMenuSubTrigger = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name22(function DropdownMenuSubTrigger2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx33(MenuSubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx32(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
 }, "DropdownMenuSubTrigger"));
 var DropdownMenuSubContent = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name22(function DropdownMenuSubContent2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...subContentProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx33(
-    MenuSubContent,
+  return /* @__PURE__ */ jsx32(
+    SubContent,
     {
       ...menuScope,
       ...subContentProps,
@@ -46272,13 +46173,22 @@ var DropdownMenuSubContent = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */
     }
   );
 }, "DropdownMenuSubContent"));
+var Root22 = DropdownMenu;
+var Trigger = DropdownMenuTrigger;
+var Portal22 = DropdownMenuPortal;
+var Content22 = DropdownMenuContent;
+var Item22 = DropdownMenuItem;
+var Separator2 = DropdownMenuSeparator;
+var Sub2 = DropdownMenuSub;
+var SubTrigger2 = DropdownMenuSubTrigger;
+var SubContent2 = DropdownMenuSubContent;
 
 // src/components/AppearanceMenu.tsx
 import { useState as useState36 } from "react";
 
 // src/components/Icons.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-var CheckIcon = () => /* @__PURE__ */ jsx34(
+import { jsx as jsx33 } from "react/jsx-runtime";
+var CheckIcon = () => /* @__PURE__ */ jsx33(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -46290,10 +46200,10 @@ var CheckIcon = () => /* @__PURE__ */ jsx34(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx34("path", { d: "M20 6 9 17l-5-5" })
+    children: /* @__PURE__ */ jsx33("path", { d: "M20 6 9 17l-5-5" })
   }
 );
-var ChevronRightIcon = ({ isOpen }) => /* @__PURE__ */ jsx34(
+var ChevronRightIcon = ({ isOpen }) => /* @__PURE__ */ jsx33(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -46310,10 +46220,10 @@ var ChevronRightIcon = ({ isOpen }) => /* @__PURE__ */ jsx34(
       transform: isOpen ? "rotate(90deg)" : "rotate(0deg)",
       opacity: 0.6
     },
-    children: /* @__PURE__ */ jsx34("path", { d: "m9 18 6-6-6-6" })
+    children: /* @__PURE__ */ jsx33("path", { d: "m9 18 6-6-6-6" })
   }
 );
-var DotIcon = () => /* @__PURE__ */ jsx34(
+var DotIcon = () => /* @__PURE__ */ jsx33(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -46326,12 +46236,12 @@ var DotIcon = () => /* @__PURE__ */ jsx34(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className: "lucide lucide-dot-icon lucide-dot",
-    children: /* @__PURE__ */ jsx34("circle", { cx: "12.1", cy: "12.1", r: "4.5", fill: "white" })
+    children: /* @__PURE__ */ jsx33("circle", { cx: "12.1", cy: "12.1", r: "4.5", fill: "white" })
   }
 );
 
 // src/components/AppearanceMenu.tsx
-import { Fragment as Fragment11, jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs8 } from "react/jsx-runtime";
 var itemStyles = {
   padding: "6px 8px",
   borderRadius: 6,
@@ -46384,10 +46294,10 @@ var AppearanceMenu = () => {
   const [appearanceSubOpen, setAppearanceSubOpen] = useState36(false);
   const [hoveredItem, setHoveredItem] = useState36(null);
   return /* @__PURE__ */ jsxs8(Fragment11, { children: [
-    /* @__PURE__ */ jsx35(DropdownMenuSeparator, { style: separatorStyles }),
-    /* @__PURE__ */ jsxs8(DropdownMenuSub, { onOpenChange: setAppearanceSubOpen, children: [
+    /* @__PURE__ */ jsx34(Separator2, { style: separatorStyles }),
+    /* @__PURE__ */ jsxs8(Sub2, { onOpenChange: setAppearanceSubOpen, children: [
       /* @__PURE__ */ jsxs8(
-        DropdownMenuSubTrigger,
+        SubTrigger2,
         {
           style: {
             ...itemStyles,
@@ -46398,8 +46308,8 @@ var AppearanceMenu = () => {
           onMouseLeave: () => setHoveredItem(null),
           onTouchStart: () => setHoveredItem("appearance"),
           children: [
-            /* @__PURE__ */ jsx35("span", { style: { flex: 1, display: "flex", alignItems: "center" }, children: "Appearance" }),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx34("span", { style: { flex: 1, display: "flex", alignItems: "center" }, children: "Appearance" }),
+            /* @__PURE__ */ jsx34(
               "div",
               {
                 style: {
@@ -46408,21 +46318,21 @@ var AppearanceMenu = () => {
                   alignItems: "flex-end",
                   marginBottom: "-5px"
                 },
-                children: /* @__PURE__ */ jsx35(ChevronRightIcon, { isOpen: appearanceSubOpen })
+                children: /* @__PURE__ */ jsx34(ChevronRightIcon, { isOpen: appearanceSubOpen })
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ jsx35(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs8(
-        DropdownMenuSubContent,
+      /* @__PURE__ */ jsx34(Portal22, { children: /* @__PURE__ */ jsxs8(
+        SubContent2,
         {
           style: { ...contentStyles, marginLeft: -2 },
           collisionPadding: 10,
           avoidCollisions: true,
           children: [
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46437,14 +46347,14 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("lighting"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: lightingEnabled && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Lighting" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: lightingEnabled && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Lighting" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx35(DropdownMenuSeparator, { style: separatorStyles }),
+            /* @__PURE__ */ jsx34(Separator2, { style: separatorStyles }),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46459,13 +46369,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("boardBody"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.boardBody && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Board Body" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.boardBody && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Board Body" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46480,13 +46390,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("topCopper"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.topCopper && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Top Copper" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.topCopper && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Top Copper" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46501,13 +46411,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("bottomCopper"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.bottomCopper && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Copper" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.bottomCopper && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Copper" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46522,13 +46432,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("keepout"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.keepout && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Keepout" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.keepout && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Keepout" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46543,13 +46453,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("topSilkscreen"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.topSilkscreen && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Top Silkscreen" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.topSilkscreen && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Top Silkscreen" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46567,13 +46477,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("bottomSilkscreen"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.bottomSilkscreen && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Silkscreen" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.bottomSilkscreen && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Silkscreen" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46588,13 +46498,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("topMask"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.topMask && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Top Soldermask" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.topMask && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Top Soldermask" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46609,13 +46519,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("bottomMask"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.bottomMask && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Soldermask" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.bottomMask && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Bottom Soldermask" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46630,13 +46540,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("pcbNotes"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.pcbNotes && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "PCB Notes" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.pcbNotes && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "PCB Notes" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46651,13 +46561,13 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("smtModels"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.smtModels && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Surface Mount Components" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.smtModels && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Surface Mount Components" })
                 ]
               }
             ),
             /* @__PURE__ */ jsxs8(
-              DropdownMenuItem,
+              Item22,
               {
                 style: {
                   ...itemStyles,
@@ -46675,8 +46585,8 @@ var AppearanceMenu = () => {
                 onMouseLeave: () => setHoveredItem(null),
                 onTouchStart: () => setHoveredItem("throughHoleModels"),
                 children: [
-                  /* @__PURE__ */ jsx35("span", { style: iconContainerStyles, children: visibility.throughHoleModels && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
-                  /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Through-Hole Components" })
+                  /* @__PURE__ */ jsx34("span", { style: iconContainerStyles, children: visibility.throughHoleModels && /* @__PURE__ */ jsx34(CheckIcon, {}) }),
+                  /* @__PURE__ */ jsx34("span", { style: { display: "flex", alignItems: "center" }, children: "Through-Hole Components" })
                 ]
               }
             )
@@ -46688,7 +46598,7 @@ var AppearanceMenu = () => {
 };
 
 // src/components/ContextMenu.tsx
-import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs9 } from "react/jsx-runtime";
 var cameraOptions = [
   "Custom",
   "Top Center Angled",
@@ -46772,7 +46682,7 @@ var ContextMenu = ({
   const { cameraType, setCameraType } = useCameraController();
   const [cameraSubOpen, setCameraSubOpen] = useState37(false);
   const [hoveredItem, setHoveredItem] = useState37(null);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref: menuRef,
@@ -46783,10 +46693,10 @@ var ContextMenu = ({
         width: 0,
         height: 0
       },
-      children: /* @__PURE__ */ jsxs9(DropdownMenu, { open: true, modal: false, children: [
-        /* @__PURE__ */ jsx36(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx36("div", { style: { position: "absolute", width: 1, height: 1 } }) }),
-        /* @__PURE__ */ jsx36(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs9(
-          DropdownMenuContent,
+      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(
+          Content22,
           {
             style: contentStyles2,
             collisionPadding: 10,
@@ -46794,9 +46704,9 @@ var ContextMenu = ({
             sideOffset: 0,
             align: "start",
             children: [
-              /* @__PURE__ */ jsxs9(DropdownMenuSub, { onOpenChange: setCameraSubOpen, children: [
+              /* @__PURE__ */ jsxs9(Sub2, { onOpenChange: setCameraSubOpen, children: [
                 /* @__PURE__ */ jsxs9(
-                  DropdownMenuSubTrigger,
+                  SubTrigger2,
                   {
                     style: {
                       ...itemStyles2,
@@ -46807,7 +46717,7 @@ var ContextMenu = ({
                     onMouseLeave: () => setHoveredItem(null),
                     onTouchStart: () => setHoveredItem("camera"),
                     children: [
-                      /* @__PURE__ */ jsx36(
+                      /* @__PURE__ */ jsx35(
                         "span",
                         {
                           style: { flex: 1, display: "flex", alignItems: "center" },
@@ -46824,22 +46734,22 @@ var ContextMenu = ({
                             marginLeft: "auto"
                           },
                           children: [
-                            /* @__PURE__ */ jsx36("span", { style: { opacity: 0.55, fontSize: 13 }, children: cameraPreset }),
-                            /* @__PURE__ */ jsx36(ChevronRightIcon, { isOpen: cameraSubOpen })
+                            /* @__PURE__ */ jsx35("span", { style: { opacity: 0.55, fontSize: 13 }, children: cameraPreset }),
+                            /* @__PURE__ */ jsx35(ChevronRightIcon, { isOpen: cameraSubOpen })
                           ]
                         }
                       )
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx36(DropdownMenuPortal, { children: /* @__PURE__ */ jsx36(
-                  DropdownMenuSubContent,
+                /* @__PURE__ */ jsx35(Portal22, { children: /* @__PURE__ */ jsx35(
+                  SubContent2,
                   {
                     style: { ...contentStyles2, marginLeft: -2 },
                     collisionPadding: 10,
                     avoidCollisions: true,
                     children: cameraOptions.map((option) => /* @__PURE__ */ jsxs9(
-                      DropdownMenuItem,
+                      Item22,
                       {
                         style: {
                           ...itemStyles2,
@@ -46854,8 +46764,8 @@ var ContextMenu = ({
                         onMouseLeave: () => setHoveredItem(null),
                         onTouchStart: () => setHoveredItem(option),
                         children: [
-                          /* @__PURE__ */ jsx36("span", { style: iconContainerStyles2, children: cameraPreset === option && /* @__PURE__ */ jsx36(DotIcon, {}) }),
-                          /* @__PURE__ */ jsx36("span", { style: { display: "flex", alignItems: "center" }, children: option })
+                          /* @__PURE__ */ jsx35("span", { style: iconContainerStyles2, children: cameraPreset === option && /* @__PURE__ */ jsx35(DotIcon, {}) }),
+                          /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: option })
                         ]
                       },
                       option
@@ -46864,7 +46774,7 @@ var ContextMenu = ({
                 ) })
               ] }),
               /* @__PURE__ */ jsxs9(
-                DropdownMenuItem,
+                Item22,
                 {
                   style: {
                     ...itemStyles2,
@@ -46879,13 +46789,13 @@ var ContextMenu = ({
                   onMouseLeave: () => setHoveredItem(null),
                   onTouchStart: () => setHoveredItem("autorotate"),
                   children: [
-                    /* @__PURE__ */ jsx36("span", { style: iconContainerStyles2, children: autoRotate && /* @__PURE__ */ jsx36(CheckIcon, {}) }),
-                    /* @__PURE__ */ jsx36("span", { style: { display: "flex", alignItems: "center" }, children: "Auto rotate" })
+                    /* @__PURE__ */ jsx35("span", { style: iconContainerStyles2, children: autoRotate && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                    /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Auto rotate" })
                   ]
                 }
               ),
               /* @__PURE__ */ jsxs9(
-                DropdownMenuItem,
+                Item22,
                 {
                   style: {
                     ...itemStyles2,
@@ -46902,15 +46812,15 @@ var ContextMenu = ({
                   onMouseLeave: () => setHoveredItem(null),
                   onTouchStart: () => setHoveredItem("cameratype"),
                   children: [
-                    /* @__PURE__ */ jsx36("span", { style: iconContainerStyles2, children: cameraType === "orthographic" && /* @__PURE__ */ jsx36(CheckIcon, {}) }),
-                    /* @__PURE__ */ jsx36("span", { style: { display: "flex", alignItems: "center" }, children: "Orthographic Camera" })
+                    /* @__PURE__ */ jsx35("span", { style: iconContainerStyles2, children: cameraType === "orthographic" && /* @__PURE__ */ jsx35(CheckIcon, {}) }),
+                    /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Orthographic Camera" })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx36(AppearanceMenu, {}),
-              /* @__PURE__ */ jsx36(DropdownMenuSeparator, { style: separatorStyles2 }),
-              /* @__PURE__ */ jsx36(
-                DropdownMenuItem,
+              /* @__PURE__ */ jsx35(AppearanceMenu, {}),
+              /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles2 }),
+              /* @__PURE__ */ jsx35(
+                Item22,
                 {
                   style: {
                     ...itemStyles2,
@@ -46921,12 +46831,12 @@ var ContextMenu = ({
                   onMouseEnter: () => setHoveredItem("download"),
                   onMouseLeave: () => setHoveredItem(null),
                   onTouchStart: () => setHoveredItem("download"),
-                  children: /* @__PURE__ */ jsx36("span", { style: { display: "flex", alignItems: "center" }, children: "Download GLTF" })
+                  children: /* @__PURE__ */ jsx35("span", { style: { display: "flex", alignItems: "center" }, children: "Download GLTF" })
                 }
               ),
-              /* @__PURE__ */ jsx36(DropdownMenuSeparator, { style: separatorStyles2 }),
+              /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles2 }),
               /* @__PURE__ */ jsxs9(
-                DropdownMenuItem,
+                Item22,
                 {
                   style: {
                     ...itemStyles2,
@@ -46947,7 +46857,7 @@ var ContextMenu = ({
                       engine === "jscad" ? "Manifold" : "JSCAD",
                       " Engine"
                     ] }),
-                    /* @__PURE__ */ jsx36(
+                    /* @__PURE__ */ jsx35(
                       "div",
                       {
                         style: {
@@ -46961,9 +46871,9 @@ var ContextMenu = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx36(DropdownMenuSeparator, { style: separatorStyles2 }),
+              /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles2 }),
               /* @__PURE__ */ jsxs9(
-                DropdownMenuItem,
+                Item22,
                 {
                   style: {
                     ...itemStyles2,
@@ -46975,8 +46885,8 @@ var ContextMenu = ({
                   onMouseLeave: () => setHoveredItem(null),
                   onTouchStart: () => setHoveredItem("shortcuts"),
                   children: [
-                    /* @__PURE__ */ jsx36("span", { style: { flex: 1, display: "flex", alignItems: "center" }, children: "Keyboard Shortcuts" }),
-                    /* @__PURE__ */ jsx36(
+                    /* @__PURE__ */ jsx35("span", { style: { flex: 1, display: "flex", alignItems: "center" }, children: "Keyboard Shortcuts" }),
+                    /* @__PURE__ */ jsx35(
                       "div",
                       {
                         style: {
@@ -46990,8 +46900,8 @@ var ContextMenu = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx36(DropdownMenuSeparator, { style: separatorStyles2 }),
-              /* @__PURE__ */ jsx36(
+              /* @__PURE__ */ jsx35(Separator2, { style: separatorStyles2 }),
+              /* @__PURE__ */ jsx35(
                 "div",
                 {
                   style: {
@@ -47029,8 +46939,8 @@ var ContextMenu = ({
 };
 
 // src/components/KeyboardShortcutsDialog.tsx
-import { useEffect as useEffect47, useMemo as useMemo33, useRef as useRef28, useState as useState38 } from "react";
-import { jsx as jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useEffect as useEffect47, useMemo as useMemo31, useRef as useRef28, useState as useState38 } from "react";
+import { jsx as jsx36, jsxs as jsxs10 } from "react/jsx-runtime";
 var KeyboardShortcutsDialog = ({
   open,
   onClose
@@ -47056,7 +46966,7 @@ var KeyboardShortcutsDialog = ({
       }, 0);
     }
   }, [open]);
-  const filteredHotkeys = useMemo33(() => {
+  const filteredHotkeys = useMemo31(() => {
     const normalizedQuery = query.trim().toLowerCase();
     if (!normalizedQuery) {
       return hotkeys;
@@ -47069,7 +46979,7 @@ var KeyboardShortcutsDialog = ({
   if (!open) {
     return null;
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       role: "dialog",
@@ -47109,7 +47019,7 @@ var KeyboardShortcutsDialog = ({
                 },
                 children: [
                   /* @__PURE__ */ jsxs10("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                    /* @__PURE__ */ jsx37(
+                    /* @__PURE__ */ jsx36(
                       "h2",
                       {
                         style: {
@@ -47121,7 +47031,7 @@ var KeyboardShortcutsDialog = ({
                         children: "Keyboard Shortcuts"
                       }
                     ),
-                    /* @__PURE__ */ jsx37(
+                    /* @__PURE__ */ jsx36(
                       "button",
                       {
                         type: "button",
@@ -47137,7 +47047,7 @@ var KeyboardShortcutsDialog = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx37(
+                  /* @__PURE__ */ jsx36(
                     "input",
                     {
                       ref: inputRef,
@@ -47160,7 +47070,7 @@ var KeyboardShortcutsDialog = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx37("div", { style: { overflowY: "auto" }, children: /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsx36("div", { style: { overflowY: "auto" }, children: /* @__PURE__ */ jsxs10(
               "table",
               {
                 style: {
@@ -47169,11 +47079,11 @@ var KeyboardShortcutsDialog = ({
                   fontSize: "0.95rem"
                 },
                 children: [
-                  /* @__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("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("tbody", { children: filteredHotkeys.length === 0 ? /* @__PURE__ */ jsx37("tr", { children: /* @__PURE__ */ jsx37(
+                  /* @__PURE__ */ jsx36("tbody", { children: filteredHotkeys.length === 0 ? /* @__PURE__ */ jsx36("tr", { children: /* @__PURE__ */ jsx36(
                     "td",
                     {
                       colSpan: 2,
@@ -47185,7 +47095,7 @@ var KeyboardShortcutsDialog = ({
                     {
                       style: { borderTop: "1px solid rgba(255, 255, 255, 0.05)" },
                       children: [
-                        /* @__PURE__ */ jsx37("td", { style: { padding: "12px 24px" }, children: /* @__PURE__ */ jsx37(
+                        /* @__PURE__ */ jsx36("td", { style: { padding: "12px 24px" }, children: /* @__PURE__ */ jsx36(
                           "span",
                           {
                             style: {
@@ -47203,7 +47113,7 @@ var KeyboardShortcutsDialog = ({
                             children: hotkey.shortcut
                           }
                         ) }),
-                        /* @__PURE__ */ jsx37("td", { style: { padding: "12px 24px" }, children: hotkey.description })
+                        /* @__PURE__ */ jsx36("td", { style: { padding: "12px 24px" }, children: hotkey.description })
                       ]
                     },
                     hotkey.id
@@ -47219,7 +47129,7 @@ var KeyboardShortcutsDialog = ({
 };
 
 // src/CadViewer.tsx
-import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_TARGET = new THREE46.Vector3(0, 0, 0);
 var INITIAL_CAMERA_POSITION = [5, -5, 5];
 var readStoredCameraType = () => {
@@ -47390,7 +47300,7 @@ var CadViewerInner = (props) => {
       },
       ...contextMenuEventHandlers,
       children: [
-        engine === "jscad" ? /* @__PURE__ */ jsx38(
+        engine === "jscad" ? /* @__PURE__ */ jsx37(
           CadViewerJscad,
           {
             ...props,
@@ -47399,7 +47309,7 @@ var CadViewerInner = (props) => {
             onUserInteraction: handleUserInteraction,
             onCameraControllerReady: handleCameraControllerReady
           }
-        ) : /* @__PURE__ */ jsx38(
+        ) : /* @__PURE__ */ jsx37(
           CadViewerManifold_default,
           {
             ...props,
@@ -47426,11 +47336,11 @@ var CadViewerInner = (props) => {
             },
             children: [
               "Engine: ",
-              /* @__PURE__ */ jsx38("b", { children: engine === "jscad" ? "JSCAD" : "Manifold" })
+              /* @__PURE__ */ jsx37("b", { children: engine === "jscad" ? "JSCAD" : "Manifold" })
             ]
           }
         ),
-        menuVisible && /* @__PURE__ */ jsx38(
+        menuVisible && /* @__PURE__ */ jsx37(
           ContextMenu,
           {
             menuRef,
@@ -47457,7 +47367,7 @@ var CadViewerInner = (props) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx37(
           KeyboardShortcutsDialog,
           {
             open: isKeyboardShortcutsDialogOpen,
@@ -47470,13 +47380,13 @@ var CadViewerInner = (props) => {
   );
 };
 var CadViewer = (props) => {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     CameraControllerProvider,
     {
       defaultTarget: DEFAULT_TARGET,
       initialCameraPosition: INITIAL_CAMERA_POSITION,
       initialCameraType: readStoredCameraType(),
-      children: /* @__PURE__ */ jsx38(LayerVisibilityProvider, { children: /* @__PURE__ */ jsx38(RenderingModeProvider, { children: /* @__PURE__ */ jsx38(ToastProvider, { children: /* @__PURE__ */ jsx38(CadViewerInner, { ...props }) }) }) })
+      children: /* @__PURE__ */ jsx37(LayerVisibilityProvider, { children: /* @__PURE__ */ jsx37(RenderingModeProvider, { children: /* @__PURE__ */ jsx37(ToastProvider, { children: /* @__PURE__ */ jsx37(CadViewerInner, { ...props }) }) }) })
     }
   );
 };
@@ -47771,10 +47681,10 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
 
 // src/hooks/exporter/gltf.ts
 import { GLTFExporter as GLTFExporter3 } from "three-stdlib";
-import { useEffect as useEffect49, useState as useState40, useMemo as useMemo34, useCallback as useCallback26 } from "react";
+import { useEffect as useEffect49, useState as useState40, useMemo as useMemo32, useCallback as useCallback26 } from "react";
 function useSaveGltfAs(options = {}) {
   const parse2 = useParser(options);
-  const link = useMemo34(() => document.createElement("a"), []);
+  const link = useMemo32(() => document.createElement("a"), []);
   const saveAs = async (filename) => {
     const name = filename ?? options.filename ?? "";
     if (options.binary == null) options.binary = name.endsWith(".glb");
@@ -47809,7 +47719,7 @@ function useExportGltfUrl(options = {}) {
   return [ref, url, error];
 }
 function useParser(options = {}) {
-  const exporter = useMemo34(() => new GLTFExporter3(), []);
+  const exporter = useMemo32(() => new GLTFExporter3(), []);
   return (instance) => {
     const { promise, resolve, reject } = Promise.withResolvers();
     exporter.parse(