@umituz/react-native-bottom-sheet 1.0.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2024 Ümit UZ
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,101 @@
+# @umituz/react-native-bottom-sheet
+
+Modern, performant bottom sheets for React Native with preset configurations, keyboard handling, and smooth animations.
+
+## Installation
+
+```bash
+npm install @umituz/react-native-bottom-sheet
+```
+
+## Peer Dependencies
+
+- `react` >= 18.2.0
+- `react-native` >= 0.74.0
+- `@gorhom/bottom-sheet` >= 5.0.0
+- `react-native-gesture-handler` >= 2.16.0
+- `react-native-reanimated` >= 3.10.0
+
+## Features
+
+- ✅ Preset configurations (small, medium, large, full)
+- ✅ Custom snap points (percentage, fixed, dynamic)
+- ✅ Backdrop with tap-to-close
+- ✅ Keyboard handling (interactive, fillParent, extend)
+- ✅ Theme-aware colors
+- ✅ Handle indicator
+- ✅ Pan down to close
+- ✅ Smooth animations with Reanimated v3
+- ✅ Offline-compatible (100% client-side)
+
+## Usage
+
+### Basic Usage
+
+```tsx
+import { BottomSheet, useBottomSheet } from '@umituz/react-native-bottom-sheet';
+
+const MyScreen = () => {
+  const { sheetRef, open, close } = useBottomSheet();
+
+  return (
+    <>
+      <Button onPress={open}>Open Sheet</Button>
+      <BottomSheet
+        ref={sheetRef}
+        preset="medium"
+        onClose={() => console.log('Closed')}
+      >
+        <View>
+          <Text>Bottom Sheet Content</Text>
+        </View>
+      </BottomSheet>
+    </>
+  );
+};
+```
+
+### Custom Snap Points
+
+```tsx
+<BottomSheet
+  snapPoints={['25%', '50%', '90%']}
+  initialIndex={1}
+  enableBackdrop
+>
+  <FilterForm />
+</BottomSheet>
+```
+
+### Keyboard-Aware Sheet
+
+```tsx
+<BottomSheet
+  preset="large"
+  keyboardBehavior="fillParent"
+>
+  <CommentForm />
+</BottomSheet>
+```
+
+## Presets
+
+- `small`: 25% height
+- `medium`: 50% height
+- `large`: 75% height
+- `full`: Multi-snap (25%, 50%, 90%)
+
+## API
+
+### Components
+
+- `BottomSheet`: Main bottom sheet component
+
+### Hooks
+
+- `useBottomSheet()`: Hook for managing bottom sheet state
+
+## License
+
+MIT
+

package/lib/domain/entities/BottomSheet.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Bottom Sheet Domain - Entity
+ *
+ * Defines bottom sheet types, snap point configurations, and utilities.
+ * Provides a clean abstraction over @gorhom/bottom-sheet library.
+ *
+ * Features:
+ * - Snap point types (percentage, fixed, dynamic)
+ * - Pre-built configs (small, medium, large, full)
+ * - Backdrop configurations
+ * - Animation timing configs
+ * - Keyboard behavior options
+ *
+ * Architecture:
+ * - Domain Layer: Pure business logic, no UI dependencies
+ * - Factory pattern for config creation
+ * - Type-safe snap points and options
+ */
+/**
+ * Snap point types for bottom sheet positioning
+ */
+export type SnapPoint = string | number;
+/**
+ * Keyboard behavior strategies
+ */
+export type KeyboardBehavior = 'interactive' | 'fillParent' | 'extend';
+/**
+ * Bottom sheet preset sizes
+ */
+export type BottomSheetPreset = 'small' | 'medium' | 'large' | 'full';
+/**
+ * Bottom sheet configuration interface
+ */
+export interface BottomSheetConfig {
+    /**
+     * Snap points for the bottom sheet
+     * - Percentage: '25%', '50%', '75%'
+     * - Fixed: 200, 400, 600
+     * - Dynamic: 'CONTENT_HEIGHT'
+     */
+    snapPoints: SnapPoint[];
+    /**
+     * Initial snap point index (default: 0)
+     */
+    initialIndex?: number;
+    /**
+     * Enable backdrop (darkens background)
+     */
+    enableBackdrop?: boolean;
+    /**
+     * Backdrop appears at this snap index (default: 0)
+     */
+    backdropAppearsOnIndex?: number;
+    /**
+     * Backdrop disappears at this snap index (default: -1)
+     */
+    backdropDisappearsOnIndex?: number;
+    /**
+     * Keyboard behavior strategy
+     */
+    keyboardBehavior?: KeyboardBehavior;
+    /**
+     * Enable handle indicator (default: true)
+     */
+    enableHandleIndicator?: boolean;
+    /**
+     * Enable pan down to close (default: true)
+     */
+    enablePanDownToClose?: boolean;
+    /**
+     * Enable dynamic sizing
+     */
+    enableDynamicSizing?: boolean;
+}
+/**
+ * Backdrop configuration
+ */
+export interface BackdropConfig {
+    appearsOnIndex: number;
+    disappearsOnIndex: number;
+    opacity?: number;
+    pressBehavior?: 'none' | 'close' | 'collapse';
+}
+/**
+ * Pre-built bottom sheet configurations
+ */
+export declare const BOTTOM_SHEET_PRESETS: Record<BottomSheetPreset, BottomSheetConfig>;
+/**
+ * Default bottom sheet configuration
+ */
+export declare const DEFAULT_BOTTOM_SHEET_CONFIG: BottomSheetConfig;
+/**
+ * Bottom sheet utilities
+ */
+export declare const BottomSheetUtils: {
+    /**
+     * Create custom bottom sheet config
+     */
+    createConfig: (overrides: Partial<BottomSheetConfig>) => BottomSheetConfig;
+    /**
+     * Get preset configuration
+     */
+    getPreset: (preset: BottomSheetPreset) => BottomSheetConfig;
+    /**
+     * Validate snap points
+     */
+    validateSnapPoints: (snapPoints: SnapPoint[]) => boolean;
+    /**
+     * Create backdrop config
+     */
+    createBackdropConfig: (appearsOnIndex?: number, disappearsOnIndex?: number, opacity?: number) => BackdropConfig;
+};
+//# sourceMappingURL=BottomSheet.d.ts.map

package/lib/domain/entities/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/domain/entities/BottomSheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,UAAU,EAAE,SAAS,EAAE,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;CAC/C;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAqC7E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,iBAUzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B;;OAEG;8BACuB,OAAO,CAAC,iBAAiB,CAAC,KAAG,iBAAiB;IAOxE;;OAEG;wBACiB,iBAAiB,KAAG,iBAAiB;IAIzD;;OAEG;qCAC8B,SAAS,EAAE,KAAG,OAAO;IAgBtD;;OAEG;4CAEe,MAAM,sBACH,MAAM,YAChB,MAAM,KACd,cAAc;CAQlB,CAAC"}

package/lib/domain/entities/BottomSheet.js

@@ -0,0 +1,125 @@
+/**
+ * Bottom Sheet Domain - Entity
+ *
+ * Defines bottom sheet types, snap point configurations, and utilities.
+ * Provides a clean abstraction over @gorhom/bottom-sheet library.
+ *
+ * Features:
+ * - Snap point types (percentage, fixed, dynamic)
+ * - Pre-built configs (small, medium, large, full)
+ * - Backdrop configurations
+ * - Animation timing configs
+ * - Keyboard behavior options
+ *
+ * Architecture:
+ * - Domain Layer: Pure business logic, no UI dependencies
+ * - Factory pattern for config creation
+ * - Type-safe snap points and options
+ */
+/**
+ * Pre-built bottom sheet configurations
+ */
+export const BOTTOM_SHEET_PRESETS = {
+    small: {
+        snapPoints: ['25%'],
+        initialIndex: 0,
+        enableBackdrop: true,
+        backdropAppearsOnIndex: 0,
+        backdropDisappearsOnIndex: -1,
+        enableHandleIndicator: true,
+        enablePanDownToClose: true,
+    },
+    medium: {
+        snapPoints: ['50%'],
+        initialIndex: 0,
+        enableBackdrop: true,
+        backdropAppearsOnIndex: 0,
+        backdropDisappearsOnIndex: -1,
+        enableHandleIndicator: true,
+        enablePanDownToClose: true,
+    },
+    large: {
+        snapPoints: ['75%'],
+        initialIndex: 0,
+        enableBackdrop: true,
+        backdropAppearsOnIndex: 0,
+        backdropDisappearsOnIndex: -1,
+        enableHandleIndicator: true,
+        enablePanDownToClose: true,
+    },
+    full: {
+        snapPoints: ['25%', '50%', '90%'],
+        initialIndex: 1,
+        enableBackdrop: true,
+        backdropAppearsOnIndex: 2,
+        backdropDisappearsOnIndex: 1,
+        enableHandleIndicator: true,
+        enablePanDownToClose: true,
+    },
+};
+/**
+ * Default bottom sheet configuration
+ */
+export const DEFAULT_BOTTOM_SHEET_CONFIG = {
+    snapPoints: ['50%'],
+    initialIndex: 0,
+    enableBackdrop: true,
+    backdropAppearsOnIndex: 0,
+    backdropDisappearsOnIndex: -1,
+    keyboardBehavior: 'interactive',
+    enableHandleIndicator: true,
+    enablePanDownToClose: true,
+    enableDynamicSizing: false,
+};
+/**
+ * Bottom sheet utilities
+ */
+export const BottomSheetUtils = {
+    /**
+     * Create custom bottom sheet config
+     */
+    createConfig: (overrides) => {
+        return {
+            ...DEFAULT_BOTTOM_SHEET_CONFIG,
+            ...overrides,
+        };
+    },
+    /**
+     * Get preset configuration
+     */
+    getPreset: (preset) => {
+        return BOTTOM_SHEET_PRESETS[preset];
+    },
+    /**
+     * Validate snap points
+     */
+    validateSnapPoints: (snapPoints) => {
+        if (snapPoints.length === 0)
+            return false;
+        return snapPoints.every(point => {
+            if (typeof point === 'number')
+                return point > 0;
+            if (typeof point === 'string') {
+                if (point === 'CONTENT_HEIGHT')
+                    return true;
+                if (point.endsWith('%')) {
+                    const value = parseInt(point);
+                    return value > 0 && value <= 100;
+                }
+            }
+            return false;
+        });
+    },
+    /**
+     * Create backdrop config
+     */
+    createBackdropConfig: (appearsOnIndex = 0, disappearsOnIndex = -1, opacity = 0.5) => {
+        return {
+            appearsOnIndex,
+            disappearsOnIndex,
+            opacity,
+            pressBehavior: 'close',
+        };
+    },
+};
+//# sourceMappingURL=BottomSheet.js.map

package/lib/domain/entities/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../src/domain/entities/BottomSheet.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Bottom Sheet Domain - Barrel Export
+ *
+ * Public API for the bottom-sheet domain.
+ * Provides modern, performant bottom sheets for React Native.
+ *
+ * Features:
+ * - Preset configurations (small, medium, large, full)
+ * - Custom snap points (percentage, fixed, dynamic)
+ * - Backdrop with tap-to-close
+ * - Keyboard handling (interactive, fillParent, extend)
+ * - Theme-aware colors
+ * - Handle indicator
+ * - Pan down to close
+ * - Smooth animations with Reanimated v3
+ * - Offline-compatible (100% client-side)
+ *
+ * Usage:
+ * ```tsx
+ * import { BottomSheet, useBottomSheet } from '@umituz/react-native-bottom-sheet';
+ *
+ * const MyScreen = () => {
+ *   const { sheetRef, open, close } = useBottomSheet();
+ *
+ *   return (
+ *     <>
+ *       <Button onPress={open}>Open Sheet</Button>
+ *       <BottomSheet
+ *         ref={sheetRef}
+ *         preset="medium"
+ *         onClose={() => console.log('Closed')}
+ *       >
+ *         <View>
+ *           <Text>Bottom Sheet Content</Text>
+ *         </View>
+ *       </BottomSheet>
+ *     </>
+ *   );
+ * };
+ *
+ * // Custom snap points
+ * <BottomSheet
+ *   snapPoints={['25%', '50%', '90%']}
+ *   initialIndex={1}
+ *   enableBackdrop
+ * >
+ *   <FilterForm />
+ * </BottomSheet>
+ *
+ * // Keyboard-aware sheet
+ * <BottomSheet
+ *   preset="large"
+ *   keyboardBehavior="fillParent"
+ * >
+ *   <CommentForm />
+ * </BottomSheet>
+ * ```
+ *
+ * Presets:
+ * - small: 25% height
+ * - medium: 50% height
+ * - large: 75% height
+ * - full: Multi-snap (25%, 50%, 90%)
+ *
+ * Technical:
+ * - Uses @gorhom/bottom-sheet library
+ * - Animated with react-native-reanimated v3
+ * - Gesture handling with react-native-gesture-handler
+ * - Zero backend dependencies
+ */
+export type { BottomSheetConfig, BottomSheetPreset, SnapPoint, KeyboardBehavior, BackdropConfig, } from './domain/entities/BottomSheet';
+export { BOTTOM_SHEET_PRESETS, DEFAULT_BOTTOM_SHEET_CONFIG, BottomSheetUtils, } from './domain/entities/BottomSheet';
+export { BottomSheet, type BottomSheetProps, type BottomSheetRef, } from './presentation/components/BottomSheet';
+export { useBottomSheet, type UseBottomSheetReturn, } from './presentation/hooks/useBottomSheet';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AAGH,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,cAAc,GACf,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EACL,cAAc,EACd,KAAK,oBAAoB,GAC1B,MAAM,qCAAqC,CAAC"}

package/lib/index.js

@@ -0,0 +1,76 @@
+/**
+ * Bottom Sheet Domain - Barrel Export
+ *
+ * Public API for the bottom-sheet domain.
+ * Provides modern, performant bottom sheets for React Native.
+ *
+ * Features:
+ * - Preset configurations (small, medium, large, full)
+ * - Custom snap points (percentage, fixed, dynamic)
+ * - Backdrop with tap-to-close
+ * - Keyboard handling (interactive, fillParent, extend)
+ * - Theme-aware colors
+ * - Handle indicator
+ * - Pan down to close
+ * - Smooth animations with Reanimated v3
+ * - Offline-compatible (100% client-side)
+ *
+ * Usage:
+ * ```tsx
+ * import { BottomSheet, useBottomSheet } from '@umituz/react-native-bottom-sheet';
+ *
+ * const MyScreen = () => {
+ *   const { sheetRef, open, close } = useBottomSheet();
+ *
+ *   return (
+ *     <>
+ *       <Button onPress={open}>Open Sheet</Button>
+ *       <BottomSheet
+ *         ref={sheetRef}
+ *         preset="medium"
+ *         onClose={() => console.log('Closed')}
+ *       >
+ *         <View>
+ *           <Text>Bottom Sheet Content</Text>
+ *         </View>
+ *       </BottomSheet>
+ *     </>
+ *   );
+ * };
+ *
+ * // Custom snap points
+ * <BottomSheet
+ *   snapPoints={['25%', '50%', '90%']}
+ *   initialIndex={1}
+ *   enableBackdrop
+ * >
+ *   <FilterForm />
+ * </BottomSheet>
+ *
+ * // Keyboard-aware sheet
+ * <BottomSheet
+ *   preset="large"
+ *   keyboardBehavior="fillParent"
+ * >
+ *   <CommentForm />
+ * </BottomSheet>
+ * ```
+ *
+ * Presets:
+ * - small: 25% height
+ * - medium: 50% height
+ * - large: 75% height
+ * - full: Multi-snap (25%, 50%, 90%)
+ *
+ * Technical:
+ * - Uses @gorhom/bottom-sheet library
+ * - Animated with react-native-reanimated v3
+ * - Gesture handling with react-native-gesture-handler
+ * - Zero backend dependencies
+ */
+export { BOTTOM_SHEET_PRESETS, DEFAULT_BOTTOM_SHEET_CONFIG, BottomSheetUtils, } from './domain/entities/BottomSheet';
+// Presentation Components
+export { BottomSheet, } from './presentation/components/BottomSheet';
+// Presentation Hooks
+export { useBottomSheet, } from './presentation/hooks/useBottomSheet';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AAWH,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AAEvC,0BAA0B;AAC1B,OAAO,EACL,WAAW,GAGZ,MAAM,uCAAuC,CAAC;AAE/C,qBAAqB;AACrB,OAAO,EACL,cAAc,GAEf,MAAM,qCAAqC,CAAC"}

package/lib/presentation/components/BottomSheet.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Bottom Sheet Component
+ *
+ * Main bottom sheet wrapper using @gorhom/bottom-sheet library.
+ * Provides a clean, theme-aware API for bottom sheets across the app.
+ *
+ * Features:
+ * - Snap point support (percentage, fixed, dynamic)
+ * - Backdrop with tap-to-close
+ * - Keyboard handling (interactive, fillParent, extend)
+ * - Theme-aware colors
+ * - Handle indicator
+ * - Pan down to close
+ * - Smooth animations with Reanimated v3
+ *
+ * Usage:
+ * ```tsx
+ * const sheetRef = useRef<BottomSheetRef>(null);
+ *
+ * <BottomSheet
+ *   ref={sheetRef}
+ *   preset="medium"
+ *   onClose={() => console.log('Closed')}
+ * >
+ *   <View>
+ *     <Text>Bottom Sheet Content</Text>
+ *   </View>
+ * </BottomSheet>
+ * ```
+ */
+import React from 'react';
+import type { BottomSheetPreset, SnapPoint, KeyboardBehavior } from '../../domain/entities/BottomSheet';
+/**
+ * Bottom sheet ref methods
+ */
+export interface BottomSheetRef {
+    snapToIndex: (index: number) => void;
+    snapToPosition: (position: string | number) => void;
+    expand: () => void;
+    collapse: () => void;
+    close: () => void;
+}
+/**
+ * Bottom sheet component props
+ */
+export interface BottomSheetProps {
+    /**
+     * Bottom sheet content
+     */
+    children: React.ReactNode;
+    /**
+     * Preset configuration (small, medium, large, full)
+     */
+    preset?: BottomSheetPreset;
+    /**
+     * Custom snap points (overrides preset)
+     */
+    snapPoints?: SnapPoint[];
+    /**
+     * Initial snap point index
+     */
+    initialIndex?: number;
+    /**
+     * Enable backdrop
+     */
+    enableBackdrop?: boolean;
+    /**
+     * Backdrop appears at this snap index
+     */
+    backdropAppearsOnIndex?: number;
+    /**
+     * Backdrop disappears at this snap index
+     */
+    backdropDisappearsOnIndex?: number;
+    /**
+     * Keyboard behavior strategy
+     */
+    keyboardBehavior?: KeyboardBehavior;
+    /**
+     * Enable handle indicator
+     */
+    enableHandleIndicator?: boolean;
+    /**
+     * Enable pan down to close
+     */
+    enablePanDownToClose?: boolean;
+    /**
+     * Enable dynamic sizing
+     */
+    enableDynamicSizing?: boolean;
+    /**
+     * Callback when sheet changes position
+     */
+    onChange?: (index: number) => void;
+    /**
+     * Callback when sheet closes
+     */
+    onClose?: () => void;
+}
+/**
+ * Bottom Sheet Component
+ *
+ * Modern, performant bottom sheet for React Native.
+ * Uses @gorhom/bottom-sheet with Reanimated v3.
+ */
+export declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetRef>>;
+//# sourceMappingURL=BottomSheet.d.ts.map

package/lib/presentation/components/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAG3C;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFAsGvB,CAAC"}