@react-navigation/drawer 6.1.5

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,235 @@
+/// <reference types="react" />
+import type { HeaderOptions } from '@react-navigation/elements';
+import type { Descriptor, DrawerActionHelpers, DrawerNavigationState, NavigationHelpers, NavigationProp, ParamListBase, Route, RouteProp } from '@react-navigation/native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { PanGestureHandler, PanGestureHandlerProperties } from 'react-native-gesture-handler';
+export declare type Scene = {
+    route: Route<string>;
+    focused: boolean;
+    color?: string;
+};
+export declare type Layout = {
+    width: number;
+    height: number;
+};
+export declare type DrawerNavigationConfig = {
+    /**
+     * Function that returns React element to render as the content of the drawer, for example, navigation items.
+     * Defaults to `DrawerContent`.
+     */
+    drawerContent?: (props: DrawerContentComponentProps) => React.ReactNode;
+    /**
+     * Whether inactive screens should be detached from the view hierarchy to save memory.
+     * Make sure to call `enableScreens` from `react-native-screens` to make it work.
+     * Defaults to `true`.
+     */
+    detachInactiveScreens?: boolean;
+    /**
+     * Whether to use the legacy implementation based on Reanimated 1.
+     * The new implementation based on Reanimated 2 will perform better,
+     * but you need additional configuration and need to use Hermes with Flipper to debug.
+     *
+     * This defaults to `true` in following cases:
+     * - Reanimated 2 is not configured
+     * - App is connected to Chrome debugger (Reanimated 2 cannot be used with Chrome debugger)
+     *
+     * Otherwise, it defaults to `false`
+     */
+    useLegacyImplementation?: boolean;
+};
+export declare type DrawerNavigationOptions = HeaderOptions & {
+    /**
+     * Title text for the screen.
+     */
+    title?: string;
+    /**
+     * Whether this screens should render the first time it's accessed. Defaults to `true`.
+     * Set it to `false` if you want to render the screen on initial render.
+     */
+    lazy?: boolean;
+    /**
+     * Function that returns a React Element to display as a header.
+     */
+    header?: (props: DrawerHeaderProps) => React.ReactNode;
+    /**
+     * Whether to show the header. Setting this to `false` hides the header.
+     * Defaults to `true`.
+     */
+    headerShown?: boolean;
+    /**
+     * Title string of a screen displayed in the drawer
+     * or a function that given { focused: boolean, color: string } returns a React.Node
+     * When undefined, scene title is used.
+     */
+    drawerLabel?: string | ((props: {
+        color: string;
+        focused: boolean;
+    }) => React.ReactNode);
+    /**
+     * A function that given { focused: boolean, color: string } returns a React.Node to display an icon the drawer.
+     */
+    drawerIcon?: (props: {
+        color: string;
+        size: number;
+        focused: boolean;
+    }) => React.ReactNode;
+    /**
+     * Color for the icon and label in the active item in the drawer.
+     */
+    drawerActiveTintColor?: string;
+    /**
+     * Background color for the active item in the drawer.
+     */
+    drawerActiveBackgroundColor?: string;
+    /**
+     * Color for the icon and label in the inactive items in the drawer.
+     */
+    drawerInactiveTintColor?: string;
+    /**
+     * Background color for the inactive items in the drawer.
+     */
+    drawerInactiveBackgroundColor?: string;
+    /**
+     * Style object for the single item, which can contain an icon and/or a label.
+     */
+    drawerItemStyle?: StyleProp<ViewStyle>;
+    /**
+     * Style object to apply to the `Text` inside content section which renders a label.
+     */
+    drawerLabelStyle?: StyleProp<TextStyle>;
+    /**
+     * Style object for the content section.
+     */
+    drawerContentContainerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Style object for the wrapper view.
+     */
+    drawerContentStyle?: StyleProp<ViewStyle>;
+    /**
+     * Style object for the drawer component.
+     * You can pass a custom background color for a drawer or a custom width here.
+     */
+    drawerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Position of the drawer on the screen. Defaults to `left`.
+     */
+    drawerPosition?: 'left' | 'right';
+    /**
+     * Type of the drawer. It determines how the drawer looks and animates.
+     * - `front`: Traditional drawer which covers the screen with a overlay behind it.
+     * - `back`: The drawer is revealed behind the screen on swipe.
+     * - `slide`: Both the screen and the drawer slide on swipe to reveal the drawer.
+     * - `permanent`: A permanent drawer is shown as a sidebar.
+     */
+    drawerType?: 'front' | 'back' | 'slide' | 'permanent';
+    /**
+     * Whether the statusbar should be hidden when the drawer is pulled or opens,
+     */
+    drawerHideStatusBarOnOpen?: boolean;
+    /**
+     * Animation of the statusbar when hiding it. use in combination with `drawerHideStatusBarOnOpen`.
+     */
+    drawerStatusBarAnimation?: 'slide' | 'none' | 'fade';
+    /**
+     * Color of the overlay to be displayed on top of the content view when drawer gets open.
+     * The opacity is animated from `0` to `1` when the drawer opens.
+     */
+    overlayColor?: string;
+    /**
+     * Style object for the component wrapping the screen content.
+     */
+    sceneContainerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Whether you can use gestures to open or close the drawer.
+     * Setting this to `false` disables swipe gestures as well as tap on overlay to close.
+     * See `swipeEnabled` to disable only the swipe gesture.
+     * Defaults to `true`.
+     * Not supported on Web.
+     */
+    gestureEnabled?: boolean;
+    /**
+     * Props to pass to the underlying pan gesture handler.
+     * Not supported on Web.
+     */
+    gestureHandlerProps?: PanGestureHandlerProperties;
+    /**
+     * Whether you can use swipe gestures to open or close the drawer.
+     * Defaults to `true`.
+     * Not supported on Web.
+     */
+    swipeEnabled?: boolean;
+    /**
+     * How far from the edge of the screen the swipe gesture should activate.
+     * Not supported on Web.
+     */
+    swipeEdgeWidth?: number;
+    /**
+     * Minimum swipe distance threshold that should activate opening the drawer.
+     */
+    swipeMinDistance?: number;
+    /**
+     * Whether the keyboard should be dismissed when the swipe gesture begins.
+     * Defaults to `'on-drag'`. Set to `'none'` to disable keyboard handling.
+     */
+    keyboardDismissMode?: 'on-drag' | 'none';
+    /**
+     * Whether this screen should be unmounted when navigating away from it.
+     * Defaults to `false`.
+     */
+    unmountOnBlur?: boolean;
+};
+export declare type DrawerContentComponentProps = {
+    state: DrawerNavigationState<ParamListBase>;
+    navigation: DrawerNavigationHelpers;
+    descriptors: DrawerDescriptorMap;
+};
+export declare type DrawerHeaderProps = {
+    /**
+     * Layout of the screen.
+     */
+    layout: Layout;
+    /**
+     * Options for the current screen.
+     */
+    options: DrawerNavigationOptions;
+    /**
+     * Route object for the current screen.
+     */
+    route: RouteProp<ParamListBase>;
+    /**
+     * Navigation prop for the header.
+     */
+    navigation: DrawerNavigationProp<ParamListBase>;
+};
+export declare type DrawerNavigationEventMap = {};
+export declare type DrawerNavigationHelpers = NavigationHelpers<ParamListBase, DrawerNavigationEventMap> & DrawerActionHelpers<ParamListBase>;
+export declare type DrawerNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList> = NavigationProp<ParamList, RouteName, DrawerNavigationState<ParamList>, DrawerNavigationOptions, DrawerNavigationEventMap> & DrawerActionHelpers<ParamList>;
+export declare type DrawerScreenProps<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList> = {
+    navigation: DrawerNavigationProp<ParamList, RouteName>;
+    route: RouteProp<ParamList, RouteName>;
+};
+export declare type DrawerDescriptor = Descriptor<DrawerNavigationOptions, DrawerNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
+export declare type DrawerDescriptorMap = Record<string, DrawerDescriptor>;
+export declare type DrawerProps = {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    drawerPosition: 'left' | 'right';
+    drawerStyle?: StyleProp<ViewStyle>;
+    drawerType: 'front' | 'back' | 'slide' | 'permanent';
+    gestureHandlerProps?: React.ComponentProps<typeof PanGestureHandler>;
+    hideStatusBarOnOpen: boolean;
+    keyboardDismissMode: 'none' | 'on-drag';
+    onClose: () => void;
+    onOpen: () => void;
+    open: boolean;
+    overlayStyle?: StyleProp<ViewStyle>;
+    renderDrawerContent: () => React.ReactNode;
+    renderSceneContent: () => React.ReactNode;
+    statusBarAnimation: 'slide' | 'none' | 'fade';
+    swipeDistanceThreshold: number;
+    swipeEdgeWidth: number;
+    swipeEnabled: boolean;
+    swipeVelocityThreshold: number;
+};

package/lib/typescript/src/utils/DrawerGestureContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.Context<React.RefObject<any> | null>;
+export default _default;

package/lib/typescript/src/utils/DrawerPositionContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.Context<"left" | "right" | undefined>;
+export default _default;

package/lib/typescript/src/utils/DrawerProgressContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type Animated from 'react-native-reanimated';
+declare const _default: React.Context<Readonly<Animated.SharedValue<number>> | Animated.Node<number> | undefined>;
+export default _default;

package/lib/typescript/src/utils/DrawerStatusContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const DrawerStatusContext: React.Context<"open" | "closed" | undefined>;
+export default DrawerStatusContext;

package/lib/typescript/src/utils/getDrawerStatusFromState.d.ts

@@ -0,0 +1,2 @@
+import type { DrawerNavigationState, ParamListBase } from '@react-navigation/native';
+export default function getDrawerStatusFromState(state: DrawerNavigationState<ParamListBase>): "open" | "closed";

package/lib/typescript/src/utils/useDrawerProgress.d.ts

@@ -0,0 +1,2 @@
+import type Animated from 'react-native-reanimated';
+export default function useDrawerProgress(): Readonly<Animated.SharedValue<number>> | Animated.Node<number>;

package/lib/typescript/src/utils/useDrawerStatus.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook to detect if the drawer's status in a parent navigator.
+ * Returns 'open' if the drawer is open, 'closed' if the drawer is closed.
+ */
+export default function useDrawerStatus(): "open" | "closed";

package/lib/typescript/src/views/DrawerContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { DrawerContentComponentProps } from '../types';
+export default function DrawerContent({ descriptors, state, ...rest }: DrawerContentComponentProps): JSX.Element;

package/lib/typescript/src/views/DrawerContentScrollView.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ScrollView, ScrollViewProps } from 'react-native';
+declare const _default: React.ForwardRefExoticComponent<ScrollViewProps & {
+    children: React.ReactNode;
+} & React.RefAttributes<ScrollView>>;
+export default _default;

package/lib/typescript/src/views/DrawerItem.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+declare type Props = {
+    /**
+     * The label text of the item.
+     */
+    label: string | ((props: {
+        focused: boolean;
+        color: string;
+    }) => React.ReactNode);
+    /**
+     * Icon to display for the `DrawerItem`.
+     */
+    icon?: (props: {
+        focused: boolean;
+        size: number;
+        color: string;
+    }) => React.ReactNode;
+    /**
+     * URL to use for the link to the tab.
+     */
+    to?: string;
+    /**
+     * Whether to highlight the drawer item as active.
+     */
+    focused?: boolean;
+    /**
+     * Function to execute on press.
+     */
+    onPress: () => void;
+    /**
+     * Color for the icon and label when the item is active.
+     */
+    activeTintColor?: string;
+    /**
+     * Color for the icon and label when the item is inactive.
+     */
+    inactiveTintColor?: string;
+    /**
+     * Background color for item when its active.
+     */
+    activeBackgroundColor?: string;
+    /**
+     * Background color for item when its inactive.
+     */
+    inactiveBackgroundColor?: string;
+    /**
+     * Color of the touchable effect on press.
+     * Only supported on Android.
+     *
+     * @platform android
+     */
+    pressColor?: string;
+    /**
+     * Opacity of the touchable effect on press.
+     * Only supported on iOS.
+     *
+     * @platform ios
+     */
+    pressOpacity?: number;
+    /**
+     * Style object for the label element.
+     */
+    labelStyle?: StyleProp<TextStyle>;
+    /**
+     * Style object for the wrapper element.
+     */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A component used to show an action item with an icon and a label in a navigation drawer.
+ */
+export default function DrawerItem(props: Props): JSX.Element;
+export {};

package/lib/typescript/src/views/DrawerItemList.d.ts

@@ -0,0 +1,13 @@
+import { DrawerNavigationState, ParamListBase } from '@react-navigation/native';
+import * as React from 'react';
+import type { DrawerDescriptorMap, DrawerNavigationHelpers } from '../types';
+declare type Props = {
+    state: DrawerNavigationState<ParamListBase>;
+    navigation: DrawerNavigationHelpers;
+    descriptors: DrawerDescriptorMap;
+};
+/**
+ * Component that renders the navigation list in the drawer.
+ */
+export default function DrawerItemList({ state, navigation, descriptors, }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};

package/lib/typescript/src/views/DrawerToggleButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type Props = {
+    accessibilityLabel?: string;
+    pressColor?: string;
+    pressOpacity?: number;
+    tintColor?: string;
+};
+export default function DrawerToggleButton({ tintColor, ...rest }: Props): JSX.Element;
+export {};

package/lib/typescript/src/views/DrawerView.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DrawerNavigationState, ParamListBase } from '@react-navigation/native';
+import type { DrawerDescriptorMap, DrawerNavigationConfig, DrawerNavigationHelpers } from '../types';
+declare type Props = DrawerNavigationConfig & {
+    state: DrawerNavigationState<ParamListBase>;
+    navigation: DrawerNavigationHelpers;
+    descriptors: DrawerDescriptorMap;
+};
+export default function DrawerView({ navigation, ...rest }: Props): JSX.Element;
+export {};

package/lib/typescript/src/views/GestureHandler.android.d.ts

@@ -0,0 +1 @@
+export * from './GestureHandlerNative';

package/lib/typescript/src/views/GestureHandler.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { View } from 'react-native';
+export declare const PanGestureHandler: React.ComponentType<import("react-native-gesture-handler").PanGestureHandlerProps>;
+export declare const TapGestureHandler: React.ComponentType<import("react-native-gesture-handler").TapGestureHandlerProps>;
+export declare const GestureHandlerRootView: typeof View;
+export declare const GestureState: {
+    UNDETERMINED: number;
+    FAILED: number;
+    BEGAN: number;
+    CANCELLED: number;
+    ACTIVE: number;
+    END: number;
+};
+export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

package/lib/typescript/src/views/GestureHandler.ios.d.ts

@@ -0,0 +1 @@
+export * from './GestureHandlerNative';

package/lib/typescript/src/views/GestureHandlerNative.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PanGestureHandlerProperties } from 'react-native-gesture-handler';
+export declare function PanGestureHandler(props: PanGestureHandlerProperties): JSX.Element;
+export { GestureHandlerRootView, State as GestureState, PanGestureHandlerGestureEvent, TapGestureHandler, } from 'react-native-gesture-handler';

package/lib/typescript/src/views/ScreenFallback.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+declare type Props = {
+    visible: boolean;
+    children: React.ReactNode;
+    enabled: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+export declare const MaybeScreenContainer: ({ enabled, ...rest }: ViewProps & {
+    enabled: boolean;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare function MaybeScreen({ visible, children, ...rest }: Props): JSX.Element;
+export {};

package/lib/typescript/src/views/legacy/Drawer.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { DrawerProps } from '../../types';
+export default class DrawerView extends React.Component<DrawerProps> {
+    componentDidUpdate(prevProps: DrawerProps): void;
+    componentWillUnmount(): void;
+    private handleEndInteraction;
+    private handleStartInteraction;
+    private getDrawerWidth;
+    private clock;
+    private interactionHandle;
+    private isDrawerTypeFront;
+    private isOpen;
+    private nextIsOpen;
+    private isSwiping;
+    private initialDrawerWidth;
+    private gestureState;
+    private touchX;
+    private velocityX;
+    private gestureX;
+    private offsetX;
+    private position;
+    private containerWidth;
+    private drawerWidth;
+    private drawerOpacity;
+    private drawerPosition;
+    private touchDistanceFromDrawer;
+    private swipeDistanceThreshold;
+    private swipeVelocityThreshold;
+    private currentOpenValue;
+    private pendingOpenValue;
+    private isStatusBarHidden;
+    private manuallyTriggerSpring;
+    private transitionTo;
+    private dragX;
+    private translateX;
+    private progress;
+    private handleGestureEvent;
+    private handleGestureStateChange;
+    private handleContainerLayout;
+    private handleDrawerLayout;
+    private toggleDrawer;
+    private toggleStatusBar;
+    render(): JSX.Element;
+}

package/lib/typescript/src/views/legacy/Overlay.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import Animated from 'react-native-reanimated';
+declare const Overlay: React.ForwardRefExoticComponent<{
+    hitSlop?: import("react-native").Insets | Animated.Node<import("react-native").Insets | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | Animated.Node<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | Animated.Node<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
+    removeClippedSubviews?: boolean | Animated.Node<boolean | undefined> | undefined;
+    style?: import("react-native").StyleProp<Animated.AnimateStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+    testID?: string | Animated.Node<string | undefined> | undefined;
+    nativeID?: string | Animated.Node<string | undefined> | undefined;
+    collapsable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    needsOffscreenAlphaCompositing?: boolean | Animated.Node<boolean | undefined> | undefined;
+    renderToHardwareTextureAndroid?: boolean | Animated.Node<boolean | undefined> | undefined;
+    focusable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | Animated.Node<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | Animated.Node<boolean | undefined> | undefined;
+    tvParallaxProperties?: import("react-native").TVParallaxProperties | Animated.Node<import("react-native").TVParallaxProperties | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxMagnification?: number | Animated.Node<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    accessible?: boolean | Animated.Node<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | Animated.Node<readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | Animated.Node<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | Animated.Node<import("react-native").AccessibilityState | undefined> | undefined;
+    accessibilityHint?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | Animated.Node<import("react-native").AccessibilityValue | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | Animated.Node<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | Animated.Node<"none" | "polite" | "assertive" | undefined> | undefined;
+    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | Animated.Node<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | Animated.Node<boolean | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | Animated.Node<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | Animated.Node<boolean | undefined> | undefined;
+} & {
+    animatedProps?: Partial<Animated.AnimateProps<import("react-native").ViewProps>> | undefined;
+} & {
+    progress: Animated.Node<number>;
+    onPress: () => void;
+} & React.RefAttributes<Animated.View>>;
+export default Overlay;

package/lib/typescript/src/views/modern/Drawer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { DrawerProps } from '../../types';
+export default function Drawer({ dimensions, drawerPosition, drawerStyle, drawerType, gestureHandlerProps, hideStatusBarOnOpen, keyboardDismissMode, onClose, onOpen, open, overlayStyle, renderDrawerContent, renderSceneContent, statusBarAnimation, swipeDistanceThreshold, swipeEdgeWidth, swipeEnabled, swipeVelocityThreshold, }: DrawerProps): JSX.Element;

package/lib/typescript/src/views/modern/Overlay.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import Animated from 'react-native-reanimated';
+declare const Overlay: React.ForwardRefExoticComponent<{
+    hitSlop?: import("react-native").Insets | Animated.Node<import("react-native").Insets | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | Animated.Node<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | Animated.Node<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
+    removeClippedSubviews?: boolean | Animated.Node<boolean | undefined> | undefined;
+    style?: import("react-native").StyleProp<Animated.AnimateStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+    testID?: string | Animated.Node<string | undefined> | undefined;
+    nativeID?: string | Animated.Node<string | undefined> | undefined;
+    collapsable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    needsOffscreenAlphaCompositing?: boolean | Animated.Node<boolean | undefined> | undefined;
+    renderToHardwareTextureAndroid?: boolean | Animated.Node<boolean | undefined> | undefined;
+    focusable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | Animated.Node<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | Animated.Node<boolean | undefined> | undefined;
+    tvParallaxProperties?: import("react-native").TVParallaxProperties | Animated.Node<import("react-native").TVParallaxProperties | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxMagnification?: number | Animated.Node<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    accessible?: boolean | Animated.Node<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | Animated.Node<readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | Animated.Node<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | Animated.Node<import("react-native").AccessibilityState | undefined> | undefined;
+    accessibilityHint?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | Animated.Node<import("react-native").AccessibilityValue | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | Animated.Node<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | Animated.Node<"none" | "polite" | "assertive" | undefined> | undefined;
+    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | Animated.Node<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | Animated.Node<boolean | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | Animated.Node<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | Animated.Node<boolean | undefined> | undefined;
+} & {
+    animatedProps?: Partial<Animated.AnimateProps<import("react-native").ViewProps>> | undefined;
+} & {
+    progress: Animated.SharedValue<number>;
+    onPress: () => void;
+} & React.RefAttributes<Animated.View>>;
+export default Overlay;