@react-aria/interactions 3.4.0 → 3.7.0

package/dist/main.js

@@ -13,11 +13,14 @@ var {
 
 var {
   mergeProps,
+  isIOS,
   runAfterTransition,
   focusWithoutScrolling,
   useGlobalListeners,
   useSyncRef,
-  isMac
+  isMac,
+  useEvent,
+  useDescription
 } = require("@react-aria/utils");
 
 var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
@@ -28,43 +31,71 @@ function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
 
+// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
+// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
 let $ce801cc8e3ff24b95c928e0152c7b7f2$var$state = 'default';
 let $ce801cc8e3ff24b95c928e0152c7b7f2$var$savedUserSelect = '';
+let $ce801cc8e3ff24b95c928e0152c7b7f2$var$modifiedElementMap = new WeakMap();
 
-function $ce801cc8e3ff24b95c928e0152c7b7f2$export$disableTextSelection() {
-  if ($ce801cc8e3ff24b95c928e0152c7b7f2$var$state === 'default') {
-    $ce801cc8e3ff24b95c928e0152c7b7f2$var$savedUserSelect = document.documentElement.style.webkitUserSelect;
-    document.documentElement.style.webkitUserSelect = 'none';
-  }
+function $ce801cc8e3ff24b95c928e0152c7b7f2$export$disableTextSelection(target) {
+  if (isIOS()) {
+    if ($ce801cc8e3ff24b95c928e0152c7b7f2$var$state === 'default') {
+      $ce801cc8e3ff24b95c928e0152c7b7f2$var$savedUserSelect = document.documentElement.style.webkitUserSelect;
+      document.documentElement.style.webkitUserSelect = 'none';
+    }
 
-  $ce801cc8e3ff24b95c928e0152c7b7f2$var$state = 'disabled';
+    $ce801cc8e3ff24b95c928e0152c7b7f2$var$state = 'disabled';
+  } else if (target) {
+    // If not iOS, store the target's original user-select and change to user-select: none
+    // Ignore state since it doesn't apply for non iOS
+    $ce801cc8e3ff24b95c928e0152c7b7f2$var$modifiedElementMap.set(target, target.style.userSelect);
+    target.style.userSelect = 'none';
+  }
 }
 
-function $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection() {
-  // If the state is already default, there's nothing to do.
-  // If it is restoring, then there's no need to queue a second restore.
-  if ($ce801cc8e3ff24b95c928e0152c7b7f2$var$state !== 'disabled') {
-    return;
-  }
+function $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection(target) {
+  if (isIOS()) {
+    // If the state is already default, there's nothing to do.
+    // If it is restoring, then there's no need to queue a second restore.
+    if ($ce801cc8e3ff24b95c928e0152c7b7f2$var$state !== 'disabled') {
+      return;
+    }
 
-  $ce801cc8e3ff24b95c928e0152c7b7f2$var$state = 'restoring'; // There appears to be a delay on iOS where selection still might occur
-  // after pointer up, so wait a bit before removing user-select.
+    $ce801cc8e3ff24b95c928e0152c7b7f2$var$state = 'restoring'; // There appears to be a delay on iOS where selection still might occur
+    // after pointer up, so wait a bit before removing user-select.
+
+    setTimeout(() => {
+      // Wait for any CSS transitions to complete so we don't recompute style
+      // for the whole page in the middle of the animation and cause jank.
+      runAfterTransition(() => {
+        // Avoid race conditions
+        if ($ce801cc8e3ff24b95c928e0152c7b7f2$var$state === 'restoring') {
+          if (document.documentElement.style.webkitUserSelect === 'none') {
+            document.documentElement.style.webkitUserSelect = $ce801cc8e3ff24b95c928e0152c7b7f2$var$savedUserSelect || '';
+          }
 
-  setTimeout(() => {
-    // Wait for any CSS transitions to complete so we don't recompute style
-    // for the whole page in the middle of the animation and cause jank.
-    runAfterTransition(() => {
-      // Avoid race conditions
-      if ($ce801cc8e3ff24b95c928e0152c7b7f2$var$state === 'restoring') {
-        if (document.documentElement.style.webkitUserSelect === 'none') {
-          document.documentElement.style.webkitUserSelect = $ce801cc8e3ff24b95c928e0152c7b7f2$var$savedUserSelect || '';
+          $ce801cc8e3ff24b95c928e0152c7b7f2$var$savedUserSelect = '';
+          $ce801cc8e3ff24b95c928e0152c7b7f2$var$state = 'default';
         }
+      });
+    }, 300);
+  } else {
+    // If not iOS, restore the target's original user-select if any
+    // Ignore state since it doesn't apply for non iOS
+    if (target && $ce801cc8e3ff24b95c928e0152c7b7f2$var$modifiedElementMap.has(target)) {
+      let targetOldUserSelect = $ce801cc8e3ff24b95c928e0152c7b7f2$var$modifiedElementMap.get(target);
 
-        $ce801cc8e3ff24b95c928e0152c7b7f2$var$savedUserSelect = '';
-        $ce801cc8e3ff24b95c928e0152c7b7f2$var$state = 'default';
+      if (target.style.userSelect === 'none') {
+        target.style.userSelect = targetOldUserSelect;
       }
-    });
-  }, 300);
+
+      if (target.getAttribute('style') === '') {
+        target.removeAttribute('style');
+      }
+
+      $ce801cc8e3ff24b95c928e0152c7b7f2$var$modifiedElementMap.delete(target);
+    }
+  }
 }
 
 /*
@@ -134,9 +165,11 @@ function usePress(props) {
     onPressUp,
     isDisabled,
     isPressed: isPressedProp,
-    preventFocusOnPress
+    preventFocusOnPress,
+    shouldCancelOnPointerExit,
+    allowTextSelectionOnPress
   } = _usePressResponderCon,
-      domProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_usePressResponderCon, ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp", "isDisabled", "isPressed", "preventFocusOnPress", "ref"]);
+      domProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_usePressResponderCon, ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp", "isDisabled", "isPressed", "preventFocusOnPress", "shouldCancelOnPointerExit", "allowTextSelectionOnPress", "ref"]);
 
   let propsRef = useRef(null);
   propsRef.current = {
@@ -145,7 +178,8 @@ function usePress(props) {
     onPressStart,
     onPressEnd,
     onPressUp,
-    isDisabled
+    isDisabled,
+    shouldCancelOnPointerExit
   };
   let [isPressed, setPressed] = useState(false);
   let ref = useRef({
@@ -183,7 +217,8 @@ function usePress(props) {
           target: originalEvent.currentTarget,
           shiftKey: originalEvent.shiftKey,
           metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey
+          ctrlKey: originalEvent.ctrlKey,
+          altKey: originalEvent.altKey
         });
       }
 
@@ -221,7 +256,8 @@ function usePress(props) {
           target: originalEvent.currentTarget,
           shiftKey: originalEvent.shiftKey,
           metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey
+          ctrlKey: originalEvent.ctrlKey,
+          altKey: originalEvent.altKey
         });
       }
 
@@ -238,7 +274,8 @@ function usePress(props) {
           target: originalEvent.currentTarget,
           shiftKey: originalEvent.shiftKey,
           metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey
+          ctrlKey: originalEvent.ctrlKey,
+          altKey: originalEvent.altKey
         });
       }
     };
@@ -260,7 +297,8 @@ function usePress(props) {
           target: originalEvent.currentTarget,
           shiftKey: originalEvent.shiftKey,
           metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey
+          ctrlKey: originalEvent.ctrlKey,
+          altKey: originalEvent.altKey
         });
       }
     };
@@ -276,13 +314,16 @@ function usePress(props) {
         state.activePointerId = null;
         state.pointerType = null;
         removeAllGlobalListeners();
-        $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection();
+
+        if (!allowTextSelectionOnPress) {
+          $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection(state.target);
+        }
       }
     };
 
     let pressProps = {
       onKeyDown(e) {
-        if ($ed8d760564e19d8c7d03a6a4$var$isValidKeyboardEvent(e.nativeEvent)) {
+        if ($ed8d760564e19d8c7d03a6a4$var$isValidKeyboardEvent(e.nativeEvent) && e.currentTarget.contains(e.target)) {
           e.preventDefault();
           e.stopPropagation(); // If the event is repeating, it may have started on a different element
           // after which focus moved to the current element. Ignore these events and
@@ -300,12 +341,16 @@ function usePress(props) {
       },
 
       onKeyUp(e) {
-        if ($ed8d760564e19d8c7d03a6a4$var$isValidKeyboardEvent(e.nativeEvent) && !e.repeat) {
+        if ($ed8d760564e19d8c7d03a6a4$var$isValidKeyboardEvent(e.nativeEvent) && !e.repeat && e.currentTarget.contains(e.target)) {
           triggerPressUp($ed8d760564e19d8c7d03a6a4$var$createEvent(state.target, e), 'keyboard');
         }
       },
 
       onClick(e) {
+        if (e && !e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         if (e && e.button === 0) {
           e.stopPropagation();
 
@@ -315,7 +360,7 @@ function usePress(props) {
           // trigger as if it were a keyboard click.
 
 
-          if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && $eda9c464f45e6c61a293990c493$export$isVirtualClick(e.nativeEvent)) {
+          if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === 'virtual' || $eda9c464f45e6c61a293990c493$export$isVirtualClick(e.nativeEvent))) {
             // Ensure the element receives focus (VoiceOver on iOS does not do this)
             if (!isDisabled && !preventFocusOnPress) {
               focusWithoutScrolling(e.currentTarget);
@@ -338,11 +383,12 @@ function usePress(props) {
         e.preventDefault();
         e.stopPropagation();
         state.isPressed = false;
-        triggerPressEnd($ed8d760564e19d8c7d03a6a4$var$createEvent(state.target, e), 'keyboard', e.target === state.target);
+        let target = e.target;
+        triggerPressEnd($ed8d760564e19d8c7d03a6a4$var$createEvent(state.target, e), 'keyboard', state.target.contains(target));
         removeAllGlobalListeners(); // If the target is a link, trigger the click method to open the URL,
         // but defer triggering pressEnd until onClick event handler.
 
-        if (e.target === state.target && $ed8d760564e19d8c7d03a6a4$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link') {
+        if (state.target.contains(target) && $ed8d760564e19d8c7d03a6a4$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link') {
           state.target.click();
         }
       }
@@ -350,8 +396,17 @@ function usePress(props) {
 
     if (typeof PointerEvent !== 'undefined') {
       pressProps.onPointerDown = e => {
-        // Only handle left clicks
-        if (e.button !== 0) {
+        // Only handle left clicks, and ignore events that bubbled through portals.
+        if (e.button !== 0 || !e.currentTarget.contains(e.target)) {
+          return;
+        } // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.
+        // Ignore and let the onClick handler take care of it instead.
+        // https://bugs.webkit.org/show_bug.cgi?id=222627
+        // https://bugs.webkit.org/show_bug.cgi?id=223202
+
+
+        if ($ed8d760564e19d8c7d03a6a4$var$isVirtualPointerEvent(e.nativeEvent)) {
+          state.pointerType = 'virtual';
           return;
         } // Due to browser inconsistencies, especially on mobile browsers, we prevent
         // default on pointer down and handle focusing the pressable element ourselves.
@@ -359,11 +414,9 @@ function usePress(props) {
 
         if ($ed8d760564e19d8c7d03a6a4$var$shouldPreventDefault(e.target)) {
           e.preventDefault();
-        } // iOS safari fires pointer events from VoiceOver (but only when outside an iframe...)
-        // https://bugs.webkit.org/show_bug.cgi?id=222627
-
+        }
 
-        state.pointerType = $ed8d760564e19d8c7d03a6a4$var$isVirtualPointerEvent(e.nativeEvent) ? 'virtual' : e.pointerType;
+        state.pointerType = e.pointerType;
         e.stopPropagation();
 
         if (!state.isPressed) {
@@ -376,7 +429,10 @@ function usePress(props) {
             focusWithoutScrolling(e.currentTarget);
           }
 
-          $ce801cc8e3ff24b95c928e0152c7b7f2$export$disableTextSelection();
+          if (!allowTextSelectionOnPress) {
+            $ce801cc8e3ff24b95c928e0152c7b7f2$export$disableTextSelection(state.target);
+          }
+
           triggerPressStart(e, state.pointerType);
           addGlobalListener(document, 'pointermove', onPointerMove, false);
           addGlobalListener(document, 'pointerup', onPointerUp, false);
@@ -385,6 +441,10 @@ function usePress(props) {
       };
 
       pressProps.onMouseDown = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         if (e.button === 0) {
           // Chrome and Firefox on touch Windows devices require mouse down events
           // to be canceled in addition to pointer events, or an extra asynchronous
@@ -398,11 +458,16 @@ function usePress(props) {
       };
 
       pressProps.onPointerUp = e => {
-        // Only handle left clicks
+        // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.
+        if (!e.currentTarget.contains(e.target) || state.pointerType === 'virtual') {
+          return;
+        } // Only handle left clicks
         // Safari on iOS sometimes fires pointerup events, even
         // when the touch isn't over the target, so double check.
+
+
         if (e.button === 0 && $ed8d760564e19d8c7d03a6a4$var$isOverTarget(e, e.currentTarget)) {
-          triggerPressUp(e, state.pointerType);
+          triggerPressUp(e, state.pointerType || e.pointerType);
         }
       }; // Safari on iOS < 13.2 does not implement pointerenter/pointerleave events correctly.
       // Use pointer move events instead to implement our own hit testing.
@@ -422,6 +487,10 @@ function usePress(props) {
         } else if (state.isOverTarget) {
           state.isOverTarget = false;
           triggerPressEnd($ed8d760564e19d8c7d03a6a4$var$createEvent(state.target, e), state.pointerType, false);
+
+          if (propsRef.current.shouldCancelOnPointerExit) {
+            cancel(e);
+          }
         }
       };
 
@@ -438,7 +507,10 @@ function usePress(props) {
           state.activePointerId = null;
           state.pointerType = null;
           removeAllGlobalListeners();
-          $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection();
+
+          if (!allowTextSelectionOnPress) {
+            $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection(state.target);
+          }
         }
       };
 
@@ -447,13 +519,17 @@ function usePress(props) {
       };
 
       pressProps.onDragStart = e => {
-        // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        } // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
+
+
         cancel(e);
       };
     } else {
       pressProps.onMouseDown = e => {
         // Only handle left clicks
-        if (e.button !== 0) {
+        if (e.button !== 0 || !e.currentTarget.contains(e.target)) {
           return;
         } // Due to browser inconsistencies, especially on mobile browsers, we prevent
         // default on mouse down and handle focusing the pressable element ourselves.
@@ -483,6 +559,10 @@ function usePress(props) {
       };
 
       pressProps.onMouseEnter = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         e.stopPropagation();
 
         if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
@@ -492,15 +572,27 @@ function usePress(props) {
       };
 
       pressProps.onMouseLeave = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         e.stopPropagation();
 
         if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
           state.isOverTarget = false;
           triggerPressEnd(e, state.pointerType, false);
+
+          if (propsRef.current.shouldCancelOnPointerExit) {
+            cancel(e);
+          }
         }
       };
 
       pressProps.onMouseUp = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         if (!state.ignoreEmulatedMouseEvents && e.button === 0) {
           triggerPressUp(e, state.pointerType);
         }
@@ -530,6 +622,10 @@ function usePress(props) {
       };
 
       pressProps.onTouchStart = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         e.stopPropagation();
         let touch = $ed8d760564e19d8c7d03a6a4$var$getTouchFromEvent(e.nativeEvent);
 
@@ -549,12 +645,19 @@ function usePress(props) {
           focusWithoutScrolling(e.currentTarget);
         }
 
-        $ce801cc8e3ff24b95c928e0152c7b7f2$export$disableTextSelection();
+        if (!allowTextSelectionOnPress) {
+          $ce801cc8e3ff24b95c928e0152c7b7f2$export$disableTextSelection(state.target);
+        }
+
         triggerPressStart(e, state.pointerType);
         addGlobalListener(window, 'scroll', onScroll, true);
       };
 
       pressProps.onTouchMove = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         e.stopPropagation();
 
         if (!state.isPressed) {
@@ -571,10 +674,18 @@ function usePress(props) {
         } else if (state.isOverTarget) {
           state.isOverTarget = false;
           triggerPressEnd(e, state.pointerType, false);
+
+          if (propsRef.current.shouldCancelOnPointerExit) {
+            cancel(e);
+          }
         }
       };
 
       pressProps.onTouchEnd = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         e.stopPropagation();
 
         if (!state.isPressed) {
@@ -594,11 +705,19 @@ function usePress(props) {
         state.activePointerId = null;
         state.isOverTarget = false;
         state.ignoreEmulatedMouseEvents = true;
-        $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection();
+
+        if (!allowTextSelectionOnPress) {
+          $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection(state.target);
+        }
+
         removeAllGlobalListeners();
       };
 
       pressProps.onTouchCancel = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         e.stopPropagation();
 
         if (state.isPressed) {
@@ -612,23 +731,32 @@ function usePress(props) {
             currentTarget: state.target,
             shiftKey: false,
             ctrlKey: false,
-            metaKey: false
+            metaKey: false,
+            altKey: false
           });
         }
       };
 
       pressProps.onDragStart = e => {
+        if (!e.currentTarget.contains(e.target)) {
+          return;
+        }
+
         cancel(e);
       };
     }
 
     return pressProps;
-  }, [addGlobalListener, isDisabled, preventFocusOnPress, removeAllGlobalListeners]); // Remove user-select: none in case component unmounts immediately after pressStart
+  }, [addGlobalListener, isDisabled, preventFocusOnPress, removeAllGlobalListeners, allowTextSelectionOnPress]); // Remove user-select: none in case component unmounts immediately after pressStart
   // eslint-disable-next-line arrow-body-style
 
   useEffect(() => {
-    return () => $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection();
-  }, []);
+    return () => {
+      if (!allowTextSelectionOnPress) {
+        $ce801cc8e3ff24b95c928e0152c7b7f2$export$restoreTextSelection(ref.current.target);
+      }
+    };
+  }, [allowTextSelectionOnPress]);
   return {
     isPressed: isPressedProp || isPressed,
     pressProps: mergeProps(domProps, pressProps)
@@ -644,6 +772,7 @@ function $ed8d760564e19d8c7d03a6a4$var$isHTMLAnchorLink(target) {
 function $ed8d760564e19d8c7d03a6a4$var$isValidKeyboardEvent(event) {
   const {
     key,
+    code,
     target
   } = event;
   const element = target;
@@ -654,7 +783,7 @@ function $ed8d760564e19d8c7d03a6a4$var$isValidKeyboardEvent(event) {
   const role = element.getAttribute('role'); // Accessibility for keyboards. Space and Enter only.
   // "Spacebar" is for IE 11
 
-  return (key === 'Enter' || key === ' ' || key === 'Spacebar') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && ( // A link with a valid href should be handled natively,
+  return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && ( // A link with a valid href should be handled natively,
   // unless it also has role='button' and was triggered using Space.
   !$ed8d760564e19d8c7d03a6a4$var$isHTMLAnchorLink(element) || role === 'button' && key !== 'Enter') && // An element with role='link' should only trigger with Enter key
   !(role === 'link' && key !== 'Enter');
@@ -691,13 +820,40 @@ function $ed8d760564e19d8c7d03a6a4$var$createEvent(target, e) {
     currentTarget: target,
     shiftKey: e.shiftKey,
     ctrlKey: e.ctrlKey,
-    metaKey: e.metaKey
+    metaKey: e.metaKey,
+    altKey: e.altKey
+  };
+}
+
+function $ed8d760564e19d8c7d03a6a4$var$getPointClientRect(point) {
+  let offsetX = point.width / 2 || point.radiusX || 0;
+  let offsetY = point.height / 2 || point.radiusY || 0;
+  return {
+    top: point.clientY - offsetY,
+    right: point.clientX + offsetX,
+    bottom: point.clientY + offsetY,
+    left: point.clientX - offsetX
   };
 }
 
+function $ed8d760564e19d8c7d03a6a4$var$areRectanglesOverlapping(a, b) {
+  // check if they cannot overlap on x axis
+  if (a.left > b.right || b.left > a.right) {
+    return false;
+  } // check if they cannot overlap on y axis
+
+
+  if (a.top > b.bottom || b.top > a.bottom) {
+    return false;
+  }
+
+  return true;
+}
+
 function $ed8d760564e19d8c7d03a6a4$var$isOverTarget(point, target) {
   let rect = target.getBoundingClientRect();
-  return (point.clientX || 0) >= (rect.left || 0) && (point.clientX || 0) <= (rect.right || 0) && (point.clientY || 0) >= (rect.top || 0) && (point.clientY || 0) <= (rect.bottom || 0);
+  let pointRect = $ed8d760564e19d8c7d03a6a4$var$getPointClientRect(point);
+  return $ed8d760564e19d8c7d03a6a4$var$areRectanglesOverlapping(rect, pointRect);
 }
 
 function $ed8d760564e19d8c7d03a6a4$var$shouldPreventDefault(target) {
@@ -707,7 +863,11 @@ function $ed8d760564e19d8c7d03a6a4$var$shouldPreventDefault(target) {
 
 function $ed8d760564e19d8c7d03a6a4$var$isVirtualPointerEvent(event) {
   // If the pointer size is zero, then we assume it's from a screen reader.
-  return event.width === 0 && event.height === 0;
+  // Android TalkBack double tap will sometimes return a event with width and height of 1
+  // and pointerType === 'mouse' so we need to check for a specific combination of event attributes.
+  // Cannot use "event.pressure === 0" as the sole check due to Safari pointer events always returning pressure === 0
+  // instead of .5, see https://bugs.webkit.org/show_bug.cgi?id=206216
+  return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0;
 }
 
 const Pressable = /*#__PURE__*/_react.forwardRef((_ref, ref) => {
@@ -745,7 +905,7 @@ const PressResponder = /*#__PURE__*/_react.forwardRef((_ref, ref) => {
   let isRegistered = useRef(false);
   let prevContext = useContext($c6b6d42ec461c27a6a09002bf49a250e$export$PressResponderContext);
   let context = mergeProps(prevContext || {}, _babelRuntimeHelpersExtends({}, props, {
-    ref,
+    ref: ref || (prevContext == null ? void 0 : prevContext.ref),
 
     register() {
       isRegistered.current = true;
@@ -756,6 +916,7 @@ const PressResponder = /*#__PURE__*/_react.forwardRef((_ref, ref) => {
     }
 
   }));
+  useSyncRef(prevContext, ref);
   useEffect(() => {
     if (!isRegistered.current) {
       console.warn('A PressResponder was rendered without a pressable child. ' + 'Either call the usePress hook, or wrap your DOM node with <Pressable> component.');
@@ -824,7 +985,8 @@ exports.useFocus = useFocus;
 let $b83372066b2b4e1d9257843b2455c$var$currentModality = null;
 let $b83372066b2b4e1d9257843b2455c$var$changeHandlers = new Set();
 let $b83372066b2b4e1d9257843b2455c$var$hasSetupGlobalListeners = false;
-let $b83372066b2b4e1d9257843b2455c$var$hasEventBeforeFocus = false; // Only Tab or Esc keys will make focus visible on text input elements
+let $b83372066b2b4e1d9257843b2455c$var$hasEventBeforeFocus = false;
+let $b83372066b2b4e1d9257843b2455c$var$hasBlurredWindowRecently = false; // Only Tab or Esc keys will make focus visible on text input elements
 
 const $b83372066b2b4e1d9257843b2455c$var$FOCUS_VISIBLE_INPUT_KEYS = {
   Tab: true,
@@ -842,7 +1004,8 @@ function $b83372066b2b4e1d9257843b2455c$var$triggerChangeHandlers(modality, e) {
 
 
 function $b83372066b2b4e1d9257843b2455c$var$isValidKey(e) {
-  return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey);
+  // Control and Shift keys trigger when navigating back to the tab with keyboard.
+  return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
 }
 
 function $b83372066b2b4e1d9257843b2455c$var$handleKeyboardEvent(e) {
@@ -880,18 +1043,20 @@ function $b83372066b2b4e1d9257843b2455c$var$handleFocusEvent(e) {
   // This occurs, for example, when navigating a form with the next/previous buttons on iOS.
 
 
-  if (!$b83372066b2b4e1d9257843b2455c$var$hasEventBeforeFocus) {
+  if (!$b83372066b2b4e1d9257843b2455c$var$hasEventBeforeFocus && !$b83372066b2b4e1d9257843b2455c$var$hasBlurredWindowRecently) {
     $b83372066b2b4e1d9257843b2455c$var$currentModality = 'virtual';
     $b83372066b2b4e1d9257843b2455c$var$triggerChangeHandlers('virtual', e);
   }
 
   $b83372066b2b4e1d9257843b2455c$var$hasEventBeforeFocus = false;
+  $b83372066b2b4e1d9257843b2455c$var$hasBlurredWindowRecently = false;
 }
 
 function $b83372066b2b4e1d9257843b2455c$var$handleWindowBlur() {
   // When the window is blurred, reset state. This is necessary when tabbing out of the window,
   // for example, since a subsequent focus event won't be fired.
   $b83372066b2b4e1d9257843b2455c$var$hasEventBeforeFocus = false;
+  $b83372066b2b4e1d9257843b2455c$var$hasBlurredWindowRecently = true;
 }
 /**
  * Setup global event listeners to control when keyboard focus style should be visible.
@@ -986,45 +1151,64 @@ function useInteractionModality() {
   return modality;
 }
 /**
- * Manages focus visible state for the page, and subscribes individual components for updates.
+ * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
+ * focus visible style can be properly set.
  */
 
 
 exports.useInteractionModality = useInteractionModality;
 
+function $b83372066b2b4e1d9257843b2455c$var$isKeyboardFocusEvent(isTextInput, modality, e) {
+  return !(isTextInput && modality === 'keyboard' && e instanceof KeyboardEvent && !$b83372066b2b4e1d9257843b2455c$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
+}
+/**
+ * Manages focus visible state for the page, and subscribes individual components for updates.
+ */
+
+
 function useFocusVisible(props) {
   if (props === void 0) {
     props = {};
   }
 
-  $b83372066b2b4e1d9257843b2455c$var$setupGlobalFocusEvents();
   let {
     isTextInput,
     autoFocus
   } = props;
   let [isFocusVisibleState, setFocusVisible] = useState(autoFocus || isFocusVisible());
+  useFocusVisibleListener(isFocusVisible => {
+    setFocusVisible(isFocusVisible);
+  }, [isTextInput], {
+    isTextInput
+  });
+  return {
+    isFocusVisible: isFocusVisibleState
+  };
+}
+/**
+ * Listens for trigger change and reports if focus is visible (i.e., modality is not pointer).
+ */
+
+
+exports.useFocusVisible = useFocusVisible;
+
+function useFocusVisibleListener(fn, deps, opts) {
+  $b83372066b2b4e1d9257843b2455c$var$setupGlobalFocusEvents();
   useEffect(() => {
     let handler = (modality, e) => {
-      // If this is a text input component, don't update the focus visible style when
-      // typing except for when the Tab and Escape keys are pressed.
-      if (isTextInput && modality === 'keyboard' && e instanceof KeyboardEvent && !$b83372066b2b4e1d9257843b2455c$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]) {
+      if (!$b83372066b2b4e1d9257843b2455c$var$isKeyboardFocusEvent(opts == null ? void 0 : opts.isTextInput, modality, e)) {
         return;
       }
 
-      setFocusVisible(isFocusVisible());
+      fn(isFocusVisible());
     };
 
     $b83372066b2b4e1d9257843b2455c$var$changeHandlers.add(handler);
-    return () => {
-      $b83372066b2b4e1d9257843b2455c$var$changeHandlers.delete(handler);
-    };
-  }, [isTextInput]);
-  return {
-    isFocusVisible: isFocusVisibleState
-  };
+    return () => $b83372066b2b4e1d9257843b2455c$var$changeHandlers.delete(handler);
+  }, deps);
 }
 
-exports.useFocusVisible = useFocusVisible;
+exports.useFocusVisibleListener = useFocusVisibleListener;
 
 /**
  * Handles focus events for the target and its descendants.
@@ -1145,17 +1329,25 @@ function useHover(props) {
   let [isHovered, setHovered] = useState(false);
   let state = useRef({
     isHovered: false,
-    ignoreEmulatedMouseEvents: false
+    ignoreEmulatedMouseEvents: false,
+    pointerType: '',
+    target: null
   }).current;
   useEffect($c4bc39b19aed2151a14d70718d3e34b1$var$setupGlobalTouchEvents, []);
-  let hoverProps = useMemo(() => {
+  let {
+    hoverProps,
+    triggerHoverEnd
+  } = useMemo(() => {
     let triggerHoverStart = (event, pointerType) => {
-      if (isDisabled || pointerType === 'touch' || state.isHovered) {
+      state.pointerType = pointerType;
+
+      if (isDisabled || pointerType === 'touch' || state.isHovered || !event.currentTarget.contains(event.target)) {
         return;
       }
 
       state.isHovered = true;
-      let target = event.target;
+      let target = event.currentTarget;
+      state.target = target;
 
       if (onHoverStart) {
         onHoverStart({
@@ -1173,12 +1365,15 @@ function useHover(props) {
     };
 
     let triggerHoverEnd = (event, pointerType) => {
+      state.pointerType = '';
+      state.target = null;
+
       if (pointerType === 'touch' || !state.isHovered) {
         return;
       }
 
       state.isHovered = false;
-      let target = event.target;
+      let target = event.currentTarget;
 
       if (onHoverEnd) {
         onHoverEnd({
@@ -1207,7 +1402,9 @@ function useHover(props) {
       };
 
       hoverProps.onPointerLeave = e => {
-        triggerHoverEnd(e, e.pointerType);
+        if (!isDisabled && e.currentTarget.contains(e.target)) {
+          triggerHoverEnd(e, e.pointerType);
+        }
       };
     } else {
       hoverProps.onTouchStart = () => {
@@ -1223,12 +1420,26 @@ function useHover(props) {
       };
 
       hoverProps.onMouseLeave = e => {
-        triggerHoverEnd(e, 'mouse');
+        if (!isDisabled && e.currentTarget.contains(e.target)) {
+          triggerHoverEnd(e, 'mouse');
+        }
       };
     }
 
-    return hoverProps;
+    return {
+      hoverProps,
+      triggerHoverEnd
+    };
   }, [onHoverStart, onHoverChange, onHoverEnd, isDisabled, state]);
+  useEffect(() => {
+    // Call the triggerHoverEnd as soon as isDisabled changes to true
+    // Safe to call triggerHoverEnd, it will early return if we aren't currently hovering
+    if (isDisabled) {
+      triggerHoverEnd({
+        currentTarget: state.target
+      }, state.pointerType);
+    }
+  }, [isDisabled]);
   return {
     hoverProps,
     isHovered
@@ -1245,81 +1456,80 @@ function useInteractOutside(props) {
   let {
     ref,
     onInteractOutside,
-    isDisabled
+    isDisabled,
+    onInteractOutsideStart
   } = props;
   let stateRef = useRef({
     isPointerDown: false,
-    ignoreEmulatedMouseEvents: false
+    ignoreEmulatedMouseEvents: false,
+    onInteractOutside,
+    onInteractOutsideStart
   });
   let state = stateRef.current;
+  state.onInteractOutside = onInteractOutside;
+  state.onInteractOutsideStart = onInteractOutsideStart;
   useEffect(() => {
+    if (isDisabled) {
+      return;
+    }
+
     let onPointerDown = e => {
-      if (isDisabled) {
-        return;
-      }
+      if ($f07e167670fb16f6a9d7f8a0eda7e156$var$isValidEvent(e, ref) && state.onInteractOutside) {
+        if (state.onInteractOutsideStart) {
+          state.onInteractOutsideStart(e);
+        }
 
-      if ($f07e167670fb16f6a9d7f8a0eda7e156$var$isValidEvent(e, ref)) {
         state.isPointerDown = true;
       }
-    };
-    /*
-    // FF bug https://bugzilla.mozilla.org/show_bug.cgi?id=1675846 prevents us from using this pointerevent
-    // once it's fixed we can uncomment
-    // Use pointer events if available. Otherwise, fall back to mouse and touch events.
+    }; // Use pointer events if available. Otherwise, fall back to mouse and touch events.
+
+
     if (typeof PointerEvent !== 'undefined') {
-      let onPointerUp = (e) => {
-        if (state.isPointerDown && onInteractOutside && isValidEvent(e, ref)) {
+      let onPointerUp = e => {
+        if (state.isPointerDown && state.onInteractOutside && $f07e167670fb16f6a9d7f8a0eda7e156$var$isValidEvent(e, ref)) {
           state.isPointerDown = false;
-          onInteractOutside(e);
+          state.onInteractOutside(e);
         }
-      };
-       // changing these to capture phase fixed combobox
+      }; // changing these to capture phase fixed combobox
+
+
       document.addEventListener('pointerdown', onPointerDown, true);
       document.addEventListener('pointerup', onPointerUp, true);
-       return () => {
+      return () => {
         document.removeEventListener('pointerdown', onPointerDown, true);
         document.removeEventListener('pointerup', onPointerUp, true);
       };
-    } else {*/
-
-
-    let onMouseUp = e => {
-      if (isDisabled) {
-        return;
-      }
-
-      if (state.ignoreEmulatedMouseEvents) {
-        state.ignoreEmulatedMouseEvents = false;
-      } else if (state.isPointerDown && onInteractOutside && $f07e167670fb16f6a9d7f8a0eda7e156$var$isValidEvent(e, ref)) {
-        state.isPointerDown = false;
-        onInteractOutside(e);
-      }
-    };
-
-    let onTouchEnd = e => {
-      if (isDisabled) {
-        return;
-      }
+    } else {
+      let onMouseUp = e => {
+        if (state.ignoreEmulatedMouseEvents) {
+          state.ignoreEmulatedMouseEvents = false;
+        } else if (state.isPointerDown && state.onInteractOutside && $f07e167670fb16f6a9d7f8a0eda7e156$var$isValidEvent(e, ref)) {
+          state.isPointerDown = false;
+          state.onInteractOutside(e);
+        }
+      };
 
-      state.ignoreEmulatedMouseEvents = true;
+      let onTouchEnd = e => {
+        state.ignoreEmulatedMouseEvents = true;
 
-      if (onInteractOutside && state.isPointerDown && $f07e167670fb16f6a9d7f8a0eda7e156$var$isValidEvent(e, ref)) {
-        state.isPointerDown = false;
-        onInteractOutside(e);
-      }
-    };
+        if (state.onInteractOutside && state.isPointerDown && $f07e167670fb16f6a9d7f8a0eda7e156$var$isValidEvent(e, ref)) {
+          state.isPointerDown = false;
+          state.onInteractOutside(e);
+        }
+      };
 
-    document.addEventListener('mousedown', onPointerDown, true);
-    document.addEventListener('mouseup', onMouseUp, true);
-    document.addEventListener('touchstart', onPointerDown, true);
-    document.addEventListener('touchend', onTouchEnd, true);
-    return () => {
-      document.removeEventListener('mousedown', onPointerDown, true);
-      document.removeEventListener('mouseup', onMouseUp, true);
-      document.removeEventListener('touchstart', onPointerDown, true);
-      document.removeEventListener('touchend', onTouchEnd, true);
-    };
-  }, [onInteractOutside, ref, state.ignoreEmulatedMouseEvents, state.isPointerDown, isDisabled]);
+      document.addEventListener('mousedown', onPointerDown, true);
+      document.addEventListener('mouseup', onMouseUp, true);
+      document.addEventListener('touchstart', onPointerDown, true);
+      document.addEventListener('touchend', onTouchEnd, true);
+      return () => {
+        document.removeEventListener('mousedown', onPointerDown, true);
+        document.removeEventListener('mouseup', onMouseUp, true);
+        document.removeEventListener('touchstart', onPointerDown, true);
+        document.removeEventListener('touchend', onTouchEnd, true);
+      };
+    }
+  }, [ref, state, isDisabled]);
 }
 
 exports.useInteractOutside = useInteractOutside;
@@ -1662,19 +1872,97 @@ function useScrollWheel(props, ref) {
       });
     }
   }, [onScroll]);
-  useEffect(() => {
-    let elem = ref.current;
+  useEvent(ref, 'wheel', isDisabled ? null : onScrollHandler);
+}
 
-    if (isDisabled) {
-      return;
+exports.useScrollWheel = useScrollWheel;
+const $c770c63e4e3d986910ca483d5a$var$DEFAULT_THRESHOLD = 500;
+/**
+ * Handles long press interactions across mouse and touch devices. Supports a customizable time threshold,
+ * accessibility description, and normalizes behavior across browsers and devices.
+ */
+
+function useLongPress(props) {
+  let {
+    isDisabled,
+    onLongPressStart,
+    onLongPressEnd,
+    onLongPress,
+    threshold = $c770c63e4e3d986910ca483d5a$var$DEFAULT_THRESHOLD,
+    accessibilityDescription
+  } = props;
+  const timeRef = useRef(null);
+  let {
+    addGlobalListener,
+    removeGlobalListener
+  } = useGlobalListeners();
+  let {
+    pressProps
+  } = usePress({
+    isDisabled,
+
+    onPressStart(e) {
+      if (e.pointerType === 'mouse' || e.pointerType === 'touch') {
+        if (onLongPressStart) {
+          onLongPressStart(_babelRuntimeHelpersExtends({}, e, {
+            type: 'longpressstart'
+          }));
+        }
+
+        timeRef.current = setTimeout(() => {
+          // Prevent other usePress handlers from also handling this event.
+          e.target.dispatchEvent(new PointerEvent('pointercancel', {
+            bubbles: true
+          }));
+
+          if (onLongPress) {
+            onLongPress(_babelRuntimeHelpersExtends({}, e, {
+              type: 'longpress'
+            }));
+          }
+
+          timeRef.current = null;
+        }, threshold); // Prevent context menu, which may be opened on long press on touch devices
+
+        if (e.pointerType === 'touch') {
+          let onContextMenu = e => {
+            e.preventDefault();
+          };
+
+          addGlobalListener(e.target, 'contextmenu', onContextMenu, {
+            once: true
+          });
+          addGlobalListener(window, 'pointerup', () => {
+            // If no contextmenu event is fired quickly after pointerup, remove the handler
+            // so future context menu events outside a long press are not prevented.
+            setTimeout(() => {
+              removeGlobalListener(e.target, 'contextmenu', onContextMenu);
+            }, 30);
+          }, {
+            once: true
+          });
+        }
+      }
+    },
+
+    onPressEnd(e) {
+      if (timeRef.current) {
+        clearTimeout(timeRef.current);
+      }
+
+      if (onLongPressEnd && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
+        onLongPressEnd(_babelRuntimeHelpersExtends({}, e, {
+          type: 'longpressend'
+        }));
+      }
     }
 
-    elem.addEventListener('wheel', onScrollHandler);
-    return () => {
-      elem.removeEventListener('wheel', onScrollHandler);
-    };
-  }, [onScrollHandler, ref, isDisabled]);
+  });
+  let descriptionProps = useDescription(onLongPress && !isDisabled ? accessibilityDescription : null);
+  return {
+    longPressProps: mergeProps(pressProps, descriptionProps)
+  };
 }
 
-exports.useScrollWheel = useScrollWheel;
+exports.useLongPress = useLongPress;
 //# sourceMappingURL=main.js.map