@liiift-studio/mac-os9-ui 0.3.1 → 0.3.2

package/dist/index.cjs

@@ -819,6 +819,9 @@ var styles$6 = {"window":"Window-module_window","window--active":"Window-module_
  * ```
  */
 const Window = React.forwardRef(({ children, title, titleBar, active = true, width = 'auto', height = 'auto', className = '', contentClassName = '', classes, showControls = true, onClose, onMinimize, onMaximize, onMouseEnter, resizable = false, minWidth = 200, minHeight = 100, maxWidth, maxHeight, onResize, draggable = false, defaultPosition, position: controlledPosition, onPositionChange, }, ref) => {
+    // Ref to store the window element being dragged
+    // This avoids the need for DOM queries during mousemove
+    const dragWindowRef = React.useRef(null);
     // Drag state management
     const [internalPosition, setInternalPosition] = React.useState(defaultPosition || null);
     const [isDragging, setIsDragging] = React.useState(false);
@@ -848,6 +851,8 @@ const Window = React.forwardRef(({ children, title, titleBar, active = true, wid
         const windowElement = event.currentTarget.closest(`.${styles$6.window}`);
         if (!windowElement)
             return;
+        // Store the window element reference for use during drag
+        dragWindowRef.current = windowElement;
         const rect = windowElement.getBoundingClientRect();
         // Get the parent container to calculate position relative to it
         const parent = windowElement.offsetParent;
@@ -931,17 +936,8 @@ const Window = React.forwardRef(({ children, title, titleBar, active = true, wid
             event.preventDefault();
             if (!dragStartRef.current)
                 return;
-            // Get the window element to find its parent
-            const windowElements = document.querySelectorAll(`.${styles$6.window}`);
-            let windowElement = null;
-            // Find the dragging window (the one with position absolute or the first one)
-            for (const el of Array.from(windowElements)) {
-                const htmlEl = el;
-                if (htmlEl.style.position === 'absolute' || windowElements.length === 1) {
-                    windowElement = htmlEl;
-                    break;
-                }
-            }
+            // Use the stored window element reference instead of querying the DOM
+            const windowElement = dragWindowRef.current;
             if (!windowElement)
                 return;
             // Get parent container to calculate position relative to it
@@ -966,6 +962,7 @@ const Window = React.forwardRef(({ children, title, titleBar, active = true, wid
         const handleMouseUp = () => {
             setIsDragging(false);
             dragStartRef.current = null;
+            dragWindowRef.current = null;
         };
         document.addEventListener('mousemove', handleMouseMove);
         document.addEventListener('mouseup', handleMouseUp);