[add] Pressable support for hover state

This patch ports the 'useHover' hook to React Native for Web, providing hover
state that is scoped to a pressable and does not bubble to ancestor pressables.
This behavior aligns with the behavior of the focus and press states.

Fix necolas#1708

src/exports/Button/__tests__/index-test.js

@@ -29,8 +29,8 @@ describe('components/Button', () => {
     });
     const target = createEventTarget(ref.current);
     act(() => {
-      target.pointerdown();
-      target.pointerup();
+      target.pointerdown({ button: 0 });
+      target.pointerup({ button: 0 });
     });
     expect(onPress).toBeCalled();
   });

src/exports/Pressable/index.js

@@ -16,11 +16,13 @@ import type { ViewProps } from '../View';
 import * as React from 'react';
 import { forwardRef, memo, useMemo, useState, useRef } from 'react';
 import useMergeRefs from '../../modules/useMergeRefs';
+import useHover from '../../modules/useHover';
 import usePressEvents from '../../modules/usePressEvents';
 import View from '../View';
 
 export type StateCallbackType = $ReadOnly<{|
   focused: boolean,
+  hovered: boolean,
   pressed: boolean
 |}>;
 
@@ -93,6 +95,7 @@ function Pressable(props: Props, forwardedRef): React.Node {
     ...rest
   } = props;
 
+  const [hovered, setHovered] = useForceableState(false);
   const [focused, setFocused] = useForceableState(false);
   const [pressed, setPressed] = useForceableState(testOnly_pressed === true);
 
@@ -128,8 +131,10 @@ function Pressable(props: Props, forwardedRef): React.Node {
 
   const pressEventHandlers = usePressEvents(hostRef, pressConfig);
 
+  useHover(hostRef, { contain: true, disabled, onHoverChange: setHovered });
+
   const accessibilityState = { disabled, ...props.accessibilityState };
-  const interactionState = { focused, pressed };
+  const interactionState = { hovered, focused, pressed };
 
   function createFocusHandler(callback, value) {
     return function(event) {

src/exports/Text/__tests__/index-test.js

@@ -109,8 +109,8 @@ describe('components/Text', () => {
       });
       const target = createEventTarget(ref.current);
       act(() => {
-        target.pointerdown();
-        target.pointerup();
+        target.pointerdown({ button: 0 });
+        target.pointerup({ button: 0 });
       });
       expect(onPress).toBeCalled();
     });