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

package/lib/commonjs/bottomSheet.store.js

@@ -70,6 +70,25 @@ const useBottomSheetStore = exports.useBottomSheetStore = (0, _traditional.creat
       stackOrder: [...state.stackOrder, sheet.id]
     };
   }),
+  openPortal: (id, groupId, options) => set(state => {
+    if (state.sheetsById[id]) {
+      return state;
+    }
+    return {
+      sheetsById: {
+        ...state.sheetsById,
+        [id]: {
+          id,
+          groupId,
+          content: null,
+          status: 'opening',
+          usePortal: true,
+          scaleBackground: options?.scaleBackground
+        }
+      },
+      stackOrder: [...state.stackOrder, id]
+    };
+  }),
   markOpen: id => set(state => {
     const sheet = state.sheetsById[id];
     if (!sheet) {

package/lib/commonjs/bottomSheet.store.js.map

@@ -1 +1 @@
-{"version":3,"names":["_middleware","require","_traditional","useBottomSheetStore","exports","create","subscribeWithSelector","set","sheetsById","stackOrder","push","sheet","state","id","status","switch","newSheetsById","topId","length","replace","markOpen","startClosing","index","indexOf","belowId","belowSheet","undefined","finishClosing","newStackOrder","filter","sheetId","topSheet","clearAll"],"sourceRoot":"../../src","sources":["bottomSheet.store.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_middleware","require","_traditional","useBottomSheetStore","exports","create","subscribeWithSelector","set","sheetsById","stackOrder","push","sheet","state","id","status","switch","newSheetsById","topId","length","replace","openPortal","groupId","options","content","usePortal","scaleBackground","markOpen","startClosing","index","indexOf","belowId","belowSheet","undefined","finishClosing","newStackOrder","filter","sheetId","topSheet","clearAll"],"sourceRoot":"../../src","sources":["bottomSheet.store.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -21,12 +21,24 @@ Object.defineProperty(exports, "BottomSheetManagerProvider", {
     return _BottomSheetManager.BottomSheetManagerProvider;
   }
 });
+Object.defineProperty(exports, "BottomSheetPortal", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheetPortal.BottomSheetPortal;
+  }
+});
 Object.defineProperty(exports, "BottomSheetScaleView", {
   enumerable: true,
   get: function () {
     return _BottomSheetScaleView.BottomSheetScaleView;
   }
 });
+Object.defineProperty(exports, "useBottomSheetControl", {
+  enumerable: true,
+  get: function () {
+    return _useBottomSheetControl.useBottomSheetControl;
+  }
+});
 Object.defineProperty(exports, "useBottomSheetManager", {
   enumerable: true,
   get: function () {
@@ -45,4 +57,6 @@ var _useBottomSheetManager = require("./useBottomSheetManager");
 var _useBottomSheetState = require("./useBottomSheetState");
 var _BottomSheetManaged = require("./BottomSheetManaged");
 var _BottomSheetScaleView = require("./BottomSheetScaleView");
+var _BottomSheetPortal = require("./BottomSheetPortal");
+var _useBottomSheetControl = require("./useBottomSheetControl");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_BottomSheetHost","require","_BottomSheetManager","_useBottomSheetManager","_useBottomSheetState","_BottomSheetManaged","_BottomSheetScaleView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA","ignoreList":[]}
+{"version":3,"names":["_BottomSheetHost","require","_BottomSheetManager","_useBottomSheetManager","_useBottomSheetState","_BottomSheetManaged","_BottomSheetScaleView","_BottomSheetPortal","_useBottomSheetControl"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA","ignoreList":[]}

package/lib/commonjs/portal.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=portal.types.js.map

package/lib/commonjs/portal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["portal.types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/useBottomSheetControl.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBottomSheetControl = useBottomSheetControl;
+var _compilerRuntime = require("react/compiler-runtime");
+var _react = _interopRequireDefault(require("react"));
+var _bottomSheet = require("./bottomSheet.store");
+var _BottomSheetManager = require("./BottomSheetManager.provider");
+var _refsMap = require("./refsMap");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useBottomSheetControl(id) {
+  const $ = (0, _compilerRuntime.c)(14);
+  const bottomSheetManagerContext = (0, _BottomSheetManager.useMaybeBottomSheetManagerContext)();
+  const openPortal = (0, _bottomSheet.useBottomSheetStore)(_temp);
+  const startClosing = (0, _bottomSheet.useBottomSheetStore)(_temp2);
+  let t0;
+  if ($[0] !== id) {
+    t0 = state_1 => state_1.sheetsById[id];
+    $[0] = id;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const sheetState = (0, _bottomSheet.useBottomSheetStore)(t0);
+  let t1;
+  if ($[2] !== bottomSheetManagerContext?.groupId || $[3] !== id || $[4] !== openPortal) {
+    t1 = options => {
+      const groupId = bottomSheetManagerContext?.groupId || "default";
+      const ref = /*#__PURE__*/_react.default.createRef();
+      _refsMap.sheetRefs[id] = ref;
+      openPortal(id, groupId, options);
+    };
+    $[2] = bottomSheetManagerContext?.groupId;
+    $[3] = id;
+    $[4] = openPortal;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const open = t1;
+  let t2;
+  if ($[6] !== id || $[7] !== startClosing) {
+    t2 = () => {
+      startClosing(id);
+    };
+    $[6] = id;
+    $[7] = startClosing;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const close = t2;
+  const status = sheetState?.status ?? null;
+  const isOpen = status === "open" || status === "opening";
+  let t3;
+  if ($[9] !== close || $[10] !== isOpen || $[11] !== open || $[12] !== status) {
+    t3 = {
+      open,
+      close,
+      isOpen,
+      status
+    };
+    $[9] = close;
+    $[10] = isOpen;
+    $[11] = open;
+    $[12] = status;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return t3;
+}
+function _temp2(state_0) {
+  return state_0.startClosing;
+}
+function _temp(state) {
+  return state.openPortal;
+}
+//# sourceMappingURL=useBottomSheetControl.js.map

package/lib/commonjs/useBottomSheetControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_bottomSheet","_BottomSheetManager","_refsMap","e","__esModule","default","useBottomSheetControl","id","$","_compilerRuntime","c","bottomSheetManagerContext","useMaybeBottomSheetManagerContext","openPortal","useBottomSheetStore","_temp","startClosing","_temp2","t0","state_1","state","sheetsById","sheetState","t1","groupId","options","ref","React","createRef","sheetRefs","open","t2","close","status","isOpen","t3","state_0"],"sourceRoot":"../../src","sources":["useBottomSheetControl.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAAsC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS/B,SAAAG,sBAAAC,EAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAGL,MAAAC,yBAAA,GAAkC,IAAAC,qDAAiC,EAAC,CAAC;EAErE,MAAAC,UAAA,GAAmB,IAAAC,gCAAmB,EAACC,KAA2B,CAAC;EACnE,MAAAC,YAAA,GAAqB,IAAAF,gCAAmB,EAACG,MAA6B,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAD,EAAA;IACjCW,EAAA,GAAAC,OAAA,IAAWC,OAAK,CAAAC,UAAW,CAACd,EAAE,CAAC;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAtE,MAAAc,UAAA,GAAmB,IAAAR,gCAAmB,EAACI,EAA+B,CAAC;EAAC,IAAAK,EAAA;EAAA,IAAAf,CAAA,QAAAG,yBAAA,EAAAa,OAAA,IAAAhB,CAAA,QAAAD,EAAA,IAAAC,CAAA,QAAAK,UAAA;IAE3DU,EAAA,GAAAE,OAAA;MACX,MAAAD,OAAA,GAAgBb,yBAAyB,EAAAa,OAAsB,IAA/C,SAA+C;MAG/D,MAAAE,GAAA,gBAAYC,cAAK,CAAAC,SAAU,CAAqB,CAAC;MACjDC,kBAAS,CAACtB,EAAE,IAAImB,GAAH;MAEbb,UAAU,CAACN,EAAE,EAAEiB,OAAO,EAAEC,OAAO,CAAC;IAAA,CACjC;IAAAjB,CAAA,MAAAG,yBAAA,EAAAa,OAAA;IAAAhB,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EARD,MAAAsB,IAAA,GAAaP,EAQZ;EAAC,IAAAQ,EAAA;EAAA,IAAAvB,CAAA,QAAAD,EAAA,IAAAC,CAAA,QAAAQ,YAAA;IAEYe,EAAA,GAAAA,CAAA;MACZf,YAAY,CAACT,EAAE,CAAC;IAAA,CACjB;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAQ,YAAA;IAAAR,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAFD,MAAAwB,KAAA,GAAcD,EAEb;EAED,MAAAE,MAAA,GAAeX,UAAU,EAAAW,MAAgB,IAA1B,IAA0B;EACzC,MAAAC,MAAA,GAAeD,MAAM,KAAK,MAA8B,IAApBA,MAAM,KAAK,SAAS;EAAC,IAAAE,EAAA;EAAA,IAAA3B,CAAA,QAAAwB,KAAA,IAAAxB,CAAA,SAAA0B,MAAA,IAAA1B,CAAA,SAAAsB,IAAA,IAAAtB,CAAA,SAAAyB,MAAA;IAElDE,EAAA;MAAAL,IAAA;MAAAE,KAAA;MAAAE,MAAA;MAAAD;IAKP,CAAC;IAAAzB,CAAA,MAAAwB,KAAA;IAAAxB,CAAA,OAAA0B,MAAA;IAAA1B,CAAA,OAAAsB,IAAA;IAAAtB,CAAA,OAAAyB,MAAA;IAAAzB,CAAA,OAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAAA,OALM2B,EAKN;AAAA;AA/BI,SAAAlB,OAAAmB,OAAA;EAAA,OAM+ChB,OAAK,CAAAJ,YAAa;AAAA;AANjE,SAAAD,MAAAK,KAAA;EAAA,OAK6CA,KAAK,CAAAP,UAAW;AAAA","ignoreList":[]}

package/lib/typescript/example/src/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../example/src/App.tsx"],"names":[],"mappings":"AAwBA,MAAM,CAAC,OAAO,UAAU,GAAG,4CAgB1B"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../example/src/App.tsx"],"names":[],"mappings":"AA+CA,MAAM,CAAC,OAAO,UAAU,GAAG,4CAuB1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"AAkBA,iBAAS,mBAAmB,4CA+B3B;AA4DD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
+{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"AAmCA,iBAAS,mBAAmB,4CA+B3B;AAgED,eAAO,MAAM,eAAe,4BAAsB,CAAC"}

package/lib/typescript/src/BottomSheetManager.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetManager.provider.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManager.provider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,EAAE,EACF,WAAW,EACX,QAAQ,GACT,EAAE,aAAa,2CAQf;AAED,eAAO,MAAM,4BAA4B,QACnC,8BASH,CAAC;AAEJ,eAAO,MAAM,iCAAiC,QACxC,8BAA8B,GAAG,IAOpC,CAAC"}
+{"version":3,"file":"BottomSheetManager.provider.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManager.provider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,EAAE,EACF,WAAW,EACX,QAAQ,GACT,EAAE,aAAa,2CAUf;AAED,eAAO,MAAM,4BAA4B,QACnC,8BASH,CAAC;AAEJ,eAAO,MAAM,iCAAiC,QACxC,8BAA8B,GAAG,IAOpC,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { BottomSheetPortalId } from './portal.types';
+interface BottomSheetPortalProps {
+    id: BottomSheetPortalId;
+    children: React.ReactElement;
+}
+export declare function BottomSheetPortal({ id, children }: BottomSheetPortalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=BottomSheetPortal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetPortal.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetPortal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,UAAU,sBAAsB;IAC9B,EAAE,EAAE,mBAAmB,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,sBAAsB,kDAuBzE"}

package/lib/typescript/src/bottomSheet.store.d.ts

@@ -7,16 +7,21 @@ export interface BottomSheetState {
     content: ReactNode;
     status: BottomSheetStatus;
     scaleBackground?: boolean;
+    usePortal?: boolean;
 }
 type TriggerState = Omit<BottomSheetState, 'status'>;
 interface BottomSheetStoreState {
     sheetsById: Record<string, BottomSheetState>;
     stackOrder: string[];
 }
+export interface PortalOpenOptions {
+    scaleBackground?: boolean;
+}
 interface BottomSheetStoreActions {
     push(sheet: TriggerState): void;
     switch(sheet: TriggerState): void;
     replace(sheet: TriggerState): void;
+    openPortal(id: string, groupId: string, options?: PortalOpenOptions): void;
     markOpen(id: string): void;
     startClosing(id: string): void;
     finishClosing(id: string): void;

package/lib/typescript/src/bottomSheet.store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottomSheet.store.d.ts","sourceRoot":"","sources":["../../../src/bottomSheet.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAErD,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,UAAU,uBAAuB;IAC/B,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAChC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,CAAC;AAE/E,eAAO,MAAM,mBAAmB;;;;;;;;EAkI/B,CAAC"}
+{"version":3,"file":"bottomSheet.store.d.ts","sourceRoot":"","sources":["../../../src/bottomSheet.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAErD,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,uBAAuB;IAC/B,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAChC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,CAAC;AAE/E,eAAO,MAAM,mBAAmB;;;;;;;;EAuJ/B,CAAC"}

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

@@ -5,4 +5,7 @@ export { useBottomSheetState } from './useBottomSheetState';
 export { BottomSheetManaged } from './BottomSheetManaged';
 export { BottomSheetScaleView } from './BottomSheetScaleView';
 export { type ScaleConfig } from './useScaleAnimation';
+export { BottomSheetPortal } from './BottomSheetPortal';
+export { useBottomSheetControl } from './useBottomSheetControl';
+export type { BottomSheetPortalRegistry, BottomSheetPortalId, } from './portal.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,24 @@
+/**
+ * Registry for portal-based bottom sheets.
+ * Augment this interface in your app to get type-safe sheet IDs:
+ *
+ * @example
+ * ```tsx
+ * declare module 'react-native-bottom-sheet-stack' {
+ *   interface BottomSheetPortalRegistry {
+ *     'my-sheet': true;
+ *     'settings-sheet': true;
+ *     'profile-sheet': true;
+ *   }
+ * }
+ * ```
+ */
+export interface BottomSheetPortalRegistry {
+}
+/**
+ * Type-safe portal sheet ID.
+ * If BottomSheetPortalRegistry is augmented, this will be a union of the registered keys.
+ * Otherwise, it falls back to `string` for flexibility.
+ */
+export type BottomSheetPortalId = keyof BottomSheetPortalRegistry extends never ? string : Extract<keyof BottomSheetPortalRegistry, string>;
+//# sourceMappingURL=portal.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portal.types.d.ts","sourceRoot":"","sources":["../../../src/portal.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,yBAAyB;CAAG;AAE7C;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,yBAAyB,SAAS,KAAK,GAC3E,MAAM,GACN,OAAO,CAAC,MAAM,yBAAyB,EAAE,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import { type BottomSheetStatus, type PortalOpenOptions } from './bottomSheet.store';
+import type { BottomSheetPortalId } from './portal.types';
+export interface UseBottomSheetControlReturn {
+    open: (options?: PortalOpenOptions) => void;
+    close: () => void;
+    isOpen: boolean;
+    status: BottomSheetStatus | null;
+}
+export declare function useBottomSheetControl(id: BottomSheetPortalId): UseBottomSheetControlReturn;
+//# sourceMappingURL=useBottomSheetControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomSheetControl.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACvB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAClC;AAED,wBAAgB,qBAAqB,CACnC,EAAE,EAAE,mBAAmB,GACtB,2BAA2B,CA8B7B"}

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

@@ -14,12 +14,14 @@ export declare const useBottomSheetManager: () => {
         id: string;
         content: React.ReactNode;
         scaleBackground?: boolean | undefined;
+        usePortal?: boolean | undefined;
     }) => void;
     replaceBottomSheet: (sheet: {
         groupId: string;
         id: string;
         content: React.ReactNode;
         scaleBackground?: boolean | undefined;
+        usePortal?: boolean | undefined;
     }) => void;
 };
 //# sourceMappingURL=useBottomSheetManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBottomSheetManager.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAMzE,eAAO,MAAM,qBAAqB;;gBA0Db,MAAM;+BArCd,KAAK,CAAC,YAAY,YAClB;QACP,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B;;;;;;;;;;;;;CA8CJ,CAAC"}
+{"version":3,"file":"useBottomSheetManager.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAMzE,eAAO,MAAM,qBAAqB;;gBA0Db,MAAM;+BArCd,KAAK,CAAC,YAAY,YAClB;QACP,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B;;;;;;;;;;;;;;;CA8CJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bottom-sheet-stack",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Bottom Sheet Stack Manager",
   "source": "./src/index.tsx",
   "main": "lib/commonjs/index.js",
@@ -63,6 +63,7 @@
     "react-native-gesture-handler": "^2.30.0",
     "react-native-reanimated": "^4.2.1",
     "react-native-safe-area-context": "^5.6.2",
+    "react-native-teleport": "^0.5.6",
     "react-native-worklets": "^0.7.1",
     "release-it": "^17.10.0",
     "typescript": "^5.2.2",
@@ -75,6 +76,7 @@
     "react-native-gesture-handler": ">=2.0.0",
     "react-native-reanimated": ">=3.0.0",
     "react-native-safe-area-context": ">=5.0.0",
+    "react-native-teleport": ">=0.5.0",
     "zustand": ">=5.0.0"
   },
   "workspaces": [

package/src/BottomSheetHost.tsx

@@ -2,6 +2,7 @@ import { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Animated from 'react-native-reanimated';
 import { useSafeAreaFrame } from 'react-native-safe-area-context';
+import { PortalHost } from 'react-native-teleport';
 
 import { shallow } from 'zustand/shallow';
 import { cleanupAnimatedIndex } from './animatedRegistry';
@@ -16,6 +17,22 @@ import {
   type ScaleConfig,
 } from './useScaleAnimation';
 
+function PortalHostWrapper({
+  id,
+  width,
+  height,
+}: {
+  id: string;
+  width: number;
+  height: number;
+}) {
+  return (
+    <View style={{ flex: 1, width, height }}>
+      <PortalHost name={`bottomsheet-${id}`} style={{ width, height }} />
+    </View>
+  );
+}
+
 function BottomSheetHostComp() {
   const queueIds = useQueueIds();
   const clearAll = useBottomSheetStore((store) => store.clearAll);
@@ -58,7 +75,7 @@ function QueueItem({
   groupId: string;
   scaleConfig?: ScaleConfig;
 }) {
-  const content = useBottomSheetStore((state) => state.sheetsById[id]?.content);
+  const sheet = useBottomSheetStore((state) => state.sheetsById[id]);
 
   const { width, height } = useSafeAreaFrame();
   const value = { id };
@@ -89,7 +106,11 @@ function QueueItem({
           scaleStyle,
         ]}
       >
-        {content}
+        {sheet?.usePortal ? (
+          <PortalHostWrapper id={id} width={width} height={height} />
+        ) : (
+          sheet?.content
+        )}
       </Animated.View>
     </BottomSheetContext.Provider>
   );

package/src/BottomSheetManager.provider.tsx

@@ -1,4 +1,5 @@
 import React, { type PropsWithChildren } from 'react';
+import { PortalProvider } from 'react-native-teleport';
 
 import {
   BottomSheetManagerContext,
@@ -19,9 +20,11 @@ export function BottomSheetManagerProvider({
   const value = { groupId: id, scaleConfig };
 
   return (
-    <BottomSheetManagerContext.Provider key={id} value={value}>
-      {children}
-    </BottomSheetManagerContext.Provider>
+    <PortalProvider>
+      <BottomSheetManagerContext.Provider key={id} value={value}>
+        {children}
+      </BottomSheetManagerContext.Provider>
+    </PortalProvider>
   );
 }
 

package/src/BottomSheetPortal.tsx

@@ -0,0 +1,39 @@
+'use no memo';
+
+import React from 'react';
+import { Portal } from 'react-native-teleport';
+
+import { BottomSheetContext } from './BottomSheet.context';
+import { useBottomSheetStore } from './bottomSheet.store';
+import type { BottomSheetPortalId } from './portal.types';
+import { sheetRefs } from './refsMap';
+
+interface BottomSheetPortalProps {
+  id: BottomSheetPortalId;
+  children: React.ReactElement;
+}
+
+export function BottomSheetPortal({ id, children }: BottomSheetPortalProps) {
+  const sheetState = 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 = sheetRefs[id];
+
+  // Clone the child element to add the ref
+  // @ts-ignore - same pattern as useBottomSheetManager
+  const childWithRef = React.cloneElement(children, { ref });
+
+  // Wrap with BottomSheetContext so useBottomSheetState() works inside portal content
+  return (
+    <Portal hostName={`bottomsheet-${id}`}>
+      <BottomSheetContext.Provider value={{ id }}>
+        {childWithRef}
+      </BottomSheetContext.Provider>
+    </Portal>
+  );
+}

package/src/bottomSheet.store.ts

@@ -11,6 +11,7 @@ export interface BottomSheetState {
   content: ReactNode;
   status: BottomSheetStatus;
   scaleBackground?: boolean;
+  usePortal?: boolean;
 }
 
 type TriggerState = Omit<BottomSheetState, 'status'>;
@@ -20,10 +21,15 @@ interface BottomSheetStoreState {
   stackOrder: string[];
 }
 
+export interface PortalOpenOptions {
+  scaleBackground?: boolean;
+}
+
 interface BottomSheetStoreActions {
   push(sheet: TriggerState): void;
   switch(sheet: TriggerState): void;
   replace(sheet: TriggerState): void;
+  openPortal(id: string, groupId: string, options?: PortalOpenOptions): void;
   markOpen(id: string): void;
   startClosing(id: string): void;
   finishClosing(id: string): void;
@@ -99,6 +105,27 @@ export const useBottomSheetStore = create(
         };
       }),
 
+    openPortal: (id, groupId, options) =>
+      set((state) => {
+        if (state.sheetsById[id]) {
+          return state;
+        }
+        return {
+          sheetsById: {
+            ...state.sheetsById,
+            [id]: {
+              id,
+              groupId,
+              content: null,
+              status: 'opening',
+              usePortal: true,
+              scaleBackground: options?.scaleBackground,
+            },
+          },
+          stackOrder: [...state.stackOrder, id],
+        };
+      }),
+
     markOpen: (id) =>
       set((state) => {
         const sheet = state.sheetsById[id];

package/src/index.tsx

@@ -5,3 +5,9 @@ export { useBottomSheetState } from './useBottomSheetState';
 export { BottomSheetManaged } from './BottomSheetManaged';
 export { BottomSheetScaleView } from './BottomSheetScaleView';
 export { type ScaleConfig } from './useScaleAnimation';
+export { BottomSheetPortal } from './BottomSheetPortal';
+export { useBottomSheetControl } from './useBottomSheetControl';
+export type {
+  BottomSheetPortalRegistry,
+  BottomSheetPortalId,
+} from './portal.types';

package/src/portal.types.ts

@@ -0,0 +1,25 @@
+/**
+ * Registry for portal-based bottom sheets.
+ * Augment this interface in your app to get type-safe sheet IDs:
+ *
+ * @example
+ * ```tsx
+ * declare module 'react-native-bottom-sheet-stack' {
+ *   interface BottomSheetPortalRegistry {
+ *     'my-sheet': true;
+ *     'settings-sheet': true;
+ *     'profile-sheet': true;
+ *   }
+ * }
+ * ```
+ */
+export interface BottomSheetPortalRegistry {}
+
+/**
+ * Type-safe portal sheet ID.
+ * If BottomSheetPortalRegistry is augmented, this will be a union of the registered keys.
+ * Otherwise, it falls back to `string` for flexibility.
+ */
+export type BottomSheetPortalId = keyof BottomSheetPortalRegistry extends never
+  ? string
+  : Extract<keyof BottomSheetPortalRegistry, string>;

package/src/useBottomSheetControl.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import type { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
+
+import {
+  useBottomSheetStore,
+  type BottomSheetStatus,
+  type PortalOpenOptions,
+} from './bottomSheet.store';
+import { useMaybeBottomSheetManagerContext } from './BottomSheetManager.provider';
+import type { BottomSheetPortalId } from './portal.types';
+import { sheetRefs } from './refsMap';
+
+export interface UseBottomSheetControlReturn {
+  open: (options?: PortalOpenOptions) => void;
+  close: () => void;
+  isOpen: boolean;
+  status: BottomSheetStatus | null;
+}
+
+export function useBottomSheetControl(
+  id: BottomSheetPortalId
+): UseBottomSheetControlReturn {
+  const bottomSheetManagerContext = useMaybeBottomSheetManagerContext();
+
+  const openPortal = useBottomSheetStore((state) => state.openPortal);
+  const startClosing = useBottomSheetStore((state) => state.startClosing);
+  const sheetState = useBottomSheetStore((state) => state.sheetsById[id]);
+
+  const open = (options?: PortalOpenOptions) => {
+    const groupId = bottomSheetManagerContext?.groupId || 'default';
+
+    // Create ref when opening (same pattern as useBottomSheetManager)
+    const ref = React.createRef<BottomSheetMethods>();
+    sheetRefs[id] = ref;
+
+    openPortal(id, groupId, options);
+  };
+
+  const close = () => {
+    startClosing(id);
+  };
+
+  const status = sheetState?.status ?? null;
+  const isOpen = status === 'open' || status === 'opening';
+
+  return {
+    open,
+    close,
+    isOpen,
+    status,
+  };
+}