Add SharedValue type to config. (#3717)

## Description

This PR updates types to accept `SharedValues` into config objects.

## Test plan

<details>
<summary>Tested on the following example:</summary>

```tsx
import * as React from 'react';
import { Animated, Button } from 'react-native';
import {
  GestureHandlerRootView,
  MouseButton,
  NativeDetector,
  usePan,
} from 'react-native-gesture-handler';
import { useSharedValue } from 'react-native-reanimated';

export default function App() {
  const [visible, setVisible] = React.useState(true);
  const sv1 = useSharedValue(0);
  const sv2 = useSharedValue(MouseButton.LEFT);

  const gesture = usePan({
    onEnd: (e) => {
      'worklet';
      console.log('tap', e.handlerData);
    },

    activeOffsetX: [sv1, 120],
    mouseButton: sv2,
  });

  return (
    <GestureHandlerRootView
      style={{ flex: 1, backgroundColor: 'white', paddingTop: 8 }}>
      <Button
        title="Toggle visibility"
        onPress={() => {
          setVisible(!visible);
        }}
      />

      {visible && (
        <NativeDetector gesture={gesture}>
          <Animated.View
            style={[
              {
                width: 150,
                height: 150,
                backgroundColor: 'blue',
                opacity: 0.5,
                borderWidth: 10,
                borderColor: 'green',
                marginTop: 20,
                marginLeft: 40,
              },
            ]}
          />
        </NativeDetector>
      )}
    </GestureHandlerRootView>
  );
}
```

</details>

Author: m-bert

packages/react-native-gesture-handler/src/handlers/gestures/GestureDetector/types.ts

@@ -1,5 +1,5 @@
+import { SharedValue } from '../../../v3/types';
 import { GestureType, HandlerCallbacks } from '../gesture';
-import { SharedValue } from '../reanimatedWrapper';
 
 export interface AttachedGestureState {
   // Array of gestures that should be attached to the view under that gesture detector

packages/react-native-gesture-handler/src/handlers/gestures/reanimatedWrapper.ts

@@ -1,18 +1,10 @@
 import { ComponentClass } from 'react';
 import { tagMessage } from '../../utils';
-import { GestureCallbacks, GestureUpdateEvent } from '../../v3/types';
-
-export interface SharedValue<Value = unknown> {
-  value: Value;
-  get(): Value;
-  set(value: Value | ((value: Value) => Value)): void;
-  addListener: (listenerID: number, listener: (value: Value) => void) => void;
-  removeListener: (listenerID: number) => void;
-  modify: (
-    modifier?: <T extends Value>(value: T) => T,
-    forceUpdate?: boolean
-  ) => void;
-}
+import {
+  GestureCallbacks,
+  GestureUpdateEvent,
+  SharedValue,
+} from '../../v3/types';
 
 export type ReanimatedContext<THandlerData> = {
   lastUpdateEvent: GestureUpdateEvent<THandlerData> | undefined;
@@ -52,7 +44,7 @@ let Reanimated:
       ) => (event: unknown) => void;
       useSharedValue: <T>(value: T) => SharedValue<T>;
       setGestureState: (handlerTag: number, newState: number) => void;
-      isSharedValue: (value: unknown) => value is SharedValue<unknown>;
+      isSharedValue: <T = unknown>(value: unknown) => value is SharedValue<T>;
       isWorkletFunction<
         Args extends unknown[] = unknown[],
         ReturnValue = unknown,

packages/react-native-gesture-handler/src/v3/hooks/gestures/useFling.ts

@@ -2,11 +2,12 @@ import {
   BaseGestureConfig,
   ExcludeInternalConfigProps,
   SingleGestureName,
+  WithSharedValue,
 } from '../../types';
 import { useGesture } from '../useGesture';
 import { cloneConfig } from '../utils';
 
-type FlingGestureProperties = {
+type FlingGestureProperties = WithSharedValue<{
   /**
    * Expressed allowed direction of movement. It's possible to pass one or many
    * directions in one parameter:
@@ -27,7 +28,7 @@ type FlingGestureProperties = {
    * Determine exact number of points required to handle the fling gesture.
    */
   numberOfPointers?: number;
-};
+}>;
 
 type FlingHandlerData = {
   x: number;

packages/react-native-gesture-handler/src/v3/hooks/gestures/useHover.ts

@@ -5,22 +5,26 @@ import {
   ExcludeInternalConfigProps,
   HandlerData,
   SingleGestureName,
+  WithSharedValue,
 } from '../../types';
 import { useGesture } from '../useGesture';
 import { cloneConfig, getChangeEventCalculator } from '../utils';
 
-type HoverGestureProperties = {
-  /**
-   * Visual effect applied to the view while the view is hovered. The possible values are:
-   *
-   * - `HoverEffect.None`
-   * - `HoverEffect.Lift`
-   * - `HoverEffect.Highlight`
-   *
-   * Defaults to `HoverEffect.None`
-   */
-  hoverEffect?: HoverEffect;
-};
+type HoverGestureProperties = WithSharedValue<
+  {
+    /**
+     * Visual effect applied to the view while the view is hovered. The possible values are:
+     *
+     * - `HoverEffect.None`
+     * - `HoverEffect.Lift`
+     * - `HoverEffect.Highlight`
+     *
+     * Defaults to `HoverEffect.None`
+     */
+    hoverEffect?: HoverEffect;
+  },
+  HoverEffect
+>;
 
 type HoverHandlerData = {
   x: number;

packages/react-native-gesture-handler/src/v3/hooks/gestures/useLongPress.ts

@@ -2,11 +2,12 @@ import {
   BaseGestureConfig,
   ExcludeInternalConfigProps,
   SingleGestureName,
+  WithSharedValue,
 } from '../../types';
 import { useGesture } from '../useGesture';
 import { cloneConfig, remapProps } from '../utils';
 
-type LongPressGestureProperties = {
+type LongPressGestureProperties = WithSharedValue<{
   /**
    * Minimum time, expressed in milliseconds, that a finger must remain pressed on
    * the corresponding view. The default value is 500.
@@ -25,13 +26,13 @@ type LongPressGestureProperties = {
    * Determine exact number of points required to handle the long press gesture.
    */
   numberOfPointers?: number;
-};
+}>;
 
-type LongPressGestureInternalProperties = {
+type LongPressGestureInternalProperties = WithSharedValue<{
   minDurationMs?: number;
   maxDist?: number;
   numberOfPointers?: number;
-};
+}>;
 
 type LongPressHandlerData = {
   x: number;

packages/react-native-gesture-handler/src/v3/hooks/gestures/useNative.ts

@@ -2,11 +2,12 @@ import {
   BaseGestureConfig,
   ExcludeInternalConfigProps,
   SingleGestureName,
+  WithSharedValue,
 } from '../../types';
 import { useGesture } from '../useGesture';
 import { cloneConfig } from '../utils';
 
-type NativeViewGestureProperties = {
+type NativeViewGestureProperties = WithSharedValue<{
   /**
    * Android only.
    *
@@ -20,7 +21,7 @@ type NativeViewGestureProperties = {
    * `NativeViewGestureHandler` receives an `ACTIVE` state event.
    */
   disallowInterruption?: boolean;
-};
+}>;
 
 type NativeViewHandlerData = {
   pointerInside: boolean;