@swmansion/react-native-bottom-sheet 0.7.0-next.1 → 0.7.0-next.3

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

@@ -1,20 +0,0 @@
-import type { ReactNode } from 'react';
-import type { SharedValue, WithSpringConfig } from 'react-native-reanimated';
-import type { Detent } from './bottomSheetUtils';
-export type { Detent, DetentValue } from './bottomSheetUtils';
-export { programmatic } from './bottomSheetUtils';
-export interface BottomSheetCommonProps {
-    children: ReactNode;
-    detents?: Detent[];
-    index: number;
-    onIndexChange?: (index: number) => void;
-    position?: SharedValue<number>;
-    openAnimationConfig?: WithSpringConfig;
-    closeAnimationConfig?: WithSpringConfig;
-}
-export interface BottomSheetBaseProps extends BottomSheetCommonProps {
-    modal?: boolean;
-    renderScrim?: (progress: SharedValue<number>) => ReactNode;
-}
-export declare const BottomSheetBase: ({ children, detents, index, onIndexChange, position: externalPosition, openAnimationConfig, closeAnimationConfig, modal, renderScrim, }: BottomSheetBaseProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BottomSheetBase.d.ts.map

package/lib/typescript/src/BottomSheetBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetBase.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAqB7E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,mBAAmB,CAAC,EAAE,gBAAgB,CAAC;IACvC,oBAAoB,CAAC,EAAE,gBAAgB,CAAC;CACzC;AAED,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC;CAC5D;AA2BD,eAAO,MAAM,eAAe,GAAI,yIAU7B,oBAAoB,4CAmMtB,CAAC"}

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

@@ -1,19 +0,0 @@
-import type { PanGesture } from 'react-native-gesture-handler';
-import type { AnimatedRef, SharedValue } from 'react-native-reanimated';
-export interface ScrollableEntry {
-    ref: AnimatedRef<any>;
-    scrollOffset: SharedValue<number>;
-    isGestureActive: SharedValue<boolean>;
-}
-export interface BottomSheetContextType {
-    translateY: SharedValue<number>;
-    position: SharedValue<number>;
-    index: SharedValue<number>;
-    sheetHeight: SharedValue<number>;
-    isScrollableLocked: SharedValue<boolean>;
-    registerScrollable: (entry: ScrollableEntry) => () => void;
-    panGesture: PanGesture;
-}
-export declare const BottomSheetContextProvider: import("react").Provider<BottomSheetContextType | null>;
-export declare const useBottomSheetContext: () => BottomSheetContextType;
-//# sourceMappingURL=BottomSheetContext.d.ts.map

package/lib/typescript/src/BottomSheetContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetContext.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACzC,kBAAkB,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,IAAI,CAAC;IAC3D,UAAU,EAAE,UAAU,CAAC;CACxB;AAID,eAAO,MAAM,0BAA0B,yDAA8B,CAAC;AAEtE,eAAO,MAAM,qBAAqB,8BAQjC,CAAC"}

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

@@ -1,10 +0,0 @@
-import { FlatList, type NativeScrollEvent } from 'react-native';
-import type { FlatListPropsWithLayout, SharedValue } from 'react-native-reanimated';
-import type { Ref, ReactElement } from 'react';
-export type BottomSheetFlatListProps<T> = Omit<FlatListPropsWithLayout<T>, 'onScroll' | 'scrollEnabled' | 'ref'> & {
-    scrollEnabled?: boolean | SharedValue<boolean | undefined>;
-    onScroll?: (event: NativeScrollEvent) => void;
-    ref?: Ref<FlatList<T>>;
-};
-export declare const BottomSheetFlatList: <T>(props: BottomSheetFlatListProps<T>) => ReactElement;
-//# sourceMappingURL=BottomSheetFlatList.d.ts.map

package/lib/typescript/src/BottomSheetFlatList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetFlatList.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EACV,uBAAuB,EACvB,WAAW,EACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI,IAAI,CAC5C,uBAAuB,CAAC,CAAC,CAAC,EAC1B,UAAU,GAAG,eAAe,GAAG,KAAK,CACrC,GAAG;IACF,aAAa,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAsC,CAAC,CAAC,EACtE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,KAC/B,YAAY,CAAC"}

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

@@ -1,10 +0,0 @@
-import type { Ref, ReactElement } from 'react';
-import { ScrollView, type NativeScrollEvent, type ScrollViewProps } from 'react-native';
-import type { SharedValue } from 'react-native-reanimated';
-export type BottomSheetScrollViewProps = Omit<ScrollViewProps, 'onScroll' | 'scrollEnabled' | 'ref'> & {
-    scrollEnabled?: boolean | SharedValue<boolean | undefined>;
-    onScroll?: (event: NativeScrollEvent) => void;
-    ref?: Ref<ScrollView>;
-};
-export declare const BottomSheetScrollView: (props: BottomSheetScrollViewProps) => ReactElement;
-//# sourceMappingURL=BottomSheetScrollView.d.ts.map

package/lib/typescript/src/BottomSheetScrollView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetScrollView.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,UAAU,EACV,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI3D,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,eAAe,EACf,UAAU,GAAG,eAAe,GAAG,KAAK,CACrC,GAAG;IACF,aAAa,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAwC,CACxE,KAAK,EAAE,0BAA0B,KAC9B,YAAY,CAAC"}

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

@@ -1,9 +0,0 @@
-import { type ComponentType, type Ref } from 'react';
-import type { NativeScrollEvent } from 'react-native';
-import { type SharedValue } from 'react-native-reanimated';
-export declare function bottomSheetScrollable<P extends Record<string, any>, R = unknown>(ScrollableComponent: ComponentType<P>): ({ scrollEnabled, onScroll, ref, ...rest }: Omit<P, "onScroll" | "scrollEnabled" | "ref"> & {
-    scrollEnabled?: boolean | SharedValue<boolean | undefined>;
-    onScroll?: (event: NativeScrollEvent) => void;
-    ref?: Ref<R>;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=bottomSheetScrollable.d.ts.map

package/lib/typescript/src/bottomSheetScrollable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bottomSheetScrollable.d.ts","sourceRoot":"","sources":["../../../src/bottomSheetScrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,GAAG,EAAuB,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAiB,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIrE,wBAAgB,qBAAqB,CACnC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,GAAG,OAAO,EACX,mBAAmB,EAAE,aAAa,CAAC,CAAC,CAAC,IAI7B,2CAKL,IAAI,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,KAAK,CAAC,GAAG;IACjD,aAAa,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd,6CAkBF"}

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

@@ -1,18 +0,0 @@
-import type { PanGesture } from 'react-native-gesture-handler';
-import { type SharedValue } from 'react-native-reanimated';
-import type { ScrollableEntry } from './BottomSheetContext';
-interface BottomSheetPanGestureParams {
-    animationTarget: SharedValue<number>;
-    translateY: SharedValue<number>;
-    sheetHeight: SharedValue<number>;
-    detentsValue: SharedValue<number[]>;
-    isDraggableValue: SharedValue<boolean[]>;
-    currentIndex: SharedValue<number>;
-    scrollableEntries: ScrollableEntry[];
-    isScrollableLocked: SharedValue<boolean>;
-    handleIndexChange: (nextIndex: number) => void;
-    animateToIndex: (targetIndex: number, velocity?: number) => void;
-}
-export declare const useBottomSheetPanGesture: ({ animationTarget, translateY, sheetHeight, detentsValue, isDraggableValue, currentIndex, scrollableEntries, isScrollableLocked, handleIndexChange, animateToIndex, }: BottomSheetPanGestureParams) => PanGesture;
-export {};
-//# sourceMappingURL=useBottomSheetPanGesture.d.ts.map

package/lib/typescript/src/useBottomSheetPanGesture.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBottomSheetPanGesture.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetPanGesture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG/D,OAAO,EAGL,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,UAAU,2BAA2B;IACnC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IACpC,gBAAgB,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;IACzC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,iBAAiB,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,wBAAwB,GAAI,uKAWtC,2BAA2B,KAAG,UAuNhC,CAAC"}

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

@@ -1,13 +0,0 @@
-import type { NativeScrollEvent } from 'react-native';
-import { type SharedValue } from 'react-native-reanimated';
-type ScrollHandler = (event: NativeScrollEvent) => void;
-export declare const useBottomSheetScrollable: (baseScrollEnabled?: boolean | SharedValue<boolean | undefined>, onScroll?: ScrollHandler) => {
-    scrollHandler: import("react-native-reanimated").ScrollHandlerProcessed<Record<string, unknown>>;
-    scrollableRef: import("react-native-reanimated").AnimatedRef<import("react").Component<{}, {}, any>>;
-    nativeGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/nativeGesture").NativeGesture;
-    animatedProps: Partial<{
-        scrollEnabled: boolean;
-    }>;
-};
-export {};
-//# sourceMappingURL=useBottomSheetScrollable.d.ts.map

package/lib/typescript/src/useBottomSheetScrollable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBottomSheetScrollable.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetScrollable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EACL,KAAK,WAAW,EAKjB,MAAM,yBAAyB,CAAC;AAIjC,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAExD,eAAO,MAAM,wBAAwB,GACnC,oBAAmB,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,SAAS,CAAQ,EACpE,WAAW,aAAa;;;;;;;CAiDzB,CAAC"}

package/src/BottomSheetBase.tsx

@@ -1,276 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import type { ReactNode } from 'react';
-import type { LayoutChangeEvent } from 'react-native';
-import { Pressable, StyleSheet, View, useWindowDimensions } from 'react-native';
-import type { SharedValue, WithSpringConfig } from 'react-native-reanimated';
-import Animated, {
-  useAnimatedReaction,
-  useAnimatedStyle,
-  useDerivedValue,
-  useSharedValue,
-  withSpring,
-} from 'react-native-reanimated';
-import { scheduleOnUI } from 'react-native-worklets';
-import { GestureDetector } from 'react-native-gesture-handler';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Portal } from './BottomSheetProvider';
-import {
-  BottomSheetContextProvider,
-  type ScrollableEntry,
-} from './BottomSheetContext';
-import {
-  clampIndex,
-  isDetentProgrammatic,
-  resolveDetent,
-} from './bottomSheetUtils';
-import type { Detent } from './bottomSheetUtils';
-import { useBottomSheetPanGesture } from './useBottomSheetPanGesture';
-export type { Detent, DetentValue } from './bottomSheetUtils';
-export { programmatic } from './bottomSheetUtils';
-
-export interface BottomSheetCommonProps {
-  children: ReactNode;
-  detents?: Detent[];
-  index: number;
-  onIndexChange?: (index: number) => void;
-  position?: SharedValue<number>;
-  openAnimationConfig?: WithSpringConfig;
-  closeAnimationConfig?: WithSpringConfig;
-}
-
-export interface BottomSheetBaseProps extends BottomSheetCommonProps {
-  modal?: boolean;
-  renderScrim?: (progress: SharedValue<number>) => ReactNode;
-}
-
-const DEFAULT_OPEN_ANIMATION_CONFIG: WithSpringConfig = {
-  dampingRatio: 1,
-  duration: 300,
-  overshootClamping: true,
-};
-
-const DEFAULT_CLOSE_ANIMATION_CONFIG: WithSpringConfig = {
-  dampingRatio: 1,
-  duration: 250,
-  overshootClamping: true,
-};
-
-const DefaultScrim = ({ progress }: { progress: SharedValue<number> }) => {
-  const style = useAnimatedStyle(() => ({ opacity: progress.value }));
-  return (
-    <Animated.View
-      style={[
-        StyleSheet.absoluteFill,
-        { flex: 1, backgroundColor: 'rgba(0, 0, 0, 0.5)' },
-        style,
-      ]}
-    />
-  );
-};
-
-export const BottomSheetBase = ({
-  children,
-  detents = [0, 'max'],
-  index,
-  onIndexChange,
-  position: externalPosition,
-  openAnimationConfig = DEFAULT_OPEN_ANIMATION_CONFIG,
-  closeAnimationConfig = DEFAULT_CLOSE_ANIMATION_CONFIG,
-  modal = false,
-  renderScrim,
-}: BottomSheetBaseProps) => {
-  const { height: screenHeight } = useWindowDimensions();
-  const insets = useSafeAreaInsets();
-  const maxHeight = screenHeight - insets.top;
-  const resolvedIndex = clampIndex(index, detents.length);
-  const [contentHeight, setContentHeight] = useState(0);
-
-  if (detents.length === 0) {
-    throw new Error('detents must include at least one value.');
-  }
-
-  const normalizedDetents = detents.map((detent) => {
-    const resolved = resolveDetent(detent, contentHeight, maxHeight);
-    return Math.max(0, Math.min(resolved, maxHeight));
-  });
-  const isDraggable = detents.map((detent) => !isDetentProgrammatic(detent));
-  const initialMaxSnap = Math.max(0, ...normalizedDetents);
-
-  const translateY = useSharedValue(initialMaxSnap);
-  const animationTarget = useSharedValue(NaN);
-  const sheetHeight = useSharedValue(initialMaxSnap);
-  const [scrollableEntries, setScrollableEntries] = useState<ScrollableEntry[]>(
-    []
-  );
-  const isScrollableLocked = useSharedValue(false);
-
-  const registerScrollable = useCallback((entry: ScrollableEntry) => {
-    setScrollableEntries((prev) => [...prev, entry]);
-    return () => {
-      setScrollableEntries((prev) => prev.filter((e) => e !== entry));
-    };
-  }, []);
-
-  const detentsValue = useSharedValue(normalizedDetents);
-  const isDraggableValue = useSharedValue(isDraggable);
-  const firstNonzeroDetent = useSharedValue(
-    normalizedDetents.find((detent) => detent > 0) ?? 0
-  );
-  const currentIndex = useSharedValue(resolvedIndex);
-  const internalPosition = useDerivedValue(() =>
-    Math.max(0, sheetHeight.value - translateY.value)
-  );
-
-  useAnimatedReaction(
-    () => internalPosition.value,
-    (value) => {
-      if (externalPosition !== undefined) externalPosition.set(value);
-    }
-  );
-
-  const scrimProgress = useDerivedValue(() => {
-    const target = firstNonzeroDetent.value;
-    if (target <= 0) return 0;
-    const progress = internalPosition.value / target;
-    return Math.min(1, Math.max(0, progress));
-  });
-
-  const handleIndexChange = (nextIndex: number) => {
-    onIndexChange?.(nextIndex);
-  };
-
-  useEffect(() => {
-    const maxSnap = Math.max(0, ...normalizedDetents);
-    detentsValue.set(normalizedDetents);
-    isDraggableValue.set(isDraggable);
-    sheetHeight.set(maxSnap);
-    firstNonzeroDetent.set(normalizedDetents.find((detent) => detent > 0) ?? 0);
-  }, [
-    normalizedDetents,
-    isDraggable,
-    sheetHeight,
-    detentsValue,
-    isDraggableValue,
-    firstNonzeroDetent,
-  ]);
-
-  const animateToIndex = useCallback(
-    (targetIndex: number, velocity?: number) => {
-      'worklet';
-      const maxSnap = sheetHeight.value;
-      const targetTranslate = maxSnap - (detentsValue.value[targetIndex] ?? 0);
-      if (animationTarget.value === targetTranslate && velocity === undefined) {
-        currentIndex.set(targetIndex);
-        return;
-      }
-      animationTarget.set(targetTranslate);
-      const isOpening = targetTranslate < translateY.value;
-      const baseConfig = isOpening ? openAnimationConfig : closeAnimationConfig;
-      const springConfig =
-        velocity === undefined ? baseConfig : { ...baseConfig, velocity };
-      translateY.set(withSpring(targetTranslate, springConfig));
-      currentIndex.set(targetIndex);
-    },
-    [
-      animationTarget,
-      closeAnimationConfig,
-      currentIndex,
-      detentsValue,
-      openAnimationConfig,
-      sheetHeight,
-      translateY,
-    ]
-  );
-
-  useEffect(() => {
-    scheduleOnUI(animateToIndex, resolvedIndex);
-  }, [animateToIndex, resolvedIndex, normalizedDetents]);
-
-  const panGesture = useBottomSheetPanGesture({
-    animationTarget,
-    translateY,
-    sheetHeight,
-    detentsValue,
-    isDraggableValue,
-    currentIndex,
-    scrollableEntries,
-    isScrollableLocked,
-    handleIndexChange,
-    animateToIndex,
-  });
-
-  const handleSentinelLayout = (event: LayoutChangeEvent) => {
-    setContentHeight(event.nativeEvent.layout.y);
-  };
-  const closedIndex = normalizedDetents.indexOf(0);
-  const handleScrimPress = () => {
-    if (closedIndex === -1 || resolvedIndex === closedIndex) return;
-    handleIndexChange(closedIndex);
-    scheduleOnUI(animateToIndex, closedIndex);
-  };
-
-  const wrapperStyle = useAnimatedStyle(() => ({
-    transform: [{ translateY: translateY.value }],
-    height: sheetHeight.value,
-    opacity: translateY.value >= sheetHeight.value ? 0 : 1,
-  }));
-  const isCollapsed = normalizedDetents[resolvedIndex] === 0;
-  const pointerEvents = modal ? (isCollapsed ? 'none' : 'auto') : 'box-none';
-  let scrimElement: ReactNode | null = null;
-  if (renderScrim !== undefined) {
-    scrimElement = renderScrim(scrimProgress);
-  } else if (modal) {
-    scrimElement = <DefaultScrim progress={scrimProgress} />;
-  }
-
-  const sheetContent = (
-    <BottomSheetContextProvider
-      value={{
-        translateY,
-        position: internalPosition,
-        index: currentIndex,
-        sheetHeight,
-        isScrollableLocked,
-        registerScrollable,
-        panGesture,
-      }}
-    >
-      <Animated.View
-        style={[
-          {
-            position: 'absolute',
-            bottom: 0,
-            left: 0,
-            right: 0,
-          },
-          wrapperStyle,
-        ]}
-        pointerEvents="box-none"
-      >
-        <GestureDetector gesture={panGesture}>
-          <View style={{ flex: 1 }} pointerEvents="box-none">
-            {children}
-            <View onLayout={handleSentinelLayout} pointerEvents="none" />
-          </View>
-        </GestureDetector>
-      </Animated.View>
-    </BottomSheetContextProvider>
-  );
-
-  const sheetContainer = (
-    <Animated.View
-      style={StyleSheet.absoluteFill}
-      pointerEvents={pointerEvents}
-    >
-      {modal && scrimElement !== null ? (
-        <Pressable style={StyleSheet.absoluteFill} onPress={handleScrimPress}>
-          {scrimElement}
-        </Pressable>
-      ) : null}
-      {sheetContent}
-    </Animated.View>
-  );
-  if (modal) return <Portal>{sheetContainer}</Portal>;
-
-  return sheetContainer;
-};

package/src/BottomSheetContext.tsx

@@ -1,33 +0,0 @@
-import { createContext, useContext } from 'react';
-import type { PanGesture } from 'react-native-gesture-handler';
-import type { AnimatedRef, SharedValue } from 'react-native-reanimated';
-
-export interface ScrollableEntry {
-  ref: AnimatedRef<any>;
-  scrollOffset: SharedValue<number>;
-  isGestureActive: SharedValue<boolean>;
-}
-
-export interface BottomSheetContextType {
-  translateY: SharedValue<number>;
-  position: SharedValue<number>;
-  index: SharedValue<number>;
-  sheetHeight: SharedValue<number>;
-  isScrollableLocked: SharedValue<boolean>;
-  registerScrollable: (entry: ScrollableEntry) => () => void;
-  panGesture: PanGesture;
-}
-
-const BottomSheetContext = createContext<BottomSheetContextType | null>(null);
-
-export const BottomSheetContextProvider = BottomSheetContext.Provider;
-
-export const useBottomSheetContext = () => {
-  const context = useContext(BottomSheetContext);
-  if (context === null) {
-    throw new Error(
-      '`useBottomSheetContext` must be used within `BottomSheet`.'
-    );
-  }
-  return context;
-};

package/src/BottomSheetFlatList.tsx

@@ -1,21 +0,0 @@
-import { FlatList, type NativeScrollEvent } from 'react-native';
-import type {
-  FlatListPropsWithLayout,
-  SharedValue,
-} from 'react-native-reanimated';
-import type { Ref, ReactElement } from 'react';
-
-import { bottomSheetScrollable } from './bottomSheetScrollable';
-
-export type BottomSheetFlatListProps<T> = Omit<
-  FlatListPropsWithLayout<T>,
-  'onScroll' | 'scrollEnabled' | 'ref'
-> & {
-  scrollEnabled?: boolean | SharedValue<boolean | undefined>;
-  onScroll?: (event: NativeScrollEvent) => void;
-  ref?: Ref<FlatList<T>>;
-};
-
-export const BottomSheetFlatList = bottomSheetScrollable(FlatList) as <T>(
-  props: BottomSheetFlatListProps<T>
-) => ReactElement;

package/src/BottomSheetScrollView.tsx

@@ -1,22 +0,0 @@
-import type { Ref, ReactElement } from 'react';
-import {
-  ScrollView,
-  type NativeScrollEvent,
-  type ScrollViewProps,
-} from 'react-native';
-import type { SharedValue } from 'react-native-reanimated';
-
-import { bottomSheetScrollable } from './bottomSheetScrollable';
-
-export type BottomSheetScrollViewProps = Omit<
-  ScrollViewProps,
-  'onScroll' | 'scrollEnabled' | 'ref'
-> & {
-  scrollEnabled?: boolean | SharedValue<boolean | undefined>;
-  onScroll?: (event: NativeScrollEvent) => void;
-  ref?: Ref<ScrollView>;
-};
-
-export const BottomSheetScrollView = bottomSheetScrollable(ScrollView) as (
-  props: BottomSheetScrollViewProps
-) => ReactElement;

package/src/bottomSheetScrollable.tsx

@@ -1,42 +0,0 @@
-import { type ComponentType, type Ref, useImperativeHandle } from 'react';
-import type { NativeScrollEvent } from 'react-native';
-import { GestureDetector } from 'react-native-gesture-handler';
-import Animated, { type SharedValue } from 'react-native-reanimated';
-
-import { useBottomSheetScrollable } from './useBottomSheetScrollable';
-
-export function bottomSheetScrollable<
-  P extends Record<string, any>,
-  R = unknown
->(ScrollableComponent: ComponentType<P>) {
-  const AnimatedComponent =
-    Animated.createAnimatedComponent(ScrollableComponent);
-
-  return ({
-    scrollEnabled,
-    onScroll,
-    ref,
-    ...rest
-  }: Omit<P, 'onScroll' | 'scrollEnabled' | 'ref'> & {
-    scrollEnabled?: boolean | SharedValue<boolean | undefined>;
-    onScroll?: (event: NativeScrollEvent) => void;
-    ref?: Ref<R>;
-  }) => {
-    const { scrollHandler, scrollableRef, nativeGesture, animatedProps } =
-      useBottomSheetScrollable(scrollEnabled, onScroll);
-
-    useImperativeHandle(ref, () => scrollableRef.current as R, [scrollableRef]);
-
-    return (
-      <GestureDetector gesture={nativeGesture}>
-        <AnimatedComponent
-          {...(rest as any)}
-          animatedProps={animatedProps}
-          ref={scrollableRef}
-          onScroll={scrollHandler}
-          scrollEventThrottle={16}
-        />
-      </GestureDetector>
-    );
-  };
-}