fix(use-aria-overlay): sync with RA's overlay logic

.changeset/olive-drinks-float.md

@@ -0,0 +1,5 @@
+---
+"@heroui/use-aria-overlay": patch
+---
+
+sync with RA useOverlay hook (#5500)

packages/hooks/use-aria-overlay/src/index.ts

@@ -37,17 +37,17 @@ export function useAriaOverlay(props: UseAriaOverlayProps, ref: RefObject<Elemen
 
   // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.
   useEffect(() => {
-    if (isOpen) {
+    if (isOpen && !visibleOverlays.includes(ref)) {
       visibleOverlays.push(ref);
-    }
 
-    return () => {
-      const index = visibleOverlays.indexOf(ref);
+      return () => {
+        let index = visibleOverlays.indexOf(ref);
 
-      if (index >= 0) {
-        visibleOverlays.splice(index, 1);
-      }
-    };
+        if (index >= 0) {
+          visibleOverlays.splice(index, 1);
+        }
+      };
+    }
   }, [isOpen, ref]);
 
   // Only hide the overlay when it is the topmost visible overlay in the stack
@@ -65,27 +65,18 @@ export function useAriaOverlay(props: UseAriaOverlayProps, ref: RefObject<Elemen
           e.preventDefault();
         }
       }
-
-      // For consistency with React Aria, toggle the combobox/menu on mouse down, but touch up.
-      if (e.pointerType !== "touch") {
-        onHide();
-      }
+      onHide();
     }
   };
 
   const onInteractOutside = (e: PointerEvent) => {
-    if (e.pointerType !== "touch") {
-      return;
-    }
-
     if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target as Element)) {
       if (visibleOverlays[visibleOverlays.length - 1] === ref) {
         if (disableOutsideEvents) {
           e.stopPropagation();
           e.preventDefault();
         }
       }
-
       onHide();
     }
   };