react-native-drawer-layout 4.0.0-alpha.6 → 4.0.0-alpha.7

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

@@ -1,206 +1,4 @@
 import * as React from 'react';
-import Animated from 'react-native-reanimated';
-export declare const Overlay: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode | import("react-native-reanimated").SharedValue<React.ReactNode>;
-    hitSlop?: import("react-native").Insets | import("react-native-reanimated").SharedValue<import("react-native").Insets | undefined> | undefined;
-    id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
-    pointerEvents?: "none" | "box-none" | "box-only" | "auto" | import("react-native-reanimated").SharedValue<"none" | "box-none" | "box-only" | "auto" | undefined> | undefined;
-    removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    tvParallaxProperties?: import("react-native").TVParallaxProperties | import("react-native-reanimated").SharedValue<import("react-native").TVParallaxProperties | undefined> | undefined;
-    tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-    tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-    tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-    tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-    accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    accessibilityActions?: readonly Readonly<{
-        name: string;
-        label?: string | undefined;
-    }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
-        name: string;
-        label?: string | undefined;
-    }>[] | undefined> | undefined;
-    accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
-    accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
-    'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
-    'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
-    'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-    'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-    'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-    'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
-    importantForAccessibility?: "auto" | "no-hide-descendants" | "yes" | "no" | import("react-native-reanimated").SharedValue<"auto" | "no-hide-descendants" | "yes" | "no" | undefined> | undefined;
-    'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    'aria-live'?: "polite" | "assertive" | "off" | import("react-native-reanimated").SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
-    'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
-    accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
-    accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
-    accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
-    onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
-    onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
-    accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-    accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-} & {
-    style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
-} & {
-    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
-    entering?: (import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/reanimated2/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe) | undefined;
-    exiting?: (import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/reanimated2/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe) | undefined;
-} & {
-    sharedTransitionTag?: string | undefined;
-    sharedTransitionStyle?: import("react-native-reanimated").SharedTransition | undefined;
-} & {
-    animatedProps?: Partial<{
-        children?: React.ReactNode | import("react-native-reanimated").SharedValue<React.ReactNode>;
-        hitSlop?: import("react-native").Insets | import("react-native-reanimated").SharedValue<import("react-native").Insets | undefined> | undefined;
-        id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | import("react-native-reanimated").SharedValue<"none" | "box-none" | "box-only" | "auto" | undefined> | undefined;
-        removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-        nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-        collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        tvParallaxProperties?: import("react-native").TVParallaxProperties | import("react-native-reanimated").SharedValue<import("react-native").TVParallaxProperties | undefined> | undefined;
-        tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-        tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-        tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-        tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
-        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
-        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
-        accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        accessibilityActions?: readonly Readonly<{
-            name: string;
-            label?: string | undefined;
-        }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
-            name: string;
-            label?: string | undefined;
-        }>[] | undefined> | undefined;
-        accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-        'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-        accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
-        accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
-        'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
-        'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-        accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-        accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
-        'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-        'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-        'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
-        'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
-        importantForAccessibility?: "auto" | "no-hide-descendants" | "yes" | "no" | import("react-native-reanimated").SharedValue<"auto" | "no-hide-descendants" | "yes" | "no" | undefined> | undefined;
-        'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        'aria-live'?: "polite" | "assertive" | "off" | import("react-native-reanimated").SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
-        'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
-        accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
-        accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
-        accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
-        onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
-        onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
-        accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
-        accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
-    } & {
-        style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
-    } & {
-        layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
-        entering?: (import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/reanimated2/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe) | undefined;
-        exiting?: (import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/reanimated2/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe) | undefined;
-    } & {
-        sharedTransitionTag?: string | undefined;
-        sharedTransitionStyle?: import("react-native-reanimated").SharedTransition | undefined;
-    }> | undefined;
-} & {
-    progress: Animated.SharedValue<number>;
-    onPress: () => void;
-    accessibilityLabel?: string | undefined;
-} & React.RefAttributes<Animated.View>>;
+import type { OverlayProps } from '../types';
+export declare function Overlay({ open, onPress, style, accessibilityLabel, ...rest }: OverlayProps): React.JSX.Element;
 //# sourceMappingURL=Overlay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/views/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAGN,MAAM,yBAAyB,CAAC;AAUjC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cALR,SAAS,WAAW,CAAC,MAAM,CAAC;aAC7B,MAAM,IAAI;;uCAgDnB,CAAC"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/views/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,kBAAmC,EACnC,GAAG,IAAI,EACR,EAAE,YAAY,qBAoBd"}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { OverlayProps } from '../types';
+export declare function Overlay({ progress, onPress, style, accessibilityLabel, ...rest }: OverlayProps): React.JSX.Element;
+//# sourceMappingURL=Overlay.native.d.ts.map

package/lib/typescript/src/views/Overlay.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.native.d.ts","sourceRoot":"","sources":["../../../../src/views/Overlay.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,kBAAmC,EACnC,GAAG,IAAI,EACR,EAAE,YAAY,qBAkCd"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-drawer-layout",
   "description": "Drawer component for React Native",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-alpha.7",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -66,5 +66,5 @@
       ]
     ]
   },
-  "gitHead": "4278a3d0a5deca93206771a1fa746aa03b86900e"
+  "gitHead": "d0b5489cb3eb8092d05b8d058ba5774d0538cec6"
 }

package/src/types.tsx

@@ -1,5 +1,7 @@
-import type { StyleProp, ViewStyle } from 'react-native';
+import * as React from 'react';
+import type { StyleProp, View, ViewStyle } from 'react-native';
 import type { PanGestureHandler } from 'react-native-gesture-handler';
+import type { SharedValue } from 'react-native-reanimated';
 
 export type Layout = { width: number; height: number };
 
@@ -150,3 +152,10 @@ export type DrawerProps = {
    */
   children: React.ReactNode;
 };
+
+export type OverlayProps = React.ComponentProps<typeof View> & {
+  open: boolean;
+  progress: SharedValue<number>;
+  onPress: () => void;
+  accessibilityLabel?: string;
+};

package/src/utils/DrawerProgressContext.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type Animated from 'react-native-reanimated';
+import type { SharedValue } from 'react-native-reanimated';
 
 export const DrawerProgressContext = React.createContext<
-  Readonly<Animated.SharedValue<number>> | undefined
+  Readonly<SharedValue<number>> | undefined
 >(undefined);

package/src/utils/getDrawerWidth.tsx

@@ -0,0 +1,49 @@
+import {
+  Platform,
+  type StyleProp,
+  StyleSheet,
+  type ViewStyle,
+} from 'react-native';
+
+const getDefaultDrawerWidth = ({
+  height,
+  width,
+}: {
+  height: number;
+  width: number;
+}) => {
+  /**
+   * Default drawer width is screen width - header height
+   * with a max width of 280 on mobile and 320 on tablet
+   * https://material.io/components/navigation-drawer
+   */
+  const smallerAxisSize = Math.min(height, width);
+  const isLandscape = width > height;
+  const isTablet = smallerAxisSize >= 600;
+  const appBarHeight = Platform.OS === 'ios' ? (isLandscape ? 32 : 44) : 56;
+  const maxWidth = isTablet ? 320 : 280;
+
+  return Math.min(smallerAxisSize - appBarHeight, maxWidth);
+};
+
+export function getDrawerWidth({
+  layout,
+  drawerStyle,
+}: {
+  layout: { width: number; height: number };
+  drawerStyle?: StyleProp<ViewStyle>;
+}) {
+  const { width = getDefaultDrawerWidth(layout) } =
+    StyleSheet.flatten(drawerStyle) || {};
+
+  if (typeof width === 'string' && width.endsWith('%')) {
+    // Try to calculate width if a percentage is given
+    const percentage = Number(width.replace(/%$/, ''));
+
+    if (Number.isFinite(percentage)) {
+      return layout.width * (percentage / 100);
+    }
+  }
+
+  return typeof width === 'number' ? width : 0;
+}

package/src/utils/useDrawerProgress.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import type Animated from 'react-native-reanimated';
+import type { SharedValue } from 'react-native-reanimated';
 
 import { DrawerProgressContext } from './DrawerProgressContext';
 
-export function useDrawerProgress(): Readonly<Animated.SharedValue<number>> {
+export function useDrawerProgress(): Readonly<SharedValue<number>> {
   const progress = React.useContext(DrawerProgressContext);
 
   if (progress === undefined) {

package/src/utils/useFakeSharedValue.tsx

@@ -0,0 +1,49 @@
+import * as React from 'react';
+
+class FakeSharedValue {
+  _listeners = new Map<number, (value: number) => void>();
+  _value: number;
+
+  constructor(value: number) {
+    this._value = value;
+  }
+
+  addListener(id: number, listener: (value: number) => void) {
+    this._listeners.set(id, listener);
+  }
+
+  removeListener(id: number) {
+    this._listeners.delete(id);
+  }
+
+  modify(modifier?: (value: number) => number) {
+    this.value = modifier !== undefined ? modifier(this.value) : this.value;
+  }
+
+  set value(value: number) {
+    this._value = value;
+
+    for (const listener of this._listeners.values()) {
+      listener(value);
+    }
+  }
+
+  get value() {
+    return this._value;
+  }
+
+  _isReanimatedSharedValue = true;
+}
+
+/**
+ * Compatibility layer for `useDrawerProgress` with `react-native-reanimated`
+ */
+export function useFakeSharedValue(value: number): FakeSharedValue {
+  const sharedValue = React.useRef<FakeSharedValue | null>(null);
+
+  if (sharedValue.current === null) {
+    sharedValue.current = new FakeSharedValue(value);
+  }
+
+  return sharedValue.current;
+}