From 37c2d97ddc0802fcbbac101feb00a736d7796272 Mon Sep 17 00:00:00 2001
From: Patrycja Kalinska <patrycja.kalinska@swmansion.com>
Date: Tue, 10 Mar 2026 16:01:40 +0100
Subject: [PATCH 1/6] bump t-rex-ui

---
 .../docs/components/buttons.mdx               |   30 +-
 .../docs/components/pressable.mdx             |   34 +-
 .../components/reanimated-drawer-layout.mdx   |   18 +-
 .../docs/components/reanimated_swipeable.mdx  |    6 +-
 .../fundamentals/animated-interactions.mdx    |    2 +-
 .../docs/fundamentals/callbacks-events.mdx    |    2 +-
 .../docs/fundamentals/gesture-composition.mdx |    2 +-
 .../docs/fundamentals/gesture-detector.mdx    |   15 +-
 .../fundamentals/reanimated-interactions.mdx  |    2 +-
 .../docs/fundamentals/state-manager.mdx       |    2 +-
 .../gestures/_shared/base-gesture-config.mdx  |   10 +-
 .../_shared/base-gesture-event-data.mdx       |    2 +-
 .../docs/gestures/_shared/mouse-button.mdx    |    7 +-
 .../docs/gestures/use-fling-gesture.mdx       |    1 -
 .../docs/gestures/use-hover-gesture.mdx       |    6 +-
 .../docs/gestures/use-long-press-gesture.mdx  |    4 +-
 .../docs/gestures/use-native-gesture.mdx      |    6 +-
 .../docs/gestures/use-pan-gesture.mdx         |   10 +-
 .../docs/gestures/use-rotation-gesture.mdx    |    2 +-
 .../docs/gestures/use-tap-gesture.mdx         |    4 +-
 .../docs-gesture-handler/docusaurus.config.js |    5 +
 packages/docs-gesture-handler/package.json    |   25 +-
 .../src/components/HeaderWithBadges/index.tsx |   88 -
 .../HeaderWithBadges/styles.module.css        |   61 -
 .../docs-gesture-handler/src/css/colors.css   |   34 +
 .../src/theme/Admonition/index.js             |    3 -
 .../src/theme/DocCard/index.js                |    3 -
 .../src/theme/DocItem/Metadata/index.js       |    3 -
 .../src/theme/DocItem/TOC/Mobile/index.js     |    3 -
 .../src/theme/DocSidebarItem/index.js         |    3 -
 .../src/theme/DocSidebarItems/index.js        |    3 -
 .../src/theme/Footer/index.js                 |    3 -
 .../src/theme/MDXComponents.js                |    3 +
 .../src/theme/MDXComponents/Details.js        |   19 -
 .../theme/MDXComponents/DetailsStyling.tsx    |  100 -
 .../src/theme/MDXComponents/styles.module.css |   50 -
 .../src/theme/PaginatorNavLink/index.js       |    3 -
 .../src/theme/SearchPage/index.js             |    3 -
 .../src/theme/TOCCollapsible/index.js         |    3 -
 .../src/theme/TOCItems/Tree.js                |    3 -
 .../docs-gesture-handler/static/llms-full.txt | 5578 +++++++++++++++++
 packages/docs-gesture-handler/static/llms.txt |  107 +
 .../static/raw/components/buttons.md          |  178 +
 .../static/raw/components/pressable.md        |  203 +
 .../components/reanimated-drawer-layout.md    |  233 +
 .../raw/components/reanimated_swipeable.md    |  299 +
 .../static/raw/components/touchables.md       |   50 +
 .../raw/fundamentals/animated-interactions.md |   37 +
 .../raw/fundamentals/callbacks-events.md      |  122 +
 .../raw/fundamentals/gesture-composition.md   |   43 +
 .../raw/fundamentals/gesture-detector.md      |   95 +
 .../static/raw/fundamentals/installation.md   |  154 +
 .../static/raw/fundamentals/introduction.md   |   75 +
 .../fundamentals/reanimated-interactions.md   |   94 +
 .../static/raw/fundamentals/root-view.md      |   41 +
 .../static/raw/fundamentals/state-manager.md  |   55 +
 .../gestures/_manual_gesture_steps/step1.md   |    7 +
 .../gestures/_manual_gesture_steps/step2.md   |   47 +
 .../gestures/_manual_gesture_steps/step3.md   |   55 +
 .../gestures/_manual_gesture_steps/step4.md   |   17 +
 .../gestures/_manual_gesture_steps/step5.md   |   14 +
 .../gestures/_manual_gesture_steps/step6.md   |   18 +
 .../gestures/_manual_gesture_steps/step7.md   |   10 +
 .../base-continuous-gesture-callbacks.md      |    3 +
 .../_shared/base-continuous-gesture-config.md |    7 +
 .../_shared/base-gesture-callbacks.md         |   47 +
 .../gestures/_shared/base-gesture-config.md   |  118 +
 .../_shared/base-gesture-event-data.md        |   11 +
 .../raw/gestures/_shared/mouse-button.md      |    3 +
 .../raw/gestures/_shared/shared-value-info.md |    1 +
 .../static/raw/gestures/use-fling-gesture.md  |   65 +
 .../static/raw/gestures/use-hover-gesture.md  |   75 +
 .../raw/gestures/use-long-press-gesture.md    |   67 +
 .../static/raw/gestures/use-manual-gesture.md |  161 +
 .../static/raw/gestures/use-native-gesture.md |   47 +
 .../static/raw/gestures/use-pan-gesture.md    |  217 +
 .../static/raw/gestures/use-pinch-gesture.md  |   60 +
 .../raw/gestures/use-rotation-gesture.md      |   55 +
 .../static/raw/gestures/use-tap-gesture.md    |  104 +
 .../raw/guides/quickstart/_steps/step1.md     |   23 +
 .../raw/guides/quickstart/_steps/step2.md     |   25 +
 .../raw/guides/quickstart/_steps/step3.md     |    9 +
 .../raw/guides/quickstart/_steps/step4.md     |   22 +
 .../raw/guides/quickstart/_steps/step5.md     |   11 +
 .../static/raw/guides/quickstart/index.md     |   78 +
 .../static/raw/guides/swipe-and-scroll.md     |    7 +
 .../static/raw/guides/testing.md              |  114 +
 .../static/raw/guides/troubleshooting.md      |   73 +
 .../static/raw/guides/upgrading-to-3.md       |  152 +
 .../base-continuous-gesture-callbacks.md      |    9 +
 .../_shared/base-continuous-gesture-config.md |    5 +
 .../_shared/base-gesture-callbacks.md         |   33 +
 .../_shared/base-gesture-config.md            |   68 +
 .../_shared/base-gesture-event-data.md        |   19 +
 .../_shared/gesture-detector-functional1.md   |   19 +
 .../raw/legacy-gestures/_shared/v2-info.md    |    3 +
 .../raw/legacy-gestures/composed-gestures.md  |   21 +
 .../raw/legacy-gestures/fling-gesture.md      |  110 +
 .../legacy-gestures/force-touch-gesture.md    |   55 +
 .../legacy-gestures/gesture-composition.md    |  400 ++
 .../raw/legacy-gestures/gesture-detector.md   |   72 +
 .../static/raw/legacy-gestures/gesture.md     |   90 +
 .../raw/legacy-gestures/hover-gesture.md      |   76 +
 .../raw/legacy-gestures/long-press-gesture.md |   88 +
 .../raw/legacy-gestures/manual-gesture.md     |   24 +
 .../raw/legacy-gestures/native-gesture.md     |   81 +
 .../static/raw/legacy-gestures/pan-gesture.md |  197 +
 .../raw/legacy-gestures/pinch-gesture.md      |   83 +
 .../raw/legacy-gestures/rotation-gesture.md   |   80 +
 .../raw/legacy-gestures/state-manager.md      |   20 +
 .../static/raw/legacy-gestures/tap-gesture.md |  117 +
 .../raw/legacy-gestures/touch-events.md       |   43 +
 .../raw/under-the-hood/how-does-it-work.md    |   16 +
 .../static/raw/under-the-hood/state.md        |   13 +
 packages/docs-gesture-handler/yarn.lock       | 4926 ++++++++-------
 115 files changed, 13400 insertions(+), 2938 deletions(-)
 delete mode 100644 packages/docs-gesture-handler/src/components/HeaderWithBadges/index.tsx
 delete mode 100644 packages/docs-gesture-handler/src/components/HeaderWithBadges/styles.module.css
 delete mode 100644 packages/docs-gesture-handler/src/theme/Admonition/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/DocCard/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/DocItem/Metadata/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/DocItem/TOC/Mobile/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/DocSidebarItem/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/DocSidebarItems/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/Footer/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/MDXComponents/Details.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/MDXComponents/DetailsStyling.tsx
 delete mode 100644 packages/docs-gesture-handler/src/theme/MDXComponents/styles.module.css
 delete mode 100644 packages/docs-gesture-handler/src/theme/PaginatorNavLink/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/SearchPage/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/TOCCollapsible/index.js
 delete mode 100644 packages/docs-gesture-handler/src/theme/TOCItems/Tree.js
 create mode 100644 packages/docs-gesture-handler/static/llms-full.txt
 create mode 100644 packages/docs-gesture-handler/static/llms.txt
 create mode 100644 packages/docs-gesture-handler/static/raw/components/buttons.md
 create mode 100644 packages/docs-gesture-handler/static/raw/components/pressable.md
 create mode 100644 packages/docs-gesture-handler/static/raw/components/reanimated-drawer-layout.md
 create mode 100644 packages/docs-gesture-handler/static/raw/components/reanimated_swipeable.md
 create mode 100644 packages/docs-gesture-handler/static/raw/components/touchables.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/animated-interactions.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/callbacks-events.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/gesture-composition.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/gesture-detector.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/installation.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/introduction.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/reanimated-interactions.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/root-view.md
 create mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/state-manager.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step1.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step2.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step3.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step4.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step5.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step6.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step7.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-callbacks.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-config.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-callbacks.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-config.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-event-data.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/mouse-button.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/shared-value-info.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-fling-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-hover-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-long-press-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-manual-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-native-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-pan-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-pinch-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-rotation-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-tap-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step1.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step2.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step3.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step4.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step5.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/index.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/swipe-and-scroll.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/testing.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/troubleshooting.md
 create mode 100644 packages/docs-gesture-handler/static/raw/guides/upgrading-to-3.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-callbacks.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-config.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-callbacks.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-config.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-event-data.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/gesture-detector-functional1.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/v2-info.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/composed-gestures.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/fling-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/force-touch-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-composition.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-detector.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/hover-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/long-press-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/manual-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/native-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/pan-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/pinch-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/rotation-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/state-manager.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/tap-gesture.md
 create mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/touch-events.md
 create mode 100644 packages/docs-gesture-handler/static/raw/under-the-hood/how-does-it-work.md
 create mode 100644 packages/docs-gesture-handler/static/raw/under-the-hood/state.md

diff --git a/packages/docs-gesture-handler/docs/components/buttons.mdx b/packages/docs-gesture-handler/docs/components/buttons.mdx
index 041d387fbe..c515d5a70f 100644
--- a/packages/docs-gesture-handler/docs/components/buttons.mdx
+++ b/packages/docs-gesture-handler/docs/components/buttons.mdx
@@ -7,8 +7,6 @@ sidebar_label: Buttons
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import GifGallery from '@site/components/GifGallery';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
-
 <GifGallery>
   <img src={useBaseUrl('gifs/samplebutton.gif')} width="280" />
 </GifGallery>
@@ -39,9 +37,9 @@ exclusive?: boolean;
 
 Defines if more than one button could be pressed simultaneously. By default set to `true`.
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### rippleColor
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 rippleColor?: number | ColorValue | null;
@@ -49,9 +47,9 @@ rippleColor?: number | ColorValue | null;
 
 Defines [color](https://reactnative.dev/docs/colors) of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### rippleRadius
-</HeaderWithBadges>
+</Badges>
 
 
 ```ts
@@ -60,9 +58,9 @@ rippleRadius?: number | null;
 
 Defines radius of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### borderless
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 borderless?: boolean;
@@ -70,9 +68,9 @@ borderless?: boolean;
 
 If set to `false`, [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation will render only within view bounds.
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### foreground
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 foreground?: boolean;
@@ -80,9 +78,9 @@ foreground?: boolean;
 
 Defines whether the [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation should be drawn on the foreground of the view.
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### touchSoundDisabled
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 touchSoundDisabled?: boolean;
@@ -140,9 +138,9 @@ underlayColor?: string;
 
 Background color that will be dimmed when button is in active state.
 
-<HeaderWithBadges platforms={['iOS']}>
+<Badges platforms={['ios']}>
 ### activeOpacity
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 activeOpacity?: number;
@@ -154,9 +152,9 @@ Opacity applied to the underlay when button is in active state.
 
 This type of button component should be used with simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered (it means that the ripple will animate into a circle that can span outside of the view bounds), whereas on iOS the button will be dimmed (similar to how `TouchableOpacity` works). In addition to the props of [`BaseButton`](#basebutton), it accepts the following:
 
-<HeaderWithBadges platforms={['iOS']}>
+<Badges platforms={['ios']}>
 ### activeOpacity
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 activeOpacity?: number;
diff --git a/packages/docs-gesture-handler/docs/components/pressable.mdx b/packages/docs-gesture-handler/docs/components/pressable.mdx
index 5c89da1876..d42a229732 100644
--- a/packages/docs-gesture-handler/docs/components/pressable.mdx
+++ b/packages/docs-gesture-handler/docs/components/pressable.mdx
@@ -7,8 +7,6 @@ sidebar_label: Pressable
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import GifGallery from '@site/components/GifGallery';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
-
 :::info
 This component is a drop-in replacement for the `Pressable` component.
 :::
@@ -89,9 +87,9 @@ cancelable?: null | boolean;
 
 Whether a press gesture can be interrupted by a parent gesture such as a scroll event. Defaults to `true`.
 
-<HeaderWithBadges platforms={['android', 'web']}>
+<Badges platforms={['android', 'web']}>
 ### onHoverIn
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 onHoverIn?: null | ((event: PressableEvent) => void);
@@ -99,9 +97,9 @@ onHoverIn?: null | ((event: PressableEvent) => void);
 
 Called when pointer is hovering over the element.
 
-<HeaderWithBadges platforms={['android', 'web']}>
+<Badges platforms={['android', 'web']}>
 ### onHoverOut
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 onHoverOut?: null | ((event: PressableEvent) => void);
@@ -109,9 +107,9 @@ onHoverOut?: null | ((event: PressableEvent) => void);
 
 Called when pointer stops hovering over the element.
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### delayHoverIn
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 delayHoverIn?: number | null;
@@ -119,9 +117,9 @@ delayHoverIn?: number | null;
 
 Duration to wait after hover in before calling `onHoverIn`.
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### delayHoverOut
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 delayHoverOut?: number | null;
@@ -145,9 +143,9 @@ disabled?: null | boolean;
 
 Whether the `Pressable` behavior is disabled.
 
-<HeaderWithBadges platforms={['android', 'iOS']}>
+<Badges platforms={['android', 'ios']}>
 ### hitSlop
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 hitSlop?: null | Insets | number;
@@ -157,9 +155,9 @@ Additional distance outside of the view in which a press is detected and [`onPre
 
 The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
 
-<HeaderWithBadges platforms={['android', 'iOS']}>
+<Badges platforms={['android', 'ios']}>
 ### pressRetentionOffset
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 pressRetentionOffset?: null | Insets | number;
@@ -170,9 +168,9 @@ press before [`onPressOut`](#onpressout) is triggered.
 
 The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### android_disableSound
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 android_disableSound?: null | boolean;
@@ -180,9 +178,9 @@ android_disableSound?: null | boolean;
 
 If `true`, doesn't play system sound on touch.
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### android_ripple
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 android_ripple?: null | PressableAndroidRippleConfig;
diff --git a/packages/docs-gesture-handler/docs/components/reanimated-drawer-layout.mdx b/packages/docs-gesture-handler/docs/components/reanimated-drawer-layout.mdx
index 378d47b1a6..ba1d318b5e 100644
--- a/packages/docs-gesture-handler/docs/components/reanimated-drawer-layout.mdx
+++ b/packages/docs-gesture-handler/docs/components/reanimated-drawer-layout.mdx
@@ -6,8 +6,6 @@ sidebar_label: Reanimated Drawer Layout
 
 import useBaseUrl from '@docusaurus/useBaseUrl';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
-
 import MouseButtonProp from '../gestures/\_shared/mouse-button.mdx';
 
 :::info
@@ -221,9 +219,9 @@ export enum DrawerState {
 
 A function is called when the status of the drawer changes, taking `newState` to represent the drawer's interaction state and `drawerWillShow`, which is `true` when the drawer starts animating towards the open position and `false` otherwise.
 
-<HeaderWithBadges platforms={['iOS']}>
+<Badges platforms={['ios']}>
 ### enableTrackpadTwoFingerGesture
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 enableTrackpadTwoFingerGesture?: boolean;
@@ -242,9 +240,9 @@ Either a component rendered in the content view or a function. If `children` is
 
 <MouseButtonProp />
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### enableContextMenu
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 enableContextMenu: boolean;
@@ -252,9 +250,9 @@ enableContextMenu: boolean;
 
 Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false` if [`MouseButton.RIGHT`](#mousebutton-web--android-only) is specified.
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### userSelect
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 userSelect: 'none' | 'auto' | 'text';
@@ -262,9 +260,9 @@ userSelect: 'none' | 'auto' | 'text';
 
 This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### activeCursor
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 activeCursor: ActiveCursor;
diff --git a/packages/docs-gesture-handler/docs/components/reanimated_swipeable.mdx b/packages/docs-gesture-handler/docs/components/reanimated_swipeable.mdx
index 6fdc72ef21..84e17f6096 100644
--- a/packages/docs-gesture-handler/docs/components/reanimated_swipeable.mdx
+++ b/packages/docs-gesture-handler/docs/components/reanimated_swipeable.mdx
@@ -7,8 +7,6 @@ sidebar_label: Reanimated Swipeable
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import GifGallery from '@site/components/GifGallery'
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
-
 :::info
 This component is a drop-in replacement for the `Swipeable` component, rewritten using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started).
 :::
@@ -242,9 +240,9 @@ blocksExternalGesture?: AnyGesture | AnyGesture[];
 
 Gestures that `Swipeable` will prevent from activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
 
-<HeaderWithBadges platforms={['iOS']}>
+<Badges platforms={['ios']}>
 ### enableTrackpadTwoFingerGesture
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 enableTrackpadTwoFingerGesture?: boolean;
diff --git a/packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx b/packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx
index 0f6cc5d060..634b3ed9ef 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx
@@ -5,7 +5,7 @@ sidebar_label: Integration with Animated
 sidebar_position: 9
 ---
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 Using hook API allows for smooth integration with the [Animated API](https://reactnative.dev/docs/animated) by allowing for passing an `Animated.event` as the argument to the [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) callback. The event mapping of `Animated.event` depends on the [`useNativeDriver`](https://reactnative.dev/docs/animated#using-the-native-driver) property.
 
diff --git a/packages/docs-gesture-handler/docs/fundamentals/callbacks-events.mdx b/packages/docs-gesture-handler/docs/fundamentals/callbacks-events.mdx
index 4ac1d88dd1..a0420e15f2 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/callbacks-events.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/callbacks-events.mdx
@@ -6,7 +6,7 @@ sidebar_position: 6
 ---
 
 import { GestureEventFlowChart, TouchEventFlowChart } from '@site/src/examples/CallbacksFlowCharts'
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 At any given time, each handler instance has an assigned [state](/docs/under-the-hood/state) that can change when new touch events occur or can be forced to change by the touch system under certain circumstances. You can hook into state transitions using specific [gesture callbacks](#callbacks).
 
diff --git a/packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx b/packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx
index 156407c8af..f5814389b1 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx
@@ -5,7 +5,7 @@ sidebar_label: Gesture composition & interactions
 sidebar_position: 5
 ---
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 import Competing from '!!raw-loader!.//\_examples/hooks/Competing';
 import Simultaneous from '!!raw-loader!.//\_examples/hooks/Simultaneous';
diff --git a/packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx b/packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx
index 448855177d..98b860c75f 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx
@@ -5,8 +5,7 @@ sidebar_label: Gesture detectors
 sidebar_position: 4
 ---
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
+
 
 ## Gesture Detector
 
@@ -190,9 +189,9 @@ gesture: SingleGesture | ComposedGesture;
 
 A gesture object containing the configuration and callbacks. Can be any of the base gestures or any [`ComposedGesture`](/docs/fundamentals/gesture-composition).
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### userSelect
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 userSelect: 'none' | 'auto' | 'text';
@@ -200,9 +199,9 @@ userSelect: 'none' | 'auto' | 'text';
 
 This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### touchAction
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 touchAction: TouchAction;
@@ -210,9 +209,9 @@ touchAction: TouchAction;
 
 This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS [touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/touch-action) values. Default value is set to `"none"`.
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### enableContextMenu
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 enableContextMenu: boolean;
diff --git a/packages/docs-gesture-handler/docs/fundamentals/reanimated-interactions.mdx b/packages/docs-gesture-handler/docs/fundamentals/reanimated-interactions.mdx
index ff74d76c94..34b9ac962f 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/reanimated-interactions.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/reanimated-interactions.mdx
@@ -5,7 +5,7 @@ sidebar_label: Integration with Reanimated
 sidebar_position: 8
 ---
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 [`GestureDetector`](/docs/fundamentals/gesture-detectors) will decide whether to use [Reanimated](https://docs.swmansion.com/react-native-reanimated/) to process provided gestures based on their configuration. If any of the callbacks is a [worklet](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#worklet) and Reanimated is not explicitly [turned off](#disabling-reanimated), tools provided by the Reanimated will be utilized, bringing the ability to handle gestures synchronously on the main thread.
 
diff --git a/packages/docs-gesture-handler/docs/fundamentals/state-manager.mdx b/packages/docs-gesture-handler/docs/fundamentals/state-manager.mdx
index ab685ff241..d158359054 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/state-manager.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/state-manager.mdx
@@ -5,7 +5,7 @@ sidebar_label: State manager
 sidebar_position: 7
 ---
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 RNGH3 allows to manually control [gestures lifecycle](/docs/under-the-hood/state) by using [`GestureStateManager`](#gesturestatemanager).
 
diff --git a/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-config.mdx b/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-config.mdx
index ae94d348e0..95ebdbca85 100644
--- a/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-config.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-config.mdx
@@ -1,6 +1,4 @@
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
 
 ### enabled
 
@@ -69,9 +67,9 @@ testID: string;
 
 Sets a `testID` property for gesture object, allowing for querying for it in tests.
 
-<HeaderWithBadges platforms={['iOS']}>
+<Badges platforms={['ios']}>
 ### cancelsTouchesInView
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 cancelsTouchesInView: boolean | SharedValue<boolean>;
@@ -139,9 +137,9 @@ useAnimated: boolean;
 
 Setting this property is set to `true` ensures that the [Animated API](/docs/fundamentals/animated-interactions) functions correctly when `useNativeDriver` is set to `false`. The default value is set to `false`.
 
-<HeaderWithBadges platforms={['web']}>
+<Badges platforms={['web']}>
 ### activeCursor
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 activeCursor: ActiveCursor | SharedValue<ActiveCursor>;
diff --git a/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-event-data.mdx b/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-event-data.mdx
index 8ed3c77583..b5ed6493b1 100644
--- a/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-event-data.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-event-data.mdx
@@ -1,4 +1,4 @@
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 ### numberOfPointers
 
diff --git a/packages/docs-gesture-handler/docs/gestures/_shared/mouse-button.mdx b/packages/docs-gesture-handler/docs/gestures/_shared/mouse-button.mdx
index 54d3455c86..26bac57f4a 100644
--- a/packages/docs-gesture-handler/docs/gestures/_shared/mouse-button.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/_shared/mouse-button.mdx
@@ -1,9 +1,8 @@
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
 
-<HeaderWithBadges platforms={['android', 'web']}>
+
+<Badges platforms={['android', 'web']}>
 ### mouseButton
-</HeaderWithBadges>
+</Badges>
 
 <CollapsibleCode 
 label="Show composed types definitions"
diff --git a/packages/docs-gesture-handler/docs/gestures/use-fling-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-fling-gesture.mdx
index a95b5edb1d..4e17896e64 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-fling-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-fling-gesture.mdx
@@ -12,7 +12,6 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import FlingGestureBasic from '@site/static/examples/FlingGestureBasic';
 import FlingGestureBasicSrc from '!!raw-loader!@site/static/examples/FlingGestureBasicSrc';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
 
 import MouseButtonProp from './\_shared/mouse-button.mdx';
 
diff --git a/packages/docs-gesture-handler/docs/gestures/use-hover-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-hover-gesture.mdx
index 37208c7c52..caa2dbff74 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-hover-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-hover-gesture.mdx
@@ -12,8 +12,6 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import HoverGestureBasic from '@site/static/examples/HoverGestureBasic';
 import HoverGestureBasicSrc from '!!raw-loader!@site/static/examples/HoverGestureBasic';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
-
 <div className={webContainer}>
   <div className={vanishOnMobile} style={{ display: 'flex', justifyContent: 'center', maxWidth: 360 }}>
     <video playsInline autoPlay muted loop style={{maxWidth: 360}}>
@@ -93,9 +91,9 @@ const styles = StyleSheet.create({
 
 <SharedValueInfo />
 
-<HeaderWithBadges platforms={['iOS']}>
+<Badges platforms={['ios']}>
 ### effect
-</HeaderWithBadges>
+</Badges>
 
 <CollapsibleCode 
 label="Show composed types definitions"
diff --git a/packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx
index 9205e7c369..9ada2c2911 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx
@@ -12,8 +12,6 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import LongPressGestureBasic from '@site/static/examples/LongPressGestureBasic';
 import LongPressGestureBasicSrc from '!!raw-loader!@site/static/examples/LongPressGestureBasic';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
-
 import MouseButtonProp from './\_shared/mouse-button.mdx';
 
 <div className={webContainer}>
@@ -34,7 +32,7 @@ import BaseGestureConfig from './\_shared/base-gesture-config.mdx';
 import BaseGestureCallbacks from './\_shared/base-gesture-callbacks.mdx';
 import SharedValueInfo from './\_shared/shared-value-info.md';
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 import LongPressExample from '!!raw-loader!./_examples/LongPressExample';
 
diff --git a/packages/docs-gesture-handler/docs/gestures/use-native-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-native-gesture.mdx
index 3562935da2..f5519a6020 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-native-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-native-gesture.mdx
@@ -11,8 +11,6 @@ import BaseGestureCallbacks from './\_shared/base-gesture-callbacks.mdx';
 import BaseContinuousGestureCallbacks from './\_shared/base-continuous-gesture-callbacks.mdx';
 import SharedValueInfo from './\_shared/shared-value-info.md';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
-
 A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/fundamentals/gesture-composition) with other gestures.
 
 When used, the native component should be the direct child of a [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
@@ -98,9 +96,9 @@ export default function App() {
 
 <SharedValueInfo />
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### shouldActivateOnStart
-</HeaderWithBadges>
+</Badges>
 
 
 ```ts
diff --git a/packages/docs-gesture-handler/docs/gestures/use-pan-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-pan-gesture.mdx
index 00f245479c..0f0eab0b12 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-pan-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-pan-gesture.mdx
@@ -20,9 +20,7 @@ import BaseContinuousGestureCallbacks from './\_shared/base-continuous-gesture-c
 import SharedValueInfo from './\_shared/shared-value-info.md';
 import MouseButtonProp from './\_shared/mouse-button.mdx';
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
 
 <div className={webContainer}>
   <div className={vanishOnMobile} style={{ display: 'flex', justifyContent: 'center', maxWidth: 360 }}>
@@ -212,9 +210,9 @@ When the finger moves outside this range (in points) along X axis and gesture ha
 If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
 If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
 
-<HeaderWithBadges platforms={['android']}>
+<Badges platforms={['android']}>
 ### averageTouches
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 averageTouches: boolean | SharedValue<boolean>;
@@ -222,9 +220,9 @@ averageTouches: boolean | SharedValue<boolean>;
 
 Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
 
-<HeaderWithBadges platforms={['iOS', 'web']}>
+<Badges platforms={['ios', 'web']}>
 ### enableTrackpadTwoFingerGesture
-</HeaderWithBadges>
+</Badges>
 
 ```ts
 enableTrackpadTwoFingerGesture: boolean | SharedValue<boolean>;
diff --git a/packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx
index 177c824ac4..31cfabe0d5 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx
@@ -32,7 +32,7 @@ import BaseGestureCallbacks from './\_shared/base-gesture-callbacks.mdx';
 import BaseContinuousGestureCallbacks from './\_shared/base-continuous-gesture-callbacks.mdx';
 import SharedValueInfo from './\_shared/shared-value-info.md';
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 import RotationExample from '!!raw-loader!./_examples/RotationExample';
 
diff --git a/packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx
index 0e97c90102..9cb9654247 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx
@@ -12,8 +12,6 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import TapGestureBasic from '@site/static/examples/TapGestureBasic';
 import TapGestureBasicSrc from '!!raw-loader!@site/static/examples/TapGestureBasic';
 
-import HeaderWithBadges from '@site/src/components/HeaderWithBadges';
-
 import MouseButtonProp from './\_shared/mouse-button.mdx';
 
 <div className={webContainer}>
@@ -34,7 +32,7 @@ import BaseGestureConfig from './\_shared/base-gesture-config.mdx';
 import BaseGestureCallbacks from './\_shared/base-gesture-callbacks.mdx';
 import SharedValueInfo from './\_shared/shared-value-info.md';
 
-import CollapsibleCode from '@site/src/components/CollapsibleCode';
+
 
 A discrete gesture that recognizes taps.
 
diff --git a/packages/docs-gesture-handler/docusaurus.config.js b/packages/docs-gesture-handler/docusaurus.config.js
index ebca894dc4..cf9080e0eb 100644
--- a/packages/docs-gesture-handler/docusaurus.config.js
+++ b/packages/docs-gesture-handler/docusaurus.config.js
@@ -61,6 +61,7 @@ const config = {
         },
       }),
     ],
+    require.resolve('@swmansion/t-rex-ui/preset')
   ],
 
   themeConfig:
@@ -170,6 +171,10 @@ const config = {
                   test: /\.tsx?$/,
                   use: 'babel-loader',
                 },
+                {
+                  test: /\.js$/,
+                  use: 'babel-loader',
+                },
               ],
             },
             resolve: {
diff --git a/packages/docs-gesture-handler/package.json b/packages/docs-gesture-handler/package.json
index 47629f552d..68d9b99627 100644
--- a/packages/docs-gesture-handler/package.json
+++ b/packages/docs-gesture-handler/package.json
@@ -22,18 +22,19 @@
     "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.0",
-    "@docusaurus/core": "3.7.0",
-    "@docusaurus/plugin-client-redirects": "3.7.0",
-    "@docusaurus/plugin-debug": "3.7.0",
-    "@docusaurus/plugin-google-tag-manager": "3.7.0",
-    "@docusaurus/preset-classic": "3.7.0",
-    "@docusaurus/theme-common": "3.7.0",
+    "@docusaurus/core": "3.9.2",
+    "@docusaurus/plugin-client-redirects": "3.9.2",
+    "@docusaurus/plugin-debug": "3.9.2",
+    "@docusaurus/plugin-google-tag-manager": "3.9.2",
+    "@docusaurus/preset-classic": "3.9.2",
+    "@docusaurus/theme-common": "3.9.2",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mdx-js/react": "^3.0.0",
     "@mui/material": "^7.1.0",
-    "@swmansion/t-rex-ui": "1.0.0",
+    "@swmansion/t-rex-ui": "1.3.0",
     "@vercel/og": "^0.6.2",
+    "copy-text-to-clipboard": "3.2.2",
     "babel-polyfill": "^6.26.0",
     "babel-preset-expo": "^9.2.2",
     "babel-preset-react-native": "^4.0.1",
@@ -41,11 +42,11 @@
     "prism-react-renderer": "^2.1.0",
     "raf": "^3.4.1",
     "raw-loader": "^4.0.2",
-    "react": "^18.2.0",
+    "react": "19.1.1",
     "react-colorful": "^5.6.1",
-    "react-dom": "^18.2.0",
+    "react-dom": "19.1.1",
     "react-draggable": "^4.4.5",
-    "react-native": "^0.71.4",
+    "react-native": "0.83.0",
     "react-native-gesture-handler": "^2.24.0",
     "react-native-reanimated": "4.0.0-nightly-20250325-d67e51599",
     "react-native-web": "^0.18.12",
@@ -56,8 +57,8 @@
     "vis-network": "^10.0.2"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.7.0",
-    "@docusaurus/tsconfig": "3.7.0",
+    "@docusaurus/module-type-aliases": "3.9.2",
+    "@docusaurus/tsconfig": "3.9.2",
     "copy-webpack-plugin": "^11.0.0",
     "esbuild": "^0.25.0",
     "esbuild-register": "^3.5.0",
diff --git a/packages/docs-gesture-handler/src/components/HeaderWithBadges/index.tsx b/packages/docs-gesture-handler/src/components/HeaderWithBadges/index.tsx
deleted file mode 100644
index a4a37c167e..0000000000
--- a/packages/docs-gesture-handler/src/components/HeaderWithBadges/index.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import React from 'react';
-import { useColorMode } from '@docusaurus/theme-common';
-
-import styles from './styles.module.css';
-import clsx from 'clsx';
-
-type HeaderWithBadgesProps = {
-  platforms?: string[];
-  version?: string;
-  children?: React.ReactNode;
-};
-
-type Platform = 'android' | 'ios' | 'web';
-
-type PlatformBadgeProps = {
-  platform: Platform;
-};
-
-type VersionBadgeProps = {
-  version: string;
-};
-
-const platformNameMap: Record<Platform, string> = {
-  android: 'Android',
-  ios: 'iOS',
-  web: 'Web',
-};
-
-export function VersionBadge({ version }: VersionBadgeProps) {
-  const { colorMode } = useColorMode();
-  const isDark = colorMode === 'dark';
-
-  return (
-    <div
-      className={clsx(
-        styles.badge,
-        styles.versionBadge,
-        isDark ? styles.versionBadgeDark : styles.versionBadgeLight
-      )}>
-      Available from {version}
-    </div>
-  );
-}
-
-export function PlatformBadge({ platform }: PlatformBadgeProps) {
-  let platformBadgeStyle;
-
-  switch (platform) {
-    case 'android':
-      platformBadgeStyle = styles.androidBadge;
-      break;
-    case 'ios':
-      platformBadgeStyle = styles.iosBadge;
-      break;
-    case 'web':
-      platformBadgeStyle = styles.webBadge;
-      break;
-    default:
-      platformBadgeStyle = {};
-  }
-
-  return (
-    <div className={clsx(styles.badge, platformBadgeStyle)}>
-      {platformNameMap[platform]}
-    </div>
-  );
-}
-
-export default function HeaderWithBadges({
-  platforms,
-  version,
-  children,
-}: HeaderWithBadgesProps) {
-  return (
-    <div className={clsx(styles.headerWithBadges)}>
-      {children}
-
-      {platforms
-        ?.map((platform) => platform.toLowerCase() as Platform)
-        .sort()
-        .map((platform) => (
-          <PlatformBadge key={platform} platform={platform} />
-        ))}
-
-      {version && <VersionBadge version={version} />}
-    </div>
-  );
-}
diff --git a/packages/docs-gesture-handler/src/components/HeaderWithBadges/styles.module.css b/packages/docs-gesture-handler/src/components/HeaderWithBadges/styles.module.css
deleted file mode 100644
index b79c0b3fb3..0000000000
--- a/packages/docs-gesture-handler/src/components/HeaderWithBadges/styles.module.css
+++ /dev/null
@@ -1,61 +0,0 @@
-.headerWithBadges {
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  margin-bottom: 20px;
-}
-
-.badge {
-  border-radius: 16px;
-  padding: 2px 10px;
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-}
-
-.androidBadge {
-  background-color: #34a853;
-}
-
-.iosBadge {
-  background-color: #000000;
-}
-
-.webBadge {
-  background-color: #1067c4;
-}
-
-.versionBadge {
-  margin-left: auto;
-  border-width: 1px;
-  border-style: solid;
-}
-
-.versionBadgeLight {
-  border-color: var(--swm-purple-light-100);
-  background-color: var(--swm-off-white);
-  color: var(--swm-purple-light-100);
-}
-
-.versionBadgeDark {
-  border-color: var(--swm-navy-light-60);
-  background-color: var(--swm-navy);
-  color: var(--swm-off-white);
-}
-
-@media (max-width: 420px) {
-  .headerWithBadges {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: 10px;
-    margin-bottom: 20px;
-  }
-
-  .versionBadge {
-    margin-left: 0px;
-    border-width: 1px;
-    border-style: solid;
-  }
-}
diff --git a/packages/docs-gesture-handler/src/css/colors.css b/packages/docs-gesture-handler/src/css/colors.css
index 73e84454e9..a9867f835d 100644
--- a/packages/docs-gesture-handler/src/css/colors.css
+++ b/packages/docs-gesture-handler/src/css/colors.css
@@ -288,6 +288,23 @@
   --swm-compatibility-supported-background: var(--swm-green-light-80);
   --swm-compatibility-not-supported-background: var(--swm-red-light-80);
   --swm-compatibility-text-color: var(--swm-white);
+
+  /* Markdown copy button */
+  --swm-markdown-copy-button-color: var(--swm-navy-light-100);
+  --swm-markdown-copy-button-border-color: var(--swm-navy-light-100);
+  --swm-markdown-copy-button-background-hover: var(--swm-navy-light-10);
+  --swm-markdown-copy-button-item-color: var(--swm-navy-light-60);
+  --swm-markdown-copy-button-item-background: var(--swm-background);
+  --swm-markdown-copy-button-item-background-hover: var(
+    --ifm-color-emphasis-100
+  );
+  --swm-markdown-copy-button-item-color-hover: var(--swm-navy-light-100);
+
+  /* Badges */
+  --swm-platform-badge-background: var(--swm-green-dark-120);
+  --swm-platform-badge-color: var(--swm-off-white);
+  --swm-available-from-badge-background: var(--swm-yellow-light-40);
+  --swm-available-from-badge-color: var(--swm-navy-light-100);
 }
 
 :root[data-theme='dark'] {
@@ -467,6 +484,23 @@
   --swm-compatibility-supported-background: var(--swm-green-dark-120);
   --swm-compatibility-not-supported-background: var(--swm-red-dark-120);
   --swm-compatibility-text-color: var(--swm-navy-dark-20);
+
+    /* Markdown copy button */
+  --swm-markdown-copy-button-color: var(--swm-navy-light-40);
+  --swm-markdown-copy-button-border-color: var(--swm-navy-light-40);
+  --swm-markdown-copy-button-background-hover: var(--ifm-color-emphasis-100);
+  --swm-markdown-copy-button-item-color: var(--swm-navy-light-40);
+  --swm-markdown-copy-button-item-background: var(--swm-background);
+  --swm-markdown-copy-button-item-background-hover: var(
+    --ifm-color-emphasis-100
+  );
+  --swm-markdown-copy-button-item-color-hover: var(--swm-off-white);
+
+  /* Badges */
+  --swm-platform-badge-background: var(--swm-green-dark-120);
+  --swm-platform-badge-color: var(--swm-off-white);
+  --swm-available-from-badge-background: var(--swm-yellow-dark-120);
+  --swm-available-from-badge-color: var(--swm-off-white);
 }
 
 code {
diff --git a/packages/docs-gesture-handler/src/theme/Admonition/index.js b/packages/docs-gesture-handler/src/theme/Admonition/index.js
deleted file mode 100644
index d17aa7fa7a..0000000000
--- a/packages/docs-gesture-handler/src/theme/Admonition/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Admonition } from '@swmansion/t-rex-ui';
-
-export default Admonition;
diff --git a/packages/docs-gesture-handler/src/theme/DocCard/index.js b/packages/docs-gesture-handler/src/theme/DocCard/index.js
deleted file mode 100644
index b628abf7e8..0000000000
--- a/packages/docs-gesture-handler/src/theme/DocCard/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DocCard } from '@swmansion/t-rex-ui';
-
-export default DocCard;
diff --git a/packages/docs-gesture-handler/src/theme/DocItem/Metadata/index.js b/packages/docs-gesture-handler/src/theme/DocItem/Metadata/index.js
deleted file mode 100644
index d3ad5244a6..0000000000
--- a/packages/docs-gesture-handler/src/theme/DocItem/Metadata/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DocItemMetadata } from '@swmansion/t-rex-ui';
-
-export default DocItemMetadata;
diff --git a/packages/docs-gesture-handler/src/theme/DocItem/TOC/Mobile/index.js b/packages/docs-gesture-handler/src/theme/DocItem/TOC/Mobile/index.js
deleted file mode 100644
index 5c4a9623e4..0000000000
--- a/packages/docs-gesture-handler/src/theme/DocItem/TOC/Mobile/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DocItemTOCMobile } from '@swmansion/t-rex-ui';
-
-export default DocItemTOCMobile;
diff --git a/packages/docs-gesture-handler/src/theme/DocSidebarItem/index.js b/packages/docs-gesture-handler/src/theme/DocSidebarItem/index.js
deleted file mode 100644
index 800308d52b..0000000000
--- a/packages/docs-gesture-handler/src/theme/DocSidebarItem/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DocSidebarItem } from '@swmansion/t-rex-ui';
-
-export default DocSidebarItem;
diff --git a/packages/docs-gesture-handler/src/theme/DocSidebarItems/index.js b/packages/docs-gesture-handler/src/theme/DocSidebarItems/index.js
deleted file mode 100644
index 274ae1bf3f..0000000000
--- a/packages/docs-gesture-handler/src/theme/DocSidebarItems/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DocSidebarItems } from '@swmansion/t-rex-ui';
-
-export default DocSidebarItems;
diff --git a/packages/docs-gesture-handler/src/theme/Footer/index.js b/packages/docs-gesture-handler/src/theme/Footer/index.js
deleted file mode 100644
index 9e9ef474cd..0000000000
--- a/packages/docs-gesture-handler/src/theme/Footer/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Footer } from '@swmansion/t-rex-ui';
-
-export default Footer;
diff --git a/packages/docs-gesture-handler/src/theme/MDXComponents.js b/packages/docs-gesture-handler/src/theme/MDXComponents.js
index ffd713462a..593e8c5f14 100644
--- a/packages/docs-gesture-handler/src/theme/MDXComponents.js
+++ b/packages/docs-gesture-handler/src/theme/MDXComponents.js
@@ -3,6 +3,8 @@ import MDXComponents from '@theme-original/MDXComponents';
 import InteractiveExample from '@site/src/components/InteractiveExample';
 import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
+import { Badges } from '@swmansion/t-rex-ui';
+
 export default {
   // Re-use the default mapping
   ...MDXComponents,
@@ -10,4 +12,5 @@ export default {
   // `Highlight` will receive all props that were passed to `<Highlight>` in MDX
   InteractiveExample,
   CollapsibleCode,
+  Badges,
 };
diff --git a/packages/docs-gesture-handler/src/theme/MDXComponents/Details.js b/packages/docs-gesture-handler/src/theme/MDXComponents/Details.js
deleted file mode 100644
index 8b99527971..0000000000
--- a/packages/docs-gesture-handler/src/theme/MDXComponents/Details.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import DetailsStyling from '@site/src/theme/MDXComponents/DetailsStyling';
-const MDXDetails = (props) => {
-  const items = React.Children.toArray(props.children);
-  // Split summary item from the rest to pass it as a separate prop to the
-  // Details theme component
-  const summary = items.find(
-    (item) => React.isValidElement(item) && item.type === 'summary'
-  );
-
-  const children = <>{items.filter((item) => item !== summary)}</>;
-  return (
-    <DetailsStyling {...props} summary={summary}>
-      {children}
-    </DetailsStyling>
-  );
-};
-
-export default MDXDetails;
diff --git a/packages/docs-gesture-handler/src/theme/MDXComponents/DetailsStyling.tsx b/packages/docs-gesture-handler/src/theme/MDXComponents/DetailsStyling.tsx
deleted file mode 100644
index c11d7c72f0..0000000000
--- a/packages/docs-gesture-handler/src/theme/MDXComponents/DetailsStyling.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { useCollapsible, Collapsible } from '@docusaurus/theme-common';
-
-import clsx from 'clsx';
-import React from 'react';
-import { useRef, useState } from 'react';
-
-import styles from './styles.module.css';
-import useIsBrowser from '@docusaurus/useIsBrowser';
-import ThemedImage from '@theme/ThemedImage';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-
-const DetailsStyling = ({ summary, children, ...props }): JSX.Element => {
-  const isBrowser = useIsBrowser();
-  const { collapsed, setCollapsed } = useCollapsible({
-    initialState: !props.open,
-  });
-
-  const arrowIcon = {
-    light: useBaseUrl('/img/Arrow.svg'),
-    dark: useBaseUrl('img/Arrow-dark.svg'),
-  };
-
-  const detailsRef = useRef<HTMLDetailsElement>(null);
-  const [open, setOpen] = useState(props.open);
-
-  // As we need to modify our own summary, we need to extract original content of summary
-  const extractedSummaryElement = summary.props.children;
-
-  return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    <details
-      {...props}
-      ref={detailsRef}
-      open={open}
-      data-collapsed={collapsed}
-      className={clsx(
-        styles.details,
-        isBrowser && styles.isBrowser,
-        props.className
-      )}
-      onMouseDown={(e) => {
-        const target = e.target as HTMLElement;
-        // Prevent a double-click to highlight summary text
-        if (isInSummary(target) && e.detail > 1) {
-          e.preventDefault();
-        }
-      }}
-      onClick={(e) => {
-        e.stopPropagation(); // For isolation of multiple nested details/summary
-        const target = e.target as HTMLElement;
-        const shouldToggle =
-          isInSummary(target) && hasParent(target, detailsRef.current!);
-        if (!shouldToggle) {
-          return;
-        }
-        e.preventDefault();
-        if (collapsed) {
-          setCollapsed(false);
-          setOpen(true);
-        } else {
-          setCollapsed(true);
-          // Don't do this, it breaks close animation!
-          // setOpen(false);
-        }
-      }}>
-      <summary>
-        <ThemedImage sources={arrowIcon} className={styles.arrow} />
-
-        <p>{extractedSummaryElement}</p>
-      </summary>
-
-      <Collapsible
-        lazy={false}
-        collapsed={collapsed}
-        disableSSRStyle
-        onCollapseTransitionEnd={(newCollapsed) => {
-          setCollapsed(newCollapsed);
-          setOpen(!newCollapsed);
-        }}>
-        <div className={styles.collapsibleContent}>{children}</div>
-      </Collapsible>
-    </details>
-  );
-};
-
-function isInSummary(node: HTMLElement | null): boolean {
-  if (!node) {
-    return false;
-  }
-  return node.tagName === 'SUMMARY' || isInSummary(node.parentElement);
-}
-
-function hasParent(node: HTMLElement | null, parent: HTMLElement): boolean {
-  if (!node) {
-    return false;
-  }
-  return node === parent || hasParent(node.parentElement, parent);
-}
-
-export default DetailsStyling;
diff --git a/packages/docs-gesture-handler/src/theme/MDXComponents/styles.module.css b/packages/docs-gesture-handler/src/theme/MDXComponents/styles.module.css
deleted file mode 100644
index aa52a3527d..0000000000
--- a/packages/docs-gesture-handler/src/theme/MDXComponents/styles.module.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.details {
-  background-color: var(--swm-details-foreground);
-  box-shadow: -8px 8px 0 var(--swm-details-background);
-
-  color: var(--swm-details-color);
-}
-
-.details a {
-  color: var(--swm-details-color);
-}
-
-.details > summary {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  list-style: none;
-  padding: 1.5em 2em;
-}
-
-.details > summary > p {
-  margin: 0;
-}
-
-/* TODO: deprecation, need to remove this after Safari will support `::marker` */
-.details > summary::-webkit-details-marker {
-  display: none;
-}
-
-.arrow {
-  height: 12px;
-  width: 12px;
-  margin-right: 1.5rem;
-  left: 0;
-
-  transition: var(--swm-expandable-transition);
-}
-
-.details[open]:not(.isBrowser) > summary > .arrow,
-    /* When JS works: we use the data-attribute for arrow animation */
-.details[data-collapsed='false'].isBrowser > summary > .arrow {
-  transform: rotate(180deg);
-}
-
-.collapsibleContent {
-  padding: 0 2em 1.5em 2em;
-}
-
-.collapsibleContent > *:last-child {
-  margin-bottom: 0;
-}
diff --git a/packages/docs-gesture-handler/src/theme/PaginatorNavLink/index.js b/packages/docs-gesture-handler/src/theme/PaginatorNavLink/index.js
deleted file mode 100644
index 2c48b35574..0000000000
--- a/packages/docs-gesture-handler/src/theme/PaginatorNavLink/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { PaginatorNavLink } from '@swmansion/t-rex-ui';
-
-export default PaginatorNavLink;
diff --git a/packages/docs-gesture-handler/src/theme/SearchPage/index.js b/packages/docs-gesture-handler/src/theme/SearchPage/index.js
deleted file mode 100644
index 2daf999043..0000000000
--- a/packages/docs-gesture-handler/src/theme/SearchPage/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { SearchPage } from '@swmansion/t-rex-ui';
-
-export default SearchPage;
diff --git a/packages/docs-gesture-handler/src/theme/TOCCollapsible/index.js b/packages/docs-gesture-handler/src/theme/TOCCollapsible/index.js
deleted file mode 100644
index 81bfb454ae..0000000000
--- a/packages/docs-gesture-handler/src/theme/TOCCollapsible/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TOCCollapsible } from '@swmansion/t-rex-ui';
-
-export default TOCCollapsible;
diff --git a/packages/docs-gesture-handler/src/theme/TOCItems/Tree.js b/packages/docs-gesture-handler/src/theme/TOCItems/Tree.js
deleted file mode 100644
index 4983afc968..0000000000
--- a/packages/docs-gesture-handler/src/theme/TOCItems/Tree.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TOCItemTree } from '@swmansion/t-rex-ui';
-
-export default TOCItemTree;
diff --git a/packages/docs-gesture-handler/static/llms-full.txt b/packages/docs-gesture-handler/static/llms-full.txt
new file mode 100644
index 0000000000..20af2eb8ad
--- /dev/null
+++ b/packages/docs-gesture-handler/static/llms-full.txt
@@ -0,0 +1,5578 @@
+# Documentation (Full)
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/buttons
+# Title: Buttons
+
+The Gesture Handler library offers native components that function as buttons, serving as alternatives to `TouchableHighlight` or `TouchableOpacity` from the core React Native framework. These buttons process touch recognition natively, which ensures a deterministic response. This capability significantly enhances performance; for example, it allows for immediate ripple effects on Android, unlike `TouchableNativeFeedback`, which requires a touch event roundtrip to JavaScript that can cause delays, especially noticeable on older devices. Additionally, these components handle default platform interactions natively, particularly in scrollable containers where interactions are smartly delayed to prevent unintended highlighting during a fling.
+
+Gesture Handler library exposes components that render native touchable elements under the hood:
+
+* [`RawButton`](#rawbutton)
+* [`BaseButton`](#basebutton)
+* [`RectButton`](#rectbutton)
+* [`BorderlessButton`](#borderlessbutton)
+
+On top of that all the buttons are wrapped with [`Native gesture`](/docs/gestures/use-native-gesture) and therefore allow for all its [properties](/docs/gestures/use-native-gesture#config) to be applied to them.
+
+## RawButton
+
+The most basic button component does not provide any feedback and lacks props such as `onPress`. It serves as a foundation for other button components and is ideal if you wish to implement your own custom interactions for when the button is pressed.
+
+`RawButton` accepts all [`Native gesture` props](/docs/gestures/use-native-gesture#config), [accessibility props](https://reactnative.dev/docs/accessibility#accessibility-properties), along with the following additional properties:
+
+### exclusive
+
+```ts
+exclusive?: boolean;
+```
+
+Defines if more than one button could be pressed simultaneously. By default set to `true`.
+
+### rippleColor
+
+```ts
+rippleColor?: number | ColorValue | null;
+```
+
+Defines [color](https://reactnative.dev/docs/colors) of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
+
+### rippleRadius
+
+```ts
+rippleRadius?: number | null;
+```
+
+Defines radius of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
+
+### borderless
+
+```ts
+borderless?: boolean;
+```
+
+If set to `false`, [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation will render only within view bounds.
+
+### foreground
+
+```ts
+foreground?: boolean;
+```
+
+Defines whether the [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation should be drawn on the foreground of the view.
+
+### touchSoundDisabled
+
+```ts
+touchSoundDisabled?: boolean;
+```
+
+If set to `true`, the system will not play a sound when the button is pressed.
+
+## BaseButton
+
+Can be used as a base class if you'd like to implement some custom interaction for when the button is pressed. It has all the props of [`RawButton`](#rawbutton) and in addition to that it also provides the following props:
+
+### onPress
+
+```ts
+onPress?: (pointerInside: boolean) => void;
+```
+
+Triggered when the button gets pressed (analogous to `onPress` in `TouchableHighlight` from RN core).
+
+### onLongPress
+
+```ts
+onLongPress?: () => void;
+```
+
+Triggered when the button gets pressed for at least [`delayLongPress`](#delaylongpress) milliseconds.
+
+### onActiveStateChange
+
+```ts
+onActiveStateChange?: (active: boolean) => void;
+```
+
+Triggered when the button transitions between active and inactive states. It passes the current active state as a boolean variable to the method as the first parameter.
+
+### delayLongPress
+
+```ts
+delayLongPress?: number;
+```
+
+Defines the delay, in milliseconds, after which the [`onLongPress`](#onlongpress) callback gets called. By default set to `600`.
+
+## RectButton
+
+This type of button component is ideal for use with rectangular elements or content blocks that can be pressed, such as table rows or buttons featuring text and icons. It ensures platform-specific interactions, such as rendering a rectangular ripple on Android or highlighting the background on iOS and older Android versions. In addition to the props offered by [`BaseButton`](#basebutton), it accepts the following:
+
+### underlayColor
+
+```ts
+underlayColor?: string;
+```
+
+Background color that will be dimmed when button is in active state.
+
+### activeOpacity
+
+```ts
+activeOpacity?: number;
+```
+
+Opacity applied to the underlay when button is in active state.
+
+## BorderlessButton
+
+This type of button component should be used with simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered (it means that the ripple will animate into a circle that can span outside of the view bounds), whereas on iOS the button will be dimmed (similar to how `TouchableOpacity` works). In addition to the props of [`BaseButton`](#basebutton), it accepts the following:
+
+### activeOpacity
+
+```ts
+activeOpacity?: number;
+```
+
+Opacity applied to the button when it is in an active state.
+
+## Accessibility
+
+To guarantee that buttons are fully accessible, you must wrap your children in a `View` marked as `accessible` and include the `accessibilityRole="button"` prop. This requirement applies to both iOS and Android platforms. Without these adjustments, the button won't be selectable on iOS, and on Android, it won't be clickable in accessibility mode.
+
+```tsx
+// Not accessible:
+const NotAccessibleButton = () => (
+  <RectButton onPress={this._onPress}>
+    <Text>Foo</Text>
+  </RectButton>
+);
+
+// Accessible:
+const AccessibleButton = () => (
+  <RectButton onPress={this._onPress}>
+    <View accessible accessibilityRole="button">
+      <Text>Bar</Text>
+    </View>
+  </RectButton>
+);
+```
+
+## Design patterns
+
+Components listed here were not designed to behave and look in the same way on both platforms but rather to be used for handling similar behaviour on iOS and Android taking into consideration their design concepts.
+
+If you wish to get specific information about platforms design patterns, visit [official Apple docs](https://developer.apple.com/design/human-interface-guidelines/components/menus-and-actions/buttons) and [Material.io guideline](https://material.io/components/buttons#text-button), which widely describe how to implement coherent design.
+
+This library allows to use native components with native feedback in adequate situations.
+
+If you do not wish to implement custom design approach, [`RectButton`](#rectbutton) and [`BorderlessButton`](#borderlessbutton) seem to be absolutely enough and there's no need to use anything else. In all the remaining cases you can always rely on [`BaseButton`](#basebutton) which is a superclass for the other button classes and can be used as a generic `Touchable` replacement that can be customized to your needs.
+
+Below we list some of the common usecases for button components to be used along with the type of button that should be used according to the platform specific design guidelines.
+
+### Lists and action buttons
+
+If you have a list with clickable items or have an action button that need to display as a separate UI block (vs being inlined in a text) you should use [`RectButton`](#rectbutton). It changes opacity on click and additionally supports a [ripple effect](#ripplecolor-android-only) on Android.
+
+To determine emphasis of button it's vital to use fill color or leave it transparent especially on Android.
+For medium emphasis you may consider outlined buttons which are used for lower impact than fill buttons.
+
+### Icon or text only buttons
+
+Use `BorderlessButton` for simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered, whereas on iOS the button will be dimmed.
+It should be used if you wish to handle non-crucial actions and supportive behaviour.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/pressable
+# Title: Pressable
+
+> **Info**
+>
+> This component is a drop-in replacement for the `Pressable` component.
+
+`Pressable` is a component that can detect various stages of tap, press, and hover interactions on any of its children.
+
+To use `Pressable`, ensure that your app is wrapped in [`GestureHandlerRootView`](/docs/fundamentals/root-view) and import it as follows:
+
+```ts
+import { Pressable } from 'react-native-gesture-handler';
+```
+
+## Properties
+
+### children
+
+```ts
+children?:
+  | React.ReactNode
+  | ((state: PressableStateCallbackType) => React.ReactNode);
+```
+
+Either children or a render prop that receives a boolean reflecting whether the component is currently pressed.
+
+### style
+
+```ts
+style?:
+  | StyleProp<ViewStyle>
+  | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+```
+
+Either view styles or a function that receives a boolean reflecting whether the component is currently pressed and returns view styles.
+
+### onPress
+
+```ts
+onPress?: null | ((event: PressableEvent) => void);
+```
+
+Called after [`onPressOut`](#onpressout) when a single tap gesture is detected. Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
+
+### onPressIn
+
+```ts
+onPressIn?: null | ((event: PressableEvent) => void);
+```
+
+Called before `onPress` when a touch is engaged. Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
+
+### onPressOut
+
+```ts
+onPressOut?: null | ((event: PressableEvent) => void);
+```
+
+Called before `onPress` when a touch is released (before [`onPress`](#onpress)). Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
+
+### onLongPress
+
+```ts
+onLongPress?: null | ((event: PressableEvent) => void);
+```
+
+Called immediately after pointer has been down for at least [`delayLongPress`](#delaylongpress) milliseconds.
+
+After `onLongPress` has been called, [`onPressOut`](#onpressout) will be called as soon as the pointer is lifted and [`onPress`](#onpress) will not be called at all.
+
+### cancelable
+
+```ts
+cancelable?: null | boolean;
+```
+
+Whether a press gesture can be interrupted by a parent gesture such as a scroll event. Defaults to `true`.
+
+### onHoverIn
+
+```ts
+onHoverIn?: null | ((event: PressableEvent) => void);
+```
+
+Called when pointer is hovering over the element.
+
+### onHoverOut
+
+```ts
+onHoverOut?: null | ((event: PressableEvent) => void);
+```
+
+Called when pointer stops hovering over the element.
+
+### delayHoverIn
+
+```ts
+delayHoverIn?: number | null;
+```
+
+Duration to wait after hover in before calling `onHoverIn`.
+
+### delayHoverOut
+
+```ts
+delayHoverOut?: number | null;
+```
+
+Duration to wait after hover out before calling `onHoverOut`.
+
+### delayLongPress
+
+```ts
+delayLongPress?: null | number;
+```
+
+Duration (in milliseconds) from `onPressIn` before `onLongPress` is called. Default value is `500` ms.
+
+### disabled
+
+```ts
+disabled?: null | boolean;
+```
+
+Whether the `Pressable` behavior is disabled.
+
+### hitSlop
+
+```ts
+hitSlop?: null | Insets | number;
+```
+
+Additional distance outside of the view in which a press is detected and [`onPressIn`](#onpressin) is triggered.
+
+The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
+
+### pressRetentionOffset
+
+```ts
+pressRetentionOffset?: null | Insets | number;
+```
+
+Additional distance outside of the view (or [`hitSlop`](#hitslop) if present) in which a touch is considered a
+press before [`onPressOut`](#onpressout) is triggered.
+
+The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
+
+### android\_disableSound
+
+```ts
+android_disableSound?: null | boolean;
+```
+
+If `true`, doesn't play system sound on touch.
+
+### android\_ripple
+
+```ts
+android_ripple?: null | PressableAndroidRippleConfig;
+```
+
+Enables the Android [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) effect and configures its color, radius and other parameters.
+
+Accepts values of type [`RippleConfig`](https://reactnative.dev/docs/pressable#rippleconfig).
+
+### testOnly\_pressed
+
+```ts
+testOnly_pressed?: null | boolean;
+```
+
+Used only for documentation or testing (e.g. snapshot testing).
+
+### unstable\_pressDelay
+
+```ts
+unstable_pressDelay?: number | undefined;
+```
+
+Duration (in milliseconds) to wait after press down before calling [`onPressIn`](#onpressin).
+
+## PressableEvent
+
+All `Pressable` callbacks receive an event object as a parameter, which is of type `PressableEvent` and has the following structure:
+
+```ts
+export type PressableEvent = { nativeEvent: InnerPressableEvent };
+
+export type InnerPressableEvent = {
+  changedTouches: InnerPressableEvent[];
+  identifier: number;
+  locationX: number;
+  locationY: number;
+  pageX: number;
+  pageY: number;
+  target: number;
+  timestamp: number;
+  touches: InnerPressableEvent[];
+  force?: number;
+};
+```
+
+## Example
+
+See the full example in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/legacy/v2_api/pressable/index.tsx).
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/reanimated-drawer-layout
+# Title: Reanimated Drawer Layout
+
+> **Info**
+>
+> This component acts as a cross-platform replacement for React Native's [`DrawerLayoutAndroid`](http://reactnative.dev/docs/drawerlayoutandroid.html) component, written using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started). For detailed information on standard parameters, please refer to the [React Native documentation](http://reactnative.dev/docs/drawerlayoutandroid.html).
+
+To use `ReanimatedDrawerLayout`, first ensure that Reanimated is installed and that your app is wrapped in [`GestureHandlerRootView`](/docs/fundamentals/root-view). You can then import it as follows:
+
+```ts
+import ReanimatedDrawerLayout from 'react-native-gesture-handler/ReanimatedDrawerLayout';
+```
+
+## Properties
+
+### drawerType
+
+```ts
+drawerType?: DrawerType;
+```
+
+Specifies the way the drawer will be displayed.
+Accepts values of the `DrawerType` enum. Defaults to `FRONT`.
+
+* `FRONT` The drawer will be displayed above the content view.
+* `BACK` The drawer will be displayed below the content view, revealed by sliding away the content view.
+* `SLIDE` The drawer will appear attached to the content view, opening it slides both the drawer and the content view.
+
+| `FRONT`                                               | `BACK`                                               | `SLIDE`                                               |
+| ----------------------------------------------------- | ---------------------------------------------------- | ----------------------------------------------------- |
+|  |  |  |
+
+### drawerBackgroundColor
+
+```ts
+drawerBackgroundColor?: string;
+```
+
+Color of the drawer's background.
+
+### drawerWidth
+
+```ts
+drawerWidth?: number;
+```
+
+Width of the drawer. Defaults to `200`.
+
+### drawerLockMode
+
+Specifies the lock mode of the drawer.
+
+* `UNLOCKED` The drawer is unlocked and can be opened or closed by gestures.
+* `LOCKED_CLOSED` The drawer will move freely until it settles in a closed position, then the gestures will be disabled.
+* `LOCKED_OPEN` The drawer will move freely until it settles in an opened position, then the gestures will be disabled.
+
+### keyboardDismissMode
+
+Determines if system keyboard should be closed upon dragging the drawer.
+
+### animationSpeed
+
+```ts
+animationSpeed?: number;
+```
+
+Speed of animation that will play when letting go, or dismissing the drawer.
+
+### minSwipeDistance
+
+```ts
+minSwipeDistance?: number;
+```
+
+Minimal distance to swipe before the drawer starts moving.
+
+### contentContainerStyle
+
+```ts
+contentContainerStyle?: StyleProp<ViewStyle>;
+```
+
+Style of the content view container.
+
+### drawerContainerStyle
+
+```ts
+drawerContainerStyle?: StyleProp<ViewStyle>;
+```
+
+Style wrapping the drawer.
+
+### edgeWidth
+
+```ts
+edgeWidth?: number;
+```
+
+Width of the invisible, draggable area on the edge of the content view, which can be dragged to open the drawer.
+
+### hideStatusBar
+
+```ts
+hideStatusBar?: boolean;
+```
+
+When set to `true`, drawer component will use [StatusBar API](http://reactnative.dev/docs/statusbar.html) to hide the OS status bar when the drawer is dragged or idle in the `open` position.
+
+### statusBarAnimation
+
+May be used in combination with [`hideStatusBar`](#hidestatusbar) to select the animation used for hiding the status bar.
+See [StatusBar API](http://reactnative.dev/docs/statusbar.html#statusbaranimation) docs. Defaults to `slide`.
+
+### overlayColor
+
+```ts
+overlayColor?: string;
+```
+
+Color of the background overlay on top of the content window when the drawer is `open`.\
+This color's opacity animates from 0% to 100% as the drawer transitions from closed to open. Defaults to `rgba(0, 0, 0, 0.7)`.
+
+### renderNavigationView
+
+```ts
+renderNavigationView: (
+  progressAnimatedValue: SharedValue<number>
+) => ReactNode;
+```
+
+A renderer function for the drawer component is provided with a `progress` parameter called `progressAnimatedValue`, which is a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) indicating the progress of the drawer's opening or closing animation. This value is `0` when the drawer is fully closed and `1` when it is fully opened. The drawer component can use this value to animate its children during the opening or closing process. This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node).
+
+### onDrawerClose
+
+```ts
+onDrawerClose?: () => void;
+```
+
+A function which is called when the drawer has been closed.
+
+### onDrawerOpen
+
+```ts
+onDrawerOpen?: () => void;
+```
+
+A function which is called when the drawer has been opened.
+
+### onDrawerSlide
+
+```ts
+onDrawerSlide?: (position: number) => void;
+```
+
+A function is called when the drawer is moving or animating, provided with a `position` parameter. This `position` value indicates the progress of the drawer's opening or closing animation. It equals `0` when the drawer is closed and `1` when the drawer is fully opened. This value can be utilized by the drawer component to animate its children as the drawer opens or closes.
+
+### onDrawerStateChanged
+
+A function is called when the status of the drawer changes, taking `newState` to represent the drawer's interaction state and `drawerWillShow`, which is `true` when the drawer starts animating towards the open position and `false` otherwise.
+
+### enableTrackpadTwoFingerGesture
+
+```ts
+enableTrackpadTwoFingerGesture?: boolean;
+```
+
+Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger the gesture.
+
+### children
+
+```ts
+children?: ReactNode | ((openValue?: SharedValue<number>) => ReactNode);
+```
+
+Either a component rendered in the content view or a function. If `children` is a function, it receives an `openValue` parameter -  [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that indicates the progress of the drawer's opening or closing animation. This value equals `0` when the drawer is closed and `1` when it is fully opened. The drawer component can use this value to animate its children during the opening or closing process. This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node).
+
+### enableContextMenu
+
+```ts
+enableContextMenu: boolean;
+```
+
+Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false` if [`MouseButton.RIGHT`](#mousebutton-web--android-only) is specified.
+
+### userSelect
+
+```ts
+userSelect: 'none' | 'auto' | 'text';
+```
+
+This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
+
+### activeCursor
+
+```ts
+activeCursor: ActiveCursor;
+```
+
+This parameter allows to specify which cursor should be used when gesture activates. Supports all [CSS cursor values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/cursor#keyword) (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
+
+## Drawer ref methods
+
+Using a reference to `ReanimatedDrawerLayout` allows you to manually trigger the opening and closing of the component.
+
+```ts
+const drawerRef = useRef<DrawerLayoutMethods>(null);
+```
+
+Both methods accept an optional `options` parameter, which allows you to customize the animation of the drawer movement.
+
+```ts
+export type DrawerMovementOption = {
+  initialVelocity?: number;
+  animationSpeed?: number;
+};
+```
+
+### openDrawer
+
+```ts
+openDrawer: (options?: DrawerMovementOption) => void;
+```
+
+Allows to manually open the drawer.
+
+### closeDrawer
+
+```ts
+closeDrawer: (options?: DrawerMovementOption) => void;
+```
+
+Allows to manually close the drawer.
+
+## Example
+
+Example of a `ReanimatedDrawerLayout` component can be found in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/new_api/components/drawer/index.tsx).
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/reanimated_swipeable
+# Title: Reanimated Swipeable
+
+> **Info**
+>
+> This component is a drop-in replacement for the `Swipeable` component, rewritten using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started).
+
+Reanimated `Swipeable` is designed for implementing swipeable rows or similar interactions. It places its children inside a pannable container that enables horizontal swiping to the left and right. Depending on the direction of the swipe, one of two "action" containers will be displayed, which can be configured using the [`renderLeftActions`](#renderleftactions) or [`renderRightActions`](#renderrightactions) props.
+
+To use Reanimated `Swipeable`, first ensure that Reanimated is installed and that your app is wrapped in `GestureHandlerRootView`. You can then import it as follows:
+
+```ts
+import Swipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
+```
+
+## Properties
+
+### friction
+
+```ts
+friction?: number;
+```
+
+Number that specifies how much the visual interaction will be delayed compared to the gesture distance.
+
+e.g. value of `1` will indicate that the swipeable panel should exactly follow the gesture, `2` means it is going to be two times "slower".
+
+### leftThreshold
+
+```ts
+leftThreshold?: number;
+```
+
+Distance from the left edge at which released panel will animate to the open state (or the open panel will animate into the closed state). By default it's a half of the panel's width.
+
+### rightThreshold
+
+```ts
+rightThreshold?: number;
+```
+
+Distance from the right edge at which released panel will animate to the open state (or the open panel will animate into the closed state). By default it's a half of the panel's width.
+
+### dragOffsetFromLeftEdge
+
+```ts
+dragOffsetFromLeftEdge?: number;
+```
+
+Distance that the panel must be dragged from the left edge to be considered a swipe. The default value is `10`.
+
+### dragOffsetFromRightEdge
+
+```ts
+dragOffsetFromRightEdge?: number;
+```
+
+Distance that the panel must be dragged from the right edge to be considered a swipe. The default value is `10`.
+
+### overshootLeft
+
+```ts
+overshootLeft?: boolean;
+```
+
+A boolean value indicating if the swipeable panel can be pulled further than the left actions panel's width. It is set to `true` by default as long as the left panel render function is present.
+
+### overshootRight
+
+```ts
+overshootRight?: boolean;
+```
+
+A boolean value indicating if the swipeable panel can be pulled further than the right actions panel's width. It is set to `true` by default as long as the right panel render function is present.
+
+### overshootFriction
+
+```ts
+overshootFriction?: number;
+```
+
+A number specifying the delay of visual interaction compared to the gesture distance when overshooting. The default value is `1`, which means no friction. For a more native feel, try using a value of `8` or higher.
+
+### onSwipeableOpen
+
+```ts
+onSwipeableOpen?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when `Swipeable` is opened (either right or left).
+Receives swipe direction as an argument.
+
+### onSwipeableClose
+
+```ts
+onSwipeableClose?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when `Swipeable` is closed.
+Receives swipe direction as an argument.
+
+### onSwipeableWillOpen
+
+```ts
+onSwipeableWillOpen?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when `Swipeable` starts animating on open (either right or left).
+Receives swipe direction as an argument.
+
+### onSwipeableWillClose
+
+```ts
+onSwipeableWillClose?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when `Swipeable` starts animating on close.
+Receives swipe direction as an argument.
+
+### onSwipeableOpenStartDrag
+
+```ts
+onSwipeableOpenStartDrag?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when a user starts to drag the `Swipeable` to open.
+Receives swipe direction as an argument.
+
+### onSwipeableCloseStartDrag
+
+```ts
+onSwipeableCloseStartDrag?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when a user starts to drag the `Swipeable` to close.
+Receives swipe direction as an argument.
+
+### renderLeftActions
+
+```ts
+renderLeftActions?: (
+  progress: SharedValue<number>,
+  translation: SharedValue<number>,
+  swipeableMethods: SwipeableMethods
+) => React.ReactNode;
+```
+
+A function that returns a component which will be rendered beneath the `Swipeable` after it is swiped to the right. This function accepts the following parameters:
+
+* `progress` - a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that represents the swiping progress relative to the width of the returned element.
+  * It equals `0` when the `Swipeable` is fully closed and `1` when it is fully opened.
+  * As the element overshoots its open position, the value approaches `Infinity`.
+* `translation` - a horizontal offset of the `Swipeable` relative to its closed position.
+* `swipeableMethods` - provides an object exposing methods detailed in the [methods section](#methods).
+
+This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node). To accommodate `rtl` (right-to-left) flexbox layouts, use the [`flexDirection`](https://reactnative.dev/docs/flexbox#flex-direction) style property.
+
+### renderRightActions
+
+```ts
+renderRightActions?: (
+  progress: SharedValue<number>,
+  translation: SharedValue<number>,
+  swipeableMethods: SwipeableMethods
+) => React.ReactNode;
+```
+
+A function that returns a component which will be rendered beneath the `Swipeable` after it is swiped to the left. This function accepts the following parameters:
+
+* `progress` - a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that represents the swiping progress relative to the width of the returned element.
+  * It equals `0` when the `Swipeable` is fully closed and `1` when it is fully opened.
+  * As the element overshoots its open position, the value approaches `Infinity`.
+* `translation` - a horizontal offset of the `Swipeable` relative to its closed position.
+* `swipeableMethods` - provides an object exposing methods detailed in the [methods section](#methods).
+
+This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node). To accommodate `rtl` (right-to-left) flexbox layouts, use the [`flexDirection`](https://reactnative.dev/docs/flexbox#flex-direction) style property.
+
+### containerStyle
+
+```ts
+containerStyle?: StyleProp<ViewStyle>;
+```
+
+Style object for the container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
+
+### childrenContainerStyle
+
+```ts
+childrenContainerStyle?: StyleProp<ViewStyle>;
+```
+
+Style object for the children container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
+
+### simultaneousWithExternalGesture
+
+```ts
+simultaneousWithExternalGesture?: AnyGesture | AnyGesture[];
+```
+
+Gestures to be recognized simultaneously with the `Swipeable` (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+
+### requireExternalGestureToFail
+
+```ts
+requireExternalGestureToFail?: AnyGesture | AnyGesture[];
+```
+
+Gestures that `Swipeable` has to wait for before activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+
+### blocksExternalGesture
+
+```ts
+blocksExternalGesture?: AnyGesture | AnyGesture[];
+```
+
+Gestures that `Swipeable` will prevent from activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+
+### enableTrackpadTwoFingerGesture
+
+```ts
+enableTrackpadTwoFingerGesture?: boolean;
+```
+
+Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger the gesture.
+
+### enabled
+
+```ts
+enabled: boolean;
+```
+
+Indicates whether `ReanimatedSwipeable` should be analyzing stream of touch events or not. Defaults to `true`.
+
+### testID
+
+```ts
+testID: string;
+```
+
+Sets a `testID` property, allowing for querying `ReanimatedSwipeable` for it in tests.
+
+### hitSlop
+
+This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.
+When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
+See [hitSlop section](/docs/gestures/use-pan-gesture#hitslop) in `Pan` gesture for more details.
+
+## Swipeable ref methods
+
+Using a reference to `Swipeable` allows you to manually trigger the opening and closing of the component, as well as reset its swiping state.
+
+```ts
+const swipeableRef = useRef<SwipeableMethods>(null);
+```
+
+### close
+
+```ts
+close: () => void;
+```
+
+A method that closes component.
+
+### openLeft
+
+```ts
+openLeft: () => void;
+```
+
+A method that opens component on left side.
+
+### openRight
+
+```ts
+openRight: () => void;
+```
+
+A method that opens component on right side.
+
+### reset
+
+```ts
+reset: () => void;
+```
+
+A method that resets the swiping states of this `Swipeable` component. Unlike [`close`](#close), this method does not trigger any animation.
+
+## Example
+
+Example of a `Swipeable` component can be found in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/new_api/components/swipeable/index.tsx).
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/touchables
+# Title: Touchables
+
+> **Warning**
+>
+> Touchables will be removed in the future version of Gesture Handler. Use [`Pressable`](/docs/components/pressable) instead.
+
+Gesture Handler library provides an implementation of RN's touchable components that are based on [native buttons](buttons.mdx) and does not rely on JS responder system utilized by RN. Our touchable implementation follows the same API and aims to be a drop-in replacement for touchables available in React Native.
+
+React Native's touchables API can be found here:
+
+* [Touchable Native Feedback](https://reactnative.dev/docs/touchablenativefeedback)
+* [Touchable Highlight](https://reactnative.dev/docs/touchablehighlight)
+* [Touchable Opacity](https://reactnative.dev/docs/touchableopacity)
+* [Touchable Without Feedback](https://reactnative.dev/docs/touchablewithoutfeedback)
+
+All major touchable properties (except from `pressRetentionOffset`) have been adopted and should behave in a similar way as with RN's touchables.
+
+The motivation for using RNGH touchables as a replacement for these imported from React Native is to follow built-in native behavior more closely by utilizing platform native touch system instead of relying on the JS responder system.
+These touchables and their feedback behavior are deeply integrated with native
+gesture ecosystem and could be connected with other native components (e.g. `ScrollView`) and Gesture Handlers easily and in a more predictable way, which
+follows native apps' behavior.
+
+Our intention was to make switch for these touchables as simple as possible. In order to use RNGH's touchables the only thing you need to do is to change library from which you import touchable components.
+need only to change imports of touchables.
+
+> **Info**
+>
+> Gesture Handler's `TouchableOpacity` uses native driver for animations by default. If this causes problems for you, you can set `useNativeAnimations` prop to false.
+
+### Example:
+
+```ts
+import {
+  TouchableNativeFeedback,
+  TouchableHighlight,
+  TouchableOpacity,
+  TouchableWithoutFeedback,
+} from 'react-native';
+```
+
+has to be replaced with:
+
+```ts
+import {
+  TouchableNativeFeedback,
+  TouchableHighlight,
+  TouchableOpacity,
+  TouchableWithoutFeedback,
+} from 'react-native-gesture-handler';
+```
+
+For a comparison of both touchable implementations see our [touchables example](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/legacy/release_tests/touchables/index.tsx)
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/animated-interactions
+# Title: Integration with Animated
+
+Using hook API allows for smooth integration with the [Animated API](https://reactnative.dev/docs/animated) by allowing for passing an `Animated.event` as the argument to the [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) callback. The event mapping of `Animated.event` depends on the [`useNativeDriver`](https://reactnative.dev/docs/animated#using-the-native-driver) property.
+
+When using Animated API, remember to set `useAnimated` property to `true`.
+
+:::danger Mixing Reanimated and Animated
+It is not possible to mix Reanimated and Animated within any of the [gesture detectors](/docs/fundamentals/gesture-detectors).
+:::
+
+## useNativeDriver
+
+When using `Animated.event` with `useNativeDriver` set to `false`, it is required to set [`disableReanimated`](/docs/fundamentals/reanimated-interactions#disablereanimated) to `true` in the gesture configuration.
+
+Mapping of `Animated.event` depends on the value of `useNativeDriver` property. When set to `true`, event data can be accessed through `nativeEvent.handlerData` property:
+
+```jsx
+  const value = useAnimatedValue(0);
+
+  const event = Animated.event(
+    [{ nativeEvent: { handlerData: { /* translationX: value, ... */ } } }],
+    { useNativeDriver: true }
+  );
+```
+
+In case of `useNativeDriver` set to `false`, event data is accessed directly:
+
+```jsx
+  const value = useAnimatedValue(0);
+
+  const event = Animated.event(
+    [ { /* translationX: value, ... */ } ],
+    { useNativeDriver: false }
+  );
+```
+
+## Usage with VirtualGestureDetector
+
+Using `Animated.event` with [`VirtualGestureDetector`](/docs/fundamentals/gesture-detectors#virtualgesturedetector) is possible only when `useNativeDriver` is set to `false`.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/callbacks-events
+# Title: Gesture callbacks & events
+
+At any given time, each handler instance has an assigned [state](/docs/under-the-hood/state) that can change when new touch events occur or can be forced to change by the touch system under certain circumstances. You can hook into state transitions using specific [gesture callbacks](#callbacks).
+
+When Reanimated is installed, all callbacks are automatically workletized. For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions#automatic-workletization-of-gesture-callbacks) section.
+
+## Callbacks flow
+
+### GestureEvent callbacks
+
+Note that some of these callbacks are complementary:
+
+* if `onBegin` was called, it is guaranteed that `onFinalize` will be called later.
+* if `onActivate` was called, it is guaranteed that `onDeactivate` will be called later.
+
+### TouchEvent callbacks
+
+## Callbacks
+
+### onBegin
+
+```ts
+onBegin: (event: GestureEvent<HandlerData>) => void
+```
+
+Called when a handler begins to recognize gestures. If `onBegin` was called, it is guaranteed that `onFinalize` will be called later.
+
+### onActivate
+
+```ts
+onActivate: (event: GestureEvent<HandlerData>) => void
+```
+
+Called when activation criteria for handler are met. If `onActivate` was called, it is guaranteed that `onDeactivate` will be called later.
+
+### onUpdate
+
+```ts
+onUpdate: (event: GestureEvent<HandlerData>) => void
+```
+
+Called each time a pointer tracked by the gesture changes state, typically due to movement, after the gesture has been activated.
+
+### onDeactivate
+
+```ts
+onDeactivate: (event: GestureEvent<HandlerData>, didSucceed: boolean) => void
+```
+
+Called after when handler stops recognizing gestures, but only if handler activated. It is called before `onFinalize`. If the handler was interrupted, the `didSucceed` argument is set to `false`. Otherwise it is set to `true`.
+
+### onFinalize
+
+```ts
+onFinalize: (event: GestureEvent<HandlerData>, didSucceed: boolean) => void
+```
+
+Called when handler stops recognizing gestures. If handler managed to activate, the `didSucceed` argument is set to `true` and `onFinalize` will be called right after `onDeactivate`. Otherwise it is set to `false`.
+
+### onTouchesDown
+
+```ts
+onTouchesDown: (event: GestureTouchEvent) => void
+```
+
+Called when new pointers are placed on the screen. It may carry information about more than one pointer because the events are batched.
+
+### onTouchesMove
+
+```ts
+onTouchesMove: (event: GestureTouchEvent) => void
+```
+
+Called when pointers are moved on the screen. It may carry information about more than one pointer because the events are batched.
+
+### onTouchesUp
+
+```ts
+onTouchesUp: (event: GestureTouchEvent) => void
+```
+
+Called when pointers are lifted from the screen. It may carry information about more than one pointer because the events are batched.
+
+### onTouchesCancel
+
+```ts
+onTouchesCancel: (event: GestureTouchEvent) => void
+```
+
+Called when there will be no more information about this pointer. It may be called because the gesture has ended or was interrupted. It may carry information about more than one pointer because the events are batched.
+
+## Events
+
+### GestureEvent
+
+`GestureEvent` contains properties common to all gestures (`handlerTag`, `numberOfPointers`, `pointerType`) along with gesture-specific data defined in each gesture's documentation.
+
+### TouchEvent
+
+`TouchEvent` carries information about raw touch events, like touching the screen or moving the finger.
+
+* `eventType` - Type of the current event - whether the finger was placed on the screen, moved, lifted or cancelled.
+
+* `changedTouches` - An array of objects where every object represents a single touch. Contains information only about the touches that were affected by the event i.e. those that were placed down, moved, lifted or cancelled.
+
+* `allTouches` - An array of objects where every object represents a single touch. Contains information about all active touches.
+
+* `numberOfTouches` - Number representing the count of currently active touches.
+
+`TouchData` contains information about a single touch.
+
+* `id` - A number representing id of the touch. It may be used to track the touch between events as the id will not change while it is being tracked.
+
+* `x` - X coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+* `y` - Y coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+* `absoluteX` - X coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of `x` in cases when the original view can be transformed as an effect of the gesture.
+
+* `absoluteY` - Y coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of `y` in cases when the original view can be transformed as an effect of the gesture.
+
+> **Danger**
+>
+> Don't rely on the order of items in the `changedTouches`/`allTouches` arrays as it may change during the gesture, instead use the `id` attribute to track individual touches across events.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/gesture-composition
+# Title: Gesture composition & interactions
+
+RNGH3 simplifies gesture interaction through dedicated composition hooks and configuration properties. To choose the right approach, simply ask: Are all the gestures attached to the same component?
+
+* If yes: Use composition hooks. These allow you to bundle multiple gestures—including previously composed ones—into a single object for a GestureDetector.
+
+* If no: Use relation properties to manually define how gestures interact. Since these properties also support composed gestures, you can mix both methods for more complex layouts.
+
+## Composition hooks
+
+### useCompetingGestures
+
+Only one of the provided gestures can become active at the same time. The first gesture to become active will cancel the rest of the gestures. It accepts variable number of arguments.
+
+For example, lets say that you have a component that you want to make draggable but you also want to show additional options on long press. Presumably you would not want the component to move after the long press activates. You can accomplish this using `useCompetingGestures`:
+
+### useSimultaneousGestures
+
+All of the provided gestures can activate at the same time. Activation of one will not cancel the other.
+
+For example, if you want to make a gallery app, you might want user to be able to zoom, rotate and pan around photos. You can do it with `useSimultaneousGestures`:
+
+> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+
+### useExclusiveGestures
+
+Only one of the provided gestures can become active. Priority is determined by the order of the aguments, where the first gesture has the highest priority, and the last has the lowest. A gesture can activate only after all higher-priority gestures before it have failed.
+
+For example, if you want to make a component that responds to single tap as well as to a double tap, you can accomplish that using `useExclusiveGestures`:
+
+## Cross-component interactions
+
+### requireToFail
+
+`requireToFail` allows to delay activation of the handler until all handlers passed as arguments to this method fail (or don't begin at all).
+
+For example, you may want to have two nested components, both of them can be tapped by the user to trigger different actions: outer view requires one tap, but the inner one requires 2 taps. If you don't want the first tap on the inner view to activate the outer handler, you must make the outer gesture wait until the inner one fails:
+
+### block
+
+`block` works similarly to `requireToFail` but the direction of the relation is reversed - instead of being one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
+
+### simultaneousWith
+
+`simultaneousWith` allows gestures across different components to be recognized simultaneously. For example, you may want to have two nested views, both with tap gesture attached. Both of them require one tap, but tapping the inner one should also activate the gesture attached to the outer view:
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/gesture-detector
+# Title: Gesture Detectors
+
+## Gesture Detector
+
+The `GestureDetector` is a key component of `react-native-gesture-handler`. It supports gestures created either using the hook-based API or the builder pattern. Additionally, it allows for the recognition of multiple gestures through [gesture composition](/docs/fundamentals/gesture-composition). `GestureDetector` interacts closely with [`Reanimated`](https://docs.swmansion.com/react-native-reanimated/). For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions) section.
+
+When using hook API, you can also integrate it directly with the [Animated API](https://reactnative.dev/docs/animated). More on that can be found in [Integration with Animated](/docs/fundamentals/animated-interactions) section.
+
+> **Danger**
+>
+> #### Nesting Gesture Detectors
+>
+> Because `GestureDetector` supports both the hook API and the builder pattern, it is important to avoid nesting detectors that use different APIs, as this can result in undefined behavior.
+>
+> #### Reusing Gestures
+>
+> Using the same instance of a gesture across multiple Gesture Detectors may result in undefined behavior.
+
+```js
+import { GestureDetector, useTapGesture } from 'react-native-gesture-handler';
+
+export default function App() {
+  const tap = useTapGesture({
+    onDeactivate: () => {
+      console.log('Tap!');
+    },
+  });
+
+  return (
+    <GestureHandlerRootView>
+      // highlight-next-line
+      <GestureDetector gesture={tap}>
+        <Animated.View />
+        // highlight-next-line
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+```
+
+## Virtual Detectors
+
+Since RNGH3, `GestureDetector` is a standalone host component. Depending on the view hierarchy, this can occasionally disrupt interactions between specific components. To resolve this, use `InterceptingGestureDetector` in combination with `VirtualNativeDetector`.
+
+### InterceptingGestureDetector
+
+`InterceptingGestureDetector` functions similarly to a `GestureDetector`, but it can also act as a proxy for `VirtualGestureDetector` within its component subtree. Because it can be used solely to establish the context for virtual detectors, the [`gesture`](#gesture) property is optional.
+
+### VirtualGestureDetector
+
+`VirtualGestureDetector` is similar to the `GestureDetector` from RNGH2. Because it is not a host component, it does not interfere with the host view hierarchy. This allows you to attach gestures without disrupting functionality that depends on it.
+
+### Known use cases
+
+Here are some of the most common use cases for virtual gesture detectors.
+
+#### SVG
+
+You can combine `VirtualGestureDetector` with [`react-native-svg`](https://github.com/software-mansion/react-native-svg) to add gesture handling to individual `SVG` elements.
+
+#### Text
+
+You can use `VirtualGestureDetector` to add gesture handling to specific parts of a `Text` component.
+
+## Properties
+
+### gesture
+
+```ts
+gesture: SingleGesture | ComposedGesture;
+```
+
+A gesture object containing the configuration and callbacks. Can be any of the base gestures or any [`ComposedGesture`](/docs/fundamentals/gesture-composition).
+
+### userSelect
+
+```ts
+userSelect: 'none' | 'auto' | 'text';
+```
+
+This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
+
+### touchAction
+
+```ts
+touchAction: TouchAction;
+```
+
+This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS [touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/touch-action) values. Default value is set to `"none"`.
+
+### enableContextMenu
+
+```ts
+enableContextMenu: boolean;
+```
+
+Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false`.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation
+# Title: Installation
+
+## Requirements
+
+### Compatibility with React Native versions
+
+`react-native-gesture-handler` supports the three latest minor releases of `react-native`.
+
+### Running gestures on the UI thread
+
+Using Reanimated is the recommended method of handling gesture-driven interactions on the UI thread. In order to use it, you need to install [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/) along with [`react-native-worklets`](https://docs.swmansion.com/react-native-worklets/). Another approach is to use React Native's [Animated API](https://reactnative.dev/docs/animated).
+
+For more details on how to implement these, refer to the dedicated sections for [Reanimated](/docs/fundamentals/reanimated-interactions) and [Animated](/docs/fundamentals/animated-interactions).
+
+## Setup
+
+Setting up `react-native-gesture-handler` is pretty straightforward:
+
+### 1. Start with installing the package from npm:
+
+```bash
+npx expo install react-native-gesture-handler
+```
+
+```bash
+npm install react-native-gesture-handler
+```
+
+```bash
+yarn add react-native-gesture-handler
+```
+
+### 2. Wrap your app with GestureHandlerRootView component
+
+```jsx
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export default function App() {
+  return (
+    <GestureHandlerRootView>
+      <ActualApp />
+    </GestureHandlerRootView>
+  );
+}
+```
+
+Keep `GestureHandlerRootView` as close to the actual root of the app as possible. It's the entry point for all gestures and all [gesture relations](/docs/fundamentals/gesture-composition). The gestures won't be recognized outside of the root view, and relations only work between gestures mounted under the same root view.
+
+Check out [`GestureHandlerRootView`](/docs/fundamentals/root-view) section for more details.
+
+### 3. Platform specific setup
+
+#### [Expo development build](https://docs.expo.dev/develop/development-builds/introduction/)
+
+When using an Expo development build, run prebuild to update the native code in the ios and android directories.
+
+```bash
+npx expo prebuild
+```
+
+#### Android
+
+Setting up Gesture Handler on Android doesn't require any more steps. Keep in mind that if you want to use gestures in [Modals](https://reactnative.dev/docs/modal) you need to wrap Modal's content with `GestureHandlerRootView`:
+
+```jsx
+import { Modal } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export function CustomModal({ children, ...rest }) {
+  return (
+    <Modal {...rest}>
+      <GestureHandlerRootView>{children}</GestureHandlerRootView>
+    </Modal>
+  );
+}
+```
+
+Gesture Handler on Android is implemented in Kotlin. If you need to set a specific Kotlin version to be used by the library, set the `kotlinVersion` ext property in `android/build.gradle` file and RNGH will use that version:
+
+```groovy
+buildscript {
+    ext {
+        kotlinVersion = "2.1.20"
+    }
+}
+```
+
+#### iOS
+
+While developing for iOS, make sure to install [pods](https://cocoapods.org/) first before running the app:
+
+```bash
+cd ios && bundle install && bundle exec pod install && cd ..
+```
+
+#### macOS
+
+While developing for macOS, make sure to install [pods](https://cocoapods.org/) first before running the app:
+
+```bash
+cd macos && bundle install && bundle exec pod install && cd ..
+```
+
+#### Web
+
+There is no additional configuration required for the web.
+
+#### With [wix/react-native-navigation](https://github.com/wix/react-native-navigation)
+
+If you are using a native navigation library like [wix/react-native-navigation](https://github.com/wix/react-native-navigation) you need to make sure that every screen is wrapped with `GestureHandlerRootView`. This can be done for example at the stage when you register your screens. Here's an example:
+
+```js
+import { Navigation } from 'react-native-navigation';
+import FirstTabScreen from './FirstTabScreen';
+import SecondTabScreen from './SecondTabScreen';
+import PushedScreen from './PushedScreen';
+
+// register all screens of the app (including internal ones)
+export function registerScreens() {
+  Navigation.registerComponent(
+    'example.FirstTabScreen',
+    () => {
+      return (
+        <GestureHandlerRootView>
+          <FirstTabScreen />
+        </GestureHandlerRootView>
+      );
+    },
+    () => FirstTabScreen
+  );
+  Navigation.registerComponent(
+    'example.SecondTabScreen',
+    () => {
+      return (
+        <GestureHandlerRootView>
+          <SecondTabScreen />
+        </GestureHandlerRootView>
+      );
+    },
+    () => SecondTabScreen
+  );
+  Navigation.registerComponent(
+    'example.PushedScreen',
+    () => {
+      return (
+        <GestureHandlerRootView>
+          <PushedScreen />
+        </GestureHandlerRootView>
+      );
+    },
+    () => PushedScreen
+  );
+}
+```
+
+You can check out [this example project](https://github.com/henrikra/nativeNavigationGestureHandler) to see this kind of set up in action.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/introduction
+# Title: Introduction
+
+Gesture Handler provides a declarative API exposing the native platform's touch and gesture system to React Native. It's designed to be a replacement of React Native's built in touch system called [Gesture Responder System](http://reactnative.dev/docs/gesture-responder-system). Using native touch handling allows to address the performance limitations of React Native's Gesture Responder System. It also provides more control over the platform's native components that can handle gestures on their own. If you want to learn more, we recommend [this talk](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) in which he explains issues with the responder system.
+
+The main benefits of using React Native Gesture Handler are:
+
+* A way to use a platform's native touch handling system for recognizing gestures (like [pinch](/docs/gestures/use-pinch-gesture), [rotation](/docs/gestures/use-rotation-gesture), [pan](/docs/gestures/use-pan-gesture) and a few others).
+* The ability to define [relations between gestures](/docs/fundamentals/gesture-composition) to ensure gestures, and possibly native components, will not conflict with each other.
+* Mechanisms for components that run in native thread and follow platform default behavior, such as delaying the transition to a pressed state within scrollable components to prevent highlighting during a quick scroll or fling.
+* Close integration with [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/) to process touch events on the UI thread.
+* Support for different input devices like touch screens, pens and mice.
+* Ability to include any native component into the Gesture Handler's touch system, making it work alongside your gestures.
+
+> **Info**
+>
+> We recommended to use Reanimated to implement gesture-driven animations with Gesture Handler. Its more advanced features rely heavily on worklets and the UI runtime provided by Reanimated.
+
+## Learning resources
+
+### Apps
+
+[Gesture Handler Example App](https://github.com/software-mansion/react-native-gesture-handler/tree/main/apps/expo-example) – official gesture handler "showcase" app.
+
+### Talks and workshops
+
+[Declarative future of gestures and animations in React Native](https://www.youtube.com/watch?v=kdq4z2708VM) by [Krzysztof Magiera](https://twitter.com/kzzzf) - talk that explains motivation behind creating gesture handler library. It also presents [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated) and how and when it can be used with gesture handler.
+
+[React Native workshop with Expo team @ReactEurope 2018](https://youtu.be/JSIoE_ReeDk?t=41m49s) by [Brent Vatne](https://twitter.com/notbrent) – great workshop explaining gesture handler in details and presenting a few exercises that will help get you started.
+
+[Living in an async world of React Native](https://www.youtube.com/watch?v=-Izgons3mec) by [Krzysztof Magiera](https://twitter.com/kzzzf) – talk which highlights some issue with the React Native's touch system Gesture Handler aims to address. Also the motivation for building this library is explained.
+
+[React Native Touch & Gesture](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) - talk explaining JS responder system limitations and points out some of the core features of Gesture Handler.
+
+## Contributing
+
+If you are interested in the project and want to contribute or support it in other ways don't hesitate to contact anyone from the team on Twitter or Bluesky (links below)!
+
+All PRs are welcome, but talk to us before you start working on something big.
+
+The easiest way to get started with contributing code is by:
+
+* Reviewing the list of [open issues](https://github.com/software-mansion/react-native-gesture-handler/issues) and trying to solve the one that seem approachable to you.
+* Updating the [documentation](https://github.com/software-mansion/react-native-gesture-handler/tree/main/packages/docs-gesture-handler) whenever you see some information is unclear, missing or out of date.
+
+Code is only one way how you can contribute. You may want to consider [replying on issues](https://github.com/software-mansion/react-native-gesture-handler/issues) if you know how to help.
+
+## Community
+
+We are very proud of the community that has been build around this package. We really appreciate all your help regardless of it is a pull request, issue report, helping others by commenting on existing issues or posting some demo or video tutorial on social media.
+If you've build something with this library you'd like to share, please contact us as we'd love to help share it with others.
+
+### Gesture Handler Team 🚀
+
+Jakub Piasecki
+@breskin67
+@jpiasecki.com
+
+Michał Bert
+@Michal3870
+
+Andrzej Kwaśniewski
+@aakwasniewski
+
+Ignacy Łątka
+@latekvo
+
+Krzysztof Magiera
+@kzzzf
+@kzzzf.bsky.social
+
+### Sponsors
+
+We really appreciate our sponsors! Thanks to them we can develop our library and make the react-native world a better place. Special thanks for:
+
+Shopify
+
+Expo
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/reanimated-interactions
+# Title: Integration with Reanimated
+
+[`GestureDetector`](/docs/fundamentals/gesture-detectors) will decide whether to use [Reanimated](https://docs.swmansion.com/react-native-reanimated/) to process provided gestures based on their configuration. If any of the callbacks is a [worklet](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#worklet) and Reanimated is not explicitly [turned off](#disabling-reanimated), tools provided by the Reanimated will be utilized, bringing the ability to handle gestures synchronously on the main thread.
+
+## Automatic [workletization](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#to-workletize) of gesture callbacks
+
+[Worklets' Babel plugin](https://docs.swmansion.com/react-native-worklets/docs/worklets-babel-plugin/about) is setup in a way that automatically marks callbacks passed to gestures in the configuration chain as worklets. This means that you don't need to add a `'worklet';` directive at the beginning of the functions. Here is an example that will be automatically workletized:
+
+```jsx
+const gesture = useTapGesture({
+  onBegin: () => {
+    console.log(_WORKLET);
+  },
+});
+```
+
+And here is one that won't:
+
+```jsx
+const callback = () => {
+  console.log(_WORKLET);
+};
+
+const gesture = useTapGesture({
+  onBegin: callback,
+});
+```
+
+It also won't work when wrapped with hooks like `useCallback` or `useMemo`, e.g:
+
+```jsx
+const callback = useCallback(() => {
+  console.log(_WORKLET);
+}, []);
+
+const gesture = useTapGesture({
+  onBegin: callback,
+});
+```
+
+In the above cases, you should add a `"worklet";` directive at the beginning of the callbacks, like so:
+
+```jsx
+const callback = () => {
+  // highlight-next-line
+  'worklet';
+  console.log(_WORKLET);
+};
+
+const gesture = useTapGesture({
+  onBegin: callback,
+});
+```
+
+```jsx
+const callback = useCallback(() => {
+  // highlight-next-line
+  'worklet;';
+  console.log(_WORKLET);
+}, []);
+
+const gesture = useTapGesture({
+  onBegin: callback,
+});
+```
+
+## Using SharedValue in gesture config
+
+RNGH3 allows to pass [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) to gestures' configurations. This allows to react to configuration changes without unnecessary rerenders.
+
+## Disabling Reanimated
+
+Gestures created with the hook API have Reanimated integration enabled by default, meaning all callbacks are executed on the UI thread. There are two methods available to disable this behavior for a specific gesture.
+
+### disableReanimated
+
+When `disableReanimated` is set to `true` in the gesture configuration, Reanimated integration will be completely turned off for that gesture throughout its entire lifecycle. This setting eliminates all interaction points with Reanimated, thereby reducing any potential overhead. Default value for this property is `false`.
+
+This property cannot be changed dynamically during the gesture's lifecycle.
+
+```jsx
+const gesture = usePanGesture({
+  // highlight-next-line
+  disableReanimated: true,
+
+  onUpdate: () => {
+    console.log('Panning');
+  },
+});
+```
+
+### runOnJS
+
+The `runOnJS` property allows you to dynamically control whether callbacks are executed on the JS thread or the UI thread. When set to `true`, callbacks will run on the JS thread. Setting it to `false` will execute them on the UI thread. Default value for this property is `false`.
+
+This property can be changed dynamically throughout the gesture's lifecycle.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/root-view
+# Title: GestureHandlerRootView
+
+`GestureHandlerRootView` is a key component that enables Gesture Handler to intercept touch events, allowing for the implementation of gestures in your app. It should wrap your app's main component, and any component that relies on Gesture Handler's gestures has to be a descendant of this view. For more detailed information, you can check out the [under-the-hood section](/docs/under-the-hood/how-does-it-work#android).
+
+```tsx
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export default function App() {
+  return (
+    <GestureHandlerRootView>
+      <ActualApp />
+    </GestureHandlerRootView>
+  );
+}
+```
+
+Keep `GestureHandlerRootView` as close to the actual root of the app as possible. It's the entry point for all gestures and all [gesture relations](/docs/fundamentals/gesture-composition). The gestures won't be recognized outside of the root view, and relations only work between gestures mounted under the same root view.
+
+> **Note**
+>
+> When integrating with navigation libraries, wrapping the navigator component with `GestureHandlerRootView` is generally sufficient. However, if you encounter issues with gestures not functioning properly, you might need to wrap each individual screen component with `GestureHandlerRootView` as well.
+
+> **Tip**
+>
+> If you're using Gesture Handler in your component library, you may want to wrap your library's code in the `GestureHandlerRootView` component. This will avoid extra configuration for the user.
+
+## Styling
+
+`GestureHandlerRootView` can be thought of as a regular `View` component, therefore it accepts all the same props, including [`style`](https://reactnative.dev/docs/0.81/view-style-props).
+
+If you don't provide anything to the `style` prop, it will default to `{ flex: 1 }`. If you want to customize the styling of the root view, don't forget to also include `flex: 1` in the custom style, otherwise your app won't render anything.
+
+## Nesting root views
+
+In case of nested root views, Gesture Handler will only use the top-most one and ignore the nested ones. If you're unsure if one of your dependencies already renders `GestureHandlerRootView` on its own, don't worry and add one at the root anyway.
+
+## unstable\_forceActive
+
+```ts
+unstable_forceActive?: boolean;
+```
+
+If you're having trouble with gestures not working when inside a component provided by a third-party library, even though you've wrapped the entry point with `<GestureHandlerRootView>`, you can try adding another `<GestureHandlerRootView unstable_forceActive>` closer to the place the gestures are defined. This way, you can prevent Android from canceling relevant gestures when one of the native views tries to grab lock for delivering touch events.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/state-manager
+# Title: State manager
+
+RNGH3 allows to manually control [gestures lifecycle](/docs/under-the-hood/state) by using [`GestureStateManager`](#gesturestatemanager).
+
+## State management
+
+Manual state management is based on `handlerTag`. There are two ways of manual state control. Some gestures also support [`manualActivation`](#manualactivation) property, which blocks their automatic activation, even if they meet their activation criteria.
+
+### Inside gesture definition
+
+If you want to manipulate gesture's state in its callbacks, you can get `handlerTag` from event parameter.
+
+### Outside gesture definition
+
+If you want to control gesture lifecycle outside of it, you can use `handlerTag` from created gesture object.
+
+### manualActivation
+
+When `manualActivation` property is set to `true` on a gesture, it will not activate automatically even if its activation criteria are met. Use [`GestureStateManager`](#gesturestatemanager) to manipulate its state manually.
+
+In the example below, [`Pan`](/docs/gestures/use-pan-gesture) gesture will not activate by simply panning on the blue box - using `GestureStateManager` is necessary.
+
+## GestureStateManager
+
+`GestureStateManager` provides methods to manipulate gesture's state imperatively.
+
+### begin
+
+```tsx
+begin: (handlerTag: number) => void;
+```
+
+Triggers [`onBegin`](/docs/fundamentals/callbacks-events#onbegin) callback on gesture with specified `handlerTag`.
+
+### activate
+
+```tsx
+activate: (handlerTag: number) => void;
+```
+
+Triggers [`onActivate`](/docs/fundamentals/callbacks-events#onactivate) callback on gesture with specified `handlerTag`.
+
+### deactivate
+
+```tsx
+deactivate: (handlerTag: number) => void;
+```
+
+If the gesture had activated, it triggers the [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) callback. It also triggers the [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) callback on gesture with the specified `handlerTag`.
+
+### fail
+
+```tsx
+fail: (handlerTag: number) => void;
+```
+
+Triggers [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) callback on gesture with specified `handlerTag`. If gesture had activated, it will also trigger [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) callback.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step1
+# Title: step1
+
+```tsx
+type Pointer = {
+  x: number;
+  y: number;
+  visible: boolean;
+};
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step2
+# Title: step2
+
+```tsx
+import { StyleSheet } from 'react-native';
+import Animated, {
+  useAnimatedStyle,
+  SharedValue,
+} from 'react-native-reanimated';
+
+type Pointer = {
+  x: number;
+  y: number;
+  visible: boolean;
+};
+
+type PointerElementProps = {
+  pointer: SharedValue<Pointer>;
+  active: SharedValue<boolean>;
+};
+
+function PointerElement(props: PointerElementProps) {
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [
+      { translateX: props.pointer.value.x },
+      { translateY: props.pointer.value.y },
+      {
+        scale:
+          (props.pointer.value.visible ? 1 : 0) *
+          (props.active.value ? 1.3 : 1),
+      },
+    ],
+    backgroundColor: props.active.value ? 'red' : 'blue',
+  }));
+
+  return <Animated.View style={[styles.pointer, animatedStyle]} />;
+}
+
+const styles = StyleSheet.create({
+  pointer: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: 'red',
+    position: 'absolute',
+    marginStart: -30,
+    marginTop: -30,
+  },
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step3
+# Title: step3
+
+```tsx
+import { StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  GestureHandlerRootView,
+  GestureStateManager,
+  useManualGesture,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useAnimatedStyle,
+  SharedValue,
+  useSharedValue,
+} from 'react-native-reanimated';
+
+...
+
+export default function Example() {
+  const trackedPointers: SharedValue<Pointer>[] = [];
+  const active = useSharedValue(false);
+
+  for (let i = 0; i < 10; i++) {
+    trackedPointers[i] = useSharedValue<Pointer>({
+      x: 0,
+      y: 0,
+      visible: false,
+    });
+  }
+
+  const gesture = useManualGesture({});
+
+  return (
+    <GestureHandlerRootView>
+      <GestureDetector gesture={gesture}>
+        <Animated.View style={{ flex: 1 }}>
+          {trackedPointers.map((pointer, index) => (
+            <PointerElement pointer={pointer} active={active} key={index} />
+          ))}
+        </Animated.View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  pointer: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: 'red',
+    position: 'absolute',
+    marginStart: -30,
+    marginTop: -30,
+  },
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step4
+# Title: step4
+
+```tsx
+const gesture = useManualGesture({
+  onTouchesDown: (e) => {
+    for (const touch of e.changedTouches) {
+      trackedPointers[touch.id].value = {
+        x: touch.x,
+        y: touch.y,
+        visible: true,
+      };
+    }
+
+    if (e.numberOfTouches >= 2) {
+      GestureStateManager.activate(e.handlerTag);
+    }
+  },
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step5
+# Title: step5
+
+```tsx
+const gesture = useManualGesture({
+  ...
+  onTouchesMove: (e) => {
+    for (const touch of e.changedTouches) {
+      trackedPointers[touch.id].value = {
+        x: touch.x,
+        y: touch.y,
+        visible: true,
+      };
+    }
+  },
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step6
+# Title: step6
+
+```tsx
+const gesture = useManualGesture({
+  ...
+  onTouchesUp: (e) => {
+    for (const touch of e.changedTouches) {
+      trackedPointers[touch.id].value = {
+        x: touch.x,
+        y: touch.y,
+        visible: false,
+      };
+    }
+
+    if (e.numberOfTouches === 0) {
+      GestureStateManager.deactivate(e.handlerTag);
+    }
+  },
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step7
+# Title: step7
+
+```tsx
+const gesture = useManualGesture({
+  ...
+  onActivate: () => {
+    active.value = true;
+  },
+  onDeactivate: () => {
+    active.value = false;
+  },
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-continuous-gesture-callbacks
+# Title: base-continuous-gesture-callbacks
+
+### onUpdate
+
+Set the callback that is being called every time the gesture receives an update while it's active.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-continuous-gesture-config
+# Title: base-continuous-gesture-config
+
+### manualActivation
+
+```ts
+manualActivation: boolean | SharedValue<boolean>;
+```
+
+When `true` the handler will not activate by itself even if its activation criteria are met. Instead you can manipulate its state using [`GestureStateManager`](/docs/fundamentals/state-manager). Example usage can be found [here](/docs/fundamentals/state-manager#manualactivation).
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-callbacks
+# Title: base-gesture-callbacks
+
+### onBegin
+
+Set the callback that is being called when given gesture handler starts receiving touches. At the moment of this callback the handler is not yet in an active state and we don't know yet if it will recognize the gesture at all.
+
+### onActivate
+
+Set the callback that is being called when the gesture is recognized by the handler and it transitions to the active state.
+
+### onDeactivate
+
+Set the callback that is being called when the gesture that was recognized by the handler finishes. It will be called only if the handler was previously in the active state.
+
+### onFinalize
+
+Set the callback that is being called when the handler finalizes handling gesture - the gesture was recognized and has finished or it failed to recognize.
+
+### onTouchesDown
+
+```ts
+onTouchesDown: (event: GestureTouchEvent) => void
+```
+
+Set the `onTouchesDown` callback which is called every time a finger is placed on the screen.
+
+### onTouchesMove
+
+```ts
+onTouchesMove: (event: GestureTouchEvent) => void
+```
+
+Set the `onTouchesMove` callback which is called every time a finger is moved on the screen.
+
+### onTouchesUp
+
+```ts
+onTouchesUp: (event: GestureTouchEvent) => void
+```
+
+Set the `onTouchesUp` callback which is called every time a finger is lifted from the screen.
+
+### onTouchesCancel
+
+```ts
+onTouchesCancel: (event: GestureTouchEvent) => void
+```
+
+Set the `onTouchesCancel` callback which is called every time a finger stops being tracked, for example when the gesture finishes.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-config
+# Title: base-gesture-config
+
+### enabled
+
+```ts
+enabled: boolean | SharedValue<boolean>;
+```
+
+Indicates whether the given handler should be analyzing stream of touch events or not.
+When set to `false` we can be sure that the handler will **never** activate.
+If the value gets updated while the handler already started recognizing a gesture, then the handler will stop processing gestures immediately.
+Default value is `true`.
+
+### shouldCancelWhenOutside
+
+```ts
+shouldCancelWhenOutside: boolean | SharedValue<boolean>;
+```
+
+When `true` the handler will stop recognition whenever the finger leaves the area of the connected view.
+Default value of this property is different depending on the handler type.
+Most handlers' `shouldCancelWhenOutside` property defaults to `false` except for the [`LongPressGesture`](/docs/gestures/use-long-press-gesture) and [`TapGesture`](/docs/gestures/use-tap-gesture) which default to `true`.
+
+### hitSlop
+
+This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.
+When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
+
+Instead you can pass an object to specify how each boundary side should be reduced by providing different number of points for `left`, `right`, `top` or `bottom` sides.
+You can alternatively provide `horizontal` or `vertical` instead of specifying directly `left`, `right` or `top` and `bottom`.
+Finally, the object can also take `width` and `height` attributes.
+When `width` is set it is only allow to specify one of the sides `right` or `left`.
+Similarly when `height` is provided only `top` or `bottom` can be set.
+Specifying `width` or `height` is useful if we only want the gesture to activate on the edge of the view. In which case for example we can set `left: 0` and `width: 20` which would make it possible for the gesture to be recognize when started no more than 20 points from the left edge.
+
+**IMPORTANT:** Note that this parameter is primarily designed to reduce the area where gesture can activate. Hence it is only supported for all the values (except `width` and `height`) to be non positive (0 or lower). Although on Android it is supported for the values to also be positive and therefore allow to expand beyond view bounds but not further than the parent view bounds. To achieve this effect on both platforms you can use React Native's View [hitSlop](https://reactnative.dev/docs/view.html#hitslop) property.
+
+### testID
+
+```ts
+testID: string;
+```
+
+Sets a `testID` property for gesture object, allowing for querying for it in tests.
+
+### cancelsTouchesInView
+
+```ts
+cancelsTouchesInView: boolean | SharedValue<boolean>;
+```
+
+Accepts a boolean value.
+When `true`, the gesture will cancel touches for native UI components (`UIButton`, `UISwitch`, etc) it's attached to upon activation.
+Default value is `true`.
+
+### runOnJS
+
+**Requires `react-native-reanimated`**
+
+```ts
+runOnJS: boolean | SharedValue<boolean>;
+```
+
+If set to `true`, callbacks will be executed on JS runtime. Can be changed dynamically throughout gesture lifecycle. Defaults to `false`. For more details, see the [runOnJS](/docs/fundamentals/reanimated-interactions#runonjs) section.
+
+### disableReanimated
+
+**Requires `react-native-reanimated`**
+
+```ts
+disableReanimated: boolean;
+```
+
+If set to `true`, the gesture will ignore any interaction with `Reanimated`. This property cannot be changed during the gesture's lifecycle. For more details, see the [disableReanimated](/docs/fundamentals/reanimated-interactions#disablereanimated) section.
+
+### simultaneousWith
+
+```ts
+simultaneousWith: Gesture | Gesture[]
+```
+
+Adds a gesture that should be recognized simultaneously with this one.
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition). [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
+
+### requireToFail
+
+```ts
+requireToFail: Gesture | Gesture[]
+```
+
+Adds a relation requiring another gesture to fail, before this one can activate.
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition). [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
+
+### block
+
+```ts
+block: Gesture | Gesture[]
+```
+
+Adds a relation that makes other gestures wait with activation until this gesture fails (or doesn't start at all).
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition).[`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
+
+### useAnimated
+
+```ts
+useAnimated: boolean;
+```
+
+Setting this property is set to `true` ensures that the [Animated API](/docs/fundamentals/animated-interactions) functions correctly when `useNativeDriver` is set to `false`. The default value is set to `false`.
+
+### activeCursor
+
+```ts
+activeCursor: ActiveCursor | SharedValue<ActiveCursor>;
+```
+
+This parameter allows to specify which cursor should be used when gesture activates. Supports all [CSS cursor values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/cursor#keyword) (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-event-data
+# Title: base-gesture-event-data
+
+### numberOfPointers
+
+```ts
+numberOfPointers: number;
+```
+
+Represents the number of pointers (fingers) currently placed on the screen.
+
+### pointerType
+
+Indicates the type of pointer device in use.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/mouse-button
+# Title: mouse-button
+
+### mouseButton
+
+Allows users to choose which mouse buttons to respond to. Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/shared-value-info
+# Title: shared-value-info
+
+Properties supporting `SharedValue` can be updated dynamically via [Reanimated Shared Values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) without triggering a re-render.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-fling-gesture
+# Title: Fling gesture
+
+The gesture that tracks quick, sufficiently long movement in specified [direction](#direction).
+When gesture gets activated it will end when finger is released.
+The gesture will fail if the finger is lifted before gesture could activate.
+
+## Example
+
+## Config
+
+### direction
+
+Expressed allowed direction of movement. Expected values are exported as constants in the `Directions` object. It's possible to combine directions using `|` operator.
+
+```js
+import { Directions } from 'react-native-gesture-handler';
+
+// Single direction
+const fling = useFlingGesture({ direction: Directions.RIGHT });
+
+// Combined directions
+const fling = useFlingGesture({ direction: Directions.RIGHT | Directions.LEFT });
+```
+
+### numberOfPointers
+
+```ts
+numberOfPointers: number | SharedValue<number>;
+```
+
+Determine exact number of points required to handle the fling gesture.
+
+## Callbacks
+
+## Event data
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-hover-gesture
+# Title: Hover gesture
+
+Gesture that can recognize hovering above the view it's attached to. The hover effect may be activated by moving a mouse or a stylus over the view.
+
+On iOS additional [visual effects](#effect-ios-only) may be configured.
+
+> **Note**
+>
+> Don't rely on `Hover` gesture to continue after the mouse button is clicked or the stylus touches the screen. If you want to handle both cases, [compose](/docs/fundamentals/gesture-composition) it with [`Pan`](/docs/gestures/use-pan-gesture) gesture.
+
+## Example
+
+## Config
+
+### effect
+
+Visual effect applied to the view while the view is hovered. Defaults to `HoverEffect.None`
+
+## Callbacks
+
+## Event data
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+### stylusData
+
+```ts
+stylusData: StylusData;
+```
+
+```ts
+interface StylusData {
+  tiltX: number;
+  tiltY: number;
+  azimuthAngle: number;
+  altitudeAngle: number;
+  pressure: number;
+}
+```
+
+Object that contains additional information about `stylus`. It consists of the following fields:
+
+* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
+* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
+* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
+* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
+* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-long-press-gesture
+# Title: Long press gesture
+
+Gesture that activates when the corresponding view is pressed for a sufficiently long time.
+This gesture will deactivate immediately after the finger is released.
+The gesture will fail to recognize a touch event if the finger is lifted before the [minimum required time](#minduration) or if the finger is moved further than the [allowable distance](#maxdistance).
+
+## Example
+
+## Config
+
+### minDuration
+
+```ts
+minDuration: number | SharedValue<number>;
+```
+
+Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view. The default value is 500.
+
+### maxDistance
+
+```ts
+maxDistance: number | SharedValue<number>;
+```
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture. If the finger travels further than the defined distance and the gesture hasn't yet activated, it will fail to recognize the gesture. The default value is 10.
+
+## Callbacks
+
+## Event data
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
+
+### duration
+
+```ts
+duration: number;
+```
+
+Duration of the long press (time since the start of the gesture), expressed in milliseconds.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-manual-gesture
+# Title: Manual gesture
+
+A plain gesture that has no specific activation criteria nor event data set. Its [state](/docs/under-the-hood/state) has to be controlled manually using a [state manager](/docs/fundamentals/state-manager). It will not fail when all the pointers are lifted from the screen.
+
+> **Tip**
+>
+> If you need to modify the activation criteria of gestures other than `Manual`, check their configuration for relevant properties or use [`manualActivation`](/docs/fundamentals/state-manager#manualactivation) to manage their state directly.
+
+## Example
+
+To demonstrate how to make a manual gesture we will make a simple one that tracks all pointers on the screen.
+
+First, we need a way to store information about the pointer: whether it should be visible and its position.
+
+We also need a component to mark where a pointer is. In order to accomplish that we will make a component that accepts two [shared values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value): one holding information about the pointer using the interface we just created, the other holding a bool indicating whether the gesture has activated.
+In this example when the gesture is not active, the ball representing it will be blue and when it is active the ball will be red and slightly bigger.
+
+Now we have to make a component that will handle the gesture and draw all the pointer indicators. We will store data about pointers in an array and render them inside an [`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/your-first-animation#using-an-animated-component).
+
+We have our components set up and we can finally get to making the gesture! We will start with [`onTouchesDown`](/docs/fundamentals/callbacks-events#ontouchesdown) where we need to set position of the pointers and make them visible. We can get this information from the touches property of the event. In this case we will also check how many pointers are on the screen and activate the gesture if there are at least two.
+
+Next, we will handle pointer movement. In [`onTouchesMove`](/docs/fundamentals/callbacks-events#ontouchesmove) we will simply update the position of moved pointers.
+
+We also need to handle lifting fingers from the screen, which corresponds to [`onTouchesUp`](/docs/fundamentals/callbacks-events#ontouchesup). Here we will just hide the pointers that were lifted and end the gesture if there are no more pointers on the screen.
+Note that we are not handling [`onTouchesCancel`](/docs/fundamentals/callbacks-events#ontouchescancel) as in this very basic case we don't expect it to happen, however you should clear data about cancelled pointers (most of the time all active ones) when it is called.
+
+Now that our pointers are being tracked correctly and we have the state management, we can handle activation and ending of the gesture. In our case, we will simply set the active shared value either to `true` or `false`.
+
+Full example code
+
+```tsx
+import { StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  GestureHandlerRootView,
+  GestureStateManager,
+  useManualGesture,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useAnimatedStyle,
+  SharedValue,
+  useSharedValue,
+} from 'react-native-reanimated';
+
+type Pointer = {
+  x: number;
+  y: number;
+  visible: boolean;
+};
+
+type PointerElementProps = {
+  pointer: SharedValue<Pointer>;
+  active: SharedValue<boolean>;
+};
+
+function PointerElement(props: PointerElementProps) {
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [
+      { translateX: props.pointer.value.x },
+      { translateY: props.pointer.value.y },
+      {
+        scale:
+          (props.pointer.value.visible ? 1 : 0) *
+          (props.active.value ? 1.3 : 1),
+      },
+    ],
+    backgroundColor: props.active.value ? 'red' : 'blue',
+  }));
+
+  return <Animated.View style={[styles.pointer, animatedStyle]} />;
+}
+
+export default function Example() {
+  const trackedPointers: SharedValue<Pointer>[] = [];
+  const active = useSharedValue(false);
+
+  for (let i = 0; i < 10; i++) {
+    trackedPointers[i] = useSharedValue<Pointer>({
+      x: 0,
+      y: 0,
+      visible: false,
+    });
+  }
+
+  const gesture = useManualGesture({
+    onTouchesDown: (e) => {
+      for (const touch of e.changedTouches) {
+        trackedPointers[touch.id].value = {
+          x: touch.x,
+          y: touch.y,
+          visible: true,
+        };
+      }
+
+      if (e.numberOfTouches >= 2) {
+        GestureStateManager.activate(e.handlerTag);
+      }
+    },
+    onTouchesMove: (e) => {
+      for (const touch of e.changedTouches) {
+        trackedPointers[touch.id].value = {
+          x: touch.x,
+          y: touch.y,
+          visible: true,
+        };
+      }
+    },
+    onTouchesUp: (e) => {
+      for (const touch of e.changedTouches) {
+        trackedPointers[touch.id].value = {
+          x: touch.x,
+          y: touch.y,
+          visible: false,
+        };
+      }
+
+      if (e.numberOfTouches === 0) {
+        GestureStateManager.deactivate(e.handlerTag);
+      }
+    },
+    onActivate: () => {
+      active.value = true;
+    },
+    onDeactivate: () => {
+      active.value = false;
+    },
+  });
+
+  return (
+    <GestureHandlerRootView>
+      <GestureDetector gesture={gesture}>
+        <Animated.View style={{ flex: 1 }}>
+          {trackedPointers.map((pointer, index) => (
+            <PointerElement pointer={pointer} active={active} key={index} />
+          ))}
+        </Animated.View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  pointer: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: 'red',
+    position: 'absolute',
+    marginStart: -30,
+    marginTop: -30,
+  },
+});
+```
+
+## Modifying existing gestures
+
+While manual gestures open great possibilities we are aware that reimplementing pinch or rotation from scratch just because you need to activate in specific circumstances or require position of the fingers, would be a waste of time as those gestures are already available. Therefore, you can use touch events with every gesture to extract more detailed information about the gesture than what the basic events alone provide. We also added a [`manualActivation`](/docs/fundamentals/state-manager#manualactivation) modifier on all continuous gestures, which prevents the gesture it is applied to from activating automatically, giving you full control over its behavior.
+
+## Config
+
+## Callbacks
+
+## Event data
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-native-gesture
+# Title: Native gesture
+
+A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/fundamentals/gesture-composition) with other gestures.
+
+When used, the native component should be the direct child of a [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+> **Danger**
+>
+> Do not use `Native` gesture with components exported by React Native Gesture Handler, as they already have it pre-applied. Attaching `Native` gesture twice will result in undefined behavior.
+
+## Example
+
+This example renders a `ScrollView` with multiple colored rectangles, where each rectangle has a black section. Starting a touch on a black section will disable the `ScrollView` for the duration of the [`Pan`](/docs/gestures/use-pan-gesture) gesture.
+
+## Remarks
+
+* `Native` gesture can be used as part of [gesture composition and cross-component interactions](/docs/fundamentals/gesture-composition) just like any other gesture. You can use this to block a native component for the duration of the gesture or to make it work alongside a gesture.
+
+* Due to platform API limitations, the `Native` gesture has restricted functionality on `web`. For instance, it cannot be used to block scrolling on a `ScrollView`.
+
+## Config
+
+### shouldActivateOnStart
+
+```ts
+shouldActivateOnStart: boolean | SharedValue<boolean>;
+```
+
+When `true`, underlying handler will activate unconditionally when it receives any touches.
+
+### disallowInterruption
+
+```ts
+disallowInterruption: boolean | SharedValue<boolean>;
+```
+
+When `true`, cancels all other gesture handlers when activates.
+
+## Callbacks
+
+## Event data
+
+### pointerInside
+
+```ts
+pointerInside: boolean;
+```
+
+`true` if gesture was performed inside of containing view, `false` otherwise.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-pan-gesture
+# Title: Pan gesture
+
+A continuous gesture that can recognize a panning (dragging) gesture and track its movement.
+
+The gesture activates when a finger is placed on the screen and moved some initial distance.
+
+Configurations such as a minimum initial distance, specific vertical or horizontal pan detection and number of fingers required for activation (allowing for multifinger swipes) may be specified.
+
+Gesture callback can be used for continuous tracking of the pan gesture. It provides information about the gesture such as its XY translation from the starting point as well as its instantaneous velocity.
+
+## Example
+
+## Multi touch pan handling
+
+If your app relies on multi touch pan handling this section provides some information how the default behavior differs between the platform and how (if necessary) it can be unified.
+
+The difference in multi touch pan handling lies in the way how translation properties during the event are being calculated.
+On iOS the default behavior when more than one finger is placed on the screen is to treat this situation as if only one pointer was placed in the center of mass (average position of all the pointers).
+This applies also to many platform native components that handle touch even if not primarily interested in multi touch interactions like for example `UIScrollView` component.
+
+On Android, the default behavior for native components like scroll view, pager views or drawers is different and hence gesture defaults to that when it comes to pan handling.
+The difference is that instead of treating the center of mass of all the fingers placed as a leading pointer it takes the latest placed finger as such.
+This behavior can be changed on Android using [`averageTouches`](#averagetouches-android-only) flag.
+
+Note that on both Android and iOS when the additional finger is placed on the screen that translation prop is not affected even though the position of the pointer being tracked might have changed.
+Therefore it is safe to rely on translation most of the time as it only reflects the movement that happens regardless of how many fingers are placed on the screen and if that number changes over time.
+If you wish to track the "center of mass" virtual pointer and account for its changes when the number of finger changes you can use relative or absolute position provided in the event ([`x`](#x) and [`y`](#y) or [`absoluteX`](#absolutex) and [`absoluteY`](#absolutey)).
+
+## Config
+
+### minDistance
+
+```ts
+minDistance: number | SharedValue<number>;
+```
+
+Minimum distance the finger (or multiple finger) need to travel before the gesture activates. Expressed in points.
+
+### minPointers
+
+```ts
+minPointers: number | SharedValue<number>;
+```
+
+A number of fingers that is required to be placed before gesture can activate. Should be higher or equal to 0.
+
+### maxPointers
+
+```ts
+maxPointers: number | SharedValue<number>;
+```
+
+When the given number of fingers is placed on the screen and gesture hasn't yet activated it will fail recognizing the gesture. Should be higher or equal to 0.
+
+### activateAfterLongPress
+
+```ts
+activateAfterLongPress: number | SharedValue<number>;
+```
+
+Duration in milliseconds of the `LongPress` gesture before `Pan` is allowed to activate. If the finger is moved during that period, the gesture will fail. Should be higher or equal to 0 integer. Default value is 0, meaning no `LongPress` is required to activate the `Pan`.
+
+### activeOffsetX
+
+```ts
+activeOffsetX: number |
+  SharedValue<number> |
+  [number | SharedValue<number>, number | SharedValue<number>];
+```
+
+Range along X axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### activeOffsetY
+
+```ts
+activeOffsetY: number |
+  SharedValue<number> |
+  [number | SharedValue<number>, number | SharedValue<number>];
+```
+
+Range along Y axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### failOffsetY
+
+```ts
+failOffsetY: number |
+  SharedValue<number> |
+  [number | SharedValue<number>, number | SharedValue<number>];
+```
+
+When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### failOffsetX
+
+```ts
+failOffsetX: number |
+  SharedValue<number> |
+  [number | SharedValue<number>, number | SharedValue<number>];
+```
+
+When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### averageTouches
+
+```ts
+averageTouches: boolean | SharedValue<boolean>;
+```
+
+Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
+
+### enableTrackpadTwoFingerGesture
+
+```ts
+enableTrackpadTwoFingerGesture: boolean | SharedValue<boolean>;
+```
+
+Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with enableTrackpadTwoFingerGesture swiping with two fingers will also trigger the gesture.
+
+## Callbacks
+
+## Event data
+
+### translationX
+
+```ts
+translationX: number;
+```
+
+Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+### translationY
+
+```ts
+translationY: number;
+```
+
+Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+### changeX
+
+```ts
+changeX: number;
+```
+
+The horizontal distance moved since the last event frame. This value represents the immediate incremental change in the X axis, rather than the total accumulated distance.
+
+### changeY
+
+```ts
+changeY: number;
+```
+
+The vertical distance moved since the last event frame. This value represents the immediate incremental change in the Y axis, rather than the total accumulated distance.
+
+### velocityX
+
+```ts
+velocityX: number;
+```
+
+Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
+
+### velocityY
+
+```ts
+velocityY: number;
+```
+
+Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+### stylusData
+
+Object that contains additional information about `stylus`. It consists of the following fields:
+
+* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
+* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
+* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
+* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
+* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-pinch-gesture
+# Title: Pinch gesture
+
+Gesture that recognizes pinching. It allows for tracking the distance between two fingers and use that information to scale or zoom your content.
+The gesture activates when fingers are placed on the screen and move away from each other or pull closer together. It provides information about [velocity](#velocity), anchor ([focal](#focalx)) point of gesture and [scale](#scale).
+
+The distance between the fingers is reported as a scale factor. At the beginning of the gesture, the scale factor is `1.0`. As the distance between the two fingers increases, the scale factor increases proportionally.
+Similarly, the scale factor decreases as the distance between the fingers decreases.
+
+Pinch gestures are used most commonly to change the size of objects or content onscreen.
+For example, map views use pinch gestures to change the zoom level of the map.
+
+> **Note**
+>
+> When implementing pinch based on focal point, make sure to use it after the gesture had activated, i.e. in `onActivate` or `onUpdate` callbacks. Using it in `onBegin` may lead to unexpected behavior.
+
+## Example
+
+## Config
+
+## Callbacks
+
+## Event data
+
+### scale
+
+```ts
+scale: number;
+```
+
+The scale factor relative to the points of the two touches in screen coordinates.
+
+### scaleChange
+
+```ts
+scaleChange: number;
+```
+
+The incremental change in scale since the last event frame. This value represents the ratio of the current scale to the previous scale, rather than the total accumulated scale of the gesture.
+
+### velocity
+
+```ts
+velocity: number;
+```
+
+Velocity of the pan gesture the current moment. The value is expressed in scale factor per second.
+
+### focalX
+
+```ts
+focalX: number;
+```
+
+Position expressed in points along X axis of center anchor point of gesture
+
+### focalY
+
+```ts
+focalY: number;
+```
+
+Position expressed in points along Y axis of center anchor point of gesture
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-rotation-gesture
+# Title: Rotation gesture
+
+Gesture that can recognize rotation and track its movement.
+
+The gesture activates when fingers are placed on the screen and rotate around a common point. It provides information such as the amount [rotated](#rotation), the focal point of the rotation ([anchor](#anchorx)), and its instantaneous [velocity](#velocity).
+
+> **Note**
+>
+> When implementing rotation based on `anchor` point, make sure to use it after the gesture had activated, i.e. in `onActivate` or `onUpdate` callbacks. Using it in `onBegin` may lead to unexpected behavior.
+
+## Example
+
+## Config
+
+## Callbacks
+
+## Event data
+
+### rotation
+
+```ts
+rotation: number;
+```
+
+Amount rotated, expressed in radians, from the gesture's focal point (anchor).
+
+### rotationChange
+
+```ts
+rotationChange: number;
+```
+
+The incremental change in rotation since the last event frame. This value represents the difference in radians between the current and previous rotation, rather than the total accumulated rotation of the gesture.
+
+### velocity
+
+```ts
+velocity: number;
+```
+
+Instantaneous velocity, expressed in point units per second, of the gesture.
+
+### anchorX
+
+```ts
+anchorX: number;
+```
+
+X coordinate, expressed in points, of the gesture's central focal point (anchor).
+
+### anchorY
+
+```ts
+anchorY: number;
+```
+
+Y coordinate, expressed in points, of the gesture's central focal point (anchor).
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-tap-gesture
+# Title: Tap gesture
+
+A discrete gesture that recognizes taps.
+
+Tap gestures detect one or more fingers briefly touching the screen.
+The pointers involved in these gestures must not move significantly from their initial touch positions. This can be changed via configuration.
+The required number of taps and allowed distance from initial position may be configured.
+For example, you might configure tap gesture recognizers to detect single taps, double taps, or triple taps.
+
+In order for a gesture to activate, specified gesture requirements such as [`minPointers`](#minpointers), [`numberOfTaps`](#numberoftaps), [`maxDistance`](#maxdistance), [`maxDuration`](#maxduration), and [`maxDelay`](#maxdelay) must be met.
+
+## Example
+
+## Config
+
+### minPointers
+
+```ts
+minPointers: number | SharedValue<number>;
+```
+
+Minimum number of pointers (fingers) required to be placed before the gesture activates. Should be a positive integer. The default value is 1.
+
+### maxDuration
+
+```ts
+maxDuration: number | SharedValue<number>;
+```
+
+Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch. The default value is 500.
+
+### maxDelay
+
+```ts
+maxDelay: number | SharedValue<number>;
+```
+
+Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required. The default value is 500.
+
+### numberOfTaps
+
+```ts
+numberOfTaps: number | SharedValue<number>;
+```
+
+Number of tap gestures required to activate the gesture. The default value is 1.
+
+### maxDeltaX
+
+```ts
+maxDeltaX: number | SharedValue<number>;
+```
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. If the finger travels further than the defined distance along the X axis and the gesture hasn't yet activated, it will fail to recognize the gesture.
+
+### maxDeltaY
+
+```ts
+maxDeltaY: number | SharedValue<number>;
+```
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. If the finger travels further than the defined distance along the Y axis and the gesture hasn't yet activated, it will fail to recognize the gesture.
+
+### maxDistance
+
+```ts
+maxDistance: number | SharedValue<number>;
+```
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture. If the finger travels further than the defined distance and the gesture hasn't yet activated, it will fail to recognize the gesture.
+
+## Callbacks
+
+## Event data
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step1
+# Title: step1
+
+```jsx
+import { StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import Animated from 'react-native-reanimated';
+
+export default function Ball() {
+  return (
+    <GestureHandlerRootView>
+      <Animated.View style={styles.ball} />
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  ball: {
+    width: 100,
+    height: 100,
+    borderRadius: 100,
+    backgroundColor: 'blue',
+    alignSelf: 'center',
+  },
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step2
+# Title: step2
+
+```jsx
+import {
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring,
+} from 'react-native-reanimated';
+
+export default function Ball() {
+  const isPressed = useSharedValue(false);
+  const offset = useSharedValue({ x: 0, y: 0 });
+
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: offset.value.x },
+        { translateY: offset.value.y },
+        { scale: withSpring(isPressed.value ? 1.2 : 1) },
+      ],
+      backgroundColor: isPressed.value ? 'yellow' : 'blue',
+    };
+  });
+
+  // ...
+}
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step3
+# Title: step3
+
+```jsx {4}
+// ...
+return (
+  <GestureHandlerRootView>
+    <Animated.View style={[styles.ball, animatedStyles]} />
+  </GestureHandlerRootView>
+);
+// ...
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step4
+# Title: step4
+
+```jsx
+import { usePanGesture } from 'react-native-gesture-handler';
+
+function Ball() {
+  // ...
+  const gesture = usePanGesture({
+    onBegin: () => {
+      isPressed.value = true;
+    },
+    onUpdate: (e) => {
+      offset.value = {
+        x: offset.value.x + e.changeX,
+        y: offset.value.y + e.changeY,
+      };
+    },
+    onFinalize: () => {
+      isPressed.value = false;
+    },
+  });
+  // ...
+}
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step5
+# Title: step5
+
+```jsx {4}
+// ...
+return (
+  <GestureHandlerRootView>
+    <GestureDetector gesture={gesture}>
+      <Animated.View style={[styles.ball, animatedStyles]} />
+    </GestureDetector>
+  </GestureHandlerRootView>
+);
+// ...
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/index
+# Title: Quick start
+
+RNGH3 offers a straightforward way to add gestures to your app. Simply wrap your target view with the [GestureDetector](/docs/fundamentals/gesture-detectors#gesture-detector) component, define your gesture, and pass it in. That’s it!
+
+To see the new API in action, let's build a simple app where you can drag a ball around the screen. To follow along, you'll need both `react-native-gesture-handler` (to handle gestures) and [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/) (to handle the animations).
+
+Start by defining the basic structure of the application:
+
+Next, define the `SharedValues` to track the ball's position and create the animated styles required to position the ball on the screen:
+
+Apply the animated styles to the ball component:
+
+Now, define the Pan gesture logic.
+
+Finally, wrap the component responsible for rendering the ball with a GestureDetector, and attach the Pan gesture to it:
+
+The complete implementation is shown below:
+
+```jsx
+import { StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  GestureHandlerRootView,
+  usePanGesture,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring,
+} from 'react-native-reanimated';
+
+export default function Ball() {
+  const isPressed = useSharedValue(false);
+  const offset = useSharedValue({ x: 0, y: 0 });
+
+  const gesture = usePanGesture({
+    onBegin: () => {
+      isPressed.value = true;
+    },
+    onUpdate: (e) => {
+      offset.value = {
+        x: offset.value.x + e.changeX,
+        y: offset.value.y + e.changeY,
+      };
+    },
+    onFinalize: () => {
+      isPressed.value = false;
+    },
+  });
+
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: offset.value.x },
+        { translateY: offset.value.y },
+        { scale: withSpring(isPressed.value ? 1.2 : 1) },
+      ],
+      backgroundColor: isPressed.value ? 'yellow' : 'blue',
+    };
+  });
+
+  return (
+    <GestureHandlerRootView>
+      <GestureDetector gesture={gesture}>
+        <Animated.View style={[styles.ball, animatedStyles]} />
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  ball: {
+    width: 100,
+    height: 100,
+    borderRadius: 100,
+    backgroundColor: 'blue',
+    alignSelf: 'center',
+  },
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/swipe-and-scroll
+# Title: Custom swipeable components inside ScrollView (web)
+
+While we recommend using our own [`ReanimatedSwipeable`](/docs/components/reanimated_swipeable) component, creating your own version of swipeable gives you more control over its behavior. Common issue here is that after creating your own swipeable component, scroll does not work. In that case, try adding [`touchAction`](/docs/fundamentals/gesture-detectors#touchaction-web-only) set to `"pan-y"`, like this:
+
+```jsx
+<GestureDetector gesture={...} ... touchAction="pan-y">
+  ...
+</GestureDetector>
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/testing
+# Title: Testing with Jest
+
+## Mocking native modules
+
+In order to load mocks provided by RNGH add following to your jest config in `package.json`:
+
+```json
+"setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"]
+```
+
+Example:
+
+```json
+"jest": {
+  "preset": "react-native",
+  "setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"]
+}
+```
+
+## Testing Gestures' and Gesture handlers' callbacks
+
+RNGH provides APIs, specifically [`fireGestureHandler`](#firegesturehandler) and [`getByGestureTestId`](#getbygesturetestid), to trigger selected handlers.
+
+### fireGestureHandler
+
+```ts
+fireGestureHandler: (componentOrGesture, eventList) => void;
+```
+
+Simulates one event stream (i.e. event sequence starting with `BEGIN` state and ending
+with one of `END`/`FAIL`/`CANCEL` states), calling appropriate callbacks associated with given gesture handler.
+
+* `componentOrGesture` - Either Gesture Handler component found by `Jest` queries (e.g. `getByTestId`) or Gesture found by [`getByGestureTestId()`](#getbygesturetestidtestid)
+
+* `eventList` - Event data passed to appropriate callback. RNGH fills event list if required
+  data is missing using these rules:
+  * `oldState` is filled using state of the previous event. `BEGIN` events use
+    `UNDETERMINED` value as previous event.
+  * Events after first `ACTIVE` state can omit `state` field.
+  * Handler specific data is filled (e.g. `numberOfTouches`, `x` fields) with
+    defaults.
+  * Missing `BEGIN` and `END` events are added with data copied from first and last
+    passed event, respectively.
+  * If first event doesn't have `state` field, the `ACTIVE` state is assumed.
+
+Some `eventList` examples:
+
+```jsx
+const oldStateFilled = [
+  { state: State.BEGAN },
+  { state: State.ACTIVE },
+  { state: State.END },
+]; // three events with specified state are fired.
+
+const implicitActiveState = [
+  { state: State.BEGAN },
+  { state: State.ACTIVE },
+  { x: 5 },
+  { state: State.END },
+]; // 4 events, including two ACTIVE events (second one has overridden additional data).
+
+const implicitBegin = [
+  { x: 1, y: 11 },
+  { x: 2, y: 12, state: State.FAILED },
+]; // 3 events, including implicit BEGAN, one ACTIVE, and one FAILED event with additional data.
+
+const implicitBeginAndEnd = [
+  { x: 5, y: 15 },
+  { x: 6, y: 16 },
+  { x: 7, y: 17 },
+]; // 5 events, including 3 ACTIVE events and implicit BEGAN and END events. BEGAN uses first event's additional data, END uses last event's additional data.
+
+const allImplicits = []; // 3 events, one BEGIN, one ACTIVE, one END with defaults.
+```
+
+### getByGestureTestId
+
+```tsx
+getByGestureTestId: (testID: string) => Gesture;
+```
+
+Returns opaque data type associated with gesture. Gesture is found via [`testID`](/docs/gestures/use-pan-gesture#testid) attribute in rendered
+components.
+
+> **Warning**
+>
+> `testID` must be unique among components rendered in test.
+
+## Example
+
+Extracted from RNGH tests, check [`api_v3.test.tsx`](https://github.com/software-mansion/react-native-gesture-handler/blob/main/packages/react-native-gesture-handler/src/__tests__/api_v3.test.tsx) for full implementation.
+
+```tsx
+test('Pan gesture', () => {
+  const onBegin = jest.fn();
+  const onStart = jest.fn();
+
+  const panGesture = renderHook(() =>
+    usePanGesture({
+      disableReanimated: true,
+      onBegin: (e) => onBegin(e),
+      onActivate: (e) => onStart(e),
+    })
+  ).result.current;
+
+  fireGestureHandler(panGesture, [
+    { oldState: State.UNDETERMINED, state: State.BEGAN },
+    { oldState: State.BEGAN, state: State.ACTIVE },
+    { oldState: State.ACTIVE, state: State.ACTIVE },
+    { oldState: State.ACTIVE, state: State.END },
+  ]);
+
+  expect(onBegin).toHaveBeenCalledTimes(1);
+  expect(onStart).toHaveBeenCalledTimes(1);
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/troubleshooting
+# Title: Troubleshooting
+
+## Troubleshooting
+
+Thanks for giving this library a try! We are sorry that you might have encountered issues though. Here is how you can seek help:
+
+1. Search over the [issues on Github](https://github.com/software-mansion/react-native-gesture-handler/issues). There is a chance someone had this problem in the past and it has been resolved!
+2. When sure your problem hasn't been reported or was reported but the proposed solution doesn't work for you please follow [our issue reporting guidelines](#reporting-issues).
+3. You can try seeking help on [Software Mansion Discord](https://discord.com/invite/VemJ4df8Yr).
+4. If you feel like reading the source code we highly recommend it, as this is by far the best resource and gives you the most up to date insights into how the library works and what might be causing the bug.
+5. If you managed to find the solution consider [contributing](/docs/#contributing) a fix or update our documentation to make this information easier to find for the others in the future.
+
+## Reporting issues
+
+This library is maintained by a very small team. Please keep this in mind when reporting issues, as we may not be able to respond as quickly as you might expect. We strive to address all problems as soon as possible, but our time is often constrained by other issues, features, or projects. To help us understand and address your issue more promptly, you can assist by:
+
+* Making sure the issue description is complete. Please include all the details about your environment (library version, RN version, device OS etc).
+* It is the best to provide an example app that reproduces the issue you are having. Put it up on [gist](https://gist.github.com/), [snack](https://snack.expo.io) or create a repo on Github – it doesn't matter as long as we can easily pull it in, run and see the issue.
+* Explain how you run your repro app and what steps to take to reproduce the issue.
+* Isolate your issue from other dependencies you might be using and make the repro app as minimal as possible.
+* If you have spent some time figuring out the root cause of the problem you can leave a note about your findings so far.
+* **Do not comment on closed issues**. It is very unlikely that we are going to notice your comment in such a case. If the issue has been closed, but the proposed solution doesn't work for you, please open a new one providing all the information necessary and linking to the solution you have tried.
+
+## It's not a bug, it's a feature
+
+* Changing `enabled` prop during a gesture has no effect, only when a gesture starts (that is a finger touches the screen) the `enabled` prop is taken into consideration to decide whether to extract (or not) the gesture and provide it with stream of events to analyze.
+* `Native` gesture may not conform to the standard state flow due to platform specific workarounds to incorporate native views into RNGH.
+* Keep in mind that [`Touchables`](/docs/components/touchables) from RNGH are rendering two additional views that may need to be styled separately to achieve desired effect (`style` and `containerStyle` props).
+* In order for the [gesture composition](/docs/fundamentals/gesture-composition) to work, all composed gestures must be attached to the same [`GestureHandlerRootView`](/docs/fundamentals/root-view).
+
+## Multiple instances of Gesture Handler were detected
+
+This error usually happens when in your project there exists more than one instance of Gesture Handler. It can occur when some of your dependencies have installed Gesture Handler inside their own `node_modules` instead of using it as a peer dependency. In this case two different versions of Gesture Handler JS module try to install the same Native Module.
+
+You can resolve this problem manually by modifying your `package.json` file. This will depend on the package manager you are using.
+
+You can check which libraries are using Gesture Handler, along with its version, with the command:
+
+```bash
+npm ls react-native-gesture-handler
+```
+
+Then you can decide which version of Gesture Handler to use by adding the [`overrides`](https://docs.npmjs.com/cli/v8/configuring-npm/package-json#overrides) property.
+
+```json
+"overrides": {
+  "react-native-gesture-handler": <Gesture Handler version>
+}
+```
+
+After that you need to run your package manager again:
+
+```bash
+npm install
+```
+
+You can check which libraries are using Gesture Handler, along with its version, with the command:
+
+```bash
+yarn why react-native-gesture-handler
+```
+
+Then you can decide which version of Gesture Handler to use by adding the [`resolutions`](https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/) property.
+
+```json
+"resolutions": {
+  "react-native-gesture-handler": <Gesture Handler version>
+}
+```
+
+After that you need to run your package manager again:
+
+```bash
+yarn
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/upgrading-to-3
+# Title: Upgrading to the new API introduced in Gesture Handler 3
+
+## Migrating gestures
+
+The most important change brought by the Gesture Handler 3 is the new hook API. Migration is pretty straightforward. Instead of calling builder methods, everything is passed as a configuration object.
+
+[`ForceTouch`](/docs/2.x/gestures/force-touch-gesture) gesture is not available in hook API.
+
+Full changes
+
+| RNGH2                  | RNGH3                   |
+| ---------------------- | ----------------------- |
+| `Gesture.Pan()`        | `usePanGesture()`       |
+| `Gesture.Tap()`        | `useTapGesture()`       |
+| `Gesture.LongPress()`  | `useLongPressGesture()` |
+| `Gesture.Rotation()`   | `useRotationGesture()`  |
+| `Gesture.Pinch()`      | `usePinchGesture()`     |
+| `Gesture.Fling()`      | `useFlingGesture()`     |
+| `Gesture.Hover()`      | `useHoverGesture()`     |
+| `Gesture.Native()`     | `useNativeGesture()`    |
+| `Gesture.Manual()`     | `useManualGesture()`    |
+| `Gesture.ForceTouch()` | *Not available in hook API* |
+
+### Renamed callbacks
+
+In Gesture Handler 3 some of the callbacks were renamed, namely:
+
+| RNGH2     | RNGH3          |
+| --------- | -------------- |
+| `onStart` | `onActivate`   |
+| `onEnd`   | `onDeactivate` |
+| `onTouchesCancelled`   | `onTouchesCancel` |
+
+Here is comparison of the two APIs:
+
+### onChange
+
+`onChange` callback has been removed, and its functionality has been integrated into `onUpdate`. You can now access `change*` properties in `onUpdate` callback.
+
+### state & oldState
+
+The `state` and `oldState` properties are no longer available in event objects. Tracking state changes can now only be accomplished using the appropriate [callbacks](/docs/fundamentals/callbacks-events).
+
+### Event types
+
+The types of events have been unified for all callbacks. Each event falls into one of two categories: [`GestureEvent`](/docs/fundamentals/callbacks-events#gestureevent) for gesture callbacks, or [`GestureTouchEvent`](/docs/fundamentals/callbacks-events#touchevent) for `TouchEvent` callbacks.
+
+### StateManager
+
+In Gesture Handler 3, `stateManager` is no longer passed to `TouchEvent` callbacks. Instead, you should use the global [`GestureStateManager`](/docs/fundamentals/state-manager).
+
+## Migrating relations
+
+### Composed gestures
+
+Previously, composed gestures were created using `Gesture` object. In Gesture Handler 3, relations are set up using relation hooks.
+
+Full changes are as follows:
+
+| RNGH2                                     | RNGH3                       |
+| ----------------------------------------- | --------------------------- |
+| `Gesture.Race()`                          | `useCompetingGestures()`    |
+| `Gesture.Simultaneous()`                  | `useSimultaneousGestures()` |
+| `Gesture.Exclusive()`                     | `useExclusiveGestures()`    |
+
+### Cross components relations properties
+
+Properties used to define cross-components interactions were renamed.
+
+Full changes are as follows:
+
+| RNGH2                                     | RNGH3                       |
+| ----------------------------------------- | --------------------------- |
+| `gesture.simultaneousWithExternalGesture` | `gesture.simultaneousWith`  |
+| `gesture.requireExternalGestureToFail`    | `gesture.requireToFail`     |
+| `gesture.blocksExternalGesture`           | `gesture.block`             |
+
+## Migrating components relying on view hierarchy
+
+Certain components, such as `SVG`, depend on the view hierarchy to function correctly. In Gesture Handler 3, `GestureDetector` disrupts these hierarchies. To resolve this issue, two new detectors have been introduced: [`InterceptingGestureDetector`](/docs/fundamentals/gesture-detectors#interceptinggesturedetector) and [`VirtualGestureDetector`](/docs/fundamentals/gesture-detectors#virtualgesturedetector).
+
+:::danger Detectors order
+`VirtualGestureDetector` has to be a descendant of `InterceptingGestureDetector`.
+:::
+
+### Migrating SVG
+
+In Gesture Handler 2 it was possible to use `GestureDetector` directly on `SVG`. In Gesture Handler 3, the correct way to interact with `SVG` is to use `InterceptingGestureDetector` and `VirtualGestureDetector`.
+
+## Old components
+
+### Buttons
+
+The implementation of buttons has been updated, resolving most button-related issues. They have also been internally rewritten to utilize the new hook API. The original button components are still accessible but have been renamed with the prefix `Legacy`, e.g., `RectButton` is now available as `LegacyRectButton`.
+
+Although the legacy JS implementation of the buttons is still available, they also use the new host component internally. Because of that, `PureNativeButton` is no longer available in Gesture Handler 3.
+
+Legacy buttons
+
+| RNGH2                 | RNGH3                       |
+| --------------------- | --------------------------- |
+| `RawButton`           | `LegacyRawButton`           |
+| `BaseButton`          | `LegacyBaseButton`          |
+| `RectButton`          | `LegacyRectButton`          |
+| `BorderlessButton`    | `LegacyBorderlessButton`    |
+| `PureNativeButton`    | *Not available in Gesture Handler 3*    |
+
+### Other components
+
+Other components have also been internally rewritten using the new hook API but are exported under their original names, so no changes are necessary on your part. However, if you need to use the previous implementation for any reason, the old components are also available and are prefixed with `Legacy`, e.g., `ScrollView` is now available as `LegacyScrollView`.
+
+Legacy components
+
+| RNGH2                 | RNGH3                       |
+| --------------------- | --------------------------- |
+| `ScrollView`          | `LegacyScrollView`          |
+| `FlatList`            | `LegacyFlatList`            |
+| `RefreshControl`      | `LegacyRefreshControl`      |
+| `Switch`              | `LegacySwitch`              |
+| `TextInput`           | `LegacyTextInput`           |
+| `DrawerLayoutAndroid` | `LegacyDrawerLayoutAndroid` |
+
+### createNativeWrapper
+
+`createNativeWrapper` is deprecated and it is now exported as `legacy_createNativeWrapper`.
+
+## Replaced types
+
+Most of the types, like `TapGesture`, are still present in Gesture Handler 3. However, they are now used in new hook API. Types for old API now have `Legacy` prefix, e.g. `TapGesture` becomes `LegacyTapGesture`.
+
+Legacy types
+
+| RNGH2                   | RNGH3                         |
+| ----------------------- | ----------------------------- |
+| `PanGesture`            | `LegacyPanGesture`            |
+| `TapGesture`            | `LegacyTapGesture`            |
+| `LongPressGesture`      | `LegacyLongPressGesture`      |
+| `RotationGesture`       | `LegacyRotationGesture`       |
+| `PinchGesture`          | `LegacyPinchGesture`          |
+| `FlingGesture`          | `LegacyFlingGesture`          |
+| `HoverGesture`          | `LegacyHoverGesture`          |
+| `NativeGesture`         | `LegacyNativeGesture`         |
+| `ManualGesture`         | `LegacyManualGesture`         |
+| `ForceTouchGesture`     | `LegacyForceTouchGesture`     |
+|                         |                               |
+| `ComposedGesture`       | `LegacyComposedGesture`       |
+| `RaceGesture`           | `LegacyRaceGesture`           |
+| `SimultaneousGesture`   | `LegacySimultaneousGesture`   |
+| `ExclusiveGesture`      | `LegacyExclusiveGesture`      |
+|                         |                               |
+| `RawButtonProps`        | `LegacyRawButtonProps`        |
+| `BaseButtonProps`       | `LegacyBaseButtonProps`       |
+| `RectButtonProps`       | `LegacyRectButtonProps`       |
+| `BorderlessButtonProps` | `LegacyBorderlessButtonProps` |
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-continuous-gesture-callbacks
+# Title: base-continuous-gesture-callbacks
+
+### Callbacks common to all continuous gestures:
+
+### `onUpdate(callback)`
+
+Set the callback that is being called every time the gesture receives an update while it's active.
+
+### `onChange(callback)`
+
+Set the callback that is being called every time the gesture receives an update while it's active. This callback will receive information about change in value in relation to the last received event.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-continuous-gesture-config
+# Title: base-continuous-gesture-config
+
+### Properties common to all continuous gestures:
+
+### `manualActivation(value: boolean)`
+
+When `true` the handler will not activate by itself even if its activation criteria are met. Instead you can manipulate its state using [state manager](/docs/2.x/gestures/state-manager/).
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-callbacks
+# Title: base-gesture-callbacks
+
+### Callbacks common to all gestures:
+
+### `onBegin(callback)`
+
+Set the callback that is being called when given gesture handler starts receiving touches. At the moment of this callback the handler is not yet in an active state and we don't know yet if it will recognize the gesture at all.
+
+### `onStart(callback)`
+
+Set the callback that is being called when the gesture is recognized by the handler and it transitions to the active state.
+
+### `onEnd(callback)`
+
+Set the callback that is being called when the gesture that was recognized by the handler finishes. It will be called only if the handler was previously in the active state.
+
+### `onFinalize(callback)`
+
+Set the callback that is being called when the handler finalizes handling gesture - the gesture was recognized and has finished or it failed to recognize.
+
+### `onTouchesDown(callback)`
+
+Set the `onTouchesDown` callback which is called every time a finger is placed on the screen.
+
+### `onTouchesMove(callback)`
+
+Set the `onTouchesMove` callback which is called every time a finger is moved on the screen.
+
+### `onTouchesUp(callback)`
+
+Set the `onTouchesUp` callback which is called every time a finger is lifted from the screen.
+
+### `onTouchesCancelled(callback)`
+
+Set the `onTouchesCancelled` callback which is called every time a finger stops being tracked, for example when the gesture finishes.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-config
+# Title: base-gesture-config
+
+### Properties common to all gestures:
+
+### `enabled(value: boolean)`
+
+Indicates whether the given handler should be analyzing stream of touch events or not.
+When set to `false` we can be sure that the handler's state will **never** become [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
+If the value gets updated while the handler already started recognizing a gesture, then the handler's state it will immediately change to [`FAILED`](/docs/2.x/fundamentals/states-events#failed) or [`CANCELLED`](/docs/2.x/fundamentals/states-events#cancelled) (depending on its current state).
+Default value is `true`.
+
+### `shouldCancelWhenOutside(value: boolean)`
+
+When `true` the handler will [cancel](/docs/2.x/fundamentals/states-events#cancelled) or [fail](/docs/2.x/fundamentals/states-events#failed) recognition (depending on its current state) whenever the finger leaves the area of the connected view.
+Default value of this property is different depending on the handler type.
+Most handlers' `shouldCancelWhenOutside` property defaults to `false` except for the [`LongPressGesture`](/docs/2.x/gestures/long-press-gesture) and [`TapGesture`](/docs/2.x/gestures/tap-gesture) which default to `true`.
+
+### `hitSlop(settings)`
+
+This parameter enables control over what part of the connected view area can be used to [begin](/docs/2.x/fundamentals/states-events#began) recognizing the gesture.
+When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
+
+Instead you can pass an object to specify how each boundary side should be reduced by providing different number of points for `left`, `right`, `top` or `bottom` sides.
+You can alternatively provide `horizontal` or `vertical` instead of specifying directly `left`, `right` or `top` and `bottom`.
+Finally, the object can also take `width` and `height` attributes.
+When `width` is set it is only allow to specify one of the sides `right` or `left`.
+Similarly when `height` is provided only `top` or `bottom` can be set.
+Specifying `width` or `height` is useful if we only want the gesture to activate on the edge of the view. In which case for example we can set `left: 0` and `width: 20` which would make it possible for the gesture to be recognize when started no more than 20 points from the left edge.
+
+**IMPORTANT:** Note that this parameter is primarily designed to reduce the area where gesture can activate. Hence it is only supported for all the values (except `width` and `height`) to be non positive (0 or lower). Although on Android it is supported for the values to also be positive and therefore allow to expand beyond view bounds but not further than the parent view bounds. To achieve this effect on both platforms you can use React Native's View [hitSlop](https://reactnative.dev/docs/view.html#hitslop) property.
+
+### `withRef(ref)`
+
+Sets a ref to the gesture object, allowing for interoperability with the old
+API.
+
+### `withTestId(testID)`
+
+Sets a `testID` property for gesture object, allowing for querying for it in tests.
+
+### `cancelsTouchesInView(value)` (**iOS only**)
+
+Accepts a boolean value.
+When `true`, the gesture will cancel touches for native UI components (`UIButton`, `UISwitch`, etc) it's attached to when it becomes [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
+Default value is `true`.
+
+### `runOnJS(value: boolean)`
+
+When `react-native-reanimated` is installed, the callbacks passed to the gestures are automatically workletized and run on the UI thread when called. This option allows for changing this behavior: when `true`, all the callbacks will be run on the JS thread instead of the UI thread, regardless of whether they are worklets or not.
+Defaults to `false`.
+
+### `simultaneousWithExternalGesture(otherGesture1, otherGesture2, ...)`
+
+Adds a gesture that should be recognized simultaneously with this one.
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/2.x/fundamentals/gesture-composition). [`GestureDetector`](/docs/2.x/gestures/gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
+
+### `requireExternalGestureToFail(otherGesture1, otherGesture2, ...)`
+
+Adds a relation requiring another gesture to fail, before this one can activate.
+
+### `blocksExternalGesture(otherGesture1, otherGesture2, ...)`
+
+Adds a relation that makes other gestures wait with activation until this gesture fails (or doesn't start at all).
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/2.x/fundamentals/gesture-composition).[`GestureDetector`](/docs/2.x/gestures/gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
+
+### `activeCursor(value)` (Web only)
+
+This parameter allows to specify which cursor should be used when gesture activates. Supports all CSS cursor values (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-event-data
+# Title: base-gesture-event-data
+
+### Event attributes common to all gestures:
+
+### `state`
+
+Current [state](/docs/2.x/fundamentals/states-events) of the handler. Expressed as one of the constants exported under `State` object by the library.
+
+### `numberOfPointers`
+
+Represents the number of pointers (fingers) currently placed on the screen.
+
+### `pointerType`
+
+Indicates the type of pointer device in use. This value is represented by the `PointerType` enum, which includes the following fields:
+
+* `TOUCH` - represents finger
+* `STYLUS` - represents stylus or digital pen
+* `MOUSE` - represents computer mouse
+* `KEY` - represents keyboard
+* `OTHER` - represents unknown device type that is not relevant
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/gesture-detector-functional1
+# Title: gesture-detector-functional1
+
+```jsx
+export default function Example() {
+  const tap = Gesture.Tap().onStart(() => {
+    console.log('tap');
+  });
+
+  return (
+    <GestureDetector gesture={tap}>
+      <FunctionalComponent>
+        <View style={styles.box} />
+      </FunctionalComponent>
+    </GestureDetector>
+  );
+}
+
+function FunctionalComponent(props) {
+  return <View collapsable={false}>{props.children}</View>;
+}
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/v2-info
+# Title: v2-info
+
+> **Warning**
+>
+> Heads up! This page covers the old builder-based API from Gesture Handler 2. We recommend checking out the newer hook-based API from Gesture Handler 3.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/composed-gestures
+# Title: Composed gestures
+
+Composed gestures (`Race`, `Simultaneous`, `Exclusive`) provide a simple way of building relations between gestures. See [Gesture Composition](/docs/2.x/fundamentals/gesture-composition) for more details.
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  const pan = Gesture.Pan();
+  const longPress = Gesture.LongPress();
+
+  // highlight-next-line
+  const composed = Gesture.Race(pan, longPress);
+
+  return (
+    <GestureDetector gesture={composed}>
+      <Animated.View />
+    </GestureDetector>
+  );
+}
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/fling-gesture
+# Title: Fling gesture
+
+A discrete gesture that activates when the movement is sufficiently long and fast.
+Gesture gets [ACTIVE](/docs/2.x/fundamentals/states-events#active) when movement is sufficiently long and it does not take too much time.
+When gesture gets activated it will turn into [END](/docs/2.x/fundamentals/states-events#end) state when finger is released.
+The gesture will fail to recognize if the finger is lifted before being activated.
+
+Fling Gesture
+
+## Example
+
+```jsx
+import { StyleSheet } from 'react-native';
+import {
+  Gesture,
+  GestureDetector,
+  Directions,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withTiming,
+} from 'react-native-reanimated';
+
+export default function App() {
+  const position = useSharedValue(0);
+  // highlight-next-line
+  const flingGesture = Gesture.Fling()
+    .direction(Directions.RIGHT)
+    .onStart((e) => {
+      position.value = withTiming(position.value + 10, { duration: 100 });
+    });
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: position.value }],
+  }));
+
+  return (
+    <GestureDetector gesture={flingGesture}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Config
+
+### Properties specific to `FlingGesture`:
+
+### `direction(value: Directions)`
+
+Expressed allowed direction of movement. Expected values are exported as constants in the `Directions` object. It's possible to pass one or many directions in one parameter:
+
+```js
+import { Directions } from 'react-native-gesture-handler';
+fling.direction(Directions.RIGHT | Directions.LEFT);
+```
+
+or
+
+```js
+fling.direction(Directions.DOWN);
+```
+
+### `numberOfPointers(value: number)`
+
+Determine exact number of points required to handle the fling gesture.
+
+### `mouseButton(value: MouseButton)` (Web & Android only)
+
+Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
+
+* `LEFT`
+* `RIGHT`
+* `MIDDLE`
+* `BUTTON_4`
+* `BUTTON_5`
+* `ALL`
+
+Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `FlingGesture`:
+
+### `x`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](./gesture-detector.md). Expressed in point units.
+
+### `y`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](./gesture-detector.md). Expressed in point units.
+
+### `absoluteX`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/force-touch-gesture
+# Title: Force touch gesture (iOS only)
+
+> **Warning**
+>
+> ForceTouch gesture is deprecated and will be removed in the future version of Gesture Handler.
+
+A continuous gesture that recognizes force of a touch. It allows for tracking pressure of touch on some iOS devices.
+The gesture [activates](/docs/2.x/fundamentals/states-events#active) when pressure of touch is greater than or equal to `minForce`. It fails if pressure is greater than `maxForce`.
+Gesture callback can be used for continuous tracking of the touch pressure. It provides information for one finger (the first one).
+
+At the beginning of the gesture, the pressure factor is 0.0. As the pressure increases, the pressure factor increases proportionally. The maximum pressure is 1.0.
+
+There's no implementation provided on Android and it simply renders children without any wrappers.
+Since this behaviour is only provided on some iOS devices, this gesture should not be used for defining any crucial behaviors. Use it only as an additional improvement and make all features to be accessed without this gesture as well.
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  // highlight-next-line
+  const forceTouch = Gesture.ForceTouch();
+
+  return (
+    <GestureDetector gesture={forceTouch}>
+      <View />
+    </GestureDetector>
+  );
+}
+```
+
+## Config
+
+### Properties specific to `ForceTouchGesture`:
+
+### `minForce(value: number)`
+
+A minimal pressure that is required before gesture can [activate](/docs/2.x/fundamentals/states-events#active). Should be a value from range `[0.0, 1.0]`. Default is `0.2`.
+
+### `maxForce(value: number)`
+
+A maximal pressure that could be applied for gesture. If the pressure is greater, gesture [fails](/docs/2.x/fundamentals/states-events#failed). Should be a value from range `[0.0, 1.0]`.
+
+### `feedbackOnActivation(value: boolean)`
+
+Value defining if haptic feedback has to be performed on activation.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `ForceTouchGesture`:
+
+### `force`
+
+The pressure of a touch.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture-composition
+# Title: Gesture composition & interactions
+
+Composing gestures is much simpler in RNGH2, you don't need to create a ref for every gesture that depends on another one. Instead you can use `Race`, `Simultaneous` and `Exclusive` methods provided by the `Gesture` object.
+
+## Race
+
+Only one of the provided gestures can become active at the same time. The first gesture to become active will cancel the rest of the gestures. It accepts variable number of arguments.
+It is the equivalent to having more than one gesture handler without defining `simultaneousHandlers` and `waitFor` props.
+
+For example, lets say that you have a component that you want to make draggable but you also want to show additional options on long press. Presumably you would not want the component to move after the long press activates. You can accomplish this using `Race`:
+
+> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+
+```js
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withTiming,
+} from 'react-native-reanimated';
+
+function App() {
+  const offset = useSharedValue({ x: 0, y: 0 });
+  const start = useSharedValue({ x: 0, y: 0 });
+  const popupPosition = useSharedValue({ x: 0, y: 0 });
+  const popupAlpha = useSharedValue(0);
+
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: offset.value.x },
+        { translateY: offset.value.y },
+      ],
+    };
+  });
+
+  const animatedPopupStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: popupPosition.value.x },
+        { translateY: popupPosition.value.y },
+      ],
+      opacity: popupAlpha.value,
+    };
+  });
+
+  const dragGesture = Gesture.Pan()
+    .onStart((_e) => {
+      popupAlpha.value = withTiming(0);
+    })
+    .onUpdate((e) => {
+      offset.value = {
+        x: e.translationX + start.value.x,
+        y: e.translationY + start.value.y,
+      };
+    })
+    .onEnd(() => {
+      start.value = {
+        x: offset.value.x,
+        y: offset.value.y,
+      };
+    });
+
+  const longPressGesture = Gesture.LongPress().onStart((_event) => {
+    popupPosition.value = { x: offset.value.x, y: offset.value.y };
+    popupAlpha.value = withTiming(1);
+  });
+
+  const composed = Gesture.Race(dragGesture, longPressGesture);
+
+  return (
+    <Animated.View>
+      <Popup style={animatedPopupStyles} />
+      <GestureDetector gesture={composed}>
+        <Component style={animatedStyles} />
+      </GestureDetector>
+    </Animated.View>
+  );
+}
+```
+
+## Simultaneous
+
+All of the provided gestures can activate at the same time. Activation of one will not cancel the other.
+It is the equivalent to having some gesture handlers, each with `simultaneousHandlers` prop set to the other handlers.
+
+For example, if you want to make a gallery app, you might want user to be able to zoom, rotate and pan around photos. You can do it with `Simultaneous`:
+
+> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+
+```js
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
+
+function App() {
+  const offset = useSharedValue({ x: 0, y: 0 });
+  const start = useSharedValue({ x: 0, y: 0 });
+  const scale = useSharedValue(1);
+  const savedScale = useSharedValue(1);
+  const rotation = useSharedValue(0);
+  const savedRotation = useSharedValue(0);
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: offset.value.x },
+        { translateY: offset.value.y },
+        { scale: scale.value },
+        { rotateZ: `${rotation.value}rad` },
+      ],
+    };
+  });
+
+  const dragGesture = Gesture.Pan()
+    .averageTouches(true)
+    .onUpdate((e) => {
+      offset.value = {
+        x: e.translationX + start.value.x,
+        y: e.translationY + start.value.y,
+      };
+    })
+    .onEnd(() => {
+      start.value = {
+        x: offset.value.x,
+        y: offset.value.y,
+      };
+    });
+
+  const zoomGesture = Gesture.Pinch()
+    .onUpdate((event) => {
+      scale.value = savedScale.value * event.scale;
+    })
+    .onEnd(() => {
+      savedScale.value = scale.value;
+    });
+
+  const rotateGesture = Gesture.Rotation()
+    .onUpdate((event) => {
+      rotation.value = savedRotation.value + event.rotation;
+    })
+    .onEnd(() => {
+      savedRotation.value = rotation.value;
+    });
+
+  const composed = Gesture.Simultaneous(
+    dragGesture,
+    Gesture.Simultaneous(zoomGesture, rotateGesture)
+  );
+
+  return (
+    <Animated.View>
+      <GestureDetector gesture={composed}>
+        <Photo style={animatedStyles} />
+      </GestureDetector>
+    </Animated.View>
+  );
+}
+```
+
+## Exclusive
+
+Only one of the provided gestures can become active, with the first one having a higher priority than the second one (if both gestures are still possible, the second one will wait for the first one to fail before it activates), second one having a higher priority than the third one, and so on.
+It is equivalent to having some gesture handlers where the second one has the `waitFor` prop set to the first handler, third one has the `waitFor` prop set to the first and the second one, and so on.
+
+For example, if you want to make a component that responds to single tap as well as to a double tap, you can accomplish that using `Exclusive`:
+
+> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+
+```js
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  const singleTap = Gesture.Tap().onEnd((_event, success) => {
+    if (success) {
+      console.log('single tap!');
+    }
+  });
+  const doubleTap = Gesture.Tap()
+    .numberOfTaps(2)
+    .onEnd((_event, success) => {
+      if (success) {
+        console.log('double tap!');
+      }
+    });
+
+  const taps = Gesture.Exclusive(doubleTap, singleTap);
+
+  return (
+    <GestureDetector gesture={taps}>
+      <Component />
+    </GestureDetector>
+  );
+}
+```
+
+# Cross-component interactions
+
+You may have noticed that gesture composition described above requires you to mount all of the composed gestures under a single `GestureDetector`, effectively attaching them to the same underlying component. You can customize how gestures interact with each other across multiple components in a couple of ways:
+
+## requireExternalGestureToFail
+
+`requireExternalGestureToFail` allows to delay activation of the handler until all handlers passed as arguments to this method fail (or don't begin at all).
+
+For example, you may want to have two nested components, both of them can be tapped by the user to trigger different actions: outer view requires one tap, but the inner one requires 2 taps. If you don't want the first tap on the inner view to activate the outer handler, you must make the outer gesture wait until the inner one fails:
+
+```jsx
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  Gesture,
+  GestureHandlerRootView,
+} from 'react-native-gesture-handler';
+
+export default function Example() {
+  const innerTap = Gesture.Tap()
+    .numberOfTaps(2)
+    .onStart(() => {
+      console.log('inner tap');
+    });
+
+  const outerTap = Gesture.Tap()
+    .onStart(() => {
+      console.log('outer tap');
+    })
+    .requireExternalGestureToFail(innerTap);
+
+  return (
+    <GestureHandlerRootView style={styles.container}>
+      <GestureDetector gesture={outerTap}>
+        <View style={styles.outer}>
+          <GestureDetector gesture={innerTap}>
+            <View style={styles.inner} />
+          </GestureDetector>
+        </View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  outer: {
+    width: 250,
+    height: 250,
+    backgroundColor: 'lightblue',
+  },
+  inner: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'blue',
+    alignSelf: 'center',
+  },
+});
+```
+
+## blocksExternalGesture
+
+`blocksExternalGesture` works similarly to `requireExternalGestureToFail` but the direction of the relation is reversed - instead of being one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
+
+```jsx
+import React, { useRef } from 'react';
+import { StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  Gesture,
+  GestureHandlerRootView,
+  ScrollView,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withTiming,
+} from 'react-native-reanimated';
+
+const ITEMS = ['red', 'green', 'blue', 'yellow'];
+
+function Item({ backgroundColor, scrollRef }) {
+  const scale = useSharedValue(1);
+  const zIndex = useSharedValue(1);
+
+  const pinch = Gesture.Pinch()
+    .blocksExternalGesture(scrollRef)
+    .onBegin(() => {
+      zIndex.value = 100;
+    })
+    .onChange((e) => {
+      scale.value *= e.scaleChange;
+    })
+    .onFinalize(() => {
+      scale.value = withTiming(1, undefined, (finished) => {
+        if (finished) {
+          zIndex.value = 1;
+        }
+      });
+    });
+
+  const animatedStyles = useAnimatedStyle(() => ({
+    transform: [{ scale: scale.value }],
+    zIndex: zIndex.value,
+  }));
+
+  return (
+    <GestureDetector gesture={pinch}>
+      <Animated.View
+        style={[
+          { backgroundColor: backgroundColor },
+          styles.item,
+          animatedStyles,
+        ]}
+      />
+    </GestureDetector>
+  );
+}
+
+export default function Example() {
+  const scrollRef = useRef();
+
+  return (
+    <GestureHandlerRootView style={styles.container}>
+      <ScrollView style={styles.container} ref={scrollRef}>
+        {ITEMS.map((item) => (
+          <Item backgroundColor={item} key={item} scrollRef={scrollRef} />
+        ))}
+      </ScrollView>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  item: {
+    flex: 1,
+    aspectRatio: 1,
+  },
+});
+```
+
+## simultaneousWithExternalGesture
+
+`simultaneousWithExternalGesture` allows gestures across different components to be recognized simultaneously. For example, you may want to have two nested views, both with tap gesture attached. Both of them require one tap, but tapping the inner one should also activate the gesture attached to the outer view:
+
+```jsx
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  Gesture,
+  GestureHandlerRootView,
+} from 'react-native-gesture-handler';
+
+export default function Example() {
+  const innerTap = Gesture.Tap().onStart(() => {
+    console.log('inner tap');
+  });
+
+  const outerTap = Gesture.Tap()
+    .onStart(() => {
+      console.log('outer tap');
+    })
+    .simultaneousWithExternalGesture(innerTap);
+
+  return (
+    <GestureHandlerRootView style={styles.container}>
+      <GestureDetector gesture={outerTap}>
+        <View style={styles.outer}>
+          <GestureDetector gesture={innerTap}>
+            <View style={styles.inner} />
+          </GestureDetector>
+        </View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  outer: {
+    width: 250,
+    height: 250,
+    backgroundColor: 'lightblue',
+  },
+  inner: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'blue',
+    alignSelf: 'center',
+  },
+});
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture-detector
+# Title: GestureDetector
+
+`GestureDetector` is the main component of the RNGH2. It is responsible for creating and updating native gesture handlers based on the config of provided gesture. The most significant difference between it and old gesture handlers is that the `GestureDetector` can recognize more than one gesture at the time thanks to gesture composition. Keep in mind that `GestureDetector` is not compatible with the [Animated API](https://reactnative.dev/docs/animated), nor with [Reanimated 1](https://docs.swmansion.com/react-native-reanimated/docs/1.x/).
+
+## Reference
+
+```javascript
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+function App() {
+  const tap = Gesture.Tap();
+  return (
+    // highlight-next-line
+    <GestureDetector gesture={tap}>
+      <Animated.View />
+      // highlight-next-line
+    </GestureDetector>
+  );
+}
+```
+
+## Properties
+
+### `gesture`
+
+A gesture object containing the configuration and callbacks. Can be any of the base gestures (`Tap`, `Pan`, `LongPress`, `Fling`, `Pinch`, `Rotation`, `ForceTouch`) or any [`ComposedGesture`](./composed-gestures.md) (`Race`, `Simultaneous`, `Exclusive`).
+
+> **Info**
+>
+> GestureDetector will decide whether to use Reanimated to process provided gestures based on callbacks they have. If any of the callbacks is a worklet, tools provided by the Reanimated will be utilized bringing ability to handle gestures synchronously.
+>
+> Starting with Reanimated 2.3.0 Gesture Handler will provide a [StateManager](/docs/2.x/gestures/state-manager) in the [touch events](/docs/2.x/gestures/touch-events) that allows for managing the state of the gesture.
+
+### `userSelect` (Web only)
+
+This parameter allows to specify which `userSelect` property should be applied to underlying view. Possible values are `"none" | "auto" | "text"`. Default value is set to `"none"`.
+
+### `touchAction` (Web only)
+
+This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS `touch-action` values (e.g. `"none"`, `"pan-y"`). Default value is set to `"none"`.
+
+### `enableContextMenu(value: boolean)` (Web only)
+
+Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false`.
+
+## Remarks
+
+* Gesture Detector will use first native view in its subtree to recognize gestures, however if this view is used only to group its children it may get automatically [collapsed](https://reactnative.dev/docs/view#collapsable-android). Consider this example:
+
+  If we were to remove the collapsable prop from the View, the gesture would stop working because it would be attached to a view that is not present in the view hierarchy. Gesture Detector adds this prop automatically to its direct child but it's impossible to do automatically for more complex view trees.
+
+* Using the same instance of a gesture across multiple Gesture Detectors is not possible. Have a look at the code below:
+
+  ```jsx
+  export default function Example() {
+    const pan = Gesture.Pan();
+
+    return (
+      <View>
+        <GestureDetector gesture={pan}>
+          <View>
+            <GestureDetector gesture={pan}>
+              {' '}
+              {/* Don't do this! */}
+              <View />
+            </GestureDetector>
+          </View>
+        </GestureDetector>
+      </View>
+    );
+  }
+  ```
+
+  This example will throw an error, becuse we try to use the same instance of `Pan` in two different Gesture Detectors.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture
+# Title: Gesture
+
+`Gesture` is the object that allows you to create and compose gestures.
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  // highlight-next-line
+  const tap = Gesture.Tap();
+
+  return (
+    <GestureDetector gesture={tap}>
+      <Animated.View />
+    </GestureDetector>
+  );
+}
+```
+
+### Gesture.Tap()
+
+Creates a new instance of [`TapGesture`](/docs/2.x/gestures/tap-gesture) with its default config and no callbacks.
+
+### Gesture.Pan()
+
+Creates a new instance of [`PanGesture`](/docs/2.x/gestures/pan-gesture) with its default config and no callbacks.
+
+### Gesture.LongPress()
+
+Creates a new instance of [`LongPressGesture`](/docs/2.x/gestures/long-press-gesture) with its default config and no callbacks.
+
+### Gesture.Fling()
+
+Creates a new instance of [`FlingGesture`](/docs/2.x/gestures/fling-gesture) with its default config and no callbacks.
+
+### Gesture.Pinch()
+
+Creates a new instance of [`PinchGesture`](/docs/2.x/gestures/pinch-gesture) with its default config and no callbacks.
+
+### Gesture.Rotation()
+
+Creates a new instance of [`RotationGesture`](/docs/2.x/gestures/rotation-gesture) with its default config and no callbacks.
+
+### Gesture.Hover()
+
+Creates a new instance of [`HoverGesture`](/docs/2.x/gestures/hover-gesture) with its default config and no callbacks.
+
+### Gesture.ForceTouch()
+
+Creates a new instance of [`ForceTouchGesture`](/docs/2.x/gestures/force-touch-gesture) with its default config and no callbacks.
+
+### Gesture.Manual()
+
+Creates a new instance of [`ManualGesture`](/docs/2.x/gestures/manual-gesture) with its default config and no callbacks.
+
+### Gesture.Native()
+
+Creates a new instance of [`NativeGesture`](/docs/2.x/gestures/native-gesture) with its default config and no callbacks.
+
+### Gesture.Race(gesture1, gesture2, gesture3, ...): ComposedGesture
+
+Creates a gesture composed of those provided as arguments. Only one of those can become active and there are no restrictions to the activation of the gesture. The first one to activate will cancel all the others.
+
+### Gesture.Simultaneous(gesture1, gesture2, gesture3, ...): ComposedGesture
+
+Creates a gesture composed of those provided as arguments. All of them can become active without cancelling the others.
+
+### Gesture.Exclusive(gesture1, gesture2, gesture3, ...): ComposedGesture
+
+Creates a gesture composed of those provided as arguments. Only one of them can become active, but the first one has a higher priority than the second one, the second one has a higher priority than the third one, and so on. When all gestures are in the `BEGAN` state and the activation criteria for the second one is met, instead of activating it will wait until the first one fails (and only then it will activate) or until the first one activates (and then the second one will get cancelled). It is useful when you want to compose gestures with similar activation criteria (e.g. single and double tap at the same component, without Exclusive the single tap would activate every time user taps thus cancelling the double tap).
+
+## Remarks
+
+* Consider wrapping your gesture configurations with `useMemo`, as it will reduce the amount of work Gesture Handler has to do under the hood when updating gestures. For example:
+
+```jsx
+import React from 'react';
+
+function App() {
+  const gesture = React.useMemo(
+    () =>
+      Gesture.Tap().onStart(() => {
+        console.log('Number of taps:', tapNumber + 1);
+        setTapNumber((value) => value + 1);
+      }),
+    [tapNumber, setTapNumber]
+  );
+  // ...
+}
+```
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/hover-gesture
+# Title: Hover gesture
+
+A continuous gesture that can recognize hovering above the view it's attached to. The hover effect may be activated by moving a mouse or a stylus over the view.
+
+On iOS additional visual effects may be configured.
+
+Hover Gesture
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  // highlight-next-line
+  const hover = Gesture.Hover();
+
+  return (
+    <GestureDetector gesture={hover}>
+      <View />
+    </GestureDetector>
+  );
+}
+```
+
+## Remarks
+
+* Don't rely on `Hover` gesture to continue after the mouse button is clicked or the stylus touches the screen. If you want to handle both cases, [compose](/docs/2.x/fundamentals/gesture-composition) it with [`Pan` gesture](/docs/2.x/gestures/pan-gesture).
+
+## Config
+
+### Properties specific to `HoverGesture`:
+
+### `effect(effect: HoverEffect)` (iOS only)
+
+```js
+import { HoverEffect } from 'react-native-gesture-handler';
+```
+
+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`
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `HoverGesture`:
+
+### `x`
+
+X coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `y`
+
+Y coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `absoluteX`
+
+X coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+### `stylusData`
+
+Object that contains additional information about `stylus`. It consists of the following fields:
+
+* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
+* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
+* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
+* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
+* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/long-press-gesture
+# Title: Long press gesture
+
+A discrete gesture that activates when the corresponding view is pressed for a sufficiently long time.
+This gesture's state will turn into [END](/docs/2.x/fundamentals/states-events#end) immediately after the finger is released.
+The gesture will fail to recognize a touch event if the finger is lifted before the [minimum required time](/docs/2.x/gestures/long-press-gesture#mindurationvalue-number) or if the finger is moved further than the [allowable distance](/docs/2.x/gestures/long-press-gesture#maxdistancevalue-number).
+
+Long Press Gesture
+
+## Example
+
+```jsx
+import { View, StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+export default function App() {
+  // highlight-next-line
+  const longPressGesture = Gesture.LongPress().onEnd((e, success) => {
+    if (success) {
+      console.log(`Long pressed for ${e.duration} ms!`);
+    }
+  });
+
+  return (
+    <GestureDetector gesture={longPressGesture}>
+      <View style={styles.box} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Config
+
+### Properties specific to `LongPressGesture`:
+
+### `minDuration(value: number)`
+
+Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view. The default value is 500.
+
+### `maxDistance(value: number)`
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture. If the finger travels further than the defined distance and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture. The default value is 10.
+
+### `mouseButton(value: MouseButton)` (Web & Android only)
+
+Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
+
+* `LEFT`
+* `RIGHT`
+* `MIDDLE`
+* `BUTTON_4`
+* `BUTTON_5`
+* `ALL`
+
+Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `LongPressGesture`:
+
+### `x`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
+
+### `y`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
+
+### `absoluteX`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
+
+### `duration`
+
+Duration of the long press (time since the start of the gesture), expressed in milliseconds.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/manual-gesture
+# Title: Manual gesture
+
+A plain gesture that has no specific activation criteria nor event data set. Its state has to be controlled manually using a [state manager](/docs/2.x/gestures/state-manager). It will not fail when all the pointers are lifted from the screen.
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  // highlight-next-line
+  const manual = Gesture.Manual();
+
+  return (
+    <GestureDetector gesture={manual}>
+      <Animated.View />
+    </GestureDetector>
+  );
+}
+```
+
+## Config
+
+## Callbacks
+
+## Event data
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/native-gesture
+# Title: Native gesture
+
+A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/2.x/fundamentals/gesture-composition) with other gestures.
+
+When used, the native component should be the direct child of a `GestureDetector`.
+
+## Example
+
+This example renders a `ScrollView` with multiple colored rectangles, where each rectangle has a black section. Starting a touch on a black section will disable the `ScrollView` for the duration of the `Pan` gesture.
+
+```jsx
+import { View, ScrollView } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+const COLORS = ['red', 'green', 'blue', 'purple', 'orange', 'cyan'];
+
+export default function App() {
+  // highlight-next-line
+  const native = Gesture.Native();
+
+  return (
+    <GestureDetector gesture={native}>
+      <ScrollView style={{ flex: 1 }}>
+        <ScrollableContent scrollGesture={native} />
+      </ScrollView>
+    </GestureDetector>
+  );
+}
+
+function ScrollableContent({ scrollGesture }) {
+  return (
+    <View>
+      {COLORS.map((color) => (
+        <Rectangle key={color} color={color} scrollGesture={scrollGesture} />
+      ))}
+    </View>
+  );
+}
+
+function Rectangle({ color, scrollGesture }) {
+  const pan = Gesture.Pan().blocksExternalGesture(scrollGesture);
+
+  return (
+    <View
+      key={color}
+      style={{ width: '100%', height: 250, backgroundColor: color }}>
+      <GestureDetector gesture={pan}>
+        <View style={{ width: '100%', height: 50, backgroundColor: 'black' }} />
+      </GestureDetector>
+    </View>
+  );
+}
+```
+
+## Remarks
+
+* `Native` gesture can be used as part of [gesture composition and cross-component interactions](/docs/2.x/fundamentals/gesture-composition) just like any other gesture. You can use this to block a native component for the duration of the gesture or to make it work alongside a gesture.
+
+> **Danger**
+>
+> Do not use `Native` gesture with components exported by React Native Gesture Handler. Those come with a native gesture handler preapplied. Attaching a native gesture twice will likely result in the components not working as intended.
+
+## Config
+
+### Properties specific to `NativeGesture`:
+
+### `shouldActivateOnStart(value: boolean)` (**Android only**)
+
+When `true`, underlying handler will activate unconditionally when it receives any touches in [`BEGAN`](/docs/2.x/fundamentals/states-events#began) or [`UNDETERMINED`](/docs/2.x/fundamentals/states-events#undetermined) state.
+
+### `disallowInterruption(value: boolean)`
+
+When `true`, cancels all other gesture handlers when this `NativeViewGestureHandler` changes its state to [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `NativeGesture`:
+
+### `pointerInside`
+
+True if gesture was performed inside of containing view, false otherwise.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/pan-gesture
+# Title: Pan gesture
+
+A continuous gesture that can recognize a panning (dragging) gesture and track its movement.
+
+The gesture [activates](/docs/2.x/fundamentals/states-events#active) when a finger is placed on the screen and moved some initial distance.
+
+Configurations such as a minimum initial distance, specific vertical or horizontal pan detection and [number of fingers](/docs/2.x/gestures/pan-gesture#minpointersvalue-number) required for activation (allowing for multifinger swipes) may be specified.
+
+Gesture callback can be used for continuous tracking of the pan gesture. It provides information about the gesture such as its XY translation from the starting point as well as its instantaneous velocity.
+
+Pan Gesture
+
+## Example
+
+```jsx
+import { StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  withTiming,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
+
+const END_POSITION = 200;
+
+export default function App() {
+  const onLeft = useSharedValue(true);
+  const position = useSharedValue(0);
+
+  // highlight-next-line
+  const panGesture = Gesture.Pan()
+    .onUpdate((e) => {
+      if (onLeft.value) {
+        position.value = e.translationX;
+      } else {
+        position.value = END_POSITION + e.translationX;
+      }
+    })
+    .onEnd((e) => {
+      if (position.value > END_POSITION / 2) {
+        position.value = withTiming(END_POSITION, { duration: 100 });
+        onLeft.value = false;
+      } else {
+        position.value = withTiming(0, { duration: 100 });
+        onLeft.value = true;
+      }
+    });
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: position.value }],
+  }));
+
+  return (
+    // highlight-next-line
+    <GestureDetector gesture={panGesture}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Multi touch pan handling
+
+If your app relies on multi touch pan handling this section provides some information how the default behavior differs between the platform and how (if necessary) it can be unified.
+
+The difference in multi touch pan handling lies in the way how translation properties during the event are being calculated.
+On iOS the default behavior when more than one finger is placed on the screen is to treat this situation as if only one pointer was placed in the center of mass (average position of all the pointers).
+This applies also to many platform native components that handle touch even if not primarily interested in multi touch interactions like for example UIScrollView component.
+
+On Android, the default behavior for native components like scroll view, pager views or drawers is different and hence gesture defaults to that when it comes to pan handling.
+The difference is that instead of treating the center of mass of all the fingers placed as a leading pointer it takes the latest placed finger as such.
+This behavior can be changed on Android using [`averageTouches`](#averagetouchesvalue-boolean-android-only) flag.
+
+Note that on both Android and iOS when the additional finger is placed on the screen that translation prop is not affected even though the position of the pointer being tracked might have changed.
+Therefore it is safe to rely on translation most of the time as it only reflects the movement that happens regardless of how many fingers are placed on the screen and if that number changes over time.
+If you wish to track the "center of mass" virtual pointer and account for its changes when the number of finger changes you can use relative or absolute position provided in the event ([`x`](#x) and [`y`](#y) or [`absoluteX`](#absolutex) and [`absoluteY`](#absolutey)).
+
+## Config
+
+### Properties specific to `PanGesture`:
+
+### `minDistance(value: number)`
+
+Minimum distance the finger (or multiple finger) need to travel before the gesture [activates](/docs/2.x/fundamentals/states-events#active). Expressed in points.
+
+### `minPointers(value: number)`
+
+A number of fingers that is required to be placed before gesture can [activate](/docs/2.x/fundamentals/states-events#active). Should be a higher or equal to 0 integer.
+
+### `maxPointers(value: number)`
+
+When the given number of fingers is placed on the screen and gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active) it will fail recognizing the gesture. Should be a higher or equal to 0 integer.
+
+### `activateAfterLongPress(duration: number)`
+
+Duration in milliseconds of the `LongPress` gesture before `Pan` is allowed to [activate](/docs/2.x/fundamentals/states-events#active). If the finger is moved during that period, the gesture will [fail](/docs/2.x/fundamentals/states-events#failed). Should be a higher or equal to 0 integer. Default value is 0, meaning no `LongPress` is required to [activate](/docs/2.x/fundamentals/states-events#active) the `Pan`.
+
+### `activeOffsetX(value: number | number[])`
+
+Range along X axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### `activeOffsetY(value: number | number[])`
+
+Range along Y axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### `failOffsetY(value: number | number[])`
+
+When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### `failOffsetX(value: number | number[])`
+
+When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### `averageTouches(value: boolean)` (Android only)
+
+Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
+
+### `enableTrackpadTwoFingerGesture(value: boolean)` (iOS only)
+
+Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with enableTrackpadTwoFingerGesture swiping with two fingers will also trigger the gesture.
+
+### `mouseButton(value: MouseButton)` (Web & Android only)
+
+Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
+
+* `LEFT`
+* `RIGHT`
+* `MIDDLE`
+* `BUTTON_4`
+* `BUTTON_5`
+* `ALL`
+
+Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `PanGesture`:
+
+### `translationX`
+
+Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+### `translationY`
+
+Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+### `velocityX`
+
+Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
+
+### `velocityY`
+
+Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
+
+### `x`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `y`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `absoluteX`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+### `stylusData`
+
+Object that contains additional information about `stylus`. It consists of the following fields:
+
+* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
+* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
+* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
+* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
+* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/pinch-gesture
+# Title: Pinch gesture
+
+A continuous gesture that recognizes pinch gesture. It allows for tracking the distance between two fingers and use that information to scale or zoom your content.
+The gesture [activates](/docs/2.x/fundamentals/states-events#active) when fingers are placed on the screen and change their position.
+Gesture callback can be used for continuous tracking of the pinch gesture. It provides information about velocity, anchor (focal) point of gesture and scale.
+
+The distance between the fingers is reported as a scale factor. At the beginning of the gesture, the scale factor is 1.0. As the distance between the two fingers increases, the scale factor increases proportionally.
+Similarly, the scale factor decreases as the distance between the fingers decreases.
+Pinch gestures are used most commonly to change the size of objects or content onscreen.
+For example, map views use pinch gestures to change the zoom level of the map.
+
+Pinch Gesture
+
+## Example
+
+```jsx
+import { StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
+
+export default function App() {
+  const scale = useSharedValue(1);
+  const savedScale = useSharedValue(1);
+
+  // highlight-next-line
+  const pinchGesture = Gesture.Pinch()
+    .onUpdate((e) => {
+      scale.value = savedScale.value * e.scale;
+    })
+    .onEnd(() => {
+      savedScale.value = scale.value;
+    });
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ scale: scale.value }],
+  }));
+
+  return (
+    <GestureDetector gesture={pinchGesture}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Remarks
+
+* When implementing pinch based on `focal` point, make sure to use it after gesture has activated, i.e. in `onStart`, `onUpdate` or `onChange` callbacks. Using it in `onBegan` may lead to unexpected behavior.
+
+## Config
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `PinchGesture`:
+
+### `scale`
+
+The scale factor relative to the points of the two touches in screen coordinates.
+
+### `velocity`
+
+Velocity of the pan gesture the current moment. The value is expressed in scale factor per second.
+
+### `focalX`
+
+Position expressed in points along X axis of center anchor point of gesture
+
+### `focalY`
+
+Position expressed in points along Y axis of center anchor point of gesture
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/rotation-gesture
+# Title: Rotation gesture
+
+A continuous gesture that can recognize a rotation gesture and track its movement.
+
+The gesture [activates](/docs/2.x/fundamentals/states-events#active) when fingers are placed on the screen and change position in a proper way.
+
+Gesture callback can be used for continuous tracking of the rotation gesture. It provides information about the gesture such as the amount rotated, the focal point of the rotation (anchor), and its instantaneous velocity.
+
+Rotation Gesture
+
+## Example
+
+```jsx
+import { StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
+
+export default function App() {
+  const rotation = useSharedValue(1);
+  const savedRotation = useSharedValue(1);
+
+  // highlight-next-line
+  const rotationGesture = Gesture.Rotation()
+    .onUpdate((e) => {
+      rotation.value = savedRotation.value + e.rotation;
+    })
+    .onEnd(() => {
+      savedRotation.value = rotation.value;
+    });
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ rotateZ: `${(rotation.value / Math.PI) * 180}deg` }],
+  }));
+
+  return (
+    <GestureDetector gesture={rotationGesture}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Remarks
+
+* When implementing rotation based on `anchor` point, make sure to use it after gesture has activated, i.e. in `onStart`, `onUpdate` or `onChange` callbacks. Using it in `onBegan` may lead to unexpected behavior.
+
+## Config
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `RotationGesture`:
+
+### `rotation`
+
+Amount rotated, expressed in radians, from the gesture's focal point (anchor).
+
+### `velocity`
+
+Instantaneous velocity, expressed in point units per second, of the gesture.
+
+### `anchorX`
+
+X coordinate, expressed in points, of the gesture's central focal point (anchor).
+
+### `anchorY`
+
+Y coordinate, expressed in points, of the gesture's central focal point (anchor).
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/state-manager
+# Title: Gesture state manager
+
+`GestureStateManager` allows to manually control the state of the gestures. Please note that `react-native-reanimated` is required to use it, since it allows for synchronously executing methods in worklets.
+
+## Methods
+
+### `begin()`
+
+Transition the gesture to the [`BEGAN`](/docs/2.x/fundamentals/states-events#began) state. This method will have no effect if the gesture has already activated or finished.
+
+### `activate()`
+
+Transition the gesture to the [`ACTIVE`](/docs/2.x/fundamentals/states-events#active) state. This method will have no effect if the handler is already active, or has finished.
+If the gesture is [`exclusive`](/docs/2.x/fundamentals/gesture-composition) with another one, the activation will be delayed until the gesture with higher priority fails.
+
+### `end()`
+
+Transition the gesture to the [`END`](/docs/2.x/fundamentals/states-events#end) state. This method will have no effect if the handler has already finished.
+
+### `fail()`
+
+Transition the gesture to the [`FAILED`](/docs/2.x/fundamentals/states-events#failed) state. This method will have no effect if the handler has already finished.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/tap-gesture
+# Title: Tap gesture
+
+A discrete gesture that recognizes one or many taps.
+
+Tap gestures detect one or more fingers briefly touching the screen.
+The fingers involved in these gestures must not move significantly from their initial touch positions.
+The required number of taps and allowed distance from initial position may be configured.
+For example, you might configure tap gesture recognizers to detect single taps, double taps, or triple taps.
+
+In order for a gesture to [activate](/docs/2.x/fundamentals/states-events#active), specified gesture requirements such as minPointers, numberOfTaps, maxDist, maxDuration, and maxDelayMs (explained below) must be met. Immediately after the gesture [activates](/docs/2.x/fundamentals/states-events#active), it will [end](/docs/2.x/fundamentals/states-events#end).
+
+Tap Gesture
+
+## Example
+
+```jsx
+import { View, StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+export default function App() {
+  // highlight-next-line
+  const singleTap = Gesture.Tap()
+    .maxDuration(250)
+    .onStart(() => {
+      console.log('Single tap!');
+    });
+
+  // highlight-next-line
+  const doubleTap = Gesture.Tap()
+    .maxDuration(250)
+    .numberOfTaps(2)
+    .onStart(() => {
+      console.log('Double tap!');
+    });
+
+  return (
+    <GestureDetector gesture={Gesture.Exclusive(doubleTap, singleTap)}>
+      <View style={styles.box} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Config
+
+### Properties specific to `TapGesture`:
+
+### `minPointers(value: number)`
+
+Minimum number of pointers (fingers) required to be placed before the gesture [activates](/docs/2.x/fundamentals/states-events#active). Should be a positive integer. The default value is 1.
+
+### `maxDuration(value: number)`
+
+Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch. The default value is 500.
+
+### `maxDelay(value: number)`
+
+Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required. The default value is 500.
+
+### `numberOfTaps(value: number)`
+
+Number of tap gestures required to [activate](/docs/2.x/fundamentals/states-events#active) the gesture. The default value is 1.
+
+### `maxDeltaX(value: number)`
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. If the finger travels further than the defined distance along the X axis and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
+
+### `maxDeltaY(value: number)`
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. If the finger travels further than the defined distance along the Y axis and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
+
+### `maxDistance(value: number)`
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture. If the finger travels further than the defined distance and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
+
+### `mouseButton(value: MouseButton)` (Web & Android only)
+
+Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
+
+* `LEFT`
+* `RIGHT`
+* `MIDDLE`
+* `BUTTON_4`
+* `BUTTON_5`
+* `ALL`
+
+Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `TapGesture`:
+
+### `x`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
+
+### `y`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
+
+### `absoluteX`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/touch-events
+# Title: Touch events
+
+### Touch event attributes:
+
+### `eventType`
+
+Type of the current event - whether the finger was placed on the screen, moved, lifted or cancelled.
+
+### `changedTouches`
+
+An array of objects where every object represents a single touch. Contains information only about the touches that were affected by the event i.e. those that were placed down, moved, lifted or cancelled.
+
+### `allTouches`
+
+An array of objects where every object represents a single touch. Contains information about all active touches.
+
+### `numberOfTouches`
+
+Number representing the count of currently active touches.
+
+> **Caution**
+>
+> Don't rely on the order of items in the `touches` as it may change during the gesture, instead use the `id` attribute to track individual touches across events.
+
+### PointerData attributes:
+
+### `id`
+
+A number representing id of the touch. It may be used to track the touch between events as the id will not change while it is being tracked.
+
+### `x`
+
+X coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `y`
+
+Y coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `absoluteX`
+
+X coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/under-the-hood/how-does-it-work
+# Title: How does it work?
+
+### Units
+
+All handler component properties and event attributes that represent onscreen dimensions are expressed in screen density independent units we refer to as "points".
+These are the units commonly used in React Native ecosystem (e.g. in the [layout system](http://reactnative.dev/docs/flexbox.html)).
+They do not map directly to physical pixels but instead to [iOS's points](https://developer.apple.com/library/content/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html#//apple_ref/doc/uid/TP40010156-CH14-SW7) and to [dp](https://developer.android.com/guide/topics/resources/more-resources#Dimension) units on Android.
+
+## iOS
+
+All gestures are implemented using [UIGestureRecognizers](https://developer.apple.com/documentation/uikit/uigesturerecognizer?language=objc). Some of them have been slightly modified to allow for more customization and to conform to the [state flow](/docs/fundamentals/callbacks-events) of RNGH. When you assign a gesture configuration to the [`GestureDetector`](/docs/fundamentals/gesture-detectors), it creates all the required recognizers and assigns them to the child view of the detector. From this point most of the heavy lifting is handled by the [UIKit](https://developer.apple.com/documentation/uikit?language=objc) (with our help to correctly implement interactions between gestures).
+
+## Android
+
+Unfortunately, Android doesn't provide an easy way of handling gestures hence most of them were implemented from scratch, including a system for managing how the gestures should interact with each other. Here's a quick overview of how it works:
+When you wrap a component with [`GestureHandlerRootView`](/docs/fundamentals/root-view) it allows for the RNGH to intercept all touch events on that component and process them, deciding whether they should be handled by one of the gesture handlers or passed to the underlying view. Gesture handlers are created right at the moment you declare them in order to initialize all of the necessary handlers natively. Every `GestureHandlerRootView` also has a specific handler to decide whether to pass the touch events or to consume them. It can never activate, only begin, end or be cancelled. When this handler is in the `UNDETERMINED` [state](/docs/under-the-hood/state) it means that there is no touch in progress, however when the touch starts it transitions to the `BEGAN` state. As long as it stays in that state, no touch event is consumed, but as soon as it gets cancelled (meaning that some handler has activated) all incoming touch events get consumed, preventing underlying view from receiving them.
+
+When a pointer touches the screen the view tree is traversed in order to extract all handlers attached to the views below the finger (including the one attached to the `GestureHandlerRootView`) and all extracted handlers transition to the `BEGAN` state, signalling that the gesture may have began. The touch events continue to be delivered to all extracted handlers until one of them recognizes the gesture and tries to activate. At this point the orchestrator checks whether this gesture should wait for any other of the extracted gestures to fail. If it does, it's put to the waiting list, if it doesn't, it gets activated and all other gestures (that are not simultaneous with it) get cancelled. When a gesture handlers transitions to a finished state (the gesture recognized by it stops, fails or gets cancelled) the orchestrator checks the waiting handlers. Every one of them that waited for the gesture that just failed tries to activate again (and again the orchestrator checks if it should wait for any of the extracted gestures...).
+
+
+---
+# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/under-the-hood/state
+# Title: Handler State
+
+Gesture handlers can be treated as ["state machines"](https://en.wikipedia.org/wiki/Finite-state_machine).
+At any given time, each handler instance has an assigned state that can change when new touch events occur or can be forced to change by the touch system in certain circumstances.
+
+States manage the internal recognition process. You can hook into these transitions using specific gesture callbacks.
+
+| State              | Description                                                                              | Callback                                                                                                                                                                                                                                                                           |
+| :----------------- | :--------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **`UNDETERMINED`** | The default initial state of every handler.                                              | —                                                                                                                                                                                                                                                                                  |
+| **`BEGAN`**        | The handler has started receiving touch data but hasn't yet met the activation criteria. | [`onBegin`](/docs/fundamentals/callbacks-events#onbegin)                                                                                                                                                                                                                           |
+| **`ACTIVE`**       | The gesture is recognized and activation criteria are met.                               | [`onActivate`](/docs/fundamentals/callbacks-events#onactivate) when it first transitions into the `ACTIVE` state.  [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) when it has new data about the gesture.                                                  |
+| **`END`**          | The user successfully completed the gesture.                                             | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) with `didSucceed` parameter set to `true`.  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `true`.                                                 |
+| **`FAILED`**       | The handler failed to recognize the gesture.                                             | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) if the gesture was in `ACTIVE` state before. `didSucceed` parameter will be set to `false`  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `false`. |
+| **`CANCELLED`**    | The system interrupted the gesture.                                                      | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) if the gesture was in `ACTIVE` state before. `didSucceed` parameter will be set to `false`  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `false`. |
+
diff --git a/packages/docs-gesture-handler/static/llms.txt b/packages/docs-gesture-handler/static/llms.txt
new file mode 100644
index 0000000000..540e8cd068
--- /dev/null
+++ b/packages/docs-gesture-handler/static/llms.txt
@@ -0,0 +1,107 @@
+# Documentation
+
+## components
+
+- [Buttons](https://docs.swmansion.com/react-native-gesture-handler/docs/components/buttons)
+- [Pressable](https://docs.swmansion.com/react-native-gesture-handler/docs/components/pressable)
+- [Reanimated Drawer Layout](https://docs.swmansion.com/react-native-gesture-handler/docs/components/reanimated-drawer-layout)
+- [Reanimated Swipeable](https://docs.swmansion.com/react-native-gesture-handler/docs/components/reanimated_swipeable)
+- [Touchables](https://docs.swmansion.com/react-native-gesture-handler/docs/components/touchables)
+
+## fundamentals
+
+- [Integration with Animated](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/animated-interactions)
+- [Gesture callbacks & events](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/callbacks-events)
+- [Gesture composition & interactions](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/gesture-composition)
+- [Gesture Detectors](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/gesture-detector)
+- [Installation](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation)
+- [Introduction](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/introduction)
+- [Integration with Reanimated](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/reanimated-interactions)
+- [GestureHandlerRootView](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/root-view)
+- [State manager](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/state-manager)
+
+## gestures/_manual_gesture_steps
+
+- [step1](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step1)
+- [step2](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step2)
+- [step3](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step3)
+- [step4](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step4)
+- [step5](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step5)
+- [step6](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step6)
+- [step7](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step7)
+
+## gestures/_shared
+
+- [base-continuous-gesture-callbacks](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-continuous-gesture-callbacks)
+- [base-continuous-gesture-config](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-continuous-gesture-config)
+- [base-gesture-callbacks](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-callbacks)
+- [base-gesture-config](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-config)
+- [base-gesture-event-data](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-event-data)
+- [mouse-button](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/mouse-button)
+- [shared-value-info](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/shared-value-info)
+
+## gestures
+
+- [Fling gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-fling-gesture)
+- [Hover gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-hover-gesture)
+- [Long press gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-long-press-gesture)
+- [Manual gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-manual-gesture)
+- [Native gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-native-gesture)
+- [Pan gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-pan-gesture)
+- [Pinch gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-pinch-gesture)
+- [Rotation gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-rotation-gesture)
+- [Tap gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-tap-gesture)
+
+## guides/quickstart/_steps
+
+- [step1](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step1)
+- [step2](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step2)
+- [step3](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step3)
+- [step4](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step4)
+- [step5](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step5)
+
+## guides/quickstart
+
+- [Quick start](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/index)
+
+## guides
+
+- [Custom swipeable components inside ScrollView (web)](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/swipe-and-scroll)
+- [Testing with Jest](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/testing)
+- [Troubleshooting](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/troubleshooting)
+- [Upgrading to the new API introduced in Gesture Handler 3](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/upgrading-to-3)
+
+## legacy-gestures/_shared
+
+- [base-continuous-gesture-callbacks](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-continuous-gesture-callbacks)
+- [base-continuous-gesture-config](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-continuous-gesture-config)
+- [base-gesture-callbacks](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-callbacks)
+- [base-gesture-config](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-config)
+- [base-gesture-event-data](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-event-data)
+- [gesture-detector-functional1](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/gesture-detector-functional1)
+- [v2-info](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/v2-info)
+
+## legacy-gestures
+
+- [Composed gestures](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/composed-gestures)
+- [Fling gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/fling-gesture)
+- [Force touch gesture (iOS only)](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/force-touch-gesture)
+- [Gesture composition & interactions](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture-composition)
+- [GestureDetector](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture-detector)
+- [Gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture)
+- [Hover gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/hover-gesture)
+- [Long press gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/long-press-gesture)
+- [Manual gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/manual-gesture)
+- [Native gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/native-gesture)
+- [Pan gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/pan-gesture)
+- [Pinch gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/pinch-gesture)
+- [Rotation gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/rotation-gesture)
+- [Gesture state manager](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/state-manager)
+- [Tap gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/tap-gesture)
+- [Touch events](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/touch-events)
+
+## under-the-hood
+
+- [How does it work?](https://docs.swmansion.com/react-native-gesture-handler/docs/under-the-hood/how-does-it-work)
+- [Handler State](https://docs.swmansion.com/react-native-gesture-handler/docs/under-the-hood/state)
+
diff --git a/packages/docs-gesture-handler/static/raw/components/buttons.md b/packages/docs-gesture-handler/static/raw/components/buttons.md
new file mode 100644
index 0000000000..a45d824513
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/components/buttons.md
@@ -0,0 +1,178 @@
+The Gesture Handler library offers native components that function as buttons, serving as alternatives to `TouchableHighlight` or `TouchableOpacity` from the core React Native framework. These buttons process touch recognition natively, which ensures a deterministic response. This capability significantly enhances performance; for example, it allows for immediate ripple effects on Android, unlike `TouchableNativeFeedback`, which requires a touch event roundtrip to JavaScript that can cause delays, especially noticeable on older devices. Additionally, these components handle default platform interactions natively, particularly in scrollable containers where interactions are smartly delayed to prevent unintended highlighting during a fling.
+
+Gesture Handler library exposes components that render native touchable elements under the hood:
+
+* [`RawButton`](#rawbutton)
+* [`BaseButton`](#basebutton)
+* [`RectButton`](#rectbutton)
+* [`BorderlessButton`](#borderlessbutton)
+
+On top of that all the buttons are wrapped with [`Native gesture`](/docs/gestures/use-native-gesture) and therefore allow for all its [properties](/docs/gestures/use-native-gesture#config) to be applied to them.
+
+## RawButton
+
+The most basic button component does not provide any feedback and lacks props such as `onPress`. It serves as a foundation for other button components and is ideal if you wish to implement your own custom interactions for when the button is pressed.
+
+`RawButton` accepts all [`Native gesture` props](/docs/gestures/use-native-gesture#config), [accessibility props](https://reactnative.dev/docs/accessibility#accessibility-properties), along with the following additional properties:
+
+### exclusive
+
+```ts
+exclusive?: boolean;
+```
+
+Defines if more than one button could be pressed simultaneously. By default set to `true`.
+
+### rippleColor
+
+```ts
+rippleColor?: number | ColorValue | null;
+```
+
+Defines [color](https://reactnative.dev/docs/colors) of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
+
+### rippleRadius
+
+```ts
+rippleRadius?: number | null;
+```
+
+Defines radius of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
+
+### borderless
+
+```ts
+borderless?: boolean;
+```
+
+If set to `false`, [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation will render only within view bounds.
+
+### foreground
+
+```ts
+foreground?: boolean;
+```
+
+Defines whether the [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation should be drawn on the foreground of the view.
+
+### touchSoundDisabled
+
+```ts
+touchSoundDisabled?: boolean;
+```
+
+If set to `true`, the system will not play a sound when the button is pressed.
+
+## BaseButton
+
+Can be used as a base class if you'd like to implement some custom interaction for when the button is pressed. It has all the props of [`RawButton`](#rawbutton) and in addition to that it also provides the following props:
+
+### onPress
+
+```ts
+onPress?: (pointerInside: boolean) => void;
+```
+
+Triggered when the button gets pressed (analogous to `onPress` in `TouchableHighlight` from RN core).
+
+### onLongPress
+
+```ts
+onLongPress?: () => void;
+```
+
+Triggered when the button gets pressed for at least [`delayLongPress`](#delaylongpress) milliseconds.
+
+### onActiveStateChange
+
+```ts
+onActiveStateChange?: (active: boolean) => void;
+```
+
+Triggered when the button transitions between active and inactive states. It passes the current active state as a boolean variable to the method as the first parameter.
+
+### delayLongPress
+
+```ts
+delayLongPress?: number;
+```
+
+Defines the delay, in milliseconds, after which the [`onLongPress`](#onlongpress) callback gets called. By default set to `600`.
+
+## RectButton
+
+This type of button component is ideal for use with rectangular elements or content blocks that can be pressed, such as table rows or buttons featuring text and icons. It ensures platform-specific interactions, such as rendering a rectangular ripple on Android or highlighting the background on iOS and older Android versions. In addition to the props offered by [`BaseButton`](#basebutton), it accepts the following:
+
+### underlayColor
+
+```ts
+underlayColor?: string;
+```
+
+Background color that will be dimmed when button is in active state.
+
+### activeOpacity
+
+```ts
+activeOpacity?: number;
+```
+
+Opacity applied to the underlay when button is in active state.
+
+## BorderlessButton
+
+This type of button component should be used with simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered (it means that the ripple will animate into a circle that can span outside of the view bounds), whereas on iOS the button will be dimmed (similar to how `TouchableOpacity` works). In addition to the props of [`BaseButton`](#basebutton), it accepts the following:
+
+### activeOpacity
+
+```ts
+activeOpacity?: number;
+```
+
+Opacity applied to the button when it is in an active state.
+
+## Accessibility
+
+To guarantee that buttons are fully accessible, you must wrap your children in a `View` marked as `accessible` and include the `accessibilityRole="button"` prop. This requirement applies to both iOS and Android platforms. Without these adjustments, the button won't be selectable on iOS, and on Android, it won't be clickable in accessibility mode.
+
+```tsx
+// Not accessible:
+const NotAccessibleButton = () => (
+  <RectButton onPress={this._onPress}>
+    <Text>Foo</Text>
+  </RectButton>
+);
+
+// Accessible:
+const AccessibleButton = () => (
+  <RectButton onPress={this._onPress}>
+    <View accessible accessibilityRole="button">
+      <Text>Bar</Text>
+    </View>
+  </RectButton>
+);
+```
+
+## Design patterns
+
+Components listed here were not designed to behave and look in the same way on both platforms but rather to be used for handling similar behaviour on iOS and Android taking into consideration their design concepts.
+
+If you wish to get specific information about platforms design patterns, visit [official Apple docs](https://developer.apple.com/design/human-interface-guidelines/components/menus-and-actions/buttons) and [Material.io guideline](https://material.io/components/buttons#text-button), which widely describe how to implement coherent design.
+
+This library allows to use native components with native feedback in adequate situations.
+
+If you do not wish to implement custom design approach, [`RectButton`](#rectbutton) and [`BorderlessButton`](#borderlessbutton) seem to be absolutely enough and there's no need to use anything else. In all the remaining cases you can always rely on [`BaseButton`](#basebutton) which is a superclass for the other button classes and can be used as a generic `Touchable` replacement that can be customized to your needs.
+
+Below we list some of the common usecases for button components to be used along with the type of button that should be used according to the platform specific design guidelines.
+
+### Lists and action buttons
+
+If you have a list with clickable items or have an action button that need to display as a separate UI block (vs being inlined in a text) you should use [`RectButton`](#rectbutton). It changes opacity on click and additionally supports a [ripple effect](#ripplecolor-android-only) on Android.
+
+To determine emphasis of button it's vital to use fill color or leave it transparent especially on Android.
+For medium emphasis you may consider outlined buttons which are used for lower impact than fill buttons.
+
+### Icon or text only buttons
+
+Use `BorderlessButton` for simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered, whereas on iOS the button will be dimmed.
+It should be used if you wish to handle non-crucial actions and supportive behaviour.
diff --git a/packages/docs-gesture-handler/static/raw/components/pressable.md b/packages/docs-gesture-handler/static/raw/components/pressable.md
new file mode 100644
index 0000000000..6462eb5e98
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/components/pressable.md
@@ -0,0 +1,203 @@
+> **Info**
+>
+> This component is a drop-in replacement for the `Pressable` component.
+
+`Pressable` is a component that can detect various stages of tap, press, and hover interactions on any of its children.
+
+To use `Pressable`, ensure that your app is wrapped in [`GestureHandlerRootView`](/docs/fundamentals/root-view) and import it as follows:
+
+```ts
+import { Pressable } from 'react-native-gesture-handler';
+```
+
+## Properties
+
+### children
+
+```ts
+children?:
+  | React.ReactNode
+  | ((state: PressableStateCallbackType) => React.ReactNode);
+```
+
+Either children or a render prop that receives a boolean reflecting whether the component is currently pressed.
+
+### style
+
+```ts
+style?:
+  | StyleProp<ViewStyle>
+  | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+```
+
+Either view styles or a function that receives a boolean reflecting whether the component is currently pressed and returns view styles.
+
+### onPress
+
+```ts
+onPress?: null | ((event: PressableEvent) => void);
+```
+
+Called after [`onPressOut`](#onpressout) when a single tap gesture is detected. Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
+
+### onPressIn
+
+```ts
+onPressIn?: null | ((event: PressableEvent) => void);
+```
+
+Called before `onPress` when a touch is engaged. Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
+
+### onPressOut
+
+```ts
+onPressOut?: null | ((event: PressableEvent) => void);
+```
+
+Called before `onPress` when a touch is released (before [`onPress`](#onpress)). Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
+
+### onLongPress
+
+```ts
+onLongPress?: null | ((event: PressableEvent) => void);
+```
+
+Called immediately after pointer has been down for at least [`delayLongPress`](#delaylongpress) milliseconds.
+
+After `onLongPress` has been called, [`onPressOut`](#onpressout) will be called as soon as the pointer is lifted and [`onPress`](#onpress) will not be called at all.
+
+### cancelable
+
+```ts
+cancelable?: null | boolean;
+```
+
+Whether a press gesture can be interrupted by a parent gesture such as a scroll event. Defaults to `true`.
+
+### onHoverIn
+
+```ts
+onHoverIn?: null | ((event: PressableEvent) => void);
+```
+
+Called when pointer is hovering over the element.
+
+### onHoverOut
+
+```ts
+onHoverOut?: null | ((event: PressableEvent) => void);
+```
+
+Called when pointer stops hovering over the element.
+
+### delayHoverIn
+
+```ts
+delayHoverIn?: number | null;
+```
+
+Duration to wait after hover in before calling `onHoverIn`.
+
+### delayHoverOut
+
+```ts
+delayHoverOut?: number | null;
+```
+
+Duration to wait after hover out before calling `onHoverOut`.
+
+### delayLongPress
+
+```ts
+delayLongPress?: null | number;
+```
+
+Duration (in milliseconds) from `onPressIn` before `onLongPress` is called. Default value is `500` ms.
+
+### disabled
+
+```ts
+disabled?: null | boolean;
+```
+
+Whether the `Pressable` behavior is disabled.
+
+### hitSlop
+
+```ts
+hitSlop?: null | Insets | number;
+```
+
+Additional distance outside of the view in which a press is detected and [`onPressIn`](#onpressin) is triggered.
+
+The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
+
+### pressRetentionOffset
+
+```ts
+pressRetentionOffset?: null | Insets | number;
+```
+
+Additional distance outside of the view (or [`hitSlop`](#hitslop) if present) in which a touch is considered a
+press before [`onPressOut`](#onpressout) is triggered.
+
+The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
+
+### android\_disableSound
+
+```ts
+android_disableSound?: null | boolean;
+```
+
+If `true`, doesn't play system sound on touch.
+
+### android\_ripple
+
+```ts
+android_ripple?: null | PressableAndroidRippleConfig;
+```
+
+Enables the Android [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) effect and configures its color, radius and other parameters.
+
+Accepts values of type [`RippleConfig`](https://reactnative.dev/docs/pressable#rippleconfig).
+
+### testOnly\_pressed
+
+```ts
+testOnly_pressed?: null | boolean;
+```
+
+Used only for documentation or testing (e.g. snapshot testing).
+
+### unstable\_pressDelay
+
+```ts
+unstable_pressDelay?: number | undefined;
+```
+
+Duration (in milliseconds) to wait after press down before calling [`onPressIn`](#onpressin).
+
+## PressableEvent
+
+All `Pressable` callbacks receive an event object as a parameter, which is of type `PressableEvent` and has the following structure:
+
+```ts
+export type PressableEvent = { nativeEvent: InnerPressableEvent };
+
+export type InnerPressableEvent = {
+  changedTouches: InnerPressableEvent[];
+  identifier: number;
+  locationX: number;
+  locationY: number;
+  pageX: number;
+  pageY: number;
+  target: number;
+  timestamp: number;
+  touches: InnerPressableEvent[];
+  force?: number;
+};
+```
+
+## Example
+
+See the full example in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/legacy/v2_api/pressable/index.tsx).
diff --git a/packages/docs-gesture-handler/static/raw/components/reanimated-drawer-layout.md b/packages/docs-gesture-handler/static/raw/components/reanimated-drawer-layout.md
new file mode 100644
index 0000000000..597dac8752
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/components/reanimated-drawer-layout.md
@@ -0,0 +1,233 @@
+> **Info**
+>
+> This component acts as a cross-platform replacement for React Native's [`DrawerLayoutAndroid`](http://reactnative.dev/docs/drawerlayoutandroid.html) component, written using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started). For detailed information on standard parameters, please refer to the [React Native documentation](http://reactnative.dev/docs/drawerlayoutandroid.html).
+
+To use `ReanimatedDrawerLayout`, first ensure that Reanimated is installed and that your app is wrapped in [`GestureHandlerRootView`](/docs/fundamentals/root-view). You can then import it as follows:
+
+```ts
+import ReanimatedDrawerLayout from 'react-native-gesture-handler/ReanimatedDrawerLayout';
+```
+
+## Properties
+
+### drawerType
+
+```ts
+drawerType?: DrawerType;
+```
+
+Specifies the way the drawer will be displayed.
+Accepts values of the `DrawerType` enum. Defaults to `FRONT`.
+
+* `FRONT` The drawer will be displayed above the content view.
+* `BACK` The drawer will be displayed below the content view, revealed by sliding away the content view.
+* `SLIDE` The drawer will appear attached to the content view, opening it slides both the drawer and the content view.
+
+| `FRONT`                                               | `BACK`                                               | `SLIDE`                                               |
+| ----------------------------------------------------- | ---------------------------------------------------- | ----------------------------------------------------- |
+|  |  |  |
+
+### drawerBackgroundColor
+
+```ts
+drawerBackgroundColor?: string;
+```
+
+Color of the drawer's background.
+
+### drawerWidth
+
+```ts
+drawerWidth?: number;
+```
+
+Width of the drawer. Defaults to `200`.
+
+### drawerLockMode
+
+Specifies the lock mode of the drawer.
+
+* `UNLOCKED` The drawer is unlocked and can be opened or closed by gestures.
+* `LOCKED_CLOSED` The drawer will move freely until it settles in a closed position, then the gestures will be disabled.
+* `LOCKED_OPEN` The drawer will move freely until it settles in an opened position, then the gestures will be disabled.
+
+### keyboardDismissMode
+
+Determines if system keyboard should be closed upon dragging the drawer.
+
+### animationSpeed
+
+```ts
+animationSpeed?: number;
+```
+
+Speed of animation that will play when letting go, or dismissing the drawer.
+
+### minSwipeDistance
+
+```ts
+minSwipeDistance?: number;
+```
+
+Minimal distance to swipe before the drawer starts moving.
+
+### contentContainerStyle
+
+```ts
+contentContainerStyle?: StyleProp<ViewStyle>;
+```
+
+Style of the content view container.
+
+### drawerContainerStyle
+
+```ts
+drawerContainerStyle?: StyleProp<ViewStyle>;
+```
+
+Style wrapping the drawer.
+
+### edgeWidth
+
+```ts
+edgeWidth?: number;
+```
+
+Width of the invisible, draggable area on the edge of the content view, which can be dragged to open the drawer.
+
+### hideStatusBar
+
+```ts
+hideStatusBar?: boolean;
+```
+
+When set to `true`, drawer component will use [StatusBar API](http://reactnative.dev/docs/statusbar.html) to hide the OS status bar when the drawer is dragged or idle in the `open` position.
+
+### statusBarAnimation
+
+May be used in combination with [`hideStatusBar`](#hidestatusbar) to select the animation used for hiding the status bar.
+See [StatusBar API](http://reactnative.dev/docs/statusbar.html#statusbaranimation) docs. Defaults to `slide`.
+
+### overlayColor
+
+```ts
+overlayColor?: string;
+```
+
+Color of the background overlay on top of the content window when the drawer is `open`.\
+This color's opacity animates from 0% to 100% as the drawer transitions from closed to open. Defaults to `rgba(0, 0, 0, 0.7)`.
+
+### renderNavigationView
+
+```ts
+renderNavigationView: (
+  progressAnimatedValue: SharedValue<number>
+) => ReactNode;
+```
+
+A renderer function for the drawer component is provided with a `progress` parameter called `progressAnimatedValue`, which is a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) indicating the progress of the drawer's opening or closing animation. This value is `0` when the drawer is fully closed and `1` when it is fully opened. The drawer component can use this value to animate its children during the opening or closing process. This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node).
+
+### onDrawerClose
+
+```ts
+onDrawerClose?: () => void;
+```
+
+A function which is called when the drawer has been closed.
+
+### onDrawerOpen
+
+```ts
+onDrawerOpen?: () => void;
+```
+
+A function which is called when the drawer has been opened.
+
+### onDrawerSlide
+
+```ts
+onDrawerSlide?: (position: number) => void;
+```
+
+A function is called when the drawer is moving or animating, provided with a `position` parameter. This `position` value indicates the progress of the drawer's opening or closing animation. It equals `0` when the drawer is closed and `1` when the drawer is fully opened. This value can be utilized by the drawer component to animate its children as the drawer opens or closes.
+
+### onDrawerStateChanged
+
+A function is called when the status of the drawer changes, taking `newState` to represent the drawer's interaction state and `drawerWillShow`, which is `true` when the drawer starts animating towards the open position and `false` otherwise.
+
+### enableTrackpadTwoFingerGesture
+
+```ts
+enableTrackpadTwoFingerGesture?: boolean;
+```
+
+Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger the gesture.
+
+### children
+
+```ts
+children?: ReactNode | ((openValue?: SharedValue<number>) => ReactNode);
+```
+
+Either a component rendered in the content view or a function. If `children` is a function, it receives an `openValue` parameter -  [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that indicates the progress of the drawer's opening or closing animation. This value equals `0` when the drawer is closed and `1` when it is fully opened. The drawer component can use this value to animate its children during the opening or closing process. This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node).
+
+### enableContextMenu
+
+```ts
+enableContextMenu: boolean;
+```
+
+Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false` if [`MouseButton.RIGHT`](#mousebutton-web--android-only) is specified.
+
+### userSelect
+
+```ts
+userSelect: 'none' | 'auto' | 'text';
+```
+
+This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
+
+### activeCursor
+
+```ts
+activeCursor: ActiveCursor;
+```
+
+This parameter allows to specify which cursor should be used when gesture activates. Supports all [CSS cursor values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/cursor#keyword) (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
+
+## Drawer ref methods
+
+Using a reference to `ReanimatedDrawerLayout` allows you to manually trigger the opening and closing of the component.
+
+```ts
+const drawerRef = useRef<DrawerLayoutMethods>(null);
+```
+
+Both methods accept an optional `options` parameter, which allows you to customize the animation of the drawer movement.
+
+```ts
+export type DrawerMovementOption = {
+  initialVelocity?: number;
+  animationSpeed?: number;
+};
+```
+
+### openDrawer
+
+```ts
+openDrawer: (options?: DrawerMovementOption) => void;
+```
+
+Allows to manually open the drawer.
+
+### closeDrawer
+
+```ts
+closeDrawer: (options?: DrawerMovementOption) => void;
+```
+
+Allows to manually close the drawer.
+
+## Example
+
+Example of a `ReanimatedDrawerLayout` component can be found in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/new_api/components/drawer/index.tsx).
diff --git a/packages/docs-gesture-handler/static/raw/components/reanimated_swipeable.md b/packages/docs-gesture-handler/static/raw/components/reanimated_swipeable.md
new file mode 100644
index 0000000000..e826618272
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/components/reanimated_swipeable.md
@@ -0,0 +1,299 @@
+> **Info**
+>
+> This component is a drop-in replacement for the `Swipeable` component, rewritten using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started).
+
+Reanimated `Swipeable` is designed for implementing swipeable rows or similar interactions. It places its children inside a pannable container that enables horizontal swiping to the left and right. Depending on the direction of the swipe, one of two "action" containers will be displayed, which can be configured using the [`renderLeftActions`](#renderleftactions) or [`renderRightActions`](#renderrightactions) props.
+
+To use Reanimated `Swipeable`, first ensure that Reanimated is installed and that your app is wrapped in `GestureHandlerRootView`. You can then import it as follows:
+
+```ts
+import Swipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
+```
+
+## Properties
+
+### friction
+
+```ts
+friction?: number;
+```
+
+Number that specifies how much the visual interaction will be delayed compared to the gesture distance.
+
+e.g. value of `1` will indicate that the swipeable panel should exactly follow the gesture, `2` means it is going to be two times "slower".
+
+### leftThreshold
+
+```ts
+leftThreshold?: number;
+```
+
+Distance from the left edge at which released panel will animate to the open state (or the open panel will animate into the closed state). By default it's a half of the panel's width.
+
+### rightThreshold
+
+```ts
+rightThreshold?: number;
+```
+
+Distance from the right edge at which released panel will animate to the open state (or the open panel will animate into the closed state). By default it's a half of the panel's width.
+
+### dragOffsetFromLeftEdge
+
+```ts
+dragOffsetFromLeftEdge?: number;
+```
+
+Distance that the panel must be dragged from the left edge to be considered a swipe. The default value is `10`.
+
+### dragOffsetFromRightEdge
+
+```ts
+dragOffsetFromRightEdge?: number;
+```
+
+Distance that the panel must be dragged from the right edge to be considered a swipe. The default value is `10`.
+
+### overshootLeft
+
+```ts
+overshootLeft?: boolean;
+```
+
+A boolean value indicating if the swipeable panel can be pulled further than the left actions panel's width. It is set to `true` by default as long as the left panel render function is present.
+
+### overshootRight
+
+```ts
+overshootRight?: boolean;
+```
+
+A boolean value indicating if the swipeable panel can be pulled further than the right actions panel's width. It is set to `true` by default as long as the right panel render function is present.
+
+### overshootFriction
+
+```ts
+overshootFriction?: number;
+```
+
+A number specifying the delay of visual interaction compared to the gesture distance when overshooting. The default value is `1`, which means no friction. For a more native feel, try using a value of `8` or higher.
+
+### onSwipeableOpen
+
+```ts
+onSwipeableOpen?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when `Swipeable` is opened (either right or left).
+Receives swipe direction as an argument.
+
+### onSwipeableClose
+
+```ts
+onSwipeableClose?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when `Swipeable` is closed.
+Receives swipe direction as an argument.
+
+### onSwipeableWillOpen
+
+```ts
+onSwipeableWillOpen?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when `Swipeable` starts animating on open (either right or left).
+Receives swipe direction as an argument.
+
+### onSwipeableWillClose
+
+```ts
+onSwipeableWillClose?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when `Swipeable` starts animating on close.
+Receives swipe direction as an argument.
+
+### onSwipeableOpenStartDrag
+
+```ts
+onSwipeableOpenStartDrag?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when a user starts to drag the `Swipeable` to open.
+Receives swipe direction as an argument.
+
+### onSwipeableCloseStartDrag
+
+```ts
+onSwipeableCloseStartDrag?: (
+  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
+) => void;
+```
+
+A function that is called when a user starts to drag the `Swipeable` to close.
+Receives swipe direction as an argument.
+
+### renderLeftActions
+
+```ts
+renderLeftActions?: (
+  progress: SharedValue<number>,
+  translation: SharedValue<number>,
+  swipeableMethods: SwipeableMethods
+) => React.ReactNode;
+```
+
+A function that returns a component which will be rendered beneath the `Swipeable` after it is swiped to the right. This function accepts the following parameters:
+
+* `progress` - a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that represents the swiping progress relative to the width of the returned element.
+  * It equals `0` when the `Swipeable` is fully closed and `1` when it is fully opened.
+  * As the element overshoots its open position, the value approaches `Infinity`.
+* `translation` - a horizontal offset of the `Swipeable` relative to its closed position.
+* `swipeableMethods` - provides an object exposing methods detailed in the [methods section](#methods).
+
+This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node). To accommodate `rtl` (right-to-left) flexbox layouts, use the [`flexDirection`](https://reactnative.dev/docs/flexbox#flex-direction) style property.
+
+### renderRightActions
+
+```ts
+renderRightActions?: (
+  progress: SharedValue<number>,
+  translation: SharedValue<number>,
+  swipeableMethods: SwipeableMethods
+) => React.ReactNode;
+```
+
+A function that returns a component which will be rendered beneath the `Swipeable` after it is swiped to the left. This function accepts the following parameters:
+
+* `progress` - a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that represents the swiping progress relative to the width of the returned element.
+  * It equals `0` when the `Swipeable` is fully closed and `1` when it is fully opened.
+  * As the element overshoots its open position, the value approaches `Infinity`.
+* `translation` - a horizontal offset of the `Swipeable` relative to its closed position.
+* `swipeableMethods` - provides an object exposing methods detailed in the [methods section](#methods).
+
+This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node). To accommodate `rtl` (right-to-left) flexbox layouts, use the [`flexDirection`](https://reactnative.dev/docs/flexbox#flex-direction) style property.
+
+### containerStyle
+
+```ts
+containerStyle?: StyleProp<ViewStyle>;
+```
+
+Style object for the container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
+
+### childrenContainerStyle
+
+```ts
+childrenContainerStyle?: StyleProp<ViewStyle>;
+```
+
+Style object for the children container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
+
+### simultaneousWithExternalGesture
+
+```ts
+simultaneousWithExternalGesture?: AnyGesture | AnyGesture[];
+```
+
+Gestures to be recognized simultaneously with the `Swipeable` (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+
+### requireExternalGestureToFail
+
+```ts
+requireExternalGestureToFail?: AnyGesture | AnyGesture[];
+```
+
+Gestures that `Swipeable` has to wait for before activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+
+### blocksExternalGesture
+
+```ts
+blocksExternalGesture?: AnyGesture | AnyGesture[];
+```
+
+Gestures that `Swipeable` will prevent from activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
+
+### enableTrackpadTwoFingerGesture
+
+```ts
+enableTrackpadTwoFingerGesture?: boolean;
+```
+
+Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger the gesture.
+
+### enabled
+
+```ts
+enabled: boolean;
+```
+
+Indicates whether `ReanimatedSwipeable` should be analyzing stream of touch events or not. Defaults to `true`.
+
+### testID
+
+```ts
+testID: string;
+```
+
+Sets a `testID` property, allowing for querying `ReanimatedSwipeable` for it in tests.
+
+### hitSlop
+
+This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.
+When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
+See [hitSlop section](/docs/gestures/use-pan-gesture#hitslop) in `Pan` gesture for more details.
+
+## Swipeable ref methods
+
+Using a reference to `Swipeable` allows you to manually trigger the opening and closing of the component, as well as reset its swiping state.
+
+```ts
+const swipeableRef = useRef<SwipeableMethods>(null);
+```
+
+### close
+
+```ts
+close: () => void;
+```
+
+A method that closes component.
+
+### openLeft
+
+```ts
+openLeft: () => void;
+```
+
+A method that opens component on left side.
+
+### openRight
+
+```ts
+openRight: () => void;
+```
+
+A method that opens component on right side.
+
+### reset
+
+```ts
+reset: () => void;
+```
+
+A method that resets the swiping states of this `Swipeable` component. Unlike [`close`](#close), this method does not trigger any animation.
+
+## Example
+
+Example of a `Swipeable` component can be found in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/new_api/components/swipeable/index.tsx).
diff --git a/packages/docs-gesture-handler/static/raw/components/touchables.md b/packages/docs-gesture-handler/static/raw/components/touchables.md
new file mode 100644
index 0000000000..fd0024f554
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/components/touchables.md
@@ -0,0 +1,50 @@
+> **Warning**
+>
+> Touchables will be removed in the future version of Gesture Handler. Use [`Pressable`](/docs/components/pressable) instead.
+
+Gesture Handler library provides an implementation of RN's touchable components that are based on [native buttons](buttons.mdx) and does not rely on JS responder system utilized by RN. Our touchable implementation follows the same API and aims to be a drop-in replacement for touchables available in React Native.
+
+React Native's touchables API can be found here:
+
+* [Touchable Native Feedback](https://reactnative.dev/docs/touchablenativefeedback)
+* [Touchable Highlight](https://reactnative.dev/docs/touchablehighlight)
+* [Touchable Opacity](https://reactnative.dev/docs/touchableopacity)
+* [Touchable Without Feedback](https://reactnative.dev/docs/touchablewithoutfeedback)
+
+All major touchable properties (except from `pressRetentionOffset`) have been adopted and should behave in a similar way as with RN's touchables.
+
+The motivation for using RNGH touchables as a replacement for these imported from React Native is to follow built-in native behavior more closely by utilizing platform native touch system instead of relying on the JS responder system.
+These touchables and their feedback behavior are deeply integrated with native
+gesture ecosystem and could be connected with other native components (e.g. `ScrollView`) and Gesture Handlers easily and in a more predictable way, which
+follows native apps' behavior.
+
+Our intention was to make switch for these touchables as simple as possible. In order to use RNGH's touchables the only thing you need to do is to change library from which you import touchable components.
+need only to change imports of touchables.
+
+> **Info**
+>
+> Gesture Handler's `TouchableOpacity` uses native driver for animations by default. If this causes problems for you, you can set `useNativeAnimations` prop to false.
+
+### Example:
+
+```ts
+import {
+  TouchableNativeFeedback,
+  TouchableHighlight,
+  TouchableOpacity,
+  TouchableWithoutFeedback,
+} from 'react-native';
+```
+
+has to be replaced with:
+
+```ts
+import {
+  TouchableNativeFeedback,
+  TouchableHighlight,
+  TouchableOpacity,
+  TouchableWithoutFeedback,
+} from 'react-native-gesture-handler';
+```
+
+For a comparison of both touchable implementations see our [touchables example](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/legacy/release_tests/touchables/index.tsx)
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/animated-interactions.md b/packages/docs-gesture-handler/static/raw/fundamentals/animated-interactions.md
new file mode 100644
index 0000000000..af6f6e9e2f
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/animated-interactions.md
@@ -0,0 +1,37 @@
+Using hook API allows for smooth integration with the [Animated API](https://reactnative.dev/docs/animated) by allowing for passing an `Animated.event` as the argument to the [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) callback. The event mapping of `Animated.event` depends on the [`useNativeDriver`](https://reactnative.dev/docs/animated#using-the-native-driver) property.
+
+When using Animated API, remember to set `useAnimated` property to `true`.
+
+:::danger Mixing Reanimated and Animated
+It is not possible to mix Reanimated and Animated within any of the [gesture detectors](/docs/fundamentals/gesture-detectors).
+:::
+
+## useNativeDriver
+
+When using `Animated.event` with `useNativeDriver` set to `false`, it is required to set [`disableReanimated`](/docs/fundamentals/reanimated-interactions#disablereanimated) to `true` in the gesture configuration.
+
+Mapping of `Animated.event` depends on the value of `useNativeDriver` property. When set to `true`, event data can be accessed through `nativeEvent.handlerData` property:
+
+```jsx
+  const value = useAnimatedValue(0);
+
+  const event = Animated.event(
+    [{ nativeEvent: { handlerData: { /* translationX: value, ... */ } } }],
+    { useNativeDriver: true }
+  );
+```
+
+In case of `useNativeDriver` set to `false`, event data is accessed directly:
+
+```jsx
+  const value = useAnimatedValue(0);
+
+  const event = Animated.event(
+    [ { /* translationX: value, ... */ } ],
+    { useNativeDriver: false }
+  );
+```
+
+## Usage with VirtualGestureDetector
+
+Using `Animated.event` with [`VirtualGestureDetector`](/docs/fundamentals/gesture-detectors#virtualgesturedetector) is possible only when `useNativeDriver` is set to `false`.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/callbacks-events.md b/packages/docs-gesture-handler/static/raw/fundamentals/callbacks-events.md
new file mode 100644
index 0000000000..693bd16d85
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/callbacks-events.md
@@ -0,0 +1,122 @@
+At any given time, each handler instance has an assigned [state](/docs/under-the-hood/state) that can change when new touch events occur or can be forced to change by the touch system under certain circumstances. You can hook into state transitions using specific [gesture callbacks](#callbacks).
+
+When Reanimated is installed, all callbacks are automatically workletized. For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions#automatic-workletization-of-gesture-callbacks) section.
+
+## Callbacks flow
+
+### GestureEvent callbacks
+
+Note that some of these callbacks are complementary:
+
+* if `onBegin` was called, it is guaranteed that `onFinalize` will be called later.
+* if `onActivate` was called, it is guaranteed that `onDeactivate` will be called later.
+
+### TouchEvent callbacks
+
+## Callbacks
+
+### onBegin
+
+```ts
+onBegin: (event: GestureEvent<HandlerData>) => void
+```
+
+Called when a handler begins to recognize gestures. If `onBegin` was called, it is guaranteed that `onFinalize` will be called later.
+
+### onActivate
+
+```ts
+onActivate: (event: GestureEvent<HandlerData>) => void
+```
+
+Called when activation criteria for handler are met. If `onActivate` was called, it is guaranteed that `onDeactivate` will be called later.
+
+### onUpdate
+
+```ts
+onUpdate: (event: GestureEvent<HandlerData>) => void
+```
+
+Called each time a pointer tracked by the gesture changes state, typically due to movement, after the gesture has been activated.
+
+### onDeactivate
+
+```ts
+onDeactivate: (event: GestureEvent<HandlerData>, didSucceed: boolean) => void
+```
+
+Called after when handler stops recognizing gestures, but only if handler activated. It is called before `onFinalize`. If the handler was interrupted, the `didSucceed` argument is set to `false`. Otherwise it is set to `true`.
+
+### onFinalize
+
+```ts
+onFinalize: (event: GestureEvent<HandlerData>, didSucceed: boolean) => void
+```
+
+Called when handler stops recognizing gestures. If handler managed to activate, the `didSucceed` argument is set to `true` and `onFinalize` will be called right after `onDeactivate`. Otherwise it is set to `false`.
+
+### onTouchesDown
+
+```ts
+onTouchesDown: (event: GestureTouchEvent) => void
+```
+
+Called when new pointers are placed on the screen. It may carry information about more than one pointer because the events are batched.
+
+### onTouchesMove
+
+```ts
+onTouchesMove: (event: GestureTouchEvent) => void
+```
+
+Called when pointers are moved on the screen. It may carry information about more than one pointer because the events are batched.
+
+### onTouchesUp
+
+```ts
+onTouchesUp: (event: GestureTouchEvent) => void
+```
+
+Called when pointers are lifted from the screen. It may carry information about more than one pointer because the events are batched.
+
+### onTouchesCancel
+
+```ts
+onTouchesCancel: (event: GestureTouchEvent) => void
+```
+
+Called when there will be no more information about this pointer. It may be called because the gesture has ended or was interrupted. It may carry information about more than one pointer because the events are batched.
+
+## Events
+
+### GestureEvent
+
+`GestureEvent` contains properties common to all gestures (`handlerTag`, `numberOfPointers`, `pointerType`) along with gesture-specific data defined in each gesture's documentation.
+
+### TouchEvent
+
+`TouchEvent` carries information about raw touch events, like touching the screen or moving the finger.
+
+* `eventType` - Type of the current event - whether the finger was placed on the screen, moved, lifted or cancelled.
+
+* `changedTouches` - An array of objects where every object represents a single touch. Contains information only about the touches that were affected by the event i.e. those that were placed down, moved, lifted or cancelled.
+
+* `allTouches` - An array of objects where every object represents a single touch. Contains information about all active touches.
+
+* `numberOfTouches` - Number representing the count of currently active touches.
+
+`TouchData` contains information about a single touch.
+
+* `id` - A number representing id of the touch. It may be used to track the touch between events as the id will not change while it is being tracked.
+
+* `x` - X coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+* `y` - Y coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+* `absoluteX` - X coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of `x` in cases when the original view can be transformed as an effect of the gesture.
+
+* `absoluteY` - Y coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of `y` in cases when the original view can be transformed as an effect of the gesture.
+
+> **Danger**
+>
+> Don't rely on the order of items in the `changedTouches`/`allTouches` arrays as it may change during the gesture, instead use the `id` attribute to track individual touches across events.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/gesture-composition.md b/packages/docs-gesture-handler/static/raw/fundamentals/gesture-composition.md
new file mode 100644
index 0000000000..53368a7755
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/gesture-composition.md
@@ -0,0 +1,43 @@
+RNGH3 simplifies gesture interaction through dedicated composition hooks and configuration properties. To choose the right approach, simply ask: Are all the gestures attached to the same component?
+
+* If yes: Use composition hooks. These allow you to bundle multiple gestures—including previously composed ones—into a single object for a GestureDetector.
+
+* If no: Use relation properties to manually define how gestures interact. Since these properties also support composed gestures, you can mix both methods for more complex layouts.
+
+## Composition hooks
+
+### useCompetingGestures
+
+Only one of the provided gestures can become active at the same time. The first gesture to become active will cancel the rest of the gestures. It accepts variable number of arguments.
+
+For example, lets say that you have a component that you want to make draggable but you also want to show additional options on long press. Presumably you would not want the component to move after the long press activates. You can accomplish this using `useCompetingGestures`:
+
+### useSimultaneousGestures
+
+All of the provided gestures can activate at the same time. Activation of one will not cancel the other.
+
+For example, if you want to make a gallery app, you might want user to be able to zoom, rotate and pan around photos. You can do it with `useSimultaneousGestures`:
+
+> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+
+### useExclusiveGestures
+
+Only one of the provided gestures can become active. Priority is determined by the order of the aguments, where the first gesture has the highest priority, and the last has the lowest. A gesture can activate only after all higher-priority gestures before it have failed.
+
+For example, if you want to make a component that responds to single tap as well as to a double tap, you can accomplish that using `useExclusiveGestures`:
+
+## Cross-component interactions
+
+### requireToFail
+
+`requireToFail` allows to delay activation of the handler until all handlers passed as arguments to this method fail (or don't begin at all).
+
+For example, you may want to have two nested components, both of them can be tapped by the user to trigger different actions: outer view requires one tap, but the inner one requires 2 taps. If you don't want the first tap on the inner view to activate the outer handler, you must make the outer gesture wait until the inner one fails:
+
+### block
+
+`block` works similarly to `requireToFail` but the direction of the relation is reversed - instead of being one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
+
+### simultaneousWith
+
+`simultaneousWith` allows gestures across different components to be recognized simultaneously. For example, you may want to have two nested views, both with tap gesture attached. Both of them require one tap, but tapping the inner one should also activate the gesture attached to the outer view:
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/gesture-detector.md b/packages/docs-gesture-handler/static/raw/fundamentals/gesture-detector.md
new file mode 100644
index 0000000000..bd9cacefb1
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/gesture-detector.md
@@ -0,0 +1,95 @@
+## Gesture Detector
+
+The `GestureDetector` is a key component of `react-native-gesture-handler`. It supports gestures created either using the hook-based API or the builder pattern. Additionally, it allows for the recognition of multiple gestures through [gesture composition](/docs/fundamentals/gesture-composition). `GestureDetector` interacts closely with [`Reanimated`](https://docs.swmansion.com/react-native-reanimated/). For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions) section.
+
+When using hook API, you can also integrate it directly with the [Animated API](https://reactnative.dev/docs/animated). More on that can be found in [Integration with Animated](/docs/fundamentals/animated-interactions) section.
+
+> **Danger**
+>
+> #### Nesting Gesture Detectors
+>
+> Because `GestureDetector` supports both the hook API and the builder pattern, it is important to avoid nesting detectors that use different APIs, as this can result in undefined behavior.
+>
+> #### Reusing Gestures
+>
+> Using the same instance of a gesture across multiple Gesture Detectors may result in undefined behavior.
+
+```js
+import { GestureDetector, useTapGesture } from 'react-native-gesture-handler';
+
+export default function App() {
+  const tap = useTapGesture({
+    onDeactivate: () => {
+      console.log('Tap!');
+    },
+  });
+
+  return (
+    <GestureHandlerRootView>
+      // highlight-next-line
+      <GestureDetector gesture={tap}>
+        <Animated.View />
+        // highlight-next-line
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+```
+
+## Virtual Detectors
+
+Since RNGH3, `GestureDetector` is a standalone host component. Depending on the view hierarchy, this can occasionally disrupt interactions between specific components. To resolve this, use `InterceptingGestureDetector` in combination with `VirtualNativeDetector`.
+
+### InterceptingGestureDetector
+
+`InterceptingGestureDetector` functions similarly to a `GestureDetector`, but it can also act as a proxy for `VirtualGestureDetector` within its component subtree. Because it can be used solely to establish the context for virtual detectors, the [`gesture`](#gesture) property is optional.
+
+### VirtualGestureDetector
+
+`VirtualGestureDetector` is similar to the `GestureDetector` from RNGH2. Because it is not a host component, it does not interfere with the host view hierarchy. This allows you to attach gestures without disrupting functionality that depends on it.
+
+### Known use cases
+
+Here are some of the most common use cases for virtual gesture detectors.
+
+#### SVG
+
+You can combine `VirtualGestureDetector` with [`react-native-svg`](https://github.com/software-mansion/react-native-svg) to add gesture handling to individual `SVG` elements.
+
+#### Text
+
+You can use `VirtualGestureDetector` to add gesture handling to specific parts of a `Text` component.
+
+## Properties
+
+### gesture
+
+```ts
+gesture: SingleGesture | ComposedGesture;
+```
+
+A gesture object containing the configuration and callbacks. Can be any of the base gestures or any [`ComposedGesture`](/docs/fundamentals/gesture-composition).
+
+### userSelect
+
+```ts
+userSelect: 'none' | 'auto' | 'text';
+```
+
+This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
+
+### touchAction
+
+```ts
+touchAction: TouchAction;
+```
+
+This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS [touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/touch-action) values. Default value is set to `"none"`.
+
+### enableContextMenu
+
+```ts
+enableContextMenu: boolean;
+```
+
+Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false`.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/installation.md b/packages/docs-gesture-handler/static/raw/fundamentals/installation.md
new file mode 100644
index 0000000000..e4e58725eb
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/installation.md
@@ -0,0 +1,154 @@
+## Requirements
+
+### Compatibility with React Native versions
+
+`react-native-gesture-handler` supports the three latest minor releases of `react-native`.
+
+### Running gestures on the UI thread
+
+Using Reanimated is the recommended method of handling gesture-driven interactions on the UI thread. In order to use it, you need to install [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/) along with [`react-native-worklets`](https://docs.swmansion.com/react-native-worklets/). Another approach is to use React Native's [Animated API](https://reactnative.dev/docs/animated).
+
+For more details on how to implement these, refer to the dedicated sections for [Reanimated](/docs/fundamentals/reanimated-interactions) and [Animated](/docs/fundamentals/animated-interactions).
+
+## Setup
+
+Setting up `react-native-gesture-handler` is pretty straightforward:
+
+### 1. Start with installing the package from npm:
+
+```bash
+npx expo install react-native-gesture-handler
+```
+
+```bash
+npm install react-native-gesture-handler
+```
+
+```bash
+yarn add react-native-gesture-handler
+```
+
+### 2. Wrap your app with GestureHandlerRootView component
+
+```jsx
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export default function App() {
+  return (
+    <GestureHandlerRootView>
+      <ActualApp />
+    </GestureHandlerRootView>
+  );
+}
+```
+
+Keep `GestureHandlerRootView` as close to the actual root of the app as possible. It's the entry point for all gestures and all [gesture relations](/docs/fundamentals/gesture-composition). The gestures won't be recognized outside of the root view, and relations only work between gestures mounted under the same root view.
+
+Check out [`GestureHandlerRootView`](/docs/fundamentals/root-view) section for more details.
+
+### 3. Platform specific setup
+
+#### [Expo development build](https://docs.expo.dev/develop/development-builds/introduction/)
+
+When using an Expo development build, run prebuild to update the native code in the ios and android directories.
+
+```bash
+npx expo prebuild
+```
+
+#### Android
+
+Setting up Gesture Handler on Android doesn't require any more steps. Keep in mind that if you want to use gestures in [Modals](https://reactnative.dev/docs/modal) you need to wrap Modal's content with `GestureHandlerRootView`:
+
+```jsx
+import { Modal } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export function CustomModal({ children, ...rest }) {
+  return (
+    <Modal {...rest}>
+      <GestureHandlerRootView>{children}</GestureHandlerRootView>
+    </Modal>
+  );
+}
+```
+
+Gesture Handler on Android is implemented in Kotlin. If you need to set a specific Kotlin version to be used by the library, set the `kotlinVersion` ext property in `android/build.gradle` file and RNGH will use that version:
+
+```groovy
+buildscript {
+    ext {
+        kotlinVersion = "2.1.20"
+    }
+}
+```
+
+#### iOS
+
+While developing for iOS, make sure to install [pods](https://cocoapods.org/) first before running the app:
+
+```bash
+cd ios && bundle install && bundle exec pod install && cd ..
+```
+
+#### macOS
+
+While developing for macOS, make sure to install [pods](https://cocoapods.org/) first before running the app:
+
+```bash
+cd macos && bundle install && bundle exec pod install && cd ..
+```
+
+#### Web
+
+There is no additional configuration required for the web.
+
+#### With [wix/react-native-navigation](https://github.com/wix/react-native-navigation)
+
+If you are using a native navigation library like [wix/react-native-navigation](https://github.com/wix/react-native-navigation) you need to make sure that every screen is wrapped with `GestureHandlerRootView`. This can be done for example at the stage when you register your screens. Here's an example:
+
+```js
+import { Navigation } from 'react-native-navigation';
+import FirstTabScreen from './FirstTabScreen';
+import SecondTabScreen from './SecondTabScreen';
+import PushedScreen from './PushedScreen';
+
+// register all screens of the app (including internal ones)
+export function registerScreens() {
+  Navigation.registerComponent(
+    'example.FirstTabScreen',
+    () => {
+      return (
+        <GestureHandlerRootView>
+          <FirstTabScreen />
+        </GestureHandlerRootView>
+      );
+    },
+    () => FirstTabScreen
+  );
+  Navigation.registerComponent(
+    'example.SecondTabScreen',
+    () => {
+      return (
+        <GestureHandlerRootView>
+          <SecondTabScreen />
+        </GestureHandlerRootView>
+      );
+    },
+    () => SecondTabScreen
+  );
+  Navigation.registerComponent(
+    'example.PushedScreen',
+    () => {
+      return (
+        <GestureHandlerRootView>
+          <PushedScreen />
+        </GestureHandlerRootView>
+      );
+    },
+    () => PushedScreen
+  );
+}
+```
+
+You can check out [this example project](https://github.com/henrikra/nativeNavigationGestureHandler) to see this kind of set up in action.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/introduction.md b/packages/docs-gesture-handler/static/raw/fundamentals/introduction.md
new file mode 100644
index 0000000000..c7da89a067
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/introduction.md
@@ -0,0 +1,75 @@
+Gesture Handler provides a declarative API exposing the native platform's touch and gesture system to React Native. It's designed to be a replacement of React Native's built in touch system called [Gesture Responder System](http://reactnative.dev/docs/gesture-responder-system). Using native touch handling allows to address the performance limitations of React Native's Gesture Responder System. It also provides more control over the platform's native components that can handle gestures on their own. If you want to learn more, we recommend [this talk](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) in which he explains issues with the responder system.
+
+The main benefits of using React Native Gesture Handler are:
+
+* A way to use a platform's native touch handling system for recognizing gestures (like [pinch](/docs/gestures/use-pinch-gesture), [rotation](/docs/gestures/use-rotation-gesture), [pan](/docs/gestures/use-pan-gesture) and a few others).
+* The ability to define [relations between gestures](/docs/fundamentals/gesture-composition) to ensure gestures, and possibly native components, will not conflict with each other.
+* Mechanisms for components that run in native thread and follow platform default behavior, such as delaying the transition to a pressed state within scrollable components to prevent highlighting during a quick scroll or fling.
+* Close integration with [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/) to process touch events on the UI thread.
+* Support for different input devices like touch screens, pens and mice.
+* Ability to include any native component into the Gesture Handler's touch system, making it work alongside your gestures.
+
+> **Info**
+>
+> We recommended to use Reanimated to implement gesture-driven animations with Gesture Handler. Its more advanced features rely heavily on worklets and the UI runtime provided by Reanimated.
+
+## Learning resources
+
+### Apps
+
+[Gesture Handler Example App](https://github.com/software-mansion/react-native-gesture-handler/tree/main/apps/expo-example) – official gesture handler "showcase" app.
+
+### Talks and workshops
+
+[Declarative future of gestures and animations in React Native](https://www.youtube.com/watch?v=kdq4z2708VM) by [Krzysztof Magiera](https://twitter.com/kzzzf) - talk that explains motivation behind creating gesture handler library. It also presents [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated) and how and when it can be used with gesture handler.
+
+[React Native workshop with Expo team @ReactEurope 2018](https://youtu.be/JSIoE_ReeDk?t=41m49s) by [Brent Vatne](https://twitter.com/notbrent) – great workshop explaining gesture handler in details and presenting a few exercises that will help get you started.
+
+[Living in an async world of React Native](https://www.youtube.com/watch?v=-Izgons3mec) by [Krzysztof Magiera](https://twitter.com/kzzzf) – talk which highlights some issue with the React Native's touch system Gesture Handler aims to address. Also the motivation for building this library is explained.
+
+[React Native Touch & Gesture](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) - talk explaining JS responder system limitations and points out some of the core features of Gesture Handler.
+
+## Contributing
+
+If you are interested in the project and want to contribute or support it in other ways don't hesitate to contact anyone from the team on Twitter or Bluesky (links below)!
+
+All PRs are welcome, but talk to us before you start working on something big.
+
+The easiest way to get started with contributing code is by:
+
+* Reviewing the list of [open issues](https://github.com/software-mansion/react-native-gesture-handler/issues) and trying to solve the one that seem approachable to you.
+* Updating the [documentation](https://github.com/software-mansion/react-native-gesture-handler/tree/main/packages/docs-gesture-handler) whenever you see some information is unclear, missing or out of date.
+
+Code is only one way how you can contribute. You may want to consider [replying on issues](https://github.com/software-mansion/react-native-gesture-handler/issues) if you know how to help.
+
+## Community
+
+We are very proud of the community that has been build around this package. We really appreciate all your help regardless of it is a pull request, issue report, helping others by commenting on existing issues or posting some demo or video tutorial on social media.
+If you've build something with this library you'd like to share, please contact us as we'd love to help share it with others.
+
+### Gesture Handler Team 🚀
+
+Jakub Piasecki
+@breskin67
+@jpiasecki.com
+
+Michał Bert
+@Michal3870
+
+Andrzej Kwaśniewski
+@aakwasniewski
+
+Ignacy Łątka
+@latekvo
+
+Krzysztof Magiera
+@kzzzf
+@kzzzf.bsky.social
+
+### Sponsors
+
+We really appreciate our sponsors! Thanks to them we can develop our library and make the react-native world a better place. Special thanks for:
+
+Shopify
+
+Expo
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/reanimated-interactions.md b/packages/docs-gesture-handler/static/raw/fundamentals/reanimated-interactions.md
new file mode 100644
index 0000000000..f973ecf679
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/reanimated-interactions.md
@@ -0,0 +1,94 @@
+[`GestureDetector`](/docs/fundamentals/gesture-detectors) will decide whether to use [Reanimated](https://docs.swmansion.com/react-native-reanimated/) to process provided gestures based on their configuration. If any of the callbacks is a [worklet](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#worklet) and Reanimated is not explicitly [turned off](#disabling-reanimated), tools provided by the Reanimated will be utilized, bringing the ability to handle gestures synchronously on the main thread.
+
+## Automatic [workletization](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#to-workletize) of gesture callbacks
+
+[Worklets' Babel plugin](https://docs.swmansion.com/react-native-worklets/docs/worklets-babel-plugin/about) is setup in a way that automatically marks callbacks passed to gestures in the configuration chain as worklets. This means that you don't need to add a `'worklet';` directive at the beginning of the functions. Here is an example that will be automatically workletized:
+
+```jsx
+const gesture = useTapGesture({
+  onBegin: () => {
+    console.log(_WORKLET);
+  },
+});
+```
+
+And here is one that won't:
+
+```jsx
+const callback = () => {
+  console.log(_WORKLET);
+};
+
+const gesture = useTapGesture({
+  onBegin: callback,
+});
+```
+
+It also won't work when wrapped with hooks like `useCallback` or `useMemo`, e.g:
+
+```jsx
+const callback = useCallback(() => {
+  console.log(_WORKLET);
+}, []);
+
+const gesture = useTapGesture({
+  onBegin: callback,
+});
+```
+
+In the above cases, you should add a `"worklet";` directive at the beginning of the callbacks, like so:
+
+```jsx
+const callback = () => {
+  // highlight-next-line
+  'worklet';
+  console.log(_WORKLET);
+};
+
+const gesture = useTapGesture({
+  onBegin: callback,
+});
+```
+
+```jsx
+const callback = useCallback(() => {
+  // highlight-next-line
+  'worklet;';
+  console.log(_WORKLET);
+}, []);
+
+const gesture = useTapGesture({
+  onBegin: callback,
+});
+```
+
+## Using SharedValue in gesture config
+
+RNGH3 allows to pass [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) to gestures' configurations. This allows to react to configuration changes without unnecessary rerenders.
+
+## Disabling Reanimated
+
+Gestures created with the hook API have Reanimated integration enabled by default, meaning all callbacks are executed on the UI thread. There are two methods available to disable this behavior for a specific gesture.
+
+### disableReanimated
+
+When `disableReanimated` is set to `true` in the gesture configuration, Reanimated integration will be completely turned off for that gesture throughout its entire lifecycle. This setting eliminates all interaction points with Reanimated, thereby reducing any potential overhead. Default value for this property is `false`.
+
+This property cannot be changed dynamically during the gesture's lifecycle.
+
+```jsx
+const gesture = usePanGesture({
+  // highlight-next-line
+  disableReanimated: true,
+
+  onUpdate: () => {
+    console.log('Panning');
+  },
+});
+```
+
+### runOnJS
+
+The `runOnJS` property allows you to dynamically control whether callbacks are executed on the JS thread or the UI thread. When set to `true`, callbacks will run on the JS thread. Setting it to `false` will execute them on the UI thread. Default value for this property is `false`.
+
+This property can be changed dynamically throughout the gesture's lifecycle.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/root-view.md b/packages/docs-gesture-handler/static/raw/fundamentals/root-view.md
new file mode 100644
index 0000000000..9da1da6c97
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/root-view.md
@@ -0,0 +1,41 @@
+`GestureHandlerRootView` is a key component that enables Gesture Handler to intercept touch events, allowing for the implementation of gestures in your app. It should wrap your app's main component, and any component that relies on Gesture Handler's gestures has to be a descendant of this view. For more detailed information, you can check out the [under-the-hood section](/docs/under-the-hood/how-does-it-work#android).
+
+```tsx
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export default function App() {
+  return (
+    <GestureHandlerRootView>
+      <ActualApp />
+    </GestureHandlerRootView>
+  );
+}
+```
+
+Keep `GestureHandlerRootView` as close to the actual root of the app as possible. It's the entry point for all gestures and all [gesture relations](/docs/fundamentals/gesture-composition). The gestures won't be recognized outside of the root view, and relations only work between gestures mounted under the same root view.
+
+> **Note**
+>
+> When integrating with navigation libraries, wrapping the navigator component with `GestureHandlerRootView` is generally sufficient. However, if you encounter issues with gestures not functioning properly, you might need to wrap each individual screen component with `GestureHandlerRootView` as well.
+
+> **Tip**
+>
+> If you're using Gesture Handler in your component library, you may want to wrap your library's code in the `GestureHandlerRootView` component. This will avoid extra configuration for the user.
+
+## Styling
+
+`GestureHandlerRootView` can be thought of as a regular `View` component, therefore it accepts all the same props, including [`style`](https://reactnative.dev/docs/0.81/view-style-props).
+
+If you don't provide anything to the `style` prop, it will default to `{ flex: 1 }`. If you want to customize the styling of the root view, don't forget to also include `flex: 1` in the custom style, otherwise your app won't render anything.
+
+## Nesting root views
+
+In case of nested root views, Gesture Handler will only use the top-most one and ignore the nested ones. If you're unsure if one of your dependencies already renders `GestureHandlerRootView` on its own, don't worry and add one at the root anyway.
+
+## unstable\_forceActive
+
+```ts
+unstable_forceActive?: boolean;
+```
+
+If you're having trouble with gestures not working when inside a component provided by a third-party library, even though you've wrapped the entry point with `<GestureHandlerRootView>`, you can try adding another `<GestureHandlerRootView unstable_forceActive>` closer to the place the gestures are defined. This way, you can prevent Android from canceling relevant gestures when one of the native views tries to grab lock for delivering touch events.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/state-manager.md b/packages/docs-gesture-handler/static/raw/fundamentals/state-manager.md
new file mode 100644
index 0000000000..301eb1def0
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/fundamentals/state-manager.md
@@ -0,0 +1,55 @@
+RNGH3 allows to manually control [gestures lifecycle](/docs/under-the-hood/state) by using [`GestureStateManager`](#gesturestatemanager).
+
+## State management
+
+Manual state management is based on `handlerTag`. There are two ways of manual state control. Some gestures also support [`manualActivation`](#manualactivation) property, which blocks their automatic activation, even if they meet their activation criteria.
+
+### Inside gesture definition
+
+If you want to manipulate gesture's state in its callbacks, you can get `handlerTag` from event parameter.
+
+### Outside gesture definition
+
+If you want to control gesture lifecycle outside of it, you can use `handlerTag` from created gesture object.
+
+### manualActivation
+
+When `manualActivation` property is set to `true` on a gesture, it will not activate automatically even if its activation criteria are met. Use [`GestureStateManager`](#gesturestatemanager) to manipulate its state manually.
+
+In the example below, [`Pan`](/docs/gestures/use-pan-gesture) gesture will not activate by simply panning on the blue box - using `GestureStateManager` is necessary.
+
+## GestureStateManager
+
+`GestureStateManager` provides methods to manipulate gesture's state imperatively.
+
+### begin
+
+```tsx
+begin: (handlerTag: number) => void;
+```
+
+Triggers [`onBegin`](/docs/fundamentals/callbacks-events#onbegin) callback on gesture with specified `handlerTag`.
+
+### activate
+
+```tsx
+activate: (handlerTag: number) => void;
+```
+
+Triggers [`onActivate`](/docs/fundamentals/callbacks-events#onactivate) callback on gesture with specified `handlerTag`.
+
+### deactivate
+
+```tsx
+deactivate: (handlerTag: number) => void;
+```
+
+If the gesture had activated, it triggers the [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) callback. It also triggers the [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) callback on gesture with the specified `handlerTag`.
+
+### fail
+
+```tsx
+fail: (handlerTag: number) => void;
+```
+
+Triggers [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) callback on gesture with specified `handlerTag`. If gesture had activated, it will also trigger [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) callback.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step1.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step1.md
new file mode 100644
index 0000000000..040cb97cb3
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step1.md
@@ -0,0 +1,7 @@
+```tsx
+type Pointer = {
+  x: number;
+  y: number;
+  visible: boolean;
+};
+```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step2.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step2.md
new file mode 100644
index 0000000000..d02ade2d45
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step2.md
@@ -0,0 +1,47 @@
+```tsx
+import { StyleSheet } from 'react-native';
+import Animated, {
+  useAnimatedStyle,
+  SharedValue,
+} from 'react-native-reanimated';
+
+type Pointer = {
+  x: number;
+  y: number;
+  visible: boolean;
+};
+
+type PointerElementProps = {
+  pointer: SharedValue<Pointer>;
+  active: SharedValue<boolean>;
+};
+
+function PointerElement(props: PointerElementProps) {
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [
+      { translateX: props.pointer.value.x },
+      { translateY: props.pointer.value.y },
+      {
+        scale:
+          (props.pointer.value.visible ? 1 : 0) *
+          (props.active.value ? 1.3 : 1),
+      },
+    ],
+    backgroundColor: props.active.value ? 'red' : 'blue',
+  }));
+
+  return <Animated.View style={[styles.pointer, animatedStyle]} />;
+}
+
+const styles = StyleSheet.create({
+  pointer: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: 'red',
+    position: 'absolute',
+    marginStart: -30,
+    marginTop: -30,
+  },
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step3.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step3.md
new file mode 100644
index 0000000000..3a9160e04a
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step3.md
@@ -0,0 +1,55 @@
+```tsx
+import { StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  GestureHandlerRootView,
+  GestureStateManager,
+  useManualGesture,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useAnimatedStyle,
+  SharedValue,
+  useSharedValue,
+} from 'react-native-reanimated';
+
+...
+
+export default function Example() {
+  const trackedPointers: SharedValue<Pointer>[] = [];
+  const active = useSharedValue(false);
+
+  for (let i = 0; i < 10; i++) {
+    trackedPointers[i] = useSharedValue<Pointer>({
+      x: 0,
+      y: 0,
+      visible: false,
+    });
+  }
+
+  const gesture = useManualGesture({});
+
+  return (
+    <GestureHandlerRootView>
+      <GestureDetector gesture={gesture}>
+        <Animated.View style={{ flex: 1 }}>
+          {trackedPointers.map((pointer, index) => (
+            <PointerElement pointer={pointer} active={active} key={index} />
+          ))}
+        </Animated.View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  pointer: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: 'red',
+    position: 'absolute',
+    marginStart: -30,
+    marginTop: -30,
+  },
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step4.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step4.md
new file mode 100644
index 0000000000..8a8e773ed1
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step4.md
@@ -0,0 +1,17 @@
+```tsx
+const gesture = useManualGesture({
+  onTouchesDown: (e) => {
+    for (const touch of e.changedTouches) {
+      trackedPointers[touch.id].value = {
+        x: touch.x,
+        y: touch.y,
+        visible: true,
+      };
+    }
+
+    if (e.numberOfTouches >= 2) {
+      GestureStateManager.activate(e.handlerTag);
+    }
+  },
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step5.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step5.md
new file mode 100644
index 0000000000..c27d7cb5bb
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step5.md
@@ -0,0 +1,14 @@
+```tsx
+const gesture = useManualGesture({
+  ...
+  onTouchesMove: (e) => {
+    for (const touch of e.changedTouches) {
+      trackedPointers[touch.id].value = {
+        x: touch.x,
+        y: touch.y,
+        visible: true,
+      };
+    }
+  },
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step6.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step6.md
new file mode 100644
index 0000000000..c232d392ff
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step6.md
@@ -0,0 +1,18 @@
+```tsx
+const gesture = useManualGesture({
+  ...
+  onTouchesUp: (e) => {
+    for (const touch of e.changedTouches) {
+      trackedPointers[touch.id].value = {
+        x: touch.x,
+        y: touch.y,
+        visible: false,
+      };
+    }
+
+    if (e.numberOfTouches === 0) {
+      GestureStateManager.deactivate(e.handlerTag);
+    }
+  },
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step7.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step7.md
new file mode 100644
index 0000000000..c9da993477
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step7.md
@@ -0,0 +1,10 @@
+```tsx
+const gesture = useManualGesture({
+  ...
+  onActivate: () => {
+    active.value = true;
+  },
+  onDeactivate: () => {
+    active.value = false;
+  },
+```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-callbacks.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-callbacks.md
new file mode 100644
index 0000000000..811d4b0b4a
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-callbacks.md
@@ -0,0 +1,3 @@
+### onUpdate
+
+Set the callback that is being called every time the gesture receives an update while it's active.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-config.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-config.md
new file mode 100644
index 0000000000..c3143093a3
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-config.md
@@ -0,0 +1,7 @@
+### manualActivation
+
+```ts
+manualActivation: boolean | SharedValue<boolean>;
+```
+
+When `true` the handler will not activate by itself even if its activation criteria are met. Instead you can manipulate its state using [`GestureStateManager`](/docs/fundamentals/state-manager). Example usage can be found [here](/docs/fundamentals/state-manager#manualactivation).
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-callbacks.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-callbacks.md
new file mode 100644
index 0000000000..52e32511ff
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-callbacks.md
@@ -0,0 +1,47 @@
+### onBegin
+
+Set the callback that is being called when given gesture handler starts receiving touches. At the moment of this callback the handler is not yet in an active state and we don't know yet if it will recognize the gesture at all.
+
+### onActivate
+
+Set the callback that is being called when the gesture is recognized by the handler and it transitions to the active state.
+
+### onDeactivate
+
+Set the callback that is being called when the gesture that was recognized by the handler finishes. It will be called only if the handler was previously in the active state.
+
+### onFinalize
+
+Set the callback that is being called when the handler finalizes handling gesture - the gesture was recognized and has finished or it failed to recognize.
+
+### onTouchesDown
+
+```ts
+onTouchesDown: (event: GestureTouchEvent) => void
+```
+
+Set the `onTouchesDown` callback which is called every time a finger is placed on the screen.
+
+### onTouchesMove
+
+```ts
+onTouchesMove: (event: GestureTouchEvent) => void
+```
+
+Set the `onTouchesMove` callback which is called every time a finger is moved on the screen.
+
+### onTouchesUp
+
+```ts
+onTouchesUp: (event: GestureTouchEvent) => void
+```
+
+Set the `onTouchesUp` callback which is called every time a finger is lifted from the screen.
+
+### onTouchesCancel
+
+```ts
+onTouchesCancel: (event: GestureTouchEvent) => void
+```
+
+Set the `onTouchesCancel` callback which is called every time a finger stops being tracked, for example when the gesture finishes.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-config.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-config.md
new file mode 100644
index 0000000000..f817958edb
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-config.md
@@ -0,0 +1,118 @@
+### enabled
+
+```ts
+enabled: boolean | SharedValue<boolean>;
+```
+
+Indicates whether the given handler should be analyzing stream of touch events or not.
+When set to `false` we can be sure that the handler will **never** activate.
+If the value gets updated while the handler already started recognizing a gesture, then the handler will stop processing gestures immediately.
+Default value is `true`.
+
+### shouldCancelWhenOutside
+
+```ts
+shouldCancelWhenOutside: boolean | SharedValue<boolean>;
+```
+
+When `true` the handler will stop recognition whenever the finger leaves the area of the connected view.
+Default value of this property is different depending on the handler type.
+Most handlers' `shouldCancelWhenOutside` property defaults to `false` except for the [`LongPressGesture`](/docs/gestures/use-long-press-gesture) and [`TapGesture`](/docs/gestures/use-tap-gesture) which default to `true`.
+
+### hitSlop
+
+This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.
+When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
+
+Instead you can pass an object to specify how each boundary side should be reduced by providing different number of points for `left`, `right`, `top` or `bottom` sides.
+You can alternatively provide `horizontal` or `vertical` instead of specifying directly `left`, `right` or `top` and `bottom`.
+Finally, the object can also take `width` and `height` attributes.
+When `width` is set it is only allow to specify one of the sides `right` or `left`.
+Similarly when `height` is provided only `top` or `bottom` can be set.
+Specifying `width` or `height` is useful if we only want the gesture to activate on the edge of the view. In which case for example we can set `left: 0` and `width: 20` which would make it possible for the gesture to be recognize when started no more than 20 points from the left edge.
+
+**IMPORTANT:** Note that this parameter is primarily designed to reduce the area where gesture can activate. Hence it is only supported for all the values (except `width` and `height`) to be non positive (0 or lower). Although on Android it is supported for the values to also be positive and therefore allow to expand beyond view bounds but not further than the parent view bounds. To achieve this effect on both platforms you can use React Native's View [hitSlop](https://reactnative.dev/docs/view.html#hitslop) property.
+
+### testID
+
+```ts
+testID: string;
+```
+
+Sets a `testID` property for gesture object, allowing for querying for it in tests.
+
+### cancelsTouchesInView
+
+```ts
+cancelsTouchesInView: boolean | SharedValue<boolean>;
+```
+
+Accepts a boolean value.
+When `true`, the gesture will cancel touches for native UI components (`UIButton`, `UISwitch`, etc) it's attached to upon activation.
+Default value is `true`.
+
+### runOnJS
+
+**Requires `react-native-reanimated`**
+
+```ts
+runOnJS: boolean | SharedValue<boolean>;
+```
+
+If set to `true`, callbacks will be executed on JS runtime. Can be changed dynamically throughout gesture lifecycle. Defaults to `false`. For more details, see the [runOnJS](/docs/fundamentals/reanimated-interactions#runonjs) section.
+
+### disableReanimated
+
+**Requires `react-native-reanimated`**
+
+```ts
+disableReanimated: boolean;
+```
+
+If set to `true`, the gesture will ignore any interaction with `Reanimated`. This property cannot be changed during the gesture's lifecycle. For more details, see the [disableReanimated](/docs/fundamentals/reanimated-interactions#disablereanimated) section.
+
+### simultaneousWith
+
+```ts
+simultaneousWith: Gesture | Gesture[]
+```
+
+Adds a gesture that should be recognized simultaneously with this one.
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition). [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
+
+### requireToFail
+
+```ts
+requireToFail: Gesture | Gesture[]
+```
+
+Adds a relation requiring another gesture to fail, before this one can activate.
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition). [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
+
+### block
+
+```ts
+block: Gesture | Gesture[]
+```
+
+Adds a relation that makes other gestures wait with activation until this gesture fails (or doesn't start at all).
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition).[`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
+
+### useAnimated
+
+```ts
+useAnimated: boolean;
+```
+
+Setting this property is set to `true` ensures that the [Animated API](/docs/fundamentals/animated-interactions) functions correctly when `useNativeDriver` is set to `false`. The default value is set to `false`.
+
+### activeCursor
+
+```ts
+activeCursor: ActiveCursor | SharedValue<ActiveCursor>;
+```
+
+This parameter allows to specify which cursor should be used when gesture activates. Supports all [CSS cursor values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/cursor#keyword) (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-event-data.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-event-data.md
new file mode 100644
index 0000000000..341e4371f9
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-event-data.md
@@ -0,0 +1,11 @@
+### numberOfPointers
+
+```ts
+numberOfPointers: number;
+```
+
+Represents the number of pointers (fingers) currently placed on the screen.
+
+### pointerType
+
+Indicates the type of pointer device in use.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/mouse-button.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/mouse-button.md
new file mode 100644
index 0000000000..039ac14c4f
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_shared/mouse-button.md
@@ -0,0 +1,3 @@
+### mouseButton
+
+Allows users to choose which mouse buttons to respond to. Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/shared-value-info.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/shared-value-info.md
new file mode 100644
index 0000000000..c37a2058fc
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/_shared/shared-value-info.md
@@ -0,0 +1 @@
+Properties supporting `SharedValue` can be updated dynamically via [Reanimated Shared Values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) without triggering a re-render.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-fling-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-fling-gesture.md
new file mode 100644
index 0000000000..2d58fb9fc7
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-fling-gesture.md
@@ -0,0 +1,65 @@
+The gesture that tracks quick, sufficiently long movement in specified [direction](#direction).
+When gesture gets activated it will end when finger is released.
+The gesture will fail if the finger is lifted before gesture could activate.
+
+## Example
+
+## Config
+
+### direction
+
+Expressed allowed direction of movement. Expected values are exported as constants in the `Directions` object. It's possible to combine directions using `|` operator.
+
+```js
+import { Directions } from 'react-native-gesture-handler';
+
+// Single direction
+const fling = useFlingGesture({ direction: Directions.RIGHT });
+
+// Combined directions
+const fling = useFlingGesture({ direction: Directions.RIGHT | Directions.LEFT });
+```
+
+### numberOfPointers
+
+```ts
+numberOfPointers: number | SharedValue<number>;
+```
+
+Determine exact number of points required to handle the fling gesture.
+
+## Callbacks
+
+## Event data
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-hover-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-hover-gesture.md
new file mode 100644
index 0000000000..53bb727a83
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-hover-gesture.md
@@ -0,0 +1,75 @@
+Gesture that can recognize hovering above the view it's attached to. The hover effect may be activated by moving a mouse or a stylus over the view.
+
+On iOS additional [visual effects](#effect-ios-only) may be configured.
+
+> **Note**
+>
+> Don't rely on `Hover` gesture to continue after the mouse button is clicked or the stylus touches the screen. If you want to handle both cases, [compose](/docs/fundamentals/gesture-composition) it with [`Pan`](/docs/gestures/use-pan-gesture) gesture.
+
+## Example
+
+## Config
+
+### effect
+
+Visual effect applied to the view while the view is hovered. Defaults to `HoverEffect.None`
+
+## Callbacks
+
+## Event data
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+### stylusData
+
+```ts
+stylusData: StylusData;
+```
+
+```ts
+interface StylusData {
+  tiltX: number;
+  tiltY: number;
+  azimuthAngle: number;
+  altitudeAngle: number;
+  pressure: number;
+}
+```
+
+Object that contains additional information about `stylus`. It consists of the following fields:
+
+* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
+* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
+* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
+* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
+* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-long-press-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-long-press-gesture.md
new file mode 100644
index 0000000000..eb786512cd
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-long-press-gesture.md
@@ -0,0 +1,67 @@
+Gesture that activates when the corresponding view is pressed for a sufficiently long time.
+This gesture will deactivate immediately after the finger is released.
+The gesture will fail to recognize a touch event if the finger is lifted before the [minimum required time](#minduration) or if the finger is moved further than the [allowable distance](#maxdistance).
+
+## Example
+
+## Config
+
+### minDuration
+
+```ts
+minDuration: number | SharedValue<number>;
+```
+
+Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view. The default value is 500.
+
+### maxDistance
+
+```ts
+maxDistance: number | SharedValue<number>;
+```
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture. If the finger travels further than the defined distance and the gesture hasn't yet activated, it will fail to recognize the gesture. The default value is 10.
+
+## Callbacks
+
+## Event data
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
+
+### duration
+
+```ts
+duration: number;
+```
+
+Duration of the long press (time since the start of the gesture), expressed in milliseconds.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-manual-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-manual-gesture.md
new file mode 100644
index 0000000000..c3aee2b103
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-manual-gesture.md
@@ -0,0 +1,161 @@
+A plain gesture that has no specific activation criteria nor event data set. Its [state](/docs/under-the-hood/state) has to be controlled manually using a [state manager](/docs/fundamentals/state-manager). It will not fail when all the pointers are lifted from the screen.
+
+> **Tip**
+>
+> If you need to modify the activation criteria of gestures other than `Manual`, check their configuration for relevant properties or use [`manualActivation`](/docs/fundamentals/state-manager#manualactivation) to manage their state directly.
+
+## Example
+
+To demonstrate how to make a manual gesture we will make a simple one that tracks all pointers on the screen.
+
+First, we need a way to store information about the pointer: whether it should be visible and its position.
+
+We also need a component to mark where a pointer is. In order to accomplish that we will make a component that accepts two [shared values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value): one holding information about the pointer using the interface we just created, the other holding a bool indicating whether the gesture has activated.
+In this example when the gesture is not active, the ball representing it will be blue and when it is active the ball will be red and slightly bigger.
+
+Now we have to make a component that will handle the gesture and draw all the pointer indicators. We will store data about pointers in an array and render them inside an [`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/your-first-animation#using-an-animated-component).
+
+We have our components set up and we can finally get to making the gesture! We will start with [`onTouchesDown`](/docs/fundamentals/callbacks-events#ontouchesdown) where we need to set position of the pointers and make them visible. We can get this information from the touches property of the event. In this case we will also check how many pointers are on the screen and activate the gesture if there are at least two.
+
+Next, we will handle pointer movement. In [`onTouchesMove`](/docs/fundamentals/callbacks-events#ontouchesmove) we will simply update the position of moved pointers.
+
+We also need to handle lifting fingers from the screen, which corresponds to [`onTouchesUp`](/docs/fundamentals/callbacks-events#ontouchesup). Here we will just hide the pointers that were lifted and end the gesture if there are no more pointers on the screen.
+Note that we are not handling [`onTouchesCancel`](/docs/fundamentals/callbacks-events#ontouchescancel) as in this very basic case we don't expect it to happen, however you should clear data about cancelled pointers (most of the time all active ones) when it is called.
+
+Now that our pointers are being tracked correctly and we have the state management, we can handle activation and ending of the gesture. In our case, we will simply set the active shared value either to `true` or `false`.
+
+Full example code
+
+```tsx
+import { StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  GestureHandlerRootView,
+  GestureStateManager,
+  useManualGesture,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useAnimatedStyle,
+  SharedValue,
+  useSharedValue,
+} from 'react-native-reanimated';
+
+type Pointer = {
+  x: number;
+  y: number;
+  visible: boolean;
+};
+
+type PointerElementProps = {
+  pointer: SharedValue<Pointer>;
+  active: SharedValue<boolean>;
+};
+
+function PointerElement(props: PointerElementProps) {
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [
+      { translateX: props.pointer.value.x },
+      { translateY: props.pointer.value.y },
+      {
+        scale:
+          (props.pointer.value.visible ? 1 : 0) *
+          (props.active.value ? 1.3 : 1),
+      },
+    ],
+    backgroundColor: props.active.value ? 'red' : 'blue',
+  }));
+
+  return <Animated.View style={[styles.pointer, animatedStyle]} />;
+}
+
+export default function Example() {
+  const trackedPointers: SharedValue<Pointer>[] = [];
+  const active = useSharedValue(false);
+
+  for (let i = 0; i < 10; i++) {
+    trackedPointers[i] = useSharedValue<Pointer>({
+      x: 0,
+      y: 0,
+      visible: false,
+    });
+  }
+
+  const gesture = useManualGesture({
+    onTouchesDown: (e) => {
+      for (const touch of e.changedTouches) {
+        trackedPointers[touch.id].value = {
+          x: touch.x,
+          y: touch.y,
+          visible: true,
+        };
+      }
+
+      if (e.numberOfTouches >= 2) {
+        GestureStateManager.activate(e.handlerTag);
+      }
+    },
+    onTouchesMove: (e) => {
+      for (const touch of e.changedTouches) {
+        trackedPointers[touch.id].value = {
+          x: touch.x,
+          y: touch.y,
+          visible: true,
+        };
+      }
+    },
+    onTouchesUp: (e) => {
+      for (const touch of e.changedTouches) {
+        trackedPointers[touch.id].value = {
+          x: touch.x,
+          y: touch.y,
+          visible: false,
+        };
+      }
+
+      if (e.numberOfTouches === 0) {
+        GestureStateManager.deactivate(e.handlerTag);
+      }
+    },
+    onActivate: () => {
+      active.value = true;
+    },
+    onDeactivate: () => {
+      active.value = false;
+    },
+  });
+
+  return (
+    <GestureHandlerRootView>
+      <GestureDetector gesture={gesture}>
+        <Animated.View style={{ flex: 1 }}>
+          {trackedPointers.map((pointer, index) => (
+            <PointerElement pointer={pointer} active={active} key={index} />
+          ))}
+        </Animated.View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  pointer: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: 'red',
+    position: 'absolute',
+    marginStart: -30,
+    marginTop: -30,
+  },
+});
+```
+
+## Modifying existing gestures
+
+While manual gestures open great possibilities we are aware that reimplementing pinch or rotation from scratch just because you need to activate in specific circumstances or require position of the fingers, would be a waste of time as those gestures are already available. Therefore, you can use touch events with every gesture to extract more detailed information about the gesture than what the basic events alone provide. We also added a [`manualActivation`](/docs/fundamentals/state-manager#manualactivation) modifier on all continuous gestures, which prevents the gesture it is applied to from activating automatically, giving you full control over its behavior.
+
+## Config
+
+## Callbacks
+
+## Event data
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-native-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-native-gesture.md
new file mode 100644
index 0000000000..9e8dbb56c8
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-native-gesture.md
@@ -0,0 +1,47 @@
+A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/fundamentals/gesture-composition) with other gestures.
+
+When used, the native component should be the direct child of a [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+> **Danger**
+>
+> Do not use `Native` gesture with components exported by React Native Gesture Handler, as they already have it pre-applied. Attaching `Native` gesture twice will result in undefined behavior.
+
+## Example
+
+This example renders a `ScrollView` with multiple colored rectangles, where each rectangle has a black section. Starting a touch on a black section will disable the `ScrollView` for the duration of the [`Pan`](/docs/gestures/use-pan-gesture) gesture.
+
+## Remarks
+
+* `Native` gesture can be used as part of [gesture composition and cross-component interactions](/docs/fundamentals/gesture-composition) just like any other gesture. You can use this to block a native component for the duration of the gesture or to make it work alongside a gesture.
+
+* Due to platform API limitations, the `Native` gesture has restricted functionality on `web`. For instance, it cannot be used to block scrolling on a `ScrollView`.
+
+## Config
+
+### shouldActivateOnStart
+
+```ts
+shouldActivateOnStart: boolean | SharedValue<boolean>;
+```
+
+When `true`, underlying handler will activate unconditionally when it receives any touches.
+
+### disallowInterruption
+
+```ts
+disallowInterruption: boolean | SharedValue<boolean>;
+```
+
+When `true`, cancels all other gesture handlers when activates.
+
+## Callbacks
+
+## Event data
+
+### pointerInside
+
+```ts
+pointerInside: boolean;
+```
+
+`true` if gesture was performed inside of containing view, `false` otherwise.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-pan-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-pan-gesture.md
new file mode 100644
index 0000000000..62e0616a3f
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-pan-gesture.md
@@ -0,0 +1,217 @@
+A continuous gesture that can recognize a panning (dragging) gesture and track its movement.
+
+The gesture activates when a finger is placed on the screen and moved some initial distance.
+
+Configurations such as a minimum initial distance, specific vertical or horizontal pan detection and number of fingers required for activation (allowing for multifinger swipes) may be specified.
+
+Gesture callback can be used for continuous tracking of the pan gesture. It provides information about the gesture such as its XY translation from the starting point as well as its instantaneous velocity.
+
+## Example
+
+## Multi touch pan handling
+
+If your app relies on multi touch pan handling this section provides some information how the default behavior differs between the platform and how (if necessary) it can be unified.
+
+The difference in multi touch pan handling lies in the way how translation properties during the event are being calculated.
+On iOS the default behavior when more than one finger is placed on the screen is to treat this situation as if only one pointer was placed in the center of mass (average position of all the pointers).
+This applies also to many platform native components that handle touch even if not primarily interested in multi touch interactions like for example `UIScrollView` component.
+
+On Android, the default behavior for native components like scroll view, pager views or drawers is different and hence gesture defaults to that when it comes to pan handling.
+The difference is that instead of treating the center of mass of all the fingers placed as a leading pointer it takes the latest placed finger as such.
+This behavior can be changed on Android using [`averageTouches`](#averagetouches-android-only) flag.
+
+Note that on both Android and iOS when the additional finger is placed on the screen that translation prop is not affected even though the position of the pointer being tracked might have changed.
+Therefore it is safe to rely on translation most of the time as it only reflects the movement that happens regardless of how many fingers are placed on the screen and if that number changes over time.
+If you wish to track the "center of mass" virtual pointer and account for its changes when the number of finger changes you can use relative or absolute position provided in the event ([`x`](#x) and [`y`](#y) or [`absoluteX`](#absolutex) and [`absoluteY`](#absolutey)).
+
+## Config
+
+### minDistance
+
+```ts
+minDistance: number | SharedValue<number>;
+```
+
+Minimum distance the finger (or multiple finger) need to travel before the gesture activates. Expressed in points.
+
+### minPointers
+
+```ts
+minPointers: number | SharedValue<number>;
+```
+
+A number of fingers that is required to be placed before gesture can activate. Should be higher or equal to 0.
+
+### maxPointers
+
+```ts
+maxPointers: number | SharedValue<number>;
+```
+
+When the given number of fingers is placed on the screen and gesture hasn't yet activated it will fail recognizing the gesture. Should be higher or equal to 0.
+
+### activateAfterLongPress
+
+```ts
+activateAfterLongPress: number | SharedValue<number>;
+```
+
+Duration in milliseconds of the `LongPress` gesture before `Pan` is allowed to activate. If the finger is moved during that period, the gesture will fail. Should be higher or equal to 0 integer. Default value is 0, meaning no `LongPress` is required to activate the `Pan`.
+
+### activeOffsetX
+
+```ts
+activeOffsetX: number |
+  SharedValue<number> |
+  [number | SharedValue<number>, number | SharedValue<number>];
+```
+
+Range along X axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### activeOffsetY
+
+```ts
+activeOffsetY: number |
+  SharedValue<number> |
+  [number | SharedValue<number>, number | SharedValue<number>];
+```
+
+Range along Y axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### failOffsetY
+
+```ts
+failOffsetY: number |
+  SharedValue<number> |
+  [number | SharedValue<number>, number | SharedValue<number>];
+```
+
+When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### failOffsetX
+
+```ts
+failOffsetX: number |
+  SharedValue<number> |
+  [number | SharedValue<number>, number | SharedValue<number>];
+```
+
+When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### averageTouches
+
+```ts
+averageTouches: boolean | SharedValue<boolean>;
+```
+
+Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
+
+### enableTrackpadTwoFingerGesture
+
+```ts
+enableTrackpadTwoFingerGesture: boolean | SharedValue<boolean>;
+```
+
+Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with enableTrackpadTwoFingerGesture swiping with two fingers will also trigger the gesture.
+
+## Callbacks
+
+## Event data
+
+### translationX
+
+```ts
+translationX: number;
+```
+
+Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+### translationY
+
+```ts
+translationY: number;
+```
+
+Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+### changeX
+
+```ts
+changeX: number;
+```
+
+The horizontal distance moved since the last event frame. This value represents the immediate incremental change in the X axis, rather than the total accumulated distance.
+
+### changeY
+
+```ts
+changeY: number;
+```
+
+The vertical distance moved since the last event frame. This value represents the immediate incremental change in the Y axis, rather than the total accumulated distance.
+
+### velocityX
+
+```ts
+velocityX: number;
+```
+
+Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
+
+### velocityY
+
+```ts
+velocityY: number;
+```
+
+Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+### stylusData
+
+Object that contains additional information about `stylus`. It consists of the following fields:
+
+* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
+* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
+* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
+* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
+* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-pinch-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-pinch-gesture.md
new file mode 100644
index 0000000000..3847963241
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-pinch-gesture.md
@@ -0,0 +1,60 @@
+Gesture that recognizes pinching. It allows for tracking the distance between two fingers and use that information to scale or zoom your content.
+The gesture activates when fingers are placed on the screen and move away from each other or pull closer together. It provides information about [velocity](#velocity), anchor ([focal](#focalx)) point of gesture and [scale](#scale).
+
+The distance between the fingers is reported as a scale factor. At the beginning of the gesture, the scale factor is `1.0`. As the distance between the two fingers increases, the scale factor increases proportionally.
+Similarly, the scale factor decreases as the distance between the fingers decreases.
+
+Pinch gestures are used most commonly to change the size of objects or content onscreen.
+For example, map views use pinch gestures to change the zoom level of the map.
+
+> **Note**
+>
+> When implementing pinch based on focal point, make sure to use it after the gesture had activated, i.e. in `onActivate` or `onUpdate` callbacks. Using it in `onBegin` may lead to unexpected behavior.
+
+## Example
+
+## Config
+
+## Callbacks
+
+## Event data
+
+### scale
+
+```ts
+scale: number;
+```
+
+The scale factor relative to the points of the two touches in screen coordinates.
+
+### scaleChange
+
+```ts
+scaleChange: number;
+```
+
+The incremental change in scale since the last event frame. This value represents the ratio of the current scale to the previous scale, rather than the total accumulated scale of the gesture.
+
+### velocity
+
+```ts
+velocity: number;
+```
+
+Velocity of the pan gesture the current moment. The value is expressed in scale factor per second.
+
+### focalX
+
+```ts
+focalX: number;
+```
+
+Position expressed in points along X axis of center anchor point of gesture
+
+### focalY
+
+```ts
+focalY: number;
+```
+
+Position expressed in points along Y axis of center anchor point of gesture
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-rotation-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-rotation-gesture.md
new file mode 100644
index 0000000000..7ef77c81a9
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-rotation-gesture.md
@@ -0,0 +1,55 @@
+Gesture that can recognize rotation and track its movement.
+
+The gesture activates when fingers are placed on the screen and rotate around a common point. It provides information such as the amount [rotated](#rotation), the focal point of the rotation ([anchor](#anchorx)), and its instantaneous [velocity](#velocity).
+
+> **Note**
+>
+> When implementing rotation based on `anchor` point, make sure to use it after the gesture had activated, i.e. in `onActivate` or `onUpdate` callbacks. Using it in `onBegin` may lead to unexpected behavior.
+
+## Example
+
+## Config
+
+## Callbacks
+
+## Event data
+
+### rotation
+
+```ts
+rotation: number;
+```
+
+Amount rotated, expressed in radians, from the gesture's focal point (anchor).
+
+### rotationChange
+
+```ts
+rotationChange: number;
+```
+
+The incremental change in rotation since the last event frame. This value represents the difference in radians between the current and previous rotation, rather than the total accumulated rotation of the gesture.
+
+### velocity
+
+```ts
+velocity: number;
+```
+
+Instantaneous velocity, expressed in point units per second, of the gesture.
+
+### anchorX
+
+```ts
+anchorX: number;
+```
+
+X coordinate, expressed in points, of the gesture's central focal point (anchor).
+
+### anchorY
+
+```ts
+anchorY: number;
+```
+
+Y coordinate, expressed in points, of the gesture's central focal point (anchor).
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-tap-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-tap-gesture.md
new file mode 100644
index 0000000000..163a9e7882
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/gestures/use-tap-gesture.md
@@ -0,0 +1,104 @@
+A discrete gesture that recognizes taps.
+
+Tap gestures detect one or more fingers briefly touching the screen.
+The pointers involved in these gestures must not move significantly from their initial touch positions. This can be changed via configuration.
+The required number of taps and allowed distance from initial position may be configured.
+For example, you might configure tap gesture recognizers to detect single taps, double taps, or triple taps.
+
+In order for a gesture to activate, specified gesture requirements such as [`minPointers`](#minpointers), [`numberOfTaps`](#numberoftaps), [`maxDistance`](#maxdistance), [`maxDuration`](#maxduration), and [`maxDelay`](#maxdelay) must be met.
+
+## Example
+
+## Config
+
+### minPointers
+
+```ts
+minPointers: number | SharedValue<number>;
+```
+
+Minimum number of pointers (fingers) required to be placed before the gesture activates. Should be a positive integer. The default value is 1.
+
+### maxDuration
+
+```ts
+maxDuration: number | SharedValue<number>;
+```
+
+Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch. The default value is 500.
+
+### maxDelay
+
+```ts
+maxDelay: number | SharedValue<number>;
+```
+
+Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required. The default value is 500.
+
+### numberOfTaps
+
+```ts
+numberOfTaps: number | SharedValue<number>;
+```
+
+Number of tap gestures required to activate the gesture. The default value is 1.
+
+### maxDeltaX
+
+```ts
+maxDeltaX: number | SharedValue<number>;
+```
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. If the finger travels further than the defined distance along the X axis and the gesture hasn't yet activated, it will fail to recognize the gesture.
+
+### maxDeltaY
+
+```ts
+maxDeltaY: number | SharedValue<number>;
+```
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. If the finger travels further than the defined distance along the Y axis and the gesture hasn't yet activated, it will fail to recognize the gesture.
+
+### maxDistance
+
+```ts
+maxDistance: number | SharedValue<number>;
+```
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture. If the finger travels further than the defined distance and the gesture hasn't yet activated, it will fail to recognize the gesture.
+
+## Callbacks
+
+## Event data
+
+### x
+
+```ts
+x: number;
+```
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+### y
+
+```ts
+y: number;
+```
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
+
+### absoluteX
+
+```ts
+absoluteX: number;
+```
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
+
+### absoluteY
+
+```ts
+absoluteY: number;
+```
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step1.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step1.md
new file mode 100644
index 0000000000..18996cbca9
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step1.md
@@ -0,0 +1,23 @@
+```jsx
+import { StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import Animated from 'react-native-reanimated';
+
+export default function Ball() {
+  return (
+    <GestureHandlerRootView>
+      <Animated.View style={styles.ball} />
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  ball: {
+    width: 100,
+    height: 100,
+    borderRadius: 100,
+    backgroundColor: 'blue',
+    alignSelf: 'center',
+  },
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step2.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step2.md
new file mode 100644
index 0000000000..08f4e2f9db
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step2.md
@@ -0,0 +1,25 @@
+```jsx
+import {
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring,
+} from 'react-native-reanimated';
+
+export default function Ball() {
+  const isPressed = useSharedValue(false);
+  const offset = useSharedValue({ x: 0, y: 0 });
+
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: offset.value.x },
+        { translateY: offset.value.y },
+        { scale: withSpring(isPressed.value ? 1.2 : 1) },
+      ],
+      backgroundColor: isPressed.value ? 'yellow' : 'blue',
+    };
+  });
+
+  // ...
+}
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step3.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step3.md
new file mode 100644
index 0000000000..f75641e27f
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step3.md
@@ -0,0 +1,9 @@
+```jsx {4}
+// ...
+return (
+  <GestureHandlerRootView>
+    <Animated.View style={[styles.ball, animatedStyles]} />
+  </GestureHandlerRootView>
+);
+// ...
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step4.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step4.md
new file mode 100644
index 0000000000..a7260cb8bb
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step4.md
@@ -0,0 +1,22 @@
+```jsx
+import { usePanGesture } from 'react-native-gesture-handler';
+
+function Ball() {
+  // ...
+  const gesture = usePanGesture({
+    onBegin: () => {
+      isPressed.value = true;
+    },
+    onUpdate: (e) => {
+      offset.value = {
+        x: offset.value.x + e.changeX,
+        y: offset.value.y + e.changeY,
+      };
+    },
+    onFinalize: () => {
+      isPressed.value = false;
+    },
+  });
+  // ...
+}
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step5.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step5.md
new file mode 100644
index 0000000000..75107330d2
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step5.md
@@ -0,0 +1,11 @@
+```jsx {4}
+// ...
+return (
+  <GestureHandlerRootView>
+    <GestureDetector gesture={gesture}>
+      <Animated.View style={[styles.ball, animatedStyles]} />
+    </GestureDetector>
+  </GestureHandlerRootView>
+);
+// ...
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/index.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/index.md
new file mode 100644
index 0000000000..a3668e13b3
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/quickstart/index.md
@@ -0,0 +1,78 @@
+RNGH3 offers a straightforward way to add gestures to your app. Simply wrap your target view with the [GestureDetector](/docs/fundamentals/gesture-detectors#gesture-detector) component, define your gesture, and pass it in. That’s it!
+
+To see the new API in action, let's build a simple app where you can drag a ball around the screen. To follow along, you'll need both `react-native-gesture-handler` (to handle gestures) and [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/) (to handle the animations).
+
+Start by defining the basic structure of the application:
+
+Next, define the `SharedValues` to track the ball's position and create the animated styles required to position the ball on the screen:
+
+Apply the animated styles to the ball component:
+
+Now, define the Pan gesture logic.
+
+Finally, wrap the component responsible for rendering the ball with a GestureDetector, and attach the Pan gesture to it:
+
+The complete implementation is shown below:
+
+```jsx
+import { StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  GestureHandlerRootView,
+  usePanGesture,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring,
+} from 'react-native-reanimated';
+
+export default function Ball() {
+  const isPressed = useSharedValue(false);
+  const offset = useSharedValue({ x: 0, y: 0 });
+
+  const gesture = usePanGesture({
+    onBegin: () => {
+      isPressed.value = true;
+    },
+    onUpdate: (e) => {
+      offset.value = {
+        x: offset.value.x + e.changeX,
+        y: offset.value.y + e.changeY,
+      };
+    },
+    onFinalize: () => {
+      isPressed.value = false;
+    },
+  });
+
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: offset.value.x },
+        { translateY: offset.value.y },
+        { scale: withSpring(isPressed.value ? 1.2 : 1) },
+      ],
+      backgroundColor: isPressed.value ? 'yellow' : 'blue',
+    };
+  });
+
+  return (
+    <GestureHandlerRootView>
+      <GestureDetector gesture={gesture}>
+        <Animated.View style={[styles.ball, animatedStyles]} />
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  ball: {
+    width: 100,
+    height: 100,
+    borderRadius: 100,
+    backgroundColor: 'blue',
+    alignSelf: 'center',
+  },
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/swipe-and-scroll.md b/packages/docs-gesture-handler/static/raw/guides/swipe-and-scroll.md
new file mode 100644
index 0000000000..f252a97353
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/swipe-and-scroll.md
@@ -0,0 +1,7 @@
+While we recommend using our own [`ReanimatedSwipeable`](/docs/components/reanimated_swipeable) component, creating your own version of swipeable gives you more control over its behavior. Common issue here is that after creating your own swipeable component, scroll does not work. In that case, try adding [`touchAction`](/docs/fundamentals/gesture-detectors#touchaction-web-only) set to `"pan-y"`, like this:
+
+```jsx
+<GestureDetector gesture={...} ... touchAction="pan-y">
+  ...
+</GestureDetector>
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/testing.md b/packages/docs-gesture-handler/static/raw/guides/testing.md
new file mode 100644
index 0000000000..69220e3cd9
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/testing.md
@@ -0,0 +1,114 @@
+## Mocking native modules
+
+In order to load mocks provided by RNGH add following to your jest config in `package.json`:
+
+```json
+"setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"]
+```
+
+Example:
+
+```json
+"jest": {
+  "preset": "react-native",
+  "setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"]
+}
+```
+
+## Testing Gestures' and Gesture handlers' callbacks
+
+RNGH provides APIs, specifically [`fireGestureHandler`](#firegesturehandler) and [`getByGestureTestId`](#getbygesturetestid), to trigger selected handlers.
+
+### fireGestureHandler
+
+```ts
+fireGestureHandler: (componentOrGesture, eventList) => void;
+```
+
+Simulates one event stream (i.e. event sequence starting with `BEGIN` state and ending
+with one of `END`/`FAIL`/`CANCEL` states), calling appropriate callbacks associated with given gesture handler.
+
+* `componentOrGesture` - Either Gesture Handler component found by `Jest` queries (e.g. `getByTestId`) or Gesture found by [`getByGestureTestId()`](#getbygesturetestidtestid)
+
+* `eventList` - Event data passed to appropriate callback. RNGH fills event list if required
+  data is missing using these rules:
+  * `oldState` is filled using state of the previous event. `BEGIN` events use
+    `UNDETERMINED` value as previous event.
+  * Events after first `ACTIVE` state can omit `state` field.
+  * Handler specific data is filled (e.g. `numberOfTouches`, `x` fields) with
+    defaults.
+  * Missing `BEGIN` and `END` events are added with data copied from first and last
+    passed event, respectively.
+  * If first event doesn't have `state` field, the `ACTIVE` state is assumed.
+
+Some `eventList` examples:
+
+```jsx
+const oldStateFilled = [
+  { state: State.BEGAN },
+  { state: State.ACTIVE },
+  { state: State.END },
+]; // three events with specified state are fired.
+
+const implicitActiveState = [
+  { state: State.BEGAN },
+  { state: State.ACTIVE },
+  { x: 5 },
+  { state: State.END },
+]; // 4 events, including two ACTIVE events (second one has overridden additional data).
+
+const implicitBegin = [
+  { x: 1, y: 11 },
+  { x: 2, y: 12, state: State.FAILED },
+]; // 3 events, including implicit BEGAN, one ACTIVE, and one FAILED event with additional data.
+
+const implicitBeginAndEnd = [
+  { x: 5, y: 15 },
+  { x: 6, y: 16 },
+  { x: 7, y: 17 },
+]; // 5 events, including 3 ACTIVE events and implicit BEGAN and END events. BEGAN uses first event's additional data, END uses last event's additional data.
+
+const allImplicits = []; // 3 events, one BEGIN, one ACTIVE, one END with defaults.
+```
+
+### getByGestureTestId
+
+```tsx
+getByGestureTestId: (testID: string) => Gesture;
+```
+
+Returns opaque data type associated with gesture. Gesture is found via [`testID`](/docs/gestures/use-pan-gesture#testid) attribute in rendered
+components.
+
+> **Warning**
+>
+> `testID` must be unique among components rendered in test.
+
+## Example
+
+Extracted from RNGH tests, check [`api_v3.test.tsx`](https://github.com/software-mansion/react-native-gesture-handler/blob/main/packages/react-native-gesture-handler/src/__tests__/api_v3.test.tsx) for full implementation.
+
+```tsx
+test('Pan gesture', () => {
+  const onBegin = jest.fn();
+  const onStart = jest.fn();
+
+  const panGesture = renderHook(() =>
+    usePanGesture({
+      disableReanimated: true,
+      onBegin: (e) => onBegin(e),
+      onActivate: (e) => onStart(e),
+    })
+  ).result.current;
+
+  fireGestureHandler(panGesture, [
+    { oldState: State.UNDETERMINED, state: State.BEGAN },
+    { oldState: State.BEGAN, state: State.ACTIVE },
+    { oldState: State.ACTIVE, state: State.ACTIVE },
+    { oldState: State.ACTIVE, state: State.END },
+  ]);
+
+  expect(onBegin).toHaveBeenCalledTimes(1);
+  expect(onStart).toHaveBeenCalledTimes(1);
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/troubleshooting.md b/packages/docs-gesture-handler/static/raw/guides/troubleshooting.md
new file mode 100644
index 0000000000..64f40d8707
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/troubleshooting.md
@@ -0,0 +1,73 @@
+## Troubleshooting
+
+Thanks for giving this library a try! We are sorry that you might have encountered issues though. Here is how you can seek help:
+
+1. Search over the [issues on Github](https://github.com/software-mansion/react-native-gesture-handler/issues). There is a chance someone had this problem in the past and it has been resolved!
+2. When sure your problem hasn't been reported or was reported but the proposed solution doesn't work for you please follow [our issue reporting guidelines](#reporting-issues).
+3. You can try seeking help on [Software Mansion Discord](https://discord.com/invite/VemJ4df8Yr).
+4. If you feel like reading the source code we highly recommend it, as this is by far the best resource and gives you the most up to date insights into how the library works and what might be causing the bug.
+5. If you managed to find the solution consider [contributing](/docs/#contributing) a fix or update our documentation to make this information easier to find for the others in the future.
+
+## Reporting issues
+
+This library is maintained by a very small team. Please keep this in mind when reporting issues, as we may not be able to respond as quickly as you might expect. We strive to address all problems as soon as possible, but our time is often constrained by other issues, features, or projects. To help us understand and address your issue more promptly, you can assist by:
+
+* Making sure the issue description is complete. Please include all the details about your environment (library version, RN version, device OS etc).
+* It is the best to provide an example app that reproduces the issue you are having. Put it up on [gist](https://gist.github.com/), [snack](https://snack.expo.io) or create a repo on Github – it doesn't matter as long as we can easily pull it in, run and see the issue.
+* Explain how you run your repro app and what steps to take to reproduce the issue.
+* Isolate your issue from other dependencies you might be using and make the repro app as minimal as possible.
+* If you have spent some time figuring out the root cause of the problem you can leave a note about your findings so far.
+* **Do not comment on closed issues**. It is very unlikely that we are going to notice your comment in such a case. If the issue has been closed, but the proposed solution doesn't work for you, please open a new one providing all the information necessary and linking to the solution you have tried.
+
+## It's not a bug, it's a feature
+
+* Changing `enabled` prop during a gesture has no effect, only when a gesture starts (that is a finger touches the screen) the `enabled` prop is taken into consideration to decide whether to extract (or not) the gesture and provide it with stream of events to analyze.
+* `Native` gesture may not conform to the standard state flow due to platform specific workarounds to incorporate native views into RNGH.
+* Keep in mind that [`Touchables`](/docs/components/touchables) from RNGH are rendering two additional views that may need to be styled separately to achieve desired effect (`style` and `containerStyle` props).
+* In order for the [gesture composition](/docs/fundamentals/gesture-composition) to work, all composed gestures must be attached to the same [`GestureHandlerRootView`](/docs/fundamentals/root-view).
+
+## Multiple instances of Gesture Handler were detected
+
+This error usually happens when in your project there exists more than one instance of Gesture Handler. It can occur when some of your dependencies have installed Gesture Handler inside their own `node_modules` instead of using it as a peer dependency. In this case two different versions of Gesture Handler JS module try to install the same Native Module.
+
+You can resolve this problem manually by modifying your `package.json` file. This will depend on the package manager you are using.
+
+You can check which libraries are using Gesture Handler, along with its version, with the command:
+
+```bash
+npm ls react-native-gesture-handler
+```
+
+Then you can decide which version of Gesture Handler to use by adding the [`overrides`](https://docs.npmjs.com/cli/v8/configuring-npm/package-json#overrides) property.
+
+```json
+"overrides": {
+  "react-native-gesture-handler": <Gesture Handler version>
+}
+```
+
+After that you need to run your package manager again:
+
+```bash
+npm install
+```
+
+You can check which libraries are using Gesture Handler, along with its version, with the command:
+
+```bash
+yarn why react-native-gesture-handler
+```
+
+Then you can decide which version of Gesture Handler to use by adding the [`resolutions`](https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/) property.
+
+```json
+"resolutions": {
+  "react-native-gesture-handler": <Gesture Handler version>
+}
+```
+
+After that you need to run your package manager again:
+
+```bash
+yarn
+```
diff --git a/packages/docs-gesture-handler/static/raw/guides/upgrading-to-3.md b/packages/docs-gesture-handler/static/raw/guides/upgrading-to-3.md
new file mode 100644
index 0000000000..b218924a36
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/guides/upgrading-to-3.md
@@ -0,0 +1,152 @@
+## Migrating gestures
+
+The most important change brought by the Gesture Handler 3 is the new hook API. Migration is pretty straightforward. Instead of calling builder methods, everything is passed as a configuration object.
+
+[`ForceTouch`](/docs/2.x/gestures/force-touch-gesture) gesture is not available in hook API.
+
+Full changes
+
+| RNGH2                  | RNGH3                   |
+| ---------------------- | ----------------------- |
+| `Gesture.Pan()`        | `usePanGesture()`       |
+| `Gesture.Tap()`        | `useTapGesture()`       |
+| `Gesture.LongPress()`  | `useLongPressGesture()` |
+| `Gesture.Rotation()`   | `useRotationGesture()`  |
+| `Gesture.Pinch()`      | `usePinchGesture()`     |
+| `Gesture.Fling()`      | `useFlingGesture()`     |
+| `Gesture.Hover()`      | `useHoverGesture()`     |
+| `Gesture.Native()`     | `useNativeGesture()`    |
+| `Gesture.Manual()`     | `useManualGesture()`    |
+| `Gesture.ForceTouch()` | *Not available in hook API* |
+
+### Renamed callbacks
+
+In Gesture Handler 3 some of the callbacks were renamed, namely:
+
+| RNGH2     | RNGH3          |
+| --------- | -------------- |
+| `onStart` | `onActivate`   |
+| `onEnd`   | `onDeactivate` |
+| `onTouchesCancelled`   | `onTouchesCancel` |
+
+Here is comparison of the two APIs:
+
+### onChange
+
+`onChange` callback has been removed, and its functionality has been integrated into `onUpdate`. You can now access `change*` properties in `onUpdate` callback.
+
+### state & oldState
+
+The `state` and `oldState` properties are no longer available in event objects. Tracking state changes can now only be accomplished using the appropriate [callbacks](/docs/fundamentals/callbacks-events).
+
+### Event types
+
+The types of events have been unified for all callbacks. Each event falls into one of two categories: [`GestureEvent`](/docs/fundamentals/callbacks-events#gestureevent) for gesture callbacks, or [`GestureTouchEvent`](/docs/fundamentals/callbacks-events#touchevent) for `TouchEvent` callbacks.
+
+### StateManager
+
+In Gesture Handler 3, `stateManager` is no longer passed to `TouchEvent` callbacks. Instead, you should use the global [`GestureStateManager`](/docs/fundamentals/state-manager).
+
+## Migrating relations
+
+### Composed gestures
+
+Previously, composed gestures were created using `Gesture` object. In Gesture Handler 3, relations are set up using relation hooks.
+
+Full changes are as follows:
+
+| RNGH2                                     | RNGH3                       |
+| ----------------------------------------- | --------------------------- |
+| `Gesture.Race()`                          | `useCompetingGestures()`    |
+| `Gesture.Simultaneous()`                  | `useSimultaneousGestures()` |
+| `Gesture.Exclusive()`                     | `useExclusiveGestures()`    |
+
+### Cross components relations properties
+
+Properties used to define cross-components interactions were renamed.
+
+Full changes are as follows:
+
+| RNGH2                                     | RNGH3                       |
+| ----------------------------------------- | --------------------------- |
+| `gesture.simultaneousWithExternalGesture` | `gesture.simultaneousWith`  |
+| `gesture.requireExternalGestureToFail`    | `gesture.requireToFail`     |
+| `gesture.blocksExternalGesture`           | `gesture.block`             |
+
+## Migrating components relying on view hierarchy
+
+Certain components, such as `SVG`, depend on the view hierarchy to function correctly. In Gesture Handler 3, `GestureDetector` disrupts these hierarchies. To resolve this issue, two new detectors have been introduced: [`InterceptingGestureDetector`](/docs/fundamentals/gesture-detectors#interceptinggesturedetector) and [`VirtualGestureDetector`](/docs/fundamentals/gesture-detectors#virtualgesturedetector).
+
+:::danger Detectors order
+`VirtualGestureDetector` has to be a descendant of `InterceptingGestureDetector`.
+:::
+
+### Migrating SVG
+
+In Gesture Handler 2 it was possible to use `GestureDetector` directly on `SVG`. In Gesture Handler 3, the correct way to interact with `SVG` is to use `InterceptingGestureDetector` and `VirtualGestureDetector`.
+
+## Old components
+
+### Buttons
+
+The implementation of buttons has been updated, resolving most button-related issues. They have also been internally rewritten to utilize the new hook API. The original button components are still accessible but have been renamed with the prefix `Legacy`, e.g., `RectButton` is now available as `LegacyRectButton`.
+
+Although the legacy JS implementation of the buttons is still available, they also use the new host component internally. Because of that, `PureNativeButton` is no longer available in Gesture Handler 3.
+
+Legacy buttons
+
+| RNGH2                 | RNGH3                       |
+| --------------------- | --------------------------- |
+| `RawButton`           | `LegacyRawButton`           |
+| `BaseButton`          | `LegacyBaseButton`          |
+| `RectButton`          | `LegacyRectButton`          |
+| `BorderlessButton`    | `LegacyBorderlessButton`    |
+| `PureNativeButton`    | *Not available in Gesture Handler 3*    |
+
+### Other components
+
+Other components have also been internally rewritten using the new hook API but are exported under their original names, so no changes are necessary on your part. However, if you need to use the previous implementation for any reason, the old components are also available and are prefixed with `Legacy`, e.g., `ScrollView` is now available as `LegacyScrollView`.
+
+Legacy components
+
+| RNGH2                 | RNGH3                       |
+| --------------------- | --------------------------- |
+| `ScrollView`          | `LegacyScrollView`          |
+| `FlatList`            | `LegacyFlatList`            |
+| `RefreshControl`      | `LegacyRefreshControl`      |
+| `Switch`              | `LegacySwitch`              |
+| `TextInput`           | `LegacyTextInput`           |
+| `DrawerLayoutAndroid` | `LegacyDrawerLayoutAndroid` |
+
+### createNativeWrapper
+
+`createNativeWrapper` is deprecated and it is now exported as `legacy_createNativeWrapper`.
+
+## Replaced types
+
+Most of the types, like `TapGesture`, are still present in Gesture Handler 3. However, they are now used in new hook API. Types for old API now have `Legacy` prefix, e.g. `TapGesture` becomes `LegacyTapGesture`.
+
+Legacy types
+
+| RNGH2                   | RNGH3                         |
+| ----------------------- | ----------------------------- |
+| `PanGesture`            | `LegacyPanGesture`            |
+| `TapGesture`            | `LegacyTapGesture`            |
+| `LongPressGesture`      | `LegacyLongPressGesture`      |
+| `RotationGesture`       | `LegacyRotationGesture`       |
+| `PinchGesture`          | `LegacyPinchGesture`          |
+| `FlingGesture`          | `LegacyFlingGesture`          |
+| `HoverGesture`          | `LegacyHoverGesture`          |
+| `NativeGesture`         | `LegacyNativeGesture`         |
+| `ManualGesture`         | `LegacyManualGesture`         |
+| `ForceTouchGesture`     | `LegacyForceTouchGesture`     |
+|                         |                               |
+| `ComposedGesture`       | `LegacyComposedGesture`       |
+| `RaceGesture`           | `LegacyRaceGesture`           |
+| `SimultaneousGesture`   | `LegacySimultaneousGesture`   |
+| `ExclusiveGesture`      | `LegacyExclusiveGesture`      |
+|                         |                               |
+| `RawButtonProps`        | `LegacyRawButtonProps`        |
+| `BaseButtonProps`       | `LegacyBaseButtonProps`       |
+| `RectButtonProps`       | `LegacyRectButtonProps`       |
+| `BorderlessButtonProps` | `LegacyBorderlessButtonProps` |
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-callbacks.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-callbacks.md
new file mode 100644
index 0000000000..60e2af2c48
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-callbacks.md
@@ -0,0 +1,9 @@
+### Callbacks common to all continuous gestures:
+
+### `onUpdate(callback)`
+
+Set the callback that is being called every time the gesture receives an update while it's active.
+
+### `onChange(callback)`
+
+Set the callback that is being called every time the gesture receives an update while it's active. This callback will receive information about change in value in relation to the last received event.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-config.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-config.md
new file mode 100644
index 0000000000..f829d626e9
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-config.md
@@ -0,0 +1,5 @@
+### Properties common to all continuous gestures:
+
+### `manualActivation(value: boolean)`
+
+When `true` the handler will not activate by itself even if its activation criteria are met. Instead you can manipulate its state using [state manager](/docs/2.x/gestures/state-manager/).
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-callbacks.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-callbacks.md
new file mode 100644
index 0000000000..dff985b307
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-callbacks.md
@@ -0,0 +1,33 @@
+### Callbacks common to all gestures:
+
+### `onBegin(callback)`
+
+Set the callback that is being called when given gesture handler starts receiving touches. At the moment of this callback the handler is not yet in an active state and we don't know yet if it will recognize the gesture at all.
+
+### `onStart(callback)`
+
+Set the callback that is being called when the gesture is recognized by the handler and it transitions to the active state.
+
+### `onEnd(callback)`
+
+Set the callback that is being called when the gesture that was recognized by the handler finishes. It will be called only if the handler was previously in the active state.
+
+### `onFinalize(callback)`
+
+Set the callback that is being called when the handler finalizes handling gesture - the gesture was recognized and has finished or it failed to recognize.
+
+### `onTouchesDown(callback)`
+
+Set the `onTouchesDown` callback which is called every time a finger is placed on the screen.
+
+### `onTouchesMove(callback)`
+
+Set the `onTouchesMove` callback which is called every time a finger is moved on the screen.
+
+### `onTouchesUp(callback)`
+
+Set the `onTouchesUp` callback which is called every time a finger is lifted from the screen.
+
+### `onTouchesCancelled(callback)`
+
+Set the `onTouchesCancelled` callback which is called every time a finger stops being tracked, for example when the gesture finishes.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-config.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-config.md
new file mode 100644
index 0000000000..6a39d4cb75
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-config.md
@@ -0,0 +1,68 @@
+### Properties common to all gestures:
+
+### `enabled(value: boolean)`
+
+Indicates whether the given handler should be analyzing stream of touch events or not.
+When set to `false` we can be sure that the handler's state will **never** become [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
+If the value gets updated while the handler already started recognizing a gesture, then the handler's state it will immediately change to [`FAILED`](/docs/2.x/fundamentals/states-events#failed) or [`CANCELLED`](/docs/2.x/fundamentals/states-events#cancelled) (depending on its current state).
+Default value is `true`.
+
+### `shouldCancelWhenOutside(value: boolean)`
+
+When `true` the handler will [cancel](/docs/2.x/fundamentals/states-events#cancelled) or [fail](/docs/2.x/fundamentals/states-events#failed) recognition (depending on its current state) whenever the finger leaves the area of the connected view.
+Default value of this property is different depending on the handler type.
+Most handlers' `shouldCancelWhenOutside` property defaults to `false` except for the [`LongPressGesture`](/docs/2.x/gestures/long-press-gesture) and [`TapGesture`](/docs/2.x/gestures/tap-gesture) which default to `true`.
+
+### `hitSlop(settings)`
+
+This parameter enables control over what part of the connected view area can be used to [begin](/docs/2.x/fundamentals/states-events#began) recognizing the gesture.
+When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
+
+Instead you can pass an object to specify how each boundary side should be reduced by providing different number of points for `left`, `right`, `top` or `bottom` sides.
+You can alternatively provide `horizontal` or `vertical` instead of specifying directly `left`, `right` or `top` and `bottom`.
+Finally, the object can also take `width` and `height` attributes.
+When `width` is set it is only allow to specify one of the sides `right` or `left`.
+Similarly when `height` is provided only `top` or `bottom` can be set.
+Specifying `width` or `height` is useful if we only want the gesture to activate on the edge of the view. In which case for example we can set `left: 0` and `width: 20` which would make it possible for the gesture to be recognize when started no more than 20 points from the left edge.
+
+**IMPORTANT:** Note that this parameter is primarily designed to reduce the area where gesture can activate. Hence it is only supported for all the values (except `width` and `height`) to be non positive (0 or lower). Although on Android it is supported for the values to also be positive and therefore allow to expand beyond view bounds but not further than the parent view bounds. To achieve this effect on both platforms you can use React Native's View [hitSlop](https://reactnative.dev/docs/view.html#hitslop) property.
+
+### `withRef(ref)`
+
+Sets a ref to the gesture object, allowing for interoperability with the old
+API.
+
+### `withTestId(testID)`
+
+Sets a `testID` property for gesture object, allowing for querying for it in tests.
+
+### `cancelsTouchesInView(value)` (**iOS only**)
+
+Accepts a boolean value.
+When `true`, the gesture will cancel touches for native UI components (`UIButton`, `UISwitch`, etc) it's attached to when it becomes [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
+Default value is `true`.
+
+### `runOnJS(value: boolean)`
+
+When `react-native-reanimated` is installed, the callbacks passed to the gestures are automatically workletized and run on the UI thread when called. This option allows for changing this behavior: when `true`, all the callbacks will be run on the JS thread instead of the UI thread, regardless of whether they are worklets or not.
+Defaults to `false`.
+
+### `simultaneousWithExternalGesture(otherGesture1, otherGesture2, ...)`
+
+Adds a gesture that should be recognized simultaneously with this one.
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/2.x/fundamentals/gesture-composition). [`GestureDetector`](/docs/2.x/gestures/gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
+
+### `requireExternalGestureToFail(otherGesture1, otherGesture2, ...)`
+
+Adds a relation requiring another gesture to fail, before this one can activate.
+
+### `blocksExternalGesture(otherGesture1, otherGesture2, ...)`
+
+Adds a relation that makes other gestures wait with activation until this gesture fails (or doesn't start at all).
+
+**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/2.x/fundamentals/gesture-composition).[`GestureDetector`](/docs/2.x/gestures/gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
+
+### `activeCursor(value)` (Web only)
+
+This parameter allows to specify which cursor should be used when gesture activates. Supports all CSS cursor values (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-event-data.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-event-data.md
new file mode 100644
index 0000000000..53b7b18936
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-event-data.md
@@ -0,0 +1,19 @@
+### Event attributes common to all gestures:
+
+### `state`
+
+Current [state](/docs/2.x/fundamentals/states-events) of the handler. Expressed as one of the constants exported under `State` object by the library.
+
+### `numberOfPointers`
+
+Represents the number of pointers (fingers) currently placed on the screen.
+
+### `pointerType`
+
+Indicates the type of pointer device in use. This value is represented by the `PointerType` enum, which includes the following fields:
+
+* `TOUCH` - represents finger
+* `STYLUS` - represents stylus or digital pen
+* `MOUSE` - represents computer mouse
+* `KEY` - represents keyboard
+* `OTHER` - represents unknown device type that is not relevant
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/gesture-detector-functional1.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/gesture-detector-functional1.md
new file mode 100644
index 0000000000..2397af9dfa
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/gesture-detector-functional1.md
@@ -0,0 +1,19 @@
+```jsx
+export default function Example() {
+  const tap = Gesture.Tap().onStart(() => {
+    console.log('tap');
+  });
+
+  return (
+    <GestureDetector gesture={tap}>
+      <FunctionalComponent>
+        <View style={styles.box} />
+      </FunctionalComponent>
+    </GestureDetector>
+  );
+}
+
+function FunctionalComponent(props) {
+  return <View collapsable={false}>{props.children}</View>;
+}
+```
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/v2-info.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/v2-info.md
new file mode 100644
index 0000000000..41ee80f2d2
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/v2-info.md
@@ -0,0 +1,3 @@
+> **Warning**
+>
+> Heads up! This page covers the old builder-based API from Gesture Handler 2. We recommend checking out the newer hook-based API from Gesture Handler 3.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/composed-gestures.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/composed-gestures.md
new file mode 100644
index 0000000000..c3d1629746
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/composed-gestures.md
@@ -0,0 +1,21 @@
+Composed gestures (`Race`, `Simultaneous`, `Exclusive`) provide a simple way of building relations between gestures. See [Gesture Composition](/docs/2.x/fundamentals/gesture-composition) for more details.
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  const pan = Gesture.Pan();
+  const longPress = Gesture.LongPress();
+
+  // highlight-next-line
+  const composed = Gesture.Race(pan, longPress);
+
+  return (
+    <GestureDetector gesture={composed}>
+      <Animated.View />
+    </GestureDetector>
+  );
+}
+```
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/fling-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/fling-gesture.md
new file mode 100644
index 0000000000..aa77bdf843
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/fling-gesture.md
@@ -0,0 +1,110 @@
+A discrete gesture that activates when the movement is sufficiently long and fast.
+Gesture gets [ACTIVE](/docs/2.x/fundamentals/states-events#active) when movement is sufficiently long and it does not take too much time.
+When gesture gets activated it will turn into [END](/docs/2.x/fundamentals/states-events#end) state when finger is released.
+The gesture will fail to recognize if the finger is lifted before being activated.
+
+Fling Gesture
+
+## Example
+
+```jsx
+import { StyleSheet } from 'react-native';
+import {
+  Gesture,
+  GestureDetector,
+  Directions,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withTiming,
+} from 'react-native-reanimated';
+
+export default function App() {
+  const position = useSharedValue(0);
+  // highlight-next-line
+  const flingGesture = Gesture.Fling()
+    .direction(Directions.RIGHT)
+    .onStart((e) => {
+      position.value = withTiming(position.value + 10, { duration: 100 });
+    });
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: position.value }],
+  }));
+
+  return (
+    <GestureDetector gesture={flingGesture}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Config
+
+### Properties specific to `FlingGesture`:
+
+### `direction(value: Directions)`
+
+Expressed allowed direction of movement. Expected values are exported as constants in the `Directions` object. It's possible to pass one or many directions in one parameter:
+
+```js
+import { Directions } from 'react-native-gesture-handler';
+fling.direction(Directions.RIGHT | Directions.LEFT);
+```
+
+or
+
+```js
+fling.direction(Directions.DOWN);
+```
+
+### `numberOfPointers(value: number)`
+
+Determine exact number of points required to handle the fling gesture.
+
+### `mouseButton(value: MouseButton)` (Web & Android only)
+
+Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
+
+* `LEFT`
+* `RIGHT`
+* `MIDDLE`
+* `BUTTON_4`
+* `BUTTON_5`
+* `ALL`
+
+Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `FlingGesture`:
+
+### `x`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](./gesture-detector.md). Expressed in point units.
+
+### `y`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](./gesture-detector.md). Expressed in point units.
+
+### `absoluteX`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/force-touch-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/force-touch-gesture.md
new file mode 100644
index 0000000000..bfee9f0bf0
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/force-touch-gesture.md
@@ -0,0 +1,55 @@
+> **Warning**
+>
+> ForceTouch gesture is deprecated and will be removed in the future version of Gesture Handler.
+
+A continuous gesture that recognizes force of a touch. It allows for tracking pressure of touch on some iOS devices.
+The gesture [activates](/docs/2.x/fundamentals/states-events#active) when pressure of touch is greater than or equal to `minForce`. It fails if pressure is greater than `maxForce`.
+Gesture callback can be used for continuous tracking of the touch pressure. It provides information for one finger (the first one).
+
+At the beginning of the gesture, the pressure factor is 0.0. As the pressure increases, the pressure factor increases proportionally. The maximum pressure is 1.0.
+
+There's no implementation provided on Android and it simply renders children without any wrappers.
+Since this behaviour is only provided on some iOS devices, this gesture should not be used for defining any crucial behaviors. Use it only as an additional improvement and make all features to be accessed without this gesture as well.
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  // highlight-next-line
+  const forceTouch = Gesture.ForceTouch();
+
+  return (
+    <GestureDetector gesture={forceTouch}>
+      <View />
+    </GestureDetector>
+  );
+}
+```
+
+## Config
+
+### Properties specific to `ForceTouchGesture`:
+
+### `minForce(value: number)`
+
+A minimal pressure that is required before gesture can [activate](/docs/2.x/fundamentals/states-events#active). Should be a value from range `[0.0, 1.0]`. Default is `0.2`.
+
+### `maxForce(value: number)`
+
+A maximal pressure that could be applied for gesture. If the pressure is greater, gesture [fails](/docs/2.x/fundamentals/states-events#failed). Should be a value from range `[0.0, 1.0]`.
+
+### `feedbackOnActivation(value: boolean)`
+
+Value defining if haptic feedback has to be performed on activation.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `ForceTouchGesture`:
+
+### `force`
+
+The pressure of a touch.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-composition.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-composition.md
new file mode 100644
index 0000000000..1324dd513e
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-composition.md
@@ -0,0 +1,400 @@
+Composing gestures is much simpler in RNGH2, you don't need to create a ref for every gesture that depends on another one. Instead you can use `Race`, `Simultaneous` and `Exclusive` methods provided by the `Gesture` object.
+
+## Race
+
+Only one of the provided gestures can become active at the same time. The first gesture to become active will cancel the rest of the gestures. It accepts variable number of arguments.
+It is the equivalent to having more than one gesture handler without defining `simultaneousHandlers` and `waitFor` props.
+
+For example, lets say that you have a component that you want to make draggable but you also want to show additional options on long press. Presumably you would not want the component to move after the long press activates. You can accomplish this using `Race`:
+
+> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+
+```js
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withTiming,
+} from 'react-native-reanimated';
+
+function App() {
+  const offset = useSharedValue({ x: 0, y: 0 });
+  const start = useSharedValue({ x: 0, y: 0 });
+  const popupPosition = useSharedValue({ x: 0, y: 0 });
+  const popupAlpha = useSharedValue(0);
+
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: offset.value.x },
+        { translateY: offset.value.y },
+      ],
+    };
+  });
+
+  const animatedPopupStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: popupPosition.value.x },
+        { translateY: popupPosition.value.y },
+      ],
+      opacity: popupAlpha.value,
+    };
+  });
+
+  const dragGesture = Gesture.Pan()
+    .onStart((_e) => {
+      popupAlpha.value = withTiming(0);
+    })
+    .onUpdate((e) => {
+      offset.value = {
+        x: e.translationX + start.value.x,
+        y: e.translationY + start.value.y,
+      };
+    })
+    .onEnd(() => {
+      start.value = {
+        x: offset.value.x,
+        y: offset.value.y,
+      };
+    });
+
+  const longPressGesture = Gesture.LongPress().onStart((_event) => {
+    popupPosition.value = { x: offset.value.x, y: offset.value.y };
+    popupAlpha.value = withTiming(1);
+  });
+
+  const composed = Gesture.Race(dragGesture, longPressGesture);
+
+  return (
+    <Animated.View>
+      <Popup style={animatedPopupStyles} />
+      <GestureDetector gesture={composed}>
+        <Component style={animatedStyles} />
+      </GestureDetector>
+    </Animated.View>
+  );
+}
+```
+
+## Simultaneous
+
+All of the provided gestures can activate at the same time. Activation of one will not cancel the other.
+It is the equivalent to having some gesture handlers, each with `simultaneousHandlers` prop set to the other handlers.
+
+For example, if you want to make a gallery app, you might want user to be able to zoom, rotate and pan around photos. You can do it with `Simultaneous`:
+
+> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+
+```js
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
+
+function App() {
+  const offset = useSharedValue({ x: 0, y: 0 });
+  const start = useSharedValue({ x: 0, y: 0 });
+  const scale = useSharedValue(1);
+  const savedScale = useSharedValue(1);
+  const rotation = useSharedValue(0);
+  const savedRotation = useSharedValue(0);
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateX: offset.value.x },
+        { translateY: offset.value.y },
+        { scale: scale.value },
+        { rotateZ: `${rotation.value}rad` },
+      ],
+    };
+  });
+
+  const dragGesture = Gesture.Pan()
+    .averageTouches(true)
+    .onUpdate((e) => {
+      offset.value = {
+        x: e.translationX + start.value.x,
+        y: e.translationY + start.value.y,
+      };
+    })
+    .onEnd(() => {
+      start.value = {
+        x: offset.value.x,
+        y: offset.value.y,
+      };
+    });
+
+  const zoomGesture = Gesture.Pinch()
+    .onUpdate((event) => {
+      scale.value = savedScale.value * event.scale;
+    })
+    .onEnd(() => {
+      savedScale.value = scale.value;
+    });
+
+  const rotateGesture = Gesture.Rotation()
+    .onUpdate((event) => {
+      rotation.value = savedRotation.value + event.rotation;
+    })
+    .onEnd(() => {
+      savedRotation.value = rotation.value;
+    });
+
+  const composed = Gesture.Simultaneous(
+    dragGesture,
+    Gesture.Simultaneous(zoomGesture, rotateGesture)
+  );
+
+  return (
+    <Animated.View>
+      <GestureDetector gesture={composed}>
+        <Photo style={animatedStyles} />
+      </GestureDetector>
+    </Animated.View>
+  );
+}
+```
+
+## Exclusive
+
+Only one of the provided gestures can become active, with the first one having a higher priority than the second one (if both gestures are still possible, the second one will wait for the first one to fail before it activates), second one having a higher priority than the third one, and so on.
+It is equivalent to having some gesture handlers where the second one has the `waitFor` prop set to the first handler, third one has the `waitFor` prop set to the first and the second one, and so on.
+
+For example, if you want to make a component that responds to single tap as well as to a double tap, you can accomplish that using `Exclusive`:
+
+> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+
+```js
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  const singleTap = Gesture.Tap().onEnd((_event, success) => {
+    if (success) {
+      console.log('single tap!');
+    }
+  });
+  const doubleTap = Gesture.Tap()
+    .numberOfTaps(2)
+    .onEnd((_event, success) => {
+      if (success) {
+        console.log('double tap!');
+      }
+    });
+
+  const taps = Gesture.Exclusive(doubleTap, singleTap);
+
+  return (
+    <GestureDetector gesture={taps}>
+      <Component />
+    </GestureDetector>
+  );
+}
+```
+
+# Cross-component interactions
+
+You may have noticed that gesture composition described above requires you to mount all of the composed gestures under a single `GestureDetector`, effectively attaching them to the same underlying component. You can customize how gestures interact with each other across multiple components in a couple of ways:
+
+## requireExternalGestureToFail
+
+`requireExternalGestureToFail` allows to delay activation of the handler until all handlers passed as arguments to this method fail (or don't begin at all).
+
+For example, you may want to have two nested components, both of them can be tapped by the user to trigger different actions: outer view requires one tap, but the inner one requires 2 taps. If you don't want the first tap on the inner view to activate the outer handler, you must make the outer gesture wait until the inner one fails:
+
+```jsx
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  Gesture,
+  GestureHandlerRootView,
+} from 'react-native-gesture-handler';
+
+export default function Example() {
+  const innerTap = Gesture.Tap()
+    .numberOfTaps(2)
+    .onStart(() => {
+      console.log('inner tap');
+    });
+
+  const outerTap = Gesture.Tap()
+    .onStart(() => {
+      console.log('outer tap');
+    })
+    .requireExternalGestureToFail(innerTap);
+
+  return (
+    <GestureHandlerRootView style={styles.container}>
+      <GestureDetector gesture={outerTap}>
+        <View style={styles.outer}>
+          <GestureDetector gesture={innerTap}>
+            <View style={styles.inner} />
+          </GestureDetector>
+        </View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  outer: {
+    width: 250,
+    height: 250,
+    backgroundColor: 'lightblue',
+  },
+  inner: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'blue',
+    alignSelf: 'center',
+  },
+});
+```
+
+## blocksExternalGesture
+
+`blocksExternalGesture` works similarly to `requireExternalGestureToFail` but the direction of the relation is reversed - instead of being one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
+
+```jsx
+import React, { useRef } from 'react';
+import { StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  Gesture,
+  GestureHandlerRootView,
+  ScrollView,
+} from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withTiming,
+} from 'react-native-reanimated';
+
+const ITEMS = ['red', 'green', 'blue', 'yellow'];
+
+function Item({ backgroundColor, scrollRef }) {
+  const scale = useSharedValue(1);
+  const zIndex = useSharedValue(1);
+
+  const pinch = Gesture.Pinch()
+    .blocksExternalGesture(scrollRef)
+    .onBegin(() => {
+      zIndex.value = 100;
+    })
+    .onChange((e) => {
+      scale.value *= e.scaleChange;
+    })
+    .onFinalize(() => {
+      scale.value = withTiming(1, undefined, (finished) => {
+        if (finished) {
+          zIndex.value = 1;
+        }
+      });
+    });
+
+  const animatedStyles = useAnimatedStyle(() => ({
+    transform: [{ scale: scale.value }],
+    zIndex: zIndex.value,
+  }));
+
+  return (
+    <GestureDetector gesture={pinch}>
+      <Animated.View
+        style={[
+          { backgroundColor: backgroundColor },
+          styles.item,
+          animatedStyles,
+        ]}
+      />
+    </GestureDetector>
+  );
+}
+
+export default function Example() {
+  const scrollRef = useRef();
+
+  return (
+    <GestureHandlerRootView style={styles.container}>
+      <ScrollView style={styles.container} ref={scrollRef}>
+        {ITEMS.map((item) => (
+          <Item backgroundColor={item} key={item} scrollRef={scrollRef} />
+        ))}
+      </ScrollView>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  item: {
+    flex: 1,
+    aspectRatio: 1,
+  },
+});
+```
+
+## simultaneousWithExternalGesture
+
+`simultaneousWithExternalGesture` allows gestures across different components to be recognized simultaneously. For example, you may want to have two nested views, both with tap gesture attached. Both of them require one tap, but tapping the inner one should also activate the gesture attached to the outer view:
+
+```jsx
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import {
+  GestureDetector,
+  Gesture,
+  GestureHandlerRootView,
+} from 'react-native-gesture-handler';
+
+export default function Example() {
+  const innerTap = Gesture.Tap().onStart(() => {
+    console.log('inner tap');
+  });
+
+  const outerTap = Gesture.Tap()
+    .onStart(() => {
+      console.log('outer tap');
+    })
+    .simultaneousWithExternalGesture(innerTap);
+
+  return (
+    <GestureHandlerRootView style={styles.container}>
+      <GestureDetector gesture={outerTap}>
+        <View style={styles.outer}>
+          <GestureDetector gesture={innerTap}>
+            <View style={styles.inner} />
+          </GestureDetector>
+        </View>
+      </GestureDetector>
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  outer: {
+    width: 250,
+    height: 250,
+    backgroundColor: 'lightblue',
+  },
+  inner: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'blue',
+    alignSelf: 'center',
+  },
+});
+```
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-detector.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-detector.md
new file mode 100644
index 0000000000..b3fc018b72
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-detector.md
@@ -0,0 +1,72 @@
+`GestureDetector` is the main component of the RNGH2. It is responsible for creating and updating native gesture handlers based on the config of provided gesture. The most significant difference between it and old gesture handlers is that the `GestureDetector` can recognize more than one gesture at the time thanks to gesture composition. Keep in mind that `GestureDetector` is not compatible with the [Animated API](https://reactnative.dev/docs/animated), nor with [Reanimated 1](https://docs.swmansion.com/react-native-reanimated/docs/1.x/).
+
+## Reference
+
+```javascript
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+function App() {
+  const tap = Gesture.Tap();
+  return (
+    // highlight-next-line
+    <GestureDetector gesture={tap}>
+      <Animated.View />
+      // highlight-next-line
+    </GestureDetector>
+  );
+}
+```
+
+## Properties
+
+### `gesture`
+
+A gesture object containing the configuration and callbacks. Can be any of the base gestures (`Tap`, `Pan`, `LongPress`, `Fling`, `Pinch`, `Rotation`, `ForceTouch`) or any [`ComposedGesture`](./composed-gestures.md) (`Race`, `Simultaneous`, `Exclusive`).
+
+> **Info**
+>
+> GestureDetector will decide whether to use Reanimated to process provided gestures based on callbacks they have. If any of the callbacks is a worklet, tools provided by the Reanimated will be utilized bringing ability to handle gestures synchronously.
+>
+> Starting with Reanimated 2.3.0 Gesture Handler will provide a [StateManager](/docs/2.x/gestures/state-manager) in the [touch events](/docs/2.x/gestures/touch-events) that allows for managing the state of the gesture.
+
+### `userSelect` (Web only)
+
+This parameter allows to specify which `userSelect` property should be applied to underlying view. Possible values are `"none" | "auto" | "text"`. Default value is set to `"none"`.
+
+### `touchAction` (Web only)
+
+This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS `touch-action` values (e.g. `"none"`, `"pan-y"`). Default value is set to `"none"`.
+
+### `enableContextMenu(value: boolean)` (Web only)
+
+Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false`.
+
+## Remarks
+
+* Gesture Detector will use first native view in its subtree to recognize gestures, however if this view is used only to group its children it may get automatically [collapsed](https://reactnative.dev/docs/view#collapsable-android). Consider this example:
+
+  If we were to remove the collapsable prop from the View, the gesture would stop working because it would be attached to a view that is not present in the view hierarchy. Gesture Detector adds this prop automatically to its direct child but it's impossible to do automatically for more complex view trees.
+
+* Using the same instance of a gesture across multiple Gesture Detectors is not possible. Have a look at the code below:
+
+  ```jsx
+  export default function Example() {
+    const pan = Gesture.Pan();
+
+    return (
+      <View>
+        <GestureDetector gesture={pan}>
+          <View>
+            <GestureDetector gesture={pan}>
+              {' '}
+              {/* Don't do this! */}
+              <View />
+            </GestureDetector>
+          </View>
+        </GestureDetector>
+      </View>
+    );
+  }
+  ```
+
+  This example will throw an error, becuse we try to use the same instance of `Pan` in two different Gesture Detectors.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture.md
new file mode 100644
index 0000000000..77be93741f
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture.md
@@ -0,0 +1,90 @@
+`Gesture` is the object that allows you to create and compose gestures.
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  // highlight-next-line
+  const tap = Gesture.Tap();
+
+  return (
+    <GestureDetector gesture={tap}>
+      <Animated.View />
+    </GestureDetector>
+  );
+}
+```
+
+### Gesture.Tap()
+
+Creates a new instance of [`TapGesture`](/docs/2.x/gestures/tap-gesture) with its default config and no callbacks.
+
+### Gesture.Pan()
+
+Creates a new instance of [`PanGesture`](/docs/2.x/gestures/pan-gesture) with its default config and no callbacks.
+
+### Gesture.LongPress()
+
+Creates a new instance of [`LongPressGesture`](/docs/2.x/gestures/long-press-gesture) with its default config and no callbacks.
+
+### Gesture.Fling()
+
+Creates a new instance of [`FlingGesture`](/docs/2.x/gestures/fling-gesture) with its default config and no callbacks.
+
+### Gesture.Pinch()
+
+Creates a new instance of [`PinchGesture`](/docs/2.x/gestures/pinch-gesture) with its default config and no callbacks.
+
+### Gesture.Rotation()
+
+Creates a new instance of [`RotationGesture`](/docs/2.x/gestures/rotation-gesture) with its default config and no callbacks.
+
+### Gesture.Hover()
+
+Creates a new instance of [`HoverGesture`](/docs/2.x/gestures/hover-gesture) with its default config and no callbacks.
+
+### Gesture.ForceTouch()
+
+Creates a new instance of [`ForceTouchGesture`](/docs/2.x/gestures/force-touch-gesture) with its default config and no callbacks.
+
+### Gesture.Manual()
+
+Creates a new instance of [`ManualGesture`](/docs/2.x/gestures/manual-gesture) with its default config and no callbacks.
+
+### Gesture.Native()
+
+Creates a new instance of [`NativeGesture`](/docs/2.x/gestures/native-gesture) with its default config and no callbacks.
+
+### Gesture.Race(gesture1, gesture2, gesture3, ...): ComposedGesture
+
+Creates a gesture composed of those provided as arguments. Only one of those can become active and there are no restrictions to the activation of the gesture. The first one to activate will cancel all the others.
+
+### Gesture.Simultaneous(gesture1, gesture2, gesture3, ...): ComposedGesture
+
+Creates a gesture composed of those provided as arguments. All of them can become active without cancelling the others.
+
+### Gesture.Exclusive(gesture1, gesture2, gesture3, ...): ComposedGesture
+
+Creates a gesture composed of those provided as arguments. Only one of them can become active, but the first one has a higher priority than the second one, the second one has a higher priority than the third one, and so on. When all gestures are in the `BEGAN` state and the activation criteria for the second one is met, instead of activating it will wait until the first one fails (and only then it will activate) or until the first one activates (and then the second one will get cancelled). It is useful when you want to compose gestures with similar activation criteria (e.g. single and double tap at the same component, without Exclusive the single tap would activate every time user taps thus cancelling the double tap).
+
+## Remarks
+
+* Consider wrapping your gesture configurations with `useMemo`, as it will reduce the amount of work Gesture Handler has to do under the hood when updating gestures. For example:
+
+```jsx
+import React from 'react';
+
+function App() {
+  const gesture = React.useMemo(
+    () =>
+      Gesture.Tap().onStart(() => {
+        console.log('Number of taps:', tapNumber + 1);
+        setTapNumber((value) => value + 1);
+      }),
+    [tapNumber, setTapNumber]
+  );
+  // ...
+}
+```
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/hover-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/hover-gesture.md
new file mode 100644
index 0000000000..d6db143eee
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/hover-gesture.md
@@ -0,0 +1,76 @@
+A continuous gesture that can recognize hovering above the view it's attached to. The hover effect may be activated by moving a mouse or a stylus over the view.
+
+On iOS additional visual effects may be configured.
+
+Hover Gesture
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  // highlight-next-line
+  const hover = Gesture.Hover();
+
+  return (
+    <GestureDetector gesture={hover}>
+      <View />
+    </GestureDetector>
+  );
+}
+```
+
+## Remarks
+
+* Don't rely on `Hover` gesture to continue after the mouse button is clicked or the stylus touches the screen. If you want to handle both cases, [compose](/docs/2.x/fundamentals/gesture-composition) it with [`Pan` gesture](/docs/2.x/gestures/pan-gesture).
+
+## Config
+
+### Properties specific to `HoverGesture`:
+
+### `effect(effect: HoverEffect)` (iOS only)
+
+```js
+import { HoverEffect } from 'react-native-gesture-handler';
+```
+
+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`
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `HoverGesture`:
+
+### `x`
+
+X coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `y`
+
+Y coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `absoluteX`
+
+X coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+### `stylusData`
+
+Object that contains additional information about `stylus`. It consists of the following fields:
+
+* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
+* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
+* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
+* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
+* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/long-press-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/long-press-gesture.md
new file mode 100644
index 0000000000..98ba23743f
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/long-press-gesture.md
@@ -0,0 +1,88 @@
+A discrete gesture that activates when the corresponding view is pressed for a sufficiently long time.
+This gesture's state will turn into [END](/docs/2.x/fundamentals/states-events#end) immediately after the finger is released.
+The gesture will fail to recognize a touch event if the finger is lifted before the [minimum required time](/docs/2.x/gestures/long-press-gesture#mindurationvalue-number) or if the finger is moved further than the [allowable distance](/docs/2.x/gestures/long-press-gesture#maxdistancevalue-number).
+
+Long Press Gesture
+
+## Example
+
+```jsx
+import { View, StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+export default function App() {
+  // highlight-next-line
+  const longPressGesture = Gesture.LongPress().onEnd((e, success) => {
+    if (success) {
+      console.log(`Long pressed for ${e.duration} ms!`);
+    }
+  });
+
+  return (
+    <GestureDetector gesture={longPressGesture}>
+      <View style={styles.box} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Config
+
+### Properties specific to `LongPressGesture`:
+
+### `minDuration(value: number)`
+
+Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view. The default value is 500.
+
+### `maxDistance(value: number)`
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture. If the finger travels further than the defined distance and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture. The default value is 10.
+
+### `mouseButton(value: MouseButton)` (Web & Android only)
+
+Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
+
+* `LEFT`
+* `RIGHT`
+* `MIDDLE`
+* `BUTTON_4`
+* `BUTTON_5`
+* `ALL`
+
+Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `LongPressGesture`:
+
+### `x`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
+
+### `y`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
+
+### `absoluteX`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
+
+### `duration`
+
+Duration of the long press (time since the start of the gesture), expressed in milliseconds.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/manual-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/manual-gesture.md
new file mode 100644
index 0000000000..003d5ff507
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/manual-gesture.md
@@ -0,0 +1,24 @@
+A plain gesture that has no specific activation criteria nor event data set. Its state has to be controlled manually using a [state manager](/docs/2.x/gestures/state-manager). It will not fail when all the pointers are lifted from the screen.
+
+## Reference
+
+```jsx
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+
+function App() {
+  // highlight-next-line
+  const manual = Gesture.Manual();
+
+  return (
+    <GestureDetector gesture={manual}>
+      <Animated.View />
+    </GestureDetector>
+  );
+}
+```
+
+## Config
+
+## Callbacks
+
+## Event data
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/native-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/native-gesture.md
new file mode 100644
index 0000000000..183194b4db
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/native-gesture.md
@@ -0,0 +1,81 @@
+A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/2.x/fundamentals/gesture-composition) with other gestures.
+
+When used, the native component should be the direct child of a `GestureDetector`.
+
+## Example
+
+This example renders a `ScrollView` with multiple colored rectangles, where each rectangle has a black section. Starting a touch on a black section will disable the `ScrollView` for the duration of the `Pan` gesture.
+
+```jsx
+import { View, ScrollView } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+const COLORS = ['red', 'green', 'blue', 'purple', 'orange', 'cyan'];
+
+export default function App() {
+  // highlight-next-line
+  const native = Gesture.Native();
+
+  return (
+    <GestureDetector gesture={native}>
+      <ScrollView style={{ flex: 1 }}>
+        <ScrollableContent scrollGesture={native} />
+      </ScrollView>
+    </GestureDetector>
+  );
+}
+
+function ScrollableContent({ scrollGesture }) {
+  return (
+    <View>
+      {COLORS.map((color) => (
+        <Rectangle key={color} color={color} scrollGesture={scrollGesture} />
+      ))}
+    </View>
+  );
+}
+
+function Rectangle({ color, scrollGesture }) {
+  const pan = Gesture.Pan().blocksExternalGesture(scrollGesture);
+
+  return (
+    <View
+      key={color}
+      style={{ width: '100%', height: 250, backgroundColor: color }}>
+      <GestureDetector gesture={pan}>
+        <View style={{ width: '100%', height: 50, backgroundColor: 'black' }} />
+      </GestureDetector>
+    </View>
+  );
+}
+```
+
+## Remarks
+
+* `Native` gesture can be used as part of [gesture composition and cross-component interactions](/docs/2.x/fundamentals/gesture-composition) just like any other gesture. You can use this to block a native component for the duration of the gesture or to make it work alongside a gesture.
+
+> **Danger**
+>
+> Do not use `Native` gesture with components exported by React Native Gesture Handler. Those come with a native gesture handler preapplied. Attaching a native gesture twice will likely result in the components not working as intended.
+
+## Config
+
+### Properties specific to `NativeGesture`:
+
+### `shouldActivateOnStart(value: boolean)` (**Android only**)
+
+When `true`, underlying handler will activate unconditionally when it receives any touches in [`BEGAN`](/docs/2.x/fundamentals/states-events#began) or [`UNDETERMINED`](/docs/2.x/fundamentals/states-events#undetermined) state.
+
+### `disallowInterruption(value: boolean)`
+
+When `true`, cancels all other gesture handlers when this `NativeViewGestureHandler` changes its state to [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `NativeGesture`:
+
+### `pointerInside`
+
+True if gesture was performed inside of containing view, false otherwise.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/pan-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/pan-gesture.md
new file mode 100644
index 0000000000..b733161650
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/pan-gesture.md
@@ -0,0 +1,197 @@
+A continuous gesture that can recognize a panning (dragging) gesture and track its movement.
+
+The gesture [activates](/docs/2.x/fundamentals/states-events#active) when a finger is placed on the screen and moved some initial distance.
+
+Configurations such as a minimum initial distance, specific vertical or horizontal pan detection and [number of fingers](/docs/2.x/gestures/pan-gesture#minpointersvalue-number) required for activation (allowing for multifinger swipes) may be specified.
+
+Gesture callback can be used for continuous tracking of the pan gesture. It provides information about the gesture such as its XY translation from the starting point as well as its instantaneous velocity.
+
+Pan Gesture
+
+## Example
+
+```jsx
+import { StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  withTiming,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
+
+const END_POSITION = 200;
+
+export default function App() {
+  const onLeft = useSharedValue(true);
+  const position = useSharedValue(0);
+
+  // highlight-next-line
+  const panGesture = Gesture.Pan()
+    .onUpdate((e) => {
+      if (onLeft.value) {
+        position.value = e.translationX;
+      } else {
+        position.value = END_POSITION + e.translationX;
+      }
+    })
+    .onEnd((e) => {
+      if (position.value > END_POSITION / 2) {
+        position.value = withTiming(END_POSITION, { duration: 100 });
+        onLeft.value = false;
+      } else {
+        position.value = withTiming(0, { duration: 100 });
+        onLeft.value = true;
+      }
+    });
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: position.value }],
+  }));
+
+  return (
+    // highlight-next-line
+    <GestureDetector gesture={panGesture}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Multi touch pan handling
+
+If your app relies on multi touch pan handling this section provides some information how the default behavior differs between the platform and how (if necessary) it can be unified.
+
+The difference in multi touch pan handling lies in the way how translation properties during the event are being calculated.
+On iOS the default behavior when more than one finger is placed on the screen is to treat this situation as if only one pointer was placed in the center of mass (average position of all the pointers).
+This applies also to many platform native components that handle touch even if not primarily interested in multi touch interactions like for example UIScrollView component.
+
+On Android, the default behavior for native components like scroll view, pager views or drawers is different and hence gesture defaults to that when it comes to pan handling.
+The difference is that instead of treating the center of mass of all the fingers placed as a leading pointer it takes the latest placed finger as such.
+This behavior can be changed on Android using [`averageTouches`](#averagetouchesvalue-boolean-android-only) flag.
+
+Note that on both Android and iOS when the additional finger is placed on the screen that translation prop is not affected even though the position of the pointer being tracked might have changed.
+Therefore it is safe to rely on translation most of the time as it only reflects the movement that happens regardless of how many fingers are placed on the screen and if that number changes over time.
+If you wish to track the "center of mass" virtual pointer and account for its changes when the number of finger changes you can use relative or absolute position provided in the event ([`x`](#x) and [`y`](#y) or [`absoluteX`](#absolutex) and [`absoluteY`](#absolutey)).
+
+## Config
+
+### Properties specific to `PanGesture`:
+
+### `minDistance(value: number)`
+
+Minimum distance the finger (or multiple finger) need to travel before the gesture [activates](/docs/2.x/fundamentals/states-events#active). Expressed in points.
+
+### `minPointers(value: number)`
+
+A number of fingers that is required to be placed before gesture can [activate](/docs/2.x/fundamentals/states-events#active). Should be a higher or equal to 0 integer.
+
+### `maxPointers(value: number)`
+
+When the given number of fingers is placed on the screen and gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active) it will fail recognizing the gesture. Should be a higher or equal to 0 integer.
+
+### `activateAfterLongPress(duration: number)`
+
+Duration in milliseconds of the `LongPress` gesture before `Pan` is allowed to [activate](/docs/2.x/fundamentals/states-events#active). If the finger is moved during that period, the gesture will [fail](/docs/2.x/fundamentals/states-events#failed). Should be a higher or equal to 0 integer. Default value is 0, meaning no `LongPress` is required to [activate](/docs/2.x/fundamentals/states-events#active) the `Pan`.
+
+### `activeOffsetX(value: number | number[])`
+
+Range along X axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### `activeOffsetY(value: number | number[])`
+
+Range along Y axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### `failOffsetY(value: number | number[])`
+
+When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### `failOffsetX(value: number | number[])`
+
+When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
+If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
+If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
+
+### `averageTouches(value: boolean)` (Android only)
+
+Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
+
+### `enableTrackpadTwoFingerGesture(value: boolean)` (iOS only)
+
+Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with enableTrackpadTwoFingerGesture swiping with two fingers will also trigger the gesture.
+
+### `mouseButton(value: MouseButton)` (Web & Android only)
+
+Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
+
+* `LEFT`
+* `RIGHT`
+* `MIDDLE`
+* `BUTTON_4`
+* `BUTTON_5`
+* `ALL`
+
+Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `PanGesture`:
+
+### `translationX`
+
+Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+### `translationY`
+
+Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+### `velocityX`
+
+Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
+
+### `velocityY`
+
+Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
+
+### `x`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `y`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `absoluteX`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
+
+### `stylusData`
+
+Object that contains additional information about `stylus`. It consists of the following fields:
+
+* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
+* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
+* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
+* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
+* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/pinch-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/pinch-gesture.md
new file mode 100644
index 0000000000..7fa1b35dd3
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/pinch-gesture.md
@@ -0,0 +1,83 @@
+A continuous gesture that recognizes pinch gesture. It allows for tracking the distance between two fingers and use that information to scale or zoom your content.
+The gesture [activates](/docs/2.x/fundamentals/states-events#active) when fingers are placed on the screen and change their position.
+Gesture callback can be used for continuous tracking of the pinch gesture. It provides information about velocity, anchor (focal) point of gesture and scale.
+
+The distance between the fingers is reported as a scale factor. At the beginning of the gesture, the scale factor is 1.0. As the distance between the two fingers increases, the scale factor increases proportionally.
+Similarly, the scale factor decreases as the distance between the fingers decreases.
+Pinch gestures are used most commonly to change the size of objects or content onscreen.
+For example, map views use pinch gestures to change the zoom level of the map.
+
+Pinch Gesture
+
+## Example
+
+```jsx
+import { StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
+
+export default function App() {
+  const scale = useSharedValue(1);
+  const savedScale = useSharedValue(1);
+
+  // highlight-next-line
+  const pinchGesture = Gesture.Pinch()
+    .onUpdate((e) => {
+      scale.value = savedScale.value * e.scale;
+    })
+    .onEnd(() => {
+      savedScale.value = scale.value;
+    });
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ scale: scale.value }],
+  }));
+
+  return (
+    <GestureDetector gesture={pinchGesture}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Remarks
+
+* When implementing pinch based on `focal` point, make sure to use it after gesture has activated, i.e. in `onStart`, `onUpdate` or `onChange` callbacks. Using it in `onBegan` may lead to unexpected behavior.
+
+## Config
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `PinchGesture`:
+
+### `scale`
+
+The scale factor relative to the points of the two touches in screen coordinates.
+
+### `velocity`
+
+Velocity of the pan gesture the current moment. The value is expressed in scale factor per second.
+
+### `focalX`
+
+Position expressed in points along X axis of center anchor point of gesture
+
+### `focalY`
+
+Position expressed in points along Y axis of center anchor point of gesture
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/rotation-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/rotation-gesture.md
new file mode 100644
index 0000000000..8b6f3d97b5
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/rotation-gesture.md
@@ -0,0 +1,80 @@
+A continuous gesture that can recognize a rotation gesture and track its movement.
+
+The gesture [activates](/docs/2.x/fundamentals/states-events#active) when fingers are placed on the screen and change position in a proper way.
+
+Gesture callback can be used for continuous tracking of the rotation gesture. It provides information about the gesture such as the amount rotated, the focal point of the rotation (anchor), and its instantaneous velocity.
+
+Rotation Gesture
+
+## Example
+
+```jsx
+import { StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
+
+export default function App() {
+  const rotation = useSharedValue(1);
+  const savedRotation = useSharedValue(1);
+
+  // highlight-next-line
+  const rotationGesture = Gesture.Rotation()
+    .onUpdate((e) => {
+      rotation.value = savedRotation.value + e.rotation;
+    })
+    .onEnd(() => {
+      savedRotation.value = rotation.value;
+    });
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ rotateZ: `${(rotation.value / Math.PI) * 180}deg` }],
+  }));
+
+  return (
+    <GestureDetector gesture={rotationGesture}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Remarks
+
+* When implementing rotation based on `anchor` point, make sure to use it after gesture has activated, i.e. in `onStart`, `onUpdate` or `onChange` callbacks. Using it in `onBegan` may lead to unexpected behavior.
+
+## Config
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `RotationGesture`:
+
+### `rotation`
+
+Amount rotated, expressed in radians, from the gesture's focal point (anchor).
+
+### `velocity`
+
+Instantaneous velocity, expressed in point units per second, of the gesture.
+
+### `anchorX`
+
+X coordinate, expressed in points, of the gesture's central focal point (anchor).
+
+### `anchorY`
+
+Y coordinate, expressed in points, of the gesture's central focal point (anchor).
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/state-manager.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/state-manager.md
new file mode 100644
index 0000000000..dd4ac72148
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/state-manager.md
@@ -0,0 +1,20 @@
+`GestureStateManager` allows to manually control the state of the gestures. Please note that `react-native-reanimated` is required to use it, since it allows for synchronously executing methods in worklets.
+
+## Methods
+
+### `begin()`
+
+Transition the gesture to the [`BEGAN`](/docs/2.x/fundamentals/states-events#began) state. This method will have no effect if the gesture has already activated or finished.
+
+### `activate()`
+
+Transition the gesture to the [`ACTIVE`](/docs/2.x/fundamentals/states-events#active) state. This method will have no effect if the handler is already active, or has finished.
+If the gesture is [`exclusive`](/docs/2.x/fundamentals/gesture-composition) with another one, the activation will be delayed until the gesture with higher priority fails.
+
+### `end()`
+
+Transition the gesture to the [`END`](/docs/2.x/fundamentals/states-events#end) state. This method will have no effect if the handler has already finished.
+
+### `fail()`
+
+Transition the gesture to the [`FAILED`](/docs/2.x/fundamentals/states-events#failed) state. This method will have no effect if the handler has already finished.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/tap-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/tap-gesture.md
new file mode 100644
index 0000000000..d905fc00fb
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/tap-gesture.md
@@ -0,0 +1,117 @@
+A discrete gesture that recognizes one or many taps.
+
+Tap gestures detect one or more fingers briefly touching the screen.
+The fingers involved in these gestures must not move significantly from their initial touch positions.
+The required number of taps and allowed distance from initial position may be configured.
+For example, you might configure tap gesture recognizers to detect single taps, double taps, or triple taps.
+
+In order for a gesture to [activate](/docs/2.x/fundamentals/states-events#active), specified gesture requirements such as minPointers, numberOfTaps, maxDist, maxDuration, and maxDelayMs (explained below) must be met. Immediately after the gesture [activates](/docs/2.x/fundamentals/states-events#active), it will [end](/docs/2.x/fundamentals/states-events#end).
+
+Tap Gesture
+
+## Example
+
+```jsx
+import { View, StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+export default function App() {
+  // highlight-next-line
+  const singleTap = Gesture.Tap()
+    .maxDuration(250)
+    .onStart(() => {
+      console.log('Single tap!');
+    });
+
+  // highlight-next-line
+  const doubleTap = Gesture.Tap()
+    .maxDuration(250)
+    .numberOfTaps(2)
+    .onStart(() => {
+      console.log('Double tap!');
+    });
+
+  return (
+    <GestureDetector gesture={Gesture.Exclusive(doubleTap, singleTap)}>
+      <View style={styles.box} />
+    </GestureDetector>
+  );
+}
+
+const styles = StyleSheet.create({
+  box: {
+    height: 120,
+    width: 120,
+    backgroundColor: '#b58df1',
+    borderRadius: 20,
+    marginBottom: 30,
+  },
+});
+```
+
+## Config
+
+### Properties specific to `TapGesture`:
+
+### `minPointers(value: number)`
+
+Minimum number of pointers (fingers) required to be placed before the gesture [activates](/docs/2.x/fundamentals/states-events#active). Should be a positive integer. The default value is 1.
+
+### `maxDuration(value: number)`
+
+Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch. The default value is 500.
+
+### `maxDelay(value: number)`
+
+Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required. The default value is 500.
+
+### `numberOfTaps(value: number)`
+
+Number of tap gestures required to [activate](/docs/2.x/fundamentals/states-events#active) the gesture. The default value is 1.
+
+### `maxDeltaX(value: number)`
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. If the finger travels further than the defined distance along the X axis and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
+
+### `maxDeltaY(value: number)`
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. If the finger travels further than the defined distance along the Y axis and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
+
+### `maxDistance(value: number)`
+
+Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture. If the finger travels further than the defined distance and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
+
+### `mouseButton(value: MouseButton)` (Web & Android only)
+
+Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
+
+* `LEFT`
+* `RIGHT`
+* `MIDDLE`
+* `BUTTON_4`
+* `BUTTON_5`
+* `ALL`
+
+Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
+
+## Callbacks
+
+## Event data
+
+### Event attributes specific to `TapGesture`:
+
+### `x`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
+
+### `y`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
+
+### `absoluteX`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/touch-events.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/touch-events.md
new file mode 100644
index 0000000000..06a6834c74
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/legacy-gestures/touch-events.md
@@ -0,0 +1,43 @@
+### Touch event attributes:
+
+### `eventType`
+
+Type of the current event - whether the finger was placed on the screen, moved, lifted or cancelled.
+
+### `changedTouches`
+
+An array of objects where every object represents a single touch. Contains information only about the touches that were affected by the event i.e. those that were placed down, moved, lifted or cancelled.
+
+### `allTouches`
+
+An array of objects where every object represents a single touch. Contains information about all active touches.
+
+### `numberOfTouches`
+
+Number representing the count of currently active touches.
+
+> **Caution**
+>
+> Don't rely on the order of items in the `touches` as it may change during the gesture, instead use the `id` attribute to track individual touches across events.
+
+### PointerData attributes:
+
+### `id`
+
+A number representing id of the touch. It may be used to track the touch between events as the id will not change while it is being tracked.
+
+### `x`
+
+X coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `y`
+
+Y coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
+
+### `absoluteX`
+
+X coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
+
+### `absoluteY`
+
+Y coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/under-the-hood/how-does-it-work.md b/packages/docs-gesture-handler/static/raw/under-the-hood/how-does-it-work.md
new file mode 100644
index 0000000000..e1c34a8bc4
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/under-the-hood/how-does-it-work.md
@@ -0,0 +1,16 @@
+### Units
+
+All handler component properties and event attributes that represent onscreen dimensions are expressed in screen density independent units we refer to as "points".
+These are the units commonly used in React Native ecosystem (e.g. in the [layout system](http://reactnative.dev/docs/flexbox.html)).
+They do not map directly to physical pixels but instead to [iOS's points](https://developer.apple.com/library/content/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html#//apple_ref/doc/uid/TP40010156-CH14-SW7) and to [dp](https://developer.android.com/guide/topics/resources/more-resources#Dimension) units on Android.
+
+## iOS
+
+All gestures are implemented using [UIGestureRecognizers](https://developer.apple.com/documentation/uikit/uigesturerecognizer?language=objc). Some of them have been slightly modified to allow for more customization and to conform to the [state flow](/docs/fundamentals/callbacks-events) of RNGH. When you assign a gesture configuration to the [`GestureDetector`](/docs/fundamentals/gesture-detectors), it creates all the required recognizers and assigns them to the child view of the detector. From this point most of the heavy lifting is handled by the [UIKit](https://developer.apple.com/documentation/uikit?language=objc) (with our help to correctly implement interactions between gestures).
+
+## Android
+
+Unfortunately, Android doesn't provide an easy way of handling gestures hence most of them were implemented from scratch, including a system for managing how the gestures should interact with each other. Here's a quick overview of how it works:
+When you wrap a component with [`GestureHandlerRootView`](/docs/fundamentals/root-view) it allows for the RNGH to intercept all touch events on that component and process them, deciding whether they should be handled by one of the gesture handlers or passed to the underlying view. Gesture handlers are created right at the moment you declare them in order to initialize all of the necessary handlers natively. Every `GestureHandlerRootView` also has a specific handler to decide whether to pass the touch events or to consume them. It can never activate, only begin, end or be cancelled. When this handler is in the `UNDETERMINED` [state](/docs/under-the-hood/state) it means that there is no touch in progress, however when the touch starts it transitions to the `BEGAN` state. As long as it stays in that state, no touch event is consumed, but as soon as it gets cancelled (meaning that some handler has activated) all incoming touch events get consumed, preventing underlying view from receiving them.
+
+When a pointer touches the screen the view tree is traversed in order to extract all handlers attached to the views below the finger (including the one attached to the `GestureHandlerRootView`) and all extracted handlers transition to the `BEGAN` state, signalling that the gesture may have began. The touch events continue to be delivered to all extracted handlers until one of them recognizes the gesture and tries to activate. At this point the orchestrator checks whether this gesture should wait for any other of the extracted gestures to fail. If it does, it's put to the waiting list, if it doesn't, it gets activated and all other gestures (that are not simultaneous with it) get cancelled. When a gesture handlers transitions to a finished state (the gesture recognized by it stops, fails or gets cancelled) the orchestrator checks the waiting handlers. Every one of them that waited for the gesture that just failed tries to activate again (and again the orchestrator checks if it should wait for any of the extracted gestures...).
diff --git a/packages/docs-gesture-handler/static/raw/under-the-hood/state.md b/packages/docs-gesture-handler/static/raw/under-the-hood/state.md
new file mode 100644
index 0000000000..52d6575908
--- /dev/null
+++ b/packages/docs-gesture-handler/static/raw/under-the-hood/state.md
@@ -0,0 +1,13 @@
+Gesture handlers can be treated as ["state machines"](https://en.wikipedia.org/wiki/Finite-state_machine).
+At any given time, each handler instance has an assigned state that can change when new touch events occur or can be forced to change by the touch system in certain circumstances.
+
+States manage the internal recognition process. You can hook into these transitions using specific gesture callbacks.
+
+| State              | Description                                                                              | Callback                                                                                                                                                                                                                                                                           |
+| :----------------- | :--------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **`UNDETERMINED`** | The default initial state of every handler.                                              | —                                                                                                                                                                                                                                                                                  |
+| **`BEGAN`**        | The handler has started receiving touch data but hasn't yet met the activation criteria. | [`onBegin`](/docs/fundamentals/callbacks-events#onbegin)                                                                                                                                                                                                                           |
+| **`ACTIVE`**       | The gesture is recognized and activation criteria are met.                               | [`onActivate`](/docs/fundamentals/callbacks-events#onactivate) when it first transitions into the `ACTIVE` state.  [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) when it has new data about the gesture.                                                  |
+| **`END`**          | The user successfully completed the gesture.                                             | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) with `didSucceed` parameter set to `true`.  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `true`.                                                 |
+| **`FAILED`**       | The handler failed to recognize the gesture.                                             | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) if the gesture was in `ACTIVE` state before. `didSucceed` parameter will be set to `false`  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `false`. |
+| **`CANCELLED`**    | The system interrupted the gesture.                                                      | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) if the gesture was in `ACTIVE` state before. `didSucceed` parameter will be set to `false`  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `false`. |
diff --git a/packages/docs-gesture-handler/yarn.lock b/packages/docs-gesture-handler/yarn.lock
index 2f0573108f..af5c619411 100644
--- a/packages/docs-gesture-handler/yarn.lock
+++ b/packages/docs-gesture-handler/yarn.lock
@@ -2,153 +2,156 @@
 # yarn lockfile v1
 
 
-"@algolia/autocomplete-core@1.17.9":
-  version "1.17.9"
-  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.17.9.tgz#83374c47dc72482aa45d6b953e89377047f0dcdc"
-  integrity sha512-O7BxrpLDPJWWHv/DLA9DRFWs+iY1uOJZkqUwjS5HSZAGcl0hIVCQ97LTLewiZmZ402JYUrun+8NqFP+hCknlbQ==
-  dependencies:
-    "@algolia/autocomplete-plugin-algolia-insights" "1.17.9"
-    "@algolia/autocomplete-shared" "1.17.9"
-
-"@algolia/autocomplete-plugin-algolia-insights@1.17.9":
-  version "1.17.9"
-  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.17.9.tgz#74c86024d09d09e8bfa3dd90b844b77d9f9947b6"
-  integrity sha512-u1fEHkCbWF92DBeB/KHeMacsjsoI0wFhjZtlCq2ddZbAehshbZST6Hs0Avkc0s+4UyBGbMDnSuXHLuvRWK5iDQ==
-  dependencies:
-    "@algolia/autocomplete-shared" "1.17.9"
-
-"@algolia/autocomplete-preset-algolia@1.17.9":
-  version "1.17.9"
-  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.17.9.tgz#911f3250544eb8ea4096fcfb268f156b085321b5"
-  integrity sha512-Na1OuceSJeg8j7ZWn5ssMu/Ax3amtOwk76u4h5J4eK2Nx2KB5qt0Z4cOapCsxot9VcEN11ADV5aUSlQF4RhGjQ==
-  dependencies:
-    "@algolia/autocomplete-shared" "1.17.9"
-
-"@algolia/autocomplete-shared@1.17.9":
-  version "1.17.9"
-  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.17.9.tgz#5f38868f7cb1d54b014b17a10fc4f7e79d427fa8"
-  integrity sha512-iDf05JDQ7I0b7JEA/9IektxN/80a2MZ1ToohfmNS3rfeuQnIKI3IJlIafD0xu4StbtQTghx9T3Maa97ytkXenQ==
-
-"@algolia/client-abtesting@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-abtesting/-/client-abtesting-5.25.0.tgz#012204f1614e1a71366fb1e117c8f195186ff081"
-  integrity sha512-1pfQulNUYNf1Tk/svbfjfkLBS36zsuph6m+B6gDkPEivFmso/XnRgwDvjAx80WNtiHnmeNjIXdF7Gos8+OLHqQ==
-  dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
-
-"@algolia/client-analytics@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-5.25.0.tgz#eba015bfafb3dbb82712c9160a00717a5974ff71"
-  integrity sha512-AFbG6VDJX/o2vDd9hqncj1B6B4Tulk61mY0pzTtzKClyTDlNP0xaUiEKhl6E7KO9I/x0FJF5tDCm0Hn6v5x18A==
-  dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
-
-"@algolia/client-common@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-5.25.0.tgz#2def8947efe849266057d92f67d1b8d83de0c005"
-  integrity sha512-il1zS/+Rc6la6RaCdSZ2YbJnkQC6W1wiBO8+SH+DE6CPMWBU6iDVzH0sCKSAtMWl9WBxoN6MhNjGBnCv9Yy2bA==
-
-"@algolia/client-insights@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-insights/-/client-insights-5.25.0.tgz#b87df8614b96c4cc9c9aa7765cce07fa70864fa8"
-  integrity sha512-blbjrUH1siZNfyCGeq0iLQu00w3a4fBXm0WRIM0V8alcAPo7rWjLbMJMrfBtzL9X5ic6wgxVpDADXduGtdrnkw==
-  dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
-
-"@algolia/client-personalization@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-5.25.0.tgz#74b041f0e7d91e1009c131c8d716c34e4d45c30f"
-  integrity sha512-aywoEuu1NxChBcHZ1pWaat0Plw7A8jDMwjgRJ00Mcl7wGlwuPt5dJ/LTNcg3McsEUbs2MBNmw0ignXBw9Tbgow==
-  dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
-
-"@algolia/client-query-suggestions@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-query-suggestions/-/client-query-suggestions-5.25.0.tgz#e92d935d9e2994f790d43c64d3518d81070a3888"
-  integrity sha512-a/W2z6XWKjKjIW1QQQV8PTTj1TXtaKx79uR3NGBdBdGvVdt24KzGAaN7sCr5oP8DW4D3cJt44wp2OY/fZcPAVA==
-  dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
-
-"@algolia/client-search@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-5.25.0.tgz#dc38ca1015f2f4c9f5053a4517f96fb28a2117f8"
-  integrity sha512-9rUYcMIBOrCtYiLX49djyzxqdK9Dya/6Z/8sebPn94BekT+KLOpaZCuc6s0Fpfq7nx5J6YY5LIVFQrtioK9u0g==
-  dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
+"@algolia/abtesting@1.15.2":
+  version "1.15.2"
+  resolved "https://registry.yarnpkg.com/@algolia/abtesting/-/abtesting-1.15.2.tgz#5c5e52daba3cf80d92eaf683c781e7f86d3b51b6"
+  integrity sha512-rF7vRVE61E0QORw8e2NNdnttcl3jmFMWS9B4hhdga12COe+lMa26bQLfcBn/Nbp9/AF/8gXdaRCPsVns3CnjsA==
+  dependencies:
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
+
+"@algolia/autocomplete-core@1.19.2":
+  version "1.19.2"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.19.2.tgz#702df67a08cb3cfe8c33ee1111ef136ec1a9e232"
+  integrity sha512-mKv7RyuAzXvwmq+0XRK8HqZXt9iZ5Kkm2huLjgn5JoCPtDy+oh9yxUMfDDaVCw0oyzZ1isdJBc7l9nuCyyR7Nw==
+  dependencies:
+    "@algolia/autocomplete-plugin-algolia-insights" "1.19.2"
+    "@algolia/autocomplete-shared" "1.19.2"
+
+"@algolia/autocomplete-plugin-algolia-insights@1.19.2":
+  version "1.19.2"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.19.2.tgz#3584b625b9317e333d1ae43664d02358e175c52d"
+  integrity sha512-TjxbcC/r4vwmnZaPwrHtkXNeqvlpdyR+oR9Wi2XyfORkiGkLTVhX2j+O9SaCCINbKoDfc+c2PB8NjfOnz7+oKg==
+  dependencies:
+    "@algolia/autocomplete-shared" "1.19.2"
+
+"@algolia/autocomplete-shared@1.19.2":
+  version "1.19.2"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.19.2.tgz#c0b7b8dc30a5c65b70501640e62b009535e4578f"
+  integrity sha512-jEazxZTVD2nLrC+wYlVHQgpBoBB5KPStrJxLzsIFl6Kqd1AlG9sIAGl39V5tECLpIQzB3Qa2T6ZPJ1ChkwMK/w==
+
+"@algolia/client-abtesting@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/client-abtesting/-/client-abtesting-5.49.2.tgz#0c7f46ba2789e30db53eb31f816aa31fe1ec750e"
+  integrity sha512-XyvKCm0RRmovMI/ChaAVjTwpZhXdbgt3iZofK914HeEHLqD1MUFFVLz7M0+Ou7F56UkHXwRbpHwb9xBDNopprQ==
+  dependencies:
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
+
+"@algolia/client-analytics@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-5.49.2.tgz#d1eee1df4a7d50c05cd0448589b34d5e3b058237"
+  integrity sha512-jq/3qvtmj3NijZlhq7A1B0Cl41GfaBpjJxcwukGsYds6aMSCWrEAJ9pUqw/C9B3hAmILYKl7Ljz3N9SFvekD3Q==
+  dependencies:
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
+
+"@algolia/client-common@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-5.49.2.tgz#cb93f1ea9a60f7ffec65474e075afb52900f2434"
+  integrity sha512-bn0biLequn3epobCfjUqCxlIlurLr4RHu7RaE4trgN+RDcUq6HCVC3/yqq1hwbNYpVtulnTOJzcaxYlSr1fnuw==
+
+"@algolia/client-insights@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/client-insights/-/client-insights-5.49.2.tgz#fdbd2be74bfe805cddf249f67f95f65323c5f5dd"
+  integrity sha512-z14wfFs1T3eeYbCArC8pvntAWsPo9f6hnUGoj8IoRUJTwgJiiySECkm8bmmV47/x0oGHfsVn3kBdjMX0yq0sNA==
+  dependencies:
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
+
+"@algolia/client-personalization@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-5.49.2.tgz#3b8fc9eb85b24dbcb2ee80dae9af91bd12490148"
+  integrity sha512-GpRf7yuuAX93+Qt0JGEJZwgtL0MFdjFO9n7dn8s2pA9mTjzl0Sc5+uTk1VPbIAuf7xhCP9Mve+URGb6J+EYxgA==
+  dependencies:
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
+
+"@algolia/client-query-suggestions@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/client-query-suggestions/-/client-query-suggestions-5.49.2.tgz#e5d9ed73fe5f0afc8feddfc68d4691d5963e8c57"
+  integrity sha512-HZwApmNkp0DiAjZcLYdQLddcG4Agb88OkojiAHGgcm5DVXobT5uSZ9lmyrbw/tmQBJwgu2CNw4zTyXoIB7YbPA==
+  dependencies:
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
+
+"@algolia/client-search@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-5.49.2.tgz#3c823ffaf333ce70fedfb3d45361661c8b227806"
+  integrity sha512-y1IOpG6OSmTpGg/CT0YBb/EAhR2nsC18QWp9Jy8HO9iGySpcwaTvs5kHa17daP3BMTwWyaX9/1tDTDQshZzXdg==
+  dependencies:
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
 
 "@algolia/events@^4.0.1":
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/@algolia/events/-/events-4.0.1.tgz#fd39e7477e7bc703d7f893b556f676c032af3950"
   integrity sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ==
 
-"@algolia/ingestion@1.25.0":
-  version "1.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/ingestion/-/ingestion-1.25.0.tgz#4d13c56dda0a05c7bacb0e3ef5866292dfd86ed5"
-  integrity sha512-jJeH/Hk+k17Vkokf02lkfYE4A+EJX+UgnMhTLR/Mb+d1ya5WhE+po8p5a/Nxb6lo9OLCRl6w3Hmk1TX1e9gVbQ==
+"@algolia/ingestion@1.49.2":
+  version "1.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/ingestion/-/ingestion-1.49.2.tgz#99626cd9b11925e1aae5db59836821d2e7e2c892"
+  integrity sha512-YYJRjaZ2bqk923HxE4um7j/Cm3/xoSkF2HC2ZweOF8cXL3sqnlndSUYmCaxHFjNPWLaSHk2IfssX6J/tdKTULw==
   dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
 
-"@algolia/monitoring@1.25.0":
-  version "1.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/monitoring/-/monitoring-1.25.0.tgz#d59360cfe556338519d05a9d8107147e9dbcb020"
-  integrity sha512-Ls3i1AehJ0C6xaHe7kK9vPmzImOn5zBg7Kzj8tRYIcmCWVyuuFwCIsbuIIz/qzUf1FPSWmw0TZrGeTumk2fqXg==
+"@algolia/monitoring@1.49.2":
+  version "1.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/monitoring/-/monitoring-1.49.2.tgz#5c550df1b073de97e3d38a2e8d50f17e90badc52"
+  integrity sha512-9WgH+Dha39EQQyGKCHlGYnxW/7W19DIrEbCEbnzwAMpGAv1yTWCHMPXHxYa+LcL3eCp2V/5idD1zHNlIKmHRHg==
   dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
 
-"@algolia/recommend@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/recommend/-/recommend-5.25.0.tgz#b96f12c85aa74a0326982c7801fcd4a610b420f4"
-  integrity sha512-79sMdHpiRLXVxSjgw7Pt4R1aNUHxFLHiaTDnN2MQjHwJ1+o3wSseb55T9VXU4kqy3m7TUme3pyRhLk5ip/S4Mw==
+"@algolia/recommend@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/recommend/-/recommend-5.49.2.tgz#ace9e988141dd627f7ac3a0e38d9e254bb006490"
+  integrity sha512-K7Gp5u+JtVYgaVpBxF5rGiM+Ia8SsMdcAJMTDV93rwh00DKNllC19o1g+PwrDjDvyXNrnTEbofzbTs2GLfFyKA==
   dependencies:
-    "@algolia/client-common" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
+    "@algolia/client-common" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
 
-"@algolia/requester-browser-xhr@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.25.0.tgz#c194fa5f49206b9343e6646c41bfbca2a3f2ac54"
-  integrity sha512-JLaF23p1SOPBmfEqozUAgKHQrGl3z/Z5RHbggBu6s07QqXXcazEsub5VLonCxGVqTv6a61AAPr8J1G5HgGGjEw==
+"@algolia/requester-browser-xhr@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.49.2.tgz#4493ed41dc84948693b34174ccc08ac5dfabd3dd"
+  integrity sha512-3UhYCcWX6fbtN8ABcxZlhaQEwXFh3CsFtARyyadQShHMPe3mJV9Wel4FpJTa+seugRkbezFz0tt6aPTZSYTBuA==
   dependencies:
-    "@algolia/client-common" "5.25.0"
+    "@algolia/client-common" "5.49.2"
 
-"@algolia/requester-fetch@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-fetch/-/requester-fetch-5.25.0.tgz#231a2d0da2397d141f80b8f28e2cb6e3d219d38d"
-  integrity sha512-rtzXwqzFi1edkOF6sXxq+HhmRKDy7tz84u0o5t1fXwz0cwx+cjpmxu/6OQKTdOJFS92JUYHsG51Iunie7xbqfQ==
+"@algolia/requester-fetch@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-fetch/-/requester-fetch-5.49.2.tgz#fd64e1ec726ffb63dce22112354119125c67a27e"
+  integrity sha512-G94VKSGbsr+WjsDDOBe5QDQ82QYgxvpxRGJfCHZBnYKYsy/jv9qGIDb93biza+LJWizQBUtDj7bZzp3QZyzhPQ==
   dependencies:
-    "@algolia/client-common" "5.25.0"
+    "@algolia/client-common" "5.49.2"
 
-"@algolia/requester-node-http@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-5.25.0.tgz#0ce13c550890de21c558b04381535d2d245a3725"
-  integrity sha512-ZO0UKvDyEFvyeJQX0gmZDQEvhLZ2X10K+ps6hViMo1HgE2V8em00SwNsQ+7E/52a+YiBkVWX61pJJJE44juDMQ==
+"@algolia/requester-node-http@5.49.2":
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-5.49.2.tgz#ac71c6502b8ba8760d22afd3f38620934a28a68f"
+  integrity sha512-UuihBGHafG/ENsrcTGAn5rsOffrCIRuHMOsD85fZGLEY92ate+BMTUqxz60dv5zerh8ZumN4bRm8eW2z9L11jA==
   dependencies:
-    "@algolia/client-common" "5.25.0"
+    "@algolia/client-common" "5.49.2"
 
 "@ampproject/remapping@^2.2.0":
   version "2.3.0"
@@ -158,7 +161,7 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.27.1", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
   integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
@@ -167,12 +170,47 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
+"@babel/code-frame@^7.28.6", "@babel/code-frame@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.29.0.tgz#7cd7a59f15b3cc0dcd803038f7792712a7d0b15c"
+  integrity sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.28.5"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
 "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.27.2":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.3.tgz#cc49c2ac222d69b889bf34c795f537c0c6311111"
   integrity sha512-V42wFfx1ymFte+ecf6iXghnnP8kWTO+ZLXIyZq+1LAXHHvTZdVxicn4yiVYdYMGaCO3tmqub11AorKkv+iodqw==
 
-"@babel/core@^7.13.16", "@babel/core@^7.20.0", "@babel/core@^7.21.3", "@babel/core@^7.25.9":
+"@babel/compat-data@^7.28.6":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.29.0.tgz#00d03e8c0ac24dd9be942c5370990cbe1f17d88d"
+  integrity sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==
+
+"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.25.2":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.29.0.tgz#5286ad785df7f79d656e88ce86e650d16ca5f322"
+  integrity sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helpers" "^7.28.6"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/remapping" "^2.3.5"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/core@^7.20.0", "@babel/core@^7.21.3", "@babel/core@^7.25.9":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.3.tgz#d7d05502bccede3cab36373ed142e6a1df554c2f"
   integrity sha512-hyrN8ivxfvJ4i0fIJuV4EOlV0WDMz5Ui4StRTgVaAvWeiRCilXgwVvxJKtFQ3TKtHgJscB2YiXKGNJuVwhQMtA==
@@ -193,7 +231,7 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.20.0", "@babel/generator@^7.25.9", "@babel/generator@^7.27.3":
+"@babel/generator@^7.25.9", "@babel/generator@^7.27.3":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.3.tgz#ef1c0f7cfe3b5fc8cbb9f6cc69f93441a68edefc"
   integrity sha512-xnlJYj5zepml8NXtjkG0WquFUv8RskFqyFcVgTBp5k+NaA/8uw/K+OSVf8AMGw5e9HKP2ETd5xpK5MLZQD6b4Q==
@@ -204,6 +242,17 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^3.0.2"
 
+"@babel/generator@^7.29.0", "@babel/generator@^7.29.1":
+  version "7.29.1"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.29.1.tgz#d09876290111abbb00ef962a7b83a5307fba0d50"
+  integrity sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==
+  dependencies:
+    "@babel/parser" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
 "@babel/helper-annotate-as-pure@^7.27.1":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
@@ -222,6 +271,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
+"@babel/helper-compilation-targets@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz#32c4a3f41f12ed1532179b108a4d746e105c2b25"
+  integrity sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==
+  dependencies:
+    "@babel/compat-data" "^7.28.6"
+    "@babel/helper-validator-option" "^7.27.1"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz#5bee4262a6ea5ddc852d0806199eb17ca3de9281"
@@ -262,6 +322,11 @@
   dependencies:
     "@babel/types" "^7.24.7"
 
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
+
 "@babel/helper-member-expression-to-functions@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz#ea1211276be93e798ce19037da6f06fbb994fa44"
@@ -278,6 +343,14 @@
     "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
+"@babel/helper-module-imports@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz#60632cbd6ffb70b22823187201116762a03e2d5c"
+  integrity sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==
+  dependencies:
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
 "@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.27.3":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz#db0bbcfba5802f9ef7870705a7ef8788508ede02"
@@ -287,6 +360,15 @@
     "@babel/helper-validator-identifier" "^7.27.1"
     "@babel/traverse" "^7.27.3"
 
+"@babel/helper-module-transforms@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz#9312d9d9e56edc35aeb6e95c25d4106b50b9eb1e"
+  integrity sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.6"
+
 "@babel/helper-optimise-call-expression@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz#c65221b61a643f3e62705e5dd2b5f115e35f9200"
@@ -299,6 +381,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
   integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
 
+"@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz#6f13ea251b68c8532e985fd532f28741a8af9ac8"
+  integrity sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==
+
 "@babel/helper-remap-async-to-generator@^7.18.9", "@babel/helper-remap-async-to-generator@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz#4601d5c7ce2eb2aea58328d43725523fcd362ce6"
@@ -335,6 +422,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
   integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
 
+"@babel/helper-validator-identifier@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
+  integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
+
 "@babel/helper-validator-option@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
@@ -357,7 +449,22 @@
     "@babel/template" "^7.27.2"
     "@babel/types" "^7.27.3"
 
-"@babel/parser@^7.13.16", "@babel/parser@^7.14.0", "@babel/parser@^7.20.0", "@babel/parser@^7.27.2", "@babel/parser@^7.27.3":
+"@babel/helpers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.6.tgz#fca903a313ae675617936e8998b814c415cbf5d7"
+  integrity sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==
+  dependencies:
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.25.3", "@babel/parser@^7.28.6", "@babel/parser@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.29.0.tgz#669ef345add7d057e92b7ed15f0bac07611831b6"
+  integrity sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==
+  dependencies:
+    "@babel/types" "^7.29.0"
+
+"@babel/parser@^7.27.2", "@babel/parser@^7.27.3":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.3.tgz#1b7533f0d908ad2ac545c4d05cbe2fb6dc8cfaaf"
   integrity sha512-xyYxRj6+tLNDTWi0KCBcZ9V7yg3/lwL9DWh9Uwh/RIVlIfFidggcgxKX3GCXwCiswwcGRawBKbEg2LG/Y8eJhw==
@@ -413,7 +520,7 @@
     "@babel/helper-remap-async-to-generator" "^7.18.9"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
 
-"@babel/plugin-proposal-class-properties@^7.0.0", "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.18.0", "@babel/plugin-proposal-class-properties@^7.18.6":
+"@babel/plugin-proposal-class-properties@^7.18.0", "@babel/plugin-proposal-class-properties@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3"
   integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==
@@ -445,7 +552,7 @@
     "@babel/helper-plugin-utils" "^7.18.9"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.0.0", "@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.0":
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.18.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1"
   integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==
@@ -461,7 +568,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
-"@babel/plugin-proposal-object-rest-spread@^7.0.0", "@babel/plugin-proposal-object-rest-spread@^7.12.13", "@babel/plugin-proposal-object-rest-spread@^7.20.0":
+"@babel/plugin-proposal-object-rest-spread@^7.12.13", "@babel/plugin-proposal-object-rest-spread@^7.20.0":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz#aa662940ef425779c75534a5c41e9d936edc390a"
   integrity sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==
@@ -480,7 +587,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-proposal-optional-chaining@^7.0.0", "@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.20.0":
+"@babel/plugin-proposal-optional-chaining@^7.20.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea"
   integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==
@@ -501,13 +608,27 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-class-properties@^7.0.0":
+"@babel/plugin-syntax-bigint@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
+  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.12.13":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
   integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
+"@babel/plugin-syntax-class-static-block@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
+  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
 "@babel/plugin-syntax-decorators@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.27.1.tgz#ee7dd9590aeebc05f9d4c8c0560007b05979a63d"
@@ -515,7 +636,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-syntax-dynamic-import@^7.0.0", "@babel/plugin-syntax-dynamic-import@^7.8.0", "@babel/plugin-syntax-dynamic-import@^7.8.3":
+"@babel/plugin-syntax-dynamic-import@^7.8.0", "@babel/plugin-syntax-dynamic-import@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
   integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
@@ -536,7 +657,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@^7.0.0", "@babel/plugin-syntax-flow@^7.12.1", "@babel/plugin-syntax-flow@^7.18.0", "@babel/plugin-syntax-flow@^7.27.1":
+"@babel/plugin-syntax-flow@^7.12.1", "@babel/plugin-syntax-flow@^7.18.0", "@babel/plugin-syntax-flow@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.27.1.tgz#6c83cf0d7d635b716827284b7ecd5aead9237662"
   integrity sha512-p9OkPbZ5G7UT1MofwYFigGebnrzGJacoBSQM0/6bi/PUMVE+qlWDD/OalvQKbwgQzU6dl0xAv6r4X7Jme0RYxA==
@@ -550,6 +671,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
+"@babel/plugin-syntax-import-attributes@^7.24.7":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz#b71d5914665f60124e133696f17cd7669062c503"
+  integrity sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.28.6"
+
 "@babel/plugin-syntax-import-attributes@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz#34c017d54496f9b11b61474e7ea3dfd5563ffe07"
@@ -557,13 +685,34 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.27.1":
+"@babel/plugin-syntax-import-meta@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-json-strings@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
+  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-jsx@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz#2f9beb5eff30fa507c5532d107daac7b888fa34c"
   integrity sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-nullish-coalescing-operator@^7.0.0", "@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
@@ -578,7 +727,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.8.3":
+"@babel/plugin-syntax-object-rest-spread@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
   integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
@@ -599,6 +748,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-private-property-in-object@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
+  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-top-level-await@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
+  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
 "@babel/plugin-syntax-typescript@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz#5147d29066a793450f220c63fa3a9431b7e6dd18"
@@ -630,7 +793,7 @@
     "@babel/helper-remap-async-to-generator" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/plugin-transform-async-to-generator@^7.0.0", "@babel/plugin-transform-async-to-generator@^7.20.0", "@babel/plugin-transform-async-to-generator@^7.27.1":
+"@babel/plugin-transform-async-to-generator@^7.20.0", "@babel/plugin-transform-async-to-generator@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz#9a93893b9379b39466c74474f55af03de78c66e7"
   integrity sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==
@@ -639,7 +802,7 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
 
-"@babel/plugin-transform-block-scoped-functions@^7.0.0", "@babel/plugin-transform-block-scoped-functions@^7.27.1":
+"@babel/plugin-transform-block-scoped-functions@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz#558a9d6e24cf72802dd3b62a4b51e0d62c0f57f9"
   integrity sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==
@@ -689,7 +852,7 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/template" "^7.27.1"
 
-"@babel/plugin-transform-destructuring@^7.0.0", "@babel/plugin-transform-destructuring@^7.20.0", "@babel/plugin-transform-destructuring@^7.27.1", "@babel/plugin-transform-destructuring@^7.27.3":
+"@babel/plugin-transform-destructuring@^7.20.0", "@babel/plugin-transform-destructuring@^7.27.1", "@babel/plugin-transform-destructuring@^7.27.3":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.27.3.tgz#3cc8299ed798d9a909f8d66ddeb40849ec32e3b0"
   integrity sha512-s4Jrok82JpiaIprtY2nHsYmrThKvvwgHwjgd7UMiYhZaN0asdXNLr0y+NjTfkA7SyQE5i2Fb7eawUOZmLvyqOA==
@@ -740,7 +903,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-flow-strip-types@^7.0.0", "@babel/plugin-transform-flow-strip-types@^7.20.0", "@babel/plugin-transform-flow-strip-types@^7.27.1":
+"@babel/plugin-transform-flow-strip-types@^7.20.0":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.27.1.tgz#5def3e1e7730f008d683144fb79b724f92c5cdf9"
   integrity sha512-G5eDKsu50udECw7DL2AcsysXiQyB7Nfg521t2OAJ4tbfTJ27doHLeF/vlI1NZGlLdbb/v+ibvtL1YBQqYOwJGg==
@@ -748,7 +911,7 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/plugin-syntax-flow" "^7.27.1"
 
-"@babel/plugin-transform-for-of@^7.0.0", "@babel/plugin-transform-for-of@^7.27.1":
+"@babel/plugin-transform-for-of@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz#bc24f7080e9ff721b63a70ac7b2564ca15b6c40a"
   integrity sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==
@@ -786,7 +949,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-member-expression-literals@^7.0.0", "@babel/plugin-transform-member-expression-literals@^7.27.1":
+"@babel/plugin-transform-member-expression-literals@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz#37b88ba594d852418e99536f5612f795f23aeaf9"
   integrity sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==
@@ -801,7 +964,7 @@
     "@babel/helper-module-transforms" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.27.1":
+"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz#8e44ed37c2787ecc23bdc367f49977476614e832"
   integrity sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==
@@ -866,7 +1029,7 @@
     "@babel/plugin-transform-destructuring" "^7.27.3"
     "@babel/plugin-transform-parameters" "^7.27.1"
 
-"@babel/plugin-transform-object-super@^7.0.0", "@babel/plugin-transform-object-super@^7.27.1":
+"@babel/plugin-transform-object-super@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz#1c932cd27bf3874c43a5cac4f43ebf970c9871b5"
   integrity sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==
@@ -913,7 +1076,7 @@
     "@babel/helper-create-class-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-property-literals@^7.0.0", "@babel/plugin-transform-property-literals@^7.27.1":
+"@babel/plugin-transform-property-literals@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz#07eafd618800591e88073a0af1b940d9a42c6424"
   integrity sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==
@@ -1030,7 +1193,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-template-literals@^7.0.0", "@babel/plugin-transform-template-literals@^7.0.0-0", "@babel/plugin-transform-template-literals@^7.27.1":
+"@babel/plugin-transform-template-literals@^7.0.0-0", "@babel/plugin-transform-template-literals@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz#1a0eb35d8bb3e6efc06c9fd40eb0bcef548328b8"
   integrity sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==
@@ -1161,15 +1324,6 @@
     core-js-compat "^3.40.0"
     semver "^6.3.1"
 
-"@babel/preset-flow@^7.13.13":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.27.1.tgz#3050ed7c619e8c4bfd0e0eeee87a2fa86a4bb1c6"
-  integrity sha512-ez3a2it5Fn6P54W8QkbfIyyIbxlXvcxyWHHvno1Wg0Ej5eiJY5hBb8ExttoIOJJk7V2dZE6prP7iby5q2aQ0Lg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-validator-option" "^7.27.1"
-    "@babel/plugin-transform-flow-strip-types" "^7.27.1"
-
 "@babel/preset-modules@0.1.6-no-external-plugins":
   version "0.1.6-no-external-plugins"
   resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
@@ -1191,7 +1345,7 @@
     "@babel/plugin-transform-react-jsx-development" "^7.27.1"
     "@babel/plugin-transform-react-pure-annotations" "^7.27.1"
 
-"@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.16.7", "@babel/preset-typescript@^7.21.0", "@babel/preset-typescript@^7.25.9":
+"@babel/preset-typescript@^7.16.7", "@babel/preset-typescript@^7.21.0", "@babel/preset-typescript@^7.25.9":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.27.1.tgz#190742a6428d282306648a55b0529b561484f912"
   integrity sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ==
@@ -1202,17 +1356,6 @@
     "@babel/plugin-transform-modules-commonjs" "^7.27.1"
     "@babel/plugin-transform-typescript" "^7.27.1"
 
-"@babel/register@^7.13.16":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.27.1.tgz#ea4d701649d788d7cb8a064b7540fd21083147f1"
-  integrity sha512-K13lQpoV54LATKkzBpBAEu1GGSIRzxR9f4IN4V8DCDgiUMo2UDGagEZr3lPeVNJPLkWUi5JE4hCHKneVTwQlYQ==
-  dependencies:
-    clone-deep "^4.0.1"
-    find-cache-dir "^2.0.0"
-    make-dir "^2.1.0"
-    pirates "^4.0.6"
-    source-map-support "^0.5.16"
-
 "@babel/runtime-corejs3@^7.25.9":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.27.3.tgz#b971a4a0a376171e266629152e74ef50e9931f79"
@@ -1220,11 +1363,16 @@
   dependencies:
     core-js-pure "^3.30.2"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.3", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.18.6", "@babel/runtime@^7.25.9", "@babel/runtime@^7.27.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
+"@babel/runtime@^7.1.2", "@babel/runtime@^7.10.3", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.18.6", "@babel/runtime@^7.25.9", "@babel/runtime@^7.27.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.3.tgz#10491113799fb8d77e1d9273384d5d68deeea8f6"
   integrity sha512-7EYtGezsdiDMyY80+65EzwiGmcJqpmcZCojSXaRgdrBaGtWTgDZKq69cPIVped6MkIM78cTQ2GOiEYjwOlG4xw==
 
+"@babel/runtime@^7.25.0":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.6.tgz#d267a43cb1836dc4d182cce93ae75ba954ef6d2b"
+  integrity sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==
+
 "@babel/template@^7.0.0", "@babel/template@^7.27.1", "@babel/template@^7.27.2":
   version "7.27.2"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
@@ -1234,7 +1382,16 @@
     "@babel/parser" "^7.27.2"
     "@babel/types" "^7.27.1"
 
-"@babel/traverse@^7.20.0", "@babel/traverse@^7.25.9", "@babel/traverse@^7.27.1", "@babel/traverse@^7.27.3":
+"@babel/template@^7.28.6", "@babel/template@^7.3.3":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.28.6.tgz#0e7e56ecedb78aeef66ce7972b082fce76a23e57"
+  integrity sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/traverse@^7.25.9", "@babel/traverse@^7.27.1", "@babel/traverse@^7.27.3":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.3.tgz#8b62a6c2d10f9d921ba7339c90074708509cffae"
   integrity sha512-lId/IfN/Ye1CIu8xG7oKBHXd2iNb2aW1ilPszzGcJug6M8RCKfVNcYhpI5+bMvFYjK7lXIM0R+a+6r8xhHp2FQ==
@@ -1247,7 +1404,28 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.20.0", "@babel/types@^7.21.3", "@babel/types@^7.24.7", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.4.4":
+"@babel/traverse@^7.28.6", "@babel/traverse@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.29.0.tgz#f323d05001440253eead3c9c858adbe00b90310a"
+  integrity sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.29.0"
+    debug "^4.3.1"
+
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.28.2", "@babel/types@^7.28.6", "@babel/types@^7.29.0", "@babel/types@^7.3.3":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.29.0.tgz#9f5b1e838c446e72cf3cd4b918152b8c605e37c7"
+  integrity sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
+"@babel/types@^7.21.3", "@babel/types@^7.24.7", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.4.4":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.3.tgz#c0257bedf33aad6aad1f406d35c44758321eb3ec"
   integrity sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==
@@ -1265,22 +1443,22 @@
   resolved "https://registry.yarnpkg.com/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-2.0.5.tgz#43f962bebead0052a9fed1a2deeb11f85efcbc72"
   integrity sha512-p1ko5eHgV+MgXFVa4STPKpvPxr6ReS8oS2jzTukjR74i5zJNyWO1ZM1m8YKBXnzDKWfBN1ztLYlHxbVemDD88A==
 
-"@csstools/color-helpers@^5.0.2":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-5.0.2.tgz#82592c9a7c2b83c293d9161894e2a6471feb97b8"
-  integrity sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==
+"@csstools/color-helpers@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-5.1.0.tgz#106c54c808cabfd1ab4c602d8505ee584c2996ef"
+  integrity sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==
 
 "@csstools/css-calc@^2.1.4":
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-2.1.4.tgz#8473f63e2fcd6e459838dd412401d5948f224c65"
   integrity sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==
 
-"@csstools/css-color-parser@^3.0.10":
-  version "3.0.10"
-  resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-3.0.10.tgz#79fc68864dd43c3b6782d2b3828bc0fa9d085c10"
-  integrity sha512-TiJ5Ajr6WRd1r8HSiwJvZBiJOqtH86aHpUjq5aEKWHiII2Qfjqd/HCWKPOW8EP4vcspXbHnXrwIDlu5savQipg==
+"@csstools/css-color-parser@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz#4e386af3a99dd36c46fef013cfe4c1c341eed6f0"
+  integrity sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==
   dependencies:
-    "@csstools/color-helpers" "^5.0.2"
+    "@csstools/color-helpers" "^5.1.0"
     "@csstools/css-calc" "^2.1.4"
 
 "@csstools/css-parser-algorithms@^3.0.5":
@@ -1298,47 +1476,91 @@
   resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-4.0.3.tgz#7aec77bcb89c2da80ef207e73f474ef9e1b3cdf1"
   integrity sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==
 
-"@csstools/postcss-cascade-layers@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-5.0.1.tgz#9640313e64b5e39133de7e38a5aa7f40dc259597"
-  integrity sha512-XOfhI7GShVcKiKwmPAnWSqd2tBR0uxt+runAxttbSp/LY2U16yAVPmAf7e9q4JJ0d+xMNmpwNDLBXnmRCl3HMQ==
+"@csstools/postcss-alpha-function@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-alpha-function/-/postcss-alpha-function-1.0.1.tgz#7989605711de7831bc7cd75b94c9b5bac9c3728e"
+  integrity sha512-isfLLwksH3yHkFXfCI2Gcaqg7wGGHZZwunoJzEZk0yKYIokgre6hYVFibKL3SYAoR1kBXova8LB+JoO5vZzi9w==
+  dependencies:
+    "@csstools/css-color-parser" "^3.1.0"
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
+    "@csstools/utilities" "^2.0.0"
+
+"@csstools/postcss-cascade-layers@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-5.0.2.tgz#dd2c70db3867b88975f2922da3bfbae7d7a2cae7"
+  integrity sha512-nWBE08nhO8uWl6kSAeCx4im7QfVko3zLrtgWZY4/bP87zrSPpSyN/3W3TDqz1jJuH+kbKOHXg5rJnK+ZVYcFFg==
   dependencies:
     "@csstools/selector-specificity" "^5.0.0"
     postcss-selector-parser "^7.0.0"
 
-"@csstools/postcss-color-function@^4.0.9":
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-4.0.10.tgz#11ad43a66ef2cc794ab826a07df8b5fa9fb47a3a"
-  integrity sha512-4dY0NBu7NVIpzxZRgh/Q/0GPSz/jLSw0i/u3LTUor0BkQcz/fNhN10mSWBDsL0p9nDb0Ky1PD6/dcGbhACuFTQ==
+"@csstools/postcss-color-function-display-p3-linear@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function-display-p3-linear/-/postcss-color-function-display-p3-linear-1.0.1.tgz#3017ff5e1f65307d6083e58e93d76724fb1ebf9f"
+  integrity sha512-E5qusdzhlmO1TztYzDIi8XPdPoYOjoTY6HBYBCYSj+Gn4gQRBlvjgPQXzfzuPQqt8EhkC/SzPKObg4Mbn8/xMg==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
-"@csstools/postcss-color-mix-function@^3.0.9":
-  version "3.0.10"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-3.0.10.tgz#8c9d0ccfae5c45a9870dd84807ea2995c7a3a514"
-  integrity sha512-P0lIbQW9I4ShE7uBgZRib/lMTf9XMjJkFl/d6w4EMNHu2qvQ6zljJGEcBkw/NsBtq/6q3WrmgxSS8kHtPMkK4Q==
+"@csstools/postcss-color-function@^4.0.12":
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-4.0.12.tgz#a7c85a98c77b522a194a1bbb00dd207f40c7a771"
+  integrity sha512-yx3cljQKRaSBc2hfh8rMZFZzChaFgwmO2JfFgFr1vMcF3C/uyy5I4RFIBOIWGq1D+XbKCG789CGkG6zzkLpagA==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
-"@csstools/postcss-content-alt-text@^2.0.5":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-content-alt-text/-/postcss-content-alt-text-2.0.6.tgz#548862226eac54bab0ee5f1bf3a9981393ab204b"
-  integrity sha512-eRjLbOjblXq+byyaedQRSrAejKGNAFued+LcbzT+LCL78fabxHkxYjBbxkroONxHHYu2qxhFK2dBStTLPG3jpQ==
+"@csstools/postcss-color-mix-function@^3.0.12":
+  version "3.0.12"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-3.0.12.tgz#2f1ee9f8208077af069545c9bd79bb9733382c2a"
+  integrity sha512-4STERZfCP5Jcs13P1U5pTvI9SkgLgfMUMhdXW8IlJWkzOOOqhZIjcNhWtNJZes2nkBDsIKJ0CJtFtuaZ00moag==
+  dependencies:
+    "@csstools/css-color-parser" "^3.1.0"
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
+    "@csstools/utilities" "^2.0.0"
+
+"@csstools/postcss-color-mix-variadic-function-arguments@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-variadic-function-arguments/-/postcss-color-mix-variadic-function-arguments-1.0.2.tgz#b4012b62a4eaa24d694172bb7137f9d2319cb8f2"
+  integrity sha512-rM67Gp9lRAkTo+X31DUqMEq+iK+EFqsidfecmhrteErxJZb6tUoJBVQca1Vn1GpDql1s1rD1pKcuYzMsg7Z1KQ==
+  dependencies:
+    "@csstools/css-color-parser" "^3.1.0"
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
+    "@csstools/utilities" "^2.0.0"
+
+"@csstools/postcss-content-alt-text@^2.0.8":
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-content-alt-text/-/postcss-content-alt-text-2.0.8.tgz#1d52da1762893c32999ff76839e48d6ec7c7a4cb"
+  integrity sha512-9SfEW9QCxEpTlNMnpSqFaHyzsiRpZ5J5+KqCu1u5/eEJAWsMhzT40qf0FIbeeglEvrGRMdDzAxMIz3wqoGSb+Q==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
+    "@csstools/utilities" "^2.0.0"
+
+"@csstools/postcss-contrast-color-function@^2.0.12":
+  version "2.0.12"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-contrast-color-function/-/postcss-contrast-color-function-2.0.12.tgz#ca46986d095c60f208d9e3f24704d199c9172637"
+  integrity sha512-YbwWckjK3qwKjeYz/CijgcS7WDUCtKTd8ShLztm3/i5dhh4NaqzsbYnhm4bjrpFpnLZ31jVcbK8YL77z3GBPzA==
   dependencies:
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
-"@csstools/postcss-exponential-functions@^2.0.8":
+"@csstools/postcss-exponential-functions@^2.0.9":
   version "2.0.9"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-2.0.9.tgz#fc03d1272888cb77e64cc1a7d8a33016e4f05c69"
   integrity sha512-abg2W/PI3HXwS/CZshSa79kNWNZHdJPMBXeZNyPQFbbj8sKO3jXxOt/wF7juJVjyDTc6JrvaUZYFcSBZBhaxjw==
@@ -1355,43 +1577,43 @@
     "@csstools/utilities" "^2.0.0"
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-gamut-mapping@^2.0.9":
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-gamut-mapping/-/postcss-gamut-mapping-2.0.10.tgz#f518d941231d721dbecf5b41e3c441885ff2f28b"
-  integrity sha512-QDGqhJlvFnDlaPAfCYPsnwVA6ze+8hhrwevYWlnUeSjkkZfBpcCO42SaUD8jiLlq7niouyLgvup5lh+f1qessg==
+"@csstools/postcss-gamut-mapping@^2.0.11":
+  version "2.0.11"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-gamut-mapping/-/postcss-gamut-mapping-2.0.11.tgz#be0e34c9f0142852cccfc02b917511f0d677db8b"
+  integrity sha512-fCpCUgZNE2piVJKC76zFsgVW1apF6dpYsqGyH8SIeCcM4pTEsRTWTLCaJIMKFEundsCKwY1rwfhtrio04RJ4Dw==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
 
-"@csstools/postcss-gradients-interpolation-method@^5.0.9":
-  version "5.0.10"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-5.0.10.tgz#3146da352c31142a721fdba062ac3a6d11dbbec3"
-  integrity sha512-HHPauB2k7Oits02tKFUeVFEU2ox/H3OQVrP3fSOKDxvloOikSal+3dzlyTZmYsb9FlY9p5EUpBtz0//XBmy+aw==
+"@csstools/postcss-gradients-interpolation-method@^5.0.12":
+  version "5.0.12"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-5.0.12.tgz#0955cce4d97203b861bf66742bbec611b2f3661c"
+  integrity sha512-jugzjwkUY0wtNrZlFeyXzimUL3hN4xMvoPnIXxoZqxDvjZRiSh+itgHcVUWzJ2VwD/VAMEgCLvtaJHX+4Vj3Ow==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
-"@csstools/postcss-hwb-function@^4.0.9":
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-4.0.10.tgz#f93f3c457e6440ac37ef9b908feb5d901b417d50"
-  integrity sha512-nOKKfp14SWcdEQ++S9/4TgRKchooLZL0TUFdun3nI4KPwCjETmhjta1QT4ICQcGVWQTvrsgMM/aLB5We+kMHhQ==
+"@csstools/postcss-hwb-function@^4.0.12":
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-4.0.12.tgz#07f7ecb08c50e094673bd20eaf7757db0162beee"
+  integrity sha512-mL/+88Z53KrE4JdePYFJAQWFrcADEqsLprExCM04GDNgHIztwFzj0Mbhd/yxMBngq0NIlz58VVxjt5abNs1VhA==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
-"@csstools/postcss-ic-unit@^4.0.1":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-4.0.2.tgz#7561e09db65fac8304ceeab9dd3e5c6e43414587"
-  integrity sha512-lrK2jjyZwh7DbxaNnIUjkeDmU8Y6KyzRBk91ZkI5h8nb1ykEfZrtIVArdIjX4DHMIBGpdHrgP0n4qXDr7OHaKA==
+"@csstools/postcss-ic-unit@^4.0.4":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-4.0.4.tgz#2ee2da0690db7edfbc469279711b9e69495659d2"
+  integrity sha512-yQ4VmossuOAql65sCPppVO1yfb7hDscf4GseF0VCA/DTDaBc0Wtf8MTqVPfjGYlT5+2buokG0Gp7y0atYZpwjg==
   dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
     postcss-value-parser "^4.2.0"
 
@@ -1400,22 +1622,22 @@
   resolved "https://registry.yarnpkg.com/@csstools/postcss-initial/-/postcss-initial-2.0.1.tgz#c385bd9d8ad31ad159edd7992069e97ceea4d09a"
   integrity sha512-L1wLVMSAZ4wovznquK0xmC7QSctzO4D0Is590bxpGqhqjboLXYA16dWZpfwImkdOgACdQ9PqXsuRroW6qPlEsg==
 
-"@csstools/postcss-is-pseudo-class@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-5.0.1.tgz#12041448fedf01090dd4626022c28b7f7623f58e"
-  integrity sha512-JLp3POui4S1auhDR0n8wHd/zTOWmMsmK3nQd3hhL6FhWPaox5W7j1se6zXOG/aP07wV2ww0lxbKYGwbBszOtfQ==
+"@csstools/postcss-is-pseudo-class@^5.0.3":
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-5.0.3.tgz#d34e850bcad4013c2ed7abe948bfa0448aa8eb74"
+  integrity sha512-jS/TY4SpG4gszAtIg7Qnf3AS2pjcUM5SzxpApOrlndMeGhIbaTzWBzzP/IApXoNWEW7OhcjkRT48jnAUIFXhAQ==
   dependencies:
     "@csstools/selector-specificity" "^5.0.0"
     postcss-selector-parser "^7.0.0"
 
-"@csstools/postcss-light-dark-function@^2.0.8":
-  version "2.0.9"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-light-dark-function/-/postcss-light-dark-function-2.0.9.tgz#9fb080188907539734a9d5311d2a1cb82531ef38"
-  integrity sha512-1tCZH5bla0EAkFAI2r0H33CDnIBeLUaJh1p+hvvsylJ4svsv2wOmJjJn+OXwUZLXef37GYbRIVKX+X+g6m+3CQ==
+"@csstools/postcss-light-dark-function@^2.0.11":
+  version "2.0.11"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-light-dark-function/-/postcss-light-dark-function-2.0.11.tgz#0df448aab9a33cb9a085264ff1f396fb80c4437d"
+  integrity sha512-fNJcKXJdPM3Lyrbmgw2OBbaioU7yuKZtiXClf4sGdQttitijYlZMD5K7HrC/eF83VRWRrYq6OZ0Lx92leV2LFA==
   dependencies:
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
 "@csstools/postcss-logical-float-and-clear@^3.0.0":
@@ -1440,7 +1662,7 @@
   dependencies:
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-logical-viewport-units@^3.0.3":
+"@csstools/postcss-logical-viewport-units@^3.0.4":
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-3.0.4.tgz#016d98a8b7b5f969e58eb8413447eb801add16fc"
   integrity sha512-q+eHV1haXA4w9xBwZLKjVKAWn3W2CMqmpNpZUk5kRprvSiBEGMgrNH3/sJZ8UA3JgyHaOt3jwT9uFa4wLX4EqQ==
@@ -1448,7 +1670,7 @@
     "@csstools/css-tokenizer" "^3.0.4"
     "@csstools/utilities" "^2.0.0"
 
-"@csstools/postcss-media-minmax@^2.0.8":
+"@csstools/postcss-media-minmax@^2.0.9":
   version "2.0.9"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-media-minmax/-/postcss-media-minmax-2.0.9.tgz#184252d5b93155ae526689328af6bdf3fc113987"
   integrity sha512-af9Qw3uS3JhYLnCbqtZ9crTvvkR+0Se+bBqSr7ykAnl9yKhk6895z9rf+2F4dClIDJWxgn0iZZ1PSdkhrbs2ig==
@@ -1458,7 +1680,7 @@
     "@csstools/css-tokenizer" "^3.0.4"
     "@csstools/media-query-list-parser" "^4.0.3"
 
-"@csstools/postcss-media-queries-aspect-ratio-number-values@^3.0.4":
+"@csstools/postcss-media-queries-aspect-ratio-number-values@^3.0.5":
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-3.0.5.tgz#f485c31ec13d6b0fb5c528a3474334a40eff5f11"
   integrity sha512-zhAe31xaaXOY2Px8IYfoVTB3wglbJUVigGphFLj6exb7cjZRH9A6adyE22XfFK3P2PzwRk0VDeTJmaxpluyrDg==
@@ -1475,32 +1697,45 @@
     "@csstools/utilities" "^2.0.0"
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-normalize-display-values@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.0.tgz#ecdde2daf4e192e5da0c6fd933b6d8aff32f2a36"
-  integrity sha512-HlEoG0IDRoHXzXnkV4in47dzsxdsjdz6+j7MLjaACABX2NfvjFS6XVAnpaDyGesz9gK2SC7MbNwdCHusObKJ9Q==
+"@csstools/postcss-normalize-display-values@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.1.tgz#3738ecadb38cd6521c9565635d61aa4bf5457d27"
+  integrity sha512-TQUGBuRvxdc7TgNSTevYqrL8oItxiwPDixk20qCB5me/W8uF7BPbhRrAvFuhEoywQp/woRsUZ6SJ+sU5idZAIA==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-oklab-function@^4.0.9":
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-4.0.10.tgz#d4c23c51dd0be45e6dedde22432d7d0003710780"
-  integrity sha512-ZzZUTDd0fgNdhv8UUjGCtObPD8LYxMH+MJsW9xlZaWTV8Ppr4PtxlHYNMmF4vVWGl0T6f8tyWAKjoI6vePSgAg==
+"@csstools/postcss-oklab-function@^4.0.12":
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-4.0.12.tgz#416640ef10227eea1375b47b72d141495950971d"
+  integrity sha512-HhlSmnE1NKBhXsTnNGjxvhryKtO7tJd1w42DKOGFD6jSHtYOrsJTQDKPMwvOfrzUAk8t7GcpIfRyM7ssqHpFjg==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
-"@csstools/postcss-progressive-custom-properties@^4.0.1", "@csstools/postcss-progressive-custom-properties@^4.1.0":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-4.1.0.tgz#70c8d41b577f4023633b7e3791604e0b7f3775bc"
-  integrity sha512-YrkI9dx8U4R8Sz2EJaoeD9fI7s7kmeEBfmO+UURNeL6lQI7VxF6sBE+rSqdCBn4onwqmxFdBU3lTwyYb/lCmxA==
+"@csstools/postcss-position-area-property@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-position-area-property/-/postcss-position-area-property-1.0.0.tgz#41f0cbc737a81a42890d5ec035fa26a45f4f4ad4"
+  integrity sha512-fUP6KR8qV2NuUZV3Cw8itx0Ep90aRjAZxAEzC3vrl6yjFv+pFsQbR18UuQctEKmA72K9O27CoYiKEgXxkqjg8Q==
+
+"@csstools/postcss-progressive-custom-properties@^4.2.1":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-4.2.1.tgz#c39780b9ff0d554efb842b6bd75276aa6f1705db"
+  integrity sha512-uPiiXf7IEKtUQXsxu6uWtOlRMXd2QWWy5fhxHDnPdXKCQckPP3E34ZgDoZ62r2iT+UOgWsSbM4NvHE5m3mAEdw==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-random-function@^2.0.0":
+"@csstools/postcss-property-rule-prelude-list@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-property-rule-prelude-list/-/postcss-property-rule-prelude-list-1.0.0.tgz#700b7aa41228c02281bda074ae778f36a09da188"
+  integrity sha512-IxuQjUXq19fobgmSSvUDO7fVwijDJaZMvWQugxfEUxmjBeDCVaDuMpsZ31MsTm5xbnhA+ElDi0+rQ7sQQGisFA==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+
+"@csstools/postcss-random-function@^2.0.1":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-random-function/-/postcss-random-function-2.0.1.tgz#3191f32fe72936e361dadf7dbfb55a0209e2691e"
   integrity sha512-q+FQaNiRBhnoSNo+GzqGOIBKoHQ43lYz0ICrV+UudfWnEF6ksS6DsBIJSISKQT2Bvu3g4k6r7t0zYrk5pDlo8w==
@@ -1509,15 +1744,15 @@
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
 
-"@csstools/postcss-relative-color-syntax@^3.0.9":
-  version "3.0.10"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-3.0.10.tgz#daa840583969461e1e06b12e9c591e52a790ec86"
-  integrity sha512-8+0kQbQGg9yYG8hv0dtEpOMLwB9M+P7PhacgIzVzJpixxV4Eq9AUQtQw8adMmAJU1RBBmIlpmtmm3XTRd/T00g==
+"@csstools/postcss-relative-color-syntax@^3.0.12":
+  version "3.0.12"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-3.0.12.tgz#ced792450102441f7c160e1d106f33e4b44181f8"
+  integrity sha512-0RLIeONxu/mtxRtf3o41Lq2ghLimw0w9ByLWnnEVuy89exmEEq8bynveBxNW3nyHqLAFEeNtVEmC1QK9MZ8Huw==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
 "@csstools/postcss-scope-pseudo-class@^4.0.1":
@@ -1527,7 +1762,7 @@
   dependencies:
     postcss-selector-parser "^7.0.0"
 
-"@csstools/postcss-sign-functions@^1.1.3":
+"@csstools/postcss-sign-functions@^1.1.4":
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-sign-functions/-/postcss-sign-functions-1.1.4.tgz#a9ac56954014ae4c513475b3f1b3e3424a1e0c12"
   integrity sha512-P97h1XqRPcfcJndFdG95Gv/6ZzxUBBISem0IDqPZ7WMvc/wlO+yU0c5D/OCpZ5TJoTt63Ok3knGk64N+o6L2Pg==
@@ -1536,7 +1771,7 @@
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
 
-"@csstools/postcss-stepped-value-functions@^4.0.8":
+"@csstools/postcss-stepped-value-functions@^4.0.9":
   version "4.0.9"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-4.0.9.tgz#36036f1a0e5e5ee2308e72f3c9cb433567c387b9"
   integrity sha512-h9btycWrsex4dNLeQfyU3y3w40LMQooJWFMm/SK9lrKguHDcFl4VMkncKKoXi2z5rM9YGWbUQABI8BT2UydIcA==
@@ -1545,15 +1780,30 @@
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
 
-"@csstools/postcss-text-decoration-shorthand@^4.0.2":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-4.0.2.tgz#a3bcf80492e6dda36477538ab8e8943908c9f80a"
-  integrity sha512-8XvCRrFNseBSAGxeaVTaNijAu+FzUvjwFXtcrynmazGb/9WUdsPCpBX+mHEHShVRq47Gy4peYAoxYs8ltUnmzA==
+"@csstools/postcss-syntax-descriptor-syntax-production@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-syntax-descriptor-syntax-production/-/postcss-syntax-descriptor-syntax-production-1.0.1.tgz#98590e372e547cdae60aef47cfee11f3881307dd"
+  integrity sha512-GneqQWefjM//f4hJ/Kbox0C6f2T7+pi4/fqTqOFGTL3EjnvOReTqO1qUQ30CaUjkwjYq9qZ41hzarrAxCc4gow==
+  dependencies:
+    "@csstools/css-tokenizer" "^3.0.4"
+
+"@csstools/postcss-system-ui-font-family@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-system-ui-font-family/-/postcss-system-ui-font-family-1.0.0.tgz#bd65b79078debf6f67b318dc9b71a8f9fa16f8c8"
+  integrity sha512-s3xdBvfWYfoPSBsikDXbuorcMG1nN1M6GdU0qBsGfcmNR0A/qhloQZpTxjA3Xsyrk1VJvwb2pOfiOT3at/DuIQ==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+
+"@csstools/postcss-text-decoration-shorthand@^4.0.3":
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-4.0.3.tgz#fae1b70f07d1b7beb4c841c86d69e41ecc6f743c"
+  integrity sha512-KSkGgZfx0kQjRIYnpsD7X2Om9BUXX/Kii77VBifQW9Ih929hK0KNjVngHDH0bFB9GmfWcR9vJYJJRvw/NQjkrA==
   dependencies:
-    "@csstools/color-helpers" "^5.0.2"
+    "@csstools/color-helpers" "^5.1.0"
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-trigonometric-functions@^4.0.8":
+"@csstools/postcss-trigonometric-functions@^4.0.9":
   version "4.0.9"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-4.0.9.tgz#3f94ed2e319b57f2c59720b64e4d0a8a6fb8c3b2"
   integrity sha512-Hnh5zJUdpNrJqK9v1/E3BbrQhaDTj5YiX7P61TOvUhoDHnUmsNNxcDAgkQ32RrcWx9GVUvfUNPcUkn8R3vIX6A==
@@ -1567,10 +1817,10 @@
   resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-4.0.0.tgz#7caa981a34196d06a737754864baf77d64de4bba"
   integrity sha512-cBz3tOCI5Fw6NIFEwU3RiwK6mn3nKegjpJuzCndoGq3BZPkUjnsq7uQmIeMNeMbMk7YD2MfKcgCpZwX5jyXqCA==
 
-"@csstools/selector-resolve-nested@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-resolve-nested/-/selector-resolve-nested-3.0.0.tgz#704a9b637975680e025e069a4c58b3beb3e2752a"
-  integrity sha512-ZoK24Yku6VJU1gS79a5PFmC8yn3wIapiKmPgun0hZgEI5AOqgH2kiPRsPz1qkGv4HL+wuDLH83yQyk6inMYrJQ==
+"@csstools/selector-resolve-nested@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-resolve-nested/-/selector-resolve-nested-3.1.0.tgz#848c6f44cb65e3733e478319b9342b7aa436fac7"
+  integrity sha512-mf1LEW0tJLKfWyvn5KdDrhpxHyuxpbNwTIwOYLIvsTffeyOf85j5oIzfG0yosxDgx/sswlqBnESYUcQH0vgZ0g==
 
 "@csstools/selector-specificity@^5.0.0":
   version "5.0.0"
@@ -1587,25 +1837,29 @@
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
   integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
 
-"@docsearch/css@3.9.0":
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.9.0.tgz#3bc29c96bf024350d73b0cfb7c2a7b71bf251cd5"
-  integrity sha512-cQbnVbq0rrBwNAKegIac/t6a8nWoUAn8frnkLFW6YARaRmAQr5/Eoe6Ln2fqkUCZ40KpdrKbpSAmgrkviOxuWA==
+"@docsearch/core@4.6.0":
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/@docsearch/core/-/core-4.6.0.tgz#223e40f4cf422e8a7ad005b5653a76c0272541ee"
+  integrity sha512-IqG3oSd529jVRQ4dWZQKwZwQLVd//bWJTz2HiL0LkiHrI4U/vLrBasKB7lwQB/69nBAcCgs3TmudxTZSLH/ZQg==
 
-"@docsearch/react@^3.8.1":
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.9.0.tgz#d0842b700c3ee26696786f3c8ae9f10c1a3f0db3"
-  integrity sha512-mb5FOZYZIkRQ6s/NWnM98k879vu5pscWqTLubLFBO87igYYT4VzVazh4h5o/zCvTIZgEt3PvsCOMOswOUo9yHQ==
+"@docsearch/css@4.6.0":
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-4.6.0.tgz#1780de042f61d11d60091f5c2f734543c3bc5d07"
+  integrity sha512-YlcAimkXclvqta47g47efzCM5CFxDwv2ClkDfEs/fC/Ak0OxPH2b3czwa4o8O1TRBf+ujFF2RiUwszz2fPVNJQ==
+
+"@docsearch/react@^3.9.0 || ^4.1.0":
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-4.6.0.tgz#b9a85539fda5a5398e0613fff9681d87085c84af"
+  integrity sha512-j8H5B4ArGxBPBWvw3X0J0Rm/Pjv2JDa2rV5OE0DLTp5oiBCptIJ/YlNOhZxuzbO2nwge+o3Z52nJRi3hryK9cA==
   dependencies:
-    "@algolia/autocomplete-core" "1.17.9"
-    "@algolia/autocomplete-preset-algolia" "1.17.9"
-    "@docsearch/css" "3.9.0"
-    algoliasearch "^5.14.2"
+    "@algolia/autocomplete-core" "1.19.2"
+    "@docsearch/core" "4.6.0"
+    "@docsearch/css" "4.6.0"
 
-"@docusaurus/babel@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/babel/-/babel-3.7.0.tgz#770dd5da525a9d6a2fee7d3212ec62040327f776"
-  integrity sha512-0H5uoJLm14S/oKV3Keihxvh8RV+vrid+6Gv+2qhuzbqHanawga8tYnsdpjEyt36ucJjqlby2/Md2ObWjA02UXQ==
+"@docusaurus/babel@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/babel/-/babel-3.9.2.tgz#f956c638baeccf2040e482c71a742bc7e35fdb22"
+  integrity sha512-GEANdi/SgER+L7Japs25YiGil/AUDnFFHaCGPBbundxoWtCkA2lmy7/tFmgED4y1htAy6Oi4wkJEQdGssnw9MA==
   dependencies:
     "@babel/core" "^7.25.9"
     "@babel/generator" "^7.25.9"
@@ -1617,55 +1871,54 @@
     "@babel/runtime" "^7.25.9"
     "@babel/runtime-corejs3" "^7.25.9"
     "@babel/traverse" "^7.25.9"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
     babel-plugin-dynamic-import-node "^2.3.3"
     fs-extra "^11.1.1"
     tslib "^2.6.0"
 
-"@docusaurus/bundler@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/bundler/-/bundler-3.7.0.tgz#d8e7867b3b2c43a1e320ed429f8dfe873c38506d"
-  integrity sha512-CUUT9VlSGukrCU5ctZucykvgCISivct+cby28wJwCC/fkQFgAHRp/GKv2tx38ZmXb7nacrKzFTcp++f9txUYGg==
+"@docusaurus/bundler@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/bundler/-/bundler-3.9.2.tgz#0ca82cda4acf13a493e3f66061aea351e9d356cf"
+  integrity sha512-ZOVi6GYgTcsZcUzjblpzk3wH1Fya2VNpd5jtHoCCFcJlMQ1EYXZetfAnRHLcyiFeBABaI1ltTYbOBtH/gahGVA==
   dependencies:
     "@babel/core" "^7.25.9"
-    "@docusaurus/babel" "3.7.0"
-    "@docusaurus/cssnano-preset" "3.7.0"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
+    "@docusaurus/babel" "3.9.2"
+    "@docusaurus/cssnano-preset" "3.9.2"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
     babel-loader "^9.2.1"
-    clean-css "^5.3.2"
+    clean-css "^5.3.3"
     copy-webpack-plugin "^11.0.0"
-    css-loader "^6.8.1"
+    css-loader "^6.11.0"
     css-minimizer-webpack-plugin "^5.0.1"
     cssnano "^6.1.2"
     file-loader "^6.2.0"
     html-minifier-terser "^7.2.0"
-    mini-css-extract-plugin "^2.9.1"
+    mini-css-extract-plugin "^2.9.2"
     null-loader "^4.0.1"
-    postcss "^8.4.26"
-    postcss-loader "^7.3.3"
-    postcss-preset-env "^10.1.0"
-    react-dev-utils "^12.0.1"
+    postcss "^8.5.4"
+    postcss-loader "^7.3.4"
+    postcss-preset-env "^10.2.1"
     terser-webpack-plugin "^5.3.9"
     tslib "^2.6.0"
     url-loader "^4.1.1"
     webpack "^5.95.0"
     webpackbar "^6.0.1"
 
-"@docusaurus/core@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/core/-/core-3.7.0.tgz#e871586d099093723dfe6de81c1ce610aeb20292"
-  integrity sha512-b0fUmaL+JbzDIQaamzpAFpTviiaU4cX3Qz8cuo14+HGBCwa0evEK0UYCBFY3n4cLzL8Op1BueeroUD2LYAIHbQ==
-  dependencies:
-    "@docusaurus/babel" "3.7.0"
-    "@docusaurus/bundler" "3.7.0"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/mdx-loader" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+"@docusaurus/core@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/core/-/core-3.9.2.tgz#cc970f29b85a8926d63c84f8cffdcda43ed266ff"
+  integrity sha512-HbjwKeC+pHUFBfLMNzuSjqFE/58+rLVKmOU3lxQrpsxLBOGosYco/Q0GduBb0/jEMRiyEqjNT/01rRdOMWq5pw==
+  dependencies:
+    "@docusaurus/babel" "3.9.2"
+    "@docusaurus/bundler" "3.9.2"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/mdx-loader" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     boxen "^6.2.1"
     chalk "^4.1.2"
     chokidar "^3.5.3"
@@ -1673,19 +1926,19 @@
     combine-promises "^1.1.0"
     commander "^5.1.0"
     core-js "^3.31.1"
-    del "^6.1.1"
     detect-port "^1.5.1"
     escape-html "^1.0.3"
     eta "^2.2.0"
     eval "^0.1.8"
+    execa "5.1.1"
     fs-extra "^11.1.1"
     html-tags "^3.3.1"
     html-webpack-plugin "^5.6.0"
     leven "^3.1.0"
     lodash "^4.17.21"
+    open "^8.4.0"
     p-map "^4.0.0"
     prompts "^2.4.2"
-    react-dev-utils "^12.0.1"
     react-helmet-async "npm:@slorber/react-helmet-async@1.3.0"
     react-loadable "npm:@docusaurus/react-loadable@6.0.0"
     react-loadable-ssr-addon-v5-slorber "^1.0.1"
@@ -1694,47 +1947,47 @@
     react-router-dom "^5.3.4"
     semver "^7.5.4"
     serve-handler "^6.1.6"
-    shelljs "^0.8.5"
+    tinypool "^1.0.2"
     tslib "^2.6.0"
     update-notifier "^6.0.2"
     webpack "^5.95.0"
     webpack-bundle-analyzer "^4.10.2"
-    webpack-dev-server "^4.15.2"
+    webpack-dev-server "^5.2.2"
     webpack-merge "^6.0.1"
 
-"@docusaurus/cssnano-preset@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/cssnano-preset/-/cssnano-preset-3.7.0.tgz#8fe8f2c3acbd32384b69e14983b9a63c98cae34e"
-  integrity sha512-X9GYgruZBSOozg4w4dzv9uOz8oK/EpPVQXkp0MM6Tsgp/nRIU9hJzJ0Pxg1aRa3xCeEQTOimZHcocQFlLwYajQ==
+"@docusaurus/cssnano-preset@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/cssnano-preset/-/cssnano-preset-3.9.2.tgz#523aab65349db3c51a77f2489048d28527759428"
+  integrity sha512-8gBKup94aGttRduABsj7bpPFTX7kbwu+xh3K9NMCF5K4bWBqTFYW+REKHF6iBVDHRJ4grZdIPbvkiHd/XNKRMQ==
   dependencies:
     cssnano-preset-advanced "^6.1.2"
-    postcss "^8.4.38"
+    postcss "^8.5.4"
     postcss-sort-media-queries "^5.2.0"
     tslib "^2.6.0"
 
-"@docusaurus/logger@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/logger/-/logger-3.7.0.tgz#07ecc2f460c4d2382df4991f9ce4e348e90af04c"
-  integrity sha512-z7g62X7bYxCYmeNNuO9jmzxLQG95q9QxINCwpboVcNff3SJiHJbGrarxxOVMVmAh1MsrSfxWkVGv4P41ktnFsA==
+"@docusaurus/logger@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/logger/-/logger-3.9.2.tgz#6ec6364b90f5a618a438cc9fd01ac7376869f92a"
+  integrity sha512-/SVCc57ByARzGSU60c50rMyQlBuMIJCjcsJlkphxY6B0GV4UH3tcA1994N8fFfbJ9kX3jIBe/xg3XP5qBtGDbA==
   dependencies:
     chalk "^4.1.2"
     tslib "^2.6.0"
 
-"@docusaurus/mdx-loader@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/mdx-loader/-/mdx-loader-3.7.0.tgz#5890c6e7a5b68cb1d066264ac5290cdcd59d4ecc"
-  integrity sha512-OFBG6oMjZzc78/U3WNPSHs2W9ZJ723ewAcvVJaqS0VgyeUfmzUV8f1sv+iUHA0DtwiR5T5FjOxj6nzEE8LY6VA==
+"@docusaurus/mdx-loader@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/mdx-loader/-/mdx-loader-3.9.2.tgz#78d238de6c6203fa811cc2a7e90b9b79e111408c"
+  integrity sha512-wiYoGwF9gdd6rev62xDU8AAM8JuLI/hlwOtCzMmYcspEkzecKrP8J8X+KpYnTlACBUUtXNJpSoCwFWJhLRevzQ==
   dependencies:
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     "@mdx-js/mdx" "^3.0.0"
     "@slorber/remark-comment" "^1.0.0"
     escape-html "^1.0.3"
     estree-util-value-to-estree "^3.0.1"
     file-loader "^6.2.0"
     fs-extra "^11.1.1"
-    image-size "^1.0.2"
+    image-size "^2.0.2"
     mdast-util-mdx "^3.0.0"
     mdast-util-to-string "^4.0.0"
     rehype-raw "^7.0.0"
@@ -1750,212 +2003,224 @@
     vfile "^6.0.1"
     webpack "^5.88.1"
 
-"@docusaurus/module-type-aliases@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-3.7.0.tgz#15c0745b829c6966c5b3b2c2527c72b54830b0e5"
-  integrity sha512-g7WdPqDNaqA60CmBrr0cORTrsOit77hbsTj7xE2l71YhBn79sxdm7WMK7wfhcaafkbpIh7jv5ef5TOpf1Xv9Lg==
+"@docusaurus/module-type-aliases@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-3.9.2.tgz#993c7cb0114363dea5ef6855e989b3ad4b843a34"
+  integrity sha512-8qVe2QA9hVLzvnxP46ysuofJUIc/yYQ82tvA/rBTrnpXtCjNSFLxEZfd5U8cYZuJIVlkPxamsIgwd5tGZXfvew==
   dependencies:
-    "@docusaurus/types" "3.7.0"
+    "@docusaurus/types" "3.9.2"
     "@types/history" "^4.7.11"
     "@types/react" "*"
     "@types/react-router-config" "*"
     "@types/react-router-dom" "*"
-    react-helmet-async "npm:@slorber/react-helmet-async@*"
+    react-helmet-async "npm:@slorber/react-helmet-async@1.3.0"
     react-loadable "npm:@docusaurus/react-loadable@6.0.0"
 
-"@docusaurus/plugin-client-redirects@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-client-redirects/-/plugin-client-redirects-3.7.0.tgz#b5cf92529768c457c01ad350bfc50862c6149463"
-  integrity sha512-6B4XAtE5ZVKOyhPgpgMkb7LwCkN+Hgd4vOnlbwR8nCdTQhLjz8MHbGlwwvZ/cay2SPNRX5KssqKAlcHVZP2m8g==
-  dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+"@docusaurus/plugin-client-redirects@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-client-redirects/-/plugin-client-redirects-3.9.2.tgz#9c27025c72aeeedeb783a94720163911567da0e8"
+  integrity sha512-lUgMArI9vyOYMzLRBUILcg9vcPTCyyI2aiuXq/4npcMVqOr6GfmwtmBYWSbNMlIUM0147smm4WhpXD0KFboffw==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     eta "^2.2.0"
     fs-extra "^11.1.1"
     lodash "^4.17.21"
     tslib "^2.6.0"
 
-"@docusaurus/plugin-content-blog@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-blog/-/plugin-content-blog-3.7.0.tgz#7bd69de87a1f3adb652e1473ef5b7ccc9468f47e"
-  integrity sha512-EFLgEz6tGHYWdPU0rK8tSscZwx+AsyuBW/r+tNig2kbccHYGUJmZtYN38GjAa3Fda4NU+6wqUO5kTXQSRBQD3g==
-  dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/mdx-loader" "3.7.0"
-    "@docusaurus/theme-common" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+"@docusaurus/plugin-content-blog@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-blog/-/plugin-content-blog-3.9.2.tgz#d5ce51eb7757bdab0515e2dd26a793ed4e119df9"
+  integrity sha512-3I2HXy3L1QcjLJLGAoTvoBnpOwa6DPUa3Q0dMK19UTY9mhPkKQg/DYhAGTiBUKcTR0f08iw7kLPqOhIgdV3eVQ==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/mdx-loader" "3.9.2"
+    "@docusaurus/theme-common" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     cheerio "1.0.0-rc.12"
     feed "^4.2.2"
     fs-extra "^11.1.1"
     lodash "^4.17.21"
-    reading-time "^1.5.0"
+    schema-dts "^1.1.2"
     srcset "^4.0.0"
     tslib "^2.6.0"
     unist-util-visit "^5.0.0"
     utility-types "^3.10.0"
     webpack "^5.88.1"
 
-"@docusaurus/plugin-content-docs@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-docs/-/plugin-content-docs-3.7.0.tgz#297a549e926ee2b1147b5242af6f21532c7b107c"
-  integrity sha512-GXg5V7kC9FZE4FkUZA8oo/NrlRb06UwuICzI6tcbzj0+TVgjq/mpUXXzSgKzMS82YByi4dY2Q808njcBCyy6tQ==
-  dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/mdx-loader" "3.7.0"
-    "@docusaurus/module-type-aliases" "3.7.0"
-    "@docusaurus/theme-common" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+"@docusaurus/plugin-content-docs@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-docs/-/plugin-content-docs-3.9.2.tgz#cd8f2d1c06e53c3fa3d24bdfcb48d237bf2d6b2e"
+  integrity sha512-C5wZsGuKTY8jEYsqdxhhFOe1ZDjH0uIYJ9T/jebHwkyxqnr4wW0jTkB72OMqNjsoQRcb0JN3PcSeTwFlVgzCZg==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/mdx-loader" "3.9.2"
+    "@docusaurus/module-type-aliases" "3.9.2"
+    "@docusaurus/theme-common" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     "@types/react-router-config" "^5.0.7"
     combine-promises "^1.1.0"
     fs-extra "^11.1.1"
     js-yaml "^4.1.0"
     lodash "^4.17.21"
+    schema-dts "^1.1.2"
     tslib "^2.6.0"
     utility-types "^3.10.0"
     webpack "^5.88.1"
 
-"@docusaurus/plugin-content-pages@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-pages/-/plugin-content-pages-3.7.0.tgz#c4a8f7237872236aacb77665822c474c0a00e91a"
-  integrity sha512-YJSU3tjIJf032/Aeao8SZjFOrXJbz/FACMveSMjLyMH4itQyZ2XgUIzt4y+1ISvvk5zrW4DABVT2awTCqBkx0Q==
-  dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/mdx-loader" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+"@docusaurus/plugin-content-pages@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-pages/-/plugin-content-pages-3.9.2.tgz#22db6c88ade91cec0a9e87a00b8089898051b08d"
+  integrity sha512-s4849w/p4noXUrGpPUF0BPqIAfdAe76BLaRGAGKZ1gTDNiGxGcpsLcwJ9OTi1/V8A+AzvsmI9pkjie2zjIQZKA==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/mdx-loader" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     fs-extra "^11.1.1"
     tslib "^2.6.0"
     webpack "^5.88.1"
 
-"@docusaurus/plugin-debug@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-debug/-/plugin-debug-3.7.0.tgz#a4fd45132e40cffe96bb51f48e89982a1cb8e194"
-  integrity sha512-Qgg+IjG/z4svtbCNyTocjIwvNTNEwgRjSXXSJkKVG0oWoH0eX/HAPiu+TS1HBwRPQV+tTYPWLrUypYFepfujZA==
+"@docusaurus/plugin-css-cascade-layers@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-css-cascade-layers/-/plugin-css-cascade-layers-3.9.2.tgz#358c85f63f1c6a11f611f1b8889d9435c11b22f8"
+  integrity sha512-w1s3+Ss+eOQbscGM4cfIFBlVg/QKxyYgj26k5AnakuHkKxH6004ZtuLe5awMBotIYF2bbGDoDhpgQ4r/kcj4rQ==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
+    tslib "^2.6.0"
+
+"@docusaurus/plugin-debug@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-debug/-/plugin-debug-3.9.2.tgz#b5df4db115583f5404a252dbf66f379ff933e53c"
+  integrity sha512-j7a5hWuAFxyQAkilZwhsQ/b3T7FfHZ+0dub6j/GxKNFJp2h9qk/P1Bp7vrGASnvA9KNQBBL1ZXTe7jlh4VdPdA==
   dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
     fs-extra "^11.1.1"
-    react-json-view-lite "^1.2.0"
+    react-json-view-lite "^2.3.0"
     tslib "^2.6.0"
 
-"@docusaurus/plugin-google-analytics@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-3.7.0.tgz#d20f665e810fb2295d1c1bbfe13398c5ff42eb24"
-  integrity sha512-otIqiRV/jka6Snjf+AqB360XCeSv7lQC+DKYW+EUZf6XbuE8utz5PeUQ8VuOcD8Bk5zvT1MC4JKcd5zPfDuMWA==
+"@docusaurus/plugin-google-analytics@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-3.9.2.tgz#857fe075fdeccdf6959e62954d9efe39769fa247"
+  integrity sha512-mAwwQJ1Us9jL/lVjXtErXto4p4/iaLlweC54yDUK1a97WfkC6Z2k5/769JsFgwOwOP+n5mUQGACXOEQ0XDuVUw==
   dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     tslib "^2.6.0"
 
-"@docusaurus/plugin-google-gtag@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-3.7.0.tgz#a48638dfd132858060458b875a440b6cbda6bf8f"
-  integrity sha512-M3vrMct1tY65ModbyeDaMoA+fNJTSPe5qmchhAbtqhDD/iALri0g9LrEpIOwNaoLmm6lO88sfBUADQrSRSGSWA==
+"@docusaurus/plugin-google-gtag@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-3.9.2.tgz#df75b1a90ae9266b0471909ba0265f46d5dcae62"
+  integrity sha512-YJ4lDCphabBtw19ooSlc1MnxtYGpjFV9rEdzjLsUnBCeis2djUyCozZaFhCg6NGEwOn7HDDyMh0yzcdRpnuIvA==
   dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     "@types/gtag.js" "^0.0.12"
     tslib "^2.6.0"
 
-"@docusaurus/plugin-google-tag-manager@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-tag-manager/-/plugin-google-tag-manager-3.7.0.tgz#0a4390f4b0e760d073bdb1905436bfa7bd71356b"
-  integrity sha512-X8U78nb8eiMiPNg3jb9zDIVuuo/rE1LjGDGu+5m5CX4UBZzjMy+klOY2fNya6x8ACyE/L3K2erO1ErheP55W/w==
+"@docusaurus/plugin-google-tag-manager@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-tag-manager/-/plugin-google-tag-manager-3.9.2.tgz#d1a3cf935acb7d31b84685e92d70a1d342946677"
+  integrity sha512-LJtIrkZN/tuHD8NqDAW1Tnw0ekOwRTfobWPsdO15YxcicBo2ykKF0/D6n0vVBfd3srwr9Z6rzrIWYrMzBGrvNw==
   dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     tslib "^2.6.0"
 
-"@docusaurus/plugin-sitemap@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-sitemap/-/plugin-sitemap-3.7.0.tgz#2c1bf9de26aeda455df6f77748e5887ace39b2d7"
-  integrity sha512-bTRT9YLZ/8I/wYWKMQke18+PF9MV8Qub34Sku6aw/vlZ/U+kuEuRpQ8bTcNOjaTSfYsWkK4tTwDMHK2p5S86cA==
-  dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+"@docusaurus/plugin-sitemap@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-sitemap/-/plugin-sitemap-3.9.2.tgz#e1d9f7012942562cc0c6543d3cb2cdc4ae713dc4"
+  integrity sha512-WLh7ymgDXjG8oPoM/T4/zUP7KcSuFYRZAUTl8vR6VzYkfc18GBM4xLhcT+AKOwun6kBivYKUJf+vlqYJkm+RHw==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     fs-extra "^11.1.1"
     sitemap "^7.1.1"
     tslib "^2.6.0"
 
-"@docusaurus/plugin-svgr@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-svgr/-/plugin-svgr-3.7.0.tgz#018e89efd615d5fde77b891a8c2aadf203013f5d"
-  integrity sha512-HByXIZTbc4GV5VAUkZ2DXtXv1Qdlnpk3IpuImwSnEzCDBkUMYcec5282hPjn6skZqB25M1TYCmWS91UbhBGxQg==
+"@docusaurus/plugin-svgr@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-svgr/-/plugin-svgr-3.9.2.tgz#62857ed79d97c0150d25f7e7380fdee65671163a"
+  integrity sha512-n+1DE+5b3Lnf27TgVU5jM1d4x5tUh2oW5LTsBxJX4PsAPV0JGcmI6p3yLYtEY0LRVEIJh+8RsdQmRE66wSV8mw==
   dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     "@svgr/core" "8.1.0"
     "@svgr/webpack" "^8.1.0"
     tslib "^2.6.0"
     webpack "^5.88.1"
 
-"@docusaurus/preset-classic@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/preset-classic/-/preset-classic-3.7.0.tgz#f6656a04ae6a4877523dbd04f7c491632e4003b9"
-  integrity sha512-nPHj8AxDLAaQXs+O6+BwILFuhiWbjfQWrdw2tifOClQoNfuXDjfjogee6zfx6NGHWqshR23LrcN115DmkHC91Q==
-  dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/plugin-content-blog" "3.7.0"
-    "@docusaurus/plugin-content-docs" "3.7.0"
-    "@docusaurus/plugin-content-pages" "3.7.0"
-    "@docusaurus/plugin-debug" "3.7.0"
-    "@docusaurus/plugin-google-analytics" "3.7.0"
-    "@docusaurus/plugin-google-gtag" "3.7.0"
-    "@docusaurus/plugin-google-tag-manager" "3.7.0"
-    "@docusaurus/plugin-sitemap" "3.7.0"
-    "@docusaurus/plugin-svgr" "3.7.0"
-    "@docusaurus/theme-classic" "3.7.0"
-    "@docusaurus/theme-common" "3.7.0"
-    "@docusaurus/theme-search-algolia" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-
-"@docusaurus/theme-classic@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/theme-classic/-/theme-classic-3.7.0.tgz#b483bd8e2923b6994b5f47238884b9f8984222c5"
-  integrity sha512-MnLxG39WcvLCl4eUzHr0gNcpHQfWoGqzADCly54aqCofQX6UozOS9Th4RK3ARbM9m7zIRv3qbhggI53dQtx/hQ==
-  dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/mdx-loader" "3.7.0"
-    "@docusaurus/module-type-aliases" "3.7.0"
-    "@docusaurus/plugin-content-blog" "3.7.0"
-    "@docusaurus/plugin-content-docs" "3.7.0"
-    "@docusaurus/plugin-content-pages" "3.7.0"
-    "@docusaurus/theme-common" "3.7.0"
-    "@docusaurus/theme-translations" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
+"@docusaurus/preset-classic@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/preset-classic/-/preset-classic-3.9.2.tgz#85cc4f91baf177f8146c9ce896dfa1f0fd377050"
+  integrity sha512-IgyYO2Gvaigi21LuDIe+nvmN/dfGXAiMcV/murFqcpjnZc7jxFAxW+9LEjdPt61uZLxG4ByW/oUmX/DDK9t/8w==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/plugin-content-blog" "3.9.2"
+    "@docusaurus/plugin-content-docs" "3.9.2"
+    "@docusaurus/plugin-content-pages" "3.9.2"
+    "@docusaurus/plugin-css-cascade-layers" "3.9.2"
+    "@docusaurus/plugin-debug" "3.9.2"
+    "@docusaurus/plugin-google-analytics" "3.9.2"
+    "@docusaurus/plugin-google-gtag" "3.9.2"
+    "@docusaurus/plugin-google-tag-manager" "3.9.2"
+    "@docusaurus/plugin-sitemap" "3.9.2"
+    "@docusaurus/plugin-svgr" "3.9.2"
+    "@docusaurus/theme-classic" "3.9.2"
+    "@docusaurus/theme-common" "3.9.2"
+    "@docusaurus/theme-search-algolia" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+
+"@docusaurus/theme-classic@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-classic/-/theme-classic-3.9.2.tgz#6e514f99a0ff42b80afcf42d5e5d042618311ce0"
+  integrity sha512-IGUsArG5hhekXd7RDb11v94ycpJpFdJPkLnt10fFQWOVxAtq5/D7hT6lzc2fhyQKaaCE62qVajOMKL7OiAFAIA==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/mdx-loader" "3.9.2"
+    "@docusaurus/module-type-aliases" "3.9.2"
+    "@docusaurus/plugin-content-blog" "3.9.2"
+    "@docusaurus/plugin-content-docs" "3.9.2"
+    "@docusaurus/plugin-content-pages" "3.9.2"
+    "@docusaurus/theme-common" "3.9.2"
+    "@docusaurus/theme-translations" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
     "@mdx-js/react" "^3.0.0"
     clsx "^2.0.0"
-    copy-text-to-clipboard "^3.2.0"
     infima "0.2.0-alpha.45"
     lodash "^4.17.21"
     nprogress "^0.2.0"
-    postcss "^8.4.26"
+    postcss "^8.5.4"
     prism-react-renderer "^2.3.0"
     prismjs "^1.29.0"
     react-router-dom "^5.3.4"
@@ -1963,15 +2228,15 @@
     tslib "^2.6.0"
     utility-types "^3.10.0"
 
-"@docusaurus/theme-common@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/theme-common/-/theme-common-3.7.0.tgz#18bf5c6b149a701f4bd865715ee8b595aa40b354"
-  integrity sha512-8eJ5X0y+gWDsURZnBfH0WabdNm8XMCXHv8ENy/3Z/oQKwaB/EHt5lP9VsTDTf36lKEp0V6DjzjFyFIB+CetL0A==
+"@docusaurus/theme-common@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-common/-/theme-common-3.9.2.tgz#487172c6fef9815c2746ef62a71e4f5b326f9ba5"
+  integrity sha512-6c4DAbR6n6nPbnZhY2V3tzpnKnGL+6aOsLvFL26VRqhlczli9eWG0VDUNoCQEPnGwDMhPS42UhSAnz5pThm5Ag==
   dependencies:
-    "@docusaurus/mdx-loader" "3.7.0"
-    "@docusaurus/module-type-aliases" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
+    "@docusaurus/mdx-loader" "3.9.2"
+    "@docusaurus/module-type-aliases" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
     "@types/history" "^4.7.11"
     "@types/react" "*"
     "@types/react-router-config" "*"
@@ -1981,21 +2246,21 @@
     tslib "^2.6.0"
     utility-types "^3.10.0"
 
-"@docusaurus/theme-search-algolia@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/theme-search-algolia/-/theme-search-algolia-3.7.0.tgz#2108ddf0b300b82de7c2b9ff9fcf62121b66ea37"
-  integrity sha512-Al/j5OdzwRU1m3falm+sYy9AaB93S1XF1Lgk9Yc6amp80dNxJVplQdQTR4cYdzkGtuQqbzUA8+kaoYYO0RbK6g==
-  dependencies:
-    "@docsearch/react" "^3.8.1"
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/plugin-content-docs" "3.7.0"
-    "@docusaurus/theme-common" "3.7.0"
-    "@docusaurus/theme-translations" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-validation" "3.7.0"
-    algoliasearch "^5.17.1"
-    algoliasearch-helper "^3.22.6"
+"@docusaurus/theme-search-algolia@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-search-algolia/-/theme-search-algolia-3.9.2.tgz#420fd5b27fc1673b48151fdc9fe7167ba135ed50"
+  integrity sha512-GBDSFNwjnh5/LdkxCKQHkgO2pIMX1447BxYUBG2wBiajS21uj64a+gH/qlbQjDLxmGrbrllBrtJkUHxIsiwRnw==
+  dependencies:
+    "@docsearch/react" "^3.9.0 || ^4.1.0"
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/plugin-content-docs" "3.9.2"
+    "@docusaurus/theme-common" "3.9.2"
+    "@docusaurus/theme-translations" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-validation" "3.9.2"
+    algoliasearch "^5.37.0"
+    algoliasearch-helper "^3.26.0"
     clsx "^2.0.0"
     eta "^2.2.0"
     fs-extra "^11.1.1"
@@ -2003,26 +2268,27 @@
     tslib "^2.6.0"
     utility-types "^3.10.0"
 
-"@docusaurus/theme-translations@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/theme-translations/-/theme-translations-3.7.0.tgz#0891aedc7c7040afcb3a1b34051d3a69096d0d25"
-  integrity sha512-Ewq3bEraWDmienM6eaNK7fx+/lHMtGDHQyd1O+4+3EsDxxUmrzPkV7Ct3nBWTuE0MsoZr3yNwQVKjllzCMuU3g==
+"@docusaurus/theme-translations@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/theme-translations/-/theme-translations-3.9.2.tgz#238cd69c2da92d612be3d3b4f95944c1d0f1e041"
+  integrity sha512-vIryvpP18ON9T9rjgMRFLr2xJVDpw1rtagEGf8Ccce4CkTrvM/fRB8N2nyWYOW5u3DdjkwKw5fBa+3tbn9P4PA==
   dependencies:
     fs-extra "^11.1.1"
     tslib "^2.6.0"
 
-"@docusaurus/tsconfig@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/tsconfig/-/tsconfig-3.7.0.tgz#654dcc524e25b8809af0f1b0b42485c18c047ab5"
-  integrity sha512-vRsyj3yUZCjscgfgcFYjIsTcAru/4h4YH2/XAE8Rs7wWdnng98PgWKvP5ovVc4rmRpRg2WChVW0uOy2xHDvDBQ==
+"@docusaurus/tsconfig@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/tsconfig/-/tsconfig-3.9.2.tgz#7f440e0ae665b841e1d487749037f26a0275f9c1"
+  integrity sha512-j6/Fp4Rlpxsc632cnRnl5HpOWeb6ZKssDj6/XzzAzVGXXfm9Eptx3rxCC+fDzySn9fHTS+CWJjPineCR1bB5WQ==
 
-"@docusaurus/types@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/types/-/types-3.7.0.tgz#3f5a68a60f80ecdcb085666da1d68f019afda943"
-  integrity sha512-kOmZg5RRqJfH31m+6ZpnwVbkqMJrPOG5t0IOl4i/+3ruXyNfWzZ0lVtVrD0u4ONc/0NOsS9sWYaxxWNkH1LdLQ==
+"@docusaurus/types@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/types/-/types-3.9.2.tgz#e482cf18faea0d1fa5ce0e3f1e28e0f32d2593eb"
+  integrity sha512-Ux1JUNswg+EfUEmajJjyhIohKceitY/yzjRUpu04WXgvVz+fbhVC0p+R0JhvEu4ytw8zIAys2hrdpQPBHRIa8Q==
   dependencies:
     "@mdx-js/mdx" "^3.0.0"
     "@types/history" "^4.7.11"
+    "@types/mdast" "^4.0.2"
     "@types/react" "*"
     commander "^5.1.0"
     joi "^17.9.2"
@@ -2031,37 +2297,38 @@
     webpack "^5.95.0"
     webpack-merge "^5.9.0"
 
-"@docusaurus/utils-common@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-3.7.0.tgz#1bef52837d321db5dd2361fc07f3416193b5d029"
-  integrity sha512-IZeyIfCfXy0Mevj6bWNg7DG7B8G+S6o6JVpddikZtWyxJguiQ7JYr0SIZ0qWd8pGNuMyVwriWmbWqMnK7Y5PwA==
+"@docusaurus/utils-common@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-3.9.2.tgz#e89bfcf43d66359f43df45293fcdf22814847460"
+  integrity sha512-I53UC1QctruA6SWLvbjbhCpAw7+X7PePoe5pYcwTOEXD/PxeP8LnECAhTHHwWCblyUX5bMi4QLRkxvyZ+IT8Aw==
   dependencies:
-    "@docusaurus/types" "3.7.0"
+    "@docusaurus/types" "3.9.2"
     tslib "^2.6.0"
 
-"@docusaurus/utils-validation@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/utils-validation/-/utils-validation-3.7.0.tgz#dc0786fb633ae5cef8e93337bf21c2a826c7ecbd"
-  integrity sha512-w8eiKk8mRdN+bNfeZqC4nyFoxNyI1/VExMKAzD9tqpJfLLbsa46Wfn5wcKH761g9WkKh36RtFV49iL9lh1DYBA==
+"@docusaurus/utils-validation@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils-validation/-/utils-validation-3.9.2.tgz#04aec285604790806e2fc5aa90aa950dc7ba75ae"
+  integrity sha512-l7yk3X5VnNmATbwijJkexdhulNsQaNDwoagiwujXoxFbWLcxHQqNQ+c/IAlzrfMMOfa/8xSBZ7KEKDesE/2J7A==
   dependencies:
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/utils" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/utils" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
     fs-extra "^11.2.0"
     joi "^17.9.2"
     js-yaml "^4.1.0"
     lodash "^4.17.21"
     tslib "^2.6.0"
 
-"@docusaurus/utils@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@docusaurus/utils/-/utils-3.7.0.tgz#dfdebd63524c52b498f36b2907a3b2261930b9bb"
-  integrity sha512-e7zcB6TPnVzyUaHMJyLSArKa2AG3h9+4CfvKXKKWNx6hRs+p0a+u7HHTJBgo6KW2m+vqDnuIHK4X+bhmoghAFA==
+"@docusaurus/utils@3.9.2":
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils/-/utils-3.9.2.tgz#ffab7922631c7e0febcb54e6d499f648bf8a89eb"
+  integrity sha512-lBSBiRruFurFKXr5Hbsl2thmGweAPmddhF3jb99U4EMDA5L+e5Y1rAkOS07Nvrup7HUMBDrCV45meaxZnt28nQ==
   dependencies:
-    "@docusaurus/logger" "3.7.0"
-    "@docusaurus/types" "3.7.0"
-    "@docusaurus/utils-common" "3.7.0"
+    "@docusaurus/logger" "3.9.2"
+    "@docusaurus/types" "3.9.2"
+    "@docusaurus/utils-common" "3.9.2"
     escape-string-regexp "^4.0.0"
+    execa "5.1.1"
     file-loader "^6.2.0"
     fs-extra "^11.1.1"
     github-slugger "^1.5.0"
@@ -2071,9 +2338,9 @@
     js-yaml "^4.1.0"
     lodash "^4.17.21"
     micromatch "^4.0.5"
+    p-queue "^6.6.2"
     prompts "^2.4.2"
     resolve-pathname "^3.0.0"
-    shelljs "^0.8.5"
     tslib "^2.6.0"
     url-loader "^4.1.1"
     utility-types "^3.10.0"
@@ -2342,7 +2609,28 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
-"@jest/create-cache-key-function@^29.2.1":
+"@isaacs/ttlcache@^1.4.1":
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/@isaacs/ttlcache/-/ttlcache-1.4.1.tgz#21fb23db34e9b6220c6ba023a0118a2dd3461ea2"
+  integrity sha512-RQgQ4uQ+pLbqXfOmieB91ejmLwvSgv9nLx6sT6sD83s7umBypgg+OIBOBbEUiJXrfpnp9j0mRhYYdzp9uqq3lA==
+
+"@istanbuljs/load-nyc-config@^1.0.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
+  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
+  dependencies:
+    camelcase "^5.3.1"
+    find-up "^4.1.0"
+    get-package-type "^0.1.0"
+    js-yaml "^3.13.1"
+    resolve-from "^5.0.0"
+
+"@istanbuljs/schema@^0.1.2":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
+  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
+
+"@jest/create-cache-key-function@^29.7.0":
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/@jest/create-cache-key-function/-/create-cache-key-function-29.7.0.tgz#793be38148fab78e65f40ae30c36785f4ad859f0"
   integrity sha512-4QqS3LY5PBmTRHj9sAg1HLoPzqAI0uOX6wI/TRqHIcOxlFidy6YEmCQJk6FSZjNLGCeubDMfmkWL+qaLKhSGQA==
@@ -2378,27 +2666,26 @@
   dependencies:
     "@sinclair/typebox" "^0.27.8"
 
-"@jest/types@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
-  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^15.0.0"
-    chalk "^4.0.0"
-
-"@jest/types@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
-  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+"@jest/transform@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.7.0.tgz#df2dd9c346c7d7768b8a06639994640c642e284c"
+  integrity sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==
   dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^16.0.0"
+    "@babel/core" "^7.11.6"
+    "@jest/types" "^29.6.3"
+    "@jridgewell/trace-mapping" "^0.3.18"
+    babel-plugin-istanbul "^6.1.1"
     chalk "^4.0.0"
+    convert-source-map "^2.0.0"
+    fast-json-stable-stringify "^2.1.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-util "^29.7.0"
+    micromatch "^4.0.4"
+    pirates "^4.0.4"
+    slash "^3.0.0"
+    write-file-atomic "^4.0.2"
 
 "@jest/types@^29.6.3":
   version "29.6.3"
@@ -2412,6 +2699,14 @@
     "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
+"@jridgewell/gen-mapping@^0.3.12":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/gen-mapping@^0.3.5":
   version "0.3.8"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
@@ -2421,6 +2716,14 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.24"
 
+"@jridgewell/remapping@^2.3.5":
+  version "2.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/remapping/-/remapping-2.3.5.tgz#375c476d1972947851ba1e15ae8f123047445aa1"
+  integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
@@ -2444,6 +2747,11 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
   integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
 
+"@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
+
 "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
   version "0.3.25"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
@@ -2452,6 +2760,174 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.31"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz#db15d6781c931f3a251a3dac39501c98a6082fd0"
+  integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@jsonjoy.com/base64@17.67.0":
+  version "17.67.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/base64/-/base64-17.67.0.tgz#7eeda3cb41138d77a90408fd2e42b2aba10576d7"
+  integrity sha512-5SEsJGsm15aP8TQGkDfJvz9axgPwAEm98S5DxOuYe8e1EbfajcDmgeXXzccEjh+mLnjqEKrkBdjHWS5vFNwDdw==
+
+"@jsonjoy.com/base64@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/base64/-/base64-1.1.2.tgz#cf8ea9dcb849b81c95f14fc0aaa151c6b54d2578"
+  integrity sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==
+
+"@jsonjoy.com/buffers@17.67.0", "@jsonjoy.com/buffers@^17.65.0":
+  version "17.67.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/buffers/-/buffers-17.67.0.tgz#5c58dbcdeea8824ce296bd1cfce006c2eb167b3d"
+  integrity sha512-tfExRpYxBvi32vPs9ZHaTjSP4fHAfzSmcahOfNxtvGHcyJel+aibkPlGeBB+7AoC6hL7lXIE++8okecBxx7lcw==
+
+"@jsonjoy.com/buffers@^1.0.0", "@jsonjoy.com/buffers@^1.2.0":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/buffers/-/buffers-1.2.1.tgz#8d99c7f67eaf724d3428dfd9826c6455266a5c83"
+  integrity sha512-12cdlDwX4RUM3QxmUbVJWqZ/mrK6dFQH4Zxq6+r1YXKXYBNgZXndx2qbCJwh3+WWkCSn67IjnlG3XYTvmvYtgA==
+
+"@jsonjoy.com/codegen@17.67.0":
+  version "17.67.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/codegen/-/codegen-17.67.0.tgz#3635fd8769d77e19b75dc5574bc9756019b2e591"
+  integrity sha512-idnkUplROpdBOV0HMcwhsCUS5TRUi9poagdGs70A6S4ux9+/aPuKbh8+UYRTLYQHtXvAdNfQWXDqZEx5k4Dj2Q==
+
+"@jsonjoy.com/codegen@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/codegen/-/codegen-1.0.0.tgz#5c23f796c47675f166d23b948cdb889184b93207"
+  integrity sha512-E8Oy+08cmCf0EK/NMxpaJZmOxPqM+6iSe2S4nlSBrPZOORoDJILxtbSUEDKQyTamm/BVAhIGllOBNU79/dwf0g==
+
+"@jsonjoy.com/fs-core@4.56.11":
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-core/-/fs-core-4.56.11.tgz#d65103886cd3333bae525bfa21dd054e96cd3147"
+  integrity sha512-wThHjzUp01ImIjfCwhs+UnFkeGPFAymwLEkOtenHewaKe2pTP12p6r1UuwikA9NEvNf9Vlck92r8fb8n/MWM5w==
+  dependencies:
+    "@jsonjoy.com/fs-node-builtins" "4.56.11"
+    "@jsonjoy.com/fs-node-utils" "4.56.11"
+    thingies "^2.5.0"
+
+"@jsonjoy.com/fs-fsa@4.56.11":
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-fsa/-/fs-fsa-4.56.11.tgz#a959cc2e8bd3fd481dab7a7d011ef9dc59a3e04f"
+  integrity sha512-ZYlF3XbMayyp97xEN8ZvYutU99PCHjM64mMZvnCseXkCJXJDVLAwlF8Q/7q/xiWQRsv3pQBj1WXHd9eEyYcaCQ==
+  dependencies:
+    "@jsonjoy.com/fs-core" "4.56.11"
+    "@jsonjoy.com/fs-node-builtins" "4.56.11"
+    "@jsonjoy.com/fs-node-utils" "4.56.11"
+    thingies "^2.5.0"
+
+"@jsonjoy.com/fs-node-builtins@4.56.11":
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.56.11.tgz#53311477712473dc38a939bcbdf9afdd9db41e87"
+  integrity sha512-CNmt3a0zMCIhniFLXtzPWuUxXFU+U+2VyQiIrgt/rRVeEJNrMQUABaRbVxR0Ouw1LyR9RjaEkPM6nYpED+y43A==
+
+"@jsonjoy.com/fs-node-to-fsa@4.56.11":
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.56.11.tgz#9c13f4b82bc420db731600451f2c4dd635388a0d"
+  integrity sha512-5OzGdvJDgZVo+xXWEYo72u81zpOWlxlbG4d4nL+hSiW+LKlua/dldNgPrpWxtvhgyntmdFQad2UTxFyGjJAGhA==
+  dependencies:
+    "@jsonjoy.com/fs-fsa" "4.56.11"
+    "@jsonjoy.com/fs-node-builtins" "4.56.11"
+    "@jsonjoy.com/fs-node-utils" "4.56.11"
+
+"@jsonjoy.com/fs-node-utils@4.56.11":
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.56.11.tgz#3fda5bc667cd854b85624e31f642b8f53e48bc49"
+  integrity sha512-JADOZFDA3wRfsuxkT0+MYc4F9hJO2PYDaY66kRTG6NqGX3+bqmKu66YFYAbII/tEmQWPZeHoClUB23rtQM9UPg==
+  dependencies:
+    "@jsonjoy.com/fs-node-builtins" "4.56.11"
+
+"@jsonjoy.com/fs-node@4.56.11":
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-node/-/fs-node-4.56.11.tgz#d71b7ff4dfdf460e419a4057eaeb8e36bed02197"
+  integrity sha512-D65YrnP6wRuZyEWoSFnBJSr5zARVpVBGctnhie4rCsMuGXNzX7IHKaOt85/Aj7SSoG1N2+/xlNjWmkLvZ2H3Tg==
+  dependencies:
+    "@jsonjoy.com/fs-core" "4.56.11"
+    "@jsonjoy.com/fs-node-builtins" "4.56.11"
+    "@jsonjoy.com/fs-node-utils" "4.56.11"
+    "@jsonjoy.com/fs-print" "4.56.11"
+    "@jsonjoy.com/fs-snapshot" "4.56.11"
+    glob-to-regex.js "^1.0.0"
+    thingies "^2.5.0"
+
+"@jsonjoy.com/fs-print@4.56.11":
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-print/-/fs-print-4.56.11.tgz#4ad694a4b421b8a5d05821412988a07fb68cc58b"
+  integrity sha512-rnaKRgCRIn8JGTjxhS0JPE38YM3Pj/H7SW4/tglhIPbfKEkky7dpPayNKV2qy25SZSL15oFVgH/62dMZ/z7cyA==
+  dependencies:
+    "@jsonjoy.com/fs-node-utils" "4.56.11"
+    tree-dump "^1.1.0"
+
+"@jsonjoy.com/fs-snapshot@4.56.11":
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.56.11.tgz#c64e50c3ea2ec22d7c7ce0e27c4d3c9c910d1dc9"
+  integrity sha512-IIldPX+cIRQuUol9fQzSS3hqyECxVpYMJQMqdU3dCKZFRzEl1rkIkw4P6y7Oh493sI7YdxZlKr/yWdzEWZ1wGQ==
+  dependencies:
+    "@jsonjoy.com/buffers" "^17.65.0"
+    "@jsonjoy.com/fs-node-utils" "4.56.11"
+    "@jsonjoy.com/json-pack" "^17.65.0"
+    "@jsonjoy.com/util" "^17.65.0"
+
+"@jsonjoy.com/json-pack@^1.11.0":
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pack/-/json-pack-1.21.0.tgz#93f8dd57fe3a3a92132b33d1eb182dcd9e7629fa"
+  integrity sha512-+AKG+R2cfZMShzrF2uQw34v3zbeDYUqnQ+jg7ORic3BGtfw9p/+N6RJbq/kkV8JmYZaINknaEQ2m0/f693ZPpg==
+  dependencies:
+    "@jsonjoy.com/base64" "^1.1.2"
+    "@jsonjoy.com/buffers" "^1.2.0"
+    "@jsonjoy.com/codegen" "^1.0.0"
+    "@jsonjoy.com/json-pointer" "^1.0.2"
+    "@jsonjoy.com/util" "^1.9.0"
+    hyperdyperid "^1.2.0"
+    thingies "^2.5.0"
+    tree-dump "^1.1.0"
+
+"@jsonjoy.com/json-pack@^17.65.0":
+  version "17.67.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pack/-/json-pack-17.67.0.tgz#8dd8ff65dd999c5d4d26df46c63915c7bdec093a"
+  integrity sha512-t0ejURcGaZsn1ClbJ/3kFqSOjlryd92eQY465IYrezsXmPcfHPE/av4twRSxf6WE+TkZgLY+71vCZbiIiFKA/w==
+  dependencies:
+    "@jsonjoy.com/base64" "17.67.0"
+    "@jsonjoy.com/buffers" "17.67.0"
+    "@jsonjoy.com/codegen" "17.67.0"
+    "@jsonjoy.com/json-pointer" "17.67.0"
+    "@jsonjoy.com/util" "17.67.0"
+    hyperdyperid "^1.2.0"
+    thingies "^2.5.0"
+    tree-dump "^1.1.0"
+
+"@jsonjoy.com/json-pointer@17.67.0":
+  version "17.67.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pointer/-/json-pointer-17.67.0.tgz#74439573dc046e0c9a3a552fb94b391bc75313b8"
+  integrity sha512-+iqOFInH+QZGmSuaybBUNdh7yvNrXvqR+h3wjXm0N/3JK1EyyFAeGJvqnmQL61d1ARLlk/wJdFKSL+LHJ1eaUA==
+  dependencies:
+    "@jsonjoy.com/util" "17.67.0"
+
+"@jsonjoy.com/json-pointer@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pointer/-/json-pointer-1.0.2.tgz#049cb530ac24e84cba08590c5e36b431c4843408"
+  integrity sha512-Fsn6wM2zlDzY1U+v4Nc8bo3bVqgfNTGcn6dMgs6FjrEnt4ZCe60o6ByKRjOGlI2gow0aE/Q41QOigdTqkyK5fg==
+  dependencies:
+    "@jsonjoy.com/codegen" "^1.0.0"
+    "@jsonjoy.com/util" "^1.9.0"
+
+"@jsonjoy.com/util@17.67.0", "@jsonjoy.com/util@^17.65.0":
+  version "17.67.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/util/-/util-17.67.0.tgz#7c4288fc3808233e55c7610101e7bb4590cddd3f"
+  integrity sha512-6+8xBaz1rLSohlGh68D1pdw3AwDi9xydm8QNlAFkvnavCJYSze+pxoW2VKP8p308jtlMRLs5NTHfPlZLd4w7ew==
+  dependencies:
+    "@jsonjoy.com/buffers" "17.67.0"
+    "@jsonjoy.com/codegen" "17.67.0"
+
+"@jsonjoy.com/util@^1.9.0":
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/util/-/util-1.9.0.tgz#7ee95586aed0a766b746cd8d8363e336c3c47c46"
+  integrity sha512-pLuQo+VPRnN8hfPqUTLTHk126wuYdXVxE6aDmjSeV4NCAgyxWbiOIeNJVtID3h1Vzpoi9m4jXezf73I6LgabgQ==
+  dependencies:
+    "@jsonjoy.com/buffers" "^1.0.0"
+    "@jsonjoy.com/codegen" "^1.0.0"
+
 "@leichtgewicht/ip-codec@^2.0.1":
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz#4fc56c15c580b9adb7dc3c333a134e540b44bfb1"
@@ -2571,6 +3047,11 @@
     prop-types "^15.8.1"
     react-is "^19.1.0"
 
+"@noble/hashes@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.4.0.tgz#45814aa329f30e4fe0ba49426f49dfccdd066426"
+  integrity sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -2621,6 +3102,129 @@
   resolved "https://registry.yarnpkg.com/@npmcli/name-from-folder/-/name-from-folder-2.0.0.tgz#c44d3a7c6d5c184bb6036f4d5995eee298945815"
   integrity sha512-pwK+BfEBZJbKdNYpHHRTNBwBoqrN/iIMO0AiGvYsp3Hoaq0WbgGSWQR6SCldZovoDpY3yje5lkFUe6gsDgJ2vg==
 
+"@peculiar/asn1-cms@^2.6.0", "@peculiar/asn1-cms@^2.6.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-cms/-/asn1-cms-2.6.1.tgz#cb5445c1bad9197d176073bf142a5c035b460640"
+  integrity sha512-vdG4fBF6Lkirkcl53q6eOdn3XYKt+kJTG59edgRZORlg/3atWWEReRCx5rYE1ZzTTX6vLK5zDMjHh7vbrcXGtw==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.1"
+    "@peculiar/asn1-x509-attr" "^2.6.1"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-csr@^2.6.0":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-csr/-/asn1-csr-2.6.1.tgz#9629d403bc5a61254f28ed0b90e99cee61c0e8be"
+  integrity sha512-WRWnKfIocHyzFYQTka8O/tXCiBquAPSrRjXbOkHbO4qdmS6loffCEGs+rby6WxxGdJCuunnhS2duHURhjyio6w==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.1"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-ecc@^2.6.0":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-ecc/-/asn1-ecc-2.6.1.tgz#d29c4af671508a9934edc78e7c9419fbf7bc9870"
+  integrity sha512-+Vqw8WFxrtDIN5ehUdvlN2m73exS2JVG0UAyfVB31gIfor3zWEAQPD+K9ydCxaj3MLen9k0JhKpu9LqviuCE1g==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.1"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pfx@^2.6.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pfx/-/asn1-pfx-2.6.1.tgz#75cddd14d43ef875109e91ea150377d679c8fbc1"
+  integrity sha512-nB5jVQy3MAAWvq0KY0R2JUZG8bO/bTLpnwyOzXyEh/e54ynGTatAR+csOnXkkVD9AFZ2uL8Z7EV918+qB1qDvw==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.1"
+    "@peculiar/asn1-pkcs8" "^2.6.1"
+    "@peculiar/asn1-rsa" "^2.6.1"
+    "@peculiar/asn1-schema" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pkcs8@^2.6.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pkcs8/-/asn1-pkcs8-2.6.1.tgz#bd56b4bb9e8a3702369049713a89134c87c6931a"
+  integrity sha512-JB5iQ9Izn5yGMw3ZG4Nw3Xn/hb/G38GYF3lf7WmJb8JZUydhVGEjK/ZlFSWhnlB7K/4oqEs8HnfFIKklhR58Tw==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.1"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pkcs9@^2.6.0":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pkcs9/-/asn1-pkcs9-2.6.1.tgz#ddc5222952f25b59a0562a6f8cabdb72f586a496"
+  integrity sha512-5EV8nZoMSxeWmcxWmmcolg22ojZRgJg+Y9MX2fnE2bGRo5KQLqV5IL9kdSQDZxlHz95tHvIq9F//bvL1OeNILw==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.1"
+    "@peculiar/asn1-pfx" "^2.6.1"
+    "@peculiar/asn1-pkcs8" "^2.6.1"
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.1"
+    "@peculiar/asn1-x509-attr" "^2.6.1"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-rsa@^2.6.0", "@peculiar/asn1-rsa@^2.6.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-rsa/-/asn1-rsa-2.6.1.tgz#2cdf9f9ea6d6fdbaae214b9fed6de0534b654437"
+  integrity sha512-1nVMEh46SElUt5CB3RUTV4EG/z7iYc7EoaDY5ECwganibQPkZ/Y2eMsTKB/LeyrUJ+W/tKoD9WUqIy8vB+CEdA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.1"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-schema@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-schema/-/asn1-schema-2.6.0.tgz#0dca1601d5b0fed2a72fed7a5f1d0d7dbe3a6f82"
+  integrity sha512-xNLYLBFTBKkCzEZIw842BxytQQATQv+lDTCEMZ8C196iJcJJMBUZxrhSTxLaohMyKK8QlzRNTRkUmanucnDSqg==
+  dependencies:
+    asn1js "^3.0.6"
+    pvtsutils "^1.3.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-x509-attr@^2.6.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-x509-attr/-/asn1-x509-attr-2.6.1.tgz#6425008b8099476010aace5b8ae9f9cbc41db0ab"
+  integrity sha512-tlW6cxoHwgcQghnJwv3YS+9OO1737zgPogZ+CgWRUK4roEwIPzRH4JEiG770xe5HX2ATfCpmX60gurfWIF9dcQ==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.1"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-x509@^2.6.0", "@peculiar/asn1-x509@^2.6.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-x509/-/asn1-x509-2.6.1.tgz#4e8995659e16178e0e90fe90519aa269045af262"
+  integrity sha512-O9jT5F1A2+t3r7C4VT7LYGXqkGLK7Kj1xFpz7U0isPrubwU5PbDoyYtx6MiGst29yq7pXN5vZbQFKRCP+lLZlA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    asn1js "^3.0.6"
+    pvtsutils "^1.3.6"
+    tslib "^2.8.1"
+
+"@peculiar/x509@^1.14.2":
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/@peculiar/x509/-/x509-1.14.3.tgz#2c44c2b89474346afec38a0c2803ec4fb8ce959e"
+  integrity sha512-C2Xj8FZ0uHWeCXXqX5B4/gVFQmtSkiuOolzAgutjTfseNOHT3pUjljDZsTSxXFGgio54bCzVFqmEOUrIVk8RDA==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.0"
+    "@peculiar/asn1-csr" "^2.6.0"
+    "@peculiar/asn1-ecc" "^2.6.0"
+    "@peculiar/asn1-pkcs9" "^2.6.0"
+    "@peculiar/asn1-rsa" "^2.6.0"
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    pvtsutils "^1.3.6"
+    reflect-metadata "^0.2.2"
+    tslib "^2.8.1"
+    tsyringe "^4.10.0"
+
 "@pkgjs/parseargs@^0.11.0":
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
@@ -2662,180 +3266,90 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
 
-"@react-native-community/cli-clean@^10.1.1":
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-10.1.1.tgz#4c73ce93a63a24d70c0089d4025daac8184ff504"
-  integrity sha512-iNsrjzjIRv9yb5y309SWJ8NDHdwYtnCpmxZouQDyOljUdC9MwdZ4ChbtA4rwQyAwgOVfS9F/j56ML3Cslmvrxg==
-  dependencies:
-    "@react-native-community/cli-tools" "^10.1.1"
-    chalk "^4.1.2"
-    execa "^1.0.0"
-    prompts "^2.4.0"
-
-"@react-native-community/cli-config@^10.1.1":
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-config/-/cli-config-10.1.1.tgz#08dcc5d7ca1915647dc06507ed853fe0c1488395"
-  integrity sha512-p4mHrjC+s/ayiNVG6T35GdEGdP6TuyBUg5plVGRJfTl8WT6LBfLYLk+fz/iETrEZ/YkhQIsQcEUQC47MqLNHog==
-  dependencies:
-    "@react-native-community/cli-tools" "^10.1.1"
-    chalk "^4.1.2"
-    cosmiconfig "^5.1.0"
-    deepmerge "^3.2.0"
-    glob "^7.1.3"
-    joi "^17.2.1"
+"@react-native/assets-registry@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/assets-registry/-/assets-registry-0.83.0.tgz#81a4a3c48069f4e2e4e9d55dbd4fbcb8102246be"
+  integrity sha512-EmGSKDvmnEnBrTK75T+0Syt6gy/HACOTfziw5+392Kr1Bb28Rv26GyOIkvptnT+bb2VDHU0hx9G0vSy5/S3rmQ==
 
-"@react-native-community/cli-debugger-ui@^10.0.0":
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-10.0.0.tgz#4bb6d41c7e46449714dc7ba5d9f5b41ef0ea7c57"
-  integrity sha512-8UKLcvpSNxnUTRy8CkCl27GGLqZunQ9ncGYhSrWyKrU9SWBJJGeZwi2k2KaoJi5FvF2+cD0t8z8cU6lsq2ZZmA==
+"@react-native/codegen@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/codegen/-/codegen-0.83.0.tgz#7741f906892c257d5a35bfea38e45d68faa869de"
+  integrity sha512-3fvMi/pSJHhikjwMZQplU4Ar9ANoR2GSBxotbkKIMI6iNduh+ln1FTvB2me69FA68aHtVZOO+cO+QpGCcvgaMA==
   dependencies:
-    serve-static "^1.13.1"
-
-"@react-native-community/cli-doctor@^10.2.7":
-  version "10.2.7"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-doctor/-/cli-doctor-10.2.7.tgz#1a3ecd18a7b1e685864c9dc95e014a5f8f225f84"
-  integrity sha512-MejE7m+63DxfKwFSvyZGfq+72jX0RSP9SdSmDbW0Bjz2NIEE3BsE8rNay+ByFbdSLsapRPvaZv2Jof+dK2Y/yg==
-  dependencies:
-    "@react-native-community/cli-config" "^10.1.1"
-    "@react-native-community/cli-platform-ios" "^10.2.5"
-    "@react-native-community/cli-tools" "^10.1.1"
-    chalk "^4.1.2"
-    command-exists "^1.2.8"
-    envinfo "^7.7.2"
-    execa "^1.0.0"
-    hermes-profile-transformer "^0.0.6"
-    node-stream-zip "^1.9.1"
-    ora "^5.4.1"
-    prompts "^2.4.0"
-    semver "^6.3.0"
-    strip-ansi "^5.2.0"
-    sudo-prompt "^9.0.0"
-    wcwidth "^1.0.1"
+    "@babel/core" "^7.25.2"
+    "@babel/parser" "^7.25.3"
+    glob "^7.1.1"
+    hermes-parser "0.32.0"
+    invariant "^2.2.4"
+    nullthrows "^1.1.1"
+    yargs "^17.6.2"
 
-"@react-native-community/cli-hermes@^10.2.7":
-  version "10.2.7"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-hermes/-/cli-hermes-10.2.7.tgz#bcb28dfe551562a68d13c787550319f9831576b4"
-  integrity sha512-MULfkgeLx1fietx10pLFLmlfRh0dcfX/HABXB5Tm0BzQDXy7ofFIJ/UxH+IF55NwPKXl6aEpTbPwbgsyJxqPiA==
+"@react-native/community-cli-plugin@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/community-cli-plugin/-/community-cli-plugin-0.83.0.tgz#f33388646eb4109f2572c715fb341695369dc48c"
+  integrity sha512-bJD5pLURgKY2YK0R6gUsFWHiblSAFt1Xyc2fsyCL8XBnB7kJfVhLAKGItk6j1QZbwm1Io41ekZxBmZdyQqIDrg==
   dependencies:
-    "@react-native-community/cli-platform-android" "^10.2.0"
-    "@react-native-community/cli-tools" "^10.1.1"
-    chalk "^4.1.2"
-    hermes-profile-transformer "^0.0.6"
-
-"@react-native-community/cli-platform-android@10.2.0", "@react-native-community/cli-platform-android@^10.2.0":
-  version "10.2.0"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-10.2.0.tgz#0bc689270a5f1d9aaf9e723181d43ca4dbfffdef"
-  integrity sha512-CBenYwGxwFdObZTn1lgxWtMGA5ms2G/ALQhkS+XTAD7KHDrCxFF9yT/fnAjFZKM6vX/1TqGI1RflruXih3kAhw==
-  dependencies:
-    "@react-native-community/cli-tools" "^10.1.1"
-    chalk "^4.1.2"
-    execa "^1.0.0"
-    glob "^7.1.3"
-    logkitty "^0.7.1"
+    "@react-native/dev-middleware" "0.83.0"
+    debug "^4.4.0"
+    invariant "^2.2.4"
+    metro "^0.83.3"
+    metro-config "^0.83.3"
+    metro-core "^0.83.3"
+    semver "^7.1.3"
 
-"@react-native-community/cli-platform-ios@10.2.5", "@react-native-community/cli-platform-ios@^10.2.5":
-  version "10.2.5"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-10.2.5.tgz#7888c74b83099885bf9e6d52170c6e663ad971ee"
-  integrity sha512-hq+FZZuSBK9z82GLQfzdNDl8vbFx5UlwCLFCuTtNCROgBoapFtVZQKRP2QBftYNrQZ0dLAb01gkwxagHsQCFyg==
-  dependencies:
-    "@react-native-community/cli-tools" "^10.1.1"
-    chalk "^4.1.2"
-    execa "^1.0.0"
-    fast-xml-parser "^4.0.12"
-    glob "^7.1.3"
-    ora "^5.4.1"
+"@react-native/debugger-frontend@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/debugger-frontend/-/debugger-frontend-0.83.0.tgz#1ce22e0699ebf80e0737ff5471e47107b97b345d"
+  integrity sha512-7XVbkH8nCjLKLe8z5DS37LNP62/QNNya/YuLlVoLfsiB54nR/kNZij5UU7rS0npAZ3WN7LR0anqLlYnzDd0JHA==
 
-"@react-native-community/cli-plugin-metro@^10.2.3":
-  version "10.2.3"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-plugin-metro/-/cli-plugin-metro-10.2.3.tgz#419e0155a50951c3329818fba51cb5021a7294f1"
-  integrity sha512-jHi2oDuTePmW4NEyVT8JEGNlIYcnFXCSV2ZMp4rnDrUk4TzzyvS3IMvDlESEmG8Kry8rvP0KSUx/hTpy37Sbkw==
+"@react-native/debugger-shell@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/debugger-shell/-/debugger-shell-0.83.0.tgz#879f34a7e6c3adc4be8a73a506ea2dba8281b5c8"
+  integrity sha512-rJJxRRLLsKW+cqd0ALSBoqwL5SQTmwpd5SGl6rq9sY+fInCUKfkLEIc5HWQ0ppqoPyDteQVWbQ3a5VN84aJaNg==
   dependencies:
-    "@react-native-community/cli-server-api" "^10.1.1"
-    "@react-native-community/cli-tools" "^10.1.1"
-    chalk "^4.1.2"
-    execa "^1.0.0"
-    metro "0.73.10"
-    metro-config "0.73.10"
-    metro-core "0.73.10"
-    metro-react-native-babel-transformer "0.73.10"
-    metro-resolver "0.73.10"
-    metro-runtime "0.73.10"
-    readline "^1.3.0"
-
-"@react-native-community/cli-server-api@^10.1.1":
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-server-api/-/cli-server-api-10.1.1.tgz#e382269de281bb380c2e685431364fbbb8c1cb3a"
-  integrity sha512-NZDo/wh4zlm8as31UEBno2bui8+ufzsZV+KN7QjEJWEM0levzBtxaD+4je0OpfhRIIkhaRm2gl/vVf7OYAzg4g==
-  dependencies:
-    "@react-native-community/cli-debugger-ui" "^10.0.0"
-    "@react-native-community/cli-tools" "^10.1.1"
-    compression "^1.7.1"
+    cross-spawn "^7.0.6"
+    fb-dotslash "0.5.8"
+
+"@react-native/dev-middleware@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/dev-middleware/-/dev-middleware-0.83.0.tgz#1b4d3bf261bfd5ef162161d9ac28c2170fb7397d"
+  integrity sha512-HWn42tbp0h8RWttua6d6PjseaSr3IdwkaoqVxhiM9kVDY7Ro00eO7tdlVgSzZzhIibdVS2b2C3x+sFoWhag1fA==
+  dependencies:
+    "@isaacs/ttlcache" "^1.4.1"
+    "@react-native/debugger-frontend" "0.83.0"
+    "@react-native/debugger-shell" "0.83.0"
+    chrome-launcher "^0.15.2"
+    chromium-edge-launcher "^0.2.0"
     connect "^3.6.5"
-    errorhandler "^1.5.0"
-    nocache "^3.0.1"
-    pretty-format "^26.6.2"
-    serve-static "^1.13.1"
-    ws "^7.5.1"
-
-"@react-native-community/cli-tools@^10.1.1":
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-10.1.1.tgz#fa66e509c0d3faa31f7bb87ed7d42ad63f368ddd"
-  integrity sha512-+FlwOnZBV+ailEzXjcD8afY2ogFEBeHOw/8+XXzMgPaquU2Zly9B+8W089tnnohO3yfiQiZqkQlElP423MY74g==
-  dependencies:
-    appdirsjs "^1.2.4"
-    chalk "^4.1.2"
-    find-up "^5.0.0"
-    mime "^2.4.1"
-    node-fetch "^2.6.0"
-    open "^6.2.0"
-    ora "^5.4.1"
-    semver "^6.3.0"
-    shell-quote "^1.7.3"
-
-"@react-native-community/cli-types@^10.0.0":
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-10.0.0.tgz#046470c75ec18f8b3bd906e54e43a6f678e01a45"
-  integrity sha512-31oUM6/rFBZQfSmDQsT1DX/5fjqfxg7sf2u8kTPJK7rXVya5SRpAMaCXsPAG0omsmJxXt+J9HxUi3Ic+5Ux5Iw==
-  dependencies:
-    joi "^17.2.1"
-
-"@react-native-community/cli@10.2.7":
-  version "10.2.7"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-10.2.7.tgz#013c47827d138bcc5ac64fb5c5e792ff3350a0e8"
-  integrity sha512-31GrAP5PjHosXV5bkHWVnYGjAeka2gkTTsPqasJAki5RI1njB1a2WAkYFV0sn+gqc4RU1s96RELBBfT+EGzhAQ==
-  dependencies:
-    "@react-native-community/cli-clean" "^10.1.1"
-    "@react-native-community/cli-config" "^10.1.1"
-    "@react-native-community/cli-debugger-ui" "^10.0.0"
-    "@react-native-community/cli-doctor" "^10.2.7"
-    "@react-native-community/cli-hermes" "^10.2.7"
-    "@react-native-community/cli-plugin-metro" "^10.2.3"
-    "@react-native-community/cli-server-api" "^10.1.1"
-    "@react-native-community/cli-tools" "^10.1.1"
-    "@react-native-community/cli-types" "^10.0.0"
-    chalk "^4.1.2"
-    commander "^9.4.1"
-    execa "^1.0.0"
-    find-up "^4.1.0"
-    fs-extra "^8.1.0"
-    graceful-fs "^4.1.3"
-    prompts "^2.4.0"
-    semver "^6.3.0"
-
-"@react-native/assets@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@react-native/assets/-/assets-1.0.0.tgz#c6f9bf63d274bafc8e970628de24986b30a55c8e"
-  integrity sha512-KrwSpS1tKI70wuKl68DwJZYEvXktDHdZMG0k2AXD/rJVSlB23/X2CB2cutVR0HwNMJIal9HOUOBB2rVfa6UGtQ==
-
-"@react-native/normalize-color@2.1.0", "@react-native/normalize-color@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@react-native/normalize-color/-/normalize-color-2.1.0.tgz#939b87a9849e81687d3640c5efa2a486ac266f91"
-  integrity sha512-Z1jQI2NpdFJCVgpY+8Dq/Bt3d+YUi1928Q+/CZm/oh66fzM0RUl54vvuXlPJKybH4pdCZey1eDTPaLHkMPNgWA==
-
-"@react-native/polyfills@2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@react-native/polyfills/-/polyfills-2.0.0.tgz#4c40b74655c83982c8cf47530ee7dc13d957b6aa"
-  integrity sha512-K0aGNn1TjalKj+65D7ycc1//H9roAQ51GJVk5ZJQFb2teECGmzd86bYDC0aYdbRf7gtovescq4Zt6FR0tgXiHQ==
+    debug "^4.4.0"
+    invariant "^2.2.4"
+    nullthrows "^1.1.1"
+    open "^7.0.3"
+    serve-static "^1.16.2"
+    ws "^7.5.10"
+
+"@react-native/gradle-plugin@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/gradle-plugin/-/gradle-plugin-0.83.0.tgz#85e00a918a5fd249b4caf1137d0b1a808e510df1"
+  integrity sha512-BXZRmfsbgPhEPkrRPjk2njA2AzhSelBqhuoklnv3DdLTdxaRjKYW+LW0zpKo1k3qPKj7kG1YGI3miol6l1GB5g==
+
+"@react-native/js-polyfills@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/js-polyfills/-/js-polyfills-0.83.0.tgz#d45123c150286fb179ee00957d2d9e8ca815ab8c"
+  integrity sha512-cVB9BMqlfbQR0v4Wxi5M2yDhZoKiNqWgiEXpp7ChdZIXI0SEnj8WwLwE3bDkyOfF8tCHdytpInXyg/al2O+dLQ==
+
+"@react-native/normalize-colors@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/normalize-colors/-/normalize-colors-0.83.0.tgz#3aeb8967552b95400ee6ae1d95f4d11f289e409b"
+  integrity sha512-DG1ELOqQ6RS82R1zEUGTWa/pfSPOf+vwAnQB7Ao1vRuhW/xdd2OPQJyqx5a5QWMYpGrlkCb7ERxEVX6p2QODCA==
+
+"@react-native/virtualized-lists@0.83.0":
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/@react-native/virtualized-lists/-/virtualized-lists-0.83.0.tgz#f65f70d9a5fe744aeb3c9ea6b8c21b39cf849716"
+  integrity sha512-AVnDppwPidQrPrzA4ETr4o9W+40yuijg3EVgFt2hnMldMZkqwPRrgJL2GSreQjCYe1NfM5Yn4Egyy4Kd0yp4Lw==
+  dependencies:
+    invariant "^2.2.4"
+    nullthrows "^1.1.1"
 
 "@resvg/resvg-wasm@2.4.0":
   version "2.4.0"
@@ -3011,15 +3525,22 @@
     "@svgr/plugin-jsx" "8.1.0"
     "@svgr/plugin-svgo" "8.1.0"
 
-"@swmansion/t-rex-ui@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@swmansion/t-rex-ui/-/t-rex-ui-1.0.0.tgz#4b1e61621886a904824fb2f84e808cb25e1b5ed0"
-  integrity sha512-wkXNBXEh++vxow3v48qeJcadnkT8XLcJDfapd/Fw3ZvX/ciU0T4+14+OnijzvBgLBtvWYZjZZy1xFxEjtSwSPw==
-  dependencies:
-    "@docusaurus/core" "3.7.0"
-    "@docusaurus/module-type-aliases" "3.7.0"
-    "@docusaurus/preset-classic" "3.7.0"
-    "@docusaurus/theme-search-algolia" "3.7.0"
+"@swmansion/t-rex-ui@1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@swmansion/t-rex-ui/-/t-rex-ui-1.3.0.tgz#6d2a95b3eab58fd738ad885bb509f05bed59a9fc"
+  integrity sha512-xh3DYPUYekM+0rmBQtTPyDsy+QaapjRf+7zknqssdc9UsK9yg4MFa/nMEVprNwH179ysufAhVdq9dgp68KvrIw==
+  dependencies:
+    "@docusaurus/core" "3.9.2"
+    "@docusaurus/module-type-aliases" "3.9.2"
+    "@docusaurus/plugin-debug" "3.9.2"
+    "@docusaurus/preset-classic" "3.9.2"
+    "@docusaurus/theme-search-algolia" "3.9.2"
+    fs-extra "^11.3.3"
+    gray-matter "^4.0.3"
+    remark-mdx "^3.0.0"
+    remark-parse "^11.0.0"
+    remark-stringify "^11.0.0"
+    unified "^11.0.5"
 
 "@szmarczak/http-timer@^5.0.1":
   version "5.0.1"
@@ -3040,6 +3561,39 @@
   dependencies:
     "@types/estree" "*"
 
+"@types/babel__core@^7.1.14":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
+  integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==
+  dependencies:
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
+
+"@types/babel__generator@*":
+  version "7.27.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.27.0.tgz#b5819294c51179957afaec341442f9341e4108a9"
+  integrity sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==
+  dependencies:
+    "@babel/types" "^7.0.0"
+
+"@types/babel__template@*":
+  version "7.4.4"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.4.tgz#5672513701c1b2199bc6dad636a9d7491586766f"
+  integrity sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.28.0.tgz#07d713d6cce0d265c9849db0cbe62d3f61f36f74"
+  integrity sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==
+  dependencies:
+    "@babel/types" "^7.28.2"
+
 "@types/body-parser@*":
   version "1.19.5"
   resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4"
@@ -3048,7 +3602,7 @@
     "@types/connect" "*"
     "@types/node" "*"
 
-"@types/bonjour@^3.5.9":
+"@types/bonjour@^3.5.13":
   version "3.5.13"
   resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.13.tgz#adf90ce1a105e81dd1f9c61fdc5afda1bfb92956"
   integrity sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==
@@ -3062,7 +3616,7 @@
   dependencies:
     "@types/node" "*"
 
-"@types/connect-history-api-fallback@^1.3.5":
+"@types/connect-history-api-fallback@^1.5.4":
   version "1.5.4"
   resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz#7de71645a103056b48ac3ce07b3520b819c1d5b3"
   integrity sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==
@@ -3122,6 +3676,16 @@
     "@types/range-parser" "*"
     "@types/send" "*"
 
+"@types/express-serve-static-core@^4.17.21":
+  version "4.19.8"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.8.tgz#99b960322a4d576b239a640ab52ef191989b036f"
+  integrity sha512-02S5fmqeoKzVZCHPZid4b8JH2eM5HzQLZWN2FohQEy/0eXTq8VXZfSN6Pcr3F6N9R/vNrj7cpgbhjie6m/1tCA==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+    "@types/send" "*"
+
 "@types/express-serve-static-core@^4.17.33":
   version "4.19.6"
   resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz#e01324c2a024ff367d92c66f48553ced0ab50267"
@@ -3141,15 +3705,22 @@
     "@types/express-serve-static-core" "^5.0.0"
     "@types/serve-static" "*"
 
-"@types/express@^4.17.13":
-  version "4.17.22"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.22.tgz#14cfcf120f7eb56ebb8ca77b7fa9a14d21de7c96"
-  integrity sha512-eZUmSnhRX9YRSkplpz0N+k6NljUUn5l3EWZIKZvYzhvMphEuNiyyy1viH/ejgt66JWgALwC/gtSUAeQKtSwW/w==
+"@types/express@^4.17.25":
+  version "4.17.25"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.25.tgz#070c8c73a6fee6936d65c195dbbfb7da5026649b"
+  integrity sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==
   dependencies:
     "@types/body-parser" "*"
     "@types/express-serve-static-core" "^4.17.33"
     "@types/qs" "*"
-    "@types/serve-static" "*"
+    "@types/serve-static" "^1"
+
+"@types/graceful-fs@^4.1.3":
+  version "4.1.9"
+  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4"
+  integrity sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==
+  dependencies:
+    "@types/node" "*"
 
 "@types/gtag.js@^0.0.12":
   version "0.0.12"
@@ -3226,7 +3797,7 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/json-schema@*", "@types/json-schema@^7.0.15", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+"@types/json-schema@*", "@types/json-schema@^7.0.15", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
   version "7.0.15"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
@@ -3260,13 +3831,6 @@
   resolved "https://registry.yarnpkg.com/@types/ms/-/ms-2.1.0.tgz#052aa67a48eccc4309d7f0191b7e41434b90bb78"
   integrity sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==
 
-"@types/node-forge@^1.3.0":
-  version "1.3.11"
-  resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.11.tgz#0972ea538ddb0f4d9c2fa0ec5db5724773a604da"
-  integrity sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==
-  dependencies:
-    "@types/node" "*"
-
 "@types/node@*":
   version "22.15.21"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-22.15.21.tgz#196ef14fe20d87f7caf1e7b39832767f9a995b77"
@@ -3349,10 +3913,10 @@
   dependencies:
     csstype "^3.0.2"
 
-"@types/retry@0.12.0":
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
-  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
+"@types/retry@0.12.2":
+  version "0.12.2"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.2.tgz#ed279a64fa438bb69f2480eda44937912bb7480a"
+  integrity sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==
 
 "@types/sax@^1.2.1":
   version "1.2.7"
@@ -3369,14 +3933,22 @@
     "@types/mime" "^1"
     "@types/node" "*"
 
-"@types/serve-index@^1.9.1":
+"@types/send@<1":
+  version "0.17.6"
+  resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.6.tgz#aeb5385be62ff58a52cd5459daa509ae91651d25"
+  integrity sha512-Uqt8rPBE8SY0RK8JB1EzVOIZ32uqy8HwdxCnoCOsYrvnswqmFZ/k+9Ikidlk/ImhsdvBsloHbAlewb2IEBV/Og==
+  dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
+"@types/serve-index@^1.9.4":
   version "1.9.4"
   resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.4.tgz#e6ae13d5053cb06ed36392110b4f9a49ac4ec898"
   integrity sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==
   dependencies:
     "@types/express" "*"
 
-"@types/serve-static@*", "@types/serve-static@^1.13.10":
+"@types/serve-static@*":
   version "1.15.7"
   resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.7.tgz#22174bbd74fb97fe303109738e9b5c2f3064f714"
   integrity sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==
@@ -3385,7 +3957,16 @@
     "@types/node" "*"
     "@types/send" "*"
 
-"@types/sockjs@^0.3.33":
+"@types/serve-static@^1", "@types/serve-static@^1.15.5":
+  version "1.15.10"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.10.tgz#768169145a778f8f5dfcb6360aead414a3994fee"
+  integrity sha512-tRs1dB+g8Itk72rlSI2ZrW6vZg0YrLI81iQSTkMmOqnqCaNr/8Ek4VwWcN5vZgCYWbg/JJSGBlUaYGAOP73qBw==
+  dependencies:
+    "@types/http-errors" "*"
+    "@types/node" "*"
+    "@types/send" "<1"
+
+"@types/sockjs@^0.3.36":
   version "0.3.36"
   resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.36.tgz#ce322cf07bcc119d4cbf7f88954f3a3bd0f67535"
   integrity sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==
@@ -3412,7 +3993,7 @@
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.11.tgz#11af57b127e32487774841f7a4e54eab166d03c4"
   integrity sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==
 
-"@types/ws@^8.5.5":
+"@types/ws@^8.5.10":
   version "8.18.1"
   resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.18.1.tgz#48464e4bf2ddfd17db13d845467f6070ffea4aa9"
   integrity sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==
@@ -3424,20 +4005,6 @@
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15"
   integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==
 
-"@types/yargs@^15.0.0":
-  version "15.0.19"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.19.tgz#328fb89e46109ecbdb70c295d96ff2f46dfd01b9"
-  integrity sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA==
-  dependencies:
-    "@types/yargs-parser" "*"
-
-"@types/yargs@^16.0.0":
-  version "16.0.9"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.9.tgz#ba506215e45f7707e6cbcaf386981155b7ab956e"
-  integrity sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@types/yargs@^17.0.8":
   version "17.0.33"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.33.tgz#8c32303da83eec050a84b3c7ae7b9f922d13e32d"
@@ -3617,12 +4184,15 @@ abort-controller@^3.0.0:
   dependencies:
     event-target-shim "^5.0.0"
 
-absolute-path@^0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/absolute-path/-/absolute-path-0.0.0.tgz#a78762fbdadfb5297be99b15d35a785b2f095bf7"
-  integrity sha512-HQiug4c+/s3WOvEnDRxXVmNtSG5s2gJM9r19BTcqjp7BWcE48PB+Y2G6jE65kqI0LpsQeMZygt/b60Gi4KxGyA==
+accepts@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-2.0.0.tgz#bbcf4ba5075467f3f2131eab3cffc73c2f5d7895"
+  integrity sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==
+  dependencies:
+    mime-types "^3.0.0"
+    negotiator "^1.0.0"
 
-accepts@^1.3.7, accepts@~1.3.4, accepts@~1.3.7, accepts@~1.3.8:
+accepts@~1.3.4, accepts@~1.3.8:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
   integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
@@ -3647,11 +4217,16 @@ acorn@^8.0.0, acorn@^8.0.4, acorn@^8.10.0, acorn@^8.11.0, acorn@^8.14.0, acorn@^
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.1.tgz#721d5dc10f7d5b5609a891773d47731796935dfb"
   integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
 
-address@^1.0.1, address@^1.1.2:
+address@^1.0.1:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
   integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
 
+agent-base@^7.1.2:
+  version "7.1.4"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.4.tgz#e3cd76d4c548ee895d3c3fd8dc1f6c5b9032e7a8"
+  integrity sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==
+
 aggregate-error@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
@@ -3667,7 +4242,7 @@ ajv-formats@^2.1.1:
   dependencies:
     ajv "^8.0.0"
 
-ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
+ajv-keywords@^3.5.2:
   version "3.5.2"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
   integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
@@ -3679,7 +4254,7 @@ ajv-keywords@^5.1.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.12.2, ajv@^6.12.5:
+ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -3699,31 +4274,32 @@ ajv@^8.0.0, ajv@^8.9.0:
     json-schema-traverse "^1.0.0"
     require-from-string "^2.0.2"
 
-algoliasearch-helper@^3.22.6:
-  version "3.25.0"
-  resolved "https://registry.yarnpkg.com/algoliasearch-helper/-/algoliasearch-helper-3.25.0.tgz#15cc79ad7909db66b8bb5a5a9c38b40e3941fa2f"
-  integrity sha512-vQoK43U6HXA9/euCqLjvyNdM4G2Fiu/VFp4ae0Gau9sZeIKBPvUPnXfLYAe65Bg7PFuw03coeu5K6lTPSXRObw==
+algoliasearch-helper@^3.26.0:
+  version "3.28.0"
+  resolved "https://registry.yarnpkg.com/algoliasearch-helper/-/algoliasearch-helper-3.28.0.tgz#37193c329b5743937d2466e9c8800623a409002b"
+  integrity sha512-GBN0xsxGggaCPElZq24QzMdfphrjIiV2xA+hRXE4/UMpN3nsF2WrM8q+x80OGvGpJWtB7F+4Hq5eSfWwuejXrg==
   dependencies:
     "@algolia/events" "^4.0.1"
 
-algoliasearch@^5.14.2, algoliasearch@^5.17.1:
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-5.25.0.tgz#7337b097deadeca0e6e985c0f8724abea189994f"
-  integrity sha512-n73BVorL4HIwKlfJKb4SEzAYkR3Buwfwbh+MYxg2mloFph2fFGV58E90QTzdbfzWrLn4HE5Czx/WTjI8fcHaMg==
-  dependencies:
-    "@algolia/client-abtesting" "5.25.0"
-    "@algolia/client-analytics" "5.25.0"
-    "@algolia/client-common" "5.25.0"
-    "@algolia/client-insights" "5.25.0"
-    "@algolia/client-personalization" "5.25.0"
-    "@algolia/client-query-suggestions" "5.25.0"
-    "@algolia/client-search" "5.25.0"
-    "@algolia/ingestion" "1.25.0"
-    "@algolia/monitoring" "1.25.0"
-    "@algolia/recommend" "5.25.0"
-    "@algolia/requester-browser-xhr" "5.25.0"
-    "@algolia/requester-fetch" "5.25.0"
-    "@algolia/requester-node-http" "5.25.0"
+algoliasearch@^5.37.0:
+  version "5.49.2"
+  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-5.49.2.tgz#af1a0db7c8a36f93473399da918fe6d7799660b6"
+  integrity sha512-1K0wtDaRONwfhL4h8bbJ9qTjmY6rhGgRvvagXkMBsAOMNr+3Q2SffHECh9DIuNVrMA1JwA0zCwhyepgBZVakng==
+  dependencies:
+    "@algolia/abtesting" "1.15.2"
+    "@algolia/client-abtesting" "5.49.2"
+    "@algolia/client-analytics" "5.49.2"
+    "@algolia/client-common" "5.49.2"
+    "@algolia/client-insights" "5.49.2"
+    "@algolia/client-personalization" "5.49.2"
+    "@algolia/client-query-suggestions" "5.49.2"
+    "@algolia/client-search" "5.49.2"
+    "@algolia/ingestion" "1.49.2"
+    "@algolia/monitoring" "1.49.2"
+    "@algolia/recommend" "5.49.2"
+    "@algolia/requester-browser-xhr" "5.49.2"
+    "@algolia/requester-fetch" "5.49.2"
+    "@algolia/requester-node-http" "5.49.2"
 
 anser@^1.4.9:
   version "1.4.10"
@@ -3744,15 +4320,6 @@ ansi-escapes@^4.3.2:
   dependencies:
     type-fest "^0.21.3"
 
-ansi-fragments@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-fragments/-/ansi-fragments-0.2.1.tgz#24409c56c4cc37817c3d7caa99d8969e2de5a05e"
-  integrity sha512-DykbNHxuXQwUDRv5ibc2b0x7uw7wmwOGLBUd5RmaQ5z8Lhx19vwvKV+FAsM5rEA6dEcHxX+/Ad5s9eF2k2bB+w==
-  dependencies:
-    colorette "^1.0.7"
-    slice-ansi "^2.0.0"
-    strip-ansi "^5.0.0"
-
 ansi-html-community@^0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
@@ -3763,11 +4330,6 @@ ansi-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
   integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
 
-ansi-regex@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
-  integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
-
 ansi-regex@^5.0.0, ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
@@ -3783,13 +4345,6 @@ ansi-styles@^2.2.1:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
   integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==
 
-ansi-styles@^3.2.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
 ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
@@ -3815,11 +4370,6 @@ anymatch@^3.0.3, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-appdirsjs@^1.2.4:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/appdirsjs/-/appdirsjs-1.2.7.tgz#50b4b7948a26ba6090d4aede2ae2dc2b051be3b3"
-  integrity sha512-Quji6+8kLBC3NnBeo14nPDq0+2jUs5s3/xEye+udFHumHhRk4M7aAMXp/PBJqkKYGuuyR9M/6Dq7d2AViiGmhw==
-
 arg@^5.0.0:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
@@ -3852,39 +4402,21 @@ asap@~2.0.3, asap@~2.0.6:
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
 
-ast-types@0.15.2:
-  version "0.15.2"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.15.2.tgz#39ae4809393c4b16df751ee563411423e85fb49d"
-  integrity sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==
+asn1js@^3.0.6:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/asn1js/-/asn1js-3.0.7.tgz#15f1f2f59e60f80d5b43ef14047a294a969f824f"
+  integrity sha512-uLvq6KJu04qoQM6gvBfKFjlh6Gl0vOKQuR5cJMDHQkmwfMOQeN3F3SHCv9SNYSL+CRoHvOGFfllDlVz03GQjvQ==
   dependencies:
-    tslib "^2.0.1"
-
-astral-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
-  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
+    pvtsutils "^1.3.6"
+    pvutils "^1.1.3"
+    tslib "^2.8.1"
 
 astring@^1.8.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/astring/-/astring-1.9.0.tgz#cc73e6062a7eb03e7d19c22d8b0b3451fd9bfeef"
   integrity sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==
 
-async-limiter@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
-  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
-
-async@^3.2.2:
-  version "3.2.6"
-  resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
-  integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
-
-at-least-node@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
-  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
-
-autoprefixer@^10.4.19, autoprefixer@^10.4.21:
+autoprefixer@^10.4.19:
   version "10.4.21"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.21.tgz#77189468e7a8ad1d9a37fbc08efc9f480cf0a95d"
   integrity sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==
@@ -3896,6 +4428,17 @@ autoprefixer@^10.4.19, autoprefixer@^10.4.21:
     picocolors "^1.1.1"
     postcss-value-parser "^4.2.0"
 
+autoprefixer@^10.4.23:
+  version "10.4.27"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.27.tgz#51ea301a5c3c5f8642f8e564759c4f573be486f2"
+  integrity sha512-NP9APE+tO+LuJGn7/9+cohklunJsXWiaWEfV3si4Gi/XHDwVNgkwr1J3RQYFIvPy76GmJ9/bW8vyoU1LcxwKHA==
+  dependencies:
+    browserslist "^4.28.1"
+    caniuse-lite "^1.0.30001774"
+    fraction.js "^5.3.4"
+    picocolors "^1.1.1"
+    postcss-value-parser "^4.2.0"
+
 babel-code-frame@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
@@ -3905,11 +4448,6 @@ babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
-babel-core@^7.0.0-bridge.0:
-  version "7.0.0-bridge.0"
-  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
-  integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==
-
 babel-helper-builder-binary-assignment-operator-visitor@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz#cce4517ada356f4220bcae8a02c2b346f9a56664"
@@ -4004,6 +4542,19 @@ babel-helper-replace-supers@^6.24.1:
     babel-traverse "^6.24.1"
     babel-types "^6.24.1"
 
+babel-jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.7.0.tgz#f4369919225b684c56085998ac63dbd05be020d5"
+  integrity sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==
+  dependencies:
+    "@jest/transform" "^29.7.0"
+    "@types/babel__core" "^7.1.14"
+    babel-plugin-istanbul "^6.1.1"
+    babel-preset-jest "^29.6.3"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    slash "^3.0.0"
+
 babel-loader@^9.2.1:
   version "9.2.1"
   resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.2.1.tgz#04c7835db16c246dd19ba0914418f3937797587b"
@@ -4033,6 +4584,27 @@ babel-plugin-dynamic-import-node@^2.3.3:
   dependencies:
     object.assign "^4.1.0"
 
+babel-plugin-istanbul@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
+  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-instrument "^5.0.4"
+    test-exclude "^6.0.0"
+
+babel-plugin-jest-hoist@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz#aadbe943464182a8922c3c927c3067ff40d24626"
+  integrity sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==
+  dependencies:
+    "@babel/template" "^7.3.3"
+    "@babel/types" "^7.3.3"
+    "@types/babel__core" "^7.1.14"
+    "@types/babel__traverse" "^7.0.6"
+
 babel-plugin-macros@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
@@ -4114,6 +4686,13 @@ babel-plugin-syntax-flow@^6.18.0, babel-plugin-syntax-flow@^6.5.0:
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz#4c3ab20a2af26aa20cd25995c398c4eb70310c8d"
   integrity sha512-HbTDIoG1A1op7Tl/wIFQPULIBA61tsJ8Ntq2FAhLwuijrzosM/92kAfgU1Q3Kc7DH/cprJg5vDfuTY4QUL4rDA==
 
+babel-plugin-syntax-hermes-parser@0.32.0:
+  version "0.32.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.32.0.tgz#06f7452bf91adf6cafd7c98e7467404d4eb65cec"
+  integrity sha512-m5HthL++AbyeEA2FcdwOLfVFvWYECOBObLHNqdR8ceY4TsEdn4LdX2oTvbB2QJSSElE2AWA/b2MXZ/PF/CqLZg==
+  dependencies:
+    hermes-parser "0.32.0"
+
 babel-plugin-syntax-jsx@^6.5.0, babel-plugin-syntax-jsx@^6.8.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
@@ -4129,11 +4708,6 @@ babel-plugin-syntax-trailing-function-commas@^6.5.0:
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz#ba0360937f8d06e40180a43fe0d5616fff532cf3"
   integrity sha512-Gx9CH3Q/3GKbhs07Bszw5fPTlU+ygrOGfAhEt7W2JICwufpC4SuO0mG0+4NykPBSYPMJhqvVlDBU17qB1D+hMQ==
 
-babel-plugin-syntax-trailing-function-commas@^7.0.0-beta.0:
-  version "7.0.0-beta.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-7.0.0-beta.0.tgz#aa213c1435e2bffeb6fca842287ef534ad05d5cf"
-  integrity sha512-Xj9XuRuz3nTSbaTXWv3itLOcxyF4oPD8douBBmj7U9BBC6nEBYfyOJYQMf/8PJAFotC62UY5dFfIGEPr7WswzQ==
-
 babel-plugin-transform-class-properties@^6.5.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz#6a79763ea61d33d36f37b611aa9def81a81b46ac"
@@ -4346,6 +4920,27 @@ babel-polyfill@^6.26.0:
     core-js "^2.5.0"
     regenerator-runtime "^0.10.5"
 
+babel-preset-current-node-syntax@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.2.0.tgz#20730d6cdc7dda5d89401cab10ac6a32067acde6"
+  integrity sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==
+  dependencies:
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-bigint" "^7.8.3"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-import-attributes" "^7.24.7"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+
 babel-preset-expo@^9.2.2:
   version "9.9.0"
   resolved "https://registry.yarnpkg.com/babel-preset-expo/-/babel-preset-expo-9.9.0.tgz#c0207d0bf06e056dfff5c7aaadaff4bdf0ac905f"
@@ -4361,38 +4956,13 @@ babel-preset-expo@^9.2.2:
     babel-plugin-react-native-web "~0.18.10"
     metro-react-native-babel-preset "0.76.8"
 
-babel-preset-fbjs@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-fbjs/-/babel-preset-fbjs-3.4.0.tgz#38a14e5a7a3b285a3f3a86552d650dca5cf6111c"
-  integrity sha512-9ywCsCvo1ojrw0b+XYk7aFvTH6D9064t0RIL1rtMf3nsa02Xw41MS7sZw216Im35xj/UY0PDBQsa1brUDDF1Ow==
-  dependencies:
-    "@babel/plugin-proposal-class-properties" "^7.0.0"
-    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
-    "@babel/plugin-syntax-class-properties" "^7.0.0"
-    "@babel/plugin-syntax-flow" "^7.0.0"
-    "@babel/plugin-syntax-jsx" "^7.0.0"
-    "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
-    "@babel/plugin-transform-arrow-functions" "^7.0.0"
-    "@babel/plugin-transform-block-scoped-functions" "^7.0.0"
-    "@babel/plugin-transform-block-scoping" "^7.0.0"
-    "@babel/plugin-transform-classes" "^7.0.0"
-    "@babel/plugin-transform-computed-properties" "^7.0.0"
-    "@babel/plugin-transform-destructuring" "^7.0.0"
-    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
-    "@babel/plugin-transform-for-of" "^7.0.0"
-    "@babel/plugin-transform-function-name" "^7.0.0"
-    "@babel/plugin-transform-literals" "^7.0.0"
-    "@babel/plugin-transform-member-expression-literals" "^7.0.0"
-    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
-    "@babel/plugin-transform-object-super" "^7.0.0"
-    "@babel/plugin-transform-parameters" "^7.0.0"
-    "@babel/plugin-transform-property-literals" "^7.0.0"
-    "@babel/plugin-transform-react-display-name" "^7.0.0"
-    "@babel/plugin-transform-react-jsx" "^7.0.0"
-    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
-    "@babel/plugin-transform-spread" "^7.0.0"
-    "@babel/plugin-transform-template-literals" "^7.0.0"
-    babel-plugin-syntax-trailing-function-commas "^7.0.0-beta.0"
+babel-preset-jest@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz#fa05fa510e7d493896d7b0dd2033601c840f171c"
+  integrity sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==
+  dependencies:
+    babel-plugin-jest-hoist "^29.6.3"
+    babel-preset-current-node-syntax "^1.0.0"
 
 babel-preset-react-native@^4.0.1:
   version "4.0.1"
@@ -4496,11 +5066,16 @@ base64-js@0.0.8:
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-0.0.8.tgz#1101e9544f4a76b1bc3b26d452ca96d7a35e7978"
   integrity sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==
 
-base64-js@^1.1.2, base64-js@^1.3.1:
+base64-js@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
+baseline-browser-mapping@^2.9.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz#5b09935025bf8a80e29130251e337c6a7fc8cbb9"
+  integrity sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==
+
 batch@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
@@ -4516,34 +5091,25 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
   integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
 
-bl@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
-  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
-  dependencies:
-    buffer "^5.5.0"
-    inherits "^2.0.4"
-    readable-stream "^3.4.0"
-
-body-parser@1.20.3:
-  version "1.20.3"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.3.tgz#1953431221c6fb5cd63c4b36d53fab0928e548c6"
-  integrity sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==
+body-parser@~1.20.3:
+  version "1.20.4"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.4.tgz#f8e20f4d06ca8a50a71ed329c15dccad1cdc547f"
+  integrity sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==
   dependencies:
-    bytes "3.1.2"
+    bytes "~3.1.2"
     content-type "~1.0.5"
     debug "2.6.9"
     depd "2.0.0"
-    destroy "1.2.0"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    on-finished "2.4.1"
-    qs "6.13.0"
-    raw-body "2.5.2"
+    destroy "~1.2.0"
+    http-errors "~2.0.1"
+    iconv-lite "~0.4.24"
+    on-finished "~2.4.1"
+    qs "~6.14.0"
+    raw-body "~2.5.3"
     type-is "~1.6.18"
-    unpipe "1.0.0"
+    unpipe "~1.0.0"
 
-bonjour-service@^1.0.11:
+bonjour-service@^1.2.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.3.0.tgz#80d867430b5a0da64e82a8047fc1e355bdb71722"
   integrity sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==
@@ -4606,7 +5172,7 @@ braces@^3.0.3, braces@~3.0.2:
   dependencies:
     fill-range "^7.1.1"
 
-browserslist@^4.0.0, browserslist@^4.18.1, browserslist@^4.23.0, browserslist@^4.24.0, browserslist@^4.24.4:
+browserslist@^4.0.0, browserslist@^4.23.0, browserslist@^4.24.0, browserslist@^4.24.4:
   version "4.24.5"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.5.tgz#aa0f5b8560fe81fde84c6dcb38f759bafba0e11b"
   integrity sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==
@@ -4616,6 +5182,17 @@ browserslist@^4.0.0, browserslist@^4.18.1, browserslist@^4.23.0, browserslist@^4
     node-releases "^2.0.19"
     update-browserslist-db "^1.1.3"
 
+browserslist@^4.28.1:
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.28.1.tgz#7f534594628c53c63101079e27e40de490456a95"
+  integrity sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==
+  dependencies:
+    baseline-browser-mapping "^2.9.0"
+    caniuse-lite "^1.0.30001759"
+    electron-to-chromium "^1.5.263"
+    node-releases "^2.0.27"
+    update-browserslist-db "^1.2.0"
+
 bser@2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
@@ -4628,24 +5205,28 @@ buffer-from@^1.0.0:
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
-buffer@^5.5.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
-  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+bundle-name@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bundle-name/-/bundle-name-4.1.0.tgz#f3b96b34160d6431a19d7688135af7cfb8797889"
+  integrity sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==
   dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.1.13"
+    run-applescript "^7.0.0"
 
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
   integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
 
-bytes@3.1.2:
+bytes@3.1.2, bytes@~3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
+bytestreamjs@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/bytestreamjs/-/bytestreamjs-2.0.1.tgz#a32947c7ce389a6fa11a09a9a563d0a45889535e"
+  integrity sha512-U1Z/ob71V/bXfVABvNr/Kumf5VyeQRBEm6Txb0PQ6S7V5GpBM3w4Cbqz/xPDicR5tN0uvDifng8C+5qECeGwyQ==
+
 cacheable-lookup@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-7.0.0.tgz#3476a8215d046e5a3202a9209dd13fec1f933a27"
@@ -4690,25 +5271,6 @@ call-bound@^1.0.2, call-bound@^1.0.3:
     call-bind-apply-helpers "^1.0.2"
     get-intrinsic "^1.3.0"
 
-caller-callsite@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
-  integrity sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==
-  dependencies:
-    callsites "^2.0.0"
-
-caller-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4"
-  integrity sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==
-  dependencies:
-    caller-callsite "^2.0.0"
-
-callsites@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
-  integrity sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==
-
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
@@ -4722,12 +5284,12 @@ camel-case@^4.1.2:
     pascal-case "^3.1.2"
     tslib "^2.0.3"
 
-camelcase@^5.0.0:
+camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.0.0, camelcase@^6.2.0:
+camelcase@^6.2.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
@@ -4757,6 +5319,11 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001716:
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001774.tgz"
   integrity sha512-DDdwPGz99nmIEv216hKSgLD+D4ikHQHjBC/seF98N9CPqRX4M5mSxT9eTV6oyisnJcuzxtZy4n17yKKQYmYQOA==
 
+caniuse-lite@^1.0.30001759, caniuse-lite@^1.0.30001774:
+  version "1.0.30001777"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001777.tgz#028f21e4b2718d138b55e692583e6810ccf60691"
+  integrity sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==
+
 ccount@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz#17a3bf82302e0870d6da43a01311a8bc02a3ecf5"
@@ -4773,7 +5340,7 @@ chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
+chalk@^4.0.0, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -4851,7 +5418,7 @@ cheerio@1.0.0-rc.12:
     parse5 "^7.0.0"
     parse5-htmlparser2-tree-adapter "^7.0.0"
 
-chokidar@^3.4.2, chokidar@^3.5.3:
+chokidar@^3.5.3, chokidar@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -4866,11 +5433,33 @@ chokidar@^3.4.2, chokidar@^3.5.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chrome-launcher@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/chrome-launcher/-/chrome-launcher-0.15.2.tgz#4e6404e32200095fdce7f6a1e1004f9bd36fa5da"
+  integrity sha512-zdLEwNo3aUVzIhKhTtXfxhdvZhUghrnmkvcAq2NoDd+LeOHKf03H5jwZ8T/STsAlzyALkBVK552iaG1fGf1xVQ==
+  dependencies:
+    "@types/node" "*"
+    escape-string-regexp "^4.0.0"
+    is-wsl "^2.2.0"
+    lighthouse-logger "^1.0.0"
+
 chrome-trace-event@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz#05bffd7ff928465093314708c93bdfa9bd1f0f5b"
   integrity sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==
 
+chromium-edge-launcher@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/chromium-edge-launcher/-/chromium-edge-launcher-0.2.0.tgz#0c378f28c99aefc360705fa155de0113997f62fc"
+  integrity sha512-JfJjUnq25y9yg4FABRRVPmBGWPZZi+AQXT4mxupb67766/0UlhG8PAZCz6xzEMXTbW3CsSoE8PcCWA49n35mKg==
+  dependencies:
+    "@types/node" "*"
+    escape-string-regexp "^4.0.0"
+    is-wsl "^2.2.0"
+    lighthouse-logger "^1.0.0"
+    mkdirp "^1.0.4"
+    rimraf "^3.0.2"
+
 ci-info@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
@@ -4886,7 +5475,7 @@ ci-info@^4.0.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-4.2.0.tgz#cbd21386152ebfe1d56f280a3b5feccbd96764c7"
   integrity sha512-cYY9mypksY8NRqgDB1XD1RiJL338v/551niynFTGkZOO2LHuB2OmOYxDIe/ttN9AHwrqdum1360G3ald0W9kCg==
 
-clean-css@^5.2.2, clean-css@^5.3.2, clean-css@~5.3.2:
+clean-css@^5.2.2, clean-css@^5.3.3, clean-css@~5.3.2:
   version "5.3.3"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd"
   integrity sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==
@@ -4903,18 +5492,6 @@ cli-boxes@^3.0.0:
   resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-3.0.0.tgz#71a10c716feeba005e4504f36329ef0b17cf3145"
   integrity sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==
 
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
-cli-spinners@^2.5.0:
-  version "2.9.2"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.9.2.tgz#1773a8f4b9c4d6ac31563df53b3fc1d79462fe41"
-  integrity sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==
-
 cli-table3@^0.6.3:
   version "0.6.5"
   resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.5.tgz#013b91351762739c16a9567c21a04632e449bf2f"
@@ -4924,15 +5501,6 @@ cli-table3@^0.6.3:
   optionalDependencies:
     "@colors/colors" "1.5.0"
 
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
-
 cliui@^8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
@@ -4951,11 +5519,6 @@ clone-deep@^4.0.1:
     kind-of "^6.0.2"
     shallow-clone "^3.0.0"
 
-clone@^1.0.2:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-  integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
-
 clsx@^1.1.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
@@ -4971,13 +5534,6 @@ collapse-white-space@^2.0.0:
   resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-2.1.0.tgz#640257174f9f42c740b40f3b55ee752924feefca"
   integrity sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==
 
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
 color-convert@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
@@ -4985,11 +5541,6 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
 color-name@^1.1.4, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
@@ -5000,11 +5551,6 @@ colord@^2.9.3:
   resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
   integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
 
-colorette@^1.0.7:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.4.0.tgz#5190fbb87276259a86ad700bff2c6d6faa3fca40"
-  integrity sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==
-
 colorette@^2.0.10, colorette@^2.0.14:
   version "2.0.20"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
@@ -5020,16 +5566,16 @@ comma-separated-tokens@^2.0.0:
   resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
   integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==
 
-command-exists@^1.2.8:
-  version "1.2.9"
-  resolved "https://registry.yarnpkg.com/command-exists/-/command-exists-1.2.9.tgz#c50725af3808c8ab0260fd60b01fbfa25b954f69"
-  integrity sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==
-
 commander@^10.0.0, commander@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06"
   integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==
 
+commander@^12.0.0:
+  version "12.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-12.1.0.tgz#01423b36f501259fdaac4d0e4d60c96c991585d3"
+  integrity sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==
+
 commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
@@ -5050,26 +5596,11 @@ commander@^8.3.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
-commander@^9.4.1:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
-  integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
-
-commander@~2.13.0:
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.13.0.tgz#6964bca67685df7c1f1430c584f07d7597885b9c"
-  integrity sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA==
-
 common-path-prefix@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
   integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
 
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
-
 compressible@~2.0.18:
   version "2.0.18"
   resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
@@ -5077,16 +5608,16 @@ compressible@~2.0.18:
   dependencies:
     mime-db ">= 1.43.0 < 2"
 
-compression@^1.7.1, compression@^1.7.4:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.8.0.tgz#09420efc96e11a0f44f3a558de59e321364180f7"
-  integrity sha512-k6WLKfunuqCYD3t6AsuPGvQWaKwuLLh2/xHNcX4qE+vIfDNXpSqnrhwA7O53R7WVQUnt8dVAIW+YHr7xTgOgGA==
+compression@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.8.1.tgz#4a45d909ac16509195a9a28bd91094889c180d79"
+  integrity sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==
   dependencies:
     bytes "3.1.2"
     compressible "~2.0.18"
     debug "2.6.9"
     negotiator "~0.6.4"
-    on-headers "~1.0.2"
+    on-headers "~1.1.0"
     safe-buffer "5.2.1"
     vary "~1.1.2"
 
@@ -5149,7 +5680,7 @@ content-disposition@0.5.2:
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.2.tgz#0cf68bb9ddf5f2be7961c3a85178cb85dba78cb4"
   integrity sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==
 
-content-disposition@0.5.4:
+content-disposition@~0.5.4:
   version "0.5.4"
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
   integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
@@ -5171,20 +5702,20 @@ convert-source-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+cookie-signature@~1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.7.tgz#ab5dd7ab757c54e60f37ef6550f481c426d10454"
+  integrity sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==
 
-cookie@0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.1.tgz#2f73c42142d5d5cf71310a74fc4ae61670e5dbc9"
-  integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
+cookie@~0.7.1:
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.2.tgz#556369c472a2ba910f2979891b526b3436237ed7"
+  integrity sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==
 
-copy-text-to-clipboard@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz#0202b2d9bdae30a49a53f898626dcc3b49ad960b"
-  integrity sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==
+copy-text-to-clipboard@3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.2.tgz#99bc79db3f2d355ec33a08d573aff6804491ddb9"
+  integrity sha512-T6SqyLd1iLuqPA90J5N4cTalrtovCySh58iiZDGJ6FGznbclKh4UI+FGacQSgFzwKG77W7XT5gwbVEbd9cIH1A==
 
 copy-webpack-plugin@^11.0.0:
   version "11.0.0"
@@ -5225,27 +5756,6 @@ core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
-cosmiconfig@^5.0.5, cosmiconfig@^5.1.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
-  integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
-  dependencies:
-    import-fresh "^2.0.0"
-    is-directory "^0.3.1"
-    js-yaml "^3.13.1"
-    parse-json "^4.0.0"
-
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
 cosmiconfig@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
@@ -5282,17 +5792,6 @@ cross-fetch@^3.1.5:
   dependencies:
     node-fetch "^2.7.0"
 
-cross-spawn@^6.0.0:
-  version "6.0.6"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.6.tgz#30d0efa0712ddb7eb5a76e1e8721bffafa6b5d57"
-  integrity sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==
-  dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
 cross-spawn@^7.0.3, cross-spawn@^7.0.6:
   version "7.0.6"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
@@ -5341,10 +5840,10 @@ css-gradient-parser@^0.0.16:
   resolved "https://registry.yarnpkg.com/css-gradient-parser/-/css-gradient-parser-0.0.16.tgz#5735da0822aef39da9b1960b314792ab542d9bb5"
   integrity sha512-3O5QdqgFRUbXvK1x5INf1YkBz1UKSWqrd63vWsum8MNHDBYD5urm3QtxZbKU259OrEXNM26lP/MPY3d1IGkBgA==
 
-css-has-pseudo@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-7.0.2.tgz#fb42e8de7371f2896961e1f6308f13c2c7019b72"
-  integrity sha512-nzol/h+E0bId46Kn2dQH5VElaknX2Sr0hFuB/1EomdC7j+OISt2ZzK7EHX9DZDY53WbIVAR7FYKSO2XnSf07MQ==
+css-has-pseudo@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-7.0.3.tgz#a5ee2daf5f70a2032f3cefdf1e36e7f52a243873"
+  integrity sha512-oG+vKuGyqe/xvEMoxAQrhi7uY16deJR3i7wwhBerVrGQKSqUC5GiOVxTpM9F9B9hw0J+eKeOWLH7E9gZ1Dr5rA==
   dependencies:
     "@csstools/selector-specificity" "^5.0.0"
     postcss-selector-parser "^7.0.0"
@@ -5357,7 +5856,7 @@ css-in-js-utils@^3.1.0:
   dependencies:
     hyphenate-style-name "^1.0.3"
 
-css-loader@^6.8.1:
+css-loader@^6.11.0:
   version "6.11.0"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.11.0.tgz#33bae3bf6363d0a7c2cf9031c96c744ff54d85ba"
   integrity sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==
@@ -5440,10 +5939,10 @@ css-what@^6.0.1, css-what@^6.1.0:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
   integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
 
-cssdb@^8.2.5:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-8.3.0.tgz#940becad497b8509ad822a28fb0cfe54c969ccfe"
-  integrity sha512-c7bmItIg38DgGjSwDPZOYF/2o0QU/sSgkWOMyl8votOfgFuyiFKWPesmCGEsrGLxEA9uL540cp8LdaGEjUGsZQ==
+cssdb@^8.6.0:
+  version "8.8.0"
+  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-8.8.0.tgz#b5a87e014d29d27924bd07d1f951206eb42b794f"
+  integrity sha512-QbLeyz2Bgso1iRlh7IpWk6OKa3lLNGXsujVjDMPl9rOZpxKeiG69icLpbLCFxeURwmcdIfZqQyhlooKJYM4f8Q==
 
 cssesc@^3.0.0:
   version "3.0.0"
@@ -5524,17 +6023,12 @@ csstype@^3.0.2, csstype@^3.1.3:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
-dayjs@^1.8.15:
-  version "1.11.13"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.13.tgz#92430b0139055c3ebb60150aa13e860a4b5a366c"
-  integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
-
 debounce@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5"
   integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==
 
-debug@2.6.9, debug@^2.2.0, debug@^2.6.0, debug@^2.6.8:
+debug@2.6.9, debug@^2.6.8, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -5548,10 +6042,12 @@ debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.4:
   dependencies:
     ms "^2.1.3"
 
-decamelize@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
+debug@^4.4.0:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
 
 decode-named-character-reference@^1.0.0:
   version "1.1.0"
@@ -5572,29 +6068,23 @@ deep-extend@^0.6.0:
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
 
-deepmerge@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.3.0.tgz#d3c47fd6f3a93d517b14426b0628a17b0125f5f7"
-  integrity sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==
-
-deepmerge@^4.2.2, deepmerge@^4.3.1:
+deepmerge@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
-default-gateway@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
-  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
-  dependencies:
-    execa "^5.0.0"
+default-browser-id@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-5.0.1.tgz#f7a7ccb8f5104bf8e0f71ba3b1ccfa5eafdb21e8"
+  integrity sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==
 
-defaults@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
-  integrity sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==
+default-browser@^5.2.1:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-5.5.0.tgz#2792e886f2422894545947cc80e1a444496c5976"
+  integrity sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==
   dependencies:
-    clone "^1.0.2"
+    bundle-name "^4.1.0"
+    default-browser-id "^5.0.0"
 
 defer-to-connect@^2.0.1:
   version "2.0.1"
@@ -5615,6 +6105,11 @@ define-lazy-prop@^2.0.0:
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
+define-lazy-prop@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz#dbb19adfb746d7fc6d734a06b72f4a00d021255f"
+  integrity sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==
+
 define-properties@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
@@ -5624,26 +6119,7 @@ define-properties@^1.2.1:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
-del@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/del/-/del-6.1.1.tgz#3b70314f1ec0aa325c6b14eb36b95786671edb7a"
-  integrity sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==
-  dependencies:
-    globby "^11.0.1"
-    graceful-fs "^4.2.4"
-    is-glob "^4.0.1"
-    is-path-cwd "^2.2.0"
-    is-path-inside "^3.0.2"
-    p-map "^4.0.0"
-    rimraf "^3.0.2"
-    slash "^3.0.0"
-
-denodeify@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/denodeify/-/denodeify-1.2.1.tgz#3a36287f5034e699e7577901052c2e6c94251631"
-  integrity sha512-KNTihKNmQENUZeKu5fzfpzRqR5S2VMp4gl9RFHiWzj9DfvYQPMJ6XHKNaQxaGCXwPk6y9yme3aUoaiAe+KX+vg==
-
-depd@2.0.0:
+depd@2.0.0, depd@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
   integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
@@ -5653,21 +6129,12 @@ depd@~1.1.2:
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
 
-deprecated-react-native-prop-types@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-3.0.2.tgz#e724a9837e6a7ccb778753c06ae4f79065873493"
-  integrity sha512-JoZY5iNM+oJlN2Ldpq0KSi0h3Nig4hlNJj5nWzWp8eL3uikMCvHwjSGPitwkEw0arL5JFra5nuGJQpXRbEjApg==
-  dependencies:
-    "@react-native/normalize-color" "^2.1.0"
-    invariant "^2.2.4"
-    prop-types "^15.8.1"
-
 dequal@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
 
-destroy@1.2.0:
+destroy@1.2.0, destroy@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
   integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
@@ -5677,14 +6144,6 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
   integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
 
-detect-port-alt@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
-  integrity sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==
-  dependencies:
-    address "^1.0.1"
-    debug "^2.6.0"
-
 detect-port@^1.5.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/detect-port/-/detect-port-1.6.1.tgz#45e4073997c5f292b957cb678fb0bb8ed4250a67"
@@ -5838,6 +6297,11 @@ electron-to-chromium@^1.5.149:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.158.tgz#e5f01fc7fdf810d9d223e30593e0839c306276d4"
   integrity sha512-9vcp2xHhkvraY6AHw2WMi+GDSLPX42qe2xjYaVoZqFRJiOcilVQFq9mZmpuHEQpzlgGDelKlV7ZiGcmMsc8WxQ==
 
+electron-to-chromium@^1.5.263:
+  version "1.5.307"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz#09f8973100c39fb0d003b890393cd1d58932b1c8"
+  integrity sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==
+
 emoji-regex@^10.2.1:
   version "10.4.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-10.4.0.tgz#03553afea80b3975749cfcb36f776ca268e413d4"
@@ -5878,13 +6342,6 @@ encodeurl@~2.0.0:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58"
   integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
 
-end-of-stream@^1.1.0:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
-  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
-  dependencies:
-    once "^1.4.0"
-
 enhanced-resolve@^5.17.1:
   version "5.18.1"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz#728ab082f8b7b6836de51f1637aab5d3b9568faf"
@@ -5908,7 +6365,7 @@ entities@^6.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-6.0.0.tgz#09c9e29cb79b0a6459a9b9db9efb418ac5bb8e51"
   integrity sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==
 
-envinfo@^7.7.2, envinfo@^7.7.3:
+envinfo@^7.7.3:
   version "7.14.0"
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.14.0.tgz#26dac5db54418f2a4c1159153a0b2ae980838aae"
   integrity sha512-CO40UI41xDQzhLB1hWyqUKgFhs250pNcGbyGKe1l/e4FSaI/+YE4IMG76GDt0In67WLPACIITC+sOi08x4wIvg==
@@ -5927,14 +6384,6 @@ error-stack-parser@^2.0.6:
   dependencies:
     stackframe "^1.3.4"
 
-errorhandler@^1.5.0:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/errorhandler/-/errorhandler-1.5.1.tgz#b9ba5d17cf90744cd1e851357a6e75bf806a9a91"
-  integrity sha512-rcOwbfvP1WTViVoUjcfZicVzjhjTuhSMntHh6mW3IrEiyE6mJyXvsToJUJGlGlw/2xU9P5whlWNGlIDVeCiT4A==
-  dependencies:
-    accepts "~1.3.7"
-    escape-html "~1.0.3"
-
 es-define-property@^1.0.0, es-define-property@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
@@ -6113,7 +6562,7 @@ espree@^9.6.1:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.4.1"
 
-esprima@^4.0.0, esprima@~4.0.0:
+esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
@@ -6232,35 +6681,22 @@ eval@^0.1.8:
     "@types/node" "*"
     require-like ">= 0.1.1"
 
-event-target-shim@^5.0.0, event-target-shim@^5.0.1:
+event-target-shim@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
   integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
-eventemitter3@^4.0.0:
+eventemitter3@^4.0.0, eventemitter3@^4.0.4:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
 events@^3.2.0:
   version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-execa@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
-  integrity sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==
-  dependencies:
-    cross-spawn "^6.0.0"
-    get-stream "^4.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
-execa@^5.0.0:
+execa@5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
   integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
@@ -6275,39 +6711,44 @@ execa@^5.0.0:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
-express@^4.17.3:
-  version "4.21.2"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.21.2.tgz#cf250e48362174ead6cea4a566abef0162c1ec32"
-  integrity sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==
+exponential-backoff@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/exponential-backoff/-/exponential-backoff-3.1.3.tgz#51cf92c1c0493c766053f9d3abee4434c244d2f6"
+  integrity sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==
+
+express@^4.22.1:
+  version "4.22.1"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.22.1.tgz#1de23a09745a4fffdb39247b344bb5eaff382069"
+  integrity sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==
   dependencies:
     accepts "~1.3.8"
     array-flatten "1.1.1"
-    body-parser "1.20.3"
-    content-disposition "0.5.4"
+    body-parser "~1.20.3"
+    content-disposition "~0.5.4"
     content-type "~1.0.4"
-    cookie "0.7.1"
-    cookie-signature "1.0.6"
+    cookie "~0.7.1"
+    cookie-signature "~1.0.6"
     debug "2.6.9"
     depd "2.0.0"
     encodeurl "~2.0.0"
     escape-html "~1.0.3"
     etag "~1.8.1"
-    finalhandler "1.3.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
+    finalhandler "~1.3.1"
+    fresh "~0.5.2"
+    http-errors "~2.0.0"
     merge-descriptors "1.0.3"
     methods "~1.1.2"
-    on-finished "2.4.1"
+    on-finished "~2.4.1"
     parseurl "~1.3.3"
-    path-to-regexp "0.1.12"
+    path-to-regexp "~0.1.12"
     proxy-addr "~2.0.7"
-    qs "6.13.0"
+    qs "~6.14.0"
     range-parser "~1.2.1"
     safe-buffer "5.2.1"
-    send "0.19.0"
-    serve-static "1.16.2"
+    send "~0.19.0"
+    serve-static "~1.16.2"
     setprototypeof "1.2.0"
-    statuses "2.0.1"
+    statuses "~2.0.1"
     type-is "~1.6.18"
     utils-merge "1.0.1"
     vary "~1.1.2"
@@ -6340,7 +6781,7 @@ fast-glob@^3.2.11, fast-glob@^3.2.9, fast-glob@^3.3.0:
     merge2 "^1.3.0"
     micromatch "^4.0.8"
 
-fast-json-stable-stringify@^2.0.0:
+fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
@@ -6355,13 +6796,6 @@ fast-uri@^3.0.1:
   resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.0.6.tgz#88f130b77cfaea2378d56bf970dea21257a68748"
   integrity sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==
 
-fast-xml-parser@^4.0.12:
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/fast-xml-parser/-/fast-xml-parser-4.5.3.tgz#c54d6b35aa0f23dc1ea60b6c884340c006dc6efb"
-  integrity sha512-RKihhV+SHsIUGXObeVy9AXiBbFwkVk7Syp8XgwN5U3JV416+Gwp/GO9i0JYKmikykgz/UHRrrV4ROuZEo/T0ig==
-  dependencies:
-    strnum "^1.1.1"
-
 fastest-levenshtein@^1.0.12:
   version "1.0.16"
   resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5"
@@ -6388,6 +6822,11 @@ faye-websocket@^0.11.3:
   dependencies:
     websocket-driver ">=0.5.1"
 
+fb-dotslash@0.5.8:
+  version "0.5.8"
+  resolved "https://registry.yarnpkg.com/fb-dotslash/-/fb-dotslash-0.5.8.tgz#c5ef3dacd75e1ddb2197c367052464ddde0115f5"
+  integrity sha512-XHYLKk9J4BupDxi9bSEhkfss0m+Vr9ChTrjhf9l2iw3jB5C7BnY4GVPoMcqbrTutsKJso6yj2nAB6BI/F2oZaA==
+
 fb-watchman@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
@@ -6440,11 +6879,6 @@ file-loader@^6.2.0:
     loader-utils "^2.0.0"
     schema-utils "^3.0.0"
 
-filesize@^8.0.6:
-  version "8.0.7"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-8.0.7.tgz#695e70d80f4e47012c132d57a059e80c6b580bd8"
-  integrity sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==
-
 fill-range@^7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
@@ -6465,17 +6899,17 @@ finalhandler@1.1.2:
     statuses "~1.5.0"
     unpipe "~1.0.0"
 
-finalhandler@1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.1.tgz#0c575f1d1d324ddd1da35ad7ece3df7d19088019"
-  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
+finalhandler@~1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.2.tgz#1ebc2228fc7673aac4a472c310cc05b77d852b88"
+  integrity sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==
   dependencies:
     debug "2.6.9"
     encodeurl "~2.0.0"
     escape-html "~1.0.3"
-    on-finished "2.4.1"
+    on-finished "~2.4.1"
     parseurl "~1.3.3"
-    statuses "2.0.1"
+    statuses "~2.0.2"
     unpipe "~1.0.0"
 
 find-babel-config@^2.1.1:
@@ -6485,15 +6919,6 @@ find-babel-config@^2.1.1:
   dependencies:
     json5 "^2.2.3"
 
-find-cache-dir@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
-  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^2.0.0"
-    pkg-dir "^3.0.0"
-
 find-cache-dir@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-4.0.0.tgz#a30ee0448f81a3990708f6453633c733e2f6eec2"
@@ -6522,14 +6947,6 @@ find-up@^4.0.0, find-up@^4.1.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
 find-up@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-6.3.0.tgz#2abab3d3280b2dc7ac10199ef324c4e002c8c790"
@@ -6543,15 +6960,10 @@ flat@^5.0.2:
   resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
   integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
 
-flow-parser@0.*:
-  version "0.272.1"
-  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.272.1.tgz#de7ccaa49de5f50439e0b44dc3c39d8e1a615e1c"
-  integrity sha512-rQjypovSgZ739VukA3G1bC+9TtQPBX+T3SiuEOoH/voGegTCfGvCx6/TrLbUn1ptNhQ469hdBrqzwIojKT0YXQ==
-
-flow-parser@^0.185.0:
-  version "0.185.2"
-  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.185.2.tgz#cb7ee57f77377d6c5d69a469e980f6332a15e492"
-  integrity sha512-2hJ5ACYeJCzNtiVULov6pljKOLygy0zddoqSI1fFetM+XRPpRshFdGEijtqlamA1XwyZ+7rhryI6FQFzvtLWUQ==
+flow-enums-runtime@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/flow-enums-runtime/-/flow-enums-runtime-0.0.6.tgz#5bb0cd1b0a3e471330f4d109039b7eba5cb3e787"
+  integrity sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw==
 
 follow-redirects@^1.0.0:
   version "1.15.9"
@@ -6566,25 +6978,6 @@ foreground-child@^3.1.0:
     cross-spawn "^7.0.6"
     signal-exit "^4.0.1"
 
-fork-ts-checker-webpack-plugin@^6.5.0:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
-  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@types/json-schema" "^7.0.5"
-    chalk "^4.1.0"
-    chokidar "^3.4.2"
-    cosmiconfig "^6.0.0"
-    deepmerge "^4.2.2"
-    fs-extra "^9.0.0"
-    glob "^7.1.6"
-    memfs "^3.1.2"
-    minimatch "^3.0.4"
-    schema-utils "2.7.0"
-    semver "^7.3.2"
-    tapable "^1.0.0"
-
 form-data-encoder@^2.1.2:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/form-data-encoder/-/form-data-encoder-2.1.4.tgz#261ea35d2a70d48d30ec7a9603130fa5515e9cd5"
@@ -6605,7 +6998,12 @@ fraction.js@^4.3.7:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
   integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
 
-fresh@0.5.2:
+fraction.js@^5.3.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-5.3.4.tgz#8c0fcc6a9908262df4ed197427bdeef563e0699a"
+  integrity sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==
+
+fresh@~0.5.2:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
@@ -6619,30 +7017,15 @@ fs-extra@^11.1.1, fs-extra@^11.2.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-extra@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
-  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
-fs-extra@^9.0.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
-  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+fs-extra@^11.3.3:
+  version "11.3.4"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.3.4.tgz#ab6934eca8bcf6f7f6b82742e33591f86301d6fc"
+  integrity sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==
   dependencies:
-    at-least-node "^1.0.0"
     graceful-fs "^4.2.0"
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-monkey@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.6.tgz#8ead082953e88d992cf3ff844faa907b26756da2"
-  integrity sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -6663,7 +7046,7 @@ gensync@^1.0.0-beta.2:
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-get-caller-file@^2.0.1, get-caller-file@^2.0.5:
+get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
@@ -6689,6 +7072,11 @@ get-own-enumerable-property-symbols@^3.0.0:
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
   integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 
+get-package-type@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
+  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
+
 get-proto@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
@@ -6697,13 +7085,6 @@ get-proto@^1.0.1:
     dunder-proto "^1.0.1"
     es-object-atoms "^1.0.0"
 
-get-stream@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
-  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
-  dependencies:
-    pump "^3.0.0"
-
 get-stream@^6.0.0, get-stream@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
@@ -6728,6 +7109,11 @@ glob-parent@^6.0.1:
   dependencies:
     is-glob "^4.0.3"
 
+glob-to-regex.js@^1.0.0, glob-to-regex.js@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/glob-to-regex.js/-/glob-to-regex.js-1.2.0.tgz#2b323728271d133830850e32311f40766c5f6413"
+  integrity sha512-QMwlOQKU/IzqMUOAZWubUOT8Qft+Y0KQWnX9nK3ch0CJg0tTp4TvGZsTfudYKv2NzoQSyPcnA6TYeIQ3jGichQ==
+
 glob-to-regexp@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
@@ -6745,7 +7131,7 @@ glob@^10.2.2:
     package-json-from-dist "^1.0.0"
     path-scurry "^1.11.1"
 
-glob@^7.0.0, glob@^7.1.3, glob@^7.1.6:
+glob@^7.1.1, glob@^7.1.3, glob@^7.1.4:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -6785,22 +7171,6 @@ global-dirs@^3.0.0:
   dependencies:
     ini "2.0.0"
 
-global-modules@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
-  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
-  dependencies:
-    global-prefix "^3.0.0"
-
-global-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
-  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
-  dependencies:
-    ini "^1.3.5"
-    kind-of "^6.0.2"
-    which "^1.3.1"
-
 global@^4.3.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/global/-/global-4.4.0.tgz#3e7b105179006a323ed71aafca3e9c57a5cc6406"
@@ -6819,7 +7189,7 @@ globals@^9.18.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
 
-globby@^11.0.1, globby@^11.0.4, globby@^11.1.0:
+globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -6869,7 +7239,7 @@ graceful-fs@4.2.10:
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -7051,24 +7421,34 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-hermes-estree@0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.8.0.tgz#530be27243ca49f008381c1f3e8b18fb26bf9ec0"
-  integrity sha512-W6JDAOLZ5pMPMjEiQGLCXSSV7pIBEgRR5zGkxgmzGSXHOxqV5dC/M1Zevqpbm9TZDE5tu358qZf8Vkzmsc+u7Q==
+hermes-compiler@0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/hermes-compiler/-/hermes-compiler-0.14.0.tgz#ec0ec83132ab5954e7bd2c74e6331752742f188f"
+  integrity sha512-clxa193o+GYYwykWVFfpHduCATz8fR5jvU7ngXpfKHj+E9hr9vjLNtdLSEe8MUbObvVexV3wcyxQ00xTPIrB1Q==
 
-hermes-parser@0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.8.0.tgz#116dceaba32e45b16d6aefb5c4c830eaeba2d257"
-  integrity sha512-yZKalg1fTYG5eOiToLUaw69rQfZq/fi+/NtEXRU7N87K/XobNRhRWorh80oSge2lWUiZfTgUvRJH+XgZWrhoqA==
+hermes-estree@0.32.0:
+  version "0.32.0"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.32.0.tgz#bb7da6613ab8e67e334a1854ea1e209f487d307b"
+  integrity sha512-KWn3BqnlDOl97Xe1Yviur6NbgIZ+IP+UVSpshlZWkq+EtoHg6/cwiDj/osP9PCEgFE15KBm1O55JRwbMEm5ejQ==
+
+hermes-estree@0.33.3:
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.33.3.tgz#6d6b593d4b471119772c82bdb0212dfadabb6f17"
+  integrity sha512-6kzYZHCk8Fy1Uc+t3HGYyJn3OL4aeqKLTyina4UFtWl8I0kSL7OmKThaiX+Uh2f8nGw3mo4Ifxg0M5Zk3/Oeqg==
+
+hermes-parser@0.32.0:
+  version "0.32.0"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.32.0.tgz#7916984ef6fdce62e7415d354cf35392061cd303"
+  integrity sha512-g4nBOWFpuiTqjR3LZdRxKUkij9iyveWeuks7INEsMX741f3r9xxrOe8TeQfUxtda0eXmiIFiMQzoeSQEno33Hw==
   dependencies:
-    hermes-estree "0.8.0"
+    hermes-estree "0.32.0"
 
-hermes-profile-transformer@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/hermes-profile-transformer/-/hermes-profile-transformer-0.0.6.tgz#bd0f5ecceda80dd0ddaae443469ab26fb38fc27b"
-  integrity sha512-cnN7bQUm65UWOy6cbGcCcZ3rpwW8Q/j4OP5aWRhEry4Z2t2aR1cjrbp0BS+KiBN0smvP1caBgAuxutvyvJILzQ==
+hermes-parser@0.33.3:
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.33.3.tgz#da50ababb7a5ab636d339e7b2f6e3848e217e09d"
+  integrity sha512-Yg3HgaG4CqgyowtYjX/FsnPAuZdHOqSMtnbpylbptsQ9nwwSKsy6uRWcGO5RK0EqiX12q8HvDWKgeAVajRO5DA==
   dependencies:
-    source-map "^0.7.3"
+    hermes-estree "0.33.3"
 
 hex-rgb@^4.1.0:
   version "4.3.0"
@@ -7104,11 +7484,6 @@ hpack.js@^2.1.6:
     readable-stream "^2.0.1"
     wbuf "^1.1.0"
 
-html-entities@^2.3.2:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.6.0.tgz#7c64f1ea3b36818ccae3d3fb48b6974208e984f8"
-  integrity sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==
-
 html-escaper@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
@@ -7191,17 +7566,6 @@ http-deceiver@^1.2.7:
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
   integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
 
-http-errors@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
-  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
-  dependencies:
-    depd "2.0.0"
-    inherits "2.0.4"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    toidentifier "1.0.1"
-
 http-errors@~1.6.2:
   version "1.6.3"
   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
@@ -7212,12 +7576,23 @@ http-errors@~1.6.2:
     setprototypeof "1.1.0"
     statuses ">= 1.4.0 < 2"
 
+http-errors@~2.0.0, http-errors@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.1.tgz#36d2f65bc909c8790018dd36fb4d93da6caae06b"
+  integrity sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==
+  dependencies:
+    depd "~2.0.0"
+    inherits "~2.0.4"
+    setprototypeof "~1.2.0"
+    statuses "~2.0.2"
+    toidentifier "~1.0.1"
+
 http-parser-js@>=0.5.1:
   version "0.5.10"
   resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.10.tgz#b3277bd6d7ed5588e20ea73bf724fcbe44609075"
   integrity sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==
 
-http-proxy-middleware@^2.0.3:
+http-proxy-middleware@^2.0.9:
   version "2.0.9"
   resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz#e9e63d68afaa4eee3d147f39149ab84c0c2815ef"
   integrity sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==
@@ -7245,23 +7620,29 @@ http2-wrapper@^2.1.10:
     quick-lru "^5.1.1"
     resolve-alpn "^1.2.0"
 
+https-proxy-agent@^7.0.5:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz#da8dfeac7da130b05c2ba4b59c9b6cd66611a6b9"
+  integrity sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==
+  dependencies:
+    agent-base "^7.1.2"
+    debug "4"
+
 human-signals@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
   integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 
+hyperdyperid@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/hyperdyperid/-/hyperdyperid-1.2.0.tgz#59668d323ada92228d2a869d3e474d5a33b69e6b"
+  integrity sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==
+
 hyphenate-style-name@^1.0.3:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz#1797bf50369588b47b72ca6d5e65374607cf4436"
   integrity sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==
 
-iconv-lite@0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
 iconv-lite@^0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
@@ -7269,26 +7650,23 @@ iconv-lite@^0.6.3:
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
+iconv-lite@~0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
 icss-utils@^5.0.0, icss-utils@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
   integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
 
-ieee754@^1.1.13:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
-  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
-
 ignore@^5.0.0, ignore@^5.2.0, ignore@^5.2.4:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
-image-size@^0.6.0:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.6.3.tgz#e7e5c65bb534bd7cdcedd6cb5166272a85f75fb2"
-  integrity sha512-47xSUiQioGaB96nqtp5/q55m0aBQSQdyIloMOc/x+QVTDZLNmXE892IIDrJ0hM1A5vcNUDD5tDffkSP5lCaIIA==
-
 image-size@^1.0.2:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.2.1.tgz#ee118aedfe666db1a6ee12bed5821cde3740276d"
@@ -7296,20 +7674,12 @@ image-size@^1.0.2:
   dependencies:
     queue "6.0.2"
 
-immer@^9.0.7:
-  version "9.0.21"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
-  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
-
-import-fresh@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
-  integrity sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==
-  dependencies:
-    caller-path "^2.0.0"
-    resolve-from "^3.0.0"
+image-size@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-2.0.2.tgz#84a7b43704db5736f364bf0d1b029821299b4bdc"
+  integrity sha512-IRqXKlaXwgSMAMtpNzZa1ZAe8m+Sa1770Dhk8VkSsP9LS+iHD62Zd8FQKs8fbPiagBE7BzoFX23cxFnwshpV6w==
 
-import-fresh@^3.1.0, import-fresh@^3.2.1, import-fresh@^3.3.0:
+import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
   integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
@@ -7358,7 +7728,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3, inherits@~2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -7373,7 +7743,7 @@ ini@2.0.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-2.0.0.tgz#e5fd556ecdd5726be978fa1001862eacb0a94bc5"
   integrity sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==
 
-ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
+ini@^1.3.4, ini@~1.3.0:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
@@ -7396,11 +7766,6 @@ inline-style-prefixer@^6.0.1:
     css-in-js-utils "^3.1.0"
     fast-loops "^1.1.3"
 
-interpret@^1.0.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
-  integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
-
 interpret@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-3.1.1.tgz#5be0ceed67ca79c6c4bc5cf0d7ee843dcea110c4"
@@ -7418,10 +7783,10 @@ ipaddr.js@1.9.1:
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
   integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
 
-ipaddr.js@^2.0.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.2.0.tgz#d33fa7bac284f4de7af949638c9d68157c6b92e8"
-  integrity sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==
+ipaddr.js@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.3.0.tgz#71dce70e1398122208996d1c22f2ba46a24b1abc"
+  integrity sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==
 
 is-alphabetical@^1.0.0:
   version "1.0.4"
@@ -7490,16 +7855,16 @@ is-decimal@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-2.0.1.tgz#9469d2dc190d0214fd87d78b78caecc0cc14eef7"
   integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==
 
-is-directory@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
-  integrity sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==
-
 is-docker@^2.0.0, is-docker@^2.1.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
   integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
 
+is-docker@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200"
+  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
+
 is-empty@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/is-empty/-/is-empty-1.2.0.tgz#de9bb5b278738a05a0b09a57e1fb4d4a341a9f6b"
@@ -7515,11 +7880,6 @@ is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
-is-fullwidth-code-point@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==
-
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
@@ -7542,6 +7902,13 @@ is-hexadecimal@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz#86b5bf668fca307498d319dfc03289d781a90027"
   integrity sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==
 
+is-inside-container@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
+  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
+  dependencies:
+    is-docker "^3.0.0"
+
 is-installed-globally@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.4.0.tgz#9a0fd407949c30f86eb6959ef1b7994ed0b7b520"
@@ -7550,10 +7917,10 @@ is-installed-globally@^0.4.0:
     global-dirs "^3.0.0"
     is-path-inside "^3.0.2"
 
-is-interactive@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
-  integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
+is-network-error@^1.0.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/is-network-error/-/is-network-error-1.3.1.tgz#a2a86b80ffd6b05b774755c73c8aaab16597e58d"
+  integrity sha512-6QCxa49rQbmUWLfk0nuGqzql9U8uaV2H6279bRErPBHe/109hCzsLUBUHfbEtvLIHBd6hyXbgedBSHevm43Edw==
 
 is-npm@^6.0.0:
   version "6.0.0"
@@ -7575,11 +7942,6 @@ is-obj@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
   integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
 
-is-path-cwd@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
-  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
-
 is-path-inside@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
@@ -7607,16 +7969,6 @@ is-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
   integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
 
-is-root@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
-  integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
-
-is-stream@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
-  integrity sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==
-
 is-stream@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
@@ -7627,23 +7979,20 @@ is-typedarray@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
 
-is-unicode-supported@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
-  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
-
-is-wsl@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
-  integrity sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==
-
-is-wsl@^2.2.0:
+is-wsl@^2.1.1, is-wsl@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
   integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
   dependencies:
     is-docker "^2.0.0"
 
+is-wsl@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-3.1.1.tgz#327897b26832a3eb117da6c27492d04ca132594f"
+  integrity sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==
+  dependencies:
+    is-inside-container "^1.0.0"
+
 is-yarn-global@^0.4.0:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.4.1.tgz#b312d902b313f81e4eaf98b6361ba2b45cd694bb"
@@ -7669,6 +8018,22 @@ isobject@^3.0.1:
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
+istanbul-lib-coverage@^3.2.0:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
+  integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==
+
+istanbul-lib-instrument@^5.0.4:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
+  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/parser" "^7.14.7"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^6.3.0"
+
 jackspeak@^3.1.2:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
@@ -7678,7 +8043,7 @@ jackspeak@^3.1.2:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
-jest-environment-node@^29.2.1:
+jest-environment-node@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.7.0.tgz#0b93e111dda8ec120bc8300e6d1fb9576e164376"
   integrity sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==
@@ -7690,10 +8055,29 @@ jest-environment-node@^29.2.1:
     jest-mock "^29.7.0"
     jest-util "^29.7.0"
 
-jest-get-type@^26.3.0:
-  version "26.3.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0"
-  integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==
+jest-get-type@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
+  integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==
+
+jest-haste-map@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.7.0.tgz#3c2396524482f5a0506376e6c858c3bbcc17b104"
+  integrity sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==
+  dependencies:
+    "@jest/types" "^29.6.3"
+    "@types/graceful-fs" "^4.1.3"
+    "@types/node" "*"
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.9"
+    jest-regex-util "^29.6.3"
+    jest-util "^29.7.0"
+    jest-worker "^29.7.0"
+    micromatch "^4.0.4"
+    walker "^1.0.8"
+  optionalDependencies:
+    fsevents "^2.3.2"
 
 jest-message-util@^29.7.0:
   version "29.7.0"
@@ -7719,30 +8103,10 @@ jest-mock@^29.7.0:
     "@types/node" "*"
     jest-util "^29.7.0"
 
-jest-regex-util@^27.0.6:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
-  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
-
-jest-serializer@^27.0.6:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
-  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
-  dependencies:
-    "@types/node" "*"
-    graceful-fs "^4.2.9"
-
-jest-util@^27.2.0:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
-  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
+jest-regex-util@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.6.3.tgz#4a556d9c776af68e1c5f48194f4d0327d24e8a52"
+  integrity sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==
 
 jest-util@^29.7.0:
   version "29.7.0"
@@ -7756,19 +8120,19 @@ jest-util@^29.7.0:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^26.5.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-26.6.2.tgz#23d380971587150467342911c3d7b4ac57ab20ec"
-  integrity sha512-NEYZ9Aeyj0i5rQqbq+tpIOom0YS1u2MVu6+euBsvpgIme+FOfRmoC4R5p0JiAUpaFvFy24xgrpMknarR/93XjQ==
+jest-validate@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.7.0.tgz#7bf705511c64da591d46b15fce41400d52147d9c"
+  integrity sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==
   dependencies:
-    "@jest/types" "^26.6.2"
-    camelcase "^6.0.0"
+    "@jest/types" "^29.6.3"
+    camelcase "^6.2.0"
     chalk "^4.0.0"
-    jest-get-type "^26.3.0"
+    jest-get-type "^29.6.3"
     leven "^3.1.0"
-    pretty-format "^26.6.2"
+    pretty-format "^29.7.0"
 
-jest-worker@^27.2.0, jest-worker@^27.4.5:
+jest-worker@^27.4.5:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
   integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
@@ -7777,7 +8141,7 @@ jest-worker@^27.2.0, jest-worker@^27.4.5:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest-worker@^29.4.3:
+jest-worker@^29.4.3, jest-worker@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.7.0.tgz#acad073acbbaeb7262bd5389e1bcf43e10058d4a"
   integrity sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==
@@ -7792,7 +8156,7 @@ jiti@^1.20.0:
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
   integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
 
-joi@^17.2.1, joi@^17.9.2:
+joi@^17.9.2:
   version "17.13.3"
   resolved "https://registry.yarnpkg.com/joi/-/joi-17.13.3.tgz#0f5cc1169c999b30d344366d384b12d92558bcec"
   integrity sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==
@@ -7828,41 +8192,11 @@ js-yaml@^4.1.0:
   dependencies:
     argparse "^2.0.1"
 
-jsc-android@^250231.0.0:
-  version "250231.0.0"
-  resolved "https://registry.yarnpkg.com/jsc-android/-/jsc-android-250231.0.0.tgz#91720f8df382a108872fa4b3f558f33ba5e95262"
-  integrity sha512-rS46PvsjYmdmuz1OAWXY/1kCYG7pnf1TBqeTiOJr1iDz7s5DLxxC9n/ZMknLDxzYzNVfI7R95MH10emSSG1Wuw==
-
 jsc-safe-url@^0.2.2:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/jsc-safe-url/-/jsc-safe-url-0.2.4.tgz#141c14fbb43791e88d5dc64e85a374575a83477a"
   integrity sha512-0wM3YBWtYePOjfyXQH5MWQ8H7sdk5EXSwZvmSLKk2RboVQ2Bu239jycHDz5J/8Blf3K0Qnoy2b6xD+z10MFB+Q==
 
-jscodeshift@^0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/jscodeshift/-/jscodeshift-0.14.0.tgz#7542e6715d6d2e8bde0b4e883f0ccea358b46881"
-  integrity sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==
-  dependencies:
-    "@babel/core" "^7.13.16"
-    "@babel/parser" "^7.13.16"
-    "@babel/plugin-proposal-class-properties" "^7.13.0"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.13.8"
-    "@babel/plugin-proposal-optional-chaining" "^7.13.12"
-    "@babel/plugin-transform-modules-commonjs" "^7.13.8"
-    "@babel/preset-flow" "^7.13.13"
-    "@babel/preset-typescript" "^7.13.0"
-    "@babel/register" "^7.13.16"
-    babel-core "^7.0.0-bridge.0"
-    chalk "^4.1.2"
-    flow-parser "0.*"
-    graceful-fs "^4.2.4"
-    micromatch "^4.0.4"
-    neo-async "^2.5.0"
-    node-dir "^0.1.17"
-    recast "^0.21.0"
-    temp "^0.8.4"
-    write-file-atomic "^2.3.0"
-
 jsesc@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
@@ -7878,11 +8212,6 @@ json-buffer@3.0.1:
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
   integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
 
-json-parse-better-errors@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
-
 json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
@@ -7908,13 +8237,6 @@ json5@^2.1.2, json5@^2.2.3:
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-jsonfile@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
-  integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -7953,19 +8275,27 @@ latest-version@^7.0.0:
   dependencies:
     package-json "^8.1.0"
 
-launch-editor@^2.6.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.10.0.tgz#5ca3edfcb9667df1e8721310f3a40f1127d4bc42"
-  integrity sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==
+launch-editor@^2.6.1:
+  version "2.13.1"
+  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.13.1.tgz#d96ae376a282011661a112479a4bc2b8c1d914be"
+  integrity sha512-lPSddlAAluRKJ7/cjRFoXUFzaX7q/YKI7yPHuEvSJVqoXvFnJov1/Ud87Aa4zULIbA9Nja4mSPK8l0z/7eV2wA==
   dependencies:
-    picocolors "^1.0.0"
-    shell-quote "^1.8.1"
+    picocolors "^1.1.1"
+    shell-quote "^1.8.3"
 
 leven@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
   integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
 
+lighthouse-logger@^1.0.0:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz#aef90f9e97cd81db367c7634292ee22079280aaa"
+  integrity sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==
+  dependencies:
+    debug "^2.6.9"
+    marky "^1.2.2"
+
 lilconfig@^3.1.1:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
@@ -8011,11 +8341,6 @@ loader-utils@^2.0.0:
     emojis-list "^3.0.0"
     json5 "^2.1.2"
 
-loader-utils@^3.2.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-3.3.1.tgz#735b9a19fd63648ca7adbd31c2327dfe281304e5"
-  integrity sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==
-
 locate-path@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
@@ -8031,13 +8356,6 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
 locate-path@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-7.2.0.tgz#69cb1779bd90b35ab1e771e1f2f89a202c2a8a8a"
@@ -8070,29 +8388,12 @@ lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@^4.6.1:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-log-symbols@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
-  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
-  dependencies:
-    chalk "^4.1.0"
-    is-unicode-supported "^0.1.0"
-
-logkitty@^0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/logkitty/-/logkitty-0.7.1.tgz#8e8d62f4085a826e8d38987722570234e33c6aa7"
-  integrity sha512-/3ER20CTTbahrCrpYfPn7Xavv9diBROZpoXGVZDWMw4b/X4uuUwAC0ki85tgsdMRONURyIJbcOvS94QsUBYPbQ==
-  dependencies:
-    ansi-fragments "^0.2.1"
-    dayjs "^1.8.15"
-    yargs "^15.1.0"
-
 longest-streak@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-3.1.0.tgz#62fa67cd958742a1574af9f39866364102d90cd4"
   integrity sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -8123,14 +8424,6 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
-make-dir@^2.0.0, make-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
-  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
-  dependencies:
-    pify "^4.0.1"
-    semver "^5.6.0"
-
 makeerror@1.0.12:
   version "1.0.12"
   resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
@@ -8155,6 +8448,11 @@ markdown-table@^3.0.0:
   resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-3.0.4.tgz#fe44d6d410ff9d6f2ea1797a3f60aa4d2b631c2a"
   integrity sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==
 
+marky@^1.2.2:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/marky/-/marky-1.3.0.tgz#422b63b0baf65022f02eda61a238eccdbbc14997"
+  integrity sha512-ocnPZQLNpvbedwTy9kNrQEsknEfgvcLMvOtz3sFeWApDq1MXH1TqkCIx58xlpESsfwQOnuBO9beyQuNGzVvuhQ==
+
 math-intrinsics@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
@@ -8507,12 +8805,25 @@ media-typer@0.3.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
 
-memfs@^3.1.2, memfs@^3.4.3:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6"
-  integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ==
-  dependencies:
-    fs-monkey "^1.0.4"
+memfs@^4.43.1:
+  version "4.56.11"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-4.56.11.tgz#53a21b11a06a446a11598303bcd353c16762cb4d"
+  integrity sha512-/GodtwVeKVIHZKLUSr2ZdOxKBC5hHki4JNCU22DoCGPEHr5o2PD5U721zvESKyWwCfTfavFl9WZYgA13OAYK0g==
+  dependencies:
+    "@jsonjoy.com/fs-core" "4.56.11"
+    "@jsonjoy.com/fs-fsa" "4.56.11"
+    "@jsonjoy.com/fs-node" "4.56.11"
+    "@jsonjoy.com/fs-node-builtins" "4.56.11"
+    "@jsonjoy.com/fs-node-to-fsa" "4.56.11"
+    "@jsonjoy.com/fs-node-utils" "4.56.11"
+    "@jsonjoy.com/fs-print" "4.56.11"
+    "@jsonjoy.com/fs-snapshot" "4.56.11"
+    "@jsonjoy.com/json-pack" "^1.11.0"
+    "@jsonjoy.com/util" "^1.9.0"
+    glob-to-regex.js "^1.0.1"
+    thingies "^2.5.0"
+    tree-dump "^1.0.3"
+    tslib "^2.0.0"
 
 memoize-one@^5.0.0:
   version "5.2.1"
@@ -8539,143 +8850,79 @@ methods@~1.1.2:
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
   integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
 
-metro-babel-transformer@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.73.10.tgz#b27732fa3869f397246ee8ecf03b64622ab738c1"
-  integrity sha512-Yv2myTSnpzt/lTyurLvqYbBkytvUJcLHN8XD3t7W6rGiLTQPzmf1zypHQLphvcAXtCWBOXFtH7KLOSi2/qMg+A==
+metro-babel-transformer@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.83.5.tgz#91f3fa269171ad5189ebba625f1f0aa124ce06ea"
+  integrity sha512-d9FfmgUEVejTiSb7bkQeLRGl6aeno2UpuPm3bo3rCYwxewj03ymvOn8s8vnS4fBqAPQ+cE9iQM40wh7nGXR+eA==
   dependencies:
-    "@babel/core" "^7.20.0"
-    hermes-parser "0.8.0"
-    metro-source-map "0.73.10"
+    "@babel/core" "^7.25.2"
+    flow-enums-runtime "^0.0.6"
+    hermes-parser "0.33.3"
     nullthrows "^1.1.1"
 
-metro-cache-key@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.73.10.tgz#8d63591187d295b62a80aed64a87864b1e9d67a2"
-  integrity sha512-JMVDl/EREDiUW//cIcUzRjKSwE2AFxVWk47cFBer+KA4ohXIG2CQPEquT56hOw1Y1s6gKNxxs1OlAOEsubrFjw==
-
-metro-cache@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.73.10.tgz#02e9cb7c1e42aab5268d2ecce35ad8f2c08891de"
-  integrity sha512-wPGlQZpdVlM404m7MxJqJ+hTReDr5epvfPbt2LerUAHY9RN99w61FeeAe25BMZBwgUgDtAsfGlJ51MBHg8MAqw==
+metro-cache-key@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.83.5.tgz#96896a1768f0494a375e1d5957b7ad487e508a4c"
+  integrity sha512-Ycl8PBajB7bhbAI7Rt0xEyiF8oJ0RWX8EKkolV1KfCUlC++V/GStMSGpPLwnnBZXZWkCC5edBPzv1Hz1Yi0Euw==
   dependencies:
-    metro-core "0.73.10"
-    rimraf "^3.0.2"
+    flow-enums-runtime "^0.0.6"
 
-metro-config@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.73.10.tgz#a9ec3d0a1290369e3f46c467a4c4f6dd43acc223"
-  integrity sha512-wIlybd1Z9I8K2KcStTiJxTB7OK529dxFgogNpKCTU/3DxkgAASqSkgXnZP6kVyqjh5EOWAKFe5U6IPic7kXDdQ==
+metro-cache@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.83.5.tgz#5675f4ad56905aa78fff3dec1b6bf213e0b6c86d"
+  integrity sha512-oH+s4U+IfZyg8J42bne2Skc90rcuESIYf86dYittcdWQtPfcaFXWpByPyTuWk3rR1Zz3Eh5HOrcVImfEhhJLng==
   dependencies:
-    cosmiconfig "^5.0.5"
-    jest-validate "^26.5.2"
-    metro "0.73.10"
-    metro-cache "0.73.10"
-    metro-core "0.73.10"
-    metro-runtime "0.73.10"
+    exponential-backoff "^3.1.1"
+    flow-enums-runtime "^0.0.6"
+    https-proxy-agent "^7.0.5"
+    metro-core "0.83.5"
 
-metro-core@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.73.10.tgz#feb3c228aa8c0dde71d8e4cef614cc3a1dc3bbd7"
-  integrity sha512-5uYkajIxKyL6W45iz/ftNnYPe1l92CvF2QJeon1CHsMXkEiOJxEjo41l+iSnO/YodBGrmMCyupSO4wOQGUc0lw==
+metro-config@0.83.5, metro-config@^0.83.3:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.83.5.tgz#a3dd20fc5d5582aa4ad3704678e52abcf4d46b2b"
+  integrity sha512-JQ/PAASXH7yczgV6OCUSRhZYME+NU8NYjI2RcaG5ga4QfQ3T/XdiLzpSb3awWZYlDCcQb36l4Vl7i0Zw7/Tf9w==
   dependencies:
+    connect "^3.6.5"
+    flow-enums-runtime "^0.0.6"
+    jest-validate "^29.7.0"
+    metro "0.83.5"
+    metro-cache "0.83.5"
+    metro-core "0.83.5"
+    metro-runtime "0.83.5"
+    yaml "^2.6.1"
+
+metro-core@0.83.5, metro-core@^0.83.3:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.83.5.tgz#1592033633034feb5d368d22bf18e38052146970"
+  integrity sha512-YcVcLCrf0ed4mdLa82Qob0VxYqfhmlRxUS8+TO4gosZo/gLwSvtdeOjc/Vt0pe/lvMNrBap9LlmvZM8FIsMgJQ==
+  dependencies:
+    flow-enums-runtime "^0.0.6"
     lodash.throttle "^4.1.1"
-    metro-resolver "0.73.10"
+    metro-resolver "0.83.5"
 
-metro-file-map@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.73.10.tgz#55bd906fb7c1bef8e1a31df4b29a3ef4b49f0b5a"
-  integrity sha512-XOMWAybeaXyD6zmVZPnoCCL2oO3rp4ta76oUlqWP0skBzhFxVtkE/UtDwApEMUY361JeBBago647gnKiARs+1g==
+metro-file-map@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.83.5.tgz#394aa61d54b3822f10e68c18cbd1318f18865d20"
+  integrity sha512-ZEt8s3a1cnYbn40nyCD+CsZdYSlwtFh2kFym4lo+uvfM+UMMH+r/BsrC6rbNClSrt+B7rU9T+Te/sh/NL8ZZKQ==
   dependencies:
-    abort-controller "^3.0.0"
-    anymatch "^3.0.3"
-    debug "^2.2.0"
+    debug "^4.4.0"
     fb-watchman "^2.0.0"
+    flow-enums-runtime "^0.0.6"
     graceful-fs "^4.2.4"
     invariant "^2.2.4"
-    jest-regex-util "^27.0.6"
-    jest-serializer "^27.0.6"
-    jest-util "^27.2.0"
-    jest-worker "^27.2.0"
+    jest-worker "^29.7.0"
     micromatch "^4.0.4"
     nullthrows "^1.1.1"
     walker "^1.0.7"
-  optionalDependencies:
-    fsevents "^2.3.2"
-
-metro-hermes-compiler@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-hermes-compiler/-/metro-hermes-compiler-0.73.10.tgz#4525a7835c803a5d0b3b05c6619202e2273d630f"
-  integrity sha512-rTRWEzkVrwtQLiYkOXhSdsKkIObnL+Jqo+IXHI7VEK2aSLWRAbtGNqECBs44kbOUypDYTFFE+WLtoqvUWqYkWg==
 
-metro-inspector-proxy@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-inspector-proxy/-/metro-inspector-proxy-0.73.10.tgz#752fed2ab88199c9dcc3369c3d59da6c5b954a51"
-  integrity sha512-CEEvocYc5xCCZBtGSIggMCiRiXTrnBbh8pmjKQqm9TtJZALeOGyt5pXUaEkKGnhrXETrexsg6yIbsQHhEvVfvQ==
-  dependencies:
-    connect "^3.6.5"
-    debug "^2.2.0"
-    ws "^7.5.1"
-    yargs "^17.5.1"
-
-metro-minify-terser@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-minify-terser/-/metro-minify-terser-0.73.10.tgz#557eab3a512b90b7779350ff5d25a215c4dbe61f"
-  integrity sha512-uG7TSKQ/i0p9kM1qXrwbmY3v+6BrMItsOcEXcSP8Z+68bb+t9HeVK0T/hIfUu1v1PEnonhkhfzVsaP8QyTd5lQ==
+metro-minify-terser@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-minify-terser/-/metro-minify-terser-0.83.5.tgz#ee43a11a9d3442760781434c599d45eb1274e6fd"
+  integrity sha512-Toe4Md1wS1PBqbvB0cFxBzKEVyyuYTUb0sgifAZh/mSvLH84qA1NAWik9sISWatzvfWf3rOGoUoO5E3f193a3Q==
   dependencies:
+    flow-enums-runtime "^0.0.6"
     terser "^5.15.0"
 
-metro-minify-uglify@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.73.10.tgz#4de79056d502479733854c90f2075374353ea154"
-  integrity sha512-eocnSeJKnLz/UoYntVFhCJffED7SLSgbCHgNvI6ju6hFb6EFHGJT9OLbkJWeXaWBWD3Zw5mYLS8GGqGn/CHZPA==
-  dependencies:
-    uglify-es "^3.1.9"
-
-metro-react-native-babel-preset@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.73.10.tgz#304b24bb391537d2c987732cc0a9774be227d3f6"
-  integrity sha512-1/dnH4EHwFb2RKEKx34vVDpUS3urt2WEeR8FYim+ogqALg4sTpG7yeQPxWpbgKATezt4rNfqAANpIyH19MS4BQ==
-  dependencies:
-    "@babel/core" "^7.20.0"
-    "@babel/plugin-proposal-async-generator-functions" "^7.0.0"
-    "@babel/plugin-proposal-class-properties" "^7.0.0"
-    "@babel/plugin-proposal-export-default-from" "^7.0.0"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
-    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
-    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
-    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
-    "@babel/plugin-syntax-export-default-from" "^7.0.0"
-    "@babel/plugin-syntax-flow" "^7.18.0"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.0.0"
-    "@babel/plugin-syntax-optional-chaining" "^7.0.0"
-    "@babel/plugin-transform-arrow-functions" "^7.0.0"
-    "@babel/plugin-transform-async-to-generator" "^7.0.0"
-    "@babel/plugin-transform-block-scoping" "^7.0.0"
-    "@babel/plugin-transform-classes" "^7.0.0"
-    "@babel/plugin-transform-computed-properties" "^7.0.0"
-    "@babel/plugin-transform-destructuring" "^7.0.0"
-    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
-    "@babel/plugin-transform-function-name" "^7.0.0"
-    "@babel/plugin-transform-literals" "^7.0.0"
-    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.0.0"
-    "@babel/plugin-transform-parameters" "^7.0.0"
-    "@babel/plugin-transform-react-display-name" "^7.0.0"
-    "@babel/plugin-transform-react-jsx" "^7.0.0"
-    "@babel/plugin-transform-react-jsx-self" "^7.0.0"
-    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
-    "@babel/plugin-transform-runtime" "^7.0.0"
-    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
-    "@babel/plugin-transform-spread" "^7.0.0"
-    "@babel/plugin-transform-sticky-regex" "^7.0.0"
-    "@babel/plugin-transform-template-literals" "^7.0.0"
-    "@babel/plugin-transform-typescript" "^7.5.0"
-    "@babel/plugin-transform-unicode-regex" "^7.0.0"
-    "@babel/template" "^7.0.0"
-    react-refresh "^0.4.0"
-
 metro-react-native-babel-preset@0.76.8:
   version "0.76.8"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.76.8.tgz#7476efae14363cbdfeeec403b4f01d7348e6c048"
@@ -8721,146 +8968,124 @@ metro-react-native-babel-preset@0.76.8:
     babel-plugin-transform-flow-enums "^0.0.2"
     react-refresh "^0.4.0"
 
-metro-react-native-babel-transformer@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.73.10.tgz#4e20a9ce131b873cda0b5a44d3eb4002134a64b8"
-  integrity sha512-4G/upwqKdmKEjmsNa92/NEgsOxUWOygBVs+FXWfXWKgybrmcjh3NoqdRYrROo9ZRA/sB9Y/ZXKVkWOGKHtGzgg==
+metro-resolver@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.83.5.tgz#72340ca8071941eafe92ff2dcb8e33c581870ef7"
+  integrity sha512-7p3GtzVUpbAweJeCcUJihJeOQl1bDuimO5ueo1K0BUpUtR41q5EilbQ3klt16UTPPMpA+tISWBtsrqU556mY1A==
   dependencies:
-    "@babel/core" "^7.20.0"
-    babel-preset-fbjs "^3.4.0"
-    hermes-parser "0.8.0"
-    metro-babel-transformer "0.73.10"
-    metro-react-native-babel-preset "0.73.10"
-    metro-source-map "0.73.10"
-    nullthrows "^1.1.1"
-
-metro-resolver@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.73.10.tgz#c39a3bd8d33e5d78cb256110d29707d8d49ed0be"
-  integrity sha512-HeXbs+0wjakaaVQ5BI7eT7uqxlZTc9rnyw6cdBWWMgUWB++KpoI0Ge7Hi6eQAOoVAzXC3m26mPFYLejpzTWjng==
-  dependencies:
-    absolute-path "^0.0.0"
+    flow-enums-runtime "^0.0.6"
 
-metro-runtime@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.73.10.tgz#c3de19d17e75ffe1a145778d99422e7ffc208768"
-  integrity sha512-EpVKm4eN0Fgx2PEWpJ5NiMArV8zVoOin866jIIvzFLpmkZz1UEqgjf2JAfUJnjgv3fjSV3JqeGG2vZCaGQBTow==
+metro-runtime@0.83.5, metro-runtime@^0.83.3:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.83.5.tgz#52c1edafc6cc82e57729cc9c21700ab1e53a1777"
+  integrity sha512-f+b3ue9AWTVlZe2Xrki6TAoFtKIqw30jwfk7GQ1rDUBQaE0ZQ+NkiMEtb9uwH7uAjJ87U7Tdx1Jg1OJqUfEVlA==
   dependencies:
-    "@babel/runtime" "^7.0.0"
-    react-refresh "^0.4.0"
+    "@babel/runtime" "^7.25.0"
+    flow-enums-runtime "^0.0.6"
 
-metro-source-map@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.73.10.tgz#28e09a28f1a2f7a4f8d0845b845cbed74e2f48f9"
-  integrity sha512-NAGv14701p/YaFZ76KzyPkacBw/QlEJF1f8elfs23N1tC33YyKLDKvPAzFJiYqjdcFvuuuDCA8JCXd2TgLxNPw==
+metro-source-map@0.83.5, metro-source-map@^0.83.3:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.83.5.tgz#384f311f83fa2bf51cbec08d77210aa951bf9ee3"
+  integrity sha512-VT9bb2KO2/4tWY9Z2yeZqTUao7CicKAOps9LUg2aQzsz+04QyuXL3qgf1cLUVRjA/D6G5u1RJAlN1w9VNHtODQ==
   dependencies:
-    "@babel/traverse" "^7.20.0"
-    "@babel/types" "^7.20.0"
+    "@babel/traverse" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    flow-enums-runtime "^0.0.6"
     invariant "^2.2.4"
-    metro-symbolicate "0.73.10"
+    metro-symbolicate "0.83.5"
     nullthrows "^1.1.1"
-    ob1 "0.73.10"
+    ob1 "0.83.5"
     source-map "^0.5.6"
     vlq "^1.0.0"
 
-metro-symbolicate@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.73.10.tgz#7853a9a8fbfd615a5c9db698fffc685441ac880f"
-  integrity sha512-PmCe3TOe1c/NVwMlB+B17me951kfkB3Wve5RqJn+ErPAj93od1nxicp6OJe7JT4QBRnpUP8p9tw2sHKqceIzkA==
+metro-symbolicate@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.83.5.tgz#62167db423be6c68b4b9f39935c9cb7330cc9526"
+  integrity sha512-EMIkrjNRz/hF+p0RDdxoE60+dkaTLPN3vaaGkFmX5lvFdO6HPfHA/Ywznzkev+za0VhPQ5KSdz49/MALBRteHA==
   dependencies:
+    flow-enums-runtime "^0.0.6"
     invariant "^2.2.4"
-    metro-source-map "0.73.10"
+    metro-source-map "0.83.5"
     nullthrows "^1.1.1"
     source-map "^0.5.6"
-    through2 "^2.0.1"
     vlq "^1.0.0"
 
-metro-transform-plugins@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.73.10.tgz#1b762330cbbedb6c18438edc3d76b063c88882af"
-  integrity sha512-D4AgD3Vsrac+4YksaPmxs/0ocT67bvwTkFSIgWWeDvWwIG0U1iHzTS9f8Bvb4PITnXryDoFtjI6OWF7uOpGxpA==
+metro-transform-plugins@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.83.5.tgz#ba21c6a5fa9bf6c5c2c222e2c8e7a668ffb3d341"
+  integrity sha512-KxYKzZL+lt3Os5H2nx7YkbkWVduLZL5kPrE/Yq+Prm/DE1VLhpfnO6HtPs8vimYFKOa58ncl60GpoX0h7Wm0Vw==
   dependencies:
-    "@babel/core" "^7.20.0"
-    "@babel/generator" "^7.20.0"
-    "@babel/template" "^7.0.0"
-    "@babel/traverse" "^7.20.0"
+    "@babel/core" "^7.25.2"
+    "@babel/generator" "^7.29.1"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.29.0"
+    flow-enums-runtime "^0.0.6"
     nullthrows "^1.1.1"
 
-metro-transform-worker@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.73.10.tgz#bb401dbd7b10a6fe443a5f7970cba38425efece0"
-  integrity sha512-IySvVubudFxahxOljWtP0QIMMpgUrCP0bW16cz2Enof0PdumwmR7uU3dTbNq6S+XTzuMHR+076aIe4VhPAWsIQ==
-  dependencies:
-    "@babel/core" "^7.20.0"
-    "@babel/generator" "^7.20.0"
-    "@babel/parser" "^7.20.0"
-    "@babel/types" "^7.20.0"
-    babel-preset-fbjs "^3.4.0"
-    metro "0.73.10"
-    metro-babel-transformer "0.73.10"
-    metro-cache "0.73.10"
-    metro-cache-key "0.73.10"
-    metro-hermes-compiler "0.73.10"
-    metro-source-map "0.73.10"
-    metro-transform-plugins "0.73.10"
+metro-transform-worker@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.83.5.tgz#8616b54282e727027fdb5c475aade719394a8e8a"
+  integrity sha512-8N4pjkNXc6ytlP9oAM6MwqkvUepNSW39LKYl9NjUMpRDazBQ7oBpQDc8Sz4aI8jnH6AGhF7s1m/ayxkN1t04yA==
+  dependencies:
+    "@babel/core" "^7.25.2"
+    "@babel/generator" "^7.29.1"
+    "@babel/parser" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    flow-enums-runtime "^0.0.6"
+    metro "0.83.5"
+    metro-babel-transformer "0.83.5"
+    metro-cache "0.83.5"
+    metro-cache-key "0.83.5"
+    metro-minify-terser "0.83.5"
+    metro-source-map "0.83.5"
+    metro-transform-plugins "0.83.5"
     nullthrows "^1.1.1"
 
-metro@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/metro/-/metro-0.73.10.tgz#d9a0efb1e403e3aee5cf5140e0a96a7220c23901"
-  integrity sha512-J2gBhNHFtc/Z48ysF0B/bfTwUwaRDLjNv7egfhQCc+934dpXcjJG2KZFeuybF+CvA9vo4QUi56G2U+RSAJ5tsA==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/core" "^7.20.0"
-    "@babel/generator" "^7.20.0"
-    "@babel/parser" "^7.20.0"
-    "@babel/template" "^7.0.0"
-    "@babel/traverse" "^7.20.0"
-    "@babel/types" "^7.20.0"
-    absolute-path "^0.0.0"
-    accepts "^1.3.7"
-    async "^3.2.2"
+metro@0.83.5, metro@^0.83.3:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.83.5.tgz#f5441075d5211c980ac8c79109e9e6fa2df68924"
+  integrity sha512-BgsXevY1MBac/3ZYv/RfNFf/4iuW9X7f4H8ZNkiH+r667HD9sVujxcmu4jvEzGCAm4/WyKdZCuyhAcyhTHOucQ==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/core" "^7.25.2"
+    "@babel/generator" "^7.29.1"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    accepts "^2.0.0"
     chalk "^4.0.0"
     ci-info "^2.0.0"
     connect "^3.6.5"
-    debug "^2.2.0"
-    denodeify "^1.2.1"
+    debug "^4.4.0"
     error-stack-parser "^2.0.6"
+    flow-enums-runtime "^0.0.6"
     graceful-fs "^4.2.4"
-    hermes-parser "0.8.0"
-    image-size "^0.6.0"
+    hermes-parser "0.33.3"
+    image-size "^1.0.2"
     invariant "^2.2.4"
-    jest-worker "^27.2.0"
+    jest-worker "^29.7.0"
     jsc-safe-url "^0.2.2"
     lodash.throttle "^4.1.1"
-    metro-babel-transformer "0.73.10"
-    metro-cache "0.73.10"
-    metro-cache-key "0.73.10"
-    metro-config "0.73.10"
-    metro-core "0.73.10"
-    metro-file-map "0.73.10"
-    metro-hermes-compiler "0.73.10"
-    metro-inspector-proxy "0.73.10"
-    metro-minify-terser "0.73.10"
-    metro-minify-uglify "0.73.10"
-    metro-react-native-babel-preset "0.73.10"
-    metro-resolver "0.73.10"
-    metro-runtime "0.73.10"
-    metro-source-map "0.73.10"
-    metro-symbolicate "0.73.10"
-    metro-transform-plugins "0.73.10"
-    metro-transform-worker "0.73.10"
-    mime-types "^2.1.27"
-    node-fetch "^2.2.0"
+    metro-babel-transformer "0.83.5"
+    metro-cache "0.83.5"
+    metro-cache-key "0.83.5"
+    metro-config "0.83.5"
+    metro-core "0.83.5"
+    metro-file-map "0.83.5"
+    metro-resolver "0.83.5"
+    metro-runtime "0.83.5"
+    metro-source-map "0.83.5"
+    metro-symbolicate "0.83.5"
+    metro-transform-plugins "0.83.5"
+    metro-transform-worker "0.83.5"
+    mime-types "^3.0.1"
     nullthrows "^1.1.1"
-    rimraf "^3.0.2"
     serialize-error "^2.1.0"
     source-map "^0.5.6"
-    strip-ansi "^6.0.0"
-    temp "0.8.3"
     throat "^5.0.0"
-    ws "^7.5.1"
-    yargs "^17.5.1"
+    ws "^7.5.10"
+    yargs "^17.6.2"
 
 micromark-core-commonmark@^1.0.0, micromark-core-commonmark@^1.0.1:
   version "1.1.0"
@@ -9561,7 +9786,7 @@ mime-db@1.52.0:
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-"mime-db@>= 1.43.0 < 2":
+"mime-db@>= 1.43.0 < 2", mime-db@^1.54.0:
   version "1.54.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.54.0.tgz#cddb3ee4f9c64530dff640236661d42cb6a314f5"
   integrity sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==
@@ -9578,23 +9803,25 @@ mime-types@2.1.18:
   dependencies:
     mime-db "~1.33.0"
 
-mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.27, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
+mime-types@^3.0.0, mime-types@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-3.0.2.tgz#39002d4182575d5af036ffa118100f2524b2e2ab"
+  integrity sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==
+  dependencies:
+    mime-db "^1.54.0"
+
 mime@1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
-mime@^2.4.1:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
-  integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
-
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@@ -9617,10 +9844,10 @@ min-document@^2.19.0:
   dependencies:
     dom-walk "^0.1.0"
 
-mini-css-extract-plugin@^2.9.1:
-  version "2.9.2"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz#966031b468917a5446f4c24a80854b2947503c5b"
-  integrity sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==
+mini-css-extract-plugin@^2.9.2:
+  version "2.10.1"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.10.1.tgz#a7f0bb890f4e1ce6dfc124bd1e6d6fcd3b359844"
+  integrity sha512-k7G3Y5QOegl380tXmZ68foBRRjE9Ljavx835ObdvmZjQ639izvZD8CS7BkWw1qKPPzHsGL/JDhl0uyU1zc2rJw==
   dependencies:
     schema-utils "^4.0.0"
     tapable "^2.2.1"
@@ -9630,7 +9857,7 @@ minimalistic-assert@^1.0.0:
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
   integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
 
-minimatch@3.1.2, minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1:
+minimatch@3.1.2, minimatch@^3.0.4, minimatch@^3.1.1:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -9658,7 +9885,7 @@ minimatch@^9.0.0, minimatch@^9.0.4:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimist@^1.2.0, minimist@^1.2.6:
+minimist@^1.2.0:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -9673,12 +9900,10 @@ minipass@^4.2.4:
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
   integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
 
-mkdirp@^0.5.1:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
+mkdirp@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
 mri@^1.1.0:
   version "1.2.0"
@@ -9708,7 +9933,7 @@ multicast-dns@^7.2.5:
     dns-packet "^5.2.2"
     thunky "^1.0.2"
 
-nanoid@^3.3.8:
+nanoid@^3.3.11, nanoid@^3.3.8:
   version "3.3.11"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b"
   integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==
@@ -9718,21 +9943,21 @@ negotiator@0.6.3:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
+negotiator@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-1.0.0.tgz#b6c91bb47172d69f93cfd7c357bbb529019b5f6a"
+  integrity sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==
+
 negotiator@~0.6.4:
   version "0.6.4"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.4.tgz#777948e2452651c570b712dd01c23e262713fff7"
   integrity sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==
 
-neo-async@^2.5.0, neo-async@^2.6.2:
+neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
-nice-try@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
-  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
-
 no-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
@@ -9741,18 +9966,6 @@ no-case@^3.0.4:
     lower-case "^2.0.2"
     tslib "^2.0.3"
 
-nocache@^3.0.1:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/nocache/-/nocache-3.0.4.tgz#5b37a56ec6e09fc7d401dceaed2eab40c8bfdf79"
-  integrity sha512-WDD0bdg9mbq6F4mRxEYcPWwfA1vxd0mrvKOyxI7Xj/atfRHVeutzuWByG//jfm4uPzp0y4Kj051EORCBSQMycw==
-
-node-dir@^0.1.17:
-  version "0.1.17"
-  resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.17.tgz#5f5665d93351335caabef8f1c554516cf5f1e4e5"
-  integrity sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==
-  dependencies:
-    minimatch "^3.0.2"
-
 node-emoji@^2.1.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-2.2.0.tgz#1d000e3c76e462577895be1b436f4aa2d6760eb0"
@@ -9763,18 +9976,13 @@ node-emoji@^2.1.0:
     emojilib "^2.4.0"
     skin-tone "^2.0.0"
 
-node-fetch@^2.2.0, node-fetch@^2.6.0, node-fetch@^2.7.0:
+node-fetch@^2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
   integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
   dependencies:
     whatwg-url "^5.0.0"
 
-node-forge@^1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
-  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
-
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -9785,10 +9993,10 @@ node-releases@^2.0.19:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
   integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
 
-node-stream-zip@^1.9.1:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/node-stream-zip/-/node-stream-zip-1.15.0.tgz#158adb88ed8004c6c49a396b50a6a5de3bca33ea"
-  integrity sha512-LN4fydt9TqhZhThkZIVQnF9cwjU3qmUH9h78Mx/K7d3VvfRqqwthLwJEUOEL0QPZ0XQmNN7be5Ggit5+4dq3Bw==
+node-releases@^2.0.27:
+  version "2.0.36"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.36.tgz#99fd6552aaeda9e17c4713b57a63964a2e325e9d"
+  integrity sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==
 
 nopt@^7.0.0:
   version "7.2.1"
@@ -9822,13 +10030,6 @@ npm-normalize-package-bin@^3.0.0:
   resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz#25447e32a9a7de1f51362c61a559233b89947832"
   integrity sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==
 
-npm-run-path@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
-  integrity sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==
-  dependencies:
-    path-key "^2.0.0"
-
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -9861,10 +10062,12 @@ nullthrows@^1.1.1:
   resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1"
   integrity sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==
 
-ob1@0.73.10:
-  version "0.73.10"
-  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.73.10.tgz#bf0a2e8922bb8687ddca82327c5cf209414a1bd4"
-  integrity sha512-aO6EYC+QRRCkZxVJhCWhLKgVjhNuD6Gu1riGjxrIm89CqLsmKgxzYDDEsktmKsoDeRdWGQM5EdMzXDl5xcVfsw==
+ob1@0.83.5:
+  version "0.83.5"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.83.5.tgz#f9c289d759142b76577948eea7fd1f07d36f825f"
+  integrity sha512-vNKPYC8L5ycVANANpF/S+WZHpfnRWKx/F3AYP4QMn6ZJTh+l2HOrId0clNkEmua58NB9vmI9Qh7YOoV/4folYg==
+  dependencies:
+    flow-enums-runtime "^0.0.6"
 
 object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
@@ -9898,7 +10101,7 @@ obuf@^1.0.0, obuf@^1.1.2:
   resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
   integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
 
-on-finished@2.4.1:
+on-finished@^2.4.1, on-finished@~2.4.1:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
   integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
@@ -9912,33 +10115,44 @@ on-finished@~2.3.0:
   dependencies:
     ee-first "1.1.1"
 
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
+on-headers@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.1.0.tgz#59da4f91c45f5f989c6e4bcedc5a3b0aed70ff65"
+  integrity sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==
 
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
+once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
   dependencies:
     wrappy "1"
 
-onetime@^5.1.0, onetime@^5.1.2:
+onetime@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
   integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
   dependencies:
     mimic-fn "^2.1.0"
 
-open@^6.2.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-6.4.0.tgz#5c13e96d0dc894686164f18965ecfe889ecfc8a9"
-  integrity sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==
+open@^10.0.3:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-10.2.0.tgz#b9d855be007620e80b6fb05fac98141fe62db73c"
+  integrity sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==
+  dependencies:
+    default-browser "^5.2.1"
+    define-lazy-prop "^3.0.0"
+    is-inside-container "^1.0.0"
+    wsl-utils "^0.1.0"
+
+open@^7.0.3:
+  version "7.4.2"
+  resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321"
+  integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==
   dependencies:
-    is-wsl "^1.1.0"
+    is-docker "^2.0.0"
+    is-wsl "^2.1.1"
 
-open@^8.0.9, open@^8.4.0:
+open@^8.4.0:
   version "8.4.2"
   resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
   integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
@@ -9952,26 +10166,6 @@ opener@^1.5.2:
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
 
-ora@^5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-5.4.1.tgz#1b2678426af4ac4a509008e5e4ac9e9959db9e18"
-  integrity sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==
-  dependencies:
-    bl "^4.1.0"
-    chalk "^4.1.0"
-    cli-cursor "^3.1.0"
-    cli-spinners "^2.5.0"
-    is-interactive "^1.0.0"
-    is-unicode-supported "^0.1.0"
-    log-symbols "^4.1.0"
-    strip-ansi "^6.0.0"
-    wcwidth "^1.0.1"
-
-os-tmpdir@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
-
 p-cancelable@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-3.0.0.tgz#63826694b54d61ca1c20ebcb6d3ecf5e14cd8050"
@@ -9989,13 +10183,6 @@ p-limit@^2.0.0, p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
-p-limit@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
 p-limit@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-4.0.0.tgz#914af6544ed32bfa54670b061cafcbd04984b644"
@@ -10017,13 +10204,6 @@ p-locate@^4.1.0:
   dependencies:
     p-limit "^2.2.0"
 
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
-
 p-locate@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-6.0.0.tgz#3da9a49d4934b901089dca3302fa65dc5a05c04f"
@@ -10038,14 +10218,30 @@ p-map@^4.0.0:
   dependencies:
     aggregate-error "^3.0.0"
 
-p-retry@^4.5.0:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
-  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
+p-queue@^6.6.2:
+  version "6.6.2"
+  resolved "https://registry.yarnpkg.com/p-queue/-/p-queue-6.6.2.tgz#2068a9dcf8e67dd0ec3e7a2bcb76810faa85e426"
+  integrity sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==
+  dependencies:
+    eventemitter3 "^4.0.4"
+    p-timeout "^3.2.0"
+
+p-retry@^6.2.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-6.2.1.tgz#81828f8dc61c6ef5a800585491572cc9892703af"
+  integrity sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==
   dependencies:
-    "@types/retry" "0.12.0"
+    "@types/retry" "0.12.2"
+    is-network-error "^1.0.0"
     retry "^0.13.1"
 
+p-timeout@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-3.2.0.tgz#c7e17abc971d2a7962ef83626b35d635acf23dfe"
+  integrity sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==
+  dependencies:
+    p-finally "^1.0.0"
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -10119,14 +10315,6 @@ parse-entities@^4.0.0:
     is-decimal "^2.0.0"
     is-hexadecimal "^2.0.0"
 
-parse-json@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
-  integrity sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==
-  dependencies:
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
-
 parse-json@^5.0.0, parse-json@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
@@ -10205,11 +10393,6 @@ path-is-inside@1.0.2:
   resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
   integrity sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==
 
-path-key@^2.0.0, path-key@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
-
 path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
@@ -10228,11 +10411,6 @@ path-scurry@^1.11.1, path-scurry@^1.6.1:
     lru-cache "^10.2.0"
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
 
-path-to-regexp@0.1.12:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.12.tgz#d5e1a12e478a976d432ef3c58d534b9923164bb7"
-  integrity sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==
-
 path-to-regexp@3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-3.3.0.tgz#f7f31d32e8518c2660862b644414b6d5c63a611b"
@@ -10245,6 +10423,11 @@ path-to-regexp@^1.7.0:
   dependencies:
     isarray "0.0.1"
 
+path-to-regexp@~0.1.12:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.12.tgz#d5e1a12e478a976d432ef3c58d534b9923164bb7"
+  integrity sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
@@ -10265,23 +10448,11 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-pify@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
-  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
-
-pirates@^4.0.6:
+pirates@^4.0.4:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.7.tgz#643b4a18c4257c8a65104b73f3049ce9a0a15e22"
   integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==
 
-pkg-dir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
-  integrity sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==
-  dependencies:
-    find-up "^3.0.0"
-
 pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
@@ -10303,6 +10474,18 @@ pkg-up@^3.1.0:
   dependencies:
     find-up "^3.0.0"
 
+pkijs@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/pkijs/-/pkijs-3.3.3.tgz#b3f04d7b2eaacb05c81675f882be374e591626ec"
+  integrity sha512-+KD8hJtqQMYoTuL1bbGOqxb4z+nZkTAwVdNtWwe8Tc2xNbEmdJYIYoc6Qt0uF55e6YW6KuTHw1DjQ18gMhzepw==
+  dependencies:
+    "@noble/hashes" "1.4.0"
+    asn1js "^3.0.6"
+    bytestreamjs "^2.0.1"
+    pvtsutils "^1.3.6"
+    pvutils "^1.1.3"
+    tslib "^2.8.1"
+
 postcss-attribute-case-insensitive@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-7.0.1.tgz#0c4500e3bcb2141848e89382c05b5a31c23033a3"
@@ -10325,15 +10508,15 @@ postcss-clamp@^4.1.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-color-functional-notation@^7.0.9:
-  version "7.0.10"
-  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-7.0.10.tgz#f1e9c3e4371889dcdfeabfa8515464fd8338cedc"
-  integrity sha512-k9qX+aXHBiLTRrWoCJuUFI6F1iF6QJQUXNVWJVSbqZgj57jDhBlOvD8gNUGl35tgqDivbGLhZeW3Ongz4feuKA==
+postcss-color-functional-notation@^7.0.12:
+  version "7.0.12"
+  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-7.0.12.tgz#9a3df2296889e629fde18b873bb1f50a4ecf4b83"
+  integrity sha512-TLCW9fN5kvO/u38/uesdpbx3e8AkTYhMvDZYa9JpmImWuTE99bDQ7GU7hdOADIZsiI9/zuxfAJxny/khknp1Zw==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
 postcss-color-hex-alpha@^10.0.0:
@@ -10370,7 +10553,7 @@ postcss-convert-values@^6.1.0:
     browserslist "^4.23.0"
     postcss-value-parser "^4.2.0"
 
-postcss-custom-media@^11.0.5:
+postcss-custom-media@^11.0.6:
   version "11.0.6"
   resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-11.0.6.tgz#6b450e5bfa209efb736830066682e6567bd04967"
   integrity sha512-C4lD4b7mUIw+RZhtY7qUbf4eADmb7Ey8BFA2px9jUbwg7pjTZDl4KY4bvlUV+/vXQvzQRfiGEVJyAbtOsCMInw==
@@ -10380,10 +10563,10 @@ postcss-custom-media@^11.0.5:
     "@csstools/css-tokenizer" "^3.0.4"
     "@csstools/media-query-list-parser" "^4.0.3"
 
-postcss-custom-properties@^14.0.4:
-  version "14.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-14.0.5.tgz#a180444de695f6e11ee2390be93ff6537663e86c"
-  integrity sha512-UWf/vhMapZatv+zOuqlfLmYXeOhhHLh8U8HAKGI2VJ00xLRYoAJh4xv8iX6FB6+TLXeDnm0DBLMi00E0hodbQw==
+postcss-custom-properties@^14.0.6:
+  version "14.0.6"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-14.0.6.tgz#1af73a650bf115ba052cf915287c9982825fc90e"
+  integrity sha512-fTYSp3xuk4BUeVhxCSJdIPhDLpJfNakZKoiTDx7yRGCdlZrSJR7mWKVOBS4sBF+5poPQFMj2YdXx1VHItBGihQ==
   dependencies:
     "@csstools/cascade-layer-name-parser" "^2.0.5"
     "@csstools/css-parser-algorithms" "^3.0.5"
@@ -10391,7 +10574,7 @@ postcss-custom-properties@^14.0.4:
     "@csstools/utilities" "^2.0.0"
     postcss-value-parser "^4.2.0"
 
-postcss-custom-selectors@^8.0.4:
+postcss-custom-selectors@^8.0.5:
   version "8.0.5"
   resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-8.0.5.tgz#9448ed37a12271d7ab6cb364b6f76a46a4a323e8"
   integrity sha512-9PGmckHQswiB2usSO6XMSswO2yFWVoCAuih1yl9FVcwkscLjRKjwsjM3t+NIWpSU2Jx3eOiK2+t4vVTQaoCHHg==
@@ -10435,12 +10618,12 @@ postcss-discard-unused@^6.0.5:
   dependencies:
     postcss-selector-parser "^6.0.16"
 
-postcss-double-position-gradients@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-6.0.2.tgz#185f8eab2db9cf4e34be69b5706c905895bb52ae"
-  integrity sha512-7qTqnL7nfLRyJK/AHSVrrXOuvDDzettC+wGoienURV8v2svNbu6zJC52ruZtHaO6mfcagFmuTGFdzRsJKB3k5Q==
+postcss-double-position-gradients@^6.0.4:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-6.0.4.tgz#b482d08b5ced092b393eb297d07976ab482d4cad"
+  integrity sha512-m6IKmxo7FxSP5nF2l63QbCC3r+bWpFUWmZXZf096WxG0m7Vl1Q1+ruFOhpdDRmKrRS+S3Jtk+TVk/7z0+BVK6g==
   dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
     postcss-value-parser "^4.2.0"
 
@@ -10476,18 +10659,18 @@ postcss-image-set-function@^7.0.0:
     "@csstools/utilities" "^2.0.0"
     postcss-value-parser "^4.2.0"
 
-postcss-lab-function@^7.0.9:
-  version "7.0.10"
-  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-7.0.10.tgz#0537bd7245b935fc133298c8896bcbd160540cae"
-  integrity sha512-tqs6TCEv9tC1Riq6fOzHuHcZyhg4k3gIAMB8GGY/zA1ssGdm6puHMVE7t75aOSoFg7UD2wyrFFhbldiCMyyFTQ==
+postcss-lab-function@^7.0.12:
+  version "7.0.12"
+  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-7.0.12.tgz#eb555ac542607730eb0a87555074e4a5c6eef6e4"
+  integrity sha512-tUcyRk1ZTPec3OuKFsqtRzW2Go5lehW29XA21lZ65XmzQkz43VY2tyWEC202F7W3mILOjw0voOiuxRGTsN+J9w==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.10"
+    "@csstools/css-color-parser" "^3.1.0"
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/postcss-progressive-custom-properties" "^4.1.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
     "@csstools/utilities" "^2.0.0"
 
-postcss-loader@^7.3.3:
+postcss-loader@^7.3.4:
   version "7.3.4"
   resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-7.3.4.tgz#aed9b79ce4ed7e9e89e56199d25ad1ec8f606209"
   integrity sha512-iW5WTTBSC5BfsBJ9daFMPVrLT36MrNiC6fqOZTTaHjBNX6Pfd5p+hSBqe/fEeNd7pc13QiAyGt7VdGMw4eRC4A==
@@ -10589,12 +10772,12 @@ postcss-modules-values@^4.0.0:
   dependencies:
     icss-utils "^5.0.0"
 
-postcss-nesting@^13.0.1:
-  version "13.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-13.0.1.tgz#c405796d7245a3e4c267a9956cacfe9670b5d43e"
-  integrity sha512-VbqqHkOBOt4Uu3G8Dm8n6lU5+9cJFxiuty9+4rcoyRPO9zZS1JIs6td49VIoix3qYqELHlJIn46Oih9SAKo+yQ==
+postcss-nesting@^13.0.2:
+  version "13.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-13.0.2.tgz#fde0d4df772b76d03b52eccc84372e8d1ca1402e"
+  integrity sha512-1YCI290TX+VP0U/K/aFxzHzQWHWURL+CtHMSbex1lCdpXD1SoR2sYuxDu5aNI9lPoXpKTCggFZiDJbwylU0LEQ==
   dependencies:
-    "@csstools/selector-resolve-nested" "^3.0.0"
+    "@csstools/selector-resolve-nested" "^3.1.0"
     "@csstools/selector-specificity" "^5.0.0"
     postcss-selector-parser "^7.0.0"
 
@@ -10692,67 +10875,75 @@ postcss-place@^10.0.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-preset-env@^10.1.0:
-  version "10.1.6"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-10.1.6.tgz#0f5456ea55a6bcbd0fd3c5f41e194881f42b17e5"
-  integrity sha512-1jRD7vttKLJ7o0mcmmYWKRLm7W14rI8K1I7Y41OeXUPEVc/CAzfTssNUeJ0zKbR+zMk4boqct/gwS/poIFF5Lg==
-  dependencies:
-    "@csstools/postcss-cascade-layers" "^5.0.1"
-    "@csstools/postcss-color-function" "^4.0.9"
-    "@csstools/postcss-color-mix-function" "^3.0.9"
-    "@csstools/postcss-content-alt-text" "^2.0.5"
-    "@csstools/postcss-exponential-functions" "^2.0.8"
+postcss-preset-env@^10.2.1:
+  version "10.6.1"
+  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-10.6.1.tgz#df30cfc54e90af2dcff5f94104e6f272359c9f65"
+  integrity sha512-yrk74d9EvY+W7+lO9Aj1QmjWY9q5NsKjK2V9drkOPZB/X6KZ0B3igKsHUYakb7oYVhnioWypQX3xGuePf89f3g==
+  dependencies:
+    "@csstools/postcss-alpha-function" "^1.0.1"
+    "@csstools/postcss-cascade-layers" "^5.0.2"
+    "@csstools/postcss-color-function" "^4.0.12"
+    "@csstools/postcss-color-function-display-p3-linear" "^1.0.1"
+    "@csstools/postcss-color-mix-function" "^3.0.12"
+    "@csstools/postcss-color-mix-variadic-function-arguments" "^1.0.2"
+    "@csstools/postcss-content-alt-text" "^2.0.8"
+    "@csstools/postcss-contrast-color-function" "^2.0.12"
+    "@csstools/postcss-exponential-functions" "^2.0.9"
     "@csstools/postcss-font-format-keywords" "^4.0.0"
-    "@csstools/postcss-gamut-mapping" "^2.0.9"
-    "@csstools/postcss-gradients-interpolation-method" "^5.0.9"
-    "@csstools/postcss-hwb-function" "^4.0.9"
-    "@csstools/postcss-ic-unit" "^4.0.1"
+    "@csstools/postcss-gamut-mapping" "^2.0.11"
+    "@csstools/postcss-gradients-interpolation-method" "^5.0.12"
+    "@csstools/postcss-hwb-function" "^4.0.12"
+    "@csstools/postcss-ic-unit" "^4.0.4"
     "@csstools/postcss-initial" "^2.0.1"
-    "@csstools/postcss-is-pseudo-class" "^5.0.1"
-    "@csstools/postcss-light-dark-function" "^2.0.8"
+    "@csstools/postcss-is-pseudo-class" "^5.0.3"
+    "@csstools/postcss-light-dark-function" "^2.0.11"
     "@csstools/postcss-logical-float-and-clear" "^3.0.0"
     "@csstools/postcss-logical-overflow" "^2.0.0"
     "@csstools/postcss-logical-overscroll-behavior" "^2.0.0"
     "@csstools/postcss-logical-resize" "^3.0.0"
-    "@csstools/postcss-logical-viewport-units" "^3.0.3"
-    "@csstools/postcss-media-minmax" "^2.0.8"
-    "@csstools/postcss-media-queries-aspect-ratio-number-values" "^3.0.4"
+    "@csstools/postcss-logical-viewport-units" "^3.0.4"
+    "@csstools/postcss-media-minmax" "^2.0.9"
+    "@csstools/postcss-media-queries-aspect-ratio-number-values" "^3.0.5"
     "@csstools/postcss-nested-calc" "^4.0.0"
-    "@csstools/postcss-normalize-display-values" "^4.0.0"
-    "@csstools/postcss-oklab-function" "^4.0.9"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.1"
-    "@csstools/postcss-random-function" "^2.0.0"
-    "@csstools/postcss-relative-color-syntax" "^3.0.9"
+    "@csstools/postcss-normalize-display-values" "^4.0.1"
+    "@csstools/postcss-oklab-function" "^4.0.12"
+    "@csstools/postcss-position-area-property" "^1.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^4.2.1"
+    "@csstools/postcss-property-rule-prelude-list" "^1.0.0"
+    "@csstools/postcss-random-function" "^2.0.1"
+    "@csstools/postcss-relative-color-syntax" "^3.0.12"
     "@csstools/postcss-scope-pseudo-class" "^4.0.1"
-    "@csstools/postcss-sign-functions" "^1.1.3"
-    "@csstools/postcss-stepped-value-functions" "^4.0.8"
-    "@csstools/postcss-text-decoration-shorthand" "^4.0.2"
-    "@csstools/postcss-trigonometric-functions" "^4.0.8"
+    "@csstools/postcss-sign-functions" "^1.1.4"
+    "@csstools/postcss-stepped-value-functions" "^4.0.9"
+    "@csstools/postcss-syntax-descriptor-syntax-production" "^1.0.1"
+    "@csstools/postcss-system-ui-font-family" "^1.0.0"
+    "@csstools/postcss-text-decoration-shorthand" "^4.0.3"
+    "@csstools/postcss-trigonometric-functions" "^4.0.9"
     "@csstools/postcss-unset-value" "^4.0.0"
-    autoprefixer "^10.4.21"
-    browserslist "^4.24.4"
+    autoprefixer "^10.4.23"
+    browserslist "^4.28.1"
     css-blank-pseudo "^7.0.1"
-    css-has-pseudo "^7.0.2"
+    css-has-pseudo "^7.0.3"
     css-prefers-color-scheme "^10.0.0"
-    cssdb "^8.2.5"
+    cssdb "^8.6.0"
     postcss-attribute-case-insensitive "^7.0.1"
     postcss-clamp "^4.1.0"
-    postcss-color-functional-notation "^7.0.9"
+    postcss-color-functional-notation "^7.0.12"
     postcss-color-hex-alpha "^10.0.0"
     postcss-color-rebeccapurple "^10.0.0"
-    postcss-custom-media "^11.0.5"
-    postcss-custom-properties "^14.0.4"
-    postcss-custom-selectors "^8.0.4"
+    postcss-custom-media "^11.0.6"
+    postcss-custom-properties "^14.0.6"
+    postcss-custom-selectors "^8.0.5"
     postcss-dir-pseudo-class "^9.0.1"
-    postcss-double-position-gradients "^6.0.1"
+    postcss-double-position-gradients "^6.0.4"
     postcss-focus-visible "^10.0.1"
     postcss-focus-within "^9.0.1"
     postcss-font-variant "^5.0.0"
     postcss-gap-properties "^6.0.0"
     postcss-image-set-function "^7.0.0"
-    postcss-lab-function "^7.0.9"
+    postcss-lab-function "^7.0.12"
     postcss-logical "^8.1.0"
-    postcss-nesting "^13.0.1"
+    postcss-nesting "^13.0.2"
     postcss-opacity-percentage "^3.0.0"
     postcss-overflow-shorthand "^6.0.0"
     postcss-page-break "^3.0.4"
@@ -10850,7 +11041,7 @@ postcss-zindex@^6.0.2:
   resolved "https://registry.yarnpkg.com/postcss-zindex/-/postcss-zindex-6.0.2.tgz#e498304b83a8b165755f53db40e2ea65a99b56e1"
   integrity sha512-5BxW9l1evPB/4ZIc+2GobEBoKC+h8gPGCMi+jxsYvd2x0mjq7wazk6DrP71pStqxE9Foxh5TVnonbWpFZzXaYg==
 
-postcss@^8.4.21, postcss@^8.4.24, postcss@^8.4.26, postcss@^8.4.33, postcss@^8.4.38:
+postcss@^8.4.21, postcss@^8.4.24, postcss@^8.4.33:
   version "8.5.3"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
   integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
@@ -10859,6 +11050,15 @@ postcss@^8.4.21, postcss@^8.4.24, postcss@^8.4.26, postcss@^8.4.33, postcss@^8.4
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
+postcss@^8.5.4:
+  version "8.5.8"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.8.tgz#6230ecc8fb02e7a0f6982e53990937857e13f399"
+  integrity sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==
+  dependencies:
+    nanoid "^3.3.11"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
+
 prettier@^3.3.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.5.3.tgz#4fc2ce0d657e7a02e602549f053b239cb7dfe1b5"
@@ -10872,16 +11072,6 @@ pretty-error@^4.0.0:
     lodash "^4.17.20"
     renderkid "^3.0.0"
 
-pretty-format@^26.5.2, pretty-format@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93"
-  integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==
-  dependencies:
-    "@jest/types" "^26.6.2"
-    ansi-regex "^5.0.0"
-    ansi-styles "^4.0.0"
-    react-is "^17.0.1"
-
 pretty-format@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812"
@@ -10943,7 +11133,7 @@ promise@^8.3.0:
   dependencies:
     asap "~2.0.6"
 
-prompts@^2.4.0, prompts@^2.4.2:
+prompts@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
   integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
@@ -10983,14 +11173,6 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
-pump@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.2.tgz#836f3edd6bc2ee599256c924ffe0d88573ddcbf8"
-  integrity sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
 punycode@^2.1.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
@@ -11003,12 +11185,24 @@ pupa@^3.1.0:
   dependencies:
     escape-goat "^4.0.0"
 
-qs@6.13.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906"
-  integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==
+pvtsutils@^1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/pvtsutils/-/pvtsutils-1.3.6.tgz#ec46e34db7422b9e4fdc5490578c1883657d6001"
+  integrity sha512-PLgQXQ6H2FWCaeRak8vvk1GW462lMxB5s3Jm673N82zI4vqtVUPuZdffdZbPDFRoU8kAhItWFtPCWiPpp4/EDg==
+  dependencies:
+    tslib "^2.8.1"
+
+pvutils@^1.1.3:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/pvutils/-/pvutils-1.1.5.tgz#84b0dea4a5d670249aa9800511804ee0b7c2809c"
+  integrity sha512-KTqnxsgGiQ6ZAzZCVlJH5eOjSnvlyEgx1m8bkRJfOhmGRqfo5KLvmAlACQkrjEtOQ4B7wF9TdSLIs9O90MX9xA==
+
+qs@~6.14.0:
+  version "6.14.2"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.2.tgz#b5634cf9d9ad9898e31fba3504e866e8efb6798c"
+  integrity sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==
   dependencies:
-    side-channel "^1.0.6"
+    side-channel "^1.1.0"
 
 queue-microtask@^1.2.2:
   version "1.2.3"
@@ -11051,15 +11245,15 @@ range-parser@^1.2.1, range-parser@~1.2.1:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-raw-body@2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
-  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
+raw-body@~2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.3.tgz#11c6650ee770a7de1b494f197927de0c923822e2"
+  integrity sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==
   dependencies:
-    bytes "3.1.2"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
+    bytes "~3.1.2"
+    http-errors "~2.0.1"
+    iconv-lite "~0.4.24"
+    unpipe "~1.0.0"
 
 raw-loader@^4.0.2:
   version "4.0.2"
@@ -11089,51 +11283,20 @@ react-deep-force-update@^1.0.0:
   resolved "https://registry.yarnpkg.com/react-deep-force-update/-/react-deep-force-update-1.1.2.tgz#3d2ae45c2c9040cbb1772be52f8ea1ade6ca2ee1"
   integrity sha512-WUSQJ4P/wWcusaH+zZmbECOk7H5N2pOIl0vzheeornkIMhu+qrNdGFm0bDZLCb0hSF0jf/kH1SgkNGfBdTc4wA==
 
-react-dev-utils@^12.0.1:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
-  integrity sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==
-  dependencies:
-    "@babel/code-frame" "^7.16.0"
-    address "^1.1.2"
-    browserslist "^4.18.1"
-    chalk "^4.1.2"
-    cross-spawn "^7.0.3"
-    detect-port-alt "^1.1.6"
-    escape-string-regexp "^4.0.0"
-    filesize "^8.0.6"
-    find-up "^5.0.0"
-    fork-ts-checker-webpack-plugin "^6.5.0"
-    global-modules "^2.0.0"
-    globby "^11.0.4"
-    gzip-size "^6.0.0"
-    immer "^9.0.7"
-    is-root "^2.1.0"
-    loader-utils "^3.2.0"
-    open "^8.4.0"
-    pkg-up "^3.1.0"
-    prompts "^2.4.2"
-    react-error-overlay "^6.0.11"
-    recursive-readdir "^2.2.2"
-    shell-quote "^1.7.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
-
-react-devtools-core@^4.26.1:
-  version "4.28.5"
-  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.28.5.tgz#c8442b91f068cdf0c899c543907f7f27d79c2508"
-  integrity sha512-cq/o30z9W2Wb4rzBefjv5fBalHU0rJGZCHAkf/RHSBWSSYwh8PlQTqqOJmgIIbBtpj27T6FIPXeomIjZtCNVqA==
+react-devtools-core@^6.1.5:
+  version "6.1.5"
+  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-6.1.5.tgz#c5eca79209dab853a03b2158c034c5166975feee"
+  integrity sha512-ePrwPfxAnB+7hgnEr8vpKxL9cmnp7F322t8oqcPshbIQQhDKgFDW4tjhF2wjVbdXF9O/nyuy3sQWd9JGpiLPvA==
   dependencies:
     shell-quote "^1.6.1"
     ws "^7"
 
-react-dom@^18.2.0:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
-  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
+react-dom@19.1.1:
+  version "19.1.1"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.1.1.tgz#2daa9ff7f3ae384aeb30e76d5ee38c046dc89893"
+  integrity sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw==
   dependencies:
-    loose-envify "^1.1.0"
-    scheduler "^0.23.2"
+    scheduler "^0.26.0"
 
 react-draggable@^4.4.5:
   version "4.4.6"
@@ -11143,17 +11306,12 @@ react-draggable@^4.4.5:
     clsx "^1.1.1"
     prop-types "^15.8.1"
 
-react-error-overlay@^6.0.11:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.1.0.tgz#22b86256beb1c5856f08a9a228adb8121dd985f2"
-  integrity sha512-SN/U6Ytxf1QGkw/9ve5Y+NxBbZM6Ht95tuXNMKs8EJyFa/Vy/+Co3stop3KBHARfn/giv+Lj1uUnTfOJ3moFEQ==
-
 react-fast-compare@^3.2.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49"
   integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==
 
-"react-helmet-async@npm:@slorber/react-helmet-async@*", "react-helmet-async@npm:@slorber/react-helmet-async@1.3.0":
+"react-helmet-async@npm:@slorber/react-helmet-async@1.3.0":
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/@slorber/react-helmet-async/-/react-helmet-async-1.3.0.tgz#11fbc6094605cf60aa04a28c17e0aab894b4ecff"
   integrity sha512-e9/OK8VhwUSc67diWI8Rb3I0YgI9/SBQtnhe9aEuK6MhZm7ntZZimXgwXnd8W96YTmSOb9M4d8LwhRZyhWr/1A==
@@ -11164,30 +11322,25 @@ react-fast-compare@^3.2.0:
     react-fast-compare "^3.2.0"
     shallowequal "^1.1.0"
 
-"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
-  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
-
 react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-is@^17.0.1:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
-  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+react-is@^18.0.0:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
 
 react-is@^19.1.0:
   version "19.1.0"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-19.1.0.tgz#805bce321546b7e14c084989c77022351bbdd11b"
   integrity sha512-Oe56aUPnkHyyDxxkvqtd7KkdQP5uIUfHxd5XTb3wE9d/kRnZLmKbDB0GWk919tdQ+mxxPtG6EAs6RMT6i1qtHg==
 
-react-json-view-lite@^1.2.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/react-json-view-lite/-/react-json-view-lite-1.5.0.tgz#377cc302821717ac79a1b6d099e1891df54c8662"
-  integrity sha512-nWqA1E4jKPklL2jvHWs6s+7Na0qNgw9HCP6xehdQJeg6nPBTFZgGwyko9Q0oj+jQWKTTVRS30u0toM5wiuL3iw==
+react-json-view-lite@^2.3.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/react-json-view-lite/-/react-json-view-lite-2.5.0.tgz#c7ff011c7cc80e9900abc7aa4916c6a5c6d6c1c6"
+  integrity sha512-tk7o7QG9oYyELWHL8xiMQ8x4WzjCzbWNyig3uexmkLb54r8jO0yH3WCWx8UZS0c49eSA4QUmG5caiRJ8fAn58g==
 
 react-loadable-ssr-addon-v5-slorber@^1.0.1:
   version "1.0.1"
@@ -11203,16 +11356,6 @@ react-loadable-ssr-addon-v5-slorber@^1.0.1:
   dependencies:
     "@types/react" "*"
 
-react-native-codegen@^0.71.6:
-  version "0.71.6"
-  resolved "https://registry.yarnpkg.com/react-native-codegen/-/react-native-codegen-0.71.6.tgz#481a610c3af9135b09e1e031da032e7270e0cc1b"
-  integrity sha512-e5pR4VldIhEaFctfSAEgxbng0uG4gjBQxAHes3EKLdosH/Av90pQfSe9IDVdFIngvNPzt8Y14pNjrtqov/yNIg==
-  dependencies:
-    "@babel/parser" "^7.14.0"
-    flow-parser "^0.185.0"
-    jscodeshift "^0.14.0"
-    nullthrows "^1.1.1"
-
 react-native-gesture-handler@^2.24.0:
   version "2.25.0"
   resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-2.25.0.tgz#3a5a8912ea4f5e68ab211a9fa5a191c08ad50883"
@@ -11222,11 +11365,6 @@ react-native-gesture-handler@^2.24.0:
     hoist-non-react-statics "^3.3.0"
     invariant "^2.2.4"
 
-react-native-gradle-plugin@^0.71.19:
-  version "0.71.19"
-  resolved "https://registry.yarnpkg.com/react-native-gradle-plugin/-/react-native-gradle-plugin-0.71.19.tgz#3379e28341fcd189bc1f4691cefc84c1a4d7d232"
-  integrity sha512-1dVk9NwhoyKHCSxcrM6vY6cxmojeATsBobDicX0ZKr7DgUF2cBQRTKsimQFvzH8XhOVXyH8p4HyDSZNIFI8OlQ==
-
 react-native-is-edge-to-edge@1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.1.6.tgz#69ec13f70d76e9245e275eed4140d0873a78f902"
@@ -11268,46 +11406,46 @@ react-native-worklets@^0.1.0:
   resolved "https://registry.yarnpkg.com/react-native-worklets/-/react-native-worklets-0.1.0.tgz#bb39986ce2e5228d37dd1acd79d330b6d56f55bb"
   integrity sha512-+SlJfWlclW8T2W9l5q9EuDhurHk6OKc3892yQNrNgeJr7vBEYdHEpjyHsQR4nnpfSt13nzB5OZrL4OAD1sQnWw==
 
-react-native@^0.71.4:
-  version "0.71.19"
-  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.71.19.tgz#966c91b2154058a9e5987cf5eb9fc0e4f1ab4157"
-  integrity sha512-E6Rz4lpe4NC9ZR6zq9AWiB0MAoVeidr+aPu/pmwk5ezvVL/wbQ1Gdj70v7fKMC8Nz5wYFO1S0XUNPUKYaPhfeg==
-  dependencies:
-    "@jest/create-cache-key-function" "^29.2.1"
-    "@react-native-community/cli" "10.2.7"
-    "@react-native-community/cli-platform-android" "10.2.0"
-    "@react-native-community/cli-platform-ios" "10.2.5"
-    "@react-native/assets" "1.0.0"
-    "@react-native/normalize-color" "2.1.0"
-    "@react-native/polyfills" "2.0.0"
+react-native@0.83.0:
+  version "0.83.0"
+  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.83.0.tgz#30f815ca6355c9fe32daa8772338075d3e2d84f1"
+  integrity sha512-a8wPjGfkktb1+Mjvzkky3d0u6j6zdWAzftZ2LdQtgRgqkMMfgQxD9S+ri3RNlfAFQpuCAOYUIyrNHiVkUQChxA==
+  dependencies:
+    "@jest/create-cache-key-function" "^29.7.0"
+    "@react-native/assets-registry" "0.83.0"
+    "@react-native/codegen" "0.83.0"
+    "@react-native/community-cli-plugin" "0.83.0"
+    "@react-native/gradle-plugin" "0.83.0"
+    "@react-native/js-polyfills" "0.83.0"
+    "@react-native/normalize-colors" "0.83.0"
+    "@react-native/virtualized-lists" "0.83.0"
     abort-controller "^3.0.0"
     anser "^1.4.9"
     ansi-regex "^5.0.0"
-    base64-js "^1.1.2"
-    deprecated-react-native-prop-types "^3.0.1"
-    event-target-shim "^5.0.1"
+    babel-jest "^29.7.0"
+    babel-plugin-syntax-hermes-parser "0.32.0"
+    base64-js "^1.5.1"
+    commander "^12.0.0"
+    flow-enums-runtime "^0.0.6"
+    glob "^7.1.1"
+    hermes-compiler "0.14.0"
     invariant "^2.2.4"
-    jest-environment-node "^29.2.1"
-    jsc-android "^250231.0.0"
+    jest-environment-node "^29.7.0"
     memoize-one "^5.0.0"
-    metro-react-native-babel-transformer "0.73.10"
-    metro-runtime "0.73.10"
-    metro-source-map "0.73.10"
-    mkdirp "^0.5.1"
+    metro-runtime "^0.83.3"
+    metro-source-map "^0.83.3"
     nullthrows "^1.1.1"
-    pretty-format "^26.5.2"
+    pretty-format "^29.7.0"
     promise "^8.3.0"
-    react-devtools-core "^4.26.1"
-    react-native-codegen "^0.71.6"
-    react-native-gradle-plugin "^0.71.19"
-    react-refresh "^0.4.0"
-    react-shallow-renderer "^16.15.0"
+    react-devtools-core "^6.1.5"
+    react-refresh "^0.14.0"
     regenerator-runtime "^0.13.2"
-    scheduler "^0.23.0"
-    stacktrace-parser "^0.1.3"
-    use-sync-external-store "^1.0.0"
+    scheduler "0.27.0"
+    semver "^7.1.3"
+    stacktrace-parser "^0.1.10"
     whatwg-fetch "^3.0.0"
-    ws "^6.2.2"
+    ws "^7.5.10"
+    yargs "^17.6.2"
 
 react-proxy@^1.1.7:
   version "1.1.8"
@@ -11317,6 +11455,11 @@ react-proxy@^1.1.7:
     lodash "^4.6.1"
     react-deep-force-update "^1.0.0"
 
+react-refresh@^0.14.0:
+  version "0.14.2"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.2.tgz#3833da01ce32da470f1f936b9d477da5c7028bf9"
+  integrity sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==
+
 react-refresh@^0.4.0:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.4.3.tgz#966f1750c191672e76e16c2efa569150cc73ab53"
@@ -11357,14 +11500,6 @@ react-router@5.3.4, react-router@^5.3.4:
     tiny-invariant "^1.0.2"
     tiny-warning "^1.0.0"
 
-react-shallow-renderer@^16.15.0:
-  version "16.15.0"
-  resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
-  integrity sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==
-  dependencies:
-    object-assign "^4.1.1"
-    react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
-
 react-transform-hmr@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/react-transform-hmr/-/react-transform-hmr-1.0.4.tgz#e1a40bd0aaefc72e8dfd7a7cda09af85066397bb"
@@ -11383,12 +11518,10 @@ react-transition-group@^4.4.5:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react@^18.2.0:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
-  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
-  dependencies:
-    loose-envify "^1.1.0"
+react@19.1.1:
+  version "19.1.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-19.1.1.tgz#06d9149ec5e083a67f9a1e39ce97b06a03b644af"
+  integrity sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==
 
 read-package-json-fast@^3.0.0, read-package-json-fast@^3.0.2:
   version "3.0.2"
@@ -11398,7 +11531,7 @@ read-package-json-fast@^3.0.0, read-package-json-fast@^3.0.2:
     json-parse-even-better-errors "^3.0.0"
     npm-normalize-package-bin "^3.0.0"
 
-readable-stream@^2.0.1, readable-stream@~2.3.6:
+readable-stream@^2.0.1:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
   integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@@ -11411,7 +11544,7 @@ readable-stream@^2.0.1, readable-stream@~2.3.6:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.0.2, readable-stream@^3.0.6, readable-stream@^3.4.0:
+readable-stream@^3.0.2, readable-stream@^3.0.6:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@@ -11427,33 +11560,6 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-reading-time@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/reading-time/-/reading-time-1.5.0.tgz#d2a7f1b6057cb2e169beaf87113cc3411b5bc5bb"
-  integrity sha512-onYyVhBNr4CmAxFsKS7bz+uTLRakypIe4R+5A824vBSkQy/hB3fZepoVEf8OVAxzLvK+H/jm9TzpI3ETSm64Kg==
-
-readline@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/readline/-/readline-1.3.0.tgz#c580d77ef2cfc8752b132498060dc9793a7ac01c"
-  integrity sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==
-
-recast@^0.21.0:
-  version "0.21.5"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.21.5.tgz#e8cd22bb51bcd6130e54f87955d33a2b2e57b495"
-  integrity sha512-hjMmLaUXAm1hIuTqOdeYObMslq/q+Xff6QE3Y2P+uoHAg2nmVlLBps2hzh1UJDdMtDTMXOFewK6ky51JQIeECg==
-  dependencies:
-    ast-types "0.15.2"
-    esprima "~4.0.0"
-    source-map "~0.6.1"
-    tslib "^2.0.1"
-
-rechoir@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
-  integrity sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==
-  dependencies:
-    resolve "^1.1.6"
-
 rechoir@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.8.0.tgz#49f866e0d32146142da3ad8f0eff352b3215ff22"
@@ -11501,12 +11607,10 @@ recma-stringify@^1.0.0:
     unified "^11.0.0"
     vfile "^6.0.0"
 
-recursive-readdir@^2.2.2:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
-  integrity sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==
-  dependencies:
-    minimatch "^3.0.5"
+reflect-metadata@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/reflect-metadata/-/reflect-metadata-0.2.2.tgz#400c845b6cba87a21f2c65c4aeb158f4fa4d9c5b"
+  integrity sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==
 
 regenerate-unicode-properties@^10.2.0:
   version "10.2.0"
@@ -11743,11 +11847,6 @@ require-from-string@^2.0.2:
   resolved "https://registry.yarnpkg.com/require-like/-/require-like-0.1.2.tgz#ad6f30c13becd797010c468afa775c0c0a6b47fa"
   integrity sha512-oyrU88skkMtDdauHDuKVrgR+zuItqr6/c//FXzvmxRGMexSDc6hNvJInGW3LL46n+8b50RykrvwSUIIQH2LQ5A==
 
-require-main-filename@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
-  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
-
 requires-port@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
@@ -11770,11 +11869,6 @@ resolve-cwd@^3.0.0:
   dependencies:
     resolve-from "^5.0.0"
 
-resolve-from@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
-  integrity sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
@@ -11790,7 +11884,7 @@ resolve-pathname@^3.0.0:
   resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd"
   integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==
 
-resolve@^1.1.6, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.8:
+resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.8:
   version "1.22.10"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
   integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
@@ -11806,14 +11900,6 @@ responselike@^3.0.0:
   dependencies:
     lowercase-keys "^3.0.0"
 
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
 retry@^0.13.1:
   version "0.13.1"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
@@ -11831,18 +11917,6 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
-rimraf@~2.2.6:
-  version "2.2.8"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.2.8.tgz#e439be2aaee327321952730f99a8929e4fc50582"
-  integrity sha512-R5KMKHnPAQaZMqLOsyuyUmcIjSeDm+73eoqQpaXA7AZ22BL+6C+1mcUscgOsNd8WVlJuvlgAPsegcx7pjlV0Dg==
-
-rimraf@~2.6.2:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
 rtlcss@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/rtlcss/-/rtlcss-4.3.0.tgz#f8efd4d5b64f640ec4af8fa25b65bacd9e07cc97"
@@ -11853,6 +11927,11 @@ rtlcss@^4.1.0:
     postcss "^8.4.21"
     strip-json-comments "^3.1.1"
 
+run-applescript@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/run-applescript/-/run-applescript-7.1.0.tgz#2e9e54c4664ec3106c5b5630e249d3d6595c4911"
+  integrity sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==
+
 run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -11904,21 +11983,20 @@ sax@^1.2.4:
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.4.1.tgz#44cc8988377f126304d3b3fc1010c733b929ef0f"
   integrity sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==
 
-scheduler@^0.23.0, scheduler@^0.23.2:
-  version "0.23.2"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
-  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
-  dependencies:
-    loose-envify "^1.1.0"
+scheduler@0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.27.0.tgz#0c4ef82d67d1e5c1e359e8fc76d3a87f045fe5bd"
+  integrity sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==
 
-schema-utils@2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
+scheduler@^0.26.0:
+  version "0.26.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.26.0.tgz#4ce8a8c2a2095f13ea11bf9a445be50c555d6337"
+  integrity sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==
+
+schema-dts@^1.1.2:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/schema-dts/-/schema-dts-1.1.5.tgz#9237725d305bac3469f02b292a035107595dc324"
+  integrity sha512-RJr9EaCmsLzBX2NDiO5Z3ux2BVosNZN5jo0gWgsyKvxKIUL5R3swNvoorulAeL9kLB0iTSX7V6aokhla2m7xbg==
 
 schema-utils@^3.0.0:
   version "3.3.0"
@@ -11939,6 +12017,16 @@ schema-utils@^4.0.0, schema-utils@^4.0.1, schema-utils@^4.3.0, schema-utils@^4.3
     ajv-formats "^2.1.1"
     ajv-keywords "^5.1.0"
 
+schema-utils@^4.2.0:
+  version "4.3.3"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.3.tgz#5b1850912fa31df90716963d45d9121fdfc09f46"
+  integrity sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.9.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.1.0"
+
 section-matter@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/section-matter/-/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"
@@ -11952,13 +12040,13 @@ select-hose@^2.0.0:
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
   integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
 
-selfsigned@^2.1.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0"
-  integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==
+selfsigned@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-5.5.0.tgz#4c9ab7c7c9f35f18fb6a9882c253eb0e6bd6557b"
+  integrity sha512-ftnu3TW4+3eBfLRFnDEkzGxSF/10BJBkaLJuBHZX0kiPS7bRdlpZGu6YGt4KngMkdTwJE6MbjavFpqHvqVt+Ew==
   dependencies:
-    "@types/node-forge" "^1.3.0"
-    node-forge "^1"
+    "@peculiar/x509" "^1.14.2"
+    pkijs "^3.3.3"
 
 semver-diff@^4.0.0:
   version "4.0.0"
@@ -11967,39 +12055,39 @@ semver-diff@^4.0.0:
   dependencies:
     semver "^7.3.5"
 
-semver@^5.5.0, semver@^5.6.0:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
-  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
-
 semver@^6.3.0, semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.5.4:
+semver@^7.1.3:
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.4.tgz#28464e36060e991fa7a11d0279d2d3f3b57a7e8a"
+  integrity sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==
+
+semver@^7.3.5, semver@^7.3.7, semver@^7.5.4:
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
   integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
 
-send@0.19.0:
-  version "0.19.0"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
-  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
+send@~0.19.0, send@~0.19.1:
+  version "0.19.2"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.19.2.tgz#59bc0da1b4ea7ad42736fd642b1c4294e114ff29"
+  integrity sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==
   dependencies:
     debug "2.6.9"
     depd "2.0.0"
     destroy "1.2.0"
-    encodeurl "~1.0.2"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
     etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
+    fresh "~0.5.2"
+    http-errors "~2.0.1"
     mime "1.6.0"
     ms "2.1.3"
-    on-finished "2.4.1"
+    on-finished "~2.4.1"
     range-parser "~1.2.1"
-    statuses "2.0.1"
+    statuses "~2.0.2"
 
 serialize-error@^2.1.0:
   version "2.1.0"
@@ -12039,20 +12127,15 @@ serve-index@^1.9.1:
     mime-types "~2.1.17"
     parseurl "~1.3.2"
 
-serve-static@1.16.2, serve-static@^1.13.1:
-  version "1.16.2"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
-  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
+serve-static@^1.16.2, serve-static@~1.16.2:
+  version "1.16.3"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.3.tgz#a97b74d955778583f3862a4f0b841eb4d5d78cf9"
+  integrity sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==
   dependencies:
     encodeurl "~2.0.0"
     escape-html "~1.0.3"
     parseurl "~1.3.3"
-    send "0.19.0"
-
-set-blocking@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
+    send "~0.19.1"
 
 set-function-length@^1.2.2:
   version "1.2.2"
@@ -12076,7 +12159,7 @@ setprototypeof@1.1.0:
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
   integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
 
-setprototypeof@1.2.0:
+setprototypeof@1.2.0, setprototypeof@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
   integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
@@ -12093,13 +12176,6 @@ shallowequal@^1.1.0:
   resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
   integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==
 
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==
-  dependencies:
-    shebang-regex "^1.0.0"
-
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -12107,29 +12183,20 @@ shebang-command@^2.0.0:
   dependencies:
     shebang-regex "^3.0.0"
 
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==
-
 shebang-regex@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-shell-quote@^1.6.1, shell-quote@^1.7.3, shell-quote@^1.8.1:
+shell-quote@^1.6.1:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.2.tgz#d2d83e057959d53ec261311e9e9b8f51dcb2934a"
   integrity sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==
 
-shelljs@^0.8.5:
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.8.5.tgz#de055408d8361bed66c669d2f000538ced8ee20c"
-  integrity sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==
-  dependencies:
-    glob "^7.0.0"
-    interpret "^1.0.0"
-    rechoir "^0.6.2"
+shell-quote@^1.8.3:
+  version "1.8.3"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.3.tgz#55e40ef33cf5c689902353a3d8cd1a6725f08b4b"
+  integrity sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==
 
 side-channel-list@^1.0.0:
   version "1.0.0"
@@ -12160,7 +12227,7 @@ side-channel-weakmap@^1.0.2:
     object-inspect "^1.13.3"
     side-channel-map "^1.0.1"
 
-side-channel@^1.0.6:
+side-channel@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
   integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
@@ -12171,7 +12238,7 @@ side-channel@^1.0.6:
     side-channel-map "^1.0.1"
     side-channel-weakmap "^1.0.2"
 
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
+signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -12222,15 +12289,6 @@ slash@^4.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
   integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
 
-slice-ansi@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
-  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    astral-regex "^1.0.0"
-    is-fullwidth-code-point "^2.0.0"
-
 snake-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-3.0.4.tgz#4f2bbd568e9935abdfd593f34c691dadb49c452c"
@@ -12266,7 +12324,7 @@ source-map-loader@^4.0.1:
     iconv-lite "^0.6.3"
     source-map-js "^1.0.2"
 
-source-map-support@^0.5.16, source-map-support@~0.5.20:
+source-map-support@~0.5.20:
   version "0.5.21"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
   integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
@@ -12279,12 +12337,12 @@ source-map@^0.5.6, source-map@^0.5.7:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
-source-map@^0.6.0, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.0, source-map@~0.6.0:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.0, source-map@^0.7.3, source-map@^0.7.4:
+source-map@^0.7.0, source-map@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
   integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
@@ -12339,23 +12397,23 @@ stackframe@^1.3.4:
   resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
   integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
 
-stacktrace-parser@^0.1.3:
+stacktrace-parser@^0.1.10:
   version "0.1.11"
   resolved "https://registry.yarnpkg.com/stacktrace-parser/-/stacktrace-parser-0.1.11.tgz#c7c08f9b29ef566b9a6f7b255d7db572f66fabc4"
   integrity sha512-WjlahMgHmCJpqzU8bIBy4qtsZdU9lRlcZE3Lvyej6t4tuOuv1vk57OW3MBrj6hXBFx/nNoC9MPMTcr5YA7NQbg==
   dependencies:
     type-fest "^0.7.1"
 
-statuses@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
-  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
-
 "statuses@>= 1.4.0 < 2", statuses@~1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
 
+statuses@~2.0.1, statuses@~2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.2.tgz#8f75eecef765b5e1cfcdc080da59409ed424e382"
+  integrity sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==
+
 std-env@^3.7.0:
   version "3.9.0"
   resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.9.0.tgz#1a6f7243b339dca4c9fd55e1c7504c77ef23e8f1"
@@ -12438,13 +12496,6 @@ strip-ansi@^3.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
-strip-ansi@^5.0.0, strip-ansi@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
-  dependencies:
-    ansi-regex "^4.1.0"
-
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
@@ -12464,11 +12515,6 @@ strip-bom-string@^1.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom-string/-/strip-bom-string-1.0.0.tgz#e5211e9224369fbb81d633a2f00044dc8cedad92"
   integrity sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==
 
-strip-eof@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
-  integrity sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==
-
 strip-final-newline@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
@@ -12484,11 +12530,6 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
-strnum@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/strnum/-/strnum-1.1.2.tgz#57bca4fbaa6f271081715dbc9ed7cee5493e28e4"
-  integrity sha512-vrN+B7DBIoTTZjnPNewwhx6cBA/H+IS7rfW68n7XxC1y7uoiGQBxaKzqucGUgavX15dJgiGztLJ8vxuEzwqBdA==
-
 style-to-js@^1.0.0:
   version "1.1.16"
   resolved "https://registry.yarnpkg.com/style-to-js/-/style-to-js-1.1.16.tgz#e6bd6cd29e250bcf8fa5e6591d07ced7575dbe7a"
@@ -12521,11 +12562,6 @@ stylis@4.2.0:
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
   integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
 
-sudo-prompt@^9.0.0:
-  version "9.2.1"
-  resolved "https://registry.yarnpkg.com/sudo-prompt/-/sudo-prompt-9.2.1.tgz#77efb84309c9ca489527a4e749f287e6bdd52afd"
-  integrity sha512-Mu7R0g4ig9TUuGSxJavny5Rv0egCEtpZRNMrZaYS1vxkiIxGiGUwoezU3LazIQ+KE04hTrTfNPgxU5gzi7F5Pw==
-
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
@@ -12581,31 +12617,11 @@ synckit@^0.9.0:
     "@pkgr/core" "^0.1.0"
     tslib "^2.6.2"
 
-tapable@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
-  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
-
 tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.2.tgz#ab4984340d30cb9989a490032f086dbb8b56d872"
   integrity sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==
 
-temp@0.8.3:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/temp/-/temp-0.8.3.tgz#e0c6bc4d26b903124410e4fed81103014dfc1f59"
-  integrity sha512-jtnWJs6B1cZlHs9wPG7BrowKxZw/rf6+UpGAkr8AaYmiTyTO7zQlLoST8zx/8TcUPnZmeBoB+H8ARuHZaSijVw==
-  dependencies:
-    os-tmpdir "^1.0.0"
-    rimraf "~2.2.6"
-
-temp@^0.8.4:
-  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/temp/-/temp-0.8.4.tgz#8c97a33a4770072e0a05f919396c7665a7dd59f2"
-  integrity sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==
-  dependencies:
-    rimraf "~2.6.2"
-
 terser-webpack-plugin@^5.3.11, terser-webpack-plugin@^5.3.9:
   version "5.3.14"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz#9031d48e57ab27567f02ace85c7d690db66c3e06"
@@ -12627,24 +12643,25 @@ terser@^5.10.0, terser@^5.15.0, terser@^5.15.1, terser@^5.31.1:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+test-exclude@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
+  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^7.1.4"
+    minimatch "^3.0.4"
+
+thingies@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/thingies/-/thingies-2.5.0.tgz#5f7b882c933b85989f8466b528a6247a6881e04f"
+  integrity sha512-s+2Bwztg6PhWUD7XMfeYm5qliDdSiZm7M7n8KjTkIsm3l/2lgVRc2/Gx/v+ZX8lT4FMA+i8aQvhcWylldc+ZNw==
 
 throat@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/throat/-/throat-5.0.0.tgz#c5199235803aad18754a667d659b5e72ce16764b"
   integrity sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==
 
-through2@^2.0.1:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
-  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
-  dependencies:
-    readable-stream "~2.3.6"
-    xtend "~4.0.1"
-
 thunky@^1.0.2:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
@@ -12665,6 +12682,11 @@ tiny-warning@^1.0.0:
   resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
   integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
 
+tinypool@^1.0.2:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-1.1.1.tgz#059f2d042bd37567fbc017d3d426bdd2a2612591"
+  integrity sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==
+
 tmpl@1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
@@ -12690,7 +12712,7 @@ to-vfile@^7.0.0:
     is-buffer "^2.0.0"
     vfile "^5.1.0"
 
-toidentifier@1.0.1:
+toidentifier@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
@@ -12705,6 +12727,11 @@ tr46@~0.0.3:
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
+tree-dump@^1.0.3, tree-dump@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/tree-dump/-/tree-dump-1.1.0.tgz#ab29129169dc46004414f5a9d4a3c6e89f13e8a4"
+  integrity sha512-rMuvhU4MCDbcbnleZTFezWsaZXRFemSqAM+7jPnzUl1fo9w3YEKOxAeui0fz3OI4EU4hf23iyA7uQRVko+UaBA==
+
 trim-lines@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-3.0.1.tgz#d802e332a07df861c48802c04321017b1bd87338"
@@ -12715,11 +12742,23 @@ trough@^2.0.0:
   resolved "https://registry.yarnpkg.com/trough/-/trough-2.2.0.tgz#94a60bd6bd375c152c1df911a4b11d5b0256f50f"
   integrity sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==
 
-tslib@^2.0.1, tslib@^2.0.3, tslib@^2.6.0, tslib@^2.6.1, tslib@^2.6.2:
+tslib@^1.9.3:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.6.0, tslib@^2.6.1, tslib@^2.6.2, tslib@^2.8.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
 
+tsyringe@^4.10.0:
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/tsyringe/-/tsyringe-4.10.0.tgz#d0c95815d584464214060285eaaadd94aa03299c"
+  integrity sha512-axr3IdNuVIxnaK5XGEUFTu3YmAQ6lllgrvqfEoR16g/HGnYY/6We4oWENtAnzK6/LpJ2ur9PAb80RBt7/U4ugw==
+  dependencies:
+    tslib "^1.9.3"
+
 type-detect@4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
@@ -12775,14 +12814,6 @@ ua-parser-js@^1.0.35:
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-1.0.40.tgz#ac6aff4fd8ea3e794a6aa743ec9c2fc29e75b675"
   integrity sha512-z6PJ8Lml+v3ichVojCiB8toQJBuwR42ySM4ezjXIqXK3M0HczmKQ3LF4rhU55PfD99KEEXQG6yb7iOMyvYuHew==
 
-uglify-es@^3.1.9:
-  version "3.3.9"
-  resolved "https://registry.yarnpkg.com/uglify-es/-/uglify-es-3.3.9.tgz#0c1c4f0700bed8dbc124cdb304d2592ca203e677"
-  integrity sha512-r+MU0rfv4L/0eeW3xZrd16t4NZfK8Ld4SWVglYBb7ez5uXFWHuVRs6xCTrf1yirs9a4j4Y27nn7SRfO6v67XsQ==
-  dependencies:
-    commander "~2.13.0"
-    source-map "~0.6.1"
-
 undici-types@~5.26.4:
   version "5.26.5"
   resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
@@ -12870,7 +12901,7 @@ unified@^10.0.0, unified@^10.1.2:
     trough "^2.0.0"
     vfile "^5.0.0"
 
-unified@^11.0.0, unified@^11.0.3, unified@^11.0.4:
+unified@^11.0.0, unified@^11.0.3, unified@^11.0.4, unified@^11.0.5:
   version "11.0.5"
   resolved "https://registry.yarnpkg.com/unified/-/unified-11.0.5.tgz#f66677610a5c0a9ee90cab2b8d4d66037026d9e1"
   integrity sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==
@@ -12995,17 +13026,12 @@ unist-util-visit@^5.0.0:
     unist-util-is "^6.0.0"
     unist-util-visit-parents "^6.0.0"
 
-universalify@^0.1.0:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
-
 universalify@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
   integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
 
-unpipe@1.0.0, unpipe@~1.0.0:
+unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
@@ -13018,6 +13044,14 @@ update-browserslist-db@^1.1.3:
     escalade "^3.2.0"
     picocolors "^1.1.1"
 
+update-browserslist-db@^1.2.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz#64d76db58713136acbeb4c49114366cc6cc2e80d"
+  integrity sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
 update-notifier@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-6.0.2.tgz#a6990253dfe6d5a02bd04fbb6a61543f55026b60"
@@ -13054,11 +13088,6 @@ url-loader@^4.1.1:
     mime-types "^2.1.27"
     schema-utils "^3.0.0"
 
-use-sync-external-store@^1.0.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz#55122e2a3edd2a6c106174c27485e0fd59bcfca0"
-  integrity sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==
-
 usehooks-ts@^2.9.1:
   version "2.16.0"
   resolved "https://registry.yarnpkg.com/usehooks-ts/-/usehooks-ts-2.16.0.tgz#31deaa2f1147f65666aae925bd890b54e63b0d3f"
@@ -13198,7 +13227,7 @@ walk-up-path@^3.0.1:
   resolved "https://registry.yarnpkg.com/walk-up-path/-/walk-up-path-3.0.1.tgz#c8d78d5375b4966c717eb17ada73dbd41490e886"
   integrity sha512-9YlCL/ynK3CTlrSRrDxZvUauLzAswPCrsaCgilqFevUYpeEW0/3ScEjaa3kbW/T0ghhkEr7mv+fpjqn1Y1YuTA==
 
-walker@^1.0.7:
+walker@^1.0.7, walker@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
   integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
@@ -13220,13 +13249,6 @@ wbuf@^1.1.0, wbuf@^1.7.3:
   dependencies:
     minimalistic-assert "^1.0.0"
 
-wcwidth@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
-  integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
-  dependencies:
-    defaults "^1.0.3"
-
 web-namespaces@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692"
@@ -13274,52 +13296,51 @@ webpack-cli@^5.0.1:
     rechoir "^0.8.0"
     webpack-merge "^5.7.3"
 
-webpack-dev-middleware@^5.3.4:
-  version "5.3.4"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz#eb7b39281cbce10e104eb2b8bf2b63fce49a3517"
-  integrity sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==
+webpack-dev-middleware@^7.4.2:
+  version "7.4.5"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-7.4.5.tgz#d4e8720aa29cb03bc158084a94edb4594e3b7ac0"
+  integrity sha512-uxQ6YqGdE4hgDKNf7hUiPXOdtkXvBJXrfEGYSx7P7LC8hnUYGK70X6xQXUvXeNyBDDcsiQXpG2m3G9vxowaEuA==
   dependencies:
     colorette "^2.0.10"
-    memfs "^3.4.3"
-    mime-types "^2.1.31"
+    memfs "^4.43.1"
+    mime-types "^3.0.1"
+    on-finished "^2.4.1"
     range-parser "^1.2.1"
     schema-utils "^4.0.0"
 
-webpack-dev-server@^4.15.2:
-  version "4.15.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.15.2.tgz#9e0c70a42a012560860adb186986da1248333173"
-  integrity sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g==
-  dependencies:
-    "@types/bonjour" "^3.5.9"
-    "@types/connect-history-api-fallback" "^1.3.5"
-    "@types/express" "^4.17.13"
-    "@types/serve-index" "^1.9.1"
-    "@types/serve-static" "^1.13.10"
-    "@types/sockjs" "^0.3.33"
-    "@types/ws" "^8.5.5"
+webpack-dev-server@^5.2.2:
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-5.2.3.tgz#7f36a78be7ac88833fd87757edee31469a9e47d3"
+  integrity sha512-9Gyu2F7+bg4Vv+pjbovuYDhHX+mqdqITykfzdM9UyKqKHlsE5aAjRhR+oOEfXW5vBeu8tarzlJFIZva4ZjAdrQ==
+  dependencies:
+    "@types/bonjour" "^3.5.13"
+    "@types/connect-history-api-fallback" "^1.5.4"
+    "@types/express" "^4.17.25"
+    "@types/express-serve-static-core" "^4.17.21"
+    "@types/serve-index" "^1.9.4"
+    "@types/serve-static" "^1.15.5"
+    "@types/sockjs" "^0.3.36"
+    "@types/ws" "^8.5.10"
     ansi-html-community "^0.0.8"
-    bonjour-service "^1.0.11"
-    chokidar "^3.5.3"
+    bonjour-service "^1.2.1"
+    chokidar "^3.6.0"
     colorette "^2.0.10"
-    compression "^1.7.4"
+    compression "^1.8.1"
     connect-history-api-fallback "^2.0.0"
-    default-gateway "^6.0.3"
-    express "^4.17.3"
+    express "^4.22.1"
     graceful-fs "^4.2.6"
-    html-entities "^2.3.2"
-    http-proxy-middleware "^2.0.3"
-    ipaddr.js "^2.0.1"
-    launch-editor "^2.6.0"
-    open "^8.0.9"
-    p-retry "^4.5.0"
-    rimraf "^3.0.2"
-    schema-utils "^4.0.0"
-    selfsigned "^2.1.1"
+    http-proxy-middleware "^2.0.9"
+    ipaddr.js "^2.1.0"
+    launch-editor "^2.6.1"
+    open "^10.0.3"
+    p-retry "^6.2.0"
+    schema-utils "^4.2.0"
+    selfsigned "^5.5.0"
     serve-index "^1.9.1"
     sockjs "^0.3.24"
     spdy "^4.0.2"
-    webpack-dev-middleware "^5.3.4"
-    ws "^8.13.0"
+    webpack-dev-middleware "^7.4.2"
+    ws "^8.18.0"
 
 webpack-merge@^5.7.3, webpack-merge@^5.9.0:
   version "5.10.0"
@@ -13415,18 +13436,6 @@ whatwg-url@^5.0.0:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
 
-which-module@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
-  integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
-
-which@^1.2.9, which@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -13455,15 +13464,6 @@ wildcard@^2.0.0, wildcard@^2.0.1:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
-  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
@@ -13487,15 +13487,6 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
-write-file-atomic@^2.3.0:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
 write-file-atomic@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
@@ -13506,22 +13497,30 @@ write-file-atomic@^3.0.3:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
-ws@^6.2.2:
-  version "6.2.3"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.3.tgz#ccc96e4add5fd6fedbc491903075c85c5a11d9ee"
-  integrity sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==
+write-file-atomic@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
+  integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
   dependencies:
-    async-limiter "~1.0.0"
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.7"
 
-ws@^7, ws@^7.3.1, ws@^7.5.1:
+ws@^7, ws@^7.3.1, ws@^7.5.10:
   version "7.5.10"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
   integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
 
-ws@^8.13.0:
-  version "8.18.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.2.tgz#42738b2be57ced85f46154320aabb51ab003705a"
-  integrity sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==
+ws@^8.18.0:
+  version "8.19.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.19.0.tgz#ddc2bdfa5b9ad860204f5a72a4863a8895fd8c8b"
+  integrity sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==
+
+wsl-utils@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/wsl-utils/-/wsl-utils-0.1.0.tgz#8783d4df671d4d50365be2ee4c71917a0557baab"
+  integrity sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==
+  dependencies:
+    is-wsl "^3.1.0"
 
 xdg-basedir@^5.0.1, xdg-basedir@^5.1.0:
   version "5.1.0"
@@ -13535,16 +13534,6 @@ xml-js@^1.6.11:
   dependencies:
     sax "^1.2.4"
 
-xtend@~4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
-y18n@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
-  integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
-
 y18n@^5.0.5:
   version "5.0.8"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
@@ -13555,7 +13544,7 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
-yaml@^1.10.0, yaml@^1.7.2:
+yaml@^1.10.0:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
@@ -13565,37 +13554,17 @@ yaml@^2.0.0:
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.8.0.tgz#15f8c9866211bdc2d3781a0890e44d4fa1a5fff6"
   integrity sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==
 
-yargs-parser@^18.1.2:
-  version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
+yaml@^2.6.1:
+  version "2.8.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.8.2.tgz#5694f25eca0ce9c3e7a9d9e00ce0ddabbd9e35c5"
+  integrity sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==
 
 yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
   integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
 
-yargs@^15.1.0:
-  version "15.4.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
-  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.2"
-
-yargs@^17.5.1:
+yargs@^17.6.2:
   version "17.7.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
   integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
@@ -13608,11 +13577,6 @@ yargs@^17.5.1:
     y18n "^5.0.5"
     yargs-parser "^21.1.1"
 
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
-
 yocto-queue@^1.0.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.2.1.tgz#36d7c4739f775b3cbc28e6136e21aa057adec418"

From 0905987076d5826b238c9abe09222fb5eb911e45 Mon Sep 17 00:00:00 2001
From: Patrycja Kalinska <patrycja.kalinska@swmansion.com>
Date: Wed, 11 Mar 2026 14:19:44 +0100
Subject: [PATCH 2/6] update with latest t-rex-ui

---
 packages/docs-gesture-handler/package.json    |   2 +-
 .../static/raw/components/buttons.md          | 178 --------
 .../static/raw/components/pressable.md        | 203 ---------
 .../components/reanimated-drawer-layout.md    | 233 ----------
 .../raw/components/reanimated_swipeable.md    | 299 -------------
 .../static/raw/components/touchables.md       |  50 ---
 .../raw/fundamentals/animated-interactions.md |  37 --
 .../raw/fundamentals/callbacks-events.md      | 122 ------
 .../raw/fundamentals/gesture-composition.md   |  43 --
 .../raw/fundamentals/gesture-detector.md      |  95 -----
 .../static/raw/fundamentals/installation.md   | 154 -------
 .../static/raw/fundamentals/introduction.md   |  75 ----
 .../fundamentals/reanimated-interactions.md   |  94 ----
 .../static/raw/fundamentals/root-view.md      |  41 --
 .../static/raw/fundamentals/state-manager.md  |  55 ---
 .../gestures/_manual_gesture_steps/step1.md   |   7 -
 .../gestures/_manual_gesture_steps/step2.md   |  47 --
 .../gestures/_manual_gesture_steps/step3.md   |  55 ---
 .../gestures/_manual_gesture_steps/step4.md   |  17 -
 .../gestures/_manual_gesture_steps/step5.md   |  14 -
 .../gestures/_manual_gesture_steps/step6.md   |  18 -
 .../gestures/_manual_gesture_steps/step7.md   |  10 -
 .../base-continuous-gesture-callbacks.md      |   3 -
 .../_shared/base-continuous-gesture-config.md |   7 -
 .../_shared/base-gesture-callbacks.md         |  47 --
 .../gestures/_shared/base-gesture-config.md   | 118 ------
 .../_shared/base-gesture-event-data.md        |  11 -
 .../raw/gestures/_shared/mouse-button.md      |   3 -
 .../raw/gestures/_shared/shared-value-info.md |   1 -
 .../static/raw/gestures/use-fling-gesture.md  |  65 ---
 .../static/raw/gestures/use-hover-gesture.md  |  75 ----
 .../raw/gestures/use-long-press-gesture.md    |  67 ---
 .../static/raw/gestures/use-manual-gesture.md | 161 -------
 .../static/raw/gestures/use-native-gesture.md |  47 --
 .../static/raw/gestures/use-pan-gesture.md    | 217 ----------
 .../static/raw/gestures/use-pinch-gesture.md  |  60 ---
 .../raw/gestures/use-rotation-gesture.md      |  55 ---
 .../static/raw/gestures/use-tap-gesture.md    | 104 -----
 .../raw/guides/quickstart/_steps/step1.md     |  23 -
 .../raw/guides/quickstart/_steps/step2.md     |  25 --
 .../raw/guides/quickstart/_steps/step3.md     |   9 -
 .../raw/guides/quickstart/_steps/step4.md     |  22 -
 .../raw/guides/quickstart/_steps/step5.md     |  11 -
 .../static/raw/guides/quickstart/index.md     |  78 ----
 .../static/raw/guides/swipe-and-scroll.md     |   7 -
 .../static/raw/guides/testing.md              | 114 -----
 .../static/raw/guides/troubleshooting.md      |  73 ----
 .../static/raw/guides/upgrading-to-3.md       | 152 -------
 .../base-continuous-gesture-callbacks.md      |   9 -
 .../_shared/base-continuous-gesture-config.md |   5 -
 .../_shared/base-gesture-callbacks.md         |  33 --
 .../_shared/base-gesture-config.md            |  68 ---
 .../_shared/base-gesture-event-data.md        |  19 -
 .../_shared/gesture-detector-functional1.md   |  19 -
 .../raw/legacy-gestures/_shared/v2-info.md    |   3 -
 .../raw/legacy-gestures/composed-gestures.md  |  21 -
 .../raw/legacy-gestures/fling-gesture.md      | 110 -----
 .../legacy-gestures/force-touch-gesture.md    |  55 ---
 .../legacy-gestures/gesture-composition.md    | 400 ------------------
 .../raw/legacy-gestures/gesture-detector.md   |  72 ----
 .../static/raw/legacy-gestures/gesture.md     |  90 ----
 .../raw/legacy-gestures/hover-gesture.md      |  76 ----
 .../raw/legacy-gestures/long-press-gesture.md |  88 ----
 .../raw/legacy-gestures/manual-gesture.md     |  24 --
 .../raw/legacy-gestures/native-gesture.md     |  81 ----
 .../static/raw/legacy-gestures/pan-gesture.md | 197 ---------
 .../raw/legacy-gestures/pinch-gesture.md      |  83 ----
 .../raw/legacy-gestures/rotation-gesture.md   |  80 ----
 .../raw/legacy-gestures/state-manager.md      |  20 -
 .../static/raw/legacy-gestures/tap-gesture.md | 117 -----
 .../raw/legacy-gestures/touch-events.md       |  43 --
 .../raw/under-the-hood/how-does-it-work.md    |  16 -
 .../static/raw/under-the-hood/state.md        |  13 -
 packages/docs-gesture-handler/yarn.lock       |   8 +-
 74 files changed, 5 insertions(+), 5149 deletions(-)
 delete mode 100644 packages/docs-gesture-handler/static/raw/components/buttons.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/components/pressable.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/components/reanimated-drawer-layout.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/components/reanimated_swipeable.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/components/touchables.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/animated-interactions.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/callbacks-events.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/gesture-composition.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/gesture-detector.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/installation.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/introduction.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/reanimated-interactions.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/root-view.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/fundamentals/state-manager.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step1.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step2.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step3.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step4.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step5.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step6.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step7.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-callbacks.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-config.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-callbacks.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-config.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-event-data.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/mouse-button.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/_shared/shared-value-info.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-fling-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-hover-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-long-press-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-manual-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-native-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-pan-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-pinch-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-rotation-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/gestures/use-tap-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step1.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step2.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step3.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step4.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step5.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/quickstart/index.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/swipe-and-scroll.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/testing.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/troubleshooting.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/guides/upgrading-to-3.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-callbacks.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-config.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-callbacks.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-config.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-event-data.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/gesture-detector-functional1.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/v2-info.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/composed-gestures.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/fling-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/force-touch-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-composition.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-detector.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/hover-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/long-press-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/manual-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/native-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/pan-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/pinch-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/rotation-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/state-manager.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/tap-gesture.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/legacy-gestures/touch-events.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/under-the-hood/how-does-it-work.md
 delete mode 100644 packages/docs-gesture-handler/static/raw/under-the-hood/state.md

diff --git a/packages/docs-gesture-handler/package.json b/packages/docs-gesture-handler/package.json
index 68d9b99627..2a6bc3886a 100644
--- a/packages/docs-gesture-handler/package.json
+++ b/packages/docs-gesture-handler/package.json
@@ -32,7 +32,7 @@
     "@emotion/styled": "^11.14.0",
     "@mdx-js/react": "^3.0.0",
     "@mui/material": "^7.1.0",
-    "@swmansion/t-rex-ui": "1.3.0",
+    "@swmansion/t-rex-ui": "1.3.1",
     "@vercel/og": "^0.6.2",
     "copy-text-to-clipboard": "3.2.2",
     "babel-polyfill": "^6.26.0",
diff --git a/packages/docs-gesture-handler/static/raw/components/buttons.md b/packages/docs-gesture-handler/static/raw/components/buttons.md
deleted file mode 100644
index a45d824513..0000000000
--- a/packages/docs-gesture-handler/static/raw/components/buttons.md
+++ /dev/null
@@ -1,178 +0,0 @@
-The Gesture Handler library offers native components that function as buttons, serving as alternatives to `TouchableHighlight` or `TouchableOpacity` from the core React Native framework. These buttons process touch recognition natively, which ensures a deterministic response. This capability significantly enhances performance; for example, it allows for immediate ripple effects on Android, unlike `TouchableNativeFeedback`, which requires a touch event roundtrip to JavaScript that can cause delays, especially noticeable on older devices. Additionally, these components handle default platform interactions natively, particularly in scrollable containers where interactions are smartly delayed to prevent unintended highlighting during a fling.
-
-Gesture Handler library exposes components that render native touchable elements under the hood:
-
-* [`RawButton`](#rawbutton)
-* [`BaseButton`](#basebutton)
-* [`RectButton`](#rectbutton)
-* [`BorderlessButton`](#borderlessbutton)
-
-On top of that all the buttons are wrapped with [`Native gesture`](/docs/gestures/use-native-gesture) and therefore allow for all its [properties](/docs/gestures/use-native-gesture#config) to be applied to them.
-
-## RawButton
-
-The most basic button component does not provide any feedback and lacks props such as `onPress`. It serves as a foundation for other button components and is ideal if you wish to implement your own custom interactions for when the button is pressed.
-
-`RawButton` accepts all [`Native gesture` props](/docs/gestures/use-native-gesture#config), [accessibility props](https://reactnative.dev/docs/accessibility#accessibility-properties), along with the following additional properties:
-
-### exclusive
-
-```ts
-exclusive?: boolean;
-```
-
-Defines if more than one button could be pressed simultaneously. By default set to `true`.
-
-### rippleColor
-
-```ts
-rippleColor?: number | ColorValue | null;
-```
-
-Defines [color](https://reactnative.dev/docs/colors) of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
-
-### rippleRadius
-
-```ts
-rippleRadius?: number | null;
-```
-
-Defines radius of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
-
-### borderless
-
-```ts
-borderless?: boolean;
-```
-
-If set to `false`, [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation will render only within view bounds.
-
-### foreground
-
-```ts
-foreground?: boolean;
-```
-
-Defines whether the [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation should be drawn on the foreground of the view.
-
-### touchSoundDisabled
-
-```ts
-touchSoundDisabled?: boolean;
-```
-
-If set to `true`, the system will not play a sound when the button is pressed.
-
-## BaseButton
-
-Can be used as a base class if you'd like to implement some custom interaction for when the button is pressed. It has all the props of [`RawButton`](#rawbutton) and in addition to that it also provides the following props:
-
-### onPress
-
-```ts
-onPress?: (pointerInside: boolean) => void;
-```
-
-Triggered when the button gets pressed (analogous to `onPress` in `TouchableHighlight` from RN core).
-
-### onLongPress
-
-```ts
-onLongPress?: () => void;
-```
-
-Triggered when the button gets pressed for at least [`delayLongPress`](#delaylongpress) milliseconds.
-
-### onActiveStateChange
-
-```ts
-onActiveStateChange?: (active: boolean) => void;
-```
-
-Triggered when the button transitions between active and inactive states. It passes the current active state as a boolean variable to the method as the first parameter.
-
-### delayLongPress
-
-```ts
-delayLongPress?: number;
-```
-
-Defines the delay, in milliseconds, after which the [`onLongPress`](#onlongpress) callback gets called. By default set to `600`.
-
-## RectButton
-
-This type of button component is ideal for use with rectangular elements or content blocks that can be pressed, such as table rows or buttons featuring text and icons. It ensures platform-specific interactions, such as rendering a rectangular ripple on Android or highlighting the background on iOS and older Android versions. In addition to the props offered by [`BaseButton`](#basebutton), it accepts the following:
-
-### underlayColor
-
-```ts
-underlayColor?: string;
-```
-
-Background color that will be dimmed when button is in active state.
-
-### activeOpacity
-
-```ts
-activeOpacity?: number;
-```
-
-Opacity applied to the underlay when button is in active state.
-
-## BorderlessButton
-
-This type of button component should be used with simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered (it means that the ripple will animate into a circle that can span outside of the view bounds), whereas on iOS the button will be dimmed (similar to how `TouchableOpacity` works). In addition to the props of [`BaseButton`](#basebutton), it accepts the following:
-
-### activeOpacity
-
-```ts
-activeOpacity?: number;
-```
-
-Opacity applied to the button when it is in an active state.
-
-## Accessibility
-
-To guarantee that buttons are fully accessible, you must wrap your children in a `View` marked as `accessible` and include the `accessibilityRole="button"` prop. This requirement applies to both iOS and Android platforms. Without these adjustments, the button won't be selectable on iOS, and on Android, it won't be clickable in accessibility mode.
-
-```tsx
-// Not accessible:
-const NotAccessibleButton = () => (
-  <RectButton onPress={this._onPress}>
-    <Text>Foo</Text>
-  </RectButton>
-);
-
-// Accessible:
-const AccessibleButton = () => (
-  <RectButton onPress={this._onPress}>
-    <View accessible accessibilityRole="button">
-      <Text>Bar</Text>
-    </View>
-  </RectButton>
-);
-```
-
-## Design patterns
-
-Components listed here were not designed to behave and look in the same way on both platforms but rather to be used for handling similar behaviour on iOS and Android taking into consideration their design concepts.
-
-If you wish to get specific information about platforms design patterns, visit [official Apple docs](https://developer.apple.com/design/human-interface-guidelines/components/menus-and-actions/buttons) and [Material.io guideline](https://material.io/components/buttons#text-button), which widely describe how to implement coherent design.
-
-This library allows to use native components with native feedback in adequate situations.
-
-If you do not wish to implement custom design approach, [`RectButton`](#rectbutton) and [`BorderlessButton`](#borderlessbutton) seem to be absolutely enough and there's no need to use anything else. In all the remaining cases you can always rely on [`BaseButton`](#basebutton) which is a superclass for the other button classes and can be used as a generic `Touchable` replacement that can be customized to your needs.
-
-Below we list some of the common usecases for button components to be used along with the type of button that should be used according to the platform specific design guidelines.
-
-### Lists and action buttons
-
-If you have a list with clickable items or have an action button that need to display as a separate UI block (vs being inlined in a text) you should use [`RectButton`](#rectbutton). It changes opacity on click and additionally supports a [ripple effect](#ripplecolor-android-only) on Android.
-
-To determine emphasis of button it's vital to use fill color or leave it transparent especially on Android.
-For medium emphasis you may consider outlined buttons which are used for lower impact than fill buttons.
-
-### Icon or text only buttons
-
-Use `BorderlessButton` for simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered, whereas on iOS the button will be dimmed.
-It should be used if you wish to handle non-crucial actions and supportive behaviour.
diff --git a/packages/docs-gesture-handler/static/raw/components/pressable.md b/packages/docs-gesture-handler/static/raw/components/pressable.md
deleted file mode 100644
index 6462eb5e98..0000000000
--- a/packages/docs-gesture-handler/static/raw/components/pressable.md
+++ /dev/null
@@ -1,203 +0,0 @@
-> **Info**
->
-> This component is a drop-in replacement for the `Pressable` component.
-
-`Pressable` is a component that can detect various stages of tap, press, and hover interactions on any of its children.
-
-To use `Pressable`, ensure that your app is wrapped in [`GestureHandlerRootView`](/docs/fundamentals/root-view) and import it as follows:
-
-```ts
-import { Pressable } from 'react-native-gesture-handler';
-```
-
-## Properties
-
-### children
-
-```ts
-children?:
-  | React.ReactNode
-  | ((state: PressableStateCallbackType) => React.ReactNode);
-```
-
-Either children or a render prop that receives a boolean reflecting whether the component is currently pressed.
-
-### style
-
-```ts
-style?:
-  | StyleProp<ViewStyle>
-  | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
-```
-
-Either view styles or a function that receives a boolean reflecting whether the component is currently pressed and returns view styles.
-
-### onPress
-
-```ts
-onPress?: null | ((event: PressableEvent) => void);
-```
-
-Called after [`onPressOut`](#onpressout) when a single tap gesture is detected. Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
-
-### onPressIn
-
-```ts
-onPressIn?: null | ((event: PressableEvent) => void);
-```
-
-Called before `onPress` when a touch is engaged. Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
-
-### onPressOut
-
-```ts
-onPressOut?: null | ((event: PressableEvent) => void);
-```
-
-Called before `onPress` when a touch is released (before [`onPress`](#onpress)). Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
-
-### onLongPress
-
-```ts
-onLongPress?: null | ((event: PressableEvent) => void);
-```
-
-Called immediately after pointer has been down for at least [`delayLongPress`](#delaylongpress) milliseconds.
-
-After `onLongPress` has been called, [`onPressOut`](#onpressout) will be called as soon as the pointer is lifted and [`onPress`](#onpress) will not be called at all.
-
-### cancelable
-
-```ts
-cancelable?: null | boolean;
-```
-
-Whether a press gesture can be interrupted by a parent gesture such as a scroll event. Defaults to `true`.
-
-### onHoverIn
-
-```ts
-onHoverIn?: null | ((event: PressableEvent) => void);
-```
-
-Called when pointer is hovering over the element.
-
-### onHoverOut
-
-```ts
-onHoverOut?: null | ((event: PressableEvent) => void);
-```
-
-Called when pointer stops hovering over the element.
-
-### delayHoverIn
-
-```ts
-delayHoverIn?: number | null;
-```
-
-Duration to wait after hover in before calling `onHoverIn`.
-
-### delayHoverOut
-
-```ts
-delayHoverOut?: number | null;
-```
-
-Duration to wait after hover out before calling `onHoverOut`.
-
-### delayLongPress
-
-```ts
-delayLongPress?: null | number;
-```
-
-Duration (in milliseconds) from `onPressIn` before `onLongPress` is called. Default value is `500` ms.
-
-### disabled
-
-```ts
-disabled?: null | boolean;
-```
-
-Whether the `Pressable` behavior is disabled.
-
-### hitSlop
-
-```ts
-hitSlop?: null | Insets | number;
-```
-
-Additional distance outside of the view in which a press is detected and [`onPressIn`](#onpressin) is triggered.
-
-The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
-
-### pressRetentionOffset
-
-```ts
-pressRetentionOffset?: null | Insets | number;
-```
-
-Additional distance outside of the view (or [`hitSlop`](#hitslop) if present) in which a touch is considered a
-press before [`onPressOut`](#onpressout) is triggered.
-
-The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
-
-### android\_disableSound
-
-```ts
-android_disableSound?: null | boolean;
-```
-
-If `true`, doesn't play system sound on touch.
-
-### android\_ripple
-
-```ts
-android_ripple?: null | PressableAndroidRippleConfig;
-```
-
-Enables the Android [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) effect and configures its color, radius and other parameters.
-
-Accepts values of type [`RippleConfig`](https://reactnative.dev/docs/pressable#rippleconfig).
-
-### testOnly\_pressed
-
-```ts
-testOnly_pressed?: null | boolean;
-```
-
-Used only for documentation or testing (e.g. snapshot testing).
-
-### unstable\_pressDelay
-
-```ts
-unstable_pressDelay?: number | undefined;
-```
-
-Duration (in milliseconds) to wait after press down before calling [`onPressIn`](#onpressin).
-
-## PressableEvent
-
-All `Pressable` callbacks receive an event object as a parameter, which is of type `PressableEvent` and has the following structure:
-
-```ts
-export type PressableEvent = { nativeEvent: InnerPressableEvent };
-
-export type InnerPressableEvent = {
-  changedTouches: InnerPressableEvent[];
-  identifier: number;
-  locationX: number;
-  locationY: number;
-  pageX: number;
-  pageY: number;
-  target: number;
-  timestamp: number;
-  touches: InnerPressableEvent[];
-  force?: number;
-};
-```
-
-## Example
-
-See the full example in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/legacy/v2_api/pressable/index.tsx).
diff --git a/packages/docs-gesture-handler/static/raw/components/reanimated-drawer-layout.md b/packages/docs-gesture-handler/static/raw/components/reanimated-drawer-layout.md
deleted file mode 100644
index 597dac8752..0000000000
--- a/packages/docs-gesture-handler/static/raw/components/reanimated-drawer-layout.md
+++ /dev/null
@@ -1,233 +0,0 @@
-> **Info**
->
-> This component acts as a cross-platform replacement for React Native's [`DrawerLayoutAndroid`](http://reactnative.dev/docs/drawerlayoutandroid.html) component, written using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started). For detailed information on standard parameters, please refer to the [React Native documentation](http://reactnative.dev/docs/drawerlayoutandroid.html).
-
-To use `ReanimatedDrawerLayout`, first ensure that Reanimated is installed and that your app is wrapped in [`GestureHandlerRootView`](/docs/fundamentals/root-view). You can then import it as follows:
-
-```ts
-import ReanimatedDrawerLayout from 'react-native-gesture-handler/ReanimatedDrawerLayout';
-```
-
-## Properties
-
-### drawerType
-
-```ts
-drawerType?: DrawerType;
-```
-
-Specifies the way the drawer will be displayed.
-Accepts values of the `DrawerType` enum. Defaults to `FRONT`.
-
-* `FRONT` The drawer will be displayed above the content view.
-* `BACK` The drawer will be displayed below the content view, revealed by sliding away the content view.
-* `SLIDE` The drawer will appear attached to the content view, opening it slides both the drawer and the content view.
-
-| `FRONT`                                               | `BACK`                                               | `SLIDE`                                               |
-| ----------------------------------------------------- | ---------------------------------------------------- | ----------------------------------------------------- |
-|  |  |  |
-
-### drawerBackgroundColor
-
-```ts
-drawerBackgroundColor?: string;
-```
-
-Color of the drawer's background.
-
-### drawerWidth
-
-```ts
-drawerWidth?: number;
-```
-
-Width of the drawer. Defaults to `200`.
-
-### drawerLockMode
-
-Specifies the lock mode of the drawer.
-
-* `UNLOCKED` The drawer is unlocked and can be opened or closed by gestures.
-* `LOCKED_CLOSED` The drawer will move freely until it settles in a closed position, then the gestures will be disabled.
-* `LOCKED_OPEN` The drawer will move freely until it settles in an opened position, then the gestures will be disabled.
-
-### keyboardDismissMode
-
-Determines if system keyboard should be closed upon dragging the drawer.
-
-### animationSpeed
-
-```ts
-animationSpeed?: number;
-```
-
-Speed of animation that will play when letting go, or dismissing the drawer.
-
-### minSwipeDistance
-
-```ts
-minSwipeDistance?: number;
-```
-
-Minimal distance to swipe before the drawer starts moving.
-
-### contentContainerStyle
-
-```ts
-contentContainerStyle?: StyleProp<ViewStyle>;
-```
-
-Style of the content view container.
-
-### drawerContainerStyle
-
-```ts
-drawerContainerStyle?: StyleProp<ViewStyle>;
-```
-
-Style wrapping the drawer.
-
-### edgeWidth
-
-```ts
-edgeWidth?: number;
-```
-
-Width of the invisible, draggable area on the edge of the content view, which can be dragged to open the drawer.
-
-### hideStatusBar
-
-```ts
-hideStatusBar?: boolean;
-```
-
-When set to `true`, drawer component will use [StatusBar API](http://reactnative.dev/docs/statusbar.html) to hide the OS status bar when the drawer is dragged or idle in the `open` position.
-
-### statusBarAnimation
-
-May be used in combination with [`hideStatusBar`](#hidestatusbar) to select the animation used for hiding the status bar.
-See [StatusBar API](http://reactnative.dev/docs/statusbar.html#statusbaranimation) docs. Defaults to `slide`.
-
-### overlayColor
-
-```ts
-overlayColor?: string;
-```
-
-Color of the background overlay on top of the content window when the drawer is `open`.\
-This color's opacity animates from 0% to 100% as the drawer transitions from closed to open. Defaults to `rgba(0, 0, 0, 0.7)`.
-
-### renderNavigationView
-
-```ts
-renderNavigationView: (
-  progressAnimatedValue: SharedValue<number>
-) => ReactNode;
-```
-
-A renderer function for the drawer component is provided with a `progress` parameter called `progressAnimatedValue`, which is a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) indicating the progress of the drawer's opening or closing animation. This value is `0` when the drawer is fully closed and `1` when it is fully opened. The drawer component can use this value to animate its children during the opening or closing process. This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node).
-
-### onDrawerClose
-
-```ts
-onDrawerClose?: () => void;
-```
-
-A function which is called when the drawer has been closed.
-
-### onDrawerOpen
-
-```ts
-onDrawerOpen?: () => void;
-```
-
-A function which is called when the drawer has been opened.
-
-### onDrawerSlide
-
-```ts
-onDrawerSlide?: (position: number) => void;
-```
-
-A function is called when the drawer is moving or animating, provided with a `position` parameter. This `position` value indicates the progress of the drawer's opening or closing animation. It equals `0` when the drawer is closed and `1` when the drawer is fully opened. This value can be utilized by the drawer component to animate its children as the drawer opens or closes.
-
-### onDrawerStateChanged
-
-A function is called when the status of the drawer changes, taking `newState` to represent the drawer's interaction state and `drawerWillShow`, which is `true` when the drawer starts animating towards the open position and `false` otherwise.
-
-### enableTrackpadTwoFingerGesture
-
-```ts
-enableTrackpadTwoFingerGesture?: boolean;
-```
-
-Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger the gesture.
-
-### children
-
-```ts
-children?: ReactNode | ((openValue?: SharedValue<number>) => ReactNode);
-```
-
-Either a component rendered in the content view or a function. If `children` is a function, it receives an `openValue` parameter -  [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that indicates the progress of the drawer's opening or closing animation. This value equals `0` when the drawer is closed and `1` when it is fully opened. The drawer component can use this value to animate its children during the opening or closing process. This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node).
-
-### enableContextMenu
-
-```ts
-enableContextMenu: boolean;
-```
-
-Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false` if [`MouseButton.RIGHT`](#mousebutton-web--android-only) is specified.
-
-### userSelect
-
-```ts
-userSelect: 'none' | 'auto' | 'text';
-```
-
-This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
-
-### activeCursor
-
-```ts
-activeCursor: ActiveCursor;
-```
-
-This parameter allows to specify which cursor should be used when gesture activates. Supports all [CSS cursor values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/cursor#keyword) (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
-
-## Drawer ref methods
-
-Using a reference to `ReanimatedDrawerLayout` allows you to manually trigger the opening and closing of the component.
-
-```ts
-const drawerRef = useRef<DrawerLayoutMethods>(null);
-```
-
-Both methods accept an optional `options` parameter, which allows you to customize the animation of the drawer movement.
-
-```ts
-export type DrawerMovementOption = {
-  initialVelocity?: number;
-  animationSpeed?: number;
-};
-```
-
-### openDrawer
-
-```ts
-openDrawer: (options?: DrawerMovementOption) => void;
-```
-
-Allows to manually open the drawer.
-
-### closeDrawer
-
-```ts
-closeDrawer: (options?: DrawerMovementOption) => void;
-```
-
-Allows to manually close the drawer.
-
-## Example
-
-Example of a `ReanimatedDrawerLayout` component can be found in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/new_api/components/drawer/index.tsx).
diff --git a/packages/docs-gesture-handler/static/raw/components/reanimated_swipeable.md b/packages/docs-gesture-handler/static/raw/components/reanimated_swipeable.md
deleted file mode 100644
index e826618272..0000000000
--- a/packages/docs-gesture-handler/static/raw/components/reanimated_swipeable.md
+++ /dev/null
@@ -1,299 +0,0 @@
-> **Info**
->
-> This component is a drop-in replacement for the `Swipeable` component, rewritten using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started).
-
-Reanimated `Swipeable` is designed for implementing swipeable rows or similar interactions. It places its children inside a pannable container that enables horizontal swiping to the left and right. Depending on the direction of the swipe, one of two "action" containers will be displayed, which can be configured using the [`renderLeftActions`](#renderleftactions) or [`renderRightActions`](#renderrightactions) props.
-
-To use Reanimated `Swipeable`, first ensure that Reanimated is installed and that your app is wrapped in `GestureHandlerRootView`. You can then import it as follows:
-
-```ts
-import Swipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
-```
-
-## Properties
-
-### friction
-
-```ts
-friction?: number;
-```
-
-Number that specifies how much the visual interaction will be delayed compared to the gesture distance.
-
-e.g. value of `1` will indicate that the swipeable panel should exactly follow the gesture, `2` means it is going to be two times "slower".
-
-### leftThreshold
-
-```ts
-leftThreshold?: number;
-```
-
-Distance from the left edge at which released panel will animate to the open state (or the open panel will animate into the closed state). By default it's a half of the panel's width.
-
-### rightThreshold
-
-```ts
-rightThreshold?: number;
-```
-
-Distance from the right edge at which released panel will animate to the open state (or the open panel will animate into the closed state). By default it's a half of the panel's width.
-
-### dragOffsetFromLeftEdge
-
-```ts
-dragOffsetFromLeftEdge?: number;
-```
-
-Distance that the panel must be dragged from the left edge to be considered a swipe. The default value is `10`.
-
-### dragOffsetFromRightEdge
-
-```ts
-dragOffsetFromRightEdge?: number;
-```
-
-Distance that the panel must be dragged from the right edge to be considered a swipe. The default value is `10`.
-
-### overshootLeft
-
-```ts
-overshootLeft?: boolean;
-```
-
-A boolean value indicating if the swipeable panel can be pulled further than the left actions panel's width. It is set to `true` by default as long as the left panel render function is present.
-
-### overshootRight
-
-```ts
-overshootRight?: boolean;
-```
-
-A boolean value indicating if the swipeable panel can be pulled further than the right actions panel's width. It is set to `true` by default as long as the right panel render function is present.
-
-### overshootFriction
-
-```ts
-overshootFriction?: number;
-```
-
-A number specifying the delay of visual interaction compared to the gesture distance when overshooting. The default value is `1`, which means no friction. For a more native feel, try using a value of `8` or higher.
-
-### onSwipeableOpen
-
-```ts
-onSwipeableOpen?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when `Swipeable` is opened (either right or left).
-Receives swipe direction as an argument.
-
-### onSwipeableClose
-
-```ts
-onSwipeableClose?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when `Swipeable` is closed.
-Receives swipe direction as an argument.
-
-### onSwipeableWillOpen
-
-```ts
-onSwipeableWillOpen?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when `Swipeable` starts animating on open (either right or left).
-Receives swipe direction as an argument.
-
-### onSwipeableWillClose
-
-```ts
-onSwipeableWillClose?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when `Swipeable` starts animating on close.
-Receives swipe direction as an argument.
-
-### onSwipeableOpenStartDrag
-
-```ts
-onSwipeableOpenStartDrag?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when a user starts to drag the `Swipeable` to open.
-Receives swipe direction as an argument.
-
-### onSwipeableCloseStartDrag
-
-```ts
-onSwipeableCloseStartDrag?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when a user starts to drag the `Swipeable` to close.
-Receives swipe direction as an argument.
-
-### renderLeftActions
-
-```ts
-renderLeftActions?: (
-  progress: SharedValue<number>,
-  translation: SharedValue<number>,
-  swipeableMethods: SwipeableMethods
-) => React.ReactNode;
-```
-
-A function that returns a component which will be rendered beneath the `Swipeable` after it is swiped to the right. This function accepts the following parameters:
-
-* `progress` - a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that represents the swiping progress relative to the width of the returned element.
-  * It equals `0` when the `Swipeable` is fully closed and `1` when it is fully opened.
-  * As the element overshoots its open position, the value approaches `Infinity`.
-* `translation` - a horizontal offset of the `Swipeable` relative to its closed position.
-* `swipeableMethods` - provides an object exposing methods detailed in the [methods section](#methods).
-
-This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node). To accommodate `rtl` (right-to-left) flexbox layouts, use the [`flexDirection`](https://reactnative.dev/docs/flexbox#flex-direction) style property.
-
-### renderRightActions
-
-```ts
-renderRightActions?: (
-  progress: SharedValue<number>,
-  translation: SharedValue<number>,
-  swipeableMethods: SwipeableMethods
-) => React.ReactNode;
-```
-
-A function that returns a component which will be rendered beneath the `Swipeable` after it is swiped to the left. This function accepts the following parameters:
-
-* `progress` - a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that represents the swiping progress relative to the width of the returned element.
-  * It equals `0` when the `Swipeable` is fully closed and `1` when it is fully opened.
-  * As the element overshoots its open position, the value approaches `Infinity`.
-* `translation` - a horizontal offset of the `Swipeable` relative to its closed position.
-* `swipeableMethods` - provides an object exposing methods detailed in the [methods section](#methods).
-
-This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node). To accommodate `rtl` (right-to-left) flexbox layouts, use the [`flexDirection`](https://reactnative.dev/docs/flexbox#flex-direction) style property.
-
-### containerStyle
-
-```ts
-containerStyle?: StyleProp<ViewStyle>;
-```
-
-Style object for the container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
-
-### childrenContainerStyle
-
-```ts
-childrenContainerStyle?: StyleProp<ViewStyle>;
-```
-
-Style object for the children container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
-
-### simultaneousWithExternalGesture
-
-```ts
-simultaneousWithExternalGesture?: AnyGesture | AnyGesture[];
-```
-
-Gestures to be recognized simultaneously with the `Swipeable` (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
-
-### requireExternalGestureToFail
-
-```ts
-requireExternalGestureToFail?: AnyGesture | AnyGesture[];
-```
-
-Gestures that `Swipeable` has to wait for before activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
-
-### blocksExternalGesture
-
-```ts
-blocksExternalGesture?: AnyGesture | AnyGesture[];
-```
-
-Gestures that `Swipeable` will prevent from activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
-
-### enableTrackpadTwoFingerGesture
-
-```ts
-enableTrackpadTwoFingerGesture?: boolean;
-```
-
-Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger the gesture.
-
-### enabled
-
-```ts
-enabled: boolean;
-```
-
-Indicates whether `ReanimatedSwipeable` should be analyzing stream of touch events or not. Defaults to `true`.
-
-### testID
-
-```ts
-testID: string;
-```
-
-Sets a `testID` property, allowing for querying `ReanimatedSwipeable` for it in tests.
-
-### hitSlop
-
-This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.
-When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
-See [hitSlop section](/docs/gestures/use-pan-gesture#hitslop) in `Pan` gesture for more details.
-
-## Swipeable ref methods
-
-Using a reference to `Swipeable` allows you to manually trigger the opening and closing of the component, as well as reset its swiping state.
-
-```ts
-const swipeableRef = useRef<SwipeableMethods>(null);
-```
-
-### close
-
-```ts
-close: () => void;
-```
-
-A method that closes component.
-
-### openLeft
-
-```ts
-openLeft: () => void;
-```
-
-A method that opens component on left side.
-
-### openRight
-
-```ts
-openRight: () => void;
-```
-
-A method that opens component on right side.
-
-### reset
-
-```ts
-reset: () => void;
-```
-
-A method that resets the swiping states of this `Swipeable` component. Unlike [`close`](#close), this method does not trigger any animation.
-
-## Example
-
-Example of a `Swipeable` component can be found in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/new_api/components/swipeable/index.tsx).
diff --git a/packages/docs-gesture-handler/static/raw/components/touchables.md b/packages/docs-gesture-handler/static/raw/components/touchables.md
deleted file mode 100644
index fd0024f554..0000000000
--- a/packages/docs-gesture-handler/static/raw/components/touchables.md
+++ /dev/null
@@ -1,50 +0,0 @@
-> **Warning**
->
-> Touchables will be removed in the future version of Gesture Handler. Use [`Pressable`](/docs/components/pressable) instead.
-
-Gesture Handler library provides an implementation of RN's touchable components that are based on [native buttons](buttons.mdx) and does not rely on JS responder system utilized by RN. Our touchable implementation follows the same API and aims to be a drop-in replacement for touchables available in React Native.
-
-React Native's touchables API can be found here:
-
-* [Touchable Native Feedback](https://reactnative.dev/docs/touchablenativefeedback)
-* [Touchable Highlight](https://reactnative.dev/docs/touchablehighlight)
-* [Touchable Opacity](https://reactnative.dev/docs/touchableopacity)
-* [Touchable Without Feedback](https://reactnative.dev/docs/touchablewithoutfeedback)
-
-All major touchable properties (except from `pressRetentionOffset`) have been adopted and should behave in a similar way as with RN's touchables.
-
-The motivation for using RNGH touchables as a replacement for these imported from React Native is to follow built-in native behavior more closely by utilizing platform native touch system instead of relying on the JS responder system.
-These touchables and their feedback behavior are deeply integrated with native
-gesture ecosystem and could be connected with other native components (e.g. `ScrollView`) and Gesture Handlers easily and in a more predictable way, which
-follows native apps' behavior.
-
-Our intention was to make switch for these touchables as simple as possible. In order to use RNGH's touchables the only thing you need to do is to change library from which you import touchable components.
-need only to change imports of touchables.
-
-> **Info**
->
-> Gesture Handler's `TouchableOpacity` uses native driver for animations by default. If this causes problems for you, you can set `useNativeAnimations` prop to false.
-
-### Example:
-
-```ts
-import {
-  TouchableNativeFeedback,
-  TouchableHighlight,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-} from 'react-native';
-```
-
-has to be replaced with:
-
-```ts
-import {
-  TouchableNativeFeedback,
-  TouchableHighlight,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-} from 'react-native-gesture-handler';
-```
-
-For a comparison of both touchable implementations see our [touchables example](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/legacy/release_tests/touchables/index.tsx)
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/animated-interactions.md b/packages/docs-gesture-handler/static/raw/fundamentals/animated-interactions.md
deleted file mode 100644
index af6f6e9e2f..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/animated-interactions.md
+++ /dev/null
@@ -1,37 +0,0 @@
-Using hook API allows for smooth integration with the [Animated API](https://reactnative.dev/docs/animated) by allowing for passing an `Animated.event` as the argument to the [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) callback. The event mapping of `Animated.event` depends on the [`useNativeDriver`](https://reactnative.dev/docs/animated#using-the-native-driver) property.
-
-When using Animated API, remember to set `useAnimated` property to `true`.
-
-:::danger Mixing Reanimated and Animated
-It is not possible to mix Reanimated and Animated within any of the [gesture detectors](/docs/fundamentals/gesture-detectors).
-:::
-
-## useNativeDriver
-
-When using `Animated.event` with `useNativeDriver` set to `false`, it is required to set [`disableReanimated`](/docs/fundamentals/reanimated-interactions#disablereanimated) to `true` in the gesture configuration.
-
-Mapping of `Animated.event` depends on the value of `useNativeDriver` property. When set to `true`, event data can be accessed through `nativeEvent.handlerData` property:
-
-```jsx
-  const value = useAnimatedValue(0);
-
-  const event = Animated.event(
-    [{ nativeEvent: { handlerData: { /* translationX: value, ... */ } } }],
-    { useNativeDriver: true }
-  );
-```
-
-In case of `useNativeDriver` set to `false`, event data is accessed directly:
-
-```jsx
-  const value = useAnimatedValue(0);
-
-  const event = Animated.event(
-    [ { /* translationX: value, ... */ } ],
-    { useNativeDriver: false }
-  );
-```
-
-## Usage with VirtualGestureDetector
-
-Using `Animated.event` with [`VirtualGestureDetector`](/docs/fundamentals/gesture-detectors#virtualgesturedetector) is possible only when `useNativeDriver` is set to `false`.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/callbacks-events.md b/packages/docs-gesture-handler/static/raw/fundamentals/callbacks-events.md
deleted file mode 100644
index 693bd16d85..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/callbacks-events.md
+++ /dev/null
@@ -1,122 +0,0 @@
-At any given time, each handler instance has an assigned [state](/docs/under-the-hood/state) that can change when new touch events occur or can be forced to change by the touch system under certain circumstances. You can hook into state transitions using specific [gesture callbacks](#callbacks).
-
-When Reanimated is installed, all callbacks are automatically workletized. For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions#automatic-workletization-of-gesture-callbacks) section.
-
-## Callbacks flow
-
-### GestureEvent callbacks
-
-Note that some of these callbacks are complementary:
-
-* if `onBegin` was called, it is guaranteed that `onFinalize` will be called later.
-* if `onActivate` was called, it is guaranteed that `onDeactivate` will be called later.
-
-### TouchEvent callbacks
-
-## Callbacks
-
-### onBegin
-
-```ts
-onBegin: (event: GestureEvent<HandlerData>) => void
-```
-
-Called when a handler begins to recognize gestures. If `onBegin` was called, it is guaranteed that `onFinalize` will be called later.
-
-### onActivate
-
-```ts
-onActivate: (event: GestureEvent<HandlerData>) => void
-```
-
-Called when activation criteria for handler are met. If `onActivate` was called, it is guaranteed that `onDeactivate` will be called later.
-
-### onUpdate
-
-```ts
-onUpdate: (event: GestureEvent<HandlerData>) => void
-```
-
-Called each time a pointer tracked by the gesture changes state, typically due to movement, after the gesture has been activated.
-
-### onDeactivate
-
-```ts
-onDeactivate: (event: GestureEvent<HandlerData>, didSucceed: boolean) => void
-```
-
-Called after when handler stops recognizing gestures, but only if handler activated. It is called before `onFinalize`. If the handler was interrupted, the `didSucceed` argument is set to `false`. Otherwise it is set to `true`.
-
-### onFinalize
-
-```ts
-onFinalize: (event: GestureEvent<HandlerData>, didSucceed: boolean) => void
-```
-
-Called when handler stops recognizing gestures. If handler managed to activate, the `didSucceed` argument is set to `true` and `onFinalize` will be called right after `onDeactivate`. Otherwise it is set to `false`.
-
-### onTouchesDown
-
-```ts
-onTouchesDown: (event: GestureTouchEvent) => void
-```
-
-Called when new pointers are placed on the screen. It may carry information about more than one pointer because the events are batched.
-
-### onTouchesMove
-
-```ts
-onTouchesMove: (event: GestureTouchEvent) => void
-```
-
-Called when pointers are moved on the screen. It may carry information about more than one pointer because the events are batched.
-
-### onTouchesUp
-
-```ts
-onTouchesUp: (event: GestureTouchEvent) => void
-```
-
-Called when pointers are lifted from the screen. It may carry information about more than one pointer because the events are batched.
-
-### onTouchesCancel
-
-```ts
-onTouchesCancel: (event: GestureTouchEvent) => void
-```
-
-Called when there will be no more information about this pointer. It may be called because the gesture has ended or was interrupted. It may carry information about more than one pointer because the events are batched.
-
-## Events
-
-### GestureEvent
-
-`GestureEvent` contains properties common to all gestures (`handlerTag`, `numberOfPointers`, `pointerType`) along with gesture-specific data defined in each gesture's documentation.
-
-### TouchEvent
-
-`TouchEvent` carries information about raw touch events, like touching the screen or moving the finger.
-
-* `eventType` - Type of the current event - whether the finger was placed on the screen, moved, lifted or cancelled.
-
-* `changedTouches` - An array of objects where every object represents a single touch. Contains information only about the touches that were affected by the event i.e. those that were placed down, moved, lifted or cancelled.
-
-* `allTouches` - An array of objects where every object represents a single touch. Contains information about all active touches.
-
-* `numberOfTouches` - Number representing the count of currently active touches.
-
-`TouchData` contains information about a single touch.
-
-* `id` - A number representing id of the touch. It may be used to track the touch between events as the id will not change while it is being tracked.
-
-* `x` - X coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-* `y` - Y coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-* `absoluteX` - X coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of `x` in cases when the original view can be transformed as an effect of the gesture.
-
-* `absoluteY` - Y coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of `y` in cases when the original view can be transformed as an effect of the gesture.
-
-> **Danger**
->
-> Don't rely on the order of items in the `changedTouches`/`allTouches` arrays as it may change during the gesture, instead use the `id` attribute to track individual touches across events.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/gesture-composition.md b/packages/docs-gesture-handler/static/raw/fundamentals/gesture-composition.md
deleted file mode 100644
index 53368a7755..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/gesture-composition.md
+++ /dev/null
@@ -1,43 +0,0 @@
-RNGH3 simplifies gesture interaction through dedicated composition hooks and configuration properties. To choose the right approach, simply ask: Are all the gestures attached to the same component?
-
-* If yes: Use composition hooks. These allow you to bundle multiple gestures—including previously composed ones—into a single object for a GestureDetector.
-
-* If no: Use relation properties to manually define how gestures interact. Since these properties also support composed gestures, you can mix both methods for more complex layouts.
-
-## Composition hooks
-
-### useCompetingGestures
-
-Only one of the provided gestures can become active at the same time. The first gesture to become active will cancel the rest of the gestures. It accepts variable number of arguments.
-
-For example, lets say that you have a component that you want to make draggable but you also want to show additional options on long press. Presumably you would not want the component to move after the long press activates. You can accomplish this using `useCompetingGestures`:
-
-### useSimultaneousGestures
-
-All of the provided gestures can activate at the same time. Activation of one will not cancel the other.
-
-For example, if you want to make a gallery app, you might want user to be able to zoom, rotate and pan around photos. You can do it with `useSimultaneousGestures`:
-
-> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
-
-### useExclusiveGestures
-
-Only one of the provided gestures can become active. Priority is determined by the order of the aguments, where the first gesture has the highest priority, and the last has the lowest. A gesture can activate only after all higher-priority gestures before it have failed.
-
-For example, if you want to make a component that responds to single tap as well as to a double tap, you can accomplish that using `useExclusiveGestures`:
-
-## Cross-component interactions
-
-### requireToFail
-
-`requireToFail` allows to delay activation of the handler until all handlers passed as arguments to this method fail (or don't begin at all).
-
-For example, you may want to have two nested components, both of them can be tapped by the user to trigger different actions: outer view requires one tap, but the inner one requires 2 taps. If you don't want the first tap on the inner view to activate the outer handler, you must make the outer gesture wait until the inner one fails:
-
-### block
-
-`block` works similarly to `requireToFail` but the direction of the relation is reversed - instead of being one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
-
-### simultaneousWith
-
-`simultaneousWith` allows gestures across different components to be recognized simultaneously. For example, you may want to have two nested views, both with tap gesture attached. Both of them require one tap, but tapping the inner one should also activate the gesture attached to the outer view:
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/gesture-detector.md b/packages/docs-gesture-handler/static/raw/fundamentals/gesture-detector.md
deleted file mode 100644
index bd9cacefb1..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/gesture-detector.md
+++ /dev/null
@@ -1,95 +0,0 @@
-## Gesture Detector
-
-The `GestureDetector` is a key component of `react-native-gesture-handler`. It supports gestures created either using the hook-based API or the builder pattern. Additionally, it allows for the recognition of multiple gestures through [gesture composition](/docs/fundamentals/gesture-composition). `GestureDetector` interacts closely with [`Reanimated`](https://docs.swmansion.com/react-native-reanimated/). For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions) section.
-
-When using hook API, you can also integrate it directly with the [Animated API](https://reactnative.dev/docs/animated). More on that can be found in [Integration with Animated](/docs/fundamentals/animated-interactions) section.
-
-> **Danger**
->
-> #### Nesting Gesture Detectors
->
-> Because `GestureDetector` supports both the hook API and the builder pattern, it is important to avoid nesting detectors that use different APIs, as this can result in undefined behavior.
->
-> #### Reusing Gestures
->
-> Using the same instance of a gesture across multiple Gesture Detectors may result in undefined behavior.
-
-```js
-import { GestureDetector, useTapGesture } from 'react-native-gesture-handler';
-
-export default function App() {
-  const tap = useTapGesture({
-    onDeactivate: () => {
-      console.log('Tap!');
-    },
-  });
-
-  return (
-    <GestureHandlerRootView>
-      // highlight-next-line
-      <GestureDetector gesture={tap}>
-        <Animated.View />
-        // highlight-next-line
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-```
-
-## Virtual Detectors
-
-Since RNGH3, `GestureDetector` is a standalone host component. Depending on the view hierarchy, this can occasionally disrupt interactions between specific components. To resolve this, use `InterceptingGestureDetector` in combination with `VirtualNativeDetector`.
-
-### InterceptingGestureDetector
-
-`InterceptingGestureDetector` functions similarly to a `GestureDetector`, but it can also act as a proxy for `VirtualGestureDetector` within its component subtree. Because it can be used solely to establish the context for virtual detectors, the [`gesture`](#gesture) property is optional.
-
-### VirtualGestureDetector
-
-`VirtualGestureDetector` is similar to the `GestureDetector` from RNGH2. Because it is not a host component, it does not interfere with the host view hierarchy. This allows you to attach gestures without disrupting functionality that depends on it.
-
-### Known use cases
-
-Here are some of the most common use cases for virtual gesture detectors.
-
-#### SVG
-
-You can combine `VirtualGestureDetector` with [`react-native-svg`](https://github.com/software-mansion/react-native-svg) to add gesture handling to individual `SVG` elements.
-
-#### Text
-
-You can use `VirtualGestureDetector` to add gesture handling to specific parts of a `Text` component.
-
-## Properties
-
-### gesture
-
-```ts
-gesture: SingleGesture | ComposedGesture;
-```
-
-A gesture object containing the configuration and callbacks. Can be any of the base gestures or any [`ComposedGesture`](/docs/fundamentals/gesture-composition).
-
-### userSelect
-
-```ts
-userSelect: 'none' | 'auto' | 'text';
-```
-
-This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
-
-### touchAction
-
-```ts
-touchAction: TouchAction;
-```
-
-This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS [touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/touch-action) values. Default value is set to `"none"`.
-
-### enableContextMenu
-
-```ts
-enableContextMenu: boolean;
-```
-
-Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false`.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/installation.md b/packages/docs-gesture-handler/static/raw/fundamentals/installation.md
deleted file mode 100644
index e4e58725eb..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/installation.md
+++ /dev/null
@@ -1,154 +0,0 @@
-## Requirements
-
-### Compatibility with React Native versions
-
-`react-native-gesture-handler` supports the three latest minor releases of `react-native`.
-
-### Running gestures on the UI thread
-
-Using Reanimated is the recommended method of handling gesture-driven interactions on the UI thread. In order to use it, you need to install [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/) along with [`react-native-worklets`](https://docs.swmansion.com/react-native-worklets/). Another approach is to use React Native's [Animated API](https://reactnative.dev/docs/animated).
-
-For more details on how to implement these, refer to the dedicated sections for [Reanimated](/docs/fundamentals/reanimated-interactions) and [Animated](/docs/fundamentals/animated-interactions).
-
-## Setup
-
-Setting up `react-native-gesture-handler` is pretty straightforward:
-
-### 1. Start with installing the package from npm:
-
-```bash
-npx expo install react-native-gesture-handler
-```
-
-```bash
-npm install react-native-gesture-handler
-```
-
-```bash
-yarn add react-native-gesture-handler
-```
-
-### 2. Wrap your app with GestureHandlerRootView component
-
-```jsx
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-
-export default function App() {
-  return (
-    <GestureHandlerRootView>
-      <ActualApp />
-    </GestureHandlerRootView>
-  );
-}
-```
-
-Keep `GestureHandlerRootView` as close to the actual root of the app as possible. It's the entry point for all gestures and all [gesture relations](/docs/fundamentals/gesture-composition). The gestures won't be recognized outside of the root view, and relations only work between gestures mounted under the same root view.
-
-Check out [`GestureHandlerRootView`](/docs/fundamentals/root-view) section for more details.
-
-### 3. Platform specific setup
-
-#### [Expo development build](https://docs.expo.dev/develop/development-builds/introduction/)
-
-When using an Expo development build, run prebuild to update the native code in the ios and android directories.
-
-```bash
-npx expo prebuild
-```
-
-#### Android
-
-Setting up Gesture Handler on Android doesn't require any more steps. Keep in mind that if you want to use gestures in [Modals](https://reactnative.dev/docs/modal) you need to wrap Modal's content with `GestureHandlerRootView`:
-
-```jsx
-import { Modal } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-
-export function CustomModal({ children, ...rest }) {
-  return (
-    <Modal {...rest}>
-      <GestureHandlerRootView>{children}</GestureHandlerRootView>
-    </Modal>
-  );
-}
-```
-
-Gesture Handler on Android is implemented in Kotlin. If you need to set a specific Kotlin version to be used by the library, set the `kotlinVersion` ext property in `android/build.gradle` file and RNGH will use that version:
-
-```groovy
-buildscript {
-    ext {
-        kotlinVersion = "2.1.20"
-    }
-}
-```
-
-#### iOS
-
-While developing for iOS, make sure to install [pods](https://cocoapods.org/) first before running the app:
-
-```bash
-cd ios && bundle install && bundle exec pod install && cd ..
-```
-
-#### macOS
-
-While developing for macOS, make sure to install [pods](https://cocoapods.org/) first before running the app:
-
-```bash
-cd macos && bundle install && bundle exec pod install && cd ..
-```
-
-#### Web
-
-There is no additional configuration required for the web.
-
-#### With [wix/react-native-navigation](https://github.com/wix/react-native-navigation)
-
-If you are using a native navigation library like [wix/react-native-navigation](https://github.com/wix/react-native-navigation) you need to make sure that every screen is wrapped with `GestureHandlerRootView`. This can be done for example at the stage when you register your screens. Here's an example:
-
-```js
-import { Navigation } from 'react-native-navigation';
-import FirstTabScreen from './FirstTabScreen';
-import SecondTabScreen from './SecondTabScreen';
-import PushedScreen from './PushedScreen';
-
-// register all screens of the app (including internal ones)
-export function registerScreens() {
-  Navigation.registerComponent(
-    'example.FirstTabScreen',
-    () => {
-      return (
-        <GestureHandlerRootView>
-          <FirstTabScreen />
-        </GestureHandlerRootView>
-      );
-    },
-    () => FirstTabScreen
-  );
-  Navigation.registerComponent(
-    'example.SecondTabScreen',
-    () => {
-      return (
-        <GestureHandlerRootView>
-          <SecondTabScreen />
-        </GestureHandlerRootView>
-      );
-    },
-    () => SecondTabScreen
-  );
-  Navigation.registerComponent(
-    'example.PushedScreen',
-    () => {
-      return (
-        <GestureHandlerRootView>
-          <PushedScreen />
-        </GestureHandlerRootView>
-      );
-    },
-    () => PushedScreen
-  );
-}
-```
-
-You can check out [this example project](https://github.com/henrikra/nativeNavigationGestureHandler) to see this kind of set up in action.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/introduction.md b/packages/docs-gesture-handler/static/raw/fundamentals/introduction.md
deleted file mode 100644
index c7da89a067..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/introduction.md
+++ /dev/null
@@ -1,75 +0,0 @@
-Gesture Handler provides a declarative API exposing the native platform's touch and gesture system to React Native. It's designed to be a replacement of React Native's built in touch system called [Gesture Responder System](http://reactnative.dev/docs/gesture-responder-system). Using native touch handling allows to address the performance limitations of React Native's Gesture Responder System. It also provides more control over the platform's native components that can handle gestures on their own. If you want to learn more, we recommend [this talk](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) in which he explains issues with the responder system.
-
-The main benefits of using React Native Gesture Handler are:
-
-* A way to use a platform's native touch handling system for recognizing gestures (like [pinch](/docs/gestures/use-pinch-gesture), [rotation](/docs/gestures/use-rotation-gesture), [pan](/docs/gestures/use-pan-gesture) and a few others).
-* The ability to define [relations between gestures](/docs/fundamentals/gesture-composition) to ensure gestures, and possibly native components, will not conflict with each other.
-* Mechanisms for components that run in native thread and follow platform default behavior, such as delaying the transition to a pressed state within scrollable components to prevent highlighting during a quick scroll or fling.
-* Close integration with [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/) to process touch events on the UI thread.
-* Support for different input devices like touch screens, pens and mice.
-* Ability to include any native component into the Gesture Handler's touch system, making it work alongside your gestures.
-
-> **Info**
->
-> We recommended to use Reanimated to implement gesture-driven animations with Gesture Handler. Its more advanced features rely heavily on worklets and the UI runtime provided by Reanimated.
-
-## Learning resources
-
-### Apps
-
-[Gesture Handler Example App](https://github.com/software-mansion/react-native-gesture-handler/tree/main/apps/expo-example) – official gesture handler "showcase" app.
-
-### Talks and workshops
-
-[Declarative future of gestures and animations in React Native](https://www.youtube.com/watch?v=kdq4z2708VM) by [Krzysztof Magiera](https://twitter.com/kzzzf) - talk that explains motivation behind creating gesture handler library. It also presents [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated) and how and when it can be used with gesture handler.
-
-[React Native workshop with Expo team @ReactEurope 2018](https://youtu.be/JSIoE_ReeDk?t=41m49s) by [Brent Vatne](https://twitter.com/notbrent) – great workshop explaining gesture handler in details and presenting a few exercises that will help get you started.
-
-[Living in an async world of React Native](https://www.youtube.com/watch?v=-Izgons3mec) by [Krzysztof Magiera](https://twitter.com/kzzzf) – talk which highlights some issue with the React Native's touch system Gesture Handler aims to address. Also the motivation for building this library is explained.
-
-[React Native Touch & Gesture](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) - talk explaining JS responder system limitations and points out some of the core features of Gesture Handler.
-
-## Contributing
-
-If you are interested in the project and want to contribute or support it in other ways don't hesitate to contact anyone from the team on Twitter or Bluesky (links below)!
-
-All PRs are welcome, but talk to us before you start working on something big.
-
-The easiest way to get started with contributing code is by:
-
-* Reviewing the list of [open issues](https://github.com/software-mansion/react-native-gesture-handler/issues) and trying to solve the one that seem approachable to you.
-* Updating the [documentation](https://github.com/software-mansion/react-native-gesture-handler/tree/main/packages/docs-gesture-handler) whenever you see some information is unclear, missing or out of date.
-
-Code is only one way how you can contribute. You may want to consider [replying on issues](https://github.com/software-mansion/react-native-gesture-handler/issues) if you know how to help.
-
-## Community
-
-We are very proud of the community that has been build around this package. We really appreciate all your help regardless of it is a pull request, issue report, helping others by commenting on existing issues or posting some demo or video tutorial on social media.
-If you've build something with this library you'd like to share, please contact us as we'd love to help share it with others.
-
-### Gesture Handler Team 🚀
-
-Jakub Piasecki
-@breskin67
-@jpiasecki.com
-
-Michał Bert
-@Michal3870
-
-Andrzej Kwaśniewski
-@aakwasniewski
-
-Ignacy Łątka
-@latekvo
-
-Krzysztof Magiera
-@kzzzf
-@kzzzf.bsky.social
-
-### Sponsors
-
-We really appreciate our sponsors! Thanks to them we can develop our library and make the react-native world a better place. Special thanks for:
-
-Shopify
-
-Expo
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/reanimated-interactions.md b/packages/docs-gesture-handler/static/raw/fundamentals/reanimated-interactions.md
deleted file mode 100644
index f973ecf679..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/reanimated-interactions.md
+++ /dev/null
@@ -1,94 +0,0 @@
-[`GestureDetector`](/docs/fundamentals/gesture-detectors) will decide whether to use [Reanimated](https://docs.swmansion.com/react-native-reanimated/) to process provided gestures based on their configuration. If any of the callbacks is a [worklet](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#worklet) and Reanimated is not explicitly [turned off](#disabling-reanimated), tools provided by the Reanimated will be utilized, bringing the ability to handle gestures synchronously on the main thread.
-
-## Automatic [workletization](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#to-workletize) of gesture callbacks
-
-[Worklets' Babel plugin](https://docs.swmansion.com/react-native-worklets/docs/worklets-babel-plugin/about) is setup in a way that automatically marks callbacks passed to gestures in the configuration chain as worklets. This means that you don't need to add a `'worklet';` directive at the beginning of the functions. Here is an example that will be automatically workletized:
-
-```jsx
-const gesture = useTapGesture({
-  onBegin: () => {
-    console.log(_WORKLET);
-  },
-});
-```
-
-And here is one that won't:
-
-```jsx
-const callback = () => {
-  console.log(_WORKLET);
-};
-
-const gesture = useTapGesture({
-  onBegin: callback,
-});
-```
-
-It also won't work when wrapped with hooks like `useCallback` or `useMemo`, e.g:
-
-```jsx
-const callback = useCallback(() => {
-  console.log(_WORKLET);
-}, []);
-
-const gesture = useTapGesture({
-  onBegin: callback,
-});
-```
-
-In the above cases, you should add a `"worklet";` directive at the beginning of the callbacks, like so:
-
-```jsx
-const callback = () => {
-  // highlight-next-line
-  'worklet';
-  console.log(_WORKLET);
-};
-
-const gesture = useTapGesture({
-  onBegin: callback,
-});
-```
-
-```jsx
-const callback = useCallback(() => {
-  // highlight-next-line
-  'worklet;';
-  console.log(_WORKLET);
-}, []);
-
-const gesture = useTapGesture({
-  onBegin: callback,
-});
-```
-
-## Using SharedValue in gesture config
-
-RNGH3 allows to pass [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) to gestures' configurations. This allows to react to configuration changes without unnecessary rerenders.
-
-## Disabling Reanimated
-
-Gestures created with the hook API have Reanimated integration enabled by default, meaning all callbacks are executed on the UI thread. There are two methods available to disable this behavior for a specific gesture.
-
-### disableReanimated
-
-When `disableReanimated` is set to `true` in the gesture configuration, Reanimated integration will be completely turned off for that gesture throughout its entire lifecycle. This setting eliminates all interaction points with Reanimated, thereby reducing any potential overhead. Default value for this property is `false`.
-
-This property cannot be changed dynamically during the gesture's lifecycle.
-
-```jsx
-const gesture = usePanGesture({
-  // highlight-next-line
-  disableReanimated: true,
-
-  onUpdate: () => {
-    console.log('Panning');
-  },
-});
-```
-
-### runOnJS
-
-The `runOnJS` property allows you to dynamically control whether callbacks are executed on the JS thread or the UI thread. When set to `true`, callbacks will run on the JS thread. Setting it to `false` will execute them on the UI thread. Default value for this property is `false`.
-
-This property can be changed dynamically throughout the gesture's lifecycle.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/root-view.md b/packages/docs-gesture-handler/static/raw/fundamentals/root-view.md
deleted file mode 100644
index 9da1da6c97..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/root-view.md
+++ /dev/null
@@ -1,41 +0,0 @@
-`GestureHandlerRootView` is a key component that enables Gesture Handler to intercept touch events, allowing for the implementation of gestures in your app. It should wrap your app's main component, and any component that relies on Gesture Handler's gestures has to be a descendant of this view. For more detailed information, you can check out the [under-the-hood section](/docs/under-the-hood/how-does-it-work#android).
-
-```tsx
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-
-export default function App() {
-  return (
-    <GestureHandlerRootView>
-      <ActualApp />
-    </GestureHandlerRootView>
-  );
-}
-```
-
-Keep `GestureHandlerRootView` as close to the actual root of the app as possible. It's the entry point for all gestures and all [gesture relations](/docs/fundamentals/gesture-composition). The gestures won't be recognized outside of the root view, and relations only work between gestures mounted under the same root view.
-
-> **Note**
->
-> When integrating with navigation libraries, wrapping the navigator component with `GestureHandlerRootView` is generally sufficient. However, if you encounter issues with gestures not functioning properly, you might need to wrap each individual screen component with `GestureHandlerRootView` as well.
-
-> **Tip**
->
-> If you're using Gesture Handler in your component library, you may want to wrap your library's code in the `GestureHandlerRootView` component. This will avoid extra configuration for the user.
-
-## Styling
-
-`GestureHandlerRootView` can be thought of as a regular `View` component, therefore it accepts all the same props, including [`style`](https://reactnative.dev/docs/0.81/view-style-props).
-
-If you don't provide anything to the `style` prop, it will default to `{ flex: 1 }`. If you want to customize the styling of the root view, don't forget to also include `flex: 1` in the custom style, otherwise your app won't render anything.
-
-## Nesting root views
-
-In case of nested root views, Gesture Handler will only use the top-most one and ignore the nested ones. If you're unsure if one of your dependencies already renders `GestureHandlerRootView` on its own, don't worry and add one at the root anyway.
-
-## unstable\_forceActive
-
-```ts
-unstable_forceActive?: boolean;
-```
-
-If you're having trouble with gestures not working when inside a component provided by a third-party library, even though you've wrapped the entry point with `<GestureHandlerRootView>`, you can try adding another `<GestureHandlerRootView unstable_forceActive>` closer to the place the gestures are defined. This way, you can prevent Android from canceling relevant gestures when one of the native views tries to grab lock for delivering touch events.
diff --git a/packages/docs-gesture-handler/static/raw/fundamentals/state-manager.md b/packages/docs-gesture-handler/static/raw/fundamentals/state-manager.md
deleted file mode 100644
index 301eb1def0..0000000000
--- a/packages/docs-gesture-handler/static/raw/fundamentals/state-manager.md
+++ /dev/null
@@ -1,55 +0,0 @@
-RNGH3 allows to manually control [gestures lifecycle](/docs/under-the-hood/state) by using [`GestureStateManager`](#gesturestatemanager).
-
-## State management
-
-Manual state management is based on `handlerTag`. There are two ways of manual state control. Some gestures also support [`manualActivation`](#manualactivation) property, which blocks their automatic activation, even if they meet their activation criteria.
-
-### Inside gesture definition
-
-If you want to manipulate gesture's state in its callbacks, you can get `handlerTag` from event parameter.
-
-### Outside gesture definition
-
-If you want to control gesture lifecycle outside of it, you can use `handlerTag` from created gesture object.
-
-### manualActivation
-
-When `manualActivation` property is set to `true` on a gesture, it will not activate automatically even if its activation criteria are met. Use [`GestureStateManager`](#gesturestatemanager) to manipulate its state manually.
-
-In the example below, [`Pan`](/docs/gestures/use-pan-gesture) gesture will not activate by simply panning on the blue box - using `GestureStateManager` is necessary.
-
-## GestureStateManager
-
-`GestureStateManager` provides methods to manipulate gesture's state imperatively.
-
-### begin
-
-```tsx
-begin: (handlerTag: number) => void;
-```
-
-Triggers [`onBegin`](/docs/fundamentals/callbacks-events#onbegin) callback on gesture with specified `handlerTag`.
-
-### activate
-
-```tsx
-activate: (handlerTag: number) => void;
-```
-
-Triggers [`onActivate`](/docs/fundamentals/callbacks-events#onactivate) callback on gesture with specified `handlerTag`.
-
-### deactivate
-
-```tsx
-deactivate: (handlerTag: number) => void;
-```
-
-If the gesture had activated, it triggers the [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) callback. It also triggers the [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) callback on gesture with the specified `handlerTag`.
-
-### fail
-
-```tsx
-fail: (handlerTag: number) => void;
-```
-
-Triggers [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) callback on gesture with specified `handlerTag`. If gesture had activated, it will also trigger [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) callback.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step1.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step1.md
deleted file mode 100644
index 040cb97cb3..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step1.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```tsx
-type Pointer = {
-  x: number;
-  y: number;
-  visible: boolean;
-};
-```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step2.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step2.md
deleted file mode 100644
index d02ade2d45..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step2.md
+++ /dev/null
@@ -1,47 +0,0 @@
-```tsx
-import { StyleSheet } from 'react-native';
-import Animated, {
-  useAnimatedStyle,
-  SharedValue,
-} from 'react-native-reanimated';
-
-type Pointer = {
-  x: number;
-  y: number;
-  visible: boolean;
-};
-
-type PointerElementProps = {
-  pointer: SharedValue<Pointer>;
-  active: SharedValue<boolean>;
-};
-
-function PointerElement(props: PointerElementProps) {
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [
-      { translateX: props.pointer.value.x },
-      { translateY: props.pointer.value.y },
-      {
-        scale:
-          (props.pointer.value.visible ? 1 : 0) *
-          (props.active.value ? 1.3 : 1),
-      },
-    ],
-    backgroundColor: props.active.value ? 'red' : 'blue',
-  }));
-
-  return <Animated.View style={[styles.pointer, animatedStyle]} />;
-}
-
-const styles = StyleSheet.create({
-  pointer: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    backgroundColor: 'red',
-    position: 'absolute',
-    marginStart: -30,
-    marginTop: -30,
-  },
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step3.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step3.md
deleted file mode 100644
index 3a9160e04a..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step3.md
+++ /dev/null
@@ -1,55 +0,0 @@
-```tsx
-import { StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  GestureHandlerRootView,
-  GestureStateManager,
-  useManualGesture,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useAnimatedStyle,
-  SharedValue,
-  useSharedValue,
-} from 'react-native-reanimated';
-
-...
-
-export default function Example() {
-  const trackedPointers: SharedValue<Pointer>[] = [];
-  const active = useSharedValue(false);
-
-  for (let i = 0; i < 10; i++) {
-    trackedPointers[i] = useSharedValue<Pointer>({
-      x: 0,
-      y: 0,
-      visible: false,
-    });
-  }
-
-  const gesture = useManualGesture({});
-
-  return (
-    <GestureHandlerRootView>
-      <GestureDetector gesture={gesture}>
-        <Animated.View style={{ flex: 1 }}>
-          {trackedPointers.map((pointer, index) => (
-            <PointerElement pointer={pointer} active={active} key={index} />
-          ))}
-        </Animated.View>
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  pointer: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    backgroundColor: 'red',
-    position: 'absolute',
-    marginStart: -30,
-    marginTop: -30,
-  },
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step4.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step4.md
deleted file mode 100644
index 8a8e773ed1..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step4.md
+++ /dev/null
@@ -1,17 +0,0 @@
-```tsx
-const gesture = useManualGesture({
-  onTouchesDown: (e) => {
-    for (const touch of e.changedTouches) {
-      trackedPointers[touch.id].value = {
-        x: touch.x,
-        y: touch.y,
-        visible: true,
-      };
-    }
-
-    if (e.numberOfTouches >= 2) {
-      GestureStateManager.activate(e.handlerTag);
-    }
-  },
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step5.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step5.md
deleted file mode 100644
index c27d7cb5bb..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step5.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```tsx
-const gesture = useManualGesture({
-  ...
-  onTouchesMove: (e) => {
-    for (const touch of e.changedTouches) {
-      trackedPointers[touch.id].value = {
-        x: touch.x,
-        y: touch.y,
-        visible: true,
-      };
-    }
-  },
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step6.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step6.md
deleted file mode 100644
index c232d392ff..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step6.md
+++ /dev/null
@@ -1,18 +0,0 @@
-```tsx
-const gesture = useManualGesture({
-  ...
-  onTouchesUp: (e) => {
-    for (const touch of e.changedTouches) {
-      trackedPointers[touch.id].value = {
-        x: touch.x,
-        y: touch.y,
-        visible: false,
-      };
-    }
-
-    if (e.numberOfTouches === 0) {
-      GestureStateManager.deactivate(e.handlerTag);
-    }
-  },
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step7.md b/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step7.md
deleted file mode 100644
index c9da993477..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_manual_gesture_steps/step7.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```tsx
-const gesture = useManualGesture({
-  ...
-  onActivate: () => {
-    active.value = true;
-  },
-  onDeactivate: () => {
-    active.value = false;
-  },
-```
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-callbacks.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-callbacks.md
deleted file mode 100644
index 811d4b0b4a..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-callbacks.md
+++ /dev/null
@@ -1,3 +0,0 @@
-### onUpdate
-
-Set the callback that is being called every time the gesture receives an update while it's active.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-config.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-config.md
deleted file mode 100644
index c3143093a3..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-continuous-gesture-config.md
+++ /dev/null
@@ -1,7 +0,0 @@
-### manualActivation
-
-```ts
-manualActivation: boolean | SharedValue<boolean>;
-```
-
-When `true` the handler will not activate by itself even if its activation criteria are met. Instead you can manipulate its state using [`GestureStateManager`](/docs/fundamentals/state-manager). Example usage can be found [here](/docs/fundamentals/state-manager#manualactivation).
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-callbacks.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-callbacks.md
deleted file mode 100644
index 52e32511ff..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-callbacks.md
+++ /dev/null
@@ -1,47 +0,0 @@
-### onBegin
-
-Set the callback that is being called when given gesture handler starts receiving touches. At the moment of this callback the handler is not yet in an active state and we don't know yet if it will recognize the gesture at all.
-
-### onActivate
-
-Set the callback that is being called when the gesture is recognized by the handler and it transitions to the active state.
-
-### onDeactivate
-
-Set the callback that is being called when the gesture that was recognized by the handler finishes. It will be called only if the handler was previously in the active state.
-
-### onFinalize
-
-Set the callback that is being called when the handler finalizes handling gesture - the gesture was recognized and has finished or it failed to recognize.
-
-### onTouchesDown
-
-```ts
-onTouchesDown: (event: GestureTouchEvent) => void
-```
-
-Set the `onTouchesDown` callback which is called every time a finger is placed on the screen.
-
-### onTouchesMove
-
-```ts
-onTouchesMove: (event: GestureTouchEvent) => void
-```
-
-Set the `onTouchesMove` callback which is called every time a finger is moved on the screen.
-
-### onTouchesUp
-
-```ts
-onTouchesUp: (event: GestureTouchEvent) => void
-```
-
-Set the `onTouchesUp` callback which is called every time a finger is lifted from the screen.
-
-### onTouchesCancel
-
-```ts
-onTouchesCancel: (event: GestureTouchEvent) => void
-```
-
-Set the `onTouchesCancel` callback which is called every time a finger stops being tracked, for example when the gesture finishes.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-config.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-config.md
deleted file mode 100644
index f817958edb..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-config.md
+++ /dev/null
@@ -1,118 +0,0 @@
-### enabled
-
-```ts
-enabled: boolean | SharedValue<boolean>;
-```
-
-Indicates whether the given handler should be analyzing stream of touch events or not.
-When set to `false` we can be sure that the handler will **never** activate.
-If the value gets updated while the handler already started recognizing a gesture, then the handler will stop processing gestures immediately.
-Default value is `true`.
-
-### shouldCancelWhenOutside
-
-```ts
-shouldCancelWhenOutside: boolean | SharedValue<boolean>;
-```
-
-When `true` the handler will stop recognition whenever the finger leaves the area of the connected view.
-Default value of this property is different depending on the handler type.
-Most handlers' `shouldCancelWhenOutside` property defaults to `false` except for the [`LongPressGesture`](/docs/gestures/use-long-press-gesture) and [`TapGesture`](/docs/gestures/use-tap-gesture) which default to `true`.
-
-### hitSlop
-
-This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.
-When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
-
-Instead you can pass an object to specify how each boundary side should be reduced by providing different number of points for `left`, `right`, `top` or `bottom` sides.
-You can alternatively provide `horizontal` or `vertical` instead of specifying directly `left`, `right` or `top` and `bottom`.
-Finally, the object can also take `width` and `height` attributes.
-When `width` is set it is only allow to specify one of the sides `right` or `left`.
-Similarly when `height` is provided only `top` or `bottom` can be set.
-Specifying `width` or `height` is useful if we only want the gesture to activate on the edge of the view. In which case for example we can set `left: 0` and `width: 20` which would make it possible for the gesture to be recognize when started no more than 20 points from the left edge.
-
-**IMPORTANT:** Note that this parameter is primarily designed to reduce the area where gesture can activate. Hence it is only supported for all the values (except `width` and `height`) to be non positive (0 or lower). Although on Android it is supported for the values to also be positive and therefore allow to expand beyond view bounds but not further than the parent view bounds. To achieve this effect on both platforms you can use React Native's View [hitSlop](https://reactnative.dev/docs/view.html#hitslop) property.
-
-### testID
-
-```ts
-testID: string;
-```
-
-Sets a `testID` property for gesture object, allowing for querying for it in tests.
-
-### cancelsTouchesInView
-
-```ts
-cancelsTouchesInView: boolean | SharedValue<boolean>;
-```
-
-Accepts a boolean value.
-When `true`, the gesture will cancel touches for native UI components (`UIButton`, `UISwitch`, etc) it's attached to upon activation.
-Default value is `true`.
-
-### runOnJS
-
-**Requires `react-native-reanimated`**
-
-```ts
-runOnJS: boolean | SharedValue<boolean>;
-```
-
-If set to `true`, callbacks will be executed on JS runtime. Can be changed dynamically throughout gesture lifecycle. Defaults to `false`. For more details, see the [runOnJS](/docs/fundamentals/reanimated-interactions#runonjs) section.
-
-### disableReanimated
-
-**Requires `react-native-reanimated`**
-
-```ts
-disableReanimated: boolean;
-```
-
-If set to `true`, the gesture will ignore any interaction with `Reanimated`. This property cannot be changed during the gesture's lifecycle. For more details, see the [disableReanimated](/docs/fundamentals/reanimated-interactions#disablereanimated) section.
-
-### simultaneousWith
-
-```ts
-simultaneousWith: Gesture | Gesture[]
-```
-
-Adds a gesture that should be recognized simultaneously with this one.
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition). [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
-
-### requireToFail
-
-```ts
-requireToFail: Gesture | Gesture[]
-```
-
-Adds a relation requiring another gesture to fail, before this one can activate.
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition). [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
-
-### block
-
-```ts
-block: Gesture | Gesture[]
-```
-
-Adds a relation that makes other gestures wait with activation until this gesture fails (or doesn't start at all).
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition).[`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
-
-### useAnimated
-
-```ts
-useAnimated: boolean;
-```
-
-Setting this property is set to `true` ensures that the [Animated API](/docs/fundamentals/animated-interactions) functions correctly when `useNativeDriver` is set to `false`. The default value is set to `false`.
-
-### activeCursor
-
-```ts
-activeCursor: ActiveCursor | SharedValue<ActiveCursor>;
-```
-
-This parameter allows to specify which cursor should be used when gesture activates. Supports all [CSS cursor values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/cursor#keyword) (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-event-data.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-event-data.md
deleted file mode 100644
index 341e4371f9..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_shared/base-gesture-event-data.md
+++ /dev/null
@@ -1,11 +0,0 @@
-### numberOfPointers
-
-```ts
-numberOfPointers: number;
-```
-
-Represents the number of pointers (fingers) currently placed on the screen.
-
-### pointerType
-
-Indicates the type of pointer device in use.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/mouse-button.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/mouse-button.md
deleted file mode 100644
index 039ac14c4f..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_shared/mouse-button.md
+++ /dev/null
@@ -1,3 +0,0 @@
-### mouseButton
-
-Allows users to choose which mouse buttons to respond to. Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/_shared/shared-value-info.md b/packages/docs-gesture-handler/static/raw/gestures/_shared/shared-value-info.md
deleted file mode 100644
index c37a2058fc..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/_shared/shared-value-info.md
+++ /dev/null
@@ -1 +0,0 @@
-Properties supporting `SharedValue` can be updated dynamically via [Reanimated Shared Values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) without triggering a re-render.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-fling-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-fling-gesture.md
deleted file mode 100644
index 2d58fb9fc7..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-fling-gesture.md
+++ /dev/null
@@ -1,65 +0,0 @@
-The gesture that tracks quick, sufficiently long movement in specified [direction](#direction).
-When gesture gets activated it will end when finger is released.
-The gesture will fail if the finger is lifted before gesture could activate.
-
-## Example
-
-## Config
-
-### direction
-
-Expressed allowed direction of movement. Expected values are exported as constants in the `Directions` object. It's possible to combine directions using `|` operator.
-
-```js
-import { Directions } from 'react-native-gesture-handler';
-
-// Single direction
-const fling = useFlingGesture({ direction: Directions.RIGHT });
-
-// Combined directions
-const fling = useFlingGesture({ direction: Directions.RIGHT | Directions.LEFT });
-```
-
-### numberOfPointers
-
-```ts
-numberOfPointers: number | SharedValue<number>;
-```
-
-Determine exact number of points required to handle the fling gesture.
-
-## Callbacks
-
-## Event data
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-hover-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-hover-gesture.md
deleted file mode 100644
index 53bb727a83..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-hover-gesture.md
+++ /dev/null
@@ -1,75 +0,0 @@
-Gesture that can recognize hovering above the view it's attached to. The hover effect may be activated by moving a mouse or a stylus over the view.
-
-On iOS additional [visual effects](#effect-ios-only) may be configured.
-
-> **Note**
->
-> Don't rely on `Hover` gesture to continue after the mouse button is clicked or the stylus touches the screen. If you want to handle both cases, [compose](/docs/fundamentals/gesture-composition) it with [`Pan`](/docs/gestures/use-pan-gesture) gesture.
-
-## Example
-
-## Config
-
-### effect
-
-Visual effect applied to the view while the view is hovered. Defaults to `HoverEffect.None`
-
-## Callbacks
-
-## Event data
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-### stylusData
-
-```ts
-stylusData: StylusData;
-```
-
-```ts
-interface StylusData {
-  tiltX: number;
-  tiltY: number;
-  azimuthAngle: number;
-  altitudeAngle: number;
-  pressure: number;
-}
-```
-
-Object that contains additional information about `stylus`. It consists of the following fields:
-
-* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
-* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
-* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
-* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
-* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-long-press-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-long-press-gesture.md
deleted file mode 100644
index eb786512cd..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-long-press-gesture.md
+++ /dev/null
@@ -1,67 +0,0 @@
-Gesture that activates when the corresponding view is pressed for a sufficiently long time.
-This gesture will deactivate immediately after the finger is released.
-The gesture will fail to recognize a touch event if the finger is lifted before the [minimum required time](#minduration) or if the finger is moved further than the [allowable distance](#maxdistance).
-
-## Example
-
-## Config
-
-### minDuration
-
-```ts
-minDuration: number | SharedValue<number>;
-```
-
-Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view. The default value is 500.
-
-### maxDistance
-
-```ts
-maxDistance: number | SharedValue<number>;
-```
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture. If the finger travels further than the defined distance and the gesture hasn't yet activated, it will fail to recognize the gesture. The default value is 10.
-
-## Callbacks
-
-## Event data
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
-
-### duration
-
-```ts
-duration: number;
-```
-
-Duration of the long press (time since the start of the gesture), expressed in milliseconds.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-manual-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-manual-gesture.md
deleted file mode 100644
index c3aee2b103..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-manual-gesture.md
+++ /dev/null
@@ -1,161 +0,0 @@
-A plain gesture that has no specific activation criteria nor event data set. Its [state](/docs/under-the-hood/state) has to be controlled manually using a [state manager](/docs/fundamentals/state-manager). It will not fail when all the pointers are lifted from the screen.
-
-> **Tip**
->
-> If you need to modify the activation criteria of gestures other than `Manual`, check their configuration for relevant properties or use [`manualActivation`](/docs/fundamentals/state-manager#manualactivation) to manage their state directly.
-
-## Example
-
-To demonstrate how to make a manual gesture we will make a simple one that tracks all pointers on the screen.
-
-First, we need a way to store information about the pointer: whether it should be visible and its position.
-
-We also need a component to mark where a pointer is. In order to accomplish that we will make a component that accepts two [shared values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value): one holding information about the pointer using the interface we just created, the other holding a bool indicating whether the gesture has activated.
-In this example when the gesture is not active, the ball representing it will be blue and when it is active the ball will be red and slightly bigger.
-
-Now we have to make a component that will handle the gesture and draw all the pointer indicators. We will store data about pointers in an array and render them inside an [`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/your-first-animation#using-an-animated-component).
-
-We have our components set up and we can finally get to making the gesture! We will start with [`onTouchesDown`](/docs/fundamentals/callbacks-events#ontouchesdown) where we need to set position of the pointers and make them visible. We can get this information from the touches property of the event. In this case we will also check how many pointers are on the screen and activate the gesture if there are at least two.
-
-Next, we will handle pointer movement. In [`onTouchesMove`](/docs/fundamentals/callbacks-events#ontouchesmove) we will simply update the position of moved pointers.
-
-We also need to handle lifting fingers from the screen, which corresponds to [`onTouchesUp`](/docs/fundamentals/callbacks-events#ontouchesup). Here we will just hide the pointers that were lifted and end the gesture if there are no more pointers on the screen.
-Note that we are not handling [`onTouchesCancel`](/docs/fundamentals/callbacks-events#ontouchescancel) as in this very basic case we don't expect it to happen, however you should clear data about cancelled pointers (most of the time all active ones) when it is called.
-
-Now that our pointers are being tracked correctly and we have the state management, we can handle activation and ending of the gesture. In our case, we will simply set the active shared value either to `true` or `false`.
-
-Full example code
-
-```tsx
-import { StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  GestureHandlerRootView,
-  GestureStateManager,
-  useManualGesture,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useAnimatedStyle,
-  SharedValue,
-  useSharedValue,
-} from 'react-native-reanimated';
-
-type Pointer = {
-  x: number;
-  y: number;
-  visible: boolean;
-};
-
-type PointerElementProps = {
-  pointer: SharedValue<Pointer>;
-  active: SharedValue<boolean>;
-};
-
-function PointerElement(props: PointerElementProps) {
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [
-      { translateX: props.pointer.value.x },
-      { translateY: props.pointer.value.y },
-      {
-        scale:
-          (props.pointer.value.visible ? 1 : 0) *
-          (props.active.value ? 1.3 : 1),
-      },
-    ],
-    backgroundColor: props.active.value ? 'red' : 'blue',
-  }));
-
-  return <Animated.View style={[styles.pointer, animatedStyle]} />;
-}
-
-export default function Example() {
-  const trackedPointers: SharedValue<Pointer>[] = [];
-  const active = useSharedValue(false);
-
-  for (let i = 0; i < 10; i++) {
-    trackedPointers[i] = useSharedValue<Pointer>({
-      x: 0,
-      y: 0,
-      visible: false,
-    });
-  }
-
-  const gesture = useManualGesture({
-    onTouchesDown: (e) => {
-      for (const touch of e.changedTouches) {
-        trackedPointers[touch.id].value = {
-          x: touch.x,
-          y: touch.y,
-          visible: true,
-        };
-      }
-
-      if (e.numberOfTouches >= 2) {
-        GestureStateManager.activate(e.handlerTag);
-      }
-    },
-    onTouchesMove: (e) => {
-      for (const touch of e.changedTouches) {
-        trackedPointers[touch.id].value = {
-          x: touch.x,
-          y: touch.y,
-          visible: true,
-        };
-      }
-    },
-    onTouchesUp: (e) => {
-      for (const touch of e.changedTouches) {
-        trackedPointers[touch.id].value = {
-          x: touch.x,
-          y: touch.y,
-          visible: false,
-        };
-      }
-
-      if (e.numberOfTouches === 0) {
-        GestureStateManager.deactivate(e.handlerTag);
-      }
-    },
-    onActivate: () => {
-      active.value = true;
-    },
-    onDeactivate: () => {
-      active.value = false;
-    },
-  });
-
-  return (
-    <GestureHandlerRootView>
-      <GestureDetector gesture={gesture}>
-        <Animated.View style={{ flex: 1 }}>
-          {trackedPointers.map((pointer, index) => (
-            <PointerElement pointer={pointer} active={active} key={index} />
-          ))}
-        </Animated.View>
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  pointer: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    backgroundColor: 'red',
-    position: 'absolute',
-    marginStart: -30,
-    marginTop: -30,
-  },
-});
-```
-
-## Modifying existing gestures
-
-While manual gestures open great possibilities we are aware that reimplementing pinch or rotation from scratch just because you need to activate in specific circumstances or require position of the fingers, would be a waste of time as those gestures are already available. Therefore, you can use touch events with every gesture to extract more detailed information about the gesture than what the basic events alone provide. We also added a [`manualActivation`](/docs/fundamentals/state-manager#manualactivation) modifier on all continuous gestures, which prevents the gesture it is applied to from activating automatically, giving you full control over its behavior.
-
-## Config
-
-## Callbacks
-
-## Event data
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-native-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-native-gesture.md
deleted file mode 100644
index 9e8dbb56c8..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-native-gesture.md
+++ /dev/null
@@ -1,47 +0,0 @@
-A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/fundamentals/gesture-composition) with other gestures.
-
-When used, the native component should be the direct child of a [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-> **Danger**
->
-> Do not use `Native` gesture with components exported by React Native Gesture Handler, as they already have it pre-applied. Attaching `Native` gesture twice will result in undefined behavior.
-
-## Example
-
-This example renders a `ScrollView` with multiple colored rectangles, where each rectangle has a black section. Starting a touch on a black section will disable the `ScrollView` for the duration of the [`Pan`](/docs/gestures/use-pan-gesture) gesture.
-
-## Remarks
-
-* `Native` gesture can be used as part of [gesture composition and cross-component interactions](/docs/fundamentals/gesture-composition) just like any other gesture. You can use this to block a native component for the duration of the gesture or to make it work alongside a gesture.
-
-* Due to platform API limitations, the `Native` gesture has restricted functionality on `web`. For instance, it cannot be used to block scrolling on a `ScrollView`.
-
-## Config
-
-### shouldActivateOnStart
-
-```ts
-shouldActivateOnStart: boolean | SharedValue<boolean>;
-```
-
-When `true`, underlying handler will activate unconditionally when it receives any touches.
-
-### disallowInterruption
-
-```ts
-disallowInterruption: boolean | SharedValue<boolean>;
-```
-
-When `true`, cancels all other gesture handlers when activates.
-
-## Callbacks
-
-## Event data
-
-### pointerInside
-
-```ts
-pointerInside: boolean;
-```
-
-`true` if gesture was performed inside of containing view, `false` otherwise.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-pan-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-pan-gesture.md
deleted file mode 100644
index 62e0616a3f..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-pan-gesture.md
+++ /dev/null
@@ -1,217 +0,0 @@
-A continuous gesture that can recognize a panning (dragging) gesture and track its movement.
-
-The gesture activates when a finger is placed on the screen and moved some initial distance.
-
-Configurations such as a minimum initial distance, specific vertical or horizontal pan detection and number of fingers required for activation (allowing for multifinger swipes) may be specified.
-
-Gesture callback can be used for continuous tracking of the pan gesture. It provides information about the gesture such as its XY translation from the starting point as well as its instantaneous velocity.
-
-## Example
-
-## Multi touch pan handling
-
-If your app relies on multi touch pan handling this section provides some information how the default behavior differs between the platform and how (if necessary) it can be unified.
-
-The difference in multi touch pan handling lies in the way how translation properties during the event are being calculated.
-On iOS the default behavior when more than one finger is placed on the screen is to treat this situation as if only one pointer was placed in the center of mass (average position of all the pointers).
-This applies also to many platform native components that handle touch even if not primarily interested in multi touch interactions like for example `UIScrollView` component.
-
-On Android, the default behavior for native components like scroll view, pager views or drawers is different and hence gesture defaults to that when it comes to pan handling.
-The difference is that instead of treating the center of mass of all the fingers placed as a leading pointer it takes the latest placed finger as such.
-This behavior can be changed on Android using [`averageTouches`](#averagetouches-android-only) flag.
-
-Note that on both Android and iOS when the additional finger is placed on the screen that translation prop is not affected even though the position of the pointer being tracked might have changed.
-Therefore it is safe to rely on translation most of the time as it only reflects the movement that happens regardless of how many fingers are placed on the screen and if that number changes over time.
-If you wish to track the "center of mass" virtual pointer and account for its changes when the number of finger changes you can use relative or absolute position provided in the event ([`x`](#x) and [`y`](#y) or [`absoluteX`](#absolutex) and [`absoluteY`](#absolutey)).
-
-## Config
-
-### minDistance
-
-```ts
-minDistance: number | SharedValue<number>;
-```
-
-Minimum distance the finger (or multiple finger) need to travel before the gesture activates. Expressed in points.
-
-### minPointers
-
-```ts
-minPointers: number | SharedValue<number>;
-```
-
-A number of fingers that is required to be placed before gesture can activate. Should be higher or equal to 0.
-
-### maxPointers
-
-```ts
-maxPointers: number | SharedValue<number>;
-```
-
-When the given number of fingers is placed on the screen and gesture hasn't yet activated it will fail recognizing the gesture. Should be higher or equal to 0.
-
-### activateAfterLongPress
-
-```ts
-activateAfterLongPress: number | SharedValue<number>;
-```
-
-Duration in milliseconds of the `LongPress` gesture before `Pan` is allowed to activate. If the finger is moved during that period, the gesture will fail. Should be higher or equal to 0 integer. Default value is 0, meaning no `LongPress` is required to activate the `Pan`.
-
-### activeOffsetX
-
-```ts
-activeOffsetX: number |
-  SharedValue<number> |
-  [number | SharedValue<number>, number | SharedValue<number>];
-```
-
-Range along X axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### activeOffsetY
-
-```ts
-activeOffsetY: number |
-  SharedValue<number> |
-  [number | SharedValue<number>, number | SharedValue<number>];
-```
-
-Range along Y axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### failOffsetY
-
-```ts
-failOffsetY: number |
-  SharedValue<number> |
-  [number | SharedValue<number>, number | SharedValue<number>];
-```
-
-When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### failOffsetX
-
-```ts
-failOffsetX: number |
-  SharedValue<number> |
-  [number | SharedValue<number>, number | SharedValue<number>];
-```
-
-When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### averageTouches
-
-```ts
-averageTouches: boolean | SharedValue<boolean>;
-```
-
-Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
-
-### enableTrackpadTwoFingerGesture
-
-```ts
-enableTrackpadTwoFingerGesture: boolean | SharedValue<boolean>;
-```
-
-Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with enableTrackpadTwoFingerGesture swiping with two fingers will also trigger the gesture.
-
-## Callbacks
-
-## Event data
-
-### translationX
-
-```ts
-translationX: number;
-```
-
-Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
-
-### translationY
-
-```ts
-translationY: number;
-```
-
-Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
-
-### changeX
-
-```ts
-changeX: number;
-```
-
-The horizontal distance moved since the last event frame. This value represents the immediate incremental change in the X axis, rather than the total accumulated distance.
-
-### changeY
-
-```ts
-changeY: number;
-```
-
-The vertical distance moved since the last event frame. This value represents the immediate incremental change in the Y axis, rather than the total accumulated distance.
-
-### velocityX
-
-```ts
-velocityX: number;
-```
-
-Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
-
-### velocityY
-
-```ts
-velocityY: number;
-```
-
-Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-### stylusData
-
-Object that contains additional information about `stylus`. It consists of the following fields:
-
-* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
-* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
-* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
-* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
-* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-pinch-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-pinch-gesture.md
deleted file mode 100644
index 3847963241..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-pinch-gesture.md
+++ /dev/null
@@ -1,60 +0,0 @@
-Gesture that recognizes pinching. It allows for tracking the distance between two fingers and use that information to scale or zoom your content.
-The gesture activates when fingers are placed on the screen and move away from each other or pull closer together. It provides information about [velocity](#velocity), anchor ([focal](#focalx)) point of gesture and [scale](#scale).
-
-The distance between the fingers is reported as a scale factor. At the beginning of the gesture, the scale factor is `1.0`. As the distance between the two fingers increases, the scale factor increases proportionally.
-Similarly, the scale factor decreases as the distance between the fingers decreases.
-
-Pinch gestures are used most commonly to change the size of objects or content onscreen.
-For example, map views use pinch gestures to change the zoom level of the map.
-
-> **Note**
->
-> When implementing pinch based on focal point, make sure to use it after the gesture had activated, i.e. in `onActivate` or `onUpdate` callbacks. Using it in `onBegin` may lead to unexpected behavior.
-
-## Example
-
-## Config
-
-## Callbacks
-
-## Event data
-
-### scale
-
-```ts
-scale: number;
-```
-
-The scale factor relative to the points of the two touches in screen coordinates.
-
-### scaleChange
-
-```ts
-scaleChange: number;
-```
-
-The incremental change in scale since the last event frame. This value represents the ratio of the current scale to the previous scale, rather than the total accumulated scale of the gesture.
-
-### velocity
-
-```ts
-velocity: number;
-```
-
-Velocity of the pan gesture the current moment. The value is expressed in scale factor per second.
-
-### focalX
-
-```ts
-focalX: number;
-```
-
-Position expressed in points along X axis of center anchor point of gesture
-
-### focalY
-
-```ts
-focalY: number;
-```
-
-Position expressed in points along Y axis of center anchor point of gesture
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-rotation-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-rotation-gesture.md
deleted file mode 100644
index 7ef77c81a9..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-rotation-gesture.md
+++ /dev/null
@@ -1,55 +0,0 @@
-Gesture that can recognize rotation and track its movement.
-
-The gesture activates when fingers are placed on the screen and rotate around a common point. It provides information such as the amount [rotated](#rotation), the focal point of the rotation ([anchor](#anchorx)), and its instantaneous [velocity](#velocity).
-
-> **Note**
->
-> When implementing rotation based on `anchor` point, make sure to use it after the gesture had activated, i.e. in `onActivate` or `onUpdate` callbacks. Using it in `onBegin` may lead to unexpected behavior.
-
-## Example
-
-## Config
-
-## Callbacks
-
-## Event data
-
-### rotation
-
-```ts
-rotation: number;
-```
-
-Amount rotated, expressed in radians, from the gesture's focal point (anchor).
-
-### rotationChange
-
-```ts
-rotationChange: number;
-```
-
-The incremental change in rotation since the last event frame. This value represents the difference in radians between the current and previous rotation, rather than the total accumulated rotation of the gesture.
-
-### velocity
-
-```ts
-velocity: number;
-```
-
-Instantaneous velocity, expressed in point units per second, of the gesture.
-
-### anchorX
-
-```ts
-anchorX: number;
-```
-
-X coordinate, expressed in points, of the gesture's central focal point (anchor).
-
-### anchorY
-
-```ts
-anchorY: number;
-```
-
-Y coordinate, expressed in points, of the gesture's central focal point (anchor).
diff --git a/packages/docs-gesture-handler/static/raw/gestures/use-tap-gesture.md b/packages/docs-gesture-handler/static/raw/gestures/use-tap-gesture.md
deleted file mode 100644
index 163a9e7882..0000000000
--- a/packages/docs-gesture-handler/static/raw/gestures/use-tap-gesture.md
+++ /dev/null
@@ -1,104 +0,0 @@
-A discrete gesture that recognizes taps.
-
-Tap gestures detect one or more fingers briefly touching the screen.
-The pointers involved in these gestures must not move significantly from their initial touch positions. This can be changed via configuration.
-The required number of taps and allowed distance from initial position may be configured.
-For example, you might configure tap gesture recognizers to detect single taps, double taps, or triple taps.
-
-In order for a gesture to activate, specified gesture requirements such as [`minPointers`](#minpointers), [`numberOfTaps`](#numberoftaps), [`maxDistance`](#maxdistance), [`maxDuration`](#maxduration), and [`maxDelay`](#maxdelay) must be met.
-
-## Example
-
-## Config
-
-### minPointers
-
-```ts
-minPointers: number | SharedValue<number>;
-```
-
-Minimum number of pointers (fingers) required to be placed before the gesture activates. Should be a positive integer. The default value is 1.
-
-### maxDuration
-
-```ts
-maxDuration: number | SharedValue<number>;
-```
-
-Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch. The default value is 500.
-
-### maxDelay
-
-```ts
-maxDelay: number | SharedValue<number>;
-```
-
-Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required. The default value is 500.
-
-### numberOfTaps
-
-```ts
-numberOfTaps: number | SharedValue<number>;
-```
-
-Number of tap gestures required to activate the gesture. The default value is 1.
-
-### maxDeltaX
-
-```ts
-maxDeltaX: number | SharedValue<number>;
-```
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. If the finger travels further than the defined distance along the X axis and the gesture hasn't yet activated, it will fail to recognize the gesture.
-
-### maxDeltaY
-
-```ts
-maxDeltaY: number | SharedValue<number>;
-```
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. If the finger travels further than the defined distance along the Y axis and the gesture hasn't yet activated, it will fail to recognize the gesture.
-
-### maxDistance
-
-```ts
-maxDistance: number | SharedValue<number>;
-```
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture. If the finger travels further than the defined distance and the gesture hasn't yet activated, it will fail to recognize the gesture.
-
-## Callbacks
-
-## Event data
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step1.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step1.md
deleted file mode 100644
index 18996cbca9..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step1.md
+++ /dev/null
@@ -1,23 +0,0 @@
-```jsx
-import { StyleSheet } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import Animated from 'react-native-reanimated';
-
-export default function Ball() {
-  return (
-    <GestureHandlerRootView>
-      <Animated.View style={styles.ball} />
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  ball: {
-    width: 100,
-    height: 100,
-    borderRadius: 100,
-    backgroundColor: 'blue',
-    alignSelf: 'center',
-  },
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step2.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step2.md
deleted file mode 100644
index 08f4e2f9db..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step2.md
+++ /dev/null
@@ -1,25 +0,0 @@
-```jsx
-import {
-  useAnimatedStyle,
-  useSharedValue,
-  withSpring,
-} from 'react-native-reanimated';
-
-export default function Ball() {
-  const isPressed = useSharedValue(false);
-  const offset = useSharedValue({ x: 0, y: 0 });
-
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: offset.value.x },
-        { translateY: offset.value.y },
-        { scale: withSpring(isPressed.value ? 1.2 : 1) },
-      ],
-      backgroundColor: isPressed.value ? 'yellow' : 'blue',
-    };
-  });
-
-  // ...
-}
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step3.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step3.md
deleted file mode 100644
index f75641e27f..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step3.md
+++ /dev/null
@@ -1,9 +0,0 @@
-```jsx {4}
-// ...
-return (
-  <GestureHandlerRootView>
-    <Animated.View style={[styles.ball, animatedStyles]} />
-  </GestureHandlerRootView>
-);
-// ...
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step4.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step4.md
deleted file mode 100644
index a7260cb8bb..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step4.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```jsx
-import { usePanGesture } from 'react-native-gesture-handler';
-
-function Ball() {
-  // ...
-  const gesture = usePanGesture({
-    onBegin: () => {
-      isPressed.value = true;
-    },
-    onUpdate: (e) => {
-      offset.value = {
-        x: offset.value.x + e.changeX,
-        y: offset.value.y + e.changeY,
-      };
-    },
-    onFinalize: () => {
-      isPressed.value = false;
-    },
-  });
-  // ...
-}
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step5.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step5.md
deleted file mode 100644
index 75107330d2..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/quickstart/_steps/step5.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```jsx {4}
-// ...
-return (
-  <GestureHandlerRootView>
-    <GestureDetector gesture={gesture}>
-      <Animated.View style={[styles.ball, animatedStyles]} />
-    </GestureDetector>
-  </GestureHandlerRootView>
-);
-// ...
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/quickstart/index.md b/packages/docs-gesture-handler/static/raw/guides/quickstart/index.md
deleted file mode 100644
index a3668e13b3..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/quickstart/index.md
+++ /dev/null
@@ -1,78 +0,0 @@
-RNGH3 offers a straightforward way to add gestures to your app. Simply wrap your target view with the [GestureDetector](/docs/fundamentals/gesture-detectors#gesture-detector) component, define your gesture, and pass it in. That’s it!
-
-To see the new API in action, let's build a simple app where you can drag a ball around the screen. To follow along, you'll need both `react-native-gesture-handler` (to handle gestures) and [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/) (to handle the animations).
-
-Start by defining the basic structure of the application:
-
-Next, define the `SharedValues` to track the ball's position and create the animated styles required to position the ball on the screen:
-
-Apply the animated styles to the ball component:
-
-Now, define the Pan gesture logic.
-
-Finally, wrap the component responsible for rendering the ball with a GestureDetector, and attach the Pan gesture to it:
-
-The complete implementation is shown below:
-
-```jsx
-import { StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  GestureHandlerRootView,
-  usePanGesture,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useAnimatedStyle,
-  useSharedValue,
-  withSpring,
-} from 'react-native-reanimated';
-
-export default function Ball() {
-  const isPressed = useSharedValue(false);
-  const offset = useSharedValue({ x: 0, y: 0 });
-
-  const gesture = usePanGesture({
-    onBegin: () => {
-      isPressed.value = true;
-    },
-    onUpdate: (e) => {
-      offset.value = {
-        x: offset.value.x + e.changeX,
-        y: offset.value.y + e.changeY,
-      };
-    },
-    onFinalize: () => {
-      isPressed.value = false;
-    },
-  });
-
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: offset.value.x },
-        { translateY: offset.value.y },
-        { scale: withSpring(isPressed.value ? 1.2 : 1) },
-      ],
-      backgroundColor: isPressed.value ? 'yellow' : 'blue',
-    };
-  });
-
-  return (
-    <GestureHandlerRootView>
-      <GestureDetector gesture={gesture}>
-        <Animated.View style={[styles.ball, animatedStyles]} />
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  ball: {
-    width: 100,
-    height: 100,
-    borderRadius: 100,
-    backgroundColor: 'blue',
-    alignSelf: 'center',
-  },
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/swipe-and-scroll.md b/packages/docs-gesture-handler/static/raw/guides/swipe-and-scroll.md
deleted file mode 100644
index f252a97353..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/swipe-and-scroll.md
+++ /dev/null
@@ -1,7 +0,0 @@
-While we recommend using our own [`ReanimatedSwipeable`](/docs/components/reanimated_swipeable) component, creating your own version of swipeable gives you more control over its behavior. Common issue here is that after creating your own swipeable component, scroll does not work. In that case, try adding [`touchAction`](/docs/fundamentals/gesture-detectors#touchaction-web-only) set to `"pan-y"`, like this:
-
-```jsx
-<GestureDetector gesture={...} ... touchAction="pan-y">
-  ...
-</GestureDetector>
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/testing.md b/packages/docs-gesture-handler/static/raw/guides/testing.md
deleted file mode 100644
index 69220e3cd9..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/testing.md
+++ /dev/null
@@ -1,114 +0,0 @@
-## Mocking native modules
-
-In order to load mocks provided by RNGH add following to your jest config in `package.json`:
-
-```json
-"setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"]
-```
-
-Example:
-
-```json
-"jest": {
-  "preset": "react-native",
-  "setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"]
-}
-```
-
-## Testing Gestures' and Gesture handlers' callbacks
-
-RNGH provides APIs, specifically [`fireGestureHandler`](#firegesturehandler) and [`getByGestureTestId`](#getbygesturetestid), to trigger selected handlers.
-
-### fireGestureHandler
-
-```ts
-fireGestureHandler: (componentOrGesture, eventList) => void;
-```
-
-Simulates one event stream (i.e. event sequence starting with `BEGIN` state and ending
-with one of `END`/`FAIL`/`CANCEL` states), calling appropriate callbacks associated with given gesture handler.
-
-* `componentOrGesture` - Either Gesture Handler component found by `Jest` queries (e.g. `getByTestId`) or Gesture found by [`getByGestureTestId()`](#getbygesturetestidtestid)
-
-* `eventList` - Event data passed to appropriate callback. RNGH fills event list if required
-  data is missing using these rules:
-  * `oldState` is filled using state of the previous event. `BEGIN` events use
-    `UNDETERMINED` value as previous event.
-  * Events after first `ACTIVE` state can omit `state` field.
-  * Handler specific data is filled (e.g. `numberOfTouches`, `x` fields) with
-    defaults.
-  * Missing `BEGIN` and `END` events are added with data copied from first and last
-    passed event, respectively.
-  * If first event doesn't have `state` field, the `ACTIVE` state is assumed.
-
-Some `eventList` examples:
-
-```jsx
-const oldStateFilled = [
-  { state: State.BEGAN },
-  { state: State.ACTIVE },
-  { state: State.END },
-]; // three events with specified state are fired.
-
-const implicitActiveState = [
-  { state: State.BEGAN },
-  { state: State.ACTIVE },
-  { x: 5 },
-  { state: State.END },
-]; // 4 events, including two ACTIVE events (second one has overridden additional data).
-
-const implicitBegin = [
-  { x: 1, y: 11 },
-  { x: 2, y: 12, state: State.FAILED },
-]; // 3 events, including implicit BEGAN, one ACTIVE, and one FAILED event with additional data.
-
-const implicitBeginAndEnd = [
-  { x: 5, y: 15 },
-  { x: 6, y: 16 },
-  { x: 7, y: 17 },
-]; // 5 events, including 3 ACTIVE events and implicit BEGAN and END events. BEGAN uses first event's additional data, END uses last event's additional data.
-
-const allImplicits = []; // 3 events, one BEGIN, one ACTIVE, one END with defaults.
-```
-
-### getByGestureTestId
-
-```tsx
-getByGestureTestId: (testID: string) => Gesture;
-```
-
-Returns opaque data type associated with gesture. Gesture is found via [`testID`](/docs/gestures/use-pan-gesture#testid) attribute in rendered
-components.
-
-> **Warning**
->
-> `testID` must be unique among components rendered in test.
-
-## Example
-
-Extracted from RNGH tests, check [`api_v3.test.tsx`](https://github.com/software-mansion/react-native-gesture-handler/blob/main/packages/react-native-gesture-handler/src/__tests__/api_v3.test.tsx) for full implementation.
-
-```tsx
-test('Pan gesture', () => {
-  const onBegin = jest.fn();
-  const onStart = jest.fn();
-
-  const panGesture = renderHook(() =>
-    usePanGesture({
-      disableReanimated: true,
-      onBegin: (e) => onBegin(e),
-      onActivate: (e) => onStart(e),
-    })
-  ).result.current;
-
-  fireGestureHandler(panGesture, [
-    { oldState: State.UNDETERMINED, state: State.BEGAN },
-    { oldState: State.BEGAN, state: State.ACTIVE },
-    { oldState: State.ACTIVE, state: State.ACTIVE },
-    { oldState: State.ACTIVE, state: State.END },
-  ]);
-
-  expect(onBegin).toHaveBeenCalledTimes(1);
-  expect(onStart).toHaveBeenCalledTimes(1);
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/troubleshooting.md b/packages/docs-gesture-handler/static/raw/guides/troubleshooting.md
deleted file mode 100644
index 64f40d8707..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/troubleshooting.md
+++ /dev/null
@@ -1,73 +0,0 @@
-## Troubleshooting
-
-Thanks for giving this library a try! We are sorry that you might have encountered issues though. Here is how you can seek help:
-
-1. Search over the [issues on Github](https://github.com/software-mansion/react-native-gesture-handler/issues). There is a chance someone had this problem in the past and it has been resolved!
-2. When sure your problem hasn't been reported or was reported but the proposed solution doesn't work for you please follow [our issue reporting guidelines](#reporting-issues).
-3. You can try seeking help on [Software Mansion Discord](https://discord.com/invite/VemJ4df8Yr).
-4. If you feel like reading the source code we highly recommend it, as this is by far the best resource and gives you the most up to date insights into how the library works and what might be causing the bug.
-5. If you managed to find the solution consider [contributing](/docs/#contributing) a fix or update our documentation to make this information easier to find for the others in the future.
-
-## Reporting issues
-
-This library is maintained by a very small team. Please keep this in mind when reporting issues, as we may not be able to respond as quickly as you might expect. We strive to address all problems as soon as possible, but our time is often constrained by other issues, features, or projects. To help us understand and address your issue more promptly, you can assist by:
-
-* Making sure the issue description is complete. Please include all the details about your environment (library version, RN version, device OS etc).
-* It is the best to provide an example app that reproduces the issue you are having. Put it up on [gist](https://gist.github.com/), [snack](https://snack.expo.io) or create a repo on Github – it doesn't matter as long as we can easily pull it in, run and see the issue.
-* Explain how you run your repro app and what steps to take to reproduce the issue.
-* Isolate your issue from other dependencies you might be using and make the repro app as minimal as possible.
-* If you have spent some time figuring out the root cause of the problem you can leave a note about your findings so far.
-* **Do not comment on closed issues**. It is very unlikely that we are going to notice your comment in such a case. If the issue has been closed, but the proposed solution doesn't work for you, please open a new one providing all the information necessary and linking to the solution you have tried.
-
-## It's not a bug, it's a feature
-
-* Changing `enabled` prop during a gesture has no effect, only when a gesture starts (that is a finger touches the screen) the `enabled` prop is taken into consideration to decide whether to extract (or not) the gesture and provide it with stream of events to analyze.
-* `Native` gesture may not conform to the standard state flow due to platform specific workarounds to incorporate native views into RNGH.
-* Keep in mind that [`Touchables`](/docs/components/touchables) from RNGH are rendering two additional views that may need to be styled separately to achieve desired effect (`style` and `containerStyle` props).
-* In order for the [gesture composition](/docs/fundamentals/gesture-composition) to work, all composed gestures must be attached to the same [`GestureHandlerRootView`](/docs/fundamentals/root-view).
-
-## Multiple instances of Gesture Handler were detected
-
-This error usually happens when in your project there exists more than one instance of Gesture Handler. It can occur when some of your dependencies have installed Gesture Handler inside their own `node_modules` instead of using it as a peer dependency. In this case two different versions of Gesture Handler JS module try to install the same Native Module.
-
-You can resolve this problem manually by modifying your `package.json` file. This will depend on the package manager you are using.
-
-You can check which libraries are using Gesture Handler, along with its version, with the command:
-
-```bash
-npm ls react-native-gesture-handler
-```
-
-Then you can decide which version of Gesture Handler to use by adding the [`overrides`](https://docs.npmjs.com/cli/v8/configuring-npm/package-json#overrides) property.
-
-```json
-"overrides": {
-  "react-native-gesture-handler": <Gesture Handler version>
-}
-```
-
-After that you need to run your package manager again:
-
-```bash
-npm install
-```
-
-You can check which libraries are using Gesture Handler, along with its version, with the command:
-
-```bash
-yarn why react-native-gesture-handler
-```
-
-Then you can decide which version of Gesture Handler to use by adding the [`resolutions`](https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/) property.
-
-```json
-"resolutions": {
-  "react-native-gesture-handler": <Gesture Handler version>
-}
-```
-
-After that you need to run your package manager again:
-
-```bash
-yarn
-```
diff --git a/packages/docs-gesture-handler/static/raw/guides/upgrading-to-3.md b/packages/docs-gesture-handler/static/raw/guides/upgrading-to-3.md
deleted file mode 100644
index b218924a36..0000000000
--- a/packages/docs-gesture-handler/static/raw/guides/upgrading-to-3.md
+++ /dev/null
@@ -1,152 +0,0 @@
-## Migrating gestures
-
-The most important change brought by the Gesture Handler 3 is the new hook API. Migration is pretty straightforward. Instead of calling builder methods, everything is passed as a configuration object.
-
-[`ForceTouch`](/docs/2.x/gestures/force-touch-gesture) gesture is not available in hook API.
-
-Full changes
-
-| RNGH2                  | RNGH3                   |
-| ---------------------- | ----------------------- |
-| `Gesture.Pan()`        | `usePanGesture()`       |
-| `Gesture.Tap()`        | `useTapGesture()`       |
-| `Gesture.LongPress()`  | `useLongPressGesture()` |
-| `Gesture.Rotation()`   | `useRotationGesture()`  |
-| `Gesture.Pinch()`      | `usePinchGesture()`     |
-| `Gesture.Fling()`      | `useFlingGesture()`     |
-| `Gesture.Hover()`      | `useHoverGesture()`     |
-| `Gesture.Native()`     | `useNativeGesture()`    |
-| `Gesture.Manual()`     | `useManualGesture()`    |
-| `Gesture.ForceTouch()` | *Not available in hook API* |
-
-### Renamed callbacks
-
-In Gesture Handler 3 some of the callbacks were renamed, namely:
-
-| RNGH2     | RNGH3          |
-| --------- | -------------- |
-| `onStart` | `onActivate`   |
-| `onEnd`   | `onDeactivate` |
-| `onTouchesCancelled`   | `onTouchesCancel` |
-
-Here is comparison of the two APIs:
-
-### onChange
-
-`onChange` callback has been removed, and its functionality has been integrated into `onUpdate`. You can now access `change*` properties in `onUpdate` callback.
-
-### state & oldState
-
-The `state` and `oldState` properties are no longer available in event objects. Tracking state changes can now only be accomplished using the appropriate [callbacks](/docs/fundamentals/callbacks-events).
-
-### Event types
-
-The types of events have been unified for all callbacks. Each event falls into one of two categories: [`GestureEvent`](/docs/fundamentals/callbacks-events#gestureevent) for gesture callbacks, or [`GestureTouchEvent`](/docs/fundamentals/callbacks-events#touchevent) for `TouchEvent` callbacks.
-
-### StateManager
-
-In Gesture Handler 3, `stateManager` is no longer passed to `TouchEvent` callbacks. Instead, you should use the global [`GestureStateManager`](/docs/fundamentals/state-manager).
-
-## Migrating relations
-
-### Composed gestures
-
-Previously, composed gestures were created using `Gesture` object. In Gesture Handler 3, relations are set up using relation hooks.
-
-Full changes are as follows:
-
-| RNGH2                                     | RNGH3                       |
-| ----------------------------------------- | --------------------------- |
-| `Gesture.Race()`                          | `useCompetingGestures()`    |
-| `Gesture.Simultaneous()`                  | `useSimultaneousGestures()` |
-| `Gesture.Exclusive()`                     | `useExclusiveGestures()`    |
-
-### Cross components relations properties
-
-Properties used to define cross-components interactions were renamed.
-
-Full changes are as follows:
-
-| RNGH2                                     | RNGH3                       |
-| ----------------------------------------- | --------------------------- |
-| `gesture.simultaneousWithExternalGesture` | `gesture.simultaneousWith`  |
-| `gesture.requireExternalGestureToFail`    | `gesture.requireToFail`     |
-| `gesture.blocksExternalGesture`           | `gesture.block`             |
-
-## Migrating components relying on view hierarchy
-
-Certain components, such as `SVG`, depend on the view hierarchy to function correctly. In Gesture Handler 3, `GestureDetector` disrupts these hierarchies. To resolve this issue, two new detectors have been introduced: [`InterceptingGestureDetector`](/docs/fundamentals/gesture-detectors#interceptinggesturedetector) and [`VirtualGestureDetector`](/docs/fundamentals/gesture-detectors#virtualgesturedetector).
-
-:::danger Detectors order
-`VirtualGestureDetector` has to be a descendant of `InterceptingGestureDetector`.
-:::
-
-### Migrating SVG
-
-In Gesture Handler 2 it was possible to use `GestureDetector` directly on `SVG`. In Gesture Handler 3, the correct way to interact with `SVG` is to use `InterceptingGestureDetector` and `VirtualGestureDetector`.
-
-## Old components
-
-### Buttons
-
-The implementation of buttons has been updated, resolving most button-related issues. They have also been internally rewritten to utilize the new hook API. The original button components are still accessible but have been renamed with the prefix `Legacy`, e.g., `RectButton` is now available as `LegacyRectButton`.
-
-Although the legacy JS implementation of the buttons is still available, they also use the new host component internally. Because of that, `PureNativeButton` is no longer available in Gesture Handler 3.
-
-Legacy buttons
-
-| RNGH2                 | RNGH3                       |
-| --------------------- | --------------------------- |
-| `RawButton`           | `LegacyRawButton`           |
-| `BaseButton`          | `LegacyBaseButton`          |
-| `RectButton`          | `LegacyRectButton`          |
-| `BorderlessButton`    | `LegacyBorderlessButton`    |
-| `PureNativeButton`    | *Not available in Gesture Handler 3*    |
-
-### Other components
-
-Other components have also been internally rewritten using the new hook API but are exported under their original names, so no changes are necessary on your part. However, if you need to use the previous implementation for any reason, the old components are also available and are prefixed with `Legacy`, e.g., `ScrollView` is now available as `LegacyScrollView`.
-
-Legacy components
-
-| RNGH2                 | RNGH3                       |
-| --------------------- | --------------------------- |
-| `ScrollView`          | `LegacyScrollView`          |
-| `FlatList`            | `LegacyFlatList`            |
-| `RefreshControl`      | `LegacyRefreshControl`      |
-| `Switch`              | `LegacySwitch`              |
-| `TextInput`           | `LegacyTextInput`           |
-| `DrawerLayoutAndroid` | `LegacyDrawerLayoutAndroid` |
-
-### createNativeWrapper
-
-`createNativeWrapper` is deprecated and it is now exported as `legacy_createNativeWrapper`.
-
-## Replaced types
-
-Most of the types, like `TapGesture`, are still present in Gesture Handler 3. However, they are now used in new hook API. Types for old API now have `Legacy` prefix, e.g. `TapGesture` becomes `LegacyTapGesture`.
-
-Legacy types
-
-| RNGH2                   | RNGH3                         |
-| ----------------------- | ----------------------------- |
-| `PanGesture`            | `LegacyPanGesture`            |
-| `TapGesture`            | `LegacyTapGesture`            |
-| `LongPressGesture`      | `LegacyLongPressGesture`      |
-| `RotationGesture`       | `LegacyRotationGesture`       |
-| `PinchGesture`          | `LegacyPinchGesture`          |
-| `FlingGesture`          | `LegacyFlingGesture`          |
-| `HoverGesture`          | `LegacyHoverGesture`          |
-| `NativeGesture`         | `LegacyNativeGesture`         |
-| `ManualGesture`         | `LegacyManualGesture`         |
-| `ForceTouchGesture`     | `LegacyForceTouchGesture`     |
-|                         |                               |
-| `ComposedGesture`       | `LegacyComposedGesture`       |
-| `RaceGesture`           | `LegacyRaceGesture`           |
-| `SimultaneousGesture`   | `LegacySimultaneousGesture`   |
-| `ExclusiveGesture`      | `LegacyExclusiveGesture`      |
-|                         |                               |
-| `RawButtonProps`        | `LegacyRawButtonProps`        |
-| `BaseButtonProps`       | `LegacyBaseButtonProps`       |
-| `RectButtonProps`       | `LegacyRectButtonProps`       |
-| `BorderlessButtonProps` | `LegacyBorderlessButtonProps` |
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-callbacks.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-callbacks.md
deleted file mode 100644
index 60e2af2c48..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-callbacks.md
+++ /dev/null
@@ -1,9 +0,0 @@
-### Callbacks common to all continuous gestures:
-
-### `onUpdate(callback)`
-
-Set the callback that is being called every time the gesture receives an update while it's active.
-
-### `onChange(callback)`
-
-Set the callback that is being called every time the gesture receives an update while it's active. This callback will receive information about change in value in relation to the last received event.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-config.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-config.md
deleted file mode 100644
index f829d626e9..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-continuous-gesture-config.md
+++ /dev/null
@@ -1,5 +0,0 @@
-### Properties common to all continuous gestures:
-
-### `manualActivation(value: boolean)`
-
-When `true` the handler will not activate by itself even if its activation criteria are met. Instead you can manipulate its state using [state manager](/docs/2.x/gestures/state-manager/).
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-callbacks.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-callbacks.md
deleted file mode 100644
index dff985b307..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-callbacks.md
+++ /dev/null
@@ -1,33 +0,0 @@
-### Callbacks common to all gestures:
-
-### `onBegin(callback)`
-
-Set the callback that is being called when given gesture handler starts receiving touches. At the moment of this callback the handler is not yet in an active state and we don't know yet if it will recognize the gesture at all.
-
-### `onStart(callback)`
-
-Set the callback that is being called when the gesture is recognized by the handler and it transitions to the active state.
-
-### `onEnd(callback)`
-
-Set the callback that is being called when the gesture that was recognized by the handler finishes. It will be called only if the handler was previously in the active state.
-
-### `onFinalize(callback)`
-
-Set the callback that is being called when the handler finalizes handling gesture - the gesture was recognized and has finished or it failed to recognize.
-
-### `onTouchesDown(callback)`
-
-Set the `onTouchesDown` callback which is called every time a finger is placed on the screen.
-
-### `onTouchesMove(callback)`
-
-Set the `onTouchesMove` callback which is called every time a finger is moved on the screen.
-
-### `onTouchesUp(callback)`
-
-Set the `onTouchesUp` callback which is called every time a finger is lifted from the screen.
-
-### `onTouchesCancelled(callback)`
-
-Set the `onTouchesCancelled` callback which is called every time a finger stops being tracked, for example when the gesture finishes.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-config.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-config.md
deleted file mode 100644
index 6a39d4cb75..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-config.md
+++ /dev/null
@@ -1,68 +0,0 @@
-### Properties common to all gestures:
-
-### `enabled(value: boolean)`
-
-Indicates whether the given handler should be analyzing stream of touch events or not.
-When set to `false` we can be sure that the handler's state will **never** become [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
-If the value gets updated while the handler already started recognizing a gesture, then the handler's state it will immediately change to [`FAILED`](/docs/2.x/fundamentals/states-events#failed) or [`CANCELLED`](/docs/2.x/fundamentals/states-events#cancelled) (depending on its current state).
-Default value is `true`.
-
-### `shouldCancelWhenOutside(value: boolean)`
-
-When `true` the handler will [cancel](/docs/2.x/fundamentals/states-events#cancelled) or [fail](/docs/2.x/fundamentals/states-events#failed) recognition (depending on its current state) whenever the finger leaves the area of the connected view.
-Default value of this property is different depending on the handler type.
-Most handlers' `shouldCancelWhenOutside` property defaults to `false` except for the [`LongPressGesture`](/docs/2.x/gestures/long-press-gesture) and [`TapGesture`](/docs/2.x/gestures/tap-gesture) which default to `true`.
-
-### `hitSlop(settings)`
-
-This parameter enables control over what part of the connected view area can be used to [begin](/docs/2.x/fundamentals/states-events#began) recognizing the gesture.
-When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
-
-Instead you can pass an object to specify how each boundary side should be reduced by providing different number of points for `left`, `right`, `top` or `bottom` sides.
-You can alternatively provide `horizontal` or `vertical` instead of specifying directly `left`, `right` or `top` and `bottom`.
-Finally, the object can also take `width` and `height` attributes.
-When `width` is set it is only allow to specify one of the sides `right` or `left`.
-Similarly when `height` is provided only `top` or `bottom` can be set.
-Specifying `width` or `height` is useful if we only want the gesture to activate on the edge of the view. In which case for example we can set `left: 0` and `width: 20` which would make it possible for the gesture to be recognize when started no more than 20 points from the left edge.
-
-**IMPORTANT:** Note that this parameter is primarily designed to reduce the area where gesture can activate. Hence it is only supported for all the values (except `width` and `height`) to be non positive (0 or lower). Although on Android it is supported for the values to also be positive and therefore allow to expand beyond view bounds but not further than the parent view bounds. To achieve this effect on both platforms you can use React Native's View [hitSlop](https://reactnative.dev/docs/view.html#hitslop) property.
-
-### `withRef(ref)`
-
-Sets a ref to the gesture object, allowing for interoperability with the old
-API.
-
-### `withTestId(testID)`
-
-Sets a `testID` property for gesture object, allowing for querying for it in tests.
-
-### `cancelsTouchesInView(value)` (**iOS only**)
-
-Accepts a boolean value.
-When `true`, the gesture will cancel touches for native UI components (`UIButton`, `UISwitch`, etc) it's attached to when it becomes [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
-Default value is `true`.
-
-### `runOnJS(value: boolean)`
-
-When `react-native-reanimated` is installed, the callbacks passed to the gestures are automatically workletized and run on the UI thread when called. This option allows for changing this behavior: when `true`, all the callbacks will be run on the JS thread instead of the UI thread, regardless of whether they are worklets or not.
-Defaults to `false`.
-
-### `simultaneousWithExternalGesture(otherGesture1, otherGesture2, ...)`
-
-Adds a gesture that should be recognized simultaneously with this one.
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/2.x/fundamentals/gesture-composition). [`GestureDetector`](/docs/2.x/gestures/gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
-
-### `requireExternalGestureToFail(otherGesture1, otherGesture2, ...)`
-
-Adds a relation requiring another gesture to fail, before this one can activate.
-
-### `blocksExternalGesture(otherGesture1, otherGesture2, ...)`
-
-Adds a relation that makes other gestures wait with activation until this gesture fails (or doesn't start at all).
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/2.x/fundamentals/gesture-composition).[`GestureDetector`](/docs/2.x/gestures/gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
-
-### `activeCursor(value)` (Web only)
-
-This parameter allows to specify which cursor should be used when gesture activates. Supports all CSS cursor values (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-event-data.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-event-data.md
deleted file mode 100644
index 53b7b18936..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/base-gesture-event-data.md
+++ /dev/null
@@ -1,19 +0,0 @@
-### Event attributes common to all gestures:
-
-### `state`
-
-Current [state](/docs/2.x/fundamentals/states-events) of the handler. Expressed as one of the constants exported under `State` object by the library.
-
-### `numberOfPointers`
-
-Represents the number of pointers (fingers) currently placed on the screen.
-
-### `pointerType`
-
-Indicates the type of pointer device in use. This value is represented by the `PointerType` enum, which includes the following fields:
-
-* `TOUCH` - represents finger
-* `STYLUS` - represents stylus or digital pen
-* `MOUSE` - represents computer mouse
-* `KEY` - represents keyboard
-* `OTHER` - represents unknown device type that is not relevant
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/gesture-detector-functional1.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/gesture-detector-functional1.md
deleted file mode 100644
index 2397af9dfa..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/gesture-detector-functional1.md
+++ /dev/null
@@ -1,19 +0,0 @@
-```jsx
-export default function Example() {
-  const tap = Gesture.Tap().onStart(() => {
-    console.log('tap');
-  });
-
-  return (
-    <GestureDetector gesture={tap}>
-      <FunctionalComponent>
-        <View style={styles.box} />
-      </FunctionalComponent>
-    </GestureDetector>
-  );
-}
-
-function FunctionalComponent(props) {
-  return <View collapsable={false}>{props.children}</View>;
-}
-```
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/v2-info.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/v2-info.md
deleted file mode 100644
index 41ee80f2d2..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/_shared/v2-info.md
+++ /dev/null
@@ -1,3 +0,0 @@
-> **Warning**
->
-> Heads up! This page covers the old builder-based API from Gesture Handler 2. We recommend checking out the newer hook-based API from Gesture Handler 3.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/composed-gestures.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/composed-gestures.md
deleted file mode 100644
index c3d1629746..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/composed-gestures.md
+++ /dev/null
@@ -1,21 +0,0 @@
-Composed gestures (`Race`, `Simultaneous`, `Exclusive`) provide a simple way of building relations between gestures. See [Gesture Composition](/docs/2.x/fundamentals/gesture-composition) for more details.
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  const pan = Gesture.Pan();
-  const longPress = Gesture.LongPress();
-
-  // highlight-next-line
-  const composed = Gesture.Race(pan, longPress);
-
-  return (
-    <GestureDetector gesture={composed}>
-      <Animated.View />
-    </GestureDetector>
-  );
-}
-```
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/fling-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/fling-gesture.md
deleted file mode 100644
index aa77bdf843..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/fling-gesture.md
+++ /dev/null
@@ -1,110 +0,0 @@
-A discrete gesture that activates when the movement is sufficiently long and fast.
-Gesture gets [ACTIVE](/docs/2.x/fundamentals/states-events#active) when movement is sufficiently long and it does not take too much time.
-When gesture gets activated it will turn into [END](/docs/2.x/fundamentals/states-events#end) state when finger is released.
-The gesture will fail to recognize if the finger is lifted before being activated.
-
-Fling Gesture
-
-## Example
-
-```jsx
-import { StyleSheet } from 'react-native';
-import {
-  Gesture,
-  GestureDetector,
-  Directions,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-} from 'react-native-reanimated';
-
-export default function App() {
-  const position = useSharedValue(0);
-  // highlight-next-line
-  const flingGesture = Gesture.Fling()
-    .direction(Directions.RIGHT)
-    .onStart((e) => {
-      position.value = withTiming(position.value + 10, { duration: 100 });
-    });
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ translateX: position.value }],
-  }));
-
-  return (
-    <GestureDetector gesture={flingGesture}>
-      <Animated.View style={[styles.box, animatedStyle]} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Config
-
-### Properties specific to `FlingGesture`:
-
-### `direction(value: Directions)`
-
-Expressed allowed direction of movement. Expected values are exported as constants in the `Directions` object. It's possible to pass one or many directions in one parameter:
-
-```js
-import { Directions } from 'react-native-gesture-handler';
-fling.direction(Directions.RIGHT | Directions.LEFT);
-```
-
-or
-
-```js
-fling.direction(Directions.DOWN);
-```
-
-### `numberOfPointers(value: number)`
-
-Determine exact number of points required to handle the fling gesture.
-
-### `mouseButton(value: MouseButton)` (Web & Android only)
-
-Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
-
-* `LEFT`
-* `RIGHT`
-* `MIDDLE`
-* `BUTTON_4`
-* `BUTTON_5`
-* `ALL`
-
-Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `FlingGesture`:
-
-### `x`
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](./gesture-detector.md). Expressed in point units.
-
-### `y`
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](./gesture-detector.md). Expressed in point units.
-
-### `absoluteX`
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/force-touch-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/force-touch-gesture.md
deleted file mode 100644
index bfee9f0bf0..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/force-touch-gesture.md
+++ /dev/null
@@ -1,55 +0,0 @@
-> **Warning**
->
-> ForceTouch gesture is deprecated and will be removed in the future version of Gesture Handler.
-
-A continuous gesture that recognizes force of a touch. It allows for tracking pressure of touch on some iOS devices.
-The gesture [activates](/docs/2.x/fundamentals/states-events#active) when pressure of touch is greater than or equal to `minForce`. It fails if pressure is greater than `maxForce`.
-Gesture callback can be used for continuous tracking of the touch pressure. It provides information for one finger (the first one).
-
-At the beginning of the gesture, the pressure factor is 0.0. As the pressure increases, the pressure factor increases proportionally. The maximum pressure is 1.0.
-
-There's no implementation provided on Android and it simply renders children without any wrappers.
-Since this behaviour is only provided on some iOS devices, this gesture should not be used for defining any crucial behaviors. Use it only as an additional improvement and make all features to be accessed without this gesture as well.
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  // highlight-next-line
-  const forceTouch = Gesture.ForceTouch();
-
-  return (
-    <GestureDetector gesture={forceTouch}>
-      <View />
-    </GestureDetector>
-  );
-}
-```
-
-## Config
-
-### Properties specific to `ForceTouchGesture`:
-
-### `minForce(value: number)`
-
-A minimal pressure that is required before gesture can [activate](/docs/2.x/fundamentals/states-events#active). Should be a value from range `[0.0, 1.0]`. Default is `0.2`.
-
-### `maxForce(value: number)`
-
-A maximal pressure that could be applied for gesture. If the pressure is greater, gesture [fails](/docs/2.x/fundamentals/states-events#failed). Should be a value from range `[0.0, 1.0]`.
-
-### `feedbackOnActivation(value: boolean)`
-
-Value defining if haptic feedback has to be performed on activation.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `ForceTouchGesture`:
-
-### `force`
-
-The pressure of a touch.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-composition.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-composition.md
deleted file mode 100644
index 1324dd513e..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-composition.md
+++ /dev/null
@@ -1,400 +0,0 @@
-Composing gestures is much simpler in RNGH2, you don't need to create a ref for every gesture that depends on another one. Instead you can use `Race`, `Simultaneous` and `Exclusive` methods provided by the `Gesture` object.
-
-## Race
-
-Only one of the provided gestures can become active at the same time. The first gesture to become active will cancel the rest of the gestures. It accepts variable number of arguments.
-It is the equivalent to having more than one gesture handler without defining `simultaneousHandlers` and `waitFor` props.
-
-For example, lets say that you have a component that you want to make draggable but you also want to show additional options on long press. Presumably you would not want the component to move after the long press activates. You can accomplish this using `Race`:
-
-> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
-
-```js
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-} from 'react-native-reanimated';
-
-function App() {
-  const offset = useSharedValue({ x: 0, y: 0 });
-  const start = useSharedValue({ x: 0, y: 0 });
-  const popupPosition = useSharedValue({ x: 0, y: 0 });
-  const popupAlpha = useSharedValue(0);
-
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: offset.value.x },
-        { translateY: offset.value.y },
-      ],
-    };
-  });
-
-  const animatedPopupStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: popupPosition.value.x },
-        { translateY: popupPosition.value.y },
-      ],
-      opacity: popupAlpha.value,
-    };
-  });
-
-  const dragGesture = Gesture.Pan()
-    .onStart((_e) => {
-      popupAlpha.value = withTiming(0);
-    })
-    .onUpdate((e) => {
-      offset.value = {
-        x: e.translationX + start.value.x,
-        y: e.translationY + start.value.y,
-      };
-    })
-    .onEnd(() => {
-      start.value = {
-        x: offset.value.x,
-        y: offset.value.y,
-      };
-    });
-
-  const longPressGesture = Gesture.LongPress().onStart((_event) => {
-    popupPosition.value = { x: offset.value.x, y: offset.value.y };
-    popupAlpha.value = withTiming(1);
-  });
-
-  const composed = Gesture.Race(dragGesture, longPressGesture);
-
-  return (
-    <Animated.View>
-      <Popup style={animatedPopupStyles} />
-      <GestureDetector gesture={composed}>
-        <Component style={animatedStyles} />
-      </GestureDetector>
-    </Animated.View>
-  );
-}
-```
-
-## Simultaneous
-
-All of the provided gestures can activate at the same time. Activation of one will not cancel the other.
-It is the equivalent to having some gesture handlers, each with `simultaneousHandlers` prop set to the other handlers.
-
-For example, if you want to make a gallery app, you might want user to be able to zoom, rotate and pan around photos. You can do it with `Simultaneous`:
-
-> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
-
-```js
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-function App() {
-  const offset = useSharedValue({ x: 0, y: 0 });
-  const start = useSharedValue({ x: 0, y: 0 });
-  const scale = useSharedValue(1);
-  const savedScale = useSharedValue(1);
-  const rotation = useSharedValue(0);
-  const savedRotation = useSharedValue(0);
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: offset.value.x },
-        { translateY: offset.value.y },
-        { scale: scale.value },
-        { rotateZ: `${rotation.value}rad` },
-      ],
-    };
-  });
-
-  const dragGesture = Gesture.Pan()
-    .averageTouches(true)
-    .onUpdate((e) => {
-      offset.value = {
-        x: e.translationX + start.value.x,
-        y: e.translationY + start.value.y,
-      };
-    })
-    .onEnd(() => {
-      start.value = {
-        x: offset.value.x,
-        y: offset.value.y,
-      };
-    });
-
-  const zoomGesture = Gesture.Pinch()
-    .onUpdate((event) => {
-      scale.value = savedScale.value * event.scale;
-    })
-    .onEnd(() => {
-      savedScale.value = scale.value;
-    });
-
-  const rotateGesture = Gesture.Rotation()
-    .onUpdate((event) => {
-      rotation.value = savedRotation.value + event.rotation;
-    })
-    .onEnd(() => {
-      savedRotation.value = rotation.value;
-    });
-
-  const composed = Gesture.Simultaneous(
-    dragGesture,
-    Gesture.Simultaneous(zoomGesture, rotateGesture)
-  );
-
-  return (
-    <Animated.View>
-      <GestureDetector gesture={composed}>
-        <Photo style={animatedStyles} />
-      </GestureDetector>
-    </Animated.View>
-  );
-}
-```
-
-## Exclusive
-
-Only one of the provided gestures can become active, with the first one having a higher priority than the second one (if both gestures are still possible, the second one will wait for the first one to fail before it activates), second one having a higher priority than the third one, and so on.
-It is equivalent to having some gesture handlers where the second one has the `waitFor` prop set to the first handler, third one has the `waitFor` prop set to the first and the second one, and so on.
-
-For example, if you want to make a component that responds to single tap as well as to a double tap, you can accomplish that using `Exclusive`:
-
-> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
-
-```js
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  const singleTap = Gesture.Tap().onEnd((_event, success) => {
-    if (success) {
-      console.log('single tap!');
-    }
-  });
-  const doubleTap = Gesture.Tap()
-    .numberOfTaps(2)
-    .onEnd((_event, success) => {
-      if (success) {
-        console.log('double tap!');
-      }
-    });
-
-  const taps = Gesture.Exclusive(doubleTap, singleTap);
-
-  return (
-    <GestureDetector gesture={taps}>
-      <Component />
-    </GestureDetector>
-  );
-}
-```
-
-# Cross-component interactions
-
-You may have noticed that gesture composition described above requires you to mount all of the composed gestures under a single `GestureDetector`, effectively attaching them to the same underlying component. You can customize how gestures interact with each other across multiple components in a couple of ways:
-
-## requireExternalGestureToFail
-
-`requireExternalGestureToFail` allows to delay activation of the handler until all handlers passed as arguments to this method fail (or don't begin at all).
-
-For example, you may want to have two nested components, both of them can be tapped by the user to trigger different actions: outer view requires one tap, but the inner one requires 2 taps. If you don't want the first tap on the inner view to activate the outer handler, you must make the outer gesture wait until the inner one fails:
-
-```jsx
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  Gesture,
-  GestureHandlerRootView,
-} from 'react-native-gesture-handler';
-
-export default function Example() {
-  const innerTap = Gesture.Tap()
-    .numberOfTaps(2)
-    .onStart(() => {
-      console.log('inner tap');
-    });
-
-  const outerTap = Gesture.Tap()
-    .onStart(() => {
-      console.log('outer tap');
-    })
-    .requireExternalGestureToFail(innerTap);
-
-  return (
-    <GestureHandlerRootView style={styles.container}>
-      <GestureDetector gesture={outerTap}>
-        <View style={styles.outer}>
-          <GestureDetector gesture={innerTap}>
-            <View style={styles.inner} />
-          </GestureDetector>
-        </View>
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  outer: {
-    width: 250,
-    height: 250,
-    backgroundColor: 'lightblue',
-  },
-  inner: {
-    width: 100,
-    height: 100,
-    backgroundColor: 'blue',
-    alignSelf: 'center',
-  },
-});
-```
-
-## blocksExternalGesture
-
-`blocksExternalGesture` works similarly to `requireExternalGestureToFail` but the direction of the relation is reversed - instead of being one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
-
-```jsx
-import React, { useRef } from 'react';
-import { StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  Gesture,
-  GestureHandlerRootView,
-  ScrollView,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-} from 'react-native-reanimated';
-
-const ITEMS = ['red', 'green', 'blue', 'yellow'];
-
-function Item({ backgroundColor, scrollRef }) {
-  const scale = useSharedValue(1);
-  const zIndex = useSharedValue(1);
-
-  const pinch = Gesture.Pinch()
-    .blocksExternalGesture(scrollRef)
-    .onBegin(() => {
-      zIndex.value = 100;
-    })
-    .onChange((e) => {
-      scale.value *= e.scaleChange;
-    })
-    .onFinalize(() => {
-      scale.value = withTiming(1, undefined, (finished) => {
-        if (finished) {
-          zIndex.value = 1;
-        }
-      });
-    });
-
-  const animatedStyles = useAnimatedStyle(() => ({
-    transform: [{ scale: scale.value }],
-    zIndex: zIndex.value,
-  }));
-
-  return (
-    <GestureDetector gesture={pinch}>
-      <Animated.View
-        style={[
-          { backgroundColor: backgroundColor },
-          styles.item,
-          animatedStyles,
-        ]}
-      />
-    </GestureDetector>
-  );
-}
-
-export default function Example() {
-  const scrollRef = useRef();
-
-  return (
-    <GestureHandlerRootView style={styles.container}>
-      <ScrollView style={styles.container} ref={scrollRef}>
-        {ITEMS.map((item) => (
-          <Item backgroundColor={item} key={item} scrollRef={scrollRef} />
-        ))}
-      </ScrollView>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  item: {
-    flex: 1,
-    aspectRatio: 1,
-  },
-});
-```
-
-## simultaneousWithExternalGesture
-
-`simultaneousWithExternalGesture` allows gestures across different components to be recognized simultaneously. For example, you may want to have two nested views, both with tap gesture attached. Both of them require one tap, but tapping the inner one should also activate the gesture attached to the outer view:
-
-```jsx
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  Gesture,
-  GestureHandlerRootView,
-} from 'react-native-gesture-handler';
-
-export default function Example() {
-  const innerTap = Gesture.Tap().onStart(() => {
-    console.log('inner tap');
-  });
-
-  const outerTap = Gesture.Tap()
-    .onStart(() => {
-      console.log('outer tap');
-    })
-    .simultaneousWithExternalGesture(innerTap);
-
-  return (
-    <GestureHandlerRootView style={styles.container}>
-      <GestureDetector gesture={outerTap}>
-        <View style={styles.outer}>
-          <GestureDetector gesture={innerTap}>
-            <View style={styles.inner} />
-          </GestureDetector>
-        </View>
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  outer: {
-    width: 250,
-    height: 250,
-    backgroundColor: 'lightblue',
-  },
-  inner: {
-    width: 100,
-    height: 100,
-    backgroundColor: 'blue',
-    alignSelf: 'center',
-  },
-});
-```
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-detector.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-detector.md
deleted file mode 100644
index b3fc018b72..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture-detector.md
+++ /dev/null
@@ -1,72 +0,0 @@
-`GestureDetector` is the main component of the RNGH2. It is responsible for creating and updating native gesture handlers based on the config of provided gesture. The most significant difference between it and old gesture handlers is that the `GestureDetector` can recognize more than one gesture at the time thanks to gesture composition. Keep in mind that `GestureDetector` is not compatible with the [Animated API](https://reactnative.dev/docs/animated), nor with [Reanimated 1](https://docs.swmansion.com/react-native-reanimated/docs/1.x/).
-
-## Reference
-
-```javascript
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-
-function App() {
-  const tap = Gesture.Tap();
-  return (
-    // highlight-next-line
-    <GestureDetector gesture={tap}>
-      <Animated.View />
-      // highlight-next-line
-    </GestureDetector>
-  );
-}
-```
-
-## Properties
-
-### `gesture`
-
-A gesture object containing the configuration and callbacks. Can be any of the base gestures (`Tap`, `Pan`, `LongPress`, `Fling`, `Pinch`, `Rotation`, `ForceTouch`) or any [`ComposedGesture`](./composed-gestures.md) (`Race`, `Simultaneous`, `Exclusive`).
-
-> **Info**
->
-> GestureDetector will decide whether to use Reanimated to process provided gestures based on callbacks they have. If any of the callbacks is a worklet, tools provided by the Reanimated will be utilized bringing ability to handle gestures synchronously.
->
-> Starting with Reanimated 2.3.0 Gesture Handler will provide a [StateManager](/docs/2.x/gestures/state-manager) in the [touch events](/docs/2.x/gestures/touch-events) that allows for managing the state of the gesture.
-
-### `userSelect` (Web only)
-
-This parameter allows to specify which `userSelect` property should be applied to underlying view. Possible values are `"none" | "auto" | "text"`. Default value is set to `"none"`.
-
-### `touchAction` (Web only)
-
-This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS `touch-action` values (e.g. `"none"`, `"pan-y"`). Default value is set to `"none"`.
-
-### `enableContextMenu(value: boolean)` (Web only)
-
-Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false`.
-
-## Remarks
-
-* Gesture Detector will use first native view in its subtree to recognize gestures, however if this view is used only to group its children it may get automatically [collapsed](https://reactnative.dev/docs/view#collapsable-android). Consider this example:
-
-  If we were to remove the collapsable prop from the View, the gesture would stop working because it would be attached to a view that is not present in the view hierarchy. Gesture Detector adds this prop automatically to its direct child but it's impossible to do automatically for more complex view trees.
-
-* Using the same instance of a gesture across multiple Gesture Detectors is not possible. Have a look at the code below:
-
-  ```jsx
-  export default function Example() {
-    const pan = Gesture.Pan();
-
-    return (
-      <View>
-        <GestureDetector gesture={pan}>
-          <View>
-            <GestureDetector gesture={pan}>
-              {' '}
-              {/* Don't do this! */}
-              <View />
-            </GestureDetector>
-          </View>
-        </GestureDetector>
-      </View>
-    );
-  }
-  ```
-
-  This example will throw an error, becuse we try to use the same instance of `Pan` in two different Gesture Detectors.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture.md
deleted file mode 100644
index 77be93741f..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/gesture.md
+++ /dev/null
@@ -1,90 +0,0 @@
-`Gesture` is the object that allows you to create and compose gestures.
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  // highlight-next-line
-  const tap = Gesture.Tap();
-
-  return (
-    <GestureDetector gesture={tap}>
-      <Animated.View />
-    </GestureDetector>
-  );
-}
-```
-
-### Gesture.Tap()
-
-Creates a new instance of [`TapGesture`](/docs/2.x/gestures/tap-gesture) with its default config and no callbacks.
-
-### Gesture.Pan()
-
-Creates a new instance of [`PanGesture`](/docs/2.x/gestures/pan-gesture) with its default config and no callbacks.
-
-### Gesture.LongPress()
-
-Creates a new instance of [`LongPressGesture`](/docs/2.x/gestures/long-press-gesture) with its default config and no callbacks.
-
-### Gesture.Fling()
-
-Creates a new instance of [`FlingGesture`](/docs/2.x/gestures/fling-gesture) with its default config and no callbacks.
-
-### Gesture.Pinch()
-
-Creates a new instance of [`PinchGesture`](/docs/2.x/gestures/pinch-gesture) with its default config and no callbacks.
-
-### Gesture.Rotation()
-
-Creates a new instance of [`RotationGesture`](/docs/2.x/gestures/rotation-gesture) with its default config and no callbacks.
-
-### Gesture.Hover()
-
-Creates a new instance of [`HoverGesture`](/docs/2.x/gestures/hover-gesture) with its default config and no callbacks.
-
-### Gesture.ForceTouch()
-
-Creates a new instance of [`ForceTouchGesture`](/docs/2.x/gestures/force-touch-gesture) with its default config and no callbacks.
-
-### Gesture.Manual()
-
-Creates a new instance of [`ManualGesture`](/docs/2.x/gestures/manual-gesture) with its default config and no callbacks.
-
-### Gesture.Native()
-
-Creates a new instance of [`NativeGesture`](/docs/2.x/gestures/native-gesture) with its default config and no callbacks.
-
-### Gesture.Race(gesture1, gesture2, gesture3, ...): ComposedGesture
-
-Creates a gesture composed of those provided as arguments. Only one of those can become active and there are no restrictions to the activation of the gesture. The first one to activate will cancel all the others.
-
-### Gesture.Simultaneous(gesture1, gesture2, gesture3, ...): ComposedGesture
-
-Creates a gesture composed of those provided as arguments. All of them can become active without cancelling the others.
-
-### Gesture.Exclusive(gesture1, gesture2, gesture3, ...): ComposedGesture
-
-Creates a gesture composed of those provided as arguments. Only one of them can become active, but the first one has a higher priority than the second one, the second one has a higher priority than the third one, and so on. When all gestures are in the `BEGAN` state and the activation criteria for the second one is met, instead of activating it will wait until the first one fails (and only then it will activate) or until the first one activates (and then the second one will get cancelled). It is useful when you want to compose gestures with similar activation criteria (e.g. single and double tap at the same component, without Exclusive the single tap would activate every time user taps thus cancelling the double tap).
-
-## Remarks
-
-* Consider wrapping your gesture configurations with `useMemo`, as it will reduce the amount of work Gesture Handler has to do under the hood when updating gestures. For example:
-
-```jsx
-import React from 'react';
-
-function App() {
-  const gesture = React.useMemo(
-    () =>
-      Gesture.Tap().onStart(() => {
-        console.log('Number of taps:', tapNumber + 1);
-        setTapNumber((value) => value + 1);
-      }),
-    [tapNumber, setTapNumber]
-  );
-  // ...
-}
-```
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/hover-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/hover-gesture.md
deleted file mode 100644
index d6db143eee..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/hover-gesture.md
+++ /dev/null
@@ -1,76 +0,0 @@
-A continuous gesture that can recognize hovering above the view it's attached to. The hover effect may be activated by moving a mouse or a stylus over the view.
-
-On iOS additional visual effects may be configured.
-
-Hover Gesture
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  // highlight-next-line
-  const hover = Gesture.Hover();
-
-  return (
-    <GestureDetector gesture={hover}>
-      <View />
-    </GestureDetector>
-  );
-}
-```
-
-## Remarks
-
-* Don't rely on `Hover` gesture to continue after the mouse button is clicked or the stylus touches the screen. If you want to handle both cases, [compose](/docs/2.x/fundamentals/gesture-composition) it with [`Pan` gesture](/docs/2.x/gestures/pan-gesture).
-
-## Config
-
-### Properties specific to `HoverGesture`:
-
-### `effect(effect: HoverEffect)` (iOS only)
-
-```js
-import { HoverEffect } from 'react-native-gesture-handler';
-```
-
-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`
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `HoverGesture`:
-
-### `x`
-
-X coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `y`
-
-Y coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `absoluteX`
-
-X coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-### `stylusData`
-
-Object that contains additional information about `stylus`. It consists of the following fields:
-
-* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
-* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
-* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
-* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
-* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/long-press-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/long-press-gesture.md
deleted file mode 100644
index 98ba23743f..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/long-press-gesture.md
+++ /dev/null
@@ -1,88 +0,0 @@
-A discrete gesture that activates when the corresponding view is pressed for a sufficiently long time.
-This gesture's state will turn into [END](/docs/2.x/fundamentals/states-events#end) immediately after the finger is released.
-The gesture will fail to recognize a touch event if the finger is lifted before the [minimum required time](/docs/2.x/gestures/long-press-gesture#mindurationvalue-number) or if the finger is moved further than the [allowable distance](/docs/2.x/gestures/long-press-gesture#maxdistancevalue-number).
-
-Long Press Gesture
-
-## Example
-
-```jsx
-import { View, StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-
-export default function App() {
-  // highlight-next-line
-  const longPressGesture = Gesture.LongPress().onEnd((e, success) => {
-    if (success) {
-      console.log(`Long pressed for ${e.duration} ms!`);
-    }
-  });
-
-  return (
-    <GestureDetector gesture={longPressGesture}>
-      <View style={styles.box} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Config
-
-### Properties specific to `LongPressGesture`:
-
-### `minDuration(value: number)`
-
-Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view. The default value is 500.
-
-### `maxDistance(value: number)`
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture. If the finger travels further than the defined distance and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture. The default value is 10.
-
-### `mouseButton(value: MouseButton)` (Web & Android only)
-
-Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
-
-* `LEFT`
-* `RIGHT`
-* `MIDDLE`
-* `BUTTON_4`
-* `BUTTON_5`
-* `ALL`
-
-Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `LongPressGesture`:
-
-### `x`
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
-
-### `y`
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
-
-### `absoluteX`
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
-
-### `duration`
-
-Duration of the long press (time since the start of the gesture), expressed in milliseconds.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/manual-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/manual-gesture.md
deleted file mode 100644
index 003d5ff507..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/manual-gesture.md
+++ /dev/null
@@ -1,24 +0,0 @@
-A plain gesture that has no specific activation criteria nor event data set. Its state has to be controlled manually using a [state manager](/docs/2.x/gestures/state-manager). It will not fail when all the pointers are lifted from the screen.
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  // highlight-next-line
-  const manual = Gesture.Manual();
-
-  return (
-    <GestureDetector gesture={manual}>
-      <Animated.View />
-    </GestureDetector>
-  );
-}
-```
-
-## Config
-
-## Callbacks
-
-## Event data
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/native-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/native-gesture.md
deleted file mode 100644
index 183194b4db..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/native-gesture.md
+++ /dev/null
@@ -1,81 +0,0 @@
-A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/2.x/fundamentals/gesture-composition) with other gestures.
-
-When used, the native component should be the direct child of a `GestureDetector`.
-
-## Example
-
-This example renders a `ScrollView` with multiple colored rectangles, where each rectangle has a black section. Starting a touch on a black section will disable the `ScrollView` for the duration of the `Pan` gesture.
-
-```jsx
-import { View, ScrollView } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-
-const COLORS = ['red', 'green', 'blue', 'purple', 'orange', 'cyan'];
-
-export default function App() {
-  // highlight-next-line
-  const native = Gesture.Native();
-
-  return (
-    <GestureDetector gesture={native}>
-      <ScrollView style={{ flex: 1 }}>
-        <ScrollableContent scrollGesture={native} />
-      </ScrollView>
-    </GestureDetector>
-  );
-}
-
-function ScrollableContent({ scrollGesture }) {
-  return (
-    <View>
-      {COLORS.map((color) => (
-        <Rectangle key={color} color={color} scrollGesture={scrollGesture} />
-      ))}
-    </View>
-  );
-}
-
-function Rectangle({ color, scrollGesture }) {
-  const pan = Gesture.Pan().blocksExternalGesture(scrollGesture);
-
-  return (
-    <View
-      key={color}
-      style={{ width: '100%', height: 250, backgroundColor: color }}>
-      <GestureDetector gesture={pan}>
-        <View style={{ width: '100%', height: 50, backgroundColor: 'black' }} />
-      </GestureDetector>
-    </View>
-  );
-}
-```
-
-## Remarks
-
-* `Native` gesture can be used as part of [gesture composition and cross-component interactions](/docs/2.x/fundamentals/gesture-composition) just like any other gesture. You can use this to block a native component for the duration of the gesture or to make it work alongside a gesture.
-
-> **Danger**
->
-> Do not use `Native` gesture with components exported by React Native Gesture Handler. Those come with a native gesture handler preapplied. Attaching a native gesture twice will likely result in the components not working as intended.
-
-## Config
-
-### Properties specific to `NativeGesture`:
-
-### `shouldActivateOnStart(value: boolean)` (**Android only**)
-
-When `true`, underlying handler will activate unconditionally when it receives any touches in [`BEGAN`](/docs/2.x/fundamentals/states-events#began) or [`UNDETERMINED`](/docs/2.x/fundamentals/states-events#undetermined) state.
-
-### `disallowInterruption(value: boolean)`
-
-When `true`, cancels all other gesture handlers when this `NativeViewGestureHandler` changes its state to [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `NativeGesture`:
-
-### `pointerInside`
-
-True if gesture was performed inside of containing view, false otherwise.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/pan-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/pan-gesture.md
deleted file mode 100644
index b733161650..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/pan-gesture.md
+++ /dev/null
@@ -1,197 +0,0 @@
-A continuous gesture that can recognize a panning (dragging) gesture and track its movement.
-
-The gesture [activates](/docs/2.x/fundamentals/states-events#active) when a finger is placed on the screen and moved some initial distance.
-
-Configurations such as a minimum initial distance, specific vertical or horizontal pan detection and [number of fingers](/docs/2.x/gestures/pan-gesture#minpointersvalue-number) required for activation (allowing for multifinger swipes) may be specified.
-
-Gesture callback can be used for continuous tracking of the pan gesture. It provides information about the gesture such as its XY translation from the starting point as well as its instantaneous velocity.
-
-Pan Gesture
-
-## Example
-
-```jsx
-import { StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  withTiming,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-const END_POSITION = 200;
-
-export default function App() {
-  const onLeft = useSharedValue(true);
-  const position = useSharedValue(0);
-
-  // highlight-next-line
-  const panGesture = Gesture.Pan()
-    .onUpdate((e) => {
-      if (onLeft.value) {
-        position.value = e.translationX;
-      } else {
-        position.value = END_POSITION + e.translationX;
-      }
-    })
-    .onEnd((e) => {
-      if (position.value > END_POSITION / 2) {
-        position.value = withTiming(END_POSITION, { duration: 100 });
-        onLeft.value = false;
-      } else {
-        position.value = withTiming(0, { duration: 100 });
-        onLeft.value = true;
-      }
-    });
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ translateX: position.value }],
-  }));
-
-  return (
-    // highlight-next-line
-    <GestureDetector gesture={panGesture}>
-      <Animated.View style={[styles.box, animatedStyle]} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Multi touch pan handling
-
-If your app relies on multi touch pan handling this section provides some information how the default behavior differs between the platform and how (if necessary) it can be unified.
-
-The difference in multi touch pan handling lies in the way how translation properties during the event are being calculated.
-On iOS the default behavior when more than one finger is placed on the screen is to treat this situation as if only one pointer was placed in the center of mass (average position of all the pointers).
-This applies also to many platform native components that handle touch even if not primarily interested in multi touch interactions like for example UIScrollView component.
-
-On Android, the default behavior for native components like scroll view, pager views or drawers is different and hence gesture defaults to that when it comes to pan handling.
-The difference is that instead of treating the center of mass of all the fingers placed as a leading pointer it takes the latest placed finger as such.
-This behavior can be changed on Android using [`averageTouches`](#averagetouchesvalue-boolean-android-only) flag.
-
-Note that on both Android and iOS when the additional finger is placed on the screen that translation prop is not affected even though the position of the pointer being tracked might have changed.
-Therefore it is safe to rely on translation most of the time as it only reflects the movement that happens regardless of how many fingers are placed on the screen and if that number changes over time.
-If you wish to track the "center of mass" virtual pointer and account for its changes when the number of finger changes you can use relative or absolute position provided in the event ([`x`](#x) and [`y`](#y) or [`absoluteX`](#absolutex) and [`absoluteY`](#absolutey)).
-
-## Config
-
-### Properties specific to `PanGesture`:
-
-### `minDistance(value: number)`
-
-Minimum distance the finger (or multiple finger) need to travel before the gesture [activates](/docs/2.x/fundamentals/states-events#active). Expressed in points.
-
-### `minPointers(value: number)`
-
-A number of fingers that is required to be placed before gesture can [activate](/docs/2.x/fundamentals/states-events#active). Should be a higher or equal to 0 integer.
-
-### `maxPointers(value: number)`
-
-When the given number of fingers is placed on the screen and gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active) it will fail recognizing the gesture. Should be a higher or equal to 0 integer.
-
-### `activateAfterLongPress(duration: number)`
-
-Duration in milliseconds of the `LongPress` gesture before `Pan` is allowed to [activate](/docs/2.x/fundamentals/states-events#active). If the finger is moved during that period, the gesture will [fail](/docs/2.x/fundamentals/states-events#failed). Should be a higher or equal to 0 integer. Default value is 0, meaning no `LongPress` is required to [activate](/docs/2.x/fundamentals/states-events#active) the `Pan`.
-
-### `activeOffsetX(value: number | number[])`
-
-Range along X axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### `activeOffsetY(value: number | number[])`
-
-Range along Y axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### `failOffsetY(value: number | number[])`
-
-When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### `failOffsetX(value: number | number[])`
-
-When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### `averageTouches(value: boolean)` (Android only)
-
-Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
-
-### `enableTrackpadTwoFingerGesture(value: boolean)` (iOS only)
-
-Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with enableTrackpadTwoFingerGesture swiping with two fingers will also trigger the gesture.
-
-### `mouseButton(value: MouseButton)` (Web & Android only)
-
-Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
-
-* `LEFT`
-* `RIGHT`
-* `MIDDLE`
-* `BUTTON_4`
-* `BUTTON_5`
-* `ALL`
-
-Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `PanGesture`:
-
-### `translationX`
-
-Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
-
-### `translationY`
-
-Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
-
-### `velocityX`
-
-Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
-
-### `velocityY`
-
-Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
-
-### `x`
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `y`
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `absoluteX`
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-### `stylusData`
-
-Object that contains additional information about `stylus`. It consists of the following fields:
-
-* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
-* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
-* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
-* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
-* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/pinch-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/pinch-gesture.md
deleted file mode 100644
index 7fa1b35dd3..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/pinch-gesture.md
+++ /dev/null
@@ -1,83 +0,0 @@
-A continuous gesture that recognizes pinch gesture. It allows for tracking the distance between two fingers and use that information to scale or zoom your content.
-The gesture [activates](/docs/2.x/fundamentals/states-events#active) when fingers are placed on the screen and change their position.
-Gesture callback can be used for continuous tracking of the pinch gesture. It provides information about velocity, anchor (focal) point of gesture and scale.
-
-The distance between the fingers is reported as a scale factor. At the beginning of the gesture, the scale factor is 1.0. As the distance between the two fingers increases, the scale factor increases proportionally.
-Similarly, the scale factor decreases as the distance between the fingers decreases.
-Pinch gestures are used most commonly to change the size of objects or content onscreen.
-For example, map views use pinch gestures to change the zoom level of the map.
-
-Pinch Gesture
-
-## Example
-
-```jsx
-import { StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-export default function App() {
-  const scale = useSharedValue(1);
-  const savedScale = useSharedValue(1);
-
-  // highlight-next-line
-  const pinchGesture = Gesture.Pinch()
-    .onUpdate((e) => {
-      scale.value = savedScale.value * e.scale;
-    })
-    .onEnd(() => {
-      savedScale.value = scale.value;
-    });
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ scale: scale.value }],
-  }));
-
-  return (
-    <GestureDetector gesture={pinchGesture}>
-      <Animated.View style={[styles.box, animatedStyle]} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Remarks
-
-* When implementing pinch based on `focal` point, make sure to use it after gesture has activated, i.e. in `onStart`, `onUpdate` or `onChange` callbacks. Using it in `onBegan` may lead to unexpected behavior.
-
-## Config
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `PinchGesture`:
-
-### `scale`
-
-The scale factor relative to the points of the two touches in screen coordinates.
-
-### `velocity`
-
-Velocity of the pan gesture the current moment. The value is expressed in scale factor per second.
-
-### `focalX`
-
-Position expressed in points along X axis of center anchor point of gesture
-
-### `focalY`
-
-Position expressed in points along Y axis of center anchor point of gesture
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/rotation-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/rotation-gesture.md
deleted file mode 100644
index 8b6f3d97b5..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/rotation-gesture.md
+++ /dev/null
@@ -1,80 +0,0 @@
-A continuous gesture that can recognize a rotation gesture and track its movement.
-
-The gesture [activates](/docs/2.x/fundamentals/states-events#active) when fingers are placed on the screen and change position in a proper way.
-
-Gesture callback can be used for continuous tracking of the rotation gesture. It provides information about the gesture such as the amount rotated, the focal point of the rotation (anchor), and its instantaneous velocity.
-
-Rotation Gesture
-
-## Example
-
-```jsx
-import { StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-export default function App() {
-  const rotation = useSharedValue(1);
-  const savedRotation = useSharedValue(1);
-
-  // highlight-next-line
-  const rotationGesture = Gesture.Rotation()
-    .onUpdate((e) => {
-      rotation.value = savedRotation.value + e.rotation;
-    })
-    .onEnd(() => {
-      savedRotation.value = rotation.value;
-    });
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ rotateZ: `${(rotation.value / Math.PI) * 180}deg` }],
-  }));
-
-  return (
-    <GestureDetector gesture={rotationGesture}>
-      <Animated.View style={[styles.box, animatedStyle]} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Remarks
-
-* When implementing rotation based on `anchor` point, make sure to use it after gesture has activated, i.e. in `onStart`, `onUpdate` or `onChange` callbacks. Using it in `onBegan` may lead to unexpected behavior.
-
-## Config
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `RotationGesture`:
-
-### `rotation`
-
-Amount rotated, expressed in radians, from the gesture's focal point (anchor).
-
-### `velocity`
-
-Instantaneous velocity, expressed in point units per second, of the gesture.
-
-### `anchorX`
-
-X coordinate, expressed in points, of the gesture's central focal point (anchor).
-
-### `anchorY`
-
-Y coordinate, expressed in points, of the gesture's central focal point (anchor).
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/state-manager.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/state-manager.md
deleted file mode 100644
index dd4ac72148..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/state-manager.md
+++ /dev/null
@@ -1,20 +0,0 @@
-`GestureStateManager` allows to manually control the state of the gestures. Please note that `react-native-reanimated` is required to use it, since it allows for synchronously executing methods in worklets.
-
-## Methods
-
-### `begin()`
-
-Transition the gesture to the [`BEGAN`](/docs/2.x/fundamentals/states-events#began) state. This method will have no effect if the gesture has already activated or finished.
-
-### `activate()`
-
-Transition the gesture to the [`ACTIVE`](/docs/2.x/fundamentals/states-events#active) state. This method will have no effect if the handler is already active, or has finished.
-If the gesture is [`exclusive`](/docs/2.x/fundamentals/gesture-composition) with another one, the activation will be delayed until the gesture with higher priority fails.
-
-### `end()`
-
-Transition the gesture to the [`END`](/docs/2.x/fundamentals/states-events#end) state. This method will have no effect if the handler has already finished.
-
-### `fail()`
-
-Transition the gesture to the [`FAILED`](/docs/2.x/fundamentals/states-events#failed) state. This method will have no effect if the handler has already finished.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/tap-gesture.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/tap-gesture.md
deleted file mode 100644
index d905fc00fb..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/tap-gesture.md
+++ /dev/null
@@ -1,117 +0,0 @@
-A discrete gesture that recognizes one or many taps.
-
-Tap gestures detect one or more fingers briefly touching the screen.
-The fingers involved in these gestures must not move significantly from their initial touch positions.
-The required number of taps and allowed distance from initial position may be configured.
-For example, you might configure tap gesture recognizers to detect single taps, double taps, or triple taps.
-
-In order for a gesture to [activate](/docs/2.x/fundamentals/states-events#active), specified gesture requirements such as minPointers, numberOfTaps, maxDist, maxDuration, and maxDelayMs (explained below) must be met. Immediately after the gesture [activates](/docs/2.x/fundamentals/states-events#active), it will [end](/docs/2.x/fundamentals/states-events#end).
-
-Tap Gesture
-
-## Example
-
-```jsx
-import { View, StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-
-export default function App() {
-  // highlight-next-line
-  const singleTap = Gesture.Tap()
-    .maxDuration(250)
-    .onStart(() => {
-      console.log('Single tap!');
-    });
-
-  // highlight-next-line
-  const doubleTap = Gesture.Tap()
-    .maxDuration(250)
-    .numberOfTaps(2)
-    .onStart(() => {
-      console.log('Double tap!');
-    });
-
-  return (
-    <GestureDetector gesture={Gesture.Exclusive(doubleTap, singleTap)}>
-      <View style={styles.box} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Config
-
-### Properties specific to `TapGesture`:
-
-### `minPointers(value: number)`
-
-Minimum number of pointers (fingers) required to be placed before the gesture [activates](/docs/2.x/fundamentals/states-events#active). Should be a positive integer. The default value is 1.
-
-### `maxDuration(value: number)`
-
-Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch. The default value is 500.
-
-### `maxDelay(value: number)`
-
-Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required. The default value is 500.
-
-### `numberOfTaps(value: number)`
-
-Number of tap gestures required to [activate](/docs/2.x/fundamentals/states-events#active) the gesture. The default value is 1.
-
-### `maxDeltaX(value: number)`
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. If the finger travels further than the defined distance along the X axis and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
-
-### `maxDeltaY(value: number)`
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. If the finger travels further than the defined distance along the Y axis and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
-
-### `maxDistance(value: number)`
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture. If the finger travels further than the defined distance and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
-
-### `mouseButton(value: MouseButton)` (Web & Android only)
-
-Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
-
-* `LEFT`
-* `RIGHT`
-* `MIDDLE`
-* `BUTTON_4`
-* `BUTTON_5`
-* `ALL`
-
-Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `TapGesture`:
-
-### `x`
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
-
-### `y`
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
-
-### `absoluteX`
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/legacy-gestures/touch-events.md b/packages/docs-gesture-handler/static/raw/legacy-gestures/touch-events.md
deleted file mode 100644
index 06a6834c74..0000000000
--- a/packages/docs-gesture-handler/static/raw/legacy-gestures/touch-events.md
+++ /dev/null
@@ -1,43 +0,0 @@
-### Touch event attributes:
-
-### `eventType`
-
-Type of the current event - whether the finger was placed on the screen, moved, lifted or cancelled.
-
-### `changedTouches`
-
-An array of objects where every object represents a single touch. Contains information only about the touches that were affected by the event i.e. those that were placed down, moved, lifted or cancelled.
-
-### `allTouches`
-
-An array of objects where every object represents a single touch. Contains information about all active touches.
-
-### `numberOfTouches`
-
-Number representing the count of currently active touches.
-
-> **Caution**
->
-> Don't rely on the order of items in the `touches` as it may change during the gesture, instead use the `id` attribute to track individual touches across events.
-
-### PointerData attributes:
-
-### `id`
-
-A number representing id of the touch. It may be used to track the touch between events as the id will not change while it is being tracked.
-
-### `x`
-
-X coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `y`
-
-Y coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `absoluteX`
-
-X coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
diff --git a/packages/docs-gesture-handler/static/raw/under-the-hood/how-does-it-work.md b/packages/docs-gesture-handler/static/raw/under-the-hood/how-does-it-work.md
deleted file mode 100644
index e1c34a8bc4..0000000000
--- a/packages/docs-gesture-handler/static/raw/under-the-hood/how-does-it-work.md
+++ /dev/null
@@ -1,16 +0,0 @@
-### Units
-
-All handler component properties and event attributes that represent onscreen dimensions are expressed in screen density independent units we refer to as "points".
-These are the units commonly used in React Native ecosystem (e.g. in the [layout system](http://reactnative.dev/docs/flexbox.html)).
-They do not map directly to physical pixels but instead to [iOS's points](https://developer.apple.com/library/content/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html#//apple_ref/doc/uid/TP40010156-CH14-SW7) and to [dp](https://developer.android.com/guide/topics/resources/more-resources#Dimension) units on Android.
-
-## iOS
-
-All gestures are implemented using [UIGestureRecognizers](https://developer.apple.com/documentation/uikit/uigesturerecognizer?language=objc). Some of them have been slightly modified to allow for more customization and to conform to the [state flow](/docs/fundamentals/callbacks-events) of RNGH. When you assign a gesture configuration to the [`GestureDetector`](/docs/fundamentals/gesture-detectors), it creates all the required recognizers and assigns them to the child view of the detector. From this point most of the heavy lifting is handled by the [UIKit](https://developer.apple.com/documentation/uikit?language=objc) (with our help to correctly implement interactions between gestures).
-
-## Android
-
-Unfortunately, Android doesn't provide an easy way of handling gestures hence most of them were implemented from scratch, including a system for managing how the gestures should interact with each other. Here's a quick overview of how it works:
-When you wrap a component with [`GestureHandlerRootView`](/docs/fundamentals/root-view) it allows for the RNGH to intercept all touch events on that component and process them, deciding whether they should be handled by one of the gesture handlers or passed to the underlying view. Gesture handlers are created right at the moment you declare them in order to initialize all of the necessary handlers natively. Every `GestureHandlerRootView` also has a specific handler to decide whether to pass the touch events or to consume them. It can never activate, only begin, end or be cancelled. When this handler is in the `UNDETERMINED` [state](/docs/under-the-hood/state) it means that there is no touch in progress, however when the touch starts it transitions to the `BEGAN` state. As long as it stays in that state, no touch event is consumed, but as soon as it gets cancelled (meaning that some handler has activated) all incoming touch events get consumed, preventing underlying view from receiving them.
-
-When a pointer touches the screen the view tree is traversed in order to extract all handlers attached to the views below the finger (including the one attached to the `GestureHandlerRootView`) and all extracted handlers transition to the `BEGAN` state, signalling that the gesture may have began. The touch events continue to be delivered to all extracted handlers until one of them recognizes the gesture and tries to activate. At this point the orchestrator checks whether this gesture should wait for any other of the extracted gestures to fail. If it does, it's put to the waiting list, if it doesn't, it gets activated and all other gestures (that are not simultaneous with it) get cancelled. When a gesture handlers transitions to a finished state (the gesture recognized by it stops, fails or gets cancelled) the orchestrator checks the waiting handlers. Every one of them that waited for the gesture that just failed tries to activate again (and again the orchestrator checks if it should wait for any of the extracted gestures...).
diff --git a/packages/docs-gesture-handler/static/raw/under-the-hood/state.md b/packages/docs-gesture-handler/static/raw/under-the-hood/state.md
deleted file mode 100644
index 52d6575908..0000000000
--- a/packages/docs-gesture-handler/static/raw/under-the-hood/state.md
+++ /dev/null
@@ -1,13 +0,0 @@
-Gesture handlers can be treated as ["state machines"](https://en.wikipedia.org/wiki/Finite-state_machine).
-At any given time, each handler instance has an assigned state that can change when new touch events occur or can be forced to change by the touch system in certain circumstances.
-
-States manage the internal recognition process. You can hook into these transitions using specific gesture callbacks.
-
-| State              | Description                                                                              | Callback                                                                                                                                                                                                                                                                           |
-| :----------------- | :--------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **`UNDETERMINED`** | The default initial state of every handler.                                              | —                                                                                                                                                                                                                                                                                  |
-| **`BEGAN`**        | The handler has started receiving touch data but hasn't yet met the activation criteria. | [`onBegin`](/docs/fundamentals/callbacks-events#onbegin)                                                                                                                                                                                                                           |
-| **`ACTIVE`**       | The gesture is recognized and activation criteria are met.                               | [`onActivate`](/docs/fundamentals/callbacks-events#onactivate) when it first transitions into the `ACTIVE` state.  [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) when it has new data about the gesture.                                                  |
-| **`END`**          | The user successfully completed the gesture.                                             | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) with `didSucceed` parameter set to `true`.  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `true`.                                                 |
-| **`FAILED`**       | The handler failed to recognize the gesture.                                             | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) if the gesture was in `ACTIVE` state before. `didSucceed` parameter will be set to `false`  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `false`. |
-| **`CANCELLED`**    | The system interrupted the gesture.                                                      | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) if the gesture was in `ACTIVE` state before. `didSucceed` parameter will be set to `false`  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `false`. |
diff --git a/packages/docs-gesture-handler/yarn.lock b/packages/docs-gesture-handler/yarn.lock
index af5c619411..452b53a0bc 100644
--- a/packages/docs-gesture-handler/yarn.lock
+++ b/packages/docs-gesture-handler/yarn.lock
@@ -3525,10 +3525,10 @@
     "@svgr/plugin-jsx" "8.1.0"
     "@svgr/plugin-svgo" "8.1.0"
 
-"@swmansion/t-rex-ui@1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@swmansion/t-rex-ui/-/t-rex-ui-1.3.0.tgz#6d2a95b3eab58fd738ad885bb509f05bed59a9fc"
-  integrity sha512-xh3DYPUYekM+0rmBQtTPyDsy+QaapjRf+7zknqssdc9UsK9yg4MFa/nMEVprNwH179ysufAhVdq9dgp68KvrIw==
+"@swmansion/t-rex-ui@1.3.1":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@swmansion/t-rex-ui/-/t-rex-ui-1.3.1.tgz#b16e29f15f863f1e340217592138317829583949"
+  integrity sha512-F4MoFk5Mc9vaAtl4zUFPAwMjOlYTBmxsIk+imeZHcx9m1gx3uCzFYR+svOXMxWcp9ghh1Rj/D8Zf6rFu/Ocg7A==
   dependencies:
     "@docusaurus/core" "3.9.2"
     "@docusaurus/module-type-aliases" "3.9.2"

From 92bcd0c08f6895fd537b7287d7d2d7a55e7566ac Mon Sep 17 00:00:00 2001
From: Patrycja Kalinska <patrycja.kalinska@swmansion.com>
Date: Wed, 11 Mar 2026 14:52:14 +0100
Subject: [PATCH 3/6] broken links

---
 .../docs-gesture-handler/docs/fundamentals/introduction.md    | 2 +-
 packages/docs-gesture-handler/docs/guides/troubleshooting.mdx | 2 +-
 packages/docs-gesture-handler/docusaurus.config.js            | 2 +-
 packages/docs-gesture-handler/redirects.json                  | 4 ++++
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/docs-gesture-handler/docs/fundamentals/introduction.md b/packages/docs-gesture-handler/docs/fundamentals/introduction.md
index 34f8707495..d1f91598ec 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/introduction.md
+++ b/packages/docs-gesture-handler/docs/fundamentals/introduction.md
@@ -3,7 +3,7 @@ id: introduction
 title: Introduction
 sidebar_label: Introduction
 sidebar_position: 1
-slug: /
+slug: /fundamentals/introduction
 ---
 
 Gesture Handler provides a declarative API exposing the native platform's touch and gesture system to React Native. It's designed to be a replacement of React Native's built in touch system called [Gesture Responder System](http://reactnative.dev/docs/gesture-responder-system). Using native touch handling allows to address the performance limitations of React Native's Gesture Responder System. It also provides more control over the platform's native components that can handle gestures on their own. If you want to learn more, we recommend [this talk](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) in which he explains issues with the responder system.
diff --git a/packages/docs-gesture-handler/docs/guides/troubleshooting.mdx b/packages/docs-gesture-handler/docs/guides/troubleshooting.mdx
index 5540dd2588..fc8bc64a23 100644
--- a/packages/docs-gesture-handler/docs/guides/troubleshooting.mdx
+++ b/packages/docs-gesture-handler/docs/guides/troubleshooting.mdx
@@ -15,7 +15,7 @@ Thanks for giving this library a try! We are sorry that you might have encounter
 2. When sure your problem hasn't been reported or was reported but the proposed solution doesn't work for you please follow [our issue reporting guidelines](#reporting-issues).
 3. You can try seeking help on [Software Mansion Discord](https://discord.com/invite/VemJ4df8Yr).
 4. If you feel like reading the source code we highly recommend it, as this is by far the best resource and gives you the most up to date insights into how the library works and what might be causing the bug.
-5. If you managed to find the solution consider [contributing](/docs/#contributing) a fix or update our documentation to make this information easier to find for the others in the future.
+5. If you managed to find the solution consider [contributing](/docs/fundamentals/introduction#contributing) a fix or update our documentation to make this information easier to find for the others in the future.
 
 ## Reporting issues
 
diff --git a/packages/docs-gesture-handler/docusaurus.config.js b/packages/docs-gesture-handler/docusaurus.config.js
index cf9080e0eb..93a144b5c8 100644
--- a/packages/docs-gesture-handler/docusaurus.config.js
+++ b/packages/docs-gesture-handler/docusaurus.config.js
@@ -84,7 +84,7 @@ const config = {
         },
         items: [
           {
-            to: 'docs/',
+            to: 'docs/fundamentals/introduction',
             activeBasePath: 'docs',
             label: 'Docs',
             position: 'right',
diff --git a/packages/docs-gesture-handler/redirects.json b/packages/docs-gesture-handler/redirects.json
index 201acf3283..adabce67ab 100644
--- a/packages/docs-gesture-handler/redirects.json
+++ b/packages/docs-gesture-handler/redirects.json
@@ -1,5 +1,9 @@
 {
   "redirects": [
+    {
+      "to": "/docs/fundamentals/introduction",
+      "from": "/docs/"
+    },
     {
       "to": "/docs/legacy-gestures/pan-gesture",
       "from": "/docs/gestures/pan-gesture"

From 7f382eeb9fe93f48e7fd0690a2da0b9a4469ac29 Mon Sep 17 00:00:00 2001
From: Patrycja Kalinska <patrycja.kalinska@swmansion.com>
Date: Wed, 11 Mar 2026 14:58:08 +0100
Subject: [PATCH 4/6] set badge colors

---
 packages/docs-gesture-handler/src/css/colors.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/docs-gesture-handler/src/css/colors.css b/packages/docs-gesture-handler/src/css/colors.css
index a9867f835d..37734383c8 100644
--- a/packages/docs-gesture-handler/src/css/colors.css
+++ b/packages/docs-gesture-handler/src/css/colors.css
@@ -305,6 +305,13 @@
   --swm-platform-badge-color: var(--swm-off-white);
   --swm-available-from-badge-background: var(--swm-yellow-light-40);
   --swm-available-from-badge-color: var(--swm-navy-light-100);
+
+  --swm-platform-badge-android-background: var(--swm-green-dark-120);
+  --swm-platform-badge-android-color: var(--swm-off-white);
+  --swm-platform-badge-ios-background: black;
+  --swm-platform-badge-ios-color: var(--swm-off-white);
+  --swm-platform-badge-web-background: var(--swm-blue-dark-120);
+  --swm-platform-badge-web-color: var(--swm-off-white);
 }
 
 :root[data-theme='dark'] {
@@ -501,6 +508,13 @@
   --swm-platform-badge-color: var(--swm-off-white);
   --swm-available-from-badge-background: var(--swm-yellow-dark-120);
   --swm-available-from-badge-color: var(--swm-off-white);
+
+  --swm-platform-badge-android-background: var(--swm-green-dark-120);
+  --swm-platform-badge-android-color: var(--swm-off-white);
+  --swm-platform-badge-ios-background: black;
+  --swm-platform-badge-ios-color: var(--swm-off-white);
+  --swm-platform-badge-web-background: var(--swm-blue-dark-120);
+  --swm-platform-badge-web-color: var(--swm-off-white);
 }
 
 code {

From 856352933e3fe6743cae2d4d6fe927554445a9ca Mon Sep 17 00:00:00 2001
From: Patrycja Kalinska <patrycja.kalinska@swmansion.com>
Date: Tue, 17 Mar 2026 09:02:21 +0100
Subject: [PATCH 5/6] remove old code after updating t=rex=ui

---
 .../docs-gesture-handler/static/llms-full.txt | 5578 -----------------
 packages/docs-gesture-handler/static/llms.txt |  107 -
 2 files changed, 5685 deletions(-)
 delete mode 100644 packages/docs-gesture-handler/static/llms-full.txt
 delete mode 100644 packages/docs-gesture-handler/static/llms.txt

diff --git a/packages/docs-gesture-handler/static/llms-full.txt b/packages/docs-gesture-handler/static/llms-full.txt
deleted file mode 100644
index 20af2eb8ad..0000000000
--- a/packages/docs-gesture-handler/static/llms-full.txt
+++ /dev/null
@@ -1,5578 +0,0 @@
-# Documentation (Full)
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/buttons
-# Title: Buttons
-
-The Gesture Handler library offers native components that function as buttons, serving as alternatives to `TouchableHighlight` or `TouchableOpacity` from the core React Native framework. These buttons process touch recognition natively, which ensures a deterministic response. This capability significantly enhances performance; for example, it allows for immediate ripple effects on Android, unlike `TouchableNativeFeedback`, which requires a touch event roundtrip to JavaScript that can cause delays, especially noticeable on older devices. Additionally, these components handle default platform interactions natively, particularly in scrollable containers where interactions are smartly delayed to prevent unintended highlighting during a fling.
-
-Gesture Handler library exposes components that render native touchable elements under the hood:
-
-* [`RawButton`](#rawbutton)
-* [`BaseButton`](#basebutton)
-* [`RectButton`](#rectbutton)
-* [`BorderlessButton`](#borderlessbutton)
-
-On top of that all the buttons are wrapped with [`Native gesture`](/docs/gestures/use-native-gesture) and therefore allow for all its [properties](/docs/gestures/use-native-gesture#config) to be applied to them.
-
-## RawButton
-
-The most basic button component does not provide any feedback and lacks props such as `onPress`. It serves as a foundation for other button components and is ideal if you wish to implement your own custom interactions for when the button is pressed.
-
-`RawButton` accepts all [`Native gesture` props](/docs/gestures/use-native-gesture#config), [accessibility props](https://reactnative.dev/docs/accessibility#accessibility-properties), along with the following additional properties:
-
-### exclusive
-
-```ts
-exclusive?: boolean;
-```
-
-Defines if more than one button could be pressed simultaneously. By default set to `true`.
-
-### rippleColor
-
-```ts
-rippleColor?: number | ColorValue | null;
-```
-
-Defines [color](https://reactnative.dev/docs/colors) of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
-
-### rippleRadius
-
-```ts
-rippleRadius?: number | null;
-```
-
-Defines radius of native [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation.
-
-### borderless
-
-```ts
-borderless?: boolean;
-```
-
-If set to `false`, [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation will render only within view bounds.
-
-### foreground
-
-```ts
-foreground?: boolean;
-```
-
-Defines whether the [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) animation should be drawn on the foreground of the view.
-
-### touchSoundDisabled
-
-```ts
-touchSoundDisabled?: boolean;
-```
-
-If set to `true`, the system will not play a sound when the button is pressed.
-
-## BaseButton
-
-Can be used as a base class if you'd like to implement some custom interaction for when the button is pressed. It has all the props of [`RawButton`](#rawbutton) and in addition to that it also provides the following props:
-
-### onPress
-
-```ts
-onPress?: (pointerInside: boolean) => void;
-```
-
-Triggered when the button gets pressed (analogous to `onPress` in `TouchableHighlight` from RN core).
-
-### onLongPress
-
-```ts
-onLongPress?: () => void;
-```
-
-Triggered when the button gets pressed for at least [`delayLongPress`](#delaylongpress) milliseconds.
-
-### onActiveStateChange
-
-```ts
-onActiveStateChange?: (active: boolean) => void;
-```
-
-Triggered when the button transitions between active and inactive states. It passes the current active state as a boolean variable to the method as the first parameter.
-
-### delayLongPress
-
-```ts
-delayLongPress?: number;
-```
-
-Defines the delay, in milliseconds, after which the [`onLongPress`](#onlongpress) callback gets called. By default set to `600`.
-
-## RectButton
-
-This type of button component is ideal for use with rectangular elements or content blocks that can be pressed, such as table rows or buttons featuring text and icons. It ensures platform-specific interactions, such as rendering a rectangular ripple on Android or highlighting the background on iOS and older Android versions. In addition to the props offered by [`BaseButton`](#basebutton), it accepts the following:
-
-### underlayColor
-
-```ts
-underlayColor?: string;
-```
-
-Background color that will be dimmed when button is in active state.
-
-### activeOpacity
-
-```ts
-activeOpacity?: number;
-```
-
-Opacity applied to the underlay when button is in active state.
-
-## BorderlessButton
-
-This type of button component should be used with simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered (it means that the ripple will animate into a circle that can span outside of the view bounds), whereas on iOS the button will be dimmed (similar to how `TouchableOpacity` works). In addition to the props of [`BaseButton`](#basebutton), it accepts the following:
-
-### activeOpacity
-
-```ts
-activeOpacity?: number;
-```
-
-Opacity applied to the button when it is in an active state.
-
-## Accessibility
-
-To guarantee that buttons are fully accessible, you must wrap your children in a `View` marked as `accessible` and include the `accessibilityRole="button"` prop. This requirement applies to both iOS and Android platforms. Without these adjustments, the button won't be selectable on iOS, and on Android, it won't be clickable in accessibility mode.
-
-```tsx
-// Not accessible:
-const NotAccessibleButton = () => (
-  <RectButton onPress={this._onPress}>
-    <Text>Foo</Text>
-  </RectButton>
-);
-
-// Accessible:
-const AccessibleButton = () => (
-  <RectButton onPress={this._onPress}>
-    <View accessible accessibilityRole="button">
-      <Text>Bar</Text>
-    </View>
-  </RectButton>
-);
-```
-
-## Design patterns
-
-Components listed here were not designed to behave and look in the same way on both platforms but rather to be used for handling similar behaviour on iOS and Android taking into consideration their design concepts.
-
-If you wish to get specific information about platforms design patterns, visit [official Apple docs](https://developer.apple.com/design/human-interface-guidelines/components/menus-and-actions/buttons) and [Material.io guideline](https://material.io/components/buttons#text-button), which widely describe how to implement coherent design.
-
-This library allows to use native components with native feedback in adequate situations.
-
-If you do not wish to implement custom design approach, [`RectButton`](#rectbutton) and [`BorderlessButton`](#borderlessbutton) seem to be absolutely enough and there's no need to use anything else. In all the remaining cases you can always rely on [`BaseButton`](#basebutton) which is a superclass for the other button classes and can be used as a generic `Touchable` replacement that can be customized to your needs.
-
-Below we list some of the common usecases for button components to be used along with the type of button that should be used according to the platform specific design guidelines.
-
-### Lists and action buttons
-
-If you have a list with clickable items or have an action button that need to display as a separate UI block (vs being inlined in a text) you should use [`RectButton`](#rectbutton). It changes opacity on click and additionally supports a [ripple effect](#ripplecolor-android-only) on Android.
-
-To determine emphasis of button it's vital to use fill color or leave it transparent especially on Android.
-For medium emphasis you may consider outlined buttons which are used for lower impact than fill buttons.
-
-### Icon or text only buttons
-
-Use `BorderlessButton` for simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered, whereas on iOS the button will be dimmed.
-It should be used if you wish to handle non-crucial actions and supportive behaviour.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/pressable
-# Title: Pressable
-
-> **Info**
->
-> This component is a drop-in replacement for the `Pressable` component.
-
-`Pressable` is a component that can detect various stages of tap, press, and hover interactions on any of its children.
-
-To use `Pressable`, ensure that your app is wrapped in [`GestureHandlerRootView`](/docs/fundamentals/root-view) and import it as follows:
-
-```ts
-import { Pressable } from 'react-native-gesture-handler';
-```
-
-## Properties
-
-### children
-
-```ts
-children?:
-  | React.ReactNode
-  | ((state: PressableStateCallbackType) => React.ReactNode);
-```
-
-Either children or a render prop that receives a boolean reflecting whether the component is currently pressed.
-
-### style
-
-```ts
-style?:
-  | StyleProp<ViewStyle>
-  | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
-```
-
-Either view styles or a function that receives a boolean reflecting whether the component is currently pressed and returns view styles.
-
-### onPress
-
-```ts
-onPress?: null | ((event: PressableEvent) => void);
-```
-
-Called after [`onPressOut`](#onpressout) when a single tap gesture is detected. Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
-
-### onPressIn
-
-```ts
-onPressIn?: null | ((event: PressableEvent) => void);
-```
-
-Called before `onPress` when a touch is engaged. Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
-
-### onPressOut
-
-```ts
-onPressOut?: null | ((event: PressableEvent) => void);
-```
-
-Called before `onPress` when a touch is released (before [`onPress`](#onpress)). Details about the event object can be found in the [PressableEvent](#pressableevent) section below.
-
-### onLongPress
-
-```ts
-onLongPress?: null | ((event: PressableEvent) => void);
-```
-
-Called immediately after pointer has been down for at least [`delayLongPress`](#delaylongpress) milliseconds.
-
-After `onLongPress` has been called, [`onPressOut`](#onpressout) will be called as soon as the pointer is lifted and [`onPress`](#onpress) will not be called at all.
-
-### cancelable
-
-```ts
-cancelable?: null | boolean;
-```
-
-Whether a press gesture can be interrupted by a parent gesture such as a scroll event. Defaults to `true`.
-
-### onHoverIn
-
-```ts
-onHoverIn?: null | ((event: PressableEvent) => void);
-```
-
-Called when pointer is hovering over the element.
-
-### onHoverOut
-
-```ts
-onHoverOut?: null | ((event: PressableEvent) => void);
-```
-
-Called when pointer stops hovering over the element.
-
-### delayHoverIn
-
-```ts
-delayHoverIn?: number | null;
-```
-
-Duration to wait after hover in before calling `onHoverIn`.
-
-### delayHoverOut
-
-```ts
-delayHoverOut?: number | null;
-```
-
-Duration to wait after hover out before calling `onHoverOut`.
-
-### delayLongPress
-
-```ts
-delayLongPress?: null | number;
-```
-
-Duration (in milliseconds) from `onPressIn` before `onLongPress` is called. Default value is `500` ms.
-
-### disabled
-
-```ts
-disabled?: null | boolean;
-```
-
-Whether the `Pressable` behavior is disabled.
-
-### hitSlop
-
-```ts
-hitSlop?: null | Insets | number;
-```
-
-Additional distance outside of the view in which a press is detected and [`onPressIn`](#onpressin) is triggered.
-
-The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
-
-### pressRetentionOffset
-
-```ts
-pressRetentionOffset?: null | Insets | number;
-```
-
-Additional distance outside of the view (or [`hitSlop`](#hitslop) if present) in which a touch is considered a
-press before [`onPressOut`](#onpressout) is triggered.
-
-The `Insets` type is essentially the same as [`Rect`](https://reactnative.dev/docs/rect).
-
-### android\_disableSound
-
-```ts
-android_disableSound?: null | boolean;
-```
-
-If `true`, doesn't play system sound on touch.
-
-### android\_ripple
-
-```ts
-android_ripple?: null | PressableAndroidRippleConfig;
-```
-
-Enables the Android [ripple](https://developer.android.com/reference/android/graphics/drawable/RippleDrawable) effect and configures its color, radius and other parameters.
-
-Accepts values of type [`RippleConfig`](https://reactnative.dev/docs/pressable#rippleconfig).
-
-### testOnly\_pressed
-
-```ts
-testOnly_pressed?: null | boolean;
-```
-
-Used only for documentation or testing (e.g. snapshot testing).
-
-### unstable\_pressDelay
-
-```ts
-unstable_pressDelay?: number | undefined;
-```
-
-Duration (in milliseconds) to wait after press down before calling [`onPressIn`](#onpressin).
-
-## PressableEvent
-
-All `Pressable` callbacks receive an event object as a parameter, which is of type `PressableEvent` and has the following structure:
-
-```ts
-export type PressableEvent = { nativeEvent: InnerPressableEvent };
-
-export type InnerPressableEvent = {
-  changedTouches: InnerPressableEvent[];
-  identifier: number;
-  locationX: number;
-  locationY: number;
-  pageX: number;
-  pageY: number;
-  target: number;
-  timestamp: number;
-  touches: InnerPressableEvent[];
-  force?: number;
-};
-```
-
-## Example
-
-See the full example in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/legacy/v2_api/pressable/index.tsx).
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/reanimated-drawer-layout
-# Title: Reanimated Drawer Layout
-
-> **Info**
->
-> This component acts as a cross-platform replacement for React Native's [`DrawerLayoutAndroid`](http://reactnative.dev/docs/drawerlayoutandroid.html) component, written using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started). For detailed information on standard parameters, please refer to the [React Native documentation](http://reactnative.dev/docs/drawerlayoutandroid.html).
-
-To use `ReanimatedDrawerLayout`, first ensure that Reanimated is installed and that your app is wrapped in [`GestureHandlerRootView`](/docs/fundamentals/root-view). You can then import it as follows:
-
-```ts
-import ReanimatedDrawerLayout from 'react-native-gesture-handler/ReanimatedDrawerLayout';
-```
-
-## Properties
-
-### drawerType
-
-```ts
-drawerType?: DrawerType;
-```
-
-Specifies the way the drawer will be displayed.
-Accepts values of the `DrawerType` enum. Defaults to `FRONT`.
-
-* `FRONT` The drawer will be displayed above the content view.
-* `BACK` The drawer will be displayed below the content view, revealed by sliding away the content view.
-* `SLIDE` The drawer will appear attached to the content view, opening it slides both the drawer and the content view.
-
-| `FRONT`                                               | `BACK`                                               | `SLIDE`                                               |
-| ----------------------------------------------------- | ---------------------------------------------------- | ----------------------------------------------------- |
-|  |  |  |
-
-### drawerBackgroundColor
-
-```ts
-drawerBackgroundColor?: string;
-```
-
-Color of the drawer's background.
-
-### drawerWidth
-
-```ts
-drawerWidth?: number;
-```
-
-Width of the drawer. Defaults to `200`.
-
-### drawerLockMode
-
-Specifies the lock mode of the drawer.
-
-* `UNLOCKED` The drawer is unlocked and can be opened or closed by gestures.
-* `LOCKED_CLOSED` The drawer will move freely until it settles in a closed position, then the gestures will be disabled.
-* `LOCKED_OPEN` The drawer will move freely until it settles in an opened position, then the gestures will be disabled.
-
-### keyboardDismissMode
-
-Determines if system keyboard should be closed upon dragging the drawer.
-
-### animationSpeed
-
-```ts
-animationSpeed?: number;
-```
-
-Speed of animation that will play when letting go, or dismissing the drawer.
-
-### minSwipeDistance
-
-```ts
-minSwipeDistance?: number;
-```
-
-Minimal distance to swipe before the drawer starts moving.
-
-### contentContainerStyle
-
-```ts
-contentContainerStyle?: StyleProp<ViewStyle>;
-```
-
-Style of the content view container.
-
-### drawerContainerStyle
-
-```ts
-drawerContainerStyle?: StyleProp<ViewStyle>;
-```
-
-Style wrapping the drawer.
-
-### edgeWidth
-
-```ts
-edgeWidth?: number;
-```
-
-Width of the invisible, draggable area on the edge of the content view, which can be dragged to open the drawer.
-
-### hideStatusBar
-
-```ts
-hideStatusBar?: boolean;
-```
-
-When set to `true`, drawer component will use [StatusBar API](http://reactnative.dev/docs/statusbar.html) to hide the OS status bar when the drawer is dragged or idle in the `open` position.
-
-### statusBarAnimation
-
-May be used in combination with [`hideStatusBar`](#hidestatusbar) to select the animation used for hiding the status bar.
-See [StatusBar API](http://reactnative.dev/docs/statusbar.html#statusbaranimation) docs. Defaults to `slide`.
-
-### overlayColor
-
-```ts
-overlayColor?: string;
-```
-
-Color of the background overlay on top of the content window when the drawer is `open`.\
-This color's opacity animates from 0% to 100% as the drawer transitions from closed to open. Defaults to `rgba(0, 0, 0, 0.7)`.
-
-### renderNavigationView
-
-```ts
-renderNavigationView: (
-  progressAnimatedValue: SharedValue<number>
-) => ReactNode;
-```
-
-A renderer function for the drawer component is provided with a `progress` parameter called `progressAnimatedValue`, which is a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) indicating the progress of the drawer's opening or closing animation. This value is `0` when the drawer is fully closed and `1` when it is fully opened. The drawer component can use this value to animate its children during the opening or closing process. This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node).
-
-### onDrawerClose
-
-```ts
-onDrawerClose?: () => void;
-```
-
-A function which is called when the drawer has been closed.
-
-### onDrawerOpen
-
-```ts
-onDrawerOpen?: () => void;
-```
-
-A function which is called when the drawer has been opened.
-
-### onDrawerSlide
-
-```ts
-onDrawerSlide?: (position: number) => void;
-```
-
-A function is called when the drawer is moving or animating, provided with a `position` parameter. This `position` value indicates the progress of the drawer's opening or closing animation. It equals `0` when the drawer is closed and `1` when the drawer is fully opened. This value can be utilized by the drawer component to animate its children as the drawer opens or closes.
-
-### onDrawerStateChanged
-
-A function is called when the status of the drawer changes, taking `newState` to represent the drawer's interaction state and `drawerWillShow`, which is `true` when the drawer starts animating towards the open position and `false` otherwise.
-
-### enableTrackpadTwoFingerGesture
-
-```ts
-enableTrackpadTwoFingerGesture?: boolean;
-```
-
-Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger the gesture.
-
-### children
-
-```ts
-children?: ReactNode | ((openValue?: SharedValue<number>) => ReactNode);
-```
-
-Either a component rendered in the content view or a function. If `children` is a function, it receives an `openValue` parameter -  [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that indicates the progress of the drawer's opening or closing animation. This value equals `0` when the drawer is closed and `1` when it is fully opened. The drawer component can use this value to animate its children during the opening or closing process. This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node).
-
-### enableContextMenu
-
-```ts
-enableContextMenu: boolean;
-```
-
-Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false` if [`MouseButton.RIGHT`](#mousebutton-web--android-only) is specified.
-
-### userSelect
-
-```ts
-userSelect: 'none' | 'auto' | 'text';
-```
-
-This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
-
-### activeCursor
-
-```ts
-activeCursor: ActiveCursor;
-```
-
-This parameter allows to specify which cursor should be used when gesture activates. Supports all [CSS cursor values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/cursor#keyword) (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
-
-## Drawer ref methods
-
-Using a reference to `ReanimatedDrawerLayout` allows you to manually trigger the opening and closing of the component.
-
-```ts
-const drawerRef = useRef<DrawerLayoutMethods>(null);
-```
-
-Both methods accept an optional `options` parameter, which allows you to customize the animation of the drawer movement.
-
-```ts
-export type DrawerMovementOption = {
-  initialVelocity?: number;
-  animationSpeed?: number;
-};
-```
-
-### openDrawer
-
-```ts
-openDrawer: (options?: DrawerMovementOption) => void;
-```
-
-Allows to manually open the drawer.
-
-### closeDrawer
-
-```ts
-closeDrawer: (options?: DrawerMovementOption) => void;
-```
-
-Allows to manually close the drawer.
-
-## Example
-
-Example of a `ReanimatedDrawerLayout` component can be found in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/new_api/components/drawer/index.tsx).
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/reanimated_swipeable
-# Title: Reanimated Swipeable
-
-> **Info**
->
-> This component is a drop-in replacement for the `Swipeable` component, rewritten using [Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started).
-
-Reanimated `Swipeable` is designed for implementing swipeable rows or similar interactions. It places its children inside a pannable container that enables horizontal swiping to the left and right. Depending on the direction of the swipe, one of two "action" containers will be displayed, which can be configured using the [`renderLeftActions`](#renderleftactions) or [`renderRightActions`](#renderrightactions) props.
-
-To use Reanimated `Swipeable`, first ensure that Reanimated is installed and that your app is wrapped in `GestureHandlerRootView`. You can then import it as follows:
-
-```ts
-import Swipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
-```
-
-## Properties
-
-### friction
-
-```ts
-friction?: number;
-```
-
-Number that specifies how much the visual interaction will be delayed compared to the gesture distance.
-
-e.g. value of `1` will indicate that the swipeable panel should exactly follow the gesture, `2` means it is going to be two times "slower".
-
-### leftThreshold
-
-```ts
-leftThreshold?: number;
-```
-
-Distance from the left edge at which released panel will animate to the open state (or the open panel will animate into the closed state). By default it's a half of the panel's width.
-
-### rightThreshold
-
-```ts
-rightThreshold?: number;
-```
-
-Distance from the right edge at which released panel will animate to the open state (or the open panel will animate into the closed state). By default it's a half of the panel's width.
-
-### dragOffsetFromLeftEdge
-
-```ts
-dragOffsetFromLeftEdge?: number;
-```
-
-Distance that the panel must be dragged from the left edge to be considered a swipe. The default value is `10`.
-
-### dragOffsetFromRightEdge
-
-```ts
-dragOffsetFromRightEdge?: number;
-```
-
-Distance that the panel must be dragged from the right edge to be considered a swipe. The default value is `10`.
-
-### overshootLeft
-
-```ts
-overshootLeft?: boolean;
-```
-
-A boolean value indicating if the swipeable panel can be pulled further than the left actions panel's width. It is set to `true` by default as long as the left panel render function is present.
-
-### overshootRight
-
-```ts
-overshootRight?: boolean;
-```
-
-A boolean value indicating if the swipeable panel can be pulled further than the right actions panel's width. It is set to `true` by default as long as the right panel render function is present.
-
-### overshootFriction
-
-```ts
-overshootFriction?: number;
-```
-
-A number specifying the delay of visual interaction compared to the gesture distance when overshooting. The default value is `1`, which means no friction. For a more native feel, try using a value of `8` or higher.
-
-### onSwipeableOpen
-
-```ts
-onSwipeableOpen?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when `Swipeable` is opened (either right or left).
-Receives swipe direction as an argument.
-
-### onSwipeableClose
-
-```ts
-onSwipeableClose?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when `Swipeable` is closed.
-Receives swipe direction as an argument.
-
-### onSwipeableWillOpen
-
-```ts
-onSwipeableWillOpen?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when `Swipeable` starts animating on open (either right or left).
-Receives swipe direction as an argument.
-
-### onSwipeableWillClose
-
-```ts
-onSwipeableWillClose?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when `Swipeable` starts animating on close.
-Receives swipe direction as an argument.
-
-### onSwipeableOpenStartDrag
-
-```ts
-onSwipeableOpenStartDrag?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when a user starts to drag the `Swipeable` to open.
-Receives swipe direction as an argument.
-
-### onSwipeableCloseStartDrag
-
-```ts
-onSwipeableCloseStartDrag?: (
-  direction: SwipeDirection.LEFT | SwipeDirection.RIGHT
-) => void;
-```
-
-A function that is called when a user starts to drag the `Swipeable` to close.
-Receives swipe direction as an argument.
-
-### renderLeftActions
-
-```ts
-renderLeftActions?: (
-  progress: SharedValue<number>,
-  translation: SharedValue<number>,
-  swipeableMethods: SwipeableMethods
-) => React.ReactNode;
-```
-
-A function that returns a component which will be rendered beneath the `Swipeable` after it is swiped to the right. This function accepts the following parameters:
-
-* `progress` - a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that represents the swiping progress relative to the width of the returned element.
-  * It equals `0` when the `Swipeable` is fully closed and `1` when it is fully opened.
-  * As the element overshoots its open position, the value approaches `Infinity`.
-* `translation` - a horizontal offset of the `Swipeable` relative to its closed position.
-* `swipeableMethods` - provides an object exposing methods detailed in the [methods section](#methods).
-
-This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node). To accommodate `rtl` (right-to-left) flexbox layouts, use the [`flexDirection`](https://reactnative.dev/docs/flexbox#flex-direction) style property.
-
-### renderRightActions
-
-```ts
-renderRightActions?: (
-  progress: SharedValue<number>,
-  translation: SharedValue<number>,
-  swipeableMethods: SwipeableMethods
-) => React.ReactNode;
-```
-
-A function that returns a component which will be rendered beneath the `Swipeable` after it is swiped to the left. This function accepts the following parameters:
-
-* `progress` - a [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) that represents the swiping progress relative to the width of the returned element.
-  * It equals `0` when the `Swipeable` is fully closed and `1` when it is fully opened.
-  * As the element overshoots its open position, the value approaches `Infinity`.
-* `translation` - a horizontal offset of the `Swipeable` relative to its closed position.
-* `swipeableMethods` - provides an object exposing methods detailed in the [methods section](#methods).
-
-This function must return a [`ReactNode`](https://reactnative.dev/docs/react-node). To accommodate `rtl` (right-to-left) flexbox layouts, use the [`flexDirection`](https://reactnative.dev/docs/flexbox#flex-direction) style property.
-
-### containerStyle
-
-```ts
-containerStyle?: StyleProp<ViewStyle>;
-```
-
-Style object for the container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
-
-### childrenContainerStyle
-
-```ts
-childrenContainerStyle?: StyleProp<ViewStyle>;
-```
-
-Style object for the children container ([`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#animated-component)).
-
-### simultaneousWithExternalGesture
-
-```ts
-simultaneousWithExternalGesture?: AnyGesture | AnyGesture[];
-```
-
-Gestures to be recognized simultaneously with the `Swipeable` (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
-
-### requireExternalGestureToFail
-
-```ts
-requireExternalGestureToFail?: AnyGesture | AnyGesture[];
-```
-
-Gestures that `Swipeable` has to wait for before activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
-
-### blocksExternalGesture
-
-```ts
-blocksExternalGesture?: AnyGesture | AnyGesture[];
-```
-
-Gestures that `Swipeable` will prevent from activating (see [gesture composition section](/docs/fundamentals/gesture-composition#simultaneouswith)).
-
-### enableTrackpadTwoFingerGesture
-
-```ts
-enableTrackpadTwoFingerGesture?: boolean;
-```
-
-Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with `enableTrackpadTwoFingerGesture` swiping with two fingers will also trigger the gesture.
-
-### enabled
-
-```ts
-enabled: boolean;
-```
-
-Indicates whether `ReanimatedSwipeable` should be analyzing stream of touch events or not. Defaults to `true`.
-
-### testID
-
-```ts
-testID: string;
-```
-
-Sets a `testID` property, allowing for querying `ReanimatedSwipeable` for it in tests.
-
-### hitSlop
-
-This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.
-When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
-See [hitSlop section](/docs/gestures/use-pan-gesture#hitslop) in `Pan` gesture for more details.
-
-## Swipeable ref methods
-
-Using a reference to `Swipeable` allows you to manually trigger the opening and closing of the component, as well as reset its swiping state.
-
-```ts
-const swipeableRef = useRef<SwipeableMethods>(null);
-```
-
-### close
-
-```ts
-close: () => void;
-```
-
-A method that closes component.
-
-### openLeft
-
-```ts
-openLeft: () => void;
-```
-
-A method that opens component on left side.
-
-### openRight
-
-```ts
-openRight: () => void;
-```
-
-A method that opens component on right side.
-
-### reset
-
-```ts
-reset: () => void;
-```
-
-A method that resets the swiping states of this `Swipeable` component. Unlike [`close`](#close), this method does not trigger any animation.
-
-## Example
-
-Example of a `Swipeable` component can be found in [Gesture Handler repository](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/new_api/components/swipeable/index.tsx).
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/components/touchables
-# Title: Touchables
-
-> **Warning**
->
-> Touchables will be removed in the future version of Gesture Handler. Use [`Pressable`](/docs/components/pressable) instead.
-
-Gesture Handler library provides an implementation of RN's touchable components that are based on [native buttons](buttons.mdx) and does not rely on JS responder system utilized by RN. Our touchable implementation follows the same API and aims to be a drop-in replacement for touchables available in React Native.
-
-React Native's touchables API can be found here:
-
-* [Touchable Native Feedback](https://reactnative.dev/docs/touchablenativefeedback)
-* [Touchable Highlight](https://reactnative.dev/docs/touchablehighlight)
-* [Touchable Opacity](https://reactnative.dev/docs/touchableopacity)
-* [Touchable Without Feedback](https://reactnative.dev/docs/touchablewithoutfeedback)
-
-All major touchable properties (except from `pressRetentionOffset`) have been adopted and should behave in a similar way as with RN's touchables.
-
-The motivation for using RNGH touchables as a replacement for these imported from React Native is to follow built-in native behavior more closely by utilizing platform native touch system instead of relying on the JS responder system.
-These touchables and their feedback behavior are deeply integrated with native
-gesture ecosystem and could be connected with other native components (e.g. `ScrollView`) and Gesture Handlers easily and in a more predictable way, which
-follows native apps' behavior.
-
-Our intention was to make switch for these touchables as simple as possible. In order to use RNGH's touchables the only thing you need to do is to change library from which you import touchable components.
-need only to change imports of touchables.
-
-> **Info**
->
-> Gesture Handler's `TouchableOpacity` uses native driver for animations by default. If this causes problems for you, you can set `useNativeAnimations` prop to false.
-
-### Example:
-
-```ts
-import {
-  TouchableNativeFeedback,
-  TouchableHighlight,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-} from 'react-native';
-```
-
-has to be replaced with:
-
-```ts
-import {
-  TouchableNativeFeedback,
-  TouchableHighlight,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-} from 'react-native-gesture-handler';
-```
-
-For a comparison of both touchable implementations see our [touchables example](https://github.com/software-mansion/react-native-gesture-handler/blob/main/apps/common-app/src/legacy/release_tests/touchables/index.tsx)
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/animated-interactions
-# Title: Integration with Animated
-
-Using hook API allows for smooth integration with the [Animated API](https://reactnative.dev/docs/animated) by allowing for passing an `Animated.event` as the argument to the [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) callback. The event mapping of `Animated.event` depends on the [`useNativeDriver`](https://reactnative.dev/docs/animated#using-the-native-driver) property.
-
-When using Animated API, remember to set `useAnimated` property to `true`.
-
-:::danger Mixing Reanimated and Animated
-It is not possible to mix Reanimated and Animated within any of the [gesture detectors](/docs/fundamentals/gesture-detectors).
-:::
-
-## useNativeDriver
-
-When using `Animated.event` with `useNativeDriver` set to `false`, it is required to set [`disableReanimated`](/docs/fundamentals/reanimated-interactions#disablereanimated) to `true` in the gesture configuration.
-
-Mapping of `Animated.event` depends on the value of `useNativeDriver` property. When set to `true`, event data can be accessed through `nativeEvent.handlerData` property:
-
-```jsx
-  const value = useAnimatedValue(0);
-
-  const event = Animated.event(
-    [{ nativeEvent: { handlerData: { /* translationX: value, ... */ } } }],
-    { useNativeDriver: true }
-  );
-```
-
-In case of `useNativeDriver` set to `false`, event data is accessed directly:
-
-```jsx
-  const value = useAnimatedValue(0);
-
-  const event = Animated.event(
-    [ { /* translationX: value, ... */ } ],
-    { useNativeDriver: false }
-  );
-```
-
-## Usage with VirtualGestureDetector
-
-Using `Animated.event` with [`VirtualGestureDetector`](/docs/fundamentals/gesture-detectors#virtualgesturedetector) is possible only when `useNativeDriver` is set to `false`.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/callbacks-events
-# Title: Gesture callbacks & events
-
-At any given time, each handler instance has an assigned [state](/docs/under-the-hood/state) that can change when new touch events occur or can be forced to change by the touch system under certain circumstances. You can hook into state transitions using specific [gesture callbacks](#callbacks).
-
-When Reanimated is installed, all callbacks are automatically workletized. For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions#automatic-workletization-of-gesture-callbacks) section.
-
-## Callbacks flow
-
-### GestureEvent callbacks
-
-Note that some of these callbacks are complementary:
-
-* if `onBegin` was called, it is guaranteed that `onFinalize` will be called later.
-* if `onActivate` was called, it is guaranteed that `onDeactivate` will be called later.
-
-### TouchEvent callbacks
-
-## Callbacks
-
-### onBegin
-
-```ts
-onBegin: (event: GestureEvent<HandlerData>) => void
-```
-
-Called when a handler begins to recognize gestures. If `onBegin` was called, it is guaranteed that `onFinalize` will be called later.
-
-### onActivate
-
-```ts
-onActivate: (event: GestureEvent<HandlerData>) => void
-```
-
-Called when activation criteria for handler are met. If `onActivate` was called, it is guaranteed that `onDeactivate` will be called later.
-
-### onUpdate
-
-```ts
-onUpdate: (event: GestureEvent<HandlerData>) => void
-```
-
-Called each time a pointer tracked by the gesture changes state, typically due to movement, after the gesture has been activated.
-
-### onDeactivate
-
-```ts
-onDeactivate: (event: GestureEvent<HandlerData>, didSucceed: boolean) => void
-```
-
-Called after when handler stops recognizing gestures, but only if handler activated. It is called before `onFinalize`. If the handler was interrupted, the `didSucceed` argument is set to `false`. Otherwise it is set to `true`.
-
-### onFinalize
-
-```ts
-onFinalize: (event: GestureEvent<HandlerData>, didSucceed: boolean) => void
-```
-
-Called when handler stops recognizing gestures. If handler managed to activate, the `didSucceed` argument is set to `true` and `onFinalize` will be called right after `onDeactivate`. Otherwise it is set to `false`.
-
-### onTouchesDown
-
-```ts
-onTouchesDown: (event: GestureTouchEvent) => void
-```
-
-Called when new pointers are placed on the screen. It may carry information about more than one pointer because the events are batched.
-
-### onTouchesMove
-
-```ts
-onTouchesMove: (event: GestureTouchEvent) => void
-```
-
-Called when pointers are moved on the screen. It may carry information about more than one pointer because the events are batched.
-
-### onTouchesUp
-
-```ts
-onTouchesUp: (event: GestureTouchEvent) => void
-```
-
-Called when pointers are lifted from the screen. It may carry information about more than one pointer because the events are batched.
-
-### onTouchesCancel
-
-```ts
-onTouchesCancel: (event: GestureTouchEvent) => void
-```
-
-Called when there will be no more information about this pointer. It may be called because the gesture has ended or was interrupted. It may carry information about more than one pointer because the events are batched.
-
-## Events
-
-### GestureEvent
-
-`GestureEvent` contains properties common to all gestures (`handlerTag`, `numberOfPointers`, `pointerType`) along with gesture-specific data defined in each gesture's documentation.
-
-### TouchEvent
-
-`TouchEvent` carries information about raw touch events, like touching the screen or moving the finger.
-
-* `eventType` - Type of the current event - whether the finger was placed on the screen, moved, lifted or cancelled.
-
-* `changedTouches` - An array of objects where every object represents a single touch. Contains information only about the touches that were affected by the event i.e. those that were placed down, moved, lifted or cancelled.
-
-* `allTouches` - An array of objects where every object represents a single touch. Contains information about all active touches.
-
-* `numberOfTouches` - Number representing the count of currently active touches.
-
-`TouchData` contains information about a single touch.
-
-* `id` - A number representing id of the touch. It may be used to track the touch between events as the id will not change while it is being tracked.
-
-* `x` - X coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-* `y` - Y coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-* `absoluteX` - X coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of `x` in cases when the original view can be transformed as an effect of the gesture.
-
-* `absoluteY` - Y coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of `y` in cases when the original view can be transformed as an effect of the gesture.
-
-> **Danger**
->
-> Don't rely on the order of items in the `changedTouches`/`allTouches` arrays as it may change during the gesture, instead use the `id` attribute to track individual touches across events.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/gesture-composition
-# Title: Gesture composition & interactions
-
-RNGH3 simplifies gesture interaction through dedicated composition hooks and configuration properties. To choose the right approach, simply ask: Are all the gestures attached to the same component?
-
-* If yes: Use composition hooks. These allow you to bundle multiple gestures—including previously composed ones—into a single object for a GestureDetector.
-
-* If no: Use relation properties to manually define how gestures interact. Since these properties also support composed gestures, you can mix both methods for more complex layouts.
-
-## Composition hooks
-
-### useCompetingGestures
-
-Only one of the provided gestures can become active at the same time. The first gesture to become active will cancel the rest of the gestures. It accepts variable number of arguments.
-
-For example, lets say that you have a component that you want to make draggable but you also want to show additional options on long press. Presumably you would not want the component to move after the long press activates. You can accomplish this using `useCompetingGestures`:
-
-### useSimultaneousGestures
-
-All of the provided gestures can activate at the same time. Activation of one will not cancel the other.
-
-For example, if you want to make a gallery app, you might want user to be able to zoom, rotate and pan around photos. You can do it with `useSimultaneousGestures`:
-
-> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
-
-### useExclusiveGestures
-
-Only one of the provided gestures can become active. Priority is determined by the order of the aguments, where the first gesture has the highest priority, and the last has the lowest. A gesture can activate only after all higher-priority gestures before it have failed.
-
-For example, if you want to make a component that responds to single tap as well as to a double tap, you can accomplish that using `useExclusiveGestures`:
-
-## Cross-component interactions
-
-### requireToFail
-
-`requireToFail` allows to delay activation of the handler until all handlers passed as arguments to this method fail (or don't begin at all).
-
-For example, you may want to have two nested components, both of them can be tapped by the user to trigger different actions: outer view requires one tap, but the inner one requires 2 taps. If you don't want the first tap on the inner view to activate the outer handler, you must make the outer gesture wait until the inner one fails:
-
-### block
-
-`block` works similarly to `requireToFail` but the direction of the relation is reversed - instead of being one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
-
-### simultaneousWith
-
-`simultaneousWith` allows gestures across different components to be recognized simultaneously. For example, you may want to have two nested views, both with tap gesture attached. Both of them require one tap, but tapping the inner one should also activate the gesture attached to the outer view:
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/gesture-detector
-# Title: Gesture Detectors
-
-## Gesture Detector
-
-The `GestureDetector` is a key component of `react-native-gesture-handler`. It supports gestures created either using the hook-based API or the builder pattern. Additionally, it allows for the recognition of multiple gestures through [gesture composition](/docs/fundamentals/gesture-composition). `GestureDetector` interacts closely with [`Reanimated`](https://docs.swmansion.com/react-native-reanimated/). For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions) section.
-
-When using hook API, you can also integrate it directly with the [Animated API](https://reactnative.dev/docs/animated). More on that can be found in [Integration with Animated](/docs/fundamentals/animated-interactions) section.
-
-> **Danger**
->
-> #### Nesting Gesture Detectors
->
-> Because `GestureDetector` supports both the hook API and the builder pattern, it is important to avoid nesting detectors that use different APIs, as this can result in undefined behavior.
->
-> #### Reusing Gestures
->
-> Using the same instance of a gesture across multiple Gesture Detectors may result in undefined behavior.
-
-```js
-import { GestureDetector, useTapGesture } from 'react-native-gesture-handler';
-
-export default function App() {
-  const tap = useTapGesture({
-    onDeactivate: () => {
-      console.log('Tap!');
-    },
-  });
-
-  return (
-    <GestureHandlerRootView>
-      // highlight-next-line
-      <GestureDetector gesture={tap}>
-        <Animated.View />
-        // highlight-next-line
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-```
-
-## Virtual Detectors
-
-Since RNGH3, `GestureDetector` is a standalone host component. Depending on the view hierarchy, this can occasionally disrupt interactions between specific components. To resolve this, use `InterceptingGestureDetector` in combination with `VirtualNativeDetector`.
-
-### InterceptingGestureDetector
-
-`InterceptingGestureDetector` functions similarly to a `GestureDetector`, but it can also act as a proxy for `VirtualGestureDetector` within its component subtree. Because it can be used solely to establish the context for virtual detectors, the [`gesture`](#gesture) property is optional.
-
-### VirtualGestureDetector
-
-`VirtualGestureDetector` is similar to the `GestureDetector` from RNGH2. Because it is not a host component, it does not interfere with the host view hierarchy. This allows you to attach gestures without disrupting functionality that depends on it.
-
-### Known use cases
-
-Here are some of the most common use cases for virtual gesture detectors.
-
-#### SVG
-
-You can combine `VirtualGestureDetector` with [`react-native-svg`](https://github.com/software-mansion/react-native-svg) to add gesture handling to individual `SVG` elements.
-
-#### Text
-
-You can use `VirtualGestureDetector` to add gesture handling to specific parts of a `Text` component.
-
-## Properties
-
-### gesture
-
-```ts
-gesture: SingleGesture | ComposedGesture;
-```
-
-A gesture object containing the configuration and callbacks. Can be any of the base gestures or any [`ComposedGesture`](/docs/fundamentals/gesture-composition).
-
-### userSelect
-
-```ts
-userSelect: 'none' | 'auto' | 'text';
-```
-
-This parameter allows to specify which `userSelect` property should be applied to underlying view. Default value is set to `"none"`.
-
-### touchAction
-
-```ts
-touchAction: TouchAction;
-```
-
-This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS [touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/touch-action) values. Default value is set to `"none"`.
-
-### enableContextMenu
-
-```ts
-enableContextMenu: boolean;
-```
-
-Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false`.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation
-# Title: Installation
-
-## Requirements
-
-### Compatibility with React Native versions
-
-`react-native-gesture-handler` supports the three latest minor releases of `react-native`.
-
-### Running gestures on the UI thread
-
-Using Reanimated is the recommended method of handling gesture-driven interactions on the UI thread. In order to use it, you need to install [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/) along with [`react-native-worklets`](https://docs.swmansion.com/react-native-worklets/). Another approach is to use React Native's [Animated API](https://reactnative.dev/docs/animated).
-
-For more details on how to implement these, refer to the dedicated sections for [Reanimated](/docs/fundamentals/reanimated-interactions) and [Animated](/docs/fundamentals/animated-interactions).
-
-## Setup
-
-Setting up `react-native-gesture-handler` is pretty straightforward:
-
-### 1. Start with installing the package from npm:
-
-```bash
-npx expo install react-native-gesture-handler
-```
-
-```bash
-npm install react-native-gesture-handler
-```
-
-```bash
-yarn add react-native-gesture-handler
-```
-
-### 2. Wrap your app with GestureHandlerRootView component
-
-```jsx
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-
-export default function App() {
-  return (
-    <GestureHandlerRootView>
-      <ActualApp />
-    </GestureHandlerRootView>
-  );
-}
-```
-
-Keep `GestureHandlerRootView` as close to the actual root of the app as possible. It's the entry point for all gestures and all [gesture relations](/docs/fundamentals/gesture-composition). The gestures won't be recognized outside of the root view, and relations only work between gestures mounted under the same root view.
-
-Check out [`GestureHandlerRootView`](/docs/fundamentals/root-view) section for more details.
-
-### 3. Platform specific setup
-
-#### [Expo development build](https://docs.expo.dev/develop/development-builds/introduction/)
-
-When using an Expo development build, run prebuild to update the native code in the ios and android directories.
-
-```bash
-npx expo prebuild
-```
-
-#### Android
-
-Setting up Gesture Handler on Android doesn't require any more steps. Keep in mind that if you want to use gestures in [Modals](https://reactnative.dev/docs/modal) you need to wrap Modal's content with `GestureHandlerRootView`:
-
-```jsx
-import { Modal } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-
-export function CustomModal({ children, ...rest }) {
-  return (
-    <Modal {...rest}>
-      <GestureHandlerRootView>{children}</GestureHandlerRootView>
-    </Modal>
-  );
-}
-```
-
-Gesture Handler on Android is implemented in Kotlin. If you need to set a specific Kotlin version to be used by the library, set the `kotlinVersion` ext property in `android/build.gradle` file and RNGH will use that version:
-
-```groovy
-buildscript {
-    ext {
-        kotlinVersion = "2.1.20"
-    }
-}
-```
-
-#### iOS
-
-While developing for iOS, make sure to install [pods](https://cocoapods.org/) first before running the app:
-
-```bash
-cd ios && bundle install && bundle exec pod install && cd ..
-```
-
-#### macOS
-
-While developing for macOS, make sure to install [pods](https://cocoapods.org/) first before running the app:
-
-```bash
-cd macos && bundle install && bundle exec pod install && cd ..
-```
-
-#### Web
-
-There is no additional configuration required for the web.
-
-#### With [wix/react-native-navigation](https://github.com/wix/react-native-navigation)
-
-If you are using a native navigation library like [wix/react-native-navigation](https://github.com/wix/react-native-navigation) you need to make sure that every screen is wrapped with `GestureHandlerRootView`. This can be done for example at the stage when you register your screens. Here's an example:
-
-```js
-import { Navigation } from 'react-native-navigation';
-import FirstTabScreen from './FirstTabScreen';
-import SecondTabScreen from './SecondTabScreen';
-import PushedScreen from './PushedScreen';
-
-// register all screens of the app (including internal ones)
-export function registerScreens() {
-  Navigation.registerComponent(
-    'example.FirstTabScreen',
-    () => {
-      return (
-        <GestureHandlerRootView>
-          <FirstTabScreen />
-        </GestureHandlerRootView>
-      );
-    },
-    () => FirstTabScreen
-  );
-  Navigation.registerComponent(
-    'example.SecondTabScreen',
-    () => {
-      return (
-        <GestureHandlerRootView>
-          <SecondTabScreen />
-        </GestureHandlerRootView>
-      );
-    },
-    () => SecondTabScreen
-  );
-  Navigation.registerComponent(
-    'example.PushedScreen',
-    () => {
-      return (
-        <GestureHandlerRootView>
-          <PushedScreen />
-        </GestureHandlerRootView>
-      );
-    },
-    () => PushedScreen
-  );
-}
-```
-
-You can check out [this example project](https://github.com/henrikra/nativeNavigationGestureHandler) to see this kind of set up in action.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/introduction
-# Title: Introduction
-
-Gesture Handler provides a declarative API exposing the native platform's touch and gesture system to React Native. It's designed to be a replacement of React Native's built in touch system called [Gesture Responder System](http://reactnative.dev/docs/gesture-responder-system). Using native touch handling allows to address the performance limitations of React Native's Gesture Responder System. It also provides more control over the platform's native components that can handle gestures on their own. If you want to learn more, we recommend [this talk](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) in which he explains issues with the responder system.
-
-The main benefits of using React Native Gesture Handler are:
-
-* A way to use a platform's native touch handling system for recognizing gestures (like [pinch](/docs/gestures/use-pinch-gesture), [rotation](/docs/gestures/use-rotation-gesture), [pan](/docs/gestures/use-pan-gesture) and a few others).
-* The ability to define [relations between gestures](/docs/fundamentals/gesture-composition) to ensure gestures, and possibly native components, will not conflict with each other.
-* Mechanisms for components that run in native thread and follow platform default behavior, such as delaying the transition to a pressed state within scrollable components to prevent highlighting during a quick scroll or fling.
-* Close integration with [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/) to process touch events on the UI thread.
-* Support for different input devices like touch screens, pens and mice.
-* Ability to include any native component into the Gesture Handler's touch system, making it work alongside your gestures.
-
-> **Info**
->
-> We recommended to use Reanimated to implement gesture-driven animations with Gesture Handler. Its more advanced features rely heavily on worklets and the UI runtime provided by Reanimated.
-
-## Learning resources
-
-### Apps
-
-[Gesture Handler Example App](https://github.com/software-mansion/react-native-gesture-handler/tree/main/apps/expo-example) – official gesture handler "showcase" app.
-
-### Talks and workshops
-
-[Declarative future of gestures and animations in React Native](https://www.youtube.com/watch?v=kdq4z2708VM) by [Krzysztof Magiera](https://twitter.com/kzzzf) - talk that explains motivation behind creating gesture handler library. It also presents [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated) and how and when it can be used with gesture handler.
-
-[React Native workshop with Expo team @ReactEurope 2018](https://youtu.be/JSIoE_ReeDk?t=41m49s) by [Brent Vatne](https://twitter.com/notbrent) – great workshop explaining gesture handler in details and presenting a few exercises that will help get you started.
-
-[Living in an async world of React Native](https://www.youtube.com/watch?v=-Izgons3mec) by [Krzysztof Magiera](https://twitter.com/kzzzf) – talk which highlights some issue with the React Native's touch system Gesture Handler aims to address. Also the motivation for building this library is explained.
-
-[React Native Touch & Gesture](https://www.youtube.com/watch?v=V8maYc4R2G0) by [Krzysztof Magiera](https://twitter.com/kzzzf) - talk explaining JS responder system limitations and points out some of the core features of Gesture Handler.
-
-## Contributing
-
-If you are interested in the project and want to contribute or support it in other ways don't hesitate to contact anyone from the team on Twitter or Bluesky (links below)!
-
-All PRs are welcome, but talk to us before you start working on something big.
-
-The easiest way to get started with contributing code is by:
-
-* Reviewing the list of [open issues](https://github.com/software-mansion/react-native-gesture-handler/issues) and trying to solve the one that seem approachable to you.
-* Updating the [documentation](https://github.com/software-mansion/react-native-gesture-handler/tree/main/packages/docs-gesture-handler) whenever you see some information is unclear, missing or out of date.
-
-Code is only one way how you can contribute. You may want to consider [replying on issues](https://github.com/software-mansion/react-native-gesture-handler/issues) if you know how to help.
-
-## Community
-
-We are very proud of the community that has been build around this package. We really appreciate all your help regardless of it is a pull request, issue report, helping others by commenting on existing issues or posting some demo or video tutorial on social media.
-If you've build something with this library you'd like to share, please contact us as we'd love to help share it with others.
-
-### Gesture Handler Team 🚀
-
-Jakub Piasecki
-@breskin67
-@jpiasecki.com
-
-Michał Bert
-@Michal3870
-
-Andrzej Kwaśniewski
-@aakwasniewski
-
-Ignacy Łątka
-@latekvo
-
-Krzysztof Magiera
-@kzzzf
-@kzzzf.bsky.social
-
-### Sponsors
-
-We really appreciate our sponsors! Thanks to them we can develop our library and make the react-native world a better place. Special thanks for:
-
-Shopify
-
-Expo
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/reanimated-interactions
-# Title: Integration with Reanimated
-
-[`GestureDetector`](/docs/fundamentals/gesture-detectors) will decide whether to use [Reanimated](https://docs.swmansion.com/react-native-reanimated/) to process provided gestures based on their configuration. If any of the callbacks is a [worklet](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#worklet) and Reanimated is not explicitly [turned off](#disabling-reanimated), tools provided by the Reanimated will be utilized, bringing the ability to handle gestures synchronously on the main thread.
-
-## Automatic [workletization](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#to-workletize) of gesture callbacks
-
-[Worklets' Babel plugin](https://docs.swmansion.com/react-native-worklets/docs/worklets-babel-plugin/about) is setup in a way that automatically marks callbacks passed to gestures in the configuration chain as worklets. This means that you don't need to add a `'worklet';` directive at the beginning of the functions. Here is an example that will be automatically workletized:
-
-```jsx
-const gesture = useTapGesture({
-  onBegin: () => {
-    console.log(_WORKLET);
-  },
-});
-```
-
-And here is one that won't:
-
-```jsx
-const callback = () => {
-  console.log(_WORKLET);
-};
-
-const gesture = useTapGesture({
-  onBegin: callback,
-});
-```
-
-It also won't work when wrapped with hooks like `useCallback` or `useMemo`, e.g:
-
-```jsx
-const callback = useCallback(() => {
-  console.log(_WORKLET);
-}, []);
-
-const gesture = useTapGesture({
-  onBegin: callback,
-});
-```
-
-In the above cases, you should add a `"worklet";` directive at the beginning of the callbacks, like so:
-
-```jsx
-const callback = () => {
-  // highlight-next-line
-  'worklet';
-  console.log(_WORKLET);
-};
-
-const gesture = useTapGesture({
-  onBegin: callback,
-});
-```
-
-```jsx
-const callback = useCallback(() => {
-  // highlight-next-line
-  'worklet;';
-  console.log(_WORKLET);
-}, []);
-
-const gesture = useTapGesture({
-  onBegin: callback,
-});
-```
-
-## Using SharedValue in gesture config
-
-RNGH3 allows to pass [`SharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) to gestures' configurations. This allows to react to configuration changes without unnecessary rerenders.
-
-## Disabling Reanimated
-
-Gestures created with the hook API have Reanimated integration enabled by default, meaning all callbacks are executed on the UI thread. There are two methods available to disable this behavior for a specific gesture.
-
-### disableReanimated
-
-When `disableReanimated` is set to `true` in the gesture configuration, Reanimated integration will be completely turned off for that gesture throughout its entire lifecycle. This setting eliminates all interaction points with Reanimated, thereby reducing any potential overhead. Default value for this property is `false`.
-
-This property cannot be changed dynamically during the gesture's lifecycle.
-
-```jsx
-const gesture = usePanGesture({
-  // highlight-next-line
-  disableReanimated: true,
-
-  onUpdate: () => {
-    console.log('Panning');
-  },
-});
-```
-
-### runOnJS
-
-The `runOnJS` property allows you to dynamically control whether callbacks are executed on the JS thread or the UI thread. When set to `true`, callbacks will run on the JS thread. Setting it to `false` will execute them on the UI thread. Default value for this property is `false`.
-
-This property can be changed dynamically throughout the gesture's lifecycle.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/root-view
-# Title: GestureHandlerRootView
-
-`GestureHandlerRootView` is a key component that enables Gesture Handler to intercept touch events, allowing for the implementation of gestures in your app. It should wrap your app's main component, and any component that relies on Gesture Handler's gestures has to be a descendant of this view. For more detailed information, you can check out the [under-the-hood section](/docs/under-the-hood/how-does-it-work#android).
-
-```tsx
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-
-export default function App() {
-  return (
-    <GestureHandlerRootView>
-      <ActualApp />
-    </GestureHandlerRootView>
-  );
-}
-```
-
-Keep `GestureHandlerRootView` as close to the actual root of the app as possible. It's the entry point for all gestures and all [gesture relations](/docs/fundamentals/gesture-composition). The gestures won't be recognized outside of the root view, and relations only work between gestures mounted under the same root view.
-
-> **Note**
->
-> When integrating with navigation libraries, wrapping the navigator component with `GestureHandlerRootView` is generally sufficient. However, if you encounter issues with gestures not functioning properly, you might need to wrap each individual screen component with `GestureHandlerRootView` as well.
-
-> **Tip**
->
-> If you're using Gesture Handler in your component library, you may want to wrap your library's code in the `GestureHandlerRootView` component. This will avoid extra configuration for the user.
-
-## Styling
-
-`GestureHandlerRootView` can be thought of as a regular `View` component, therefore it accepts all the same props, including [`style`](https://reactnative.dev/docs/0.81/view-style-props).
-
-If you don't provide anything to the `style` prop, it will default to `{ flex: 1 }`. If you want to customize the styling of the root view, don't forget to also include `flex: 1` in the custom style, otherwise your app won't render anything.
-
-## Nesting root views
-
-In case of nested root views, Gesture Handler will only use the top-most one and ignore the nested ones. If you're unsure if one of your dependencies already renders `GestureHandlerRootView` on its own, don't worry and add one at the root anyway.
-
-## unstable\_forceActive
-
-```ts
-unstable_forceActive?: boolean;
-```
-
-If you're having trouble with gestures not working when inside a component provided by a third-party library, even though you've wrapped the entry point with `<GestureHandlerRootView>`, you can try adding another `<GestureHandlerRootView unstable_forceActive>` closer to the place the gestures are defined. This way, you can prevent Android from canceling relevant gestures when one of the native views tries to grab lock for delivering touch events.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/state-manager
-# Title: State manager
-
-RNGH3 allows to manually control [gestures lifecycle](/docs/under-the-hood/state) by using [`GestureStateManager`](#gesturestatemanager).
-
-## State management
-
-Manual state management is based on `handlerTag`. There are two ways of manual state control. Some gestures also support [`manualActivation`](#manualactivation) property, which blocks their automatic activation, even if they meet their activation criteria.
-
-### Inside gesture definition
-
-If you want to manipulate gesture's state in its callbacks, you can get `handlerTag` from event parameter.
-
-### Outside gesture definition
-
-If you want to control gesture lifecycle outside of it, you can use `handlerTag` from created gesture object.
-
-### manualActivation
-
-When `manualActivation` property is set to `true` on a gesture, it will not activate automatically even if its activation criteria are met. Use [`GestureStateManager`](#gesturestatemanager) to manipulate its state manually.
-
-In the example below, [`Pan`](/docs/gestures/use-pan-gesture) gesture will not activate by simply panning on the blue box - using `GestureStateManager` is necessary.
-
-## GestureStateManager
-
-`GestureStateManager` provides methods to manipulate gesture's state imperatively.
-
-### begin
-
-```tsx
-begin: (handlerTag: number) => void;
-```
-
-Triggers [`onBegin`](/docs/fundamentals/callbacks-events#onbegin) callback on gesture with specified `handlerTag`.
-
-### activate
-
-```tsx
-activate: (handlerTag: number) => void;
-```
-
-Triggers [`onActivate`](/docs/fundamentals/callbacks-events#onactivate) callback on gesture with specified `handlerTag`.
-
-### deactivate
-
-```tsx
-deactivate: (handlerTag: number) => void;
-```
-
-If the gesture had activated, it triggers the [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) callback. It also triggers the [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) callback on gesture with the specified `handlerTag`.
-
-### fail
-
-```tsx
-fail: (handlerTag: number) => void;
-```
-
-Triggers [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) callback on gesture with specified `handlerTag`. If gesture had activated, it will also trigger [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) callback.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step1
-# Title: step1
-
-```tsx
-type Pointer = {
-  x: number;
-  y: number;
-  visible: boolean;
-};
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step2
-# Title: step2
-
-```tsx
-import { StyleSheet } from 'react-native';
-import Animated, {
-  useAnimatedStyle,
-  SharedValue,
-} from 'react-native-reanimated';
-
-type Pointer = {
-  x: number;
-  y: number;
-  visible: boolean;
-};
-
-type PointerElementProps = {
-  pointer: SharedValue<Pointer>;
-  active: SharedValue<boolean>;
-};
-
-function PointerElement(props: PointerElementProps) {
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [
-      { translateX: props.pointer.value.x },
-      { translateY: props.pointer.value.y },
-      {
-        scale:
-          (props.pointer.value.visible ? 1 : 0) *
-          (props.active.value ? 1.3 : 1),
-      },
-    ],
-    backgroundColor: props.active.value ? 'red' : 'blue',
-  }));
-
-  return <Animated.View style={[styles.pointer, animatedStyle]} />;
-}
-
-const styles = StyleSheet.create({
-  pointer: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    backgroundColor: 'red',
-    position: 'absolute',
-    marginStart: -30,
-    marginTop: -30,
-  },
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step3
-# Title: step3
-
-```tsx
-import { StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  GestureHandlerRootView,
-  GestureStateManager,
-  useManualGesture,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useAnimatedStyle,
-  SharedValue,
-  useSharedValue,
-} from 'react-native-reanimated';
-
-...
-
-export default function Example() {
-  const trackedPointers: SharedValue<Pointer>[] = [];
-  const active = useSharedValue(false);
-
-  for (let i = 0; i < 10; i++) {
-    trackedPointers[i] = useSharedValue<Pointer>({
-      x: 0,
-      y: 0,
-      visible: false,
-    });
-  }
-
-  const gesture = useManualGesture({});
-
-  return (
-    <GestureHandlerRootView>
-      <GestureDetector gesture={gesture}>
-        <Animated.View style={{ flex: 1 }}>
-          {trackedPointers.map((pointer, index) => (
-            <PointerElement pointer={pointer} active={active} key={index} />
-          ))}
-        </Animated.View>
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  pointer: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    backgroundColor: 'red',
-    position: 'absolute',
-    marginStart: -30,
-    marginTop: -30,
-  },
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step4
-# Title: step4
-
-```tsx
-const gesture = useManualGesture({
-  onTouchesDown: (e) => {
-    for (const touch of e.changedTouches) {
-      trackedPointers[touch.id].value = {
-        x: touch.x,
-        y: touch.y,
-        visible: true,
-      };
-    }
-
-    if (e.numberOfTouches >= 2) {
-      GestureStateManager.activate(e.handlerTag);
-    }
-  },
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step5
-# Title: step5
-
-```tsx
-const gesture = useManualGesture({
-  ...
-  onTouchesMove: (e) => {
-    for (const touch of e.changedTouches) {
-      trackedPointers[touch.id].value = {
-        x: touch.x,
-        y: touch.y,
-        visible: true,
-      };
-    }
-  },
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step6
-# Title: step6
-
-```tsx
-const gesture = useManualGesture({
-  ...
-  onTouchesUp: (e) => {
-    for (const touch of e.changedTouches) {
-      trackedPointers[touch.id].value = {
-        x: touch.x,
-        y: touch.y,
-        visible: false,
-      };
-    }
-
-    if (e.numberOfTouches === 0) {
-      GestureStateManager.deactivate(e.handlerTag);
-    }
-  },
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step7
-# Title: step7
-
-```tsx
-const gesture = useManualGesture({
-  ...
-  onActivate: () => {
-    active.value = true;
-  },
-  onDeactivate: () => {
-    active.value = false;
-  },
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-continuous-gesture-callbacks
-# Title: base-continuous-gesture-callbacks
-
-### onUpdate
-
-Set the callback that is being called every time the gesture receives an update while it's active.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-continuous-gesture-config
-# Title: base-continuous-gesture-config
-
-### manualActivation
-
-```ts
-manualActivation: boolean | SharedValue<boolean>;
-```
-
-When `true` the handler will not activate by itself even if its activation criteria are met. Instead you can manipulate its state using [`GestureStateManager`](/docs/fundamentals/state-manager). Example usage can be found [here](/docs/fundamentals/state-manager#manualactivation).
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-callbacks
-# Title: base-gesture-callbacks
-
-### onBegin
-
-Set the callback that is being called when given gesture handler starts receiving touches. At the moment of this callback the handler is not yet in an active state and we don't know yet if it will recognize the gesture at all.
-
-### onActivate
-
-Set the callback that is being called when the gesture is recognized by the handler and it transitions to the active state.
-
-### onDeactivate
-
-Set the callback that is being called when the gesture that was recognized by the handler finishes. It will be called only if the handler was previously in the active state.
-
-### onFinalize
-
-Set the callback that is being called when the handler finalizes handling gesture - the gesture was recognized and has finished or it failed to recognize.
-
-### onTouchesDown
-
-```ts
-onTouchesDown: (event: GestureTouchEvent) => void
-```
-
-Set the `onTouchesDown` callback which is called every time a finger is placed on the screen.
-
-### onTouchesMove
-
-```ts
-onTouchesMove: (event: GestureTouchEvent) => void
-```
-
-Set the `onTouchesMove` callback which is called every time a finger is moved on the screen.
-
-### onTouchesUp
-
-```ts
-onTouchesUp: (event: GestureTouchEvent) => void
-```
-
-Set the `onTouchesUp` callback which is called every time a finger is lifted from the screen.
-
-### onTouchesCancel
-
-```ts
-onTouchesCancel: (event: GestureTouchEvent) => void
-```
-
-Set the `onTouchesCancel` callback which is called every time a finger stops being tracked, for example when the gesture finishes.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-config
-# Title: base-gesture-config
-
-### enabled
-
-```ts
-enabled: boolean | SharedValue<boolean>;
-```
-
-Indicates whether the given handler should be analyzing stream of touch events or not.
-When set to `false` we can be sure that the handler will **never** activate.
-If the value gets updated while the handler already started recognizing a gesture, then the handler will stop processing gestures immediately.
-Default value is `true`.
-
-### shouldCancelWhenOutside
-
-```ts
-shouldCancelWhenOutside: boolean | SharedValue<boolean>;
-```
-
-When `true` the handler will stop recognition whenever the finger leaves the area of the connected view.
-Default value of this property is different depending on the handler type.
-Most handlers' `shouldCancelWhenOutside` property defaults to `false` except for the [`LongPressGesture`](/docs/gestures/use-long-press-gesture) and [`TapGesture`](/docs/gestures/use-tap-gesture) which default to `true`.
-
-### hitSlop
-
-This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.
-When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
-
-Instead you can pass an object to specify how each boundary side should be reduced by providing different number of points for `left`, `right`, `top` or `bottom` sides.
-You can alternatively provide `horizontal` or `vertical` instead of specifying directly `left`, `right` or `top` and `bottom`.
-Finally, the object can also take `width` and `height` attributes.
-When `width` is set it is only allow to specify one of the sides `right` or `left`.
-Similarly when `height` is provided only `top` or `bottom` can be set.
-Specifying `width` or `height` is useful if we only want the gesture to activate on the edge of the view. In which case for example we can set `left: 0` and `width: 20` which would make it possible for the gesture to be recognize when started no more than 20 points from the left edge.
-
-**IMPORTANT:** Note that this parameter is primarily designed to reduce the area where gesture can activate. Hence it is only supported for all the values (except `width` and `height`) to be non positive (0 or lower). Although on Android it is supported for the values to also be positive and therefore allow to expand beyond view bounds but not further than the parent view bounds. To achieve this effect on both platforms you can use React Native's View [hitSlop](https://reactnative.dev/docs/view.html#hitslop) property.
-
-### testID
-
-```ts
-testID: string;
-```
-
-Sets a `testID` property for gesture object, allowing for querying for it in tests.
-
-### cancelsTouchesInView
-
-```ts
-cancelsTouchesInView: boolean | SharedValue<boolean>;
-```
-
-Accepts a boolean value.
-When `true`, the gesture will cancel touches for native UI components (`UIButton`, `UISwitch`, etc) it's attached to upon activation.
-Default value is `true`.
-
-### runOnJS
-
-**Requires `react-native-reanimated`**
-
-```ts
-runOnJS: boolean | SharedValue<boolean>;
-```
-
-If set to `true`, callbacks will be executed on JS runtime. Can be changed dynamically throughout gesture lifecycle. Defaults to `false`. For more details, see the [runOnJS](/docs/fundamentals/reanimated-interactions#runonjs) section.
-
-### disableReanimated
-
-**Requires `react-native-reanimated`**
-
-```ts
-disableReanimated: boolean;
-```
-
-If set to `true`, the gesture will ignore any interaction with `Reanimated`. This property cannot be changed during the gesture's lifecycle. For more details, see the [disableReanimated](/docs/fundamentals/reanimated-interactions#disablereanimated) section.
-
-### simultaneousWith
-
-```ts
-simultaneousWith: Gesture | Gesture[]
-```
-
-Adds a gesture that should be recognized simultaneously with this one.
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition). [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
-
-### requireToFail
-
-```ts
-requireToFail: Gesture | Gesture[]
-```
-
-Adds a relation requiring another gesture to fail, before this one can activate.
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition). [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
-
-### block
-
-```ts
-block: Gesture | Gesture[]
-```
-
-Adds a relation that makes other gestures wait with activation until this gesture fails (or doesn't start at all).
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/fundamentals/gesture-composition).[`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) will not recognize other gestures and it needs to be added to another detector in order to be recognized.
-
-### useAnimated
-
-```ts
-useAnimated: boolean;
-```
-
-Setting this property is set to `true` ensures that the [Animated API](/docs/fundamentals/animated-interactions) functions correctly when `useNativeDriver` is set to `false`. The default value is set to `false`.
-
-### activeCursor
-
-```ts
-activeCursor: ActiveCursor | SharedValue<ActiveCursor>;
-```
-
-This parameter allows to specify which cursor should be used when gesture activates. Supports all [CSS cursor values](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/cursor#keyword) (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-event-data
-# Title: base-gesture-event-data
-
-### numberOfPointers
-
-```ts
-numberOfPointers: number;
-```
-
-Represents the number of pointers (fingers) currently placed on the screen.
-
-### pointerType
-
-Indicates the type of pointer device in use.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/mouse-button
-# Title: mouse-button
-
-### mouseButton
-
-Allows users to choose which mouse buttons to respond to. Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/shared-value-info
-# Title: shared-value-info
-
-Properties supporting `SharedValue` can be updated dynamically via [Reanimated Shared Values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) without triggering a re-render.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-fling-gesture
-# Title: Fling gesture
-
-The gesture that tracks quick, sufficiently long movement in specified [direction](#direction).
-When gesture gets activated it will end when finger is released.
-The gesture will fail if the finger is lifted before gesture could activate.
-
-## Example
-
-## Config
-
-### direction
-
-Expressed allowed direction of movement. Expected values are exported as constants in the `Directions` object. It's possible to combine directions using `|` operator.
-
-```js
-import { Directions } from 'react-native-gesture-handler';
-
-// Single direction
-const fling = useFlingGesture({ direction: Directions.RIGHT });
-
-// Combined directions
-const fling = useFlingGesture({ direction: Directions.RIGHT | Directions.LEFT });
-```
-
-### numberOfPointers
-
-```ts
-numberOfPointers: number | SharedValue<number>;
-```
-
-Determine exact number of points required to handle the fling gesture.
-
-## Callbacks
-
-## Event data
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-hover-gesture
-# Title: Hover gesture
-
-Gesture that can recognize hovering above the view it's attached to. The hover effect may be activated by moving a mouse or a stylus over the view.
-
-On iOS additional [visual effects](#effect-ios-only) may be configured.
-
-> **Note**
->
-> Don't rely on `Hover` gesture to continue after the mouse button is clicked or the stylus touches the screen. If you want to handle both cases, [compose](/docs/fundamentals/gesture-composition) it with [`Pan`](/docs/gestures/use-pan-gesture) gesture.
-
-## Example
-
-## Config
-
-### effect
-
-Visual effect applied to the view while the view is hovered. Defaults to `HoverEffect.None`
-
-## Callbacks
-
-## Event data
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-### stylusData
-
-```ts
-stylusData: StylusData;
-```
-
-```ts
-interface StylusData {
-  tiltX: number;
-  tiltY: number;
-  azimuthAngle: number;
-  altitudeAngle: number;
-  pressure: number;
-}
-```
-
-Object that contains additional information about `stylus`. It consists of the following fields:
-
-* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
-* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
-* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
-* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
-* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-long-press-gesture
-# Title: Long press gesture
-
-Gesture that activates when the corresponding view is pressed for a sufficiently long time.
-This gesture will deactivate immediately after the finger is released.
-The gesture will fail to recognize a touch event if the finger is lifted before the [minimum required time](#minduration) or if the finger is moved further than the [allowable distance](#maxdistance).
-
-## Example
-
-## Config
-
-### minDuration
-
-```ts
-minDuration: number | SharedValue<number>;
-```
-
-Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view. The default value is 500.
-
-### maxDistance
-
-```ts
-maxDistance: number | SharedValue<number>;
-```
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture. If the finger travels further than the defined distance and the gesture hasn't yet activated, it will fail to recognize the gesture. The default value is 10.
-
-## Callbacks
-
-## Event data
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
-
-### duration
-
-```ts
-duration: number;
-```
-
-Duration of the long press (time since the start of the gesture), expressed in milliseconds.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-manual-gesture
-# Title: Manual gesture
-
-A plain gesture that has no specific activation criteria nor event data set. Its [state](/docs/under-the-hood/state) has to be controlled manually using a [state manager](/docs/fundamentals/state-manager). It will not fail when all the pointers are lifted from the screen.
-
-> **Tip**
->
-> If you need to modify the activation criteria of gestures other than `Manual`, check their configuration for relevant properties or use [`manualActivation`](/docs/fundamentals/state-manager#manualactivation) to manage their state directly.
-
-## Example
-
-To demonstrate how to make a manual gesture we will make a simple one that tracks all pointers on the screen.
-
-First, we need a way to store information about the pointer: whether it should be visible and its position.
-
-We also need a component to mark where a pointer is. In order to accomplish that we will make a component that accepts two [shared values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value): one holding information about the pointer using the interface we just created, the other holding a bool indicating whether the gesture has activated.
-In this example when the gesture is not active, the ball representing it will be blue and when it is active the ball will be red and slightly bigger.
-
-Now we have to make a component that will handle the gesture and draw all the pointer indicators. We will store data about pointers in an array and render them inside an [`Animated.View`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/your-first-animation#using-an-animated-component).
-
-We have our components set up and we can finally get to making the gesture! We will start with [`onTouchesDown`](/docs/fundamentals/callbacks-events#ontouchesdown) where we need to set position of the pointers and make them visible. We can get this information from the touches property of the event. In this case we will also check how many pointers are on the screen and activate the gesture if there are at least two.
-
-Next, we will handle pointer movement. In [`onTouchesMove`](/docs/fundamentals/callbacks-events#ontouchesmove) we will simply update the position of moved pointers.
-
-We also need to handle lifting fingers from the screen, which corresponds to [`onTouchesUp`](/docs/fundamentals/callbacks-events#ontouchesup). Here we will just hide the pointers that were lifted and end the gesture if there are no more pointers on the screen.
-Note that we are not handling [`onTouchesCancel`](/docs/fundamentals/callbacks-events#ontouchescancel) as in this very basic case we don't expect it to happen, however you should clear data about cancelled pointers (most of the time all active ones) when it is called.
-
-Now that our pointers are being tracked correctly and we have the state management, we can handle activation and ending of the gesture. In our case, we will simply set the active shared value either to `true` or `false`.
-
-Full example code
-
-```tsx
-import { StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  GestureHandlerRootView,
-  GestureStateManager,
-  useManualGesture,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useAnimatedStyle,
-  SharedValue,
-  useSharedValue,
-} from 'react-native-reanimated';
-
-type Pointer = {
-  x: number;
-  y: number;
-  visible: boolean;
-};
-
-type PointerElementProps = {
-  pointer: SharedValue<Pointer>;
-  active: SharedValue<boolean>;
-};
-
-function PointerElement(props: PointerElementProps) {
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [
-      { translateX: props.pointer.value.x },
-      { translateY: props.pointer.value.y },
-      {
-        scale:
-          (props.pointer.value.visible ? 1 : 0) *
-          (props.active.value ? 1.3 : 1),
-      },
-    ],
-    backgroundColor: props.active.value ? 'red' : 'blue',
-  }));
-
-  return <Animated.View style={[styles.pointer, animatedStyle]} />;
-}
-
-export default function Example() {
-  const trackedPointers: SharedValue<Pointer>[] = [];
-  const active = useSharedValue(false);
-
-  for (let i = 0; i < 10; i++) {
-    trackedPointers[i] = useSharedValue<Pointer>({
-      x: 0,
-      y: 0,
-      visible: false,
-    });
-  }
-
-  const gesture = useManualGesture({
-    onTouchesDown: (e) => {
-      for (const touch of e.changedTouches) {
-        trackedPointers[touch.id].value = {
-          x: touch.x,
-          y: touch.y,
-          visible: true,
-        };
-      }
-
-      if (e.numberOfTouches >= 2) {
-        GestureStateManager.activate(e.handlerTag);
-      }
-    },
-    onTouchesMove: (e) => {
-      for (const touch of e.changedTouches) {
-        trackedPointers[touch.id].value = {
-          x: touch.x,
-          y: touch.y,
-          visible: true,
-        };
-      }
-    },
-    onTouchesUp: (e) => {
-      for (const touch of e.changedTouches) {
-        trackedPointers[touch.id].value = {
-          x: touch.x,
-          y: touch.y,
-          visible: false,
-        };
-      }
-
-      if (e.numberOfTouches === 0) {
-        GestureStateManager.deactivate(e.handlerTag);
-      }
-    },
-    onActivate: () => {
-      active.value = true;
-    },
-    onDeactivate: () => {
-      active.value = false;
-    },
-  });
-
-  return (
-    <GestureHandlerRootView>
-      <GestureDetector gesture={gesture}>
-        <Animated.View style={{ flex: 1 }}>
-          {trackedPointers.map((pointer, index) => (
-            <PointerElement pointer={pointer} active={active} key={index} />
-          ))}
-        </Animated.View>
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  pointer: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    backgroundColor: 'red',
-    position: 'absolute',
-    marginStart: -30,
-    marginTop: -30,
-  },
-});
-```
-
-## Modifying existing gestures
-
-While manual gestures open great possibilities we are aware that reimplementing pinch or rotation from scratch just because you need to activate in specific circumstances or require position of the fingers, would be a waste of time as those gestures are already available. Therefore, you can use touch events with every gesture to extract more detailed information about the gesture than what the basic events alone provide. We also added a [`manualActivation`](/docs/fundamentals/state-manager#manualactivation) modifier on all continuous gestures, which prevents the gesture it is applied to from activating automatically, giving you full control over its behavior.
-
-## Config
-
-## Callbacks
-
-## Event data
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-native-gesture
-# Title: Native gesture
-
-A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/fundamentals/gesture-composition) with other gestures.
-
-When used, the native component should be the direct child of a [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-> **Danger**
->
-> Do not use `Native` gesture with components exported by React Native Gesture Handler, as they already have it pre-applied. Attaching `Native` gesture twice will result in undefined behavior.
-
-## Example
-
-This example renders a `ScrollView` with multiple colored rectangles, where each rectangle has a black section. Starting a touch on a black section will disable the `ScrollView` for the duration of the [`Pan`](/docs/gestures/use-pan-gesture) gesture.
-
-## Remarks
-
-* `Native` gesture can be used as part of [gesture composition and cross-component interactions](/docs/fundamentals/gesture-composition) just like any other gesture. You can use this to block a native component for the duration of the gesture or to make it work alongside a gesture.
-
-* Due to platform API limitations, the `Native` gesture has restricted functionality on `web`. For instance, it cannot be used to block scrolling on a `ScrollView`.
-
-## Config
-
-### shouldActivateOnStart
-
-```ts
-shouldActivateOnStart: boolean | SharedValue<boolean>;
-```
-
-When `true`, underlying handler will activate unconditionally when it receives any touches.
-
-### disallowInterruption
-
-```ts
-disallowInterruption: boolean | SharedValue<boolean>;
-```
-
-When `true`, cancels all other gesture handlers when activates.
-
-## Callbacks
-
-## Event data
-
-### pointerInside
-
-```ts
-pointerInside: boolean;
-```
-
-`true` if gesture was performed inside of containing view, `false` otherwise.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-pan-gesture
-# Title: Pan gesture
-
-A continuous gesture that can recognize a panning (dragging) gesture and track its movement.
-
-The gesture activates when a finger is placed on the screen and moved some initial distance.
-
-Configurations such as a minimum initial distance, specific vertical or horizontal pan detection and number of fingers required for activation (allowing for multifinger swipes) may be specified.
-
-Gesture callback can be used for continuous tracking of the pan gesture. It provides information about the gesture such as its XY translation from the starting point as well as its instantaneous velocity.
-
-## Example
-
-## Multi touch pan handling
-
-If your app relies on multi touch pan handling this section provides some information how the default behavior differs between the platform and how (if necessary) it can be unified.
-
-The difference in multi touch pan handling lies in the way how translation properties during the event are being calculated.
-On iOS the default behavior when more than one finger is placed on the screen is to treat this situation as if only one pointer was placed in the center of mass (average position of all the pointers).
-This applies also to many platform native components that handle touch even if not primarily interested in multi touch interactions like for example `UIScrollView` component.
-
-On Android, the default behavior for native components like scroll view, pager views or drawers is different and hence gesture defaults to that when it comes to pan handling.
-The difference is that instead of treating the center of mass of all the fingers placed as a leading pointer it takes the latest placed finger as such.
-This behavior can be changed on Android using [`averageTouches`](#averagetouches-android-only) flag.
-
-Note that on both Android and iOS when the additional finger is placed on the screen that translation prop is not affected even though the position of the pointer being tracked might have changed.
-Therefore it is safe to rely on translation most of the time as it only reflects the movement that happens regardless of how many fingers are placed on the screen and if that number changes over time.
-If you wish to track the "center of mass" virtual pointer and account for its changes when the number of finger changes you can use relative or absolute position provided in the event ([`x`](#x) and [`y`](#y) or [`absoluteX`](#absolutex) and [`absoluteY`](#absolutey)).
-
-## Config
-
-### minDistance
-
-```ts
-minDistance: number | SharedValue<number>;
-```
-
-Minimum distance the finger (or multiple finger) need to travel before the gesture activates. Expressed in points.
-
-### minPointers
-
-```ts
-minPointers: number | SharedValue<number>;
-```
-
-A number of fingers that is required to be placed before gesture can activate. Should be higher or equal to 0.
-
-### maxPointers
-
-```ts
-maxPointers: number | SharedValue<number>;
-```
-
-When the given number of fingers is placed on the screen and gesture hasn't yet activated it will fail recognizing the gesture. Should be higher or equal to 0.
-
-### activateAfterLongPress
-
-```ts
-activateAfterLongPress: number | SharedValue<number>;
-```
-
-Duration in milliseconds of the `LongPress` gesture before `Pan` is allowed to activate. If the finger is moved during that period, the gesture will fail. Should be higher or equal to 0 integer. Default value is 0, meaning no `LongPress` is required to activate the `Pan`.
-
-### activeOffsetX
-
-```ts
-activeOffsetX: number |
-  SharedValue<number> |
-  [number | SharedValue<number>, number | SharedValue<number>];
-```
-
-Range along X axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### activeOffsetY
-
-```ts
-activeOffsetY: number |
-  SharedValue<number> |
-  [number | SharedValue<number>, number | SharedValue<number>];
-```
-
-Range along Y axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### failOffsetY
-
-```ts
-failOffsetY: number |
-  SharedValue<number> |
-  [number | SharedValue<number>, number | SharedValue<number>];
-```
-
-When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### failOffsetX
-
-```ts
-failOffsetX: number |
-  SharedValue<number> |
-  [number | SharedValue<number>, number | SharedValue<number>];
-```
-
-When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### averageTouches
-
-```ts
-averageTouches: boolean | SharedValue<boolean>;
-```
-
-Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
-
-### enableTrackpadTwoFingerGesture
-
-```ts
-enableTrackpadTwoFingerGesture: boolean | SharedValue<boolean>;
-```
-
-Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with enableTrackpadTwoFingerGesture swiping with two fingers will also trigger the gesture.
-
-## Callbacks
-
-## Event data
-
-### translationX
-
-```ts
-translationX: number;
-```
-
-Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
-
-### translationY
-
-```ts
-translationY: number;
-```
-
-Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
-
-### changeX
-
-```ts
-changeX: number;
-```
-
-The horizontal distance moved since the last event frame. This value represents the immediate incremental change in the X axis, rather than the total accumulated distance.
-
-### changeY
-
-```ts
-changeY: number;
-```
-
-The vertical distance moved since the last event frame. This value represents the immediate incremental change in the Y axis, rather than the total accumulated distance.
-
-### velocityX
-
-```ts
-velocityX: number;
-```
-
-Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
-
-### velocityY
-
-```ts
-velocityY: number;
-```
-
-Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector). Expressed in point units.
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-### stylusData
-
-Object that contains additional information about `stylus`. It consists of the following fields:
-
-* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
-* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
-* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
-* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
-* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-pinch-gesture
-# Title: Pinch gesture
-
-Gesture that recognizes pinching. It allows for tracking the distance between two fingers and use that information to scale or zoom your content.
-The gesture activates when fingers are placed on the screen and move away from each other or pull closer together. It provides information about [velocity](#velocity), anchor ([focal](#focalx)) point of gesture and [scale](#scale).
-
-The distance between the fingers is reported as a scale factor. At the beginning of the gesture, the scale factor is `1.0`. As the distance between the two fingers increases, the scale factor increases proportionally.
-Similarly, the scale factor decreases as the distance between the fingers decreases.
-
-Pinch gestures are used most commonly to change the size of objects or content onscreen.
-For example, map views use pinch gestures to change the zoom level of the map.
-
-> **Note**
->
-> When implementing pinch based on focal point, make sure to use it after the gesture had activated, i.e. in `onActivate` or `onUpdate` callbacks. Using it in `onBegin` may lead to unexpected behavior.
-
-## Example
-
-## Config
-
-## Callbacks
-
-## Event data
-
-### scale
-
-```ts
-scale: number;
-```
-
-The scale factor relative to the points of the two touches in screen coordinates.
-
-### scaleChange
-
-```ts
-scaleChange: number;
-```
-
-The incremental change in scale since the last event frame. This value represents the ratio of the current scale to the previous scale, rather than the total accumulated scale of the gesture.
-
-### velocity
-
-```ts
-velocity: number;
-```
-
-Velocity of the pan gesture the current moment. The value is expressed in scale factor per second.
-
-### focalX
-
-```ts
-focalX: number;
-```
-
-Position expressed in points along X axis of center anchor point of gesture
-
-### focalY
-
-```ts
-focalY: number;
-```
-
-Position expressed in points along Y axis of center anchor point of gesture
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-rotation-gesture
-# Title: Rotation gesture
-
-Gesture that can recognize rotation and track its movement.
-
-The gesture activates when fingers are placed on the screen and rotate around a common point. It provides information such as the amount [rotated](#rotation), the focal point of the rotation ([anchor](#anchorx)), and its instantaneous [velocity](#velocity).
-
-> **Note**
->
-> When implementing rotation based on `anchor` point, make sure to use it after the gesture had activated, i.e. in `onActivate` or `onUpdate` callbacks. Using it in `onBegin` may lead to unexpected behavior.
-
-## Example
-
-## Config
-
-## Callbacks
-
-## Event data
-
-### rotation
-
-```ts
-rotation: number;
-```
-
-Amount rotated, expressed in radians, from the gesture's focal point (anchor).
-
-### rotationChange
-
-```ts
-rotationChange: number;
-```
-
-The incremental change in rotation since the last event frame. This value represents the difference in radians between the current and previous rotation, rather than the total accumulated rotation of the gesture.
-
-### velocity
-
-```ts
-velocity: number;
-```
-
-Instantaneous velocity, expressed in point units per second, of the gesture.
-
-### anchorX
-
-```ts
-anchorX: number;
-```
-
-X coordinate, expressed in points, of the gesture's central focal point (anchor).
-
-### anchorY
-
-```ts
-anchorY: number;
-```
-
-Y coordinate, expressed in points, of the gesture's central focal point (anchor).
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-tap-gesture
-# Title: Tap gesture
-
-A discrete gesture that recognizes taps.
-
-Tap gestures detect one or more fingers briefly touching the screen.
-The pointers involved in these gestures must not move significantly from their initial touch positions. This can be changed via configuration.
-The required number of taps and allowed distance from initial position may be configured.
-For example, you might configure tap gesture recognizers to detect single taps, double taps, or triple taps.
-
-In order for a gesture to activate, specified gesture requirements such as [`minPointers`](#minpointers), [`numberOfTaps`](#numberoftaps), [`maxDistance`](#maxdistance), [`maxDuration`](#maxduration), and [`maxDelay`](#maxdelay) must be met.
-
-## Example
-
-## Config
-
-### minPointers
-
-```ts
-minPointers: number | SharedValue<number>;
-```
-
-Minimum number of pointers (fingers) required to be placed before the gesture activates. Should be a positive integer. The default value is 1.
-
-### maxDuration
-
-```ts
-maxDuration: number | SharedValue<number>;
-```
-
-Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch. The default value is 500.
-
-### maxDelay
-
-```ts
-maxDelay: number | SharedValue<number>;
-```
-
-Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required. The default value is 500.
-
-### numberOfTaps
-
-```ts
-numberOfTaps: number | SharedValue<number>;
-```
-
-Number of tap gestures required to activate the gesture. The default value is 1.
-
-### maxDeltaX
-
-```ts
-maxDeltaX: number | SharedValue<number>;
-```
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. If the finger travels further than the defined distance along the X axis and the gesture hasn't yet activated, it will fail to recognize the gesture.
-
-### maxDeltaY
-
-```ts
-maxDeltaY: number | SharedValue<number>;
-```
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. If the finger travels further than the defined distance along the Y axis and the gesture hasn't yet activated, it will fail to recognize the gesture.
-
-### maxDistance
-
-```ts
-maxDistance: number | SharedValue<number>;
-```
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture. If the finger travels further than the defined distance and the gesture hasn't yet activated, it will fail to recognize the gesture.
-
-## Callbacks
-
-## Event data
-
-### x
-
-```ts
-x: number;
-```
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-### y
-
-```ts
-y: number;
-```
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector).
-
-### absoluteX
-
-```ts
-absoluteX: number;
-```
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
-
-### absoluteY
-
-```ts
-absoluteY: number;
-```
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/fundamentals/gesture-detectors#gesture-detector) can be transformed as an effect of the gesture.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step1
-# Title: step1
-
-```jsx
-import { StyleSheet } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import Animated from 'react-native-reanimated';
-
-export default function Ball() {
-  return (
-    <GestureHandlerRootView>
-      <Animated.View style={styles.ball} />
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  ball: {
-    width: 100,
-    height: 100,
-    borderRadius: 100,
-    backgroundColor: 'blue',
-    alignSelf: 'center',
-  },
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step2
-# Title: step2
-
-```jsx
-import {
-  useAnimatedStyle,
-  useSharedValue,
-  withSpring,
-} from 'react-native-reanimated';
-
-export default function Ball() {
-  const isPressed = useSharedValue(false);
-  const offset = useSharedValue({ x: 0, y: 0 });
-
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: offset.value.x },
-        { translateY: offset.value.y },
-        { scale: withSpring(isPressed.value ? 1.2 : 1) },
-      ],
-      backgroundColor: isPressed.value ? 'yellow' : 'blue',
-    };
-  });
-
-  // ...
-}
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step3
-# Title: step3
-
-```jsx {4}
-// ...
-return (
-  <GestureHandlerRootView>
-    <Animated.View style={[styles.ball, animatedStyles]} />
-  </GestureHandlerRootView>
-);
-// ...
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step4
-# Title: step4
-
-```jsx
-import { usePanGesture } from 'react-native-gesture-handler';
-
-function Ball() {
-  // ...
-  const gesture = usePanGesture({
-    onBegin: () => {
-      isPressed.value = true;
-    },
-    onUpdate: (e) => {
-      offset.value = {
-        x: offset.value.x + e.changeX,
-        y: offset.value.y + e.changeY,
-      };
-    },
-    onFinalize: () => {
-      isPressed.value = false;
-    },
-  });
-  // ...
-}
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step5
-# Title: step5
-
-```jsx {4}
-// ...
-return (
-  <GestureHandlerRootView>
-    <GestureDetector gesture={gesture}>
-      <Animated.View style={[styles.ball, animatedStyles]} />
-    </GestureDetector>
-  </GestureHandlerRootView>
-);
-// ...
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/index
-# Title: Quick start
-
-RNGH3 offers a straightforward way to add gestures to your app. Simply wrap your target view with the [GestureDetector](/docs/fundamentals/gesture-detectors#gesture-detector) component, define your gesture, and pass it in. That’s it!
-
-To see the new API in action, let's build a simple app where you can drag a ball around the screen. To follow along, you'll need both `react-native-gesture-handler` (to handle gestures) and [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/) (to handle the animations).
-
-Start by defining the basic structure of the application:
-
-Next, define the `SharedValues` to track the ball's position and create the animated styles required to position the ball on the screen:
-
-Apply the animated styles to the ball component:
-
-Now, define the Pan gesture logic.
-
-Finally, wrap the component responsible for rendering the ball with a GestureDetector, and attach the Pan gesture to it:
-
-The complete implementation is shown below:
-
-```jsx
-import { StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  GestureHandlerRootView,
-  usePanGesture,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useAnimatedStyle,
-  useSharedValue,
-  withSpring,
-} from 'react-native-reanimated';
-
-export default function Ball() {
-  const isPressed = useSharedValue(false);
-  const offset = useSharedValue({ x: 0, y: 0 });
-
-  const gesture = usePanGesture({
-    onBegin: () => {
-      isPressed.value = true;
-    },
-    onUpdate: (e) => {
-      offset.value = {
-        x: offset.value.x + e.changeX,
-        y: offset.value.y + e.changeY,
-      };
-    },
-    onFinalize: () => {
-      isPressed.value = false;
-    },
-  });
-
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: offset.value.x },
-        { translateY: offset.value.y },
-        { scale: withSpring(isPressed.value ? 1.2 : 1) },
-      ],
-      backgroundColor: isPressed.value ? 'yellow' : 'blue',
-    };
-  });
-
-  return (
-    <GestureHandlerRootView>
-      <GestureDetector gesture={gesture}>
-        <Animated.View style={[styles.ball, animatedStyles]} />
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  ball: {
-    width: 100,
-    height: 100,
-    borderRadius: 100,
-    backgroundColor: 'blue',
-    alignSelf: 'center',
-  },
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/swipe-and-scroll
-# Title: Custom swipeable components inside ScrollView (web)
-
-While we recommend using our own [`ReanimatedSwipeable`](/docs/components/reanimated_swipeable) component, creating your own version of swipeable gives you more control over its behavior. Common issue here is that after creating your own swipeable component, scroll does not work. In that case, try adding [`touchAction`](/docs/fundamentals/gesture-detectors#touchaction-web-only) set to `"pan-y"`, like this:
-
-```jsx
-<GestureDetector gesture={...} ... touchAction="pan-y">
-  ...
-</GestureDetector>
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/testing
-# Title: Testing with Jest
-
-## Mocking native modules
-
-In order to load mocks provided by RNGH add following to your jest config in `package.json`:
-
-```json
-"setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"]
-```
-
-Example:
-
-```json
-"jest": {
-  "preset": "react-native",
-  "setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"]
-}
-```
-
-## Testing Gestures' and Gesture handlers' callbacks
-
-RNGH provides APIs, specifically [`fireGestureHandler`](#firegesturehandler) and [`getByGestureTestId`](#getbygesturetestid), to trigger selected handlers.
-
-### fireGestureHandler
-
-```ts
-fireGestureHandler: (componentOrGesture, eventList) => void;
-```
-
-Simulates one event stream (i.e. event sequence starting with `BEGIN` state and ending
-with one of `END`/`FAIL`/`CANCEL` states), calling appropriate callbacks associated with given gesture handler.
-
-* `componentOrGesture` - Either Gesture Handler component found by `Jest` queries (e.g. `getByTestId`) or Gesture found by [`getByGestureTestId()`](#getbygesturetestidtestid)
-
-* `eventList` - Event data passed to appropriate callback. RNGH fills event list if required
-  data is missing using these rules:
-  * `oldState` is filled using state of the previous event. `BEGIN` events use
-    `UNDETERMINED` value as previous event.
-  * Events after first `ACTIVE` state can omit `state` field.
-  * Handler specific data is filled (e.g. `numberOfTouches`, `x` fields) with
-    defaults.
-  * Missing `BEGIN` and `END` events are added with data copied from first and last
-    passed event, respectively.
-  * If first event doesn't have `state` field, the `ACTIVE` state is assumed.
-
-Some `eventList` examples:
-
-```jsx
-const oldStateFilled = [
-  { state: State.BEGAN },
-  { state: State.ACTIVE },
-  { state: State.END },
-]; // three events with specified state are fired.
-
-const implicitActiveState = [
-  { state: State.BEGAN },
-  { state: State.ACTIVE },
-  { x: 5 },
-  { state: State.END },
-]; // 4 events, including two ACTIVE events (second one has overridden additional data).
-
-const implicitBegin = [
-  { x: 1, y: 11 },
-  { x: 2, y: 12, state: State.FAILED },
-]; // 3 events, including implicit BEGAN, one ACTIVE, and one FAILED event with additional data.
-
-const implicitBeginAndEnd = [
-  { x: 5, y: 15 },
-  { x: 6, y: 16 },
-  { x: 7, y: 17 },
-]; // 5 events, including 3 ACTIVE events and implicit BEGAN and END events. BEGAN uses first event's additional data, END uses last event's additional data.
-
-const allImplicits = []; // 3 events, one BEGIN, one ACTIVE, one END with defaults.
-```
-
-### getByGestureTestId
-
-```tsx
-getByGestureTestId: (testID: string) => Gesture;
-```
-
-Returns opaque data type associated with gesture. Gesture is found via [`testID`](/docs/gestures/use-pan-gesture#testid) attribute in rendered
-components.
-
-> **Warning**
->
-> `testID` must be unique among components rendered in test.
-
-## Example
-
-Extracted from RNGH tests, check [`api_v3.test.tsx`](https://github.com/software-mansion/react-native-gesture-handler/blob/main/packages/react-native-gesture-handler/src/__tests__/api_v3.test.tsx) for full implementation.
-
-```tsx
-test('Pan gesture', () => {
-  const onBegin = jest.fn();
-  const onStart = jest.fn();
-
-  const panGesture = renderHook(() =>
-    usePanGesture({
-      disableReanimated: true,
-      onBegin: (e) => onBegin(e),
-      onActivate: (e) => onStart(e),
-    })
-  ).result.current;
-
-  fireGestureHandler(panGesture, [
-    { oldState: State.UNDETERMINED, state: State.BEGAN },
-    { oldState: State.BEGAN, state: State.ACTIVE },
-    { oldState: State.ACTIVE, state: State.ACTIVE },
-    { oldState: State.ACTIVE, state: State.END },
-  ]);
-
-  expect(onBegin).toHaveBeenCalledTimes(1);
-  expect(onStart).toHaveBeenCalledTimes(1);
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/troubleshooting
-# Title: Troubleshooting
-
-## Troubleshooting
-
-Thanks for giving this library a try! We are sorry that you might have encountered issues though. Here is how you can seek help:
-
-1. Search over the [issues on Github](https://github.com/software-mansion/react-native-gesture-handler/issues). There is a chance someone had this problem in the past and it has been resolved!
-2. When sure your problem hasn't been reported or was reported but the proposed solution doesn't work for you please follow [our issue reporting guidelines](#reporting-issues).
-3. You can try seeking help on [Software Mansion Discord](https://discord.com/invite/VemJ4df8Yr).
-4. If you feel like reading the source code we highly recommend it, as this is by far the best resource and gives you the most up to date insights into how the library works and what might be causing the bug.
-5. If you managed to find the solution consider [contributing](/docs/#contributing) a fix or update our documentation to make this information easier to find for the others in the future.
-
-## Reporting issues
-
-This library is maintained by a very small team. Please keep this in mind when reporting issues, as we may not be able to respond as quickly as you might expect. We strive to address all problems as soon as possible, but our time is often constrained by other issues, features, or projects. To help us understand and address your issue more promptly, you can assist by:
-
-* Making sure the issue description is complete. Please include all the details about your environment (library version, RN version, device OS etc).
-* It is the best to provide an example app that reproduces the issue you are having. Put it up on [gist](https://gist.github.com/), [snack](https://snack.expo.io) or create a repo on Github – it doesn't matter as long as we can easily pull it in, run and see the issue.
-* Explain how you run your repro app and what steps to take to reproduce the issue.
-* Isolate your issue from other dependencies you might be using and make the repro app as minimal as possible.
-* If you have spent some time figuring out the root cause of the problem you can leave a note about your findings so far.
-* **Do not comment on closed issues**. It is very unlikely that we are going to notice your comment in such a case. If the issue has been closed, but the proposed solution doesn't work for you, please open a new one providing all the information necessary and linking to the solution you have tried.
-
-## It's not a bug, it's a feature
-
-* Changing `enabled` prop during a gesture has no effect, only when a gesture starts (that is a finger touches the screen) the `enabled` prop is taken into consideration to decide whether to extract (or not) the gesture and provide it with stream of events to analyze.
-* `Native` gesture may not conform to the standard state flow due to platform specific workarounds to incorporate native views into RNGH.
-* Keep in mind that [`Touchables`](/docs/components/touchables) from RNGH are rendering two additional views that may need to be styled separately to achieve desired effect (`style` and `containerStyle` props).
-* In order for the [gesture composition](/docs/fundamentals/gesture-composition) to work, all composed gestures must be attached to the same [`GestureHandlerRootView`](/docs/fundamentals/root-view).
-
-## Multiple instances of Gesture Handler were detected
-
-This error usually happens when in your project there exists more than one instance of Gesture Handler. It can occur when some of your dependencies have installed Gesture Handler inside their own `node_modules` instead of using it as a peer dependency. In this case two different versions of Gesture Handler JS module try to install the same Native Module.
-
-You can resolve this problem manually by modifying your `package.json` file. This will depend on the package manager you are using.
-
-You can check which libraries are using Gesture Handler, along with its version, with the command:
-
-```bash
-npm ls react-native-gesture-handler
-```
-
-Then you can decide which version of Gesture Handler to use by adding the [`overrides`](https://docs.npmjs.com/cli/v8/configuring-npm/package-json#overrides) property.
-
-```json
-"overrides": {
-  "react-native-gesture-handler": <Gesture Handler version>
-}
-```
-
-After that you need to run your package manager again:
-
-```bash
-npm install
-```
-
-You can check which libraries are using Gesture Handler, along with its version, with the command:
-
-```bash
-yarn why react-native-gesture-handler
-```
-
-Then you can decide which version of Gesture Handler to use by adding the [`resolutions`](https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/) property.
-
-```json
-"resolutions": {
-  "react-native-gesture-handler": <Gesture Handler version>
-}
-```
-
-After that you need to run your package manager again:
-
-```bash
-yarn
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/guides/upgrading-to-3
-# Title: Upgrading to the new API introduced in Gesture Handler 3
-
-## Migrating gestures
-
-The most important change brought by the Gesture Handler 3 is the new hook API. Migration is pretty straightforward. Instead of calling builder methods, everything is passed as a configuration object.
-
-[`ForceTouch`](/docs/2.x/gestures/force-touch-gesture) gesture is not available in hook API.
-
-Full changes
-
-| RNGH2                  | RNGH3                   |
-| ---------------------- | ----------------------- |
-| `Gesture.Pan()`        | `usePanGesture()`       |
-| `Gesture.Tap()`        | `useTapGesture()`       |
-| `Gesture.LongPress()`  | `useLongPressGesture()` |
-| `Gesture.Rotation()`   | `useRotationGesture()`  |
-| `Gesture.Pinch()`      | `usePinchGesture()`     |
-| `Gesture.Fling()`      | `useFlingGesture()`     |
-| `Gesture.Hover()`      | `useHoverGesture()`     |
-| `Gesture.Native()`     | `useNativeGesture()`    |
-| `Gesture.Manual()`     | `useManualGesture()`    |
-| `Gesture.ForceTouch()` | *Not available in hook API* |
-
-### Renamed callbacks
-
-In Gesture Handler 3 some of the callbacks were renamed, namely:
-
-| RNGH2     | RNGH3          |
-| --------- | -------------- |
-| `onStart` | `onActivate`   |
-| `onEnd`   | `onDeactivate` |
-| `onTouchesCancelled`   | `onTouchesCancel` |
-
-Here is comparison of the two APIs:
-
-### onChange
-
-`onChange` callback has been removed, and its functionality has been integrated into `onUpdate`. You can now access `change*` properties in `onUpdate` callback.
-
-### state & oldState
-
-The `state` and `oldState` properties are no longer available in event objects. Tracking state changes can now only be accomplished using the appropriate [callbacks](/docs/fundamentals/callbacks-events).
-
-### Event types
-
-The types of events have been unified for all callbacks. Each event falls into one of two categories: [`GestureEvent`](/docs/fundamentals/callbacks-events#gestureevent) for gesture callbacks, or [`GestureTouchEvent`](/docs/fundamentals/callbacks-events#touchevent) for `TouchEvent` callbacks.
-
-### StateManager
-
-In Gesture Handler 3, `stateManager` is no longer passed to `TouchEvent` callbacks. Instead, you should use the global [`GestureStateManager`](/docs/fundamentals/state-manager).
-
-## Migrating relations
-
-### Composed gestures
-
-Previously, composed gestures were created using `Gesture` object. In Gesture Handler 3, relations are set up using relation hooks.
-
-Full changes are as follows:
-
-| RNGH2                                     | RNGH3                       |
-| ----------------------------------------- | --------------------------- |
-| `Gesture.Race()`                          | `useCompetingGestures()`    |
-| `Gesture.Simultaneous()`                  | `useSimultaneousGestures()` |
-| `Gesture.Exclusive()`                     | `useExclusiveGestures()`    |
-
-### Cross components relations properties
-
-Properties used to define cross-components interactions were renamed.
-
-Full changes are as follows:
-
-| RNGH2                                     | RNGH3                       |
-| ----------------------------------------- | --------------------------- |
-| `gesture.simultaneousWithExternalGesture` | `gesture.simultaneousWith`  |
-| `gesture.requireExternalGestureToFail`    | `gesture.requireToFail`     |
-| `gesture.blocksExternalGesture`           | `gesture.block`             |
-
-## Migrating components relying on view hierarchy
-
-Certain components, such as `SVG`, depend on the view hierarchy to function correctly. In Gesture Handler 3, `GestureDetector` disrupts these hierarchies. To resolve this issue, two new detectors have been introduced: [`InterceptingGestureDetector`](/docs/fundamentals/gesture-detectors#interceptinggesturedetector) and [`VirtualGestureDetector`](/docs/fundamentals/gesture-detectors#virtualgesturedetector).
-
-:::danger Detectors order
-`VirtualGestureDetector` has to be a descendant of `InterceptingGestureDetector`.
-:::
-
-### Migrating SVG
-
-In Gesture Handler 2 it was possible to use `GestureDetector` directly on `SVG`. In Gesture Handler 3, the correct way to interact with `SVG` is to use `InterceptingGestureDetector` and `VirtualGestureDetector`.
-
-## Old components
-
-### Buttons
-
-The implementation of buttons has been updated, resolving most button-related issues. They have also been internally rewritten to utilize the new hook API. The original button components are still accessible but have been renamed with the prefix `Legacy`, e.g., `RectButton` is now available as `LegacyRectButton`.
-
-Although the legacy JS implementation of the buttons is still available, they also use the new host component internally. Because of that, `PureNativeButton` is no longer available in Gesture Handler 3.
-
-Legacy buttons
-
-| RNGH2                 | RNGH3                       |
-| --------------------- | --------------------------- |
-| `RawButton`           | `LegacyRawButton`           |
-| `BaseButton`          | `LegacyBaseButton`          |
-| `RectButton`          | `LegacyRectButton`          |
-| `BorderlessButton`    | `LegacyBorderlessButton`    |
-| `PureNativeButton`    | *Not available in Gesture Handler 3*    |
-
-### Other components
-
-Other components have also been internally rewritten using the new hook API but are exported under their original names, so no changes are necessary on your part. However, if you need to use the previous implementation for any reason, the old components are also available and are prefixed with `Legacy`, e.g., `ScrollView` is now available as `LegacyScrollView`.
-
-Legacy components
-
-| RNGH2                 | RNGH3                       |
-| --------------------- | --------------------------- |
-| `ScrollView`          | `LegacyScrollView`          |
-| `FlatList`            | `LegacyFlatList`            |
-| `RefreshControl`      | `LegacyRefreshControl`      |
-| `Switch`              | `LegacySwitch`              |
-| `TextInput`           | `LegacyTextInput`           |
-| `DrawerLayoutAndroid` | `LegacyDrawerLayoutAndroid` |
-
-### createNativeWrapper
-
-`createNativeWrapper` is deprecated and it is now exported as `legacy_createNativeWrapper`.
-
-## Replaced types
-
-Most of the types, like `TapGesture`, are still present in Gesture Handler 3. However, they are now used in new hook API. Types for old API now have `Legacy` prefix, e.g. `TapGesture` becomes `LegacyTapGesture`.
-
-Legacy types
-
-| RNGH2                   | RNGH3                         |
-| ----------------------- | ----------------------------- |
-| `PanGesture`            | `LegacyPanGesture`            |
-| `TapGesture`            | `LegacyTapGesture`            |
-| `LongPressGesture`      | `LegacyLongPressGesture`      |
-| `RotationGesture`       | `LegacyRotationGesture`       |
-| `PinchGesture`          | `LegacyPinchGesture`          |
-| `FlingGesture`          | `LegacyFlingGesture`          |
-| `HoverGesture`          | `LegacyHoverGesture`          |
-| `NativeGesture`         | `LegacyNativeGesture`         |
-| `ManualGesture`         | `LegacyManualGesture`         |
-| `ForceTouchGesture`     | `LegacyForceTouchGesture`     |
-|                         |                               |
-| `ComposedGesture`       | `LegacyComposedGesture`       |
-| `RaceGesture`           | `LegacyRaceGesture`           |
-| `SimultaneousGesture`   | `LegacySimultaneousGesture`   |
-| `ExclusiveGesture`      | `LegacyExclusiveGesture`      |
-|                         |                               |
-| `RawButtonProps`        | `LegacyRawButtonProps`        |
-| `BaseButtonProps`       | `LegacyBaseButtonProps`       |
-| `RectButtonProps`       | `LegacyRectButtonProps`       |
-| `BorderlessButtonProps` | `LegacyBorderlessButtonProps` |
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-continuous-gesture-callbacks
-# Title: base-continuous-gesture-callbacks
-
-### Callbacks common to all continuous gestures:
-
-### `onUpdate(callback)`
-
-Set the callback that is being called every time the gesture receives an update while it's active.
-
-### `onChange(callback)`
-
-Set the callback that is being called every time the gesture receives an update while it's active. This callback will receive information about change in value in relation to the last received event.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-continuous-gesture-config
-# Title: base-continuous-gesture-config
-
-### Properties common to all continuous gestures:
-
-### `manualActivation(value: boolean)`
-
-When `true` the handler will not activate by itself even if its activation criteria are met. Instead you can manipulate its state using [state manager](/docs/2.x/gestures/state-manager/).
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-callbacks
-# Title: base-gesture-callbacks
-
-### Callbacks common to all gestures:
-
-### `onBegin(callback)`
-
-Set the callback that is being called when given gesture handler starts receiving touches. At the moment of this callback the handler is not yet in an active state and we don't know yet if it will recognize the gesture at all.
-
-### `onStart(callback)`
-
-Set the callback that is being called when the gesture is recognized by the handler and it transitions to the active state.
-
-### `onEnd(callback)`
-
-Set the callback that is being called when the gesture that was recognized by the handler finishes. It will be called only if the handler was previously in the active state.
-
-### `onFinalize(callback)`
-
-Set the callback that is being called when the handler finalizes handling gesture - the gesture was recognized and has finished or it failed to recognize.
-
-### `onTouchesDown(callback)`
-
-Set the `onTouchesDown` callback which is called every time a finger is placed on the screen.
-
-### `onTouchesMove(callback)`
-
-Set the `onTouchesMove` callback which is called every time a finger is moved on the screen.
-
-### `onTouchesUp(callback)`
-
-Set the `onTouchesUp` callback which is called every time a finger is lifted from the screen.
-
-### `onTouchesCancelled(callback)`
-
-Set the `onTouchesCancelled` callback which is called every time a finger stops being tracked, for example when the gesture finishes.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-config
-# Title: base-gesture-config
-
-### Properties common to all gestures:
-
-### `enabled(value: boolean)`
-
-Indicates whether the given handler should be analyzing stream of touch events or not.
-When set to `false` we can be sure that the handler's state will **never** become [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
-If the value gets updated while the handler already started recognizing a gesture, then the handler's state it will immediately change to [`FAILED`](/docs/2.x/fundamentals/states-events#failed) or [`CANCELLED`](/docs/2.x/fundamentals/states-events#cancelled) (depending on its current state).
-Default value is `true`.
-
-### `shouldCancelWhenOutside(value: boolean)`
-
-When `true` the handler will [cancel](/docs/2.x/fundamentals/states-events#cancelled) or [fail](/docs/2.x/fundamentals/states-events#failed) recognition (depending on its current state) whenever the finger leaves the area of the connected view.
-Default value of this property is different depending on the handler type.
-Most handlers' `shouldCancelWhenOutside` property defaults to `false` except for the [`LongPressGesture`](/docs/2.x/gestures/long-press-gesture) and [`TapGesture`](/docs/2.x/gestures/tap-gesture) which default to `true`.
-
-### `hitSlop(settings)`
-
-This parameter enables control over what part of the connected view area can be used to [begin](/docs/2.x/fundamentals/states-events#began) recognizing the gesture.
-When a negative number is provided the bounds of the view will reduce the area by the given number of points in each of the sides evenly.
-
-Instead you can pass an object to specify how each boundary side should be reduced by providing different number of points for `left`, `right`, `top` or `bottom` sides.
-You can alternatively provide `horizontal` or `vertical` instead of specifying directly `left`, `right` or `top` and `bottom`.
-Finally, the object can also take `width` and `height` attributes.
-When `width` is set it is only allow to specify one of the sides `right` or `left`.
-Similarly when `height` is provided only `top` or `bottom` can be set.
-Specifying `width` or `height` is useful if we only want the gesture to activate on the edge of the view. In which case for example we can set `left: 0` and `width: 20` which would make it possible for the gesture to be recognize when started no more than 20 points from the left edge.
-
-**IMPORTANT:** Note that this parameter is primarily designed to reduce the area where gesture can activate. Hence it is only supported for all the values (except `width` and `height`) to be non positive (0 or lower). Although on Android it is supported for the values to also be positive and therefore allow to expand beyond view bounds but not further than the parent view bounds. To achieve this effect on both platforms you can use React Native's View [hitSlop](https://reactnative.dev/docs/view.html#hitslop) property.
-
-### `withRef(ref)`
-
-Sets a ref to the gesture object, allowing for interoperability with the old
-API.
-
-### `withTestId(testID)`
-
-Sets a `testID` property for gesture object, allowing for querying for it in tests.
-
-### `cancelsTouchesInView(value)` (**iOS only**)
-
-Accepts a boolean value.
-When `true`, the gesture will cancel touches for native UI components (`UIButton`, `UISwitch`, etc) it's attached to when it becomes [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
-Default value is `true`.
-
-### `runOnJS(value: boolean)`
-
-When `react-native-reanimated` is installed, the callbacks passed to the gestures are automatically workletized and run on the UI thread when called. This option allows for changing this behavior: when `true`, all the callbacks will be run on the JS thread instead of the UI thread, regardless of whether they are worklets or not.
-Defaults to `false`.
-
-### `simultaneousWithExternalGesture(otherGesture1, otherGesture2, ...)`
-
-Adds a gesture that should be recognized simultaneously with this one.
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/2.x/fundamentals/gesture-composition). [`GestureDetector`](/docs/2.x/gestures/gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
-
-### `requireExternalGestureToFail(otherGesture1, otherGesture2, ...)`
-
-Adds a relation requiring another gesture to fail, before this one can activate.
-
-### `blocksExternalGesture(otherGesture1, otherGesture2, ...)`
-
-Adds a relation that makes other gestures wait with activation until this gesture fails (or doesn't start at all).
-
-**IMPORTANT:** Note that this method only marks the relation between gestures, without [composing them](/docs/2.x/fundamentals/gesture-composition).[`GestureDetector`](/docs/2.x/gestures/gesture-detector) will not recognize the `otherGestures` and it needs to be added to another detector in order to be recognized.
-
-### `activeCursor(value)` (Web only)
-
-This parameter allows to specify which cursor should be used when gesture activates. Supports all CSS cursor values (e.g. `"grab"`, `"zoom-in"`). Default value is set to `"auto"`.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-event-data
-# Title: base-gesture-event-data
-
-### Event attributes common to all gestures:
-
-### `state`
-
-Current [state](/docs/2.x/fundamentals/states-events) of the handler. Expressed as one of the constants exported under `State` object by the library.
-
-### `numberOfPointers`
-
-Represents the number of pointers (fingers) currently placed on the screen.
-
-### `pointerType`
-
-Indicates the type of pointer device in use. This value is represented by the `PointerType` enum, which includes the following fields:
-
-* `TOUCH` - represents finger
-* `STYLUS` - represents stylus or digital pen
-* `MOUSE` - represents computer mouse
-* `KEY` - represents keyboard
-* `OTHER` - represents unknown device type that is not relevant
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/gesture-detector-functional1
-# Title: gesture-detector-functional1
-
-```jsx
-export default function Example() {
-  const tap = Gesture.Tap().onStart(() => {
-    console.log('tap');
-  });
-
-  return (
-    <GestureDetector gesture={tap}>
-      <FunctionalComponent>
-        <View style={styles.box} />
-      </FunctionalComponent>
-    </GestureDetector>
-  );
-}
-
-function FunctionalComponent(props) {
-  return <View collapsable={false}>{props.children}</View>;
-}
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/v2-info
-# Title: v2-info
-
-> **Warning**
->
-> Heads up! This page covers the old builder-based API from Gesture Handler 2. We recommend checking out the newer hook-based API from Gesture Handler 3.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/composed-gestures
-# Title: Composed gestures
-
-Composed gestures (`Race`, `Simultaneous`, `Exclusive`) provide a simple way of building relations between gestures. See [Gesture Composition](/docs/2.x/fundamentals/gesture-composition) for more details.
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  const pan = Gesture.Pan();
-  const longPress = Gesture.LongPress();
-
-  // highlight-next-line
-  const composed = Gesture.Race(pan, longPress);
-
-  return (
-    <GestureDetector gesture={composed}>
-      <Animated.View />
-    </GestureDetector>
-  );
-}
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/fling-gesture
-# Title: Fling gesture
-
-A discrete gesture that activates when the movement is sufficiently long and fast.
-Gesture gets [ACTIVE](/docs/2.x/fundamentals/states-events#active) when movement is sufficiently long and it does not take too much time.
-When gesture gets activated it will turn into [END](/docs/2.x/fundamentals/states-events#end) state when finger is released.
-The gesture will fail to recognize if the finger is lifted before being activated.
-
-Fling Gesture
-
-## Example
-
-```jsx
-import { StyleSheet } from 'react-native';
-import {
-  Gesture,
-  GestureDetector,
-  Directions,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-} from 'react-native-reanimated';
-
-export default function App() {
-  const position = useSharedValue(0);
-  // highlight-next-line
-  const flingGesture = Gesture.Fling()
-    .direction(Directions.RIGHT)
-    .onStart((e) => {
-      position.value = withTiming(position.value + 10, { duration: 100 });
-    });
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ translateX: position.value }],
-  }));
-
-  return (
-    <GestureDetector gesture={flingGesture}>
-      <Animated.View style={[styles.box, animatedStyle]} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Config
-
-### Properties specific to `FlingGesture`:
-
-### `direction(value: Directions)`
-
-Expressed allowed direction of movement. Expected values are exported as constants in the `Directions` object. It's possible to pass one or many directions in one parameter:
-
-```js
-import { Directions } from 'react-native-gesture-handler';
-fling.direction(Directions.RIGHT | Directions.LEFT);
-```
-
-or
-
-```js
-fling.direction(Directions.DOWN);
-```
-
-### `numberOfPointers(value: number)`
-
-Determine exact number of points required to handle the fling gesture.
-
-### `mouseButton(value: MouseButton)` (Web & Android only)
-
-Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
-
-* `LEFT`
-* `RIGHT`
-* `MIDDLE`
-* `BUTTON_4`
-* `BUTTON_5`
-* `ALL`
-
-Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `FlingGesture`:
-
-### `x`
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](./gesture-detector.md). Expressed in point units.
-
-### `y`
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](./gesture-detector.md). Expressed in point units.
-
-### `absoluteX`
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/force-touch-gesture
-# Title: Force touch gesture (iOS only)
-
-> **Warning**
->
-> ForceTouch gesture is deprecated and will be removed in the future version of Gesture Handler.
-
-A continuous gesture that recognizes force of a touch. It allows for tracking pressure of touch on some iOS devices.
-The gesture [activates](/docs/2.x/fundamentals/states-events#active) when pressure of touch is greater than or equal to `minForce`. It fails if pressure is greater than `maxForce`.
-Gesture callback can be used for continuous tracking of the touch pressure. It provides information for one finger (the first one).
-
-At the beginning of the gesture, the pressure factor is 0.0. As the pressure increases, the pressure factor increases proportionally. The maximum pressure is 1.0.
-
-There's no implementation provided on Android and it simply renders children without any wrappers.
-Since this behaviour is only provided on some iOS devices, this gesture should not be used for defining any crucial behaviors. Use it only as an additional improvement and make all features to be accessed without this gesture as well.
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  // highlight-next-line
-  const forceTouch = Gesture.ForceTouch();
-
-  return (
-    <GestureDetector gesture={forceTouch}>
-      <View />
-    </GestureDetector>
-  );
-}
-```
-
-## Config
-
-### Properties specific to `ForceTouchGesture`:
-
-### `minForce(value: number)`
-
-A minimal pressure that is required before gesture can [activate](/docs/2.x/fundamentals/states-events#active). Should be a value from range `[0.0, 1.0]`. Default is `0.2`.
-
-### `maxForce(value: number)`
-
-A maximal pressure that could be applied for gesture. If the pressure is greater, gesture [fails](/docs/2.x/fundamentals/states-events#failed). Should be a value from range `[0.0, 1.0]`.
-
-### `feedbackOnActivation(value: boolean)`
-
-Value defining if haptic feedback has to be performed on activation.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `ForceTouchGesture`:
-
-### `force`
-
-The pressure of a touch.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture-composition
-# Title: Gesture composition & interactions
-
-Composing gestures is much simpler in RNGH2, you don't need to create a ref for every gesture that depends on another one. Instead you can use `Race`, `Simultaneous` and `Exclusive` methods provided by the `Gesture` object.
-
-## Race
-
-Only one of the provided gestures can become active at the same time. The first gesture to become active will cancel the rest of the gestures. It accepts variable number of arguments.
-It is the equivalent to having more than one gesture handler without defining `simultaneousHandlers` and `waitFor` props.
-
-For example, lets say that you have a component that you want to make draggable but you also want to show additional options on long press. Presumably you would not want the component to move after the long press activates. You can accomplish this using `Race`:
-
-> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
-
-```js
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-} from 'react-native-reanimated';
-
-function App() {
-  const offset = useSharedValue({ x: 0, y: 0 });
-  const start = useSharedValue({ x: 0, y: 0 });
-  const popupPosition = useSharedValue({ x: 0, y: 0 });
-  const popupAlpha = useSharedValue(0);
-
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: offset.value.x },
-        { translateY: offset.value.y },
-      ],
-    };
-  });
-
-  const animatedPopupStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: popupPosition.value.x },
-        { translateY: popupPosition.value.y },
-      ],
-      opacity: popupAlpha.value,
-    };
-  });
-
-  const dragGesture = Gesture.Pan()
-    .onStart((_e) => {
-      popupAlpha.value = withTiming(0);
-    })
-    .onUpdate((e) => {
-      offset.value = {
-        x: e.translationX + start.value.x,
-        y: e.translationY + start.value.y,
-      };
-    })
-    .onEnd(() => {
-      start.value = {
-        x: offset.value.x,
-        y: offset.value.y,
-      };
-    });
-
-  const longPressGesture = Gesture.LongPress().onStart((_event) => {
-    popupPosition.value = { x: offset.value.x, y: offset.value.y };
-    popupAlpha.value = withTiming(1);
-  });
-
-  const composed = Gesture.Race(dragGesture, longPressGesture);
-
-  return (
-    <Animated.View>
-      <Popup style={animatedPopupStyles} />
-      <GestureDetector gesture={composed}>
-        <Component style={animatedStyles} />
-      </GestureDetector>
-    </Animated.View>
-  );
-}
-```
-
-## Simultaneous
-
-All of the provided gestures can activate at the same time. Activation of one will not cancel the other.
-It is the equivalent to having some gesture handlers, each with `simultaneousHandlers` prop set to the other handlers.
-
-For example, if you want to make a gallery app, you might want user to be able to zoom, rotate and pan around photos. You can do it with `Simultaneous`:
-
-> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
-
-```js
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-function App() {
-  const offset = useSharedValue({ x: 0, y: 0 });
-  const start = useSharedValue({ x: 0, y: 0 });
-  const scale = useSharedValue(1);
-  const savedScale = useSharedValue(1);
-  const rotation = useSharedValue(0);
-  const savedRotation = useSharedValue(0);
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [
-        { translateX: offset.value.x },
-        { translateY: offset.value.y },
-        { scale: scale.value },
-        { rotateZ: `${rotation.value}rad` },
-      ],
-    };
-  });
-
-  const dragGesture = Gesture.Pan()
-    .averageTouches(true)
-    .onUpdate((e) => {
-      offset.value = {
-        x: e.translationX + start.value.x,
-        y: e.translationY + start.value.y,
-      };
-    })
-    .onEnd(() => {
-      start.value = {
-        x: offset.value.x,
-        y: offset.value.y,
-      };
-    });
-
-  const zoomGesture = Gesture.Pinch()
-    .onUpdate((event) => {
-      scale.value = savedScale.value * event.scale;
-    })
-    .onEnd(() => {
-      savedScale.value = scale.value;
-    });
-
-  const rotateGesture = Gesture.Rotation()
-    .onUpdate((event) => {
-      rotation.value = savedRotation.value + event.rotation;
-    })
-    .onEnd(() => {
-      savedRotation.value = rotation.value;
-    });
-
-  const composed = Gesture.Simultaneous(
-    dragGesture,
-    Gesture.Simultaneous(zoomGesture, rotateGesture)
-  );
-
-  return (
-    <Animated.View>
-      <GestureDetector gesture={composed}>
-        <Photo style={animatedStyles} />
-      </GestureDetector>
-    </Animated.View>
-  );
-}
-```
-
-## Exclusive
-
-Only one of the provided gestures can become active, with the first one having a higher priority than the second one (if both gestures are still possible, the second one will wait for the first one to fail before it activates), second one having a higher priority than the third one, and so on.
-It is equivalent to having some gesture handlers where the second one has the `waitFor` prop set to the first handler, third one has the `waitFor` prop set to the first and the second one, and so on.
-
-For example, if you want to make a component that responds to single tap as well as to a double tap, you can accomplish that using `Exclusive`:
-
-> Note: the `useSharedValue` and `useAnimatedStyle` are part of [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
-
-```js
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  const singleTap = Gesture.Tap().onEnd((_event, success) => {
-    if (success) {
-      console.log('single tap!');
-    }
-  });
-  const doubleTap = Gesture.Tap()
-    .numberOfTaps(2)
-    .onEnd((_event, success) => {
-      if (success) {
-        console.log('double tap!');
-      }
-    });
-
-  const taps = Gesture.Exclusive(doubleTap, singleTap);
-
-  return (
-    <GestureDetector gesture={taps}>
-      <Component />
-    </GestureDetector>
-  );
-}
-```
-
-# Cross-component interactions
-
-You may have noticed that gesture composition described above requires you to mount all of the composed gestures under a single `GestureDetector`, effectively attaching them to the same underlying component. You can customize how gestures interact with each other across multiple components in a couple of ways:
-
-## requireExternalGestureToFail
-
-`requireExternalGestureToFail` allows to delay activation of the handler until all handlers passed as arguments to this method fail (or don't begin at all).
-
-For example, you may want to have two nested components, both of them can be tapped by the user to trigger different actions: outer view requires one tap, but the inner one requires 2 taps. If you don't want the first tap on the inner view to activate the outer handler, you must make the outer gesture wait until the inner one fails:
-
-```jsx
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  Gesture,
-  GestureHandlerRootView,
-} from 'react-native-gesture-handler';
-
-export default function Example() {
-  const innerTap = Gesture.Tap()
-    .numberOfTaps(2)
-    .onStart(() => {
-      console.log('inner tap');
-    });
-
-  const outerTap = Gesture.Tap()
-    .onStart(() => {
-      console.log('outer tap');
-    })
-    .requireExternalGestureToFail(innerTap);
-
-  return (
-    <GestureHandlerRootView style={styles.container}>
-      <GestureDetector gesture={outerTap}>
-        <View style={styles.outer}>
-          <GestureDetector gesture={innerTap}>
-            <View style={styles.inner} />
-          </GestureDetector>
-        </View>
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  outer: {
-    width: 250,
-    height: 250,
-    backgroundColor: 'lightblue',
-  },
-  inner: {
-    width: 100,
-    height: 100,
-    backgroundColor: 'blue',
-    alignSelf: 'center',
-  },
-});
-```
-
-## blocksExternalGesture
-
-`blocksExternalGesture` works similarly to `requireExternalGestureToFail` but the direction of the relation is reversed - instead of being one-to-many relation, it's many-to-one. It's especially useful for making lists where the `ScrollView` component needs to wait for every gesture underneath it. All that's required to do is to pass a ref, for example:
-
-```jsx
-import React, { useRef } from 'react';
-import { StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  Gesture,
-  GestureHandlerRootView,
-  ScrollView,
-} from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-} from 'react-native-reanimated';
-
-const ITEMS = ['red', 'green', 'blue', 'yellow'];
-
-function Item({ backgroundColor, scrollRef }) {
-  const scale = useSharedValue(1);
-  const zIndex = useSharedValue(1);
-
-  const pinch = Gesture.Pinch()
-    .blocksExternalGesture(scrollRef)
-    .onBegin(() => {
-      zIndex.value = 100;
-    })
-    .onChange((e) => {
-      scale.value *= e.scaleChange;
-    })
-    .onFinalize(() => {
-      scale.value = withTiming(1, undefined, (finished) => {
-        if (finished) {
-          zIndex.value = 1;
-        }
-      });
-    });
-
-  const animatedStyles = useAnimatedStyle(() => ({
-    transform: [{ scale: scale.value }],
-    zIndex: zIndex.value,
-  }));
-
-  return (
-    <GestureDetector gesture={pinch}>
-      <Animated.View
-        style={[
-          { backgroundColor: backgroundColor },
-          styles.item,
-          animatedStyles,
-        ]}
-      />
-    </GestureDetector>
-  );
-}
-
-export default function Example() {
-  const scrollRef = useRef();
-
-  return (
-    <GestureHandlerRootView style={styles.container}>
-      <ScrollView style={styles.container} ref={scrollRef}>
-        {ITEMS.map((item) => (
-          <Item backgroundColor={item} key={item} scrollRef={scrollRef} />
-        ))}
-      </ScrollView>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  item: {
-    flex: 1,
-    aspectRatio: 1,
-  },
-});
-```
-
-## simultaneousWithExternalGesture
-
-`simultaneousWithExternalGesture` allows gestures across different components to be recognized simultaneously. For example, you may want to have two nested views, both with tap gesture attached. Both of them require one tap, but tapping the inner one should also activate the gesture attached to the outer view:
-
-```jsx
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import {
-  GestureDetector,
-  Gesture,
-  GestureHandlerRootView,
-} from 'react-native-gesture-handler';
-
-export default function Example() {
-  const innerTap = Gesture.Tap().onStart(() => {
-    console.log('inner tap');
-  });
-
-  const outerTap = Gesture.Tap()
-    .onStart(() => {
-      console.log('outer tap');
-    })
-    .simultaneousWithExternalGesture(innerTap);
-
-  return (
-    <GestureHandlerRootView style={styles.container}>
-      <GestureDetector gesture={outerTap}>
-        <View style={styles.outer}>
-          <GestureDetector gesture={innerTap}>
-            <View style={styles.inner} />
-          </GestureDetector>
-        </View>
-      </GestureDetector>
-    </GestureHandlerRootView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  outer: {
-    width: 250,
-    height: 250,
-    backgroundColor: 'lightblue',
-  },
-  inner: {
-    width: 100,
-    height: 100,
-    backgroundColor: 'blue',
-    alignSelf: 'center',
-  },
-});
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture-detector
-# Title: GestureDetector
-
-`GestureDetector` is the main component of the RNGH2. It is responsible for creating and updating native gesture handlers based on the config of provided gesture. The most significant difference between it and old gesture handlers is that the `GestureDetector` can recognize more than one gesture at the time thanks to gesture composition. Keep in mind that `GestureDetector` is not compatible with the [Animated API](https://reactnative.dev/docs/animated), nor with [Reanimated 1](https://docs.swmansion.com/react-native-reanimated/docs/1.x/).
-
-## Reference
-
-```javascript
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-
-function App() {
-  const tap = Gesture.Tap();
-  return (
-    // highlight-next-line
-    <GestureDetector gesture={tap}>
-      <Animated.View />
-      // highlight-next-line
-    </GestureDetector>
-  );
-}
-```
-
-## Properties
-
-### `gesture`
-
-A gesture object containing the configuration and callbacks. Can be any of the base gestures (`Tap`, `Pan`, `LongPress`, `Fling`, `Pinch`, `Rotation`, `ForceTouch`) or any [`ComposedGesture`](./composed-gestures.md) (`Race`, `Simultaneous`, `Exclusive`).
-
-> **Info**
->
-> GestureDetector will decide whether to use Reanimated to process provided gestures based on callbacks they have. If any of the callbacks is a worklet, tools provided by the Reanimated will be utilized bringing ability to handle gestures synchronously.
->
-> Starting with Reanimated 2.3.0 Gesture Handler will provide a [StateManager](/docs/2.x/gestures/state-manager) in the [touch events](/docs/2.x/gestures/touch-events) that allows for managing the state of the gesture.
-
-### `userSelect` (Web only)
-
-This parameter allows to specify which `userSelect` property should be applied to underlying view. Possible values are `"none" | "auto" | "text"`. Default value is set to `"none"`.
-
-### `touchAction` (Web only)
-
-This parameter allows to specify which `touchAction` property should be applied to underlying view. Supports all CSS `touch-action` values (e.g. `"none"`, `"pan-y"`). Default value is set to `"none"`.
-
-### `enableContextMenu(value: boolean)` (Web only)
-
-Specifies whether context menu should be enabled after clicking on underlying view with right mouse button. Default value is set to `false`.
-
-## Remarks
-
-* Gesture Detector will use first native view in its subtree to recognize gestures, however if this view is used only to group its children it may get automatically [collapsed](https://reactnative.dev/docs/view#collapsable-android). Consider this example:
-
-  If we were to remove the collapsable prop from the View, the gesture would stop working because it would be attached to a view that is not present in the view hierarchy. Gesture Detector adds this prop automatically to its direct child but it's impossible to do automatically for more complex view trees.
-
-* Using the same instance of a gesture across multiple Gesture Detectors is not possible. Have a look at the code below:
-
-  ```jsx
-  export default function Example() {
-    const pan = Gesture.Pan();
-
-    return (
-      <View>
-        <GestureDetector gesture={pan}>
-          <View>
-            <GestureDetector gesture={pan}>
-              {' '}
-              {/* Don't do this! */}
-              <View />
-            </GestureDetector>
-          </View>
-        </GestureDetector>
-      </View>
-    );
-  }
-  ```
-
-  This example will throw an error, becuse we try to use the same instance of `Pan` in two different Gesture Detectors.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture
-# Title: Gesture
-
-`Gesture` is the object that allows you to create and compose gestures.
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  // highlight-next-line
-  const tap = Gesture.Tap();
-
-  return (
-    <GestureDetector gesture={tap}>
-      <Animated.View />
-    </GestureDetector>
-  );
-}
-```
-
-### Gesture.Tap()
-
-Creates a new instance of [`TapGesture`](/docs/2.x/gestures/tap-gesture) with its default config and no callbacks.
-
-### Gesture.Pan()
-
-Creates a new instance of [`PanGesture`](/docs/2.x/gestures/pan-gesture) with its default config and no callbacks.
-
-### Gesture.LongPress()
-
-Creates a new instance of [`LongPressGesture`](/docs/2.x/gestures/long-press-gesture) with its default config and no callbacks.
-
-### Gesture.Fling()
-
-Creates a new instance of [`FlingGesture`](/docs/2.x/gestures/fling-gesture) with its default config and no callbacks.
-
-### Gesture.Pinch()
-
-Creates a new instance of [`PinchGesture`](/docs/2.x/gestures/pinch-gesture) with its default config and no callbacks.
-
-### Gesture.Rotation()
-
-Creates a new instance of [`RotationGesture`](/docs/2.x/gestures/rotation-gesture) with its default config and no callbacks.
-
-### Gesture.Hover()
-
-Creates a new instance of [`HoverGesture`](/docs/2.x/gestures/hover-gesture) with its default config and no callbacks.
-
-### Gesture.ForceTouch()
-
-Creates a new instance of [`ForceTouchGesture`](/docs/2.x/gestures/force-touch-gesture) with its default config and no callbacks.
-
-### Gesture.Manual()
-
-Creates a new instance of [`ManualGesture`](/docs/2.x/gestures/manual-gesture) with its default config and no callbacks.
-
-### Gesture.Native()
-
-Creates a new instance of [`NativeGesture`](/docs/2.x/gestures/native-gesture) with its default config and no callbacks.
-
-### Gesture.Race(gesture1, gesture2, gesture3, ...): ComposedGesture
-
-Creates a gesture composed of those provided as arguments. Only one of those can become active and there are no restrictions to the activation of the gesture. The first one to activate will cancel all the others.
-
-### Gesture.Simultaneous(gesture1, gesture2, gesture3, ...): ComposedGesture
-
-Creates a gesture composed of those provided as arguments. All of them can become active without cancelling the others.
-
-### Gesture.Exclusive(gesture1, gesture2, gesture3, ...): ComposedGesture
-
-Creates a gesture composed of those provided as arguments. Only one of them can become active, but the first one has a higher priority than the second one, the second one has a higher priority than the third one, and so on. When all gestures are in the `BEGAN` state and the activation criteria for the second one is met, instead of activating it will wait until the first one fails (and only then it will activate) or until the first one activates (and then the second one will get cancelled). It is useful when you want to compose gestures with similar activation criteria (e.g. single and double tap at the same component, without Exclusive the single tap would activate every time user taps thus cancelling the double tap).
-
-## Remarks
-
-* Consider wrapping your gesture configurations with `useMemo`, as it will reduce the amount of work Gesture Handler has to do under the hood when updating gestures. For example:
-
-```jsx
-import React from 'react';
-
-function App() {
-  const gesture = React.useMemo(
-    () =>
-      Gesture.Tap().onStart(() => {
-        console.log('Number of taps:', tapNumber + 1);
-        setTapNumber((value) => value + 1);
-      }),
-    [tapNumber, setTapNumber]
-  );
-  // ...
-}
-```
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/hover-gesture
-# Title: Hover gesture
-
-A continuous gesture that can recognize hovering above the view it's attached to. The hover effect may be activated by moving a mouse or a stylus over the view.
-
-On iOS additional visual effects may be configured.
-
-Hover Gesture
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  // highlight-next-line
-  const hover = Gesture.Hover();
-
-  return (
-    <GestureDetector gesture={hover}>
-      <View />
-    </GestureDetector>
-  );
-}
-```
-
-## Remarks
-
-* Don't rely on `Hover` gesture to continue after the mouse button is clicked or the stylus touches the screen. If you want to handle both cases, [compose](/docs/2.x/fundamentals/gesture-composition) it with [`Pan` gesture](/docs/2.x/gestures/pan-gesture).
-
-## Config
-
-### Properties specific to `HoverGesture`:
-
-### `effect(effect: HoverEffect)` (iOS only)
-
-```js
-import { HoverEffect } from 'react-native-gesture-handler';
-```
-
-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`
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `HoverGesture`:
-
-### `x`
-
-X coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `y`
-
-Y coordinate of the current position of the pointer relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `absoluteX`
-
-X coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate of the current position of the pointer relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-### `stylusData`
-
-Object that contains additional information about `stylus`. It consists of the following fields:
-
-* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
-* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
-* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
-* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
-* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/long-press-gesture
-# Title: Long press gesture
-
-A discrete gesture that activates when the corresponding view is pressed for a sufficiently long time.
-This gesture's state will turn into [END](/docs/2.x/fundamentals/states-events#end) immediately after the finger is released.
-The gesture will fail to recognize a touch event if the finger is lifted before the [minimum required time](/docs/2.x/gestures/long-press-gesture#mindurationvalue-number) or if the finger is moved further than the [allowable distance](/docs/2.x/gestures/long-press-gesture#maxdistancevalue-number).
-
-Long Press Gesture
-
-## Example
-
-```jsx
-import { View, StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-
-export default function App() {
-  // highlight-next-line
-  const longPressGesture = Gesture.LongPress().onEnd((e, success) => {
-    if (success) {
-      console.log(`Long pressed for ${e.duration} ms!`);
-    }
-  });
-
-  return (
-    <GestureDetector gesture={longPressGesture}>
-      <View style={styles.box} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Config
-
-### Properties specific to `LongPressGesture`:
-
-### `minDuration(value: number)`
-
-Minimum time, expressed in milliseconds, that a finger must remain pressed on the corresponding view. The default value is 500.
-
-### `maxDistance(value: number)`
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a long press gesture. If the finger travels further than the defined distance and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture. The default value is 10.
-
-### `mouseButton(value: MouseButton)` (Web & Android only)
-
-Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
-
-* `LEFT`
-* `RIGHT`
-* `MIDDLE`
-* `BUTTON_4`
-* `BUTTON_5`
-* `ALL`
-
-Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `LongPressGesture`:
-
-### `x`
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
-
-### `y`
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
-
-### `absoluteX`
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
-
-### `duration`
-
-Duration of the long press (time since the start of the gesture), expressed in milliseconds.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/manual-gesture
-# Title: Manual gesture
-
-A plain gesture that has no specific activation criteria nor event data set. Its state has to be controlled manually using a [state manager](/docs/2.x/gestures/state-manager). It will not fail when all the pointers are lifted from the screen.
-
-## Reference
-
-```jsx
-import { GestureDetector, Gesture } from 'react-native-gesture-handler';
-
-function App() {
-  // highlight-next-line
-  const manual = Gesture.Manual();
-
-  return (
-    <GestureDetector gesture={manual}>
-      <Animated.View />
-    </GestureDetector>
-  );
-}
-```
-
-## Config
-
-## Callbacks
-
-## Event data
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/native-gesture
-# Title: Native gesture
-
-A gesture that allows other touch handling components to work within RNGH's gesture system. This streamlines interactions between gestures and the native component, allowing it to form [relations](/docs/2.x/fundamentals/gesture-composition) with other gestures.
-
-When used, the native component should be the direct child of a `GestureDetector`.
-
-## Example
-
-This example renders a `ScrollView` with multiple colored rectangles, where each rectangle has a black section. Starting a touch on a black section will disable the `ScrollView` for the duration of the `Pan` gesture.
-
-```jsx
-import { View, ScrollView } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-
-const COLORS = ['red', 'green', 'blue', 'purple', 'orange', 'cyan'];
-
-export default function App() {
-  // highlight-next-line
-  const native = Gesture.Native();
-
-  return (
-    <GestureDetector gesture={native}>
-      <ScrollView style={{ flex: 1 }}>
-        <ScrollableContent scrollGesture={native} />
-      </ScrollView>
-    </GestureDetector>
-  );
-}
-
-function ScrollableContent({ scrollGesture }) {
-  return (
-    <View>
-      {COLORS.map((color) => (
-        <Rectangle key={color} color={color} scrollGesture={scrollGesture} />
-      ))}
-    </View>
-  );
-}
-
-function Rectangle({ color, scrollGesture }) {
-  const pan = Gesture.Pan().blocksExternalGesture(scrollGesture);
-
-  return (
-    <View
-      key={color}
-      style={{ width: '100%', height: 250, backgroundColor: color }}>
-      <GestureDetector gesture={pan}>
-        <View style={{ width: '100%', height: 50, backgroundColor: 'black' }} />
-      </GestureDetector>
-    </View>
-  );
-}
-```
-
-## Remarks
-
-* `Native` gesture can be used as part of [gesture composition and cross-component interactions](/docs/2.x/fundamentals/gesture-composition) just like any other gesture. You can use this to block a native component for the duration of the gesture or to make it work alongside a gesture.
-
-> **Danger**
->
-> Do not use `Native` gesture with components exported by React Native Gesture Handler. Those come with a native gesture handler preapplied. Attaching a native gesture twice will likely result in the components not working as intended.
-
-## Config
-
-### Properties specific to `NativeGesture`:
-
-### `shouldActivateOnStart(value: boolean)` (**Android only**)
-
-When `true`, underlying handler will activate unconditionally when it receives any touches in [`BEGAN`](/docs/2.x/fundamentals/states-events#began) or [`UNDETERMINED`](/docs/2.x/fundamentals/states-events#undetermined) state.
-
-### `disallowInterruption(value: boolean)`
-
-When `true`, cancels all other gesture handlers when this `NativeViewGestureHandler` changes its state to [`ACTIVE`](/docs/2.x/fundamentals/states-events#active).
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `NativeGesture`:
-
-### `pointerInside`
-
-True if gesture was performed inside of containing view, false otherwise.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/pan-gesture
-# Title: Pan gesture
-
-A continuous gesture that can recognize a panning (dragging) gesture and track its movement.
-
-The gesture [activates](/docs/2.x/fundamentals/states-events#active) when a finger is placed on the screen and moved some initial distance.
-
-Configurations such as a minimum initial distance, specific vertical or horizontal pan detection and [number of fingers](/docs/2.x/gestures/pan-gesture#minpointersvalue-number) required for activation (allowing for multifinger swipes) may be specified.
-
-Gesture callback can be used for continuous tracking of the pan gesture. It provides information about the gesture such as its XY translation from the starting point as well as its instantaneous velocity.
-
-Pan Gesture
-
-## Example
-
-```jsx
-import { StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  withTiming,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-const END_POSITION = 200;
-
-export default function App() {
-  const onLeft = useSharedValue(true);
-  const position = useSharedValue(0);
-
-  // highlight-next-line
-  const panGesture = Gesture.Pan()
-    .onUpdate((e) => {
-      if (onLeft.value) {
-        position.value = e.translationX;
-      } else {
-        position.value = END_POSITION + e.translationX;
-      }
-    })
-    .onEnd((e) => {
-      if (position.value > END_POSITION / 2) {
-        position.value = withTiming(END_POSITION, { duration: 100 });
-        onLeft.value = false;
-      } else {
-        position.value = withTiming(0, { duration: 100 });
-        onLeft.value = true;
-      }
-    });
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ translateX: position.value }],
-  }));
-
-  return (
-    // highlight-next-line
-    <GestureDetector gesture={panGesture}>
-      <Animated.View style={[styles.box, animatedStyle]} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Multi touch pan handling
-
-If your app relies on multi touch pan handling this section provides some information how the default behavior differs between the platform and how (if necessary) it can be unified.
-
-The difference in multi touch pan handling lies in the way how translation properties during the event are being calculated.
-On iOS the default behavior when more than one finger is placed on the screen is to treat this situation as if only one pointer was placed in the center of mass (average position of all the pointers).
-This applies also to many platform native components that handle touch even if not primarily interested in multi touch interactions like for example UIScrollView component.
-
-On Android, the default behavior for native components like scroll view, pager views or drawers is different and hence gesture defaults to that when it comes to pan handling.
-The difference is that instead of treating the center of mass of all the fingers placed as a leading pointer it takes the latest placed finger as such.
-This behavior can be changed on Android using [`averageTouches`](#averagetouchesvalue-boolean-android-only) flag.
-
-Note that on both Android and iOS when the additional finger is placed on the screen that translation prop is not affected even though the position of the pointer being tracked might have changed.
-Therefore it is safe to rely on translation most of the time as it only reflects the movement that happens regardless of how many fingers are placed on the screen and if that number changes over time.
-If you wish to track the "center of mass" virtual pointer and account for its changes when the number of finger changes you can use relative or absolute position provided in the event ([`x`](#x) and [`y`](#y) or [`absoluteX`](#absolutex) and [`absoluteY`](#absolutey)).
-
-## Config
-
-### Properties specific to `PanGesture`:
-
-### `minDistance(value: number)`
-
-Minimum distance the finger (or multiple finger) need to travel before the gesture [activates](/docs/2.x/fundamentals/states-events#active). Expressed in points.
-
-### `minPointers(value: number)`
-
-A number of fingers that is required to be placed before gesture can [activate](/docs/2.x/fundamentals/states-events#active). Should be a higher or equal to 0 integer.
-
-### `maxPointers(value: number)`
-
-When the given number of fingers is placed on the screen and gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active) it will fail recognizing the gesture. Should be a higher or equal to 0 integer.
-
-### `activateAfterLongPress(duration: number)`
-
-Duration in milliseconds of the `LongPress` gesture before `Pan` is allowed to [activate](/docs/2.x/fundamentals/states-events#active). If the finger is moved during that period, the gesture will [fail](/docs/2.x/fundamentals/states-events#failed). Should be a higher or equal to 0 integer. Default value is 0, meaning no `LongPress` is required to [activate](/docs/2.x/fundamentals/states-events#active) the `Pan`.
-
-### `activeOffsetX(value: number | number[])`
-
-Range along X axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### `activeOffsetY(value: number | number[])`
-
-Range along Y axis (in points) where fingers travels without activation of gesture. Moving outside of this range implies activation of gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### `failOffsetY(value: number | number[])`
-
-When the finger moves outside this range (in points) along Y axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### `failOffsetX(value: number | number[])`
-
-When the finger moves outside this range (in points) along X axis and gesture hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number.
-If range is set as an array, first value must be lower or equal to 0, a the second one higher or equal to 0.
-If only one number `p` is given a range of `(-inf, p)` will be used if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-
-### `averageTouches(value: boolean)` (Android only)
-
-Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen). This modifier allows that behavior to be changed to the one that is default on iOS - the averaged position of all active pointers will be used to calculate the translation values.
-
-### `enableTrackpadTwoFingerGesture(value: boolean)` (iOS only)
-
-Enables two-finger gestures on supported devices, for example iPads with trackpads. If not enabled the gesture will require click + drag, with enableTrackpadTwoFingerGesture swiping with two fingers will also trigger the gesture.
-
-### `mouseButton(value: MouseButton)` (Web & Android only)
-
-Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
-
-* `LEFT`
-* `RIGHT`
-* `MIDDLE`
-* `BUTTON_4`
-* `BUTTON_5`
-* `ALL`
-
-Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `PanGesture`:
-
-### `translationX`
-
-Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
-
-### `translationY`
-
-Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
-
-### `velocityX`
-
-Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
-
-### `velocityY`
-
-Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
-
-### `x`
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `y`
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `absoluteX`
-
-X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-### `stylusData`
-
-Object that contains additional information about `stylus`. It consists of the following fields:
-
-* [`tiltX`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltX) - angle in degrees between the Y-Z plane of the stylus and the screen.
-* [`tiltY`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tiltY) - angle in degrees between the X-Z plane of the stylus and the screen.
-* [`altitudeAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/altitudeAngle) - angle between stylus axis and the X-Y plane of a device screen.
-* [`azimuthAngle`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/azimuthAngle) - angle between the Y-Z plane and the plane containing both the stylus axis and the Y axis.
-* [`pressure`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pressure) - indicates the normalized pressure of the stylus.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/pinch-gesture
-# Title: Pinch gesture
-
-A continuous gesture that recognizes pinch gesture. It allows for tracking the distance between two fingers and use that information to scale or zoom your content.
-The gesture [activates](/docs/2.x/fundamentals/states-events#active) when fingers are placed on the screen and change their position.
-Gesture callback can be used for continuous tracking of the pinch gesture. It provides information about velocity, anchor (focal) point of gesture and scale.
-
-The distance between the fingers is reported as a scale factor. At the beginning of the gesture, the scale factor is 1.0. As the distance between the two fingers increases, the scale factor increases proportionally.
-Similarly, the scale factor decreases as the distance between the fingers decreases.
-Pinch gestures are used most commonly to change the size of objects or content onscreen.
-For example, map views use pinch gestures to change the zoom level of the map.
-
-Pinch Gesture
-
-## Example
-
-```jsx
-import { StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-export default function App() {
-  const scale = useSharedValue(1);
-  const savedScale = useSharedValue(1);
-
-  // highlight-next-line
-  const pinchGesture = Gesture.Pinch()
-    .onUpdate((e) => {
-      scale.value = savedScale.value * e.scale;
-    })
-    .onEnd(() => {
-      savedScale.value = scale.value;
-    });
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ scale: scale.value }],
-  }));
-
-  return (
-    <GestureDetector gesture={pinchGesture}>
-      <Animated.View style={[styles.box, animatedStyle]} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Remarks
-
-* When implementing pinch based on `focal` point, make sure to use it after gesture has activated, i.e. in `onStart`, `onUpdate` or `onChange` callbacks. Using it in `onBegan` may lead to unexpected behavior.
-
-## Config
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `PinchGesture`:
-
-### `scale`
-
-The scale factor relative to the points of the two touches in screen coordinates.
-
-### `velocity`
-
-Velocity of the pan gesture the current moment. The value is expressed in scale factor per second.
-
-### `focalX`
-
-Position expressed in points along X axis of center anchor point of gesture
-
-### `focalY`
-
-Position expressed in points along Y axis of center anchor point of gesture
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/rotation-gesture
-# Title: Rotation gesture
-
-A continuous gesture that can recognize a rotation gesture and track its movement.
-
-The gesture [activates](/docs/2.x/fundamentals/states-events#active) when fingers are placed on the screen and change position in a proper way.
-
-Gesture callback can be used for continuous tracking of the rotation gesture. It provides information about the gesture such as the amount rotated, the focal point of the rotation (anchor), and its instantaneous velocity.
-
-Rotation Gesture
-
-## Example
-
-```jsx
-import { StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-export default function App() {
-  const rotation = useSharedValue(1);
-  const savedRotation = useSharedValue(1);
-
-  // highlight-next-line
-  const rotationGesture = Gesture.Rotation()
-    .onUpdate((e) => {
-      rotation.value = savedRotation.value + e.rotation;
-    })
-    .onEnd(() => {
-      savedRotation.value = rotation.value;
-    });
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ rotateZ: `${(rotation.value / Math.PI) * 180}deg` }],
-  }));
-
-  return (
-    <GestureDetector gesture={rotationGesture}>
-      <Animated.View style={[styles.box, animatedStyle]} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Remarks
-
-* When implementing rotation based on `anchor` point, make sure to use it after gesture has activated, i.e. in `onStart`, `onUpdate` or `onChange` callbacks. Using it in `onBegan` may lead to unexpected behavior.
-
-## Config
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `RotationGesture`:
-
-### `rotation`
-
-Amount rotated, expressed in radians, from the gesture's focal point (anchor).
-
-### `velocity`
-
-Instantaneous velocity, expressed in point units per second, of the gesture.
-
-### `anchorX`
-
-X coordinate, expressed in points, of the gesture's central focal point (anchor).
-
-### `anchorY`
-
-Y coordinate, expressed in points, of the gesture's central focal point (anchor).
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/state-manager
-# Title: Gesture state manager
-
-`GestureStateManager` allows to manually control the state of the gestures. Please note that `react-native-reanimated` is required to use it, since it allows for synchronously executing methods in worklets.
-
-## Methods
-
-### `begin()`
-
-Transition the gesture to the [`BEGAN`](/docs/2.x/fundamentals/states-events#began) state. This method will have no effect if the gesture has already activated or finished.
-
-### `activate()`
-
-Transition the gesture to the [`ACTIVE`](/docs/2.x/fundamentals/states-events#active) state. This method will have no effect if the handler is already active, or has finished.
-If the gesture is [`exclusive`](/docs/2.x/fundamentals/gesture-composition) with another one, the activation will be delayed until the gesture with higher priority fails.
-
-### `end()`
-
-Transition the gesture to the [`END`](/docs/2.x/fundamentals/states-events#end) state. This method will have no effect if the handler has already finished.
-
-### `fail()`
-
-Transition the gesture to the [`FAILED`](/docs/2.x/fundamentals/states-events#failed) state. This method will have no effect if the handler has already finished.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/tap-gesture
-# Title: Tap gesture
-
-A discrete gesture that recognizes one or many taps.
-
-Tap gestures detect one or more fingers briefly touching the screen.
-The fingers involved in these gestures must not move significantly from their initial touch positions.
-The required number of taps and allowed distance from initial position may be configured.
-For example, you might configure tap gesture recognizers to detect single taps, double taps, or triple taps.
-
-In order for a gesture to [activate](/docs/2.x/fundamentals/states-events#active), specified gesture requirements such as minPointers, numberOfTaps, maxDist, maxDuration, and maxDelayMs (explained below) must be met. Immediately after the gesture [activates](/docs/2.x/fundamentals/states-events#active), it will [end](/docs/2.x/fundamentals/states-events#end).
-
-Tap Gesture
-
-## Example
-
-```jsx
-import { View, StyleSheet } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-
-export default function App() {
-  // highlight-next-line
-  const singleTap = Gesture.Tap()
-    .maxDuration(250)
-    .onStart(() => {
-      console.log('Single tap!');
-    });
-
-  // highlight-next-line
-  const doubleTap = Gesture.Tap()
-    .maxDuration(250)
-    .numberOfTaps(2)
-    .onStart(() => {
-      console.log('Double tap!');
-    });
-
-  return (
-    <GestureDetector gesture={Gesture.Exclusive(doubleTap, singleTap)}>
-      <View style={styles.box} />
-    </GestureDetector>
-  );
-}
-
-const styles = StyleSheet.create({
-  box: {
-    height: 120,
-    width: 120,
-    backgroundColor: '#b58df1',
-    borderRadius: 20,
-    marginBottom: 30,
-  },
-});
-```
-
-## Config
-
-### Properties specific to `TapGesture`:
-
-### `minPointers(value: number)`
-
-Minimum number of pointers (fingers) required to be placed before the gesture [activates](/docs/2.x/fundamentals/states-events#active). Should be a positive integer. The default value is 1.
-
-### `maxDuration(value: number)`
-
-Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch. The default value is 500.
-
-### `maxDelay(value: number)`
-
-Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required. The default value is 500.
-
-### `numberOfTaps(value: number)`
-
-Number of tap gestures required to [activate](/docs/2.x/fundamentals/states-events#active) the gesture. The default value is 1.
-
-### `maxDeltaX(value: number)`
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. If the finger travels further than the defined distance along the X axis and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
-
-### `maxDeltaY(value: number)`
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. If the finger travels further than the defined distance along the Y axis and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
-
-### `maxDistance(value: number)`
-
-Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture. If the finger travels further than the defined distance and the gesture hasn't yet [activated](/docs/2.x/fundamentals/states-events#active), it will fail to recognize the gesture.
-
-### `mouseButton(value: MouseButton)` (Web & Android only)
-
-Allows users to choose which mouse button should handler respond to. The enum `MouseButton` consists of the following predefined fields:
-
-* `LEFT`
-* `RIGHT`
-* `MIDDLE`
-* `BUTTON_4`
-* `BUTTON_5`
-* `ALL`
-
-Arguments can be combined using `|` operator, e.g. `mouseButton(MouseButton.LEFT | MouseButton.RIGHT)`. Default value is set to `MouseButton.LEFT`.
-
-## Callbacks
-
-## Event data
-
-### Event attributes specific to `TapGesture`:
-
-### `x`
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
-
-### `y`
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector).
-
-### `absoluteX`
-
-X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteX` instead of [`x`](#x) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use `absoluteY` instead of [`y`](#y) in cases when the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector) can be transformed as an effect of the gesture.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/touch-events
-# Title: Touch events
-
-### Touch event attributes:
-
-### `eventType`
-
-Type of the current event - whether the finger was placed on the screen, moved, lifted or cancelled.
-
-### `changedTouches`
-
-An array of objects where every object represents a single touch. Contains information only about the touches that were affected by the event i.e. those that were placed down, moved, lifted or cancelled.
-
-### `allTouches`
-
-An array of objects where every object represents a single touch. Contains information about all active touches.
-
-### `numberOfTouches`
-
-Number representing the count of currently active touches.
-
-> **Caution**
->
-> Don't rely on the order of items in the `touches` as it may change during the gesture, instead use the `id` attribute to track individual touches across events.
-
-### PointerData attributes:
-
-### `id`
-
-A number representing id of the touch. It may be used to track the touch between events as the id will not change while it is being tracked.
-
-### `x`
-
-X coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `y`
-
-Y coordinate of the current position of the touch relative to the view attached to the [`GestureDetector`](/docs/2.x/gestures/gesture-detector). Expressed in point units.
-
-### `absoluteX`
-
-X coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of [`x`](#x) in cases when the original view can be transformed as an effect of the gesture.
-
-### `absoluteY`
-
-Y coordinate of the current position of the touch relative to the window. The value is expressed in point units. It is recommended to use it instead of [`y`](#y) in cases when the original view can be transformed as an effect of the gesture.
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/under-the-hood/how-does-it-work
-# Title: How does it work?
-
-### Units
-
-All handler component properties and event attributes that represent onscreen dimensions are expressed in screen density independent units we refer to as "points".
-These are the units commonly used in React Native ecosystem (e.g. in the [layout system](http://reactnative.dev/docs/flexbox.html)).
-They do not map directly to physical pixels but instead to [iOS's points](https://developer.apple.com/library/content/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html#//apple_ref/doc/uid/TP40010156-CH14-SW7) and to [dp](https://developer.android.com/guide/topics/resources/more-resources#Dimension) units on Android.
-
-## iOS
-
-All gestures are implemented using [UIGestureRecognizers](https://developer.apple.com/documentation/uikit/uigesturerecognizer?language=objc). Some of them have been slightly modified to allow for more customization and to conform to the [state flow](/docs/fundamentals/callbacks-events) of RNGH. When you assign a gesture configuration to the [`GestureDetector`](/docs/fundamentals/gesture-detectors), it creates all the required recognizers and assigns them to the child view of the detector. From this point most of the heavy lifting is handled by the [UIKit](https://developer.apple.com/documentation/uikit?language=objc) (with our help to correctly implement interactions between gestures).
-
-## Android
-
-Unfortunately, Android doesn't provide an easy way of handling gestures hence most of them were implemented from scratch, including a system for managing how the gestures should interact with each other. Here's a quick overview of how it works:
-When you wrap a component with [`GestureHandlerRootView`](/docs/fundamentals/root-view) it allows for the RNGH to intercept all touch events on that component and process them, deciding whether they should be handled by one of the gesture handlers or passed to the underlying view. Gesture handlers are created right at the moment you declare them in order to initialize all of the necessary handlers natively. Every `GestureHandlerRootView` also has a specific handler to decide whether to pass the touch events or to consume them. It can never activate, only begin, end or be cancelled. When this handler is in the `UNDETERMINED` [state](/docs/under-the-hood/state) it means that there is no touch in progress, however when the touch starts it transitions to the `BEGAN` state. As long as it stays in that state, no touch event is consumed, but as soon as it gets cancelled (meaning that some handler has activated) all incoming touch events get consumed, preventing underlying view from receiving them.
-
-When a pointer touches the screen the view tree is traversed in order to extract all handlers attached to the views below the finger (including the one attached to the `GestureHandlerRootView`) and all extracted handlers transition to the `BEGAN` state, signalling that the gesture may have began. The touch events continue to be delivered to all extracted handlers until one of them recognizes the gesture and tries to activate. At this point the orchestrator checks whether this gesture should wait for any other of the extracted gestures to fail. If it does, it's put to the waiting list, if it doesn't, it gets activated and all other gestures (that are not simultaneous with it) get cancelled. When a gesture handlers transitions to a finished state (the gesture recognized by it stops, fails or gets cancelled) the orchestrator checks the waiting handlers. Every one of them that waited for the gesture that just failed tries to activate again (and again the orchestrator checks if it should wait for any of the extracted gestures...).
-
-
----
-# URL: https://docs.swmansion.com/react-native-gesture-handler/docs/under-the-hood/state
-# Title: Handler State
-
-Gesture handlers can be treated as ["state machines"](https://en.wikipedia.org/wiki/Finite-state_machine).
-At any given time, each handler instance has an assigned state that can change when new touch events occur or can be forced to change by the touch system in certain circumstances.
-
-States manage the internal recognition process. You can hook into these transitions using specific gesture callbacks.
-
-| State              | Description                                                                              | Callback                                                                                                                                                                                                                                                                           |
-| :----------------- | :--------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **`UNDETERMINED`** | The default initial state of every handler.                                              | —                                                                                                                                                                                                                                                                                  |
-| **`BEGAN`**        | The handler has started receiving touch data but hasn't yet met the activation criteria. | [`onBegin`](/docs/fundamentals/callbacks-events#onbegin)                                                                                                                                                                                                                           |
-| **`ACTIVE`**       | The gesture is recognized and activation criteria are met.                               | [`onActivate`](/docs/fundamentals/callbacks-events#onactivate) when it first transitions into the `ACTIVE` state.  [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) when it has new data about the gesture.                                                  |
-| **`END`**          | The user successfully completed the gesture.                                             | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) with `didSucceed` parameter set to `true`.  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `true`.                                                 |
-| **`FAILED`**       | The handler failed to recognize the gesture.                                             | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) if the gesture was in `ACTIVE` state before. `didSucceed` parameter will be set to `false`  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `false`. |
-| **`CANCELLED`**    | The system interrupted the gesture.                                                      | [`onDeactivate`](/docs/fundamentals/callbacks-events#ondeactivate) if the gesture was in `ACTIVE` state before. `didSucceed` parameter will be set to `false`  [`onFinalize`](/docs/fundamentals/callbacks-events#onfinalize) with `didSucceed` parameter set to `false`. |
-
diff --git a/packages/docs-gesture-handler/static/llms.txt b/packages/docs-gesture-handler/static/llms.txt
deleted file mode 100644
index 540e8cd068..0000000000
--- a/packages/docs-gesture-handler/static/llms.txt
+++ /dev/null
@@ -1,107 +0,0 @@
-# Documentation
-
-## components
-
-- [Buttons](https://docs.swmansion.com/react-native-gesture-handler/docs/components/buttons)
-- [Pressable](https://docs.swmansion.com/react-native-gesture-handler/docs/components/pressable)
-- [Reanimated Drawer Layout](https://docs.swmansion.com/react-native-gesture-handler/docs/components/reanimated-drawer-layout)
-- [Reanimated Swipeable](https://docs.swmansion.com/react-native-gesture-handler/docs/components/reanimated_swipeable)
-- [Touchables](https://docs.swmansion.com/react-native-gesture-handler/docs/components/touchables)
-
-## fundamentals
-
-- [Integration with Animated](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/animated-interactions)
-- [Gesture callbacks & events](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/callbacks-events)
-- [Gesture composition & interactions](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/gesture-composition)
-- [Gesture Detectors](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/gesture-detector)
-- [Installation](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation)
-- [Introduction](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/introduction)
-- [Integration with Reanimated](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/reanimated-interactions)
-- [GestureHandlerRootView](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/root-view)
-- [State manager](https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/state-manager)
-
-## gestures/_manual_gesture_steps
-
-- [step1](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step1)
-- [step2](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step2)
-- [step3](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step3)
-- [step4](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step4)
-- [step5](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step5)
-- [step6](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step6)
-- [step7](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_manual_gesture_steps/step7)
-
-## gestures/_shared
-
-- [base-continuous-gesture-callbacks](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-continuous-gesture-callbacks)
-- [base-continuous-gesture-config](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-continuous-gesture-config)
-- [base-gesture-callbacks](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-callbacks)
-- [base-gesture-config](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-config)
-- [base-gesture-event-data](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/base-gesture-event-data)
-- [mouse-button](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/mouse-button)
-- [shared-value-info](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/_shared/shared-value-info)
-
-## gestures
-
-- [Fling gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-fling-gesture)
-- [Hover gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-hover-gesture)
-- [Long press gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-long-press-gesture)
-- [Manual gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-manual-gesture)
-- [Native gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-native-gesture)
-- [Pan gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-pan-gesture)
-- [Pinch gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-pinch-gesture)
-- [Rotation gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-rotation-gesture)
-- [Tap gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/use-tap-gesture)
-
-## guides/quickstart/_steps
-
-- [step1](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step1)
-- [step2](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step2)
-- [step3](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step3)
-- [step4](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step4)
-- [step5](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/_steps/step5)
-
-## guides/quickstart
-
-- [Quick start](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/quickstart/index)
-
-## guides
-
-- [Custom swipeable components inside ScrollView (web)](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/swipe-and-scroll)
-- [Testing with Jest](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/testing)
-- [Troubleshooting](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/troubleshooting)
-- [Upgrading to the new API introduced in Gesture Handler 3](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/upgrading-to-3)
-
-## legacy-gestures/_shared
-
-- [base-continuous-gesture-callbacks](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-continuous-gesture-callbacks)
-- [base-continuous-gesture-config](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-continuous-gesture-config)
-- [base-gesture-callbacks](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-callbacks)
-- [base-gesture-config](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-config)
-- [base-gesture-event-data](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/base-gesture-event-data)
-- [gesture-detector-functional1](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/gesture-detector-functional1)
-- [v2-info](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/_shared/v2-info)
-
-## legacy-gestures
-
-- [Composed gestures](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/composed-gestures)
-- [Fling gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/fling-gesture)
-- [Force touch gesture (iOS only)](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/force-touch-gesture)
-- [Gesture composition & interactions](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture-composition)
-- [GestureDetector](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture-detector)
-- [Gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/gesture)
-- [Hover gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/hover-gesture)
-- [Long press gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/long-press-gesture)
-- [Manual gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/manual-gesture)
-- [Native gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/native-gesture)
-- [Pan gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/pan-gesture)
-- [Pinch gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/pinch-gesture)
-- [Rotation gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/rotation-gesture)
-- [Gesture state manager](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/state-manager)
-- [Tap gesture](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/tap-gesture)
-- [Touch events](https://docs.swmansion.com/react-native-gesture-handler/docs/legacy-gestures/touch-events)
-
-## under-the-hood
-
-- [How does it work?](https://docs.swmansion.com/react-native-gesture-handler/docs/under-the-hood/how-does-it-work)
-- [Handler State](https://docs.swmansion.com/react-native-gesture-handler/docs/under-the-hood/state)
-

From 06272805f83217796493be7a13641f439f76251c Mon Sep 17 00:00:00 2001
From: Patrycja Kalinska <patrycja.kalinska@swmansion.com>
Date: Tue, 17 Mar 2026 09:18:30 +0100
Subject: [PATCH 6/6] fixes

---
 .../docs/fundamentals/animated-interactions.mdx                 | 2 --
 .../docs-gesture-handler/docs/fundamentals/callbacks-events.mdx | 1 -
 .../docs/fundamentals/gesture-composition.mdx                   | 2 --
 .../docs-gesture-handler/docs/fundamentals/gesture-detector.mdx | 2 --
 .../docs/fundamentals/reanimated-interactions.mdx               | 2 --
 .../docs-gesture-handler/docs/fundamentals/state-manager.mdx    | 2 --
 .../docs/gestures/_shared/base-gesture-event-data.mdx           | 2 --
 .../docs/gestures/use-long-press-gesture.mdx                    | 2 --
 .../docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx | 2 --
 packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx | 2 --
 .../src/components/Hero/StartScreen/index.tsx                   | 2 +-
 11 files changed, 1 insertion(+), 20 deletions(-)

diff --git a/packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx b/packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx
index 634b3ed9ef..c59724bd04 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/animated-interactions.mdx
@@ -5,8 +5,6 @@ sidebar_label: Integration with Animated
 sidebar_position: 9
 ---
 
-
-
 Using hook API allows for smooth integration with the [Animated API](https://reactnative.dev/docs/animated) by allowing for passing an `Animated.event` as the argument to the [`onUpdate`](/docs/fundamentals/callbacks-events#onupdate) callback. The event mapping of `Animated.event` depends on the [`useNativeDriver`](https://reactnative.dev/docs/animated#using-the-native-driver) property.
 
 When using Animated API, remember to set `useAnimated` property to `true`.
diff --git a/packages/docs-gesture-handler/docs/fundamentals/callbacks-events.mdx b/packages/docs-gesture-handler/docs/fundamentals/callbacks-events.mdx
index a0420e15f2..61bcfc2840 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/callbacks-events.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/callbacks-events.mdx
@@ -7,7 +7,6 @@ sidebar_position: 6
 
 import { GestureEventFlowChart, TouchEventFlowChart } from '@site/src/examples/CallbacksFlowCharts'
 
-
 At any given time, each handler instance has an assigned [state](/docs/under-the-hood/state) that can change when new touch events occur or can be forced to change by the touch system under certain circumstances. You can hook into state transitions using specific [gesture callbacks](#callbacks).
 
 When Reanimated is installed, all callbacks are automatically workletized. For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions#automatic-workletization-of-gesture-callbacks) section.
diff --git a/packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx b/packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx
index f5814389b1..8ab1a97ba0 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx
@@ -5,8 +5,6 @@ sidebar_label: Gesture composition & interactions
 sidebar_position: 5
 ---
 
-
-
 import Competing from '!!raw-loader!.//\_examples/hooks/Competing';
 import Simultaneous from '!!raw-loader!.//\_examples/hooks/Simultaneous';
 import Exclusive from '!!raw-loader!.//\_examples/hooks/Exclusive';
diff --git a/packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx b/packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx
index 98b860c75f..9bc17c9099 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx
@@ -5,8 +5,6 @@ sidebar_label: Gesture detectors
 sidebar_position: 4
 ---
 
-
-
 ## Gesture Detector
 
 The `GestureDetector` is a key component of `react-native-gesture-handler`. It supports gestures created either using the hook-based API or the builder pattern. Additionally, it allows for the recognition of multiple gestures through [gesture composition](/docs/fundamentals/gesture-composition). `GestureDetector` interacts closely with [`Reanimated`](https://docs.swmansion.com/react-native-reanimated/). For more details, refer to the [Integration with Reanimated](/docs/fundamentals/reanimated-interactions) section.
diff --git a/packages/docs-gesture-handler/docs/fundamentals/reanimated-interactions.mdx b/packages/docs-gesture-handler/docs/fundamentals/reanimated-interactions.mdx
index 34b9ac962f..16c4352bc1 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/reanimated-interactions.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/reanimated-interactions.mdx
@@ -5,8 +5,6 @@ sidebar_label: Integration with Reanimated
 sidebar_position: 8
 ---
 
-
-
 [`GestureDetector`](/docs/fundamentals/gesture-detectors) will decide whether to use [Reanimated](https://docs.swmansion.com/react-native-reanimated/) to process provided gestures based on their configuration. If any of the callbacks is a [worklet](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#worklet) and Reanimated is not explicitly [turned off](#disabling-reanimated), tools provided by the Reanimated will be utilized, bringing the ability to handle gestures synchronously on the main thread.
 
 ## Automatic [workletization](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary/#to-workletize) of gesture callbacks
diff --git a/packages/docs-gesture-handler/docs/fundamentals/state-manager.mdx b/packages/docs-gesture-handler/docs/fundamentals/state-manager.mdx
index d158359054..005b88bb18 100644
--- a/packages/docs-gesture-handler/docs/fundamentals/state-manager.mdx
+++ b/packages/docs-gesture-handler/docs/fundamentals/state-manager.mdx
@@ -5,8 +5,6 @@ sidebar_label: State manager
 sidebar_position: 7
 ---
 
-
-
 RNGH3 allows to manually control [gestures lifecycle](/docs/under-the-hood/state) by using [`GestureStateManager`](#gesturestatemanager).
 
 ## State management
diff --git a/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-event-data.mdx b/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-event-data.mdx
index b5ed6493b1..91d19c97ee 100644
--- a/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-event-data.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-event-data.mdx
@@ -1,5 +1,3 @@
-
-
 ### numberOfPointers
 
 ```ts
diff --git a/packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx
index 9ada2c2911..f113e3cd11 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx
@@ -32,8 +32,6 @@ import BaseGestureConfig from './\_shared/base-gesture-config.mdx';
 import BaseGestureCallbacks from './\_shared/base-gesture-callbacks.mdx';
 import SharedValueInfo from './\_shared/shared-value-info.md';
 
-
-
 import LongPressExample from '!!raw-loader!./_examples/LongPressExample';
 
 Gesture that activates when the corresponding view is pressed for a sufficiently long time.
diff --git a/packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx
index 31cfabe0d5..6e58182ce7 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-rotation-gesture.mdx
@@ -32,8 +32,6 @@ import BaseGestureCallbacks from './\_shared/base-gesture-callbacks.mdx';
 import BaseContinuousGestureCallbacks from './\_shared/base-continuous-gesture-callbacks.mdx';
 import SharedValueInfo from './\_shared/shared-value-info.md';
 
-
-
 import RotationExample from '!!raw-loader!./_examples/RotationExample';
 
 Gesture that can recognize rotation and track its movement.
diff --git a/packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx b/packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx
index 9cb9654247..d1fbce5ec3 100644
--- a/packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx
+++ b/packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx
@@ -32,8 +32,6 @@ import BaseGestureConfig from './\_shared/base-gesture-config.mdx';
 import BaseGestureCallbacks from './\_shared/base-gesture-callbacks.mdx';
 import SharedValueInfo from './\_shared/shared-value-info.md';
 
-
-
 A discrete gesture that recognizes taps.
 
 Tap gestures detect one or more fingers briefly touching the screen.
diff --git a/packages/docs-gesture-handler/src/components/Hero/StartScreen/index.tsx b/packages/docs-gesture-handler/src/components/Hero/StartScreen/index.tsx
index 330d1980c9..787ca41035 100644
--- a/packages/docs-gesture-handler/src/components/Hero/StartScreen/index.tsx
+++ b/packages/docs-gesture-handler/src/components/Hero/StartScreen/index.tsx
@@ -19,7 +19,7 @@ const StartScreen = () => {
         <div className={styles.lowerHeading}>
           <div className={styles.buttonContainer}>
             <HomepageButton
-              href="/react-native-gesture-handler/docs/"
+              href="/react-native-gesture-handler/docs/fundamentals/introduction"
               title="Get started"
             />
           </div>