react-native-bottom-sheet-stack 1.0.3 → 1.1.0

package/README.md

@@ -1,88 +1,300 @@
-# 🧩 BottomSheet Stack Manager
+# react-native-bottom-sheet-stack
 
-Manage a stack of [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) components with `push`, `switch`, and `replace` navigation — without unmounting underlying sheets.
+A stack manager for [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) with `push`, `switch`, and `replace` navigation modes, iOS-style scale animations, and React context preservation.
 
-> ⚠️ **Important:** Not Production Ready
-> This library is currently in active development and is not yet considered production-ready.
+## Features
 
-## Demo:
-https://x.com/tsolfitsmexx/status/1913103288834089056?s=46&t=kx6uESwbDrRgTUOCDr1tMQ
+- **Stack Navigation** — `push`, `switch`, and `replace` modes for managing multiple sheets
+- **Scale Animation** — iOS-style background scaling effect when sheets are stacked
+- **Context Preservation** — Portal-based API that preserves React context in bottom sheets
+- **Underlying Sheets Stay Mounted** — Sheets remain in the stack until explicitly closed
+- **Group Support** — Isolated stacks for different parts of your app
 
----
-
-## 🚀 Features
-
-- 🧱 `push` — stack a new sheet above the current one
-- 🔄 `switch` — override current sheet temporarily, restore the previous one when closing
-- 🔁 `replace` — fully swap and remove the current sheet
-- 🧠 Underlying sheets remain mounted
-- 🗂️ Group support for isolated stacks
-
----
-
-## 📦 Installation
+## Installation
 
 ```bash
-yarn add zustand @gorhom/bottom-sheet
+yarn add react-native-bottom-sheet-stack
 ```
 
-## Usage
+### Peer Dependencies
 
-### 🧠 Important: Use <BottomSheetManaged /> instead of <BottomSheet />
-
-To make the stack manager work, you must replace all instances of BottomSheet from @gorhom/bottom-sheet with the provided:
-
-```tsx
-import { BottomSheetManaged } from 'react-native-bottom-sheet-stack';
+```bash
+yarn add @gorhom/bottom-sheet react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-teleport zustand
 ```
 
-In your app entry:
+## Quick Start
+
+### 1. Setup Provider and Host
 
 ```tsx
 import {
+  BottomSheetManagerProvider,
   BottomSheetHost,
-  BottomSheetManager,
-  initBottomSheetCoordinator,
+  BottomSheetScaleView,
 } from 'react-native-bottom-sheet-stack';
-
-initBottomSheetCoordinator();
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 export default function App() {
   return (
-    <BottomSheetManager id="default">
-      <BottomSheetHost />
-      {/* your app content */}
-    </BottomSheetManager>
+    <SafeAreaProvider>
+      <GestureHandlerRootView style={{ flex: 1 }}>
+        <BottomSheetManagerProvider id="default">
+          <BottomSheetScaleView>
+            <YourAppContent />
+          </BottomSheetScaleView>
+          <BottomSheetHost />
+        </BottomSheetManagerProvider>
+      </GestureHandlerRootView>
+    </SafeAreaProvider>
   );
 }
 ```
 
-In a component:
+### 2. Create a Bottom Sheet Component
+
+Use `BottomSheetManaged` instead of `BottomSheet` from `@gorhom/bottom-sheet`:
 
 ```tsx
-import { useBottomSheetManager } from 'react-native-bottom-sheet-stack';
+import { forwardRef } from 'react';
+import { View, Text } from 'react-native';
+import { BottomSheetView } from '@gorhom/bottom-sheet';
+import { BottomSheetManaged, useBottomSheetState } from 'react-native-bottom-sheet-stack';
 
-export default function YouComponent() {
-  const { openBottomSheet } = useBottomSheetManager();
+const MySheet = forwardRef((props, ref) => {
+  const { close } = useBottomSheetState();
 
   return (
-    <TouchableOpacity onPress={() => openBottomSheet(<YourBottomSheet />, { mode: 'switch' })}>
-      <Text>Open Bottom Sheet</Text>
-    </TouchableOpacity>
+    <BottomSheetManaged ref={ref} snapPoints={['50%']}>
+      <BottomSheetView>
+        <View style={{ padding: 20 }}>
+          <Text>Hello from Bottom Sheet!</Text>
+          <Button title="Close" onPress={close} />
+        </View>
+      </BottomSheetView>
+    </BottomSheetManaged>
   );
+});
+```
+
+### 3. Open Bottom Sheets
+
+```tsx
+import { useBottomSheetManager } from 'react-native-bottom-sheet-stack';
+
+function MyComponent() {
+  const { openBottomSheet } = useBottomSheetManager();
+
+  const handleOpen = () => {
+    openBottomSheet(<MySheet />, {
+      mode: 'push', // 'push' | 'switch' | 'replace'
+      scaleBackground: true,
+    });
+  };
+
+  return <Button title="Open Sheet" onPress={handleOpen} />;
 }
 ```
 
-Define your bottom sheet:
+## Navigation Modes
+
+| Mode | Description |
+|------|-------------|
+| `push` | Stack a new sheet on top. Previous sheet remains visible underneath. |
+| `switch` | Hide current sheet and show new one. Previous sheet is restored when new one closes. |
+| `replace` | Close current sheet and open new one. Previous sheet is removed from stack. |
+
+## Scale Animation
+
+Wrap your app content in `BottomSheetScaleView` to enable iOS-style scaling:
+
+```tsx
+<BottomSheetManagerProvider
+  id="default"
+  scaleConfig={{ scale: 0.92, translateY: 0, borderRadius: 24 }}
+>
+  <BottomSheetScaleView>
+    <YourAppContent />
+  </BottomSheetScaleView>
+  <BottomSheetHost />
+</BottomSheetManagerProvider>
+```
+
+> **Important:** `BottomSheetHost` must be **outside** of `BottomSheetScaleView`. If you wrap `BottomSheetHost` inside `BottomSheetScaleView`, the bottom sheets themselves will also scale, which is not the desired behavior.
+
+Open sheets with `scaleBackground: true`:
 
 ```tsx
-import { BottomSheetManaged } from 'react-native-bottom-sheet-stack';
+openBottomSheet(<MySheet />, { scaleBackground: true });
+```
+
+## Context Preservation (Portal API)
+
+The imperative `openBottomSheet()` API stores content in a Zustand store and renders it in `BottomSheetHost`. This means **React context from your component tree is lost**.
+
+For cases where you need context (themes, auth, i18n, etc.), use the **portal-based API**:
+
+```tsx
+import {
+  BottomSheetPortal,
+  useBottomSheetControl,
+} from 'react-native-bottom-sheet-stack';
+
+function MyComponent() {
+  const { open, close, isOpen } = useBottomSheetControl('my-sheet');
 
-export default function YourBottomSheet() {
   return (
-    <BottomSheetManaged snapPoints={['50%']}>
-      {/* Sheet content */}
-    </BottomSheetManaged>
+    <View>
+      {/* Declare the portal - content is rendered here in your React tree */}
+      <BottomSheetPortal id="my-sheet">
+        <MySheet />
+      </BottomSheetPortal>
+
+      {/* Control it imperatively */}
+      <Button title="Open" onPress={() => open({ scaleBackground: true })} />
+    </View>
   );
 }
-```
+```
+
+### How It Works
+
+| API | Context | Use Case |
+|-----|---------|----------|
+| `openBottomSheet()` | Lost | Dynamic sheets, simple cases |
+| `BottomSheetPortal` | Preserved | Sheets needing theme, auth, i18n, etc. |
+
+The portal API uses [react-native-teleport](https://github.com/nicklockwood/react-native-teleport) to render content in your component tree while displaying it in `BottomSheetHost`.
+
+### Type-Safe Portal IDs
+
+You can get autocomplete and type checking for portal sheet IDs by augmenting the `BottomSheetPortalRegistry` interface.
+
+**Step 1:** Create a type declaration file in your project (e.g., `src/types/bottom-sheet.d.ts`):
+
+```tsx
+import 'react-native-bottom-sheet-stack';
+
+declare module 'react-native-bottom-sheet-stack' {
+  interface BottomSheetPortalRegistry {
+    'settings-sheet': true;
+    'profile-sheet': true;
+    'confirm-dialog': true;
+  }
+}
+```
+
+**Step 2:** Make sure the file is included in your `tsconfig.json`:
+
+```json
+{
+  "compilerOptions": {
+    // ...
+  },
+  "include": [
+    "src/**/*",
+    "src/types/**/*.d.ts"  // include your declaration files
+  ]
+}
+```
+
+**Step 3:** Now TypeScript will autocomplete and validate the `id` prop:
+
+```tsx
+// ✅ Valid - 'settings-sheet' is in registry
+<BottomSheetPortal id="settings-sheet">
+const control = useBottomSheetControl('settings-sheet');
+
+// ❌ Error - 'unknown-sheet' is not in registry
+<BottomSheetPortal id="unknown-sheet">
+const control = useBottomSheetControl('unknown-sheet');
+```
+
+If you don't augment the registry, the `id` accepts any `string` for flexibility.
+
+## API Reference
+
+### Components
+
+#### `BottomSheetManagerProvider`
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `id` | `string` | Unique identifier for this stack group |
+| `scaleConfig` | `ScaleConfig` | Optional scale animation configuration |
+
+#### `BottomSheetHost`
+
+Renders the bottom sheet stack. Place after your app content inside `BottomSheetManagerProvider`.
+
+#### `BottomSheetScaleView`
+
+Wrapper that applies scale animation to its children when sheets are opened with `scaleBackground: true`.
+
+#### `BottomSheetManaged`
+
+Drop-in replacement for `BottomSheet` from `@gorhom/bottom-sheet`. Accepts all the same props.
+
+#### `BottomSheetPortal`
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `id` | `BottomSheetPortalId` | Unique identifier for this portal sheet (type-safe if registry is augmented) |
+| `children` | `ReactElement` | The bottom sheet component to render |
+
+### Hooks
+
+#### `useBottomSheetManager()`
+
+```tsx
+const {
+  openBottomSheet,  // (content, options?) => id
+  close,            // (id) => void
+  clearAll,         // () => void
+} = useBottomSheetManager();
+```
+
+#### `useBottomSheetState()`
+
+Use inside a bottom sheet component:
+
+```tsx
+const {
+  bottomSheetState,  // { id, status, groupId, ... }
+  close,             // () => void
+} = useBottomSheetState();
+```
+
+#### `useBottomSheetControl(id: BottomSheetPortalId)`
+
+Control portal-based sheets:
+
+```tsx
+const {
+  open,    // (options?) => void
+  close,   // () => void
+  isOpen,  // boolean
+  status,  // 'opening' | 'open' | 'closing' | 'hidden' | null
+} = useBottomSheetControl('my-sheet');
+```
+
+### Types
+
+#### `BottomSheetPortalRegistry`
+
+Interface to augment for type-safe portal IDs. See [Type-Safe Portal IDs](#type-safe-portal-ids).
+
+#### `BottomSheetPortalId`
+
+Type for portal sheet IDs. If `BottomSheetPortalRegistry` is augmented, this is a union of registered keys. Otherwise, it's `string`.
+
+## Example
+
+See the [example app](./example) for a full demo including:
+- Navigation flow (push, switch, replace)
+- Nested scale animations
+- Context preservation comparison
+
+## License
+
+MIT

package/lib/commonjs/BottomSheetHost.js

@@ -9,6 +9,7 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _reactNativeTeleport = require("react-native-teleport");
 var _shallow = require("zustand/shallow");
 var _animatedRegistry = require("./animatedRegistry");
 var _BottomSheetBackdrop = require("./BottomSheetBackdrop");
@@ -19,6 +20,65 @@ var _bottomSheetCoordinator = require("./bottomSheetCoordinator");
 var _useScaleAnimation = require("./useScaleAnimation");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function PortalHostWrapper(t0) {
+  const $ = (0, _compilerRuntime.c)(12);
+  const {
+    id,
+    width,
+    height
+  } = t0;
+  let t1;
+  if ($[0] !== height || $[1] !== width) {
+    t1 = {
+      flex: 1,
+      width,
+      height
+    };
+    $[0] = height;
+    $[1] = width;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const t2 = `bottomsheet-${id}`;
+  let t3;
+  if ($[3] !== height || $[4] !== width) {
+    t3 = {
+      width,
+      height
+    };
+    $[3] = height;
+    $[4] = width;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t2 || $[7] !== t3) {
+    t4 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeTeleport.PortalHost, {
+      name: t2,
+      style: t3
+    });
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t1 || $[10] !== t4) {
+    t5 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: t1,
+      children: t4
+    });
+    $[9] = t1;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
+}
 function BottomSheetHostComp() {
   const $ = (0, _compilerRuntime.c)(15);
   const queueIds = useQueueIds();
@@ -99,7 +159,7 @@ function _temp(store) {
   return store.clearAll;
 }
 function QueueItem(t0) {
-  const $ = (0, _compilerRuntime.c)(23);
+  const $ = (0, _compilerRuntime.c)(29);
   const {
     id,
     groupId,
@@ -107,13 +167,13 @@ function QueueItem(t0) {
   } = t0;
   let t1;
   if ($[0] !== id) {
-    t1 = state => state.sheetsById[id]?.content;
+    t1 = state => state.sheetsById[id];
     $[0] = id;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
-  const content = (0, _bottomSheet.useBottomSheetStore)(t1);
+  const sheet = (0, _bottomSheet.useBottomSheetStore)(t1);
   const {
     width,
     height
@@ -188,31 +248,47 @@ function QueueItem(t0) {
     t8 = $[15];
   }
   let t9;
-  if ($[16] !== content || $[17] !== t8) {
-    t9 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+  if ($[16] !== height || $[17] !== id || $[18] !== sheet?.content || $[19] !== sheet?.usePortal || $[20] !== width) {
+    t9 = sheet?.usePortal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PortalHostWrapper, {
+      id: id,
+      width: width,
+      height: height
+    }) : sheet?.content;
+    $[16] = height;
+    $[17] = id;
+    $[18] = sheet?.content;
+    $[19] = sheet?.usePortal;
+    $[20] = width;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== t8 || $[23] !== t9) {
+    t10 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: t8,
-      children: content
+      children: t9
     });
-    $[16] = content;
-    $[17] = t8;
-    $[18] = t9;
+    $[22] = t8;
+    $[23] = t9;
+    $[24] = t10;
   } else {
-    t9 = $[18];
+    t10 = $[24];
   }
-  let t10;
-  if ($[19] !== t6 || $[20] !== t9 || $[21] !== value) {
-    t10 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BottomSheet.BottomSheetContext.Provider, {
+  let t11;
+  if ($[25] !== t10 || $[26] !== t6 || $[27] !== value) {
+    t11 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BottomSheet.BottomSheetContext.Provider, {
       value: value,
-      children: [t6, t9]
+      children: [t6, t10]
     });
-    $[19] = t6;
-    $[20] = t9;
-    $[21] = value;
-    $[22] = t10;
+    $[25] = t10;
+    $[26] = t6;
+    $[27] = value;
+    $[28] = t11;
   } else {
-    t10 = $[22];
+    t11 = $[28];
   }
-  return t10;
+  return t11;
 }
 const useQueueIds = () => {
   const $ = (0, _compilerRuntime.c)(2);

package/lib/commonjs/BottomSheetHost.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeSafeAreaContext","_shallow","_animatedRegistry","_BottomSheetBackdrop","_BottomSheet","_bottomSheet","_BottomSheetManager","_bottomSheetCoordinator","_useScaleAnimation","_jsxRuntime","e","__esModule","default","BottomSheetHostComp","$","_compilerRuntime","c","queueIds","useQueueIds","clearAll","useBottomSheetStore","_temp","groupId","scaleConfig","useBottomSheetManagerContext","t0","t1","unsubscribe","initBottomSheetCoordinator","useEffect","t2","t3","t4","t5","id","jsx","QueueItem","map","Fragment","children","store","state","sheetsById","content","width","height","useSafeAreaFrame","value","scaleDepth","useScaleDepth","scaleStyle","useScaleAnimatedStyle","cleanupAnimatedIndex","Symbol","for","StyleSheet","absoluteFillObject","styles","backdropContainer","t6","View","style","BottomSheetBackdrop","t7","t8","container","t9","t10","jsxs","BottomSheetContext","Provider","stackOrder","filter","sheetId","shallow","BottomSheetHost","exports","create","zIndex","pointerEvents"],"sourceRoot":"../../src","sources":["BottomSheetHost.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeSafeAreaContext","_reactNativeTeleport","_shallow","_animatedRegistry","_BottomSheetBackdrop","_BottomSheet","_bottomSheet","_BottomSheetManager","_bottomSheetCoordinator","_useScaleAnimation","_jsxRuntime","e","__esModule","default","PortalHostWrapper","t0","$","_compilerRuntime","c","id","width","height","t1","flex","t2","t3","t4","jsx","PortalHost","name","style","t5","View","children","BottomSheetHostComp","queueIds","useQueueIds","clearAll","useBottomSheetStore","_temp","groupId","scaleConfig","useBottomSheetManagerContext","unsubscribe","initBottomSheetCoordinator","useEffect","QueueItem","map","Fragment","store","state","sheetsById","sheet","useSafeAreaFrame","value","scaleDepth","useScaleDepth","scaleStyle","useScaleAnimatedStyle","cleanupAnimatedIndex","Symbol","for","StyleSheet","absoluteFillObject","styles","backdropContainer","t6","BottomSheetBackdrop","t7","t8","container","t9","content","usePortal","t10","t11","jsxs","BottomSheetContext","Provider","stackOrder","filter","sheetId","shallow","BottomSheetHost","exports","create","zIndex","pointerEvents"],"sourceRoot":"../../src","sources":["BottomSheetHost.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/BottomSheetManager.provider.js

@@ -7,6 +7,7 @@ exports.BottomSheetManagerProvider = BottomSheetManagerProvider;
 exports.useMaybeBottomSheetManagerContext = exports.useBottomSheetManagerContext = void 0;
 var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
+var _reactNativeTeleport = require("react-native-teleport");
 var _BottomSheetManager = require("./BottomSheetManager.context");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -32,10 +33,12 @@ function BottomSheetManagerProvider(t0) {
   const value = t1;
   let t2;
   if ($[3] !== children || $[4] !== id || $[5] !== value) {
-    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetManager.BottomSheetManagerContext.Provider, {
-      value: value,
-      children: children
-    }, id);
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeTeleport.PortalProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetManager.BottomSheetManagerContext.Provider, {
+        value: value,
+        children: children
+      }, id)
+    });
     $[3] = children;
     $[4] = id;
     $[5] = value;

package/lib/commonjs/BottomSheetManager.provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_BottomSheetManager","_jsxRuntime","e","__esModule","default","BottomSheetManagerProvider","t0","$","_compilerRuntime","c","id","scaleConfig","children","t1","groupId","value","t2","jsx","BottomSheetManagerContext","Provider","useBottomSheetManagerContext","context","React","useContext","Error","exports","useMaybeBottomSheetManagerContext"],"sourceRoot":"../../src","sources":["BottomSheetManager.provider.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAGsC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ/B,SAAAG,2BAAAC,EAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAAoC;IAAAC,EAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAN,EAI3B;EAAA,IAAAO,EAAA;EAAA,IAAAN,CAAA,QAAAG,EAAA,IAAAH,CAAA,QAAAI,WAAA;IACAE,EAAA;MAAAC,OAAA,EAAWJ,EAAE;MAAAC;IAAc,CAAC;IAAAJ,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAA1C,MAAAQ,KAAA,GAAcF,EAA4B;EAAC,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAG,EAAA,IAAAH,CAAA,QAAAQ,KAAA;IAGzCC,EAAA,oBAAAf,WAAA,CAAAgB,GAAA,EAAAjB,mBAAA,CAAAkB,yBAAA,CAAAC,QAAA;MAAoDJ,KAAK,EAALA,KAAK;MAAAH,QAAA,EACtDA;IAAQ,GAD8BF,EAEL,CAAC;IAAAH,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAQ,KAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OAFrCS,EAEqC;AAAA;AAIlC,MAAMI,4BAA4B,GACvCA,CAAA;EACE,MAAAC,OAAA,GAAgBC,cAAK,CAAAC,UAAW,CAACL,6CAAyB,CAAC;EAE3D,IAAI,CAACG,OAAO;IACV,MAAM,IAAIG,KAAK,CACb,+EACF,CAAC;EAAC;EACH,OACMH,OAAO;AAAA,CACf;AAACI,OAAA,CAAAL,4BAAA,GAAAA,4BAAA;AAEG,MAAMM,iCAAiC,GAC5CA,CAAA;EACE,MAAAL,OAAA,GAAgBC,cAAK,CAAAC,UAAW,CAACL,6CAAyB,CAAC;EAE3D,IAAI,CAACG,OAAO;IAAA,OACH,IAAI;EAAA;EACZ,OACMA,OAAO;AAAA,CACf;AAACI,OAAA,CAAAC,iCAAA,GAAAA,iCAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeTeleport","_BottomSheetManager","_jsxRuntime","e","__esModule","default","BottomSheetManagerProvider","t0","$","_compilerRuntime","c","id","scaleConfig","children","t1","groupId","value","t2","jsx","PortalProvider","BottomSheetManagerContext","Provider","useBottomSheetManagerContext","context","React","useContext","Error","exports","useMaybeBottomSheetManagerContext"],"sourceRoot":"../../src","sources":["BottomSheetManager.provider.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AAGsC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ/B,SAAAG,2BAAAC,EAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAAoC;IAAAC,EAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAN,EAI3B;EAAA,IAAAO,EAAA;EAAA,IAAAN,CAAA,QAAAG,EAAA,IAAAH,CAAA,QAAAI,WAAA;IACAE,EAAA;MAAAC,OAAA,EAAWJ,EAAE;MAAAC;IAAc,CAAC;IAAAJ,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAA1C,MAAAQ,KAAA,GAAcF,EAA4B;EAAC,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAG,EAAA,IAAAH,CAAA,QAAAQ,KAAA;IAGzCC,EAAA,oBAAAf,WAAA,CAAAgB,GAAA,EAAClB,oBAAA,CAAAmB,cAAc;MAAAN,QAAA,eACb,IAAAX,WAAA,CAAAgB,GAAA,EAAAjB,mBAAA,CAAAmB,yBAAA,CAAAC,QAAA;QAAoDL,KAAK,EAALA,KAAK;QAAAH,QAAA,EACtDA;MAAQ,GAD8BF,EAEL;IAAC,CACvB,CAAC;IAAAH,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAQ,KAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OAJjBS,EAIiB;AAAA;AAId,MAAMK,4BAA4B,GACvCA,CAAA;EACE,MAAAC,OAAA,GAAgBC,cAAK,CAAAC,UAAW,CAACL,6CAAyB,CAAC;EAE3D,IAAI,CAACG,OAAO;IACV,MAAM,IAAIG,KAAK,CACb,+EACF,CAAC;EAAC;EACH,OACMH,OAAO;AAAA,CACf;AAACI,OAAA,CAAAL,4BAAA,GAAAA,4BAAA;AAEG,MAAMM,iCAAiC,GAC5CA,CAAA;EACE,MAAAL,OAAA,GAAgBC,cAAK,CAAAC,UAAW,CAACL,6CAAyB,CAAC;EAE3D,IAAI,CAACG,OAAO;IAAA,OACH,IAAI;EAAA;EACZ,OACMA,OAAO;AAAA,CACf;AAACI,OAAA,CAAAC,iCAAA,GAAAA,iCAAA","ignoreList":[]}

package/lib/commonjs/BottomSheetPortal.js

@@ -0,0 +1,46 @@
+"use strict";
+'use no memo';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheetPortal = BottomSheetPortal;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeTeleport = require("react-native-teleport");
+var _BottomSheet = require("./BottomSheet.context");
+var _bottomSheet = require("./bottomSheet.store");
+var _refsMap = require("./refsMap");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function BottomSheetPortal({
+  id,
+  children
+}) {
+  const sheetState = (0, _bottomSheet.useBottomSheetStore)(state => state.sheetsById[id]);
+
+  // Only render when the sheet is active and using portal
+  if (!sheetState?.usePortal) {
+    return null;
+  }
+
+  // Get the ref that was created in useBottomSheetControl.open()
+  const ref = _refsMap.sheetRefs[id];
+
+  // Clone the child element to add the ref
+  // @ts-ignore - same pattern as useBottomSheetManager
+  const childWithRef = /*#__PURE__*/_react.default.cloneElement(children, {
+    ref
+  });
+
+  // Wrap with BottomSheetContext so useBottomSheetState() works inside portal content
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeTeleport.Portal, {
+    hostName: `bottomsheet-${id}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheet.BottomSheetContext.Provider, {
+      value: {
+        id
+      },
+      children: childWithRef
+    })
+  });
+}
+//# sourceMappingURL=BottomSheetPortal.js.map

package/lib/commonjs/BottomSheetPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","BottomSheetPortal","_react","_interopRequireDefault","require","_reactNativeTeleport","_BottomSheet","_bottomSheet","_refsMap","_jsxRuntime","e","__esModule","default","id","children","sheetState","useBottomSheetStore","state","sheetsById","usePortal","ref","sheetRefs","childWithRef","React","cloneElement","jsx","Portal","hostName","BottomSheetContext","Provider"],"sourceRoot":"../../src","sources":["BottomSheetPortal.tsx"],"mappings":";AAAA,aAAa;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,iBAAA,GAAAA,iBAAA;AAEd,IAAAC,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AAAsC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO/B,SAAST,iBAAiBA,CAAC;EAAEY,EAAE;EAAEC;AAAiC,CAAC,EAAE;EAC1E,MAAMC,UAAU,GAAG,IAAAC,gCAAmB,EAAEC,KAAK,IAAKA,KAAK,CAACC,UAAU,CAACL,EAAE,CAAC,CAAC;;EAEvE;EACA,IAAI,CAACE,UAAU,EAAEI,SAAS,EAAE;IAC1B,OAAO,IAAI;EACb;;EAEA;EACA,MAAMC,GAAG,GAAGC,kBAAS,CAACR,EAAE,CAAC;;EAEzB;EACA;EACA,MAAMS,YAAY,gBAAGC,cAAK,CAACC,YAAY,CAACV,QAAQ,EAAE;IAAEM;EAAI,CAAC,CAAC;;EAE1D;EACA,oBACE,IAAAX,WAAA,CAAAgB,GAAA,EAACpB,oBAAA,CAAAqB,MAAM;IAACC,QAAQ,EAAE,eAAed,EAAE,EAAG;IAAAC,QAAA,eACpC,IAAAL,WAAA,CAAAgB,GAAA,EAACnB,YAAA,CAAAsB,kBAAkB,CAACC,QAAQ;MAAC7B,KAAK,EAAE;QAAEa;MAAG,CAAE;MAAAC,QAAA,EACxCQ;IAAY,CACc;EAAC,CACxB,CAAC;AAEb","ignoreList":[]}