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

package/lib/commonjs/useBottomSheetManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bottomSheet","_BottomSheetManager","_refsMap","_shallow","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useBottomSheetManager","bottomSheetManagerContext","useMaybeBottomSheetManagerContext","pushBottomSheet","replaceBottomSheet","switchBottomSheet","startClosing","storeClearAll","useBottomSheetStore","store","clearAll","replace","push","switch","shallow","openBottomSheet","useCallback","content","options","groupId","id","Math","random","toString","ref","React","createRef","sheetRefs","contentWithRef","cloneElement","sheetData","scaleBackground","mode","close","exports"],"sourceRoot":"../../src","sources":["useBottomSheetManager.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bottomSheet","_BottomSheetManager","_refsMap","_shallow","e","__esModule","default","useBottomSheetManager","$","_compilerRuntime","c","bottomSheetManagerContext","useMaybeBottomSheetManagerContext","pushBottomSheet","replaceBottomSheet","switchBottomSheet","startClosing","storeClearAll","useBottomSheetStore","_temp","shallow","t0","groupId","content","t1","options","undefined","id","Math","random","toString","ref","React","createRef","sheetRefs","contentWithRef","cloneElement","sheetData","scaleBackground","mode","openBottomSheet","id_0","close","t2","clearAll","t3","exports","store","replace","push","switch"],"sourceRoot":"../../src","sources":["useBottomSheetManager.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AAA0C,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,qBAAqB,GAAGA,CAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EACnC,MAAAC,yBAAA,GAAkC,IAAAC,qDAAiC,EAAC,CAAC;EAErE;IAAAC,eAAA;IAAAC,kBAAA;IAAAC,iBAAA;IAAAC,YAAA;IAAAC;EAAA,IAMI,IAAAC,gCAAmB,EACrBC,KAME,EACFC,gBACF,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAG,yBAAA,EAAAW,OAAA,IAAAd,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAM,kBAAA,IAAAN,CAAA,QAAAO,iBAAA;IAEsBM,EAAA,GAAAA,CAAAE,OAAA,EAAAC,EAAA;MAEtB,MAAAC,OAAA,GAAAD,EAKM,KALNE,SAKM,GALN,CAKK,CAAC,GALNF,EAKM;MAEN,MAAAF,OAAA,GACEG,OAAO,CAAAH,OAA8C,IAAlCX,yBAAyB,EAAAW,OAAsB,IAAlE,SAAkE;MAEpE,MAAAK,EAAA,GAAWF,OAAO,CAAAE,EAAiC,IAA1BC,IAAI,CAAAC,MAAO,CAAC,CAAC,CAAAC,QAAS,CAAC,EAAE,CAAC;MACnD,MAAAC,GAAA,gBAAYC,cAAK,CAAAC,SAAU,CAAqB,CAAC;MAEjDC,kBAAS,CAACP,EAAE,IAAII,GAAH;MAGb,MAAAI,cAAA,gBAAuBH,cAAK,CAAAI,YAAa,CAACb,OAAO,EAAE;QAAAQ;MAAM,CAAC,CAAC;MAE3D,MAAAM,SAAA,GAAkB;QAAAV,EAAA;QAAAL,OAAA;QAAAC,OAAA,EAGPY,cAAc;QAAAG,eAAA,EACNb,OAAO,CAAAa;MAC1B,CAAC;MAED,IAAIb,OAAO,CAAAc,IAAK,KAAK,SAAS;QAC5BzB,kBAAkB,CAACuB,SAAS,CAAC;MAAA;QACxB,IAAIZ,OAAO,CAAAc,IAAK,KAAK,QAAQ;UAClCxB,iBAAiB,CAACsB,SAAS,CAAC;QAAA;UAE5BxB,eAAe,CAACwB,SAAS,CAAC;QAAA;MAC3B;MAAA,OAEMV,EAAE;IAAA,CACV;IAAAnB,CAAA,MAAAG,yBAAA,EAAAW,OAAA;IAAAd,CAAA,MAAAK,eAAA;IAAAL,CAAA,MAAAM,kBAAA;IAAAN,CAAA,MAAAO,iBAAA;IAAAP,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EApCD,MAAAgC,eAAA,GAAwBnB,EAoCvB;EAAC,IAAAG,EAAA;EAAA,IAAAhB,CAAA,QAAAQ,YAAA;IAEYQ,EAAA,GAAAiB,IAAA;MACZzB,YAAY,CAACW,IAAE,CAAC;IAAA,CACjB;IAAAnB,CAAA,MAAAQ,YAAA;IAAAR,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAFD,MAAAkC,KAAA,GAAclB,EAEb;EAAC,IAAAmB,EAAA;EAAA,IAAAnC,CAAA,QAAAS,aAAA;IAEe0B,EAAA,GAAAA,CAAA;MACf1B,aAAa,CAAC,CAAC;IAAA,CAChB;IAAAT,CAAA,MAAAS,aAAA;IAAAT,CAAA,MAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EAFD,MAAAoC,QAAA,GAAiBD,EAEhB;EAAC,IAAAE,EAAA;EAAA,IAAArC,CAAA,QAAAoC,QAAA,IAAApC,CAAA,SAAAkC,KAAA,IAAAlC,CAAA,SAAAgC,eAAA,IAAAhC,CAAA,SAAAK,eAAA,IAAAL,CAAA,SAAAM,kBAAA;IAEK+B,EAAA;MAAAD,QAAA;MAAAF,KAAA;MAAAF,eAAA;MAAA3B,eAAA;MAAAC;IAMP,CAAC;IAAAN,CAAA,MAAAoC,QAAA;IAAApC,CAAA,OAAAkC,KAAA;IAAAlC,CAAA,OAAAgC,eAAA;IAAAhC,CAAA,OAAAK,eAAA;IAAAL,CAAA,OAAAM,kBAAA;IAAAN,CAAA,OAAAqC,EAAA;EAAA;IAAAA,EAAA,GAAArC,CAAA;EAAA;EAAA,OANMqC,EAMN;AAAA,CACF;AAACC,OAAA,CAAAvC,qBAAA,GAAAA,qBAAA;AAzEmC,SAAAY,MAAA4B,KAAA;EAAA,OAUrB;IAAA9B,aAAA,EACK8B,KAAK,CAAAH,QAAS;IAAA9B,kBAAA,EACTiC,KAAK,CAAAC,OAAQ;IAAAnC,eAAA,EAChBkC,KAAK,CAAAE,IAAK;IAAAlC,iBAAA,EACRgC,KAAK,CAAAG,MAAO;IAAAlC,YAAA,EACjB+B,KAAK,CAAA/B;EACrB,CAAC;AAAA","ignoreList":[]}

package/lib/commonjs/useBottomSheetState.js

@@ -4,21 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBottomSheetState = useBottomSheetState;
-var _react = require("react");
+var _compilerRuntime = require("react/compiler-runtime");
 var _BottomSheet = require("./BottomSheet.context");
 var _bottomSheet = require("./bottomSheet.store");
 function useBottomSheetState() {
+  const $ = (0, _compilerRuntime.c)(8);
   const context = (0, _BottomSheet.useMaybeBottomSheetContext)();
-  const bottomSheetState = (0, _bottomSheet.useBottomSheetStore)((0, _react.useCallback)(state => state.sheetsById[context?.id], [context?.id]));
-  const startClosing = (0, _bottomSheet.useBottomSheetStore)(state => state.startClosing);
+  let t0;
+  if ($[0] !== context?.id) {
+    t0 = state => state.sheetsById[context?.id];
+    $[0] = context?.id;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const bottomSheetState = (0, _bottomSheet.useBottomSheetStore)(t0);
+  const startClosing = (0, _bottomSheet.useBottomSheetStore)(_temp);
   if (!bottomSheetState) {
-    throw new Error('useBottomSheetState must be used within a BottomSheetProvider');
+    throw new Error("useBottomSheetState must be used within a BottomSheetProvider");
+  }
+  let t1;
+  if ($[2] !== bottomSheetState || $[3] !== startClosing) {
+    t1 = () => startClosing(bottomSheetState.id);
+    $[2] = bottomSheetState;
+    $[3] = startClosing;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
   }
-  const close = (0, _react.useCallback)(() => startClosing(bottomSheetState.id), [bottomSheetState.id, startClosing]);
-  return {
-    bottomSheetState,
-    close,
-    closeBottomSheet: close
-  };
+  const close = t1;
+  let t2;
+  if ($[5] !== bottomSheetState || $[6] !== close) {
+    t2 = {
+      bottomSheetState,
+      close,
+      closeBottomSheet: close
+    };
+    $[5] = bottomSheetState;
+    $[6] = close;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function _temp(state_0) {
+  return state_0.startClosing;
 }
 //# sourceMappingURL=useBottomSheetState.js.map

package/lib/commonjs/useBottomSheetState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_BottomSheet","_bottomSheet","useBottomSheetState","context","useMaybeBottomSheetContext","bottomSheetState","useBottomSheetStore","useCallback","state","sheetsById","id","startClosing","Error","close","closeBottomSheet"],"sourceRoot":"../../src","sources":["useBottomSheetState.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKO,SAASG,mBAAmBA,CAAA,EAIjC;EACA,MAAMC,OAAO,GAAG,IAAAC,uCAA0B,EAAC,CAAC;EAE5C,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAC1C,IAAAC,kBAAW,EAAEC,KAAK,IAAKA,KAAK,CAACC,UAAU,CAACN,OAAO,EAAEO,EAAE,CAAE,EAAE,CAACP,OAAO,EAAEO,EAAE,CAAC,CACtE,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAL,gCAAmB,EAAEE,KAAK,IAAKA,KAAK,CAACG,YAAY,CAAC;EAEvE,IAAI,CAACN,gBAAgB,EAAE;IACrB,MAAM,IAAIO,KAAK,CACb,+DACF,CAAC;EACH;EAEA,MAAMC,KAAK,GAAG,IAAAN,kBAAW,EACvB,MAAMI,YAAY,CAACN,gBAAgB,CAACK,EAAE,CAAC,EACvC,CAACL,gBAAgB,CAACK,EAAE,EAAEC,YAAY,CACpC,CAAC;EAED,OAAO;IACLN,gBAAgB;IAChBQ,KAAK;IACLC,gBAAgB,EAAED;EACpB,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_BottomSheet","require","_bottomSheet","useBottomSheetState","$","_compilerRuntime","c","context","useMaybeBottomSheetContext","t0","id","state","sheetsById","bottomSheetState","useBottomSheetStore","startClosing","_temp","Error","t1","close","t2","closeBottomSheet","state_0"],"sourceRoot":"../../src","sources":["useBottomSheetState.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKO,SAAAE,oBAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAKL,MAAAC,OAAA,GAAgB,IAAAC,uCAA0B,EAAC,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAG,OAAA,EAAAG,EAAA;IAG3CD,EAAA,GAAAE,KAAA,IAAWA,KAAK,CAAAC,UAAW,CAACL,OAAO,EAAAG,EAAI,CAAE;IAAAN,CAAA,MAAAG,OAAA,EAAAG,EAAA;IAAAN,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAD3C,MAAAS,gBAAA,GAAyB,IAAAC,gCAAmB,EAC1CL,EACF,CAAC;EAED,MAAAM,YAAA,GAAqB,IAAAD,gCAAmB,EAACE,KAA6B,CAAC;EAEvE,IAAI,CAACH,gBAAgB;IACnB,MAAM,IAAII,KAAK,CACb,+DACF,CAAC;EAAC;EACH,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAS,gBAAA,IAAAT,CAAA,QAAAW,YAAA;IAEaG,EAAA,GAAAA,CAAA,KAAMH,YAAY,CAACF,gBAAgB,CAAAH,EAAG,CAAC;IAAAN,CAAA,MAAAS,gBAAA;IAAAT,CAAA,MAAAW,YAAA;IAAAX,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAArD,MAAAe,KAAA,GAAcD,EAAuC;EAAC,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAS,gBAAA,IAAAT,CAAA,QAAAe,KAAA;IAE/CC,EAAA;MAAAP,gBAAA;MAAAM,KAAA;MAAAE,gBAAA,EAGaF;IACpB,CAAC;IAAAf,CAAA,MAAAS,gBAAA;IAAAT,CAAA,MAAAe,KAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAJMgB,EAIN;AAAA;AAzBI,SAAAJ,MAAAM,OAAA;EAAA,OAW+CX,OAAK,CAAAI,YAAa;AAAA","ignoreList":[]}

package/lib/commonjs/useScaleAnimation.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScaleAnimatedStyle = useScaleAnimatedStyle;
+exports.useScaleDepth = useScaleDepth;
+var _compilerRuntime = require("react/compiler-runtime");
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _bottomSheet = require("./bottomSheet.store");
+const DEFAULT_CONFIG = {
+  scale: 0.92,
+  translateY: 10,
+  borderRadius: 12,
+  duration: 300
+};
+
+/**
+ * Returns the number of sheets with scaleBackground above a given element.
+ * For background wrapper, pass undefined as sheetId - returns 0 or 1 (binary).
+ * For sheets, returns the count of scaleBackground sheets above it.
+ * Uses shallow comparison internally for optimal re-renders.
+ */
+function useScaleDepth(groupId, sheetId) {
+  const $ = (0, _compilerRuntime.c)(3);
+  const prevDepthRef = (0, _react.useRef)(0);
+  let t0;
+  if ($[0] !== groupId || $[1] !== sheetId) {
+    t0 = state => {
+      const {
+        stackOrder,
+        sheetsById
+      } = state;
+      const startIndex = sheetId ? stackOrder.indexOf(sheetId) + 1 : 0;
+      if (sheetId && startIndex === 0) {
+        return prevDepthRef.current;
+      }
+      let depth = 0;
+      for (let i = startIndex; i < stackOrder.length; i++) {
+        const id = stackOrder[i];
+        const sheet = sheetsById[id];
+        if (sheet && sheet.groupId === groupId && sheet.scaleBackground && sheet.status !== "closing") {
+          depth++;
+          if (!sheetId) {
+            break;
+          }
+        }
+      }
+      prevDepthRef.current = depth;
+      return depth;
+    };
+    $[0] = groupId;
+    $[1] = sheetId;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const scaleDepthSelector = t0;
+  return (0, _bottomSheet.useBottomSheetStore)(scaleDepthSelector);
+}
+
+/**
+ * Returns animated style for scale effect based on depth.
+ * Uses power scaling: scale^depth for cascading effect.
+ */
+function useScaleAnimatedStyle(depth, config) {
+  const {
+    scale: t0,
+    translateY: t1,
+    borderRadius: t2,
+    duration: t3
+  } = config ?? {};
+  const scale = t0 === undefined ? DEFAULT_CONFIG.scale : t0;
+  const translateY = t1 === undefined ? DEFAULT_CONFIG.translateY : t1;
+  const borderRadius = t2 === undefined ? DEFAULT_CONFIG.borderRadius : t2;
+  const duration = t3 === undefined ? DEFAULT_CONFIG.duration : t3;
+  const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)(depth, {
+    duration
+  }));
+  return (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const p = progress.value;
+    if (p === 0) {
+      return {
+        transform: [{
+          scale: 1
+        }, {
+          translateY: 0
+        }],
+        borderRadius: 0,
+        overflow: "visible"
+      };
+    }
+    const currentScale = Math.pow(scale, p);
+    const currentTranslateY = translateY * p;
+    const currentBorderRadius = Math.min(borderRadius * p, borderRadius);
+    return {
+      transform: [{
+        scale: currentScale
+      }, {
+        translateY: currentTranslateY
+      }],
+      borderRadius: currentBorderRadius,
+      overflow: "hidden"
+    };
+  });
+}
+//# sourceMappingURL=useScaleAnimation.js.map

package/lib/commonjs/useScaleAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_bottomSheet","DEFAULT_CONFIG","scale","translateY","borderRadius","duration","useScaleDepth","groupId","sheetId","$","_compilerRuntime","c","prevDepthRef","useRef","t0","state","stackOrder","sheetsById","startIndex","indexOf","current","depth","i","length","id","sheet","scaleBackground","status","scaleDepthSelector","useBottomSheetStore","useScaleAnimatedStyle","config","t1","t2","t3","undefined","progress","useDerivedValue","withTiming","useAnimatedStyle","p","value","transform","overflow","currentScale","Math","pow","currentTranslateY","currentBorderRadius","min"],"sourceRoot":"../../src","sources":["useScaleAnimation.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,2 @@
-import { type PropsWithChildren } from 'react';
 export default function App(): import("react/jsx-runtime").JSX.Element;
-export declare const Content: ({}: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=App.d.ts.map

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":"AAEA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa3D,MAAM,CAAC,OAAO,UAAU,GAAG,4CAiB1B;AAmBD,eAAO,MAAM,OAAO,GAAI,IAAI,iBAAiB,4CAU5C,CAAC"}
+{"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/BottomSheetBackdrop.d.ts

@@ -0,0 +1,12 @@
+interface BottomSheetBackdropProps {
+    sheetId: string;
+    onPress?: () => void;
+}
+/**
+ * Custom backdrop component rendered separately from the scaled sheet content.
+ * This ensures the backdrop doesn't scale with the sheet.
+ * Opacity is interpolated from the bottom sheet's animatedIndex for smooth animation.
+ */
+export declare function BottomSheetBackdrop({ sheetId, onPress, }: BottomSheetBackdropProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BottomSheetBackdrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetBackdrop.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetBackdrop.tsx"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,GACR,EAAE,wBAAwB,2CA6B1B"}

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

@@ -1,5 +1,4 @@
-import React from 'react';
 declare function BottomSheetHostComp(): import("react/jsx-runtime").JSX.Element;
-export declare const BottomSheetHost: React.MemoExoticComponent<typeof BottomSheetHostComp>;
+export declare const BottomSheetHost: typeof BottomSheetHostComp;
 export {};
 //# sourceMappingURL=BottomSheetHost.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetHost.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAUlD,iBAAS,mBAAmB,4CA0B3B;AAsCD,eAAO,MAAM,eAAe,uDAAkC,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/BottomSheetManaged.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetManaged.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManaged.tsx"],"names":[],"mappings":"AAAA,OAA4B,EAI1B,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,MAAM,WAAW,cAAe,SAAQ,kBAAkB;CAAG;AAE7D,UAAU,uBAAwB,SAAQ,gBAAgB;CAAG;AAE7D,eAAO,MAAM,kBAAkB,gGAuE9B,CAAC"}
+{"version":3,"file":"BottomSheetManaged.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManaged.tsx"],"names":[],"mappings":"AAAA,OAA4B,EAE1B,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,cAAe,SAAQ,kBAAkB;CAAG;AAE7D,UAAU,uBAAwB,SAAQ,gBAAgB;CAAG;AAK7D,eAAO,MAAM,kBAAkB,gGA8D9B,CAAC"}

package/lib/typescript/src/BottomSheetManager.context.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+import type { ScaleConfig } from './useScaleAnimation';
 export interface BottomSheetManagerContextValue {
     groupId: string;
+    scaleConfig?: ScaleConfig;
 }
 export declare const BottomSheetManagerContext: React.Context<BottomSheetManagerContextValue | null>;
 //# sourceMappingURL=BottomSheetManager.context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetManager.context.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManager.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,yBAAyB,sDAC4B,CAAC"}
+{"version":3,"file":"BottomSheetManager.context.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetManager.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,yBAAyB,sDAC4B,CAAC"}

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

@@ -1,10 +1,11 @@
-import React, { type PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import { type BottomSheetManagerContextValue } from './BottomSheetManager.context';
+import type { ScaleConfig } from './useScaleAnimation';
 interface ProviderProps extends PropsWithChildren {
     id: string;
+    scaleConfig?: ScaleConfig;
 }
-declare function BottomSheetManagerProviderComp({ id, children }: ProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare const BottomSheetManagerProvider: React.MemoExoticComponent<typeof BottomSheetManagerProviderComp>;
+export declare function BottomSheetManagerProvider({ id, scaleConfig, children, }: ProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const useBottomSheetManagerContext: () => BottomSheetManagerContextValue;
 export declare const useMaybeBottomSheetManagerContext: () => BottomSheetManagerContextValue | null;
 export {};

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,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,8BAA8B,CAAC;AAEtC,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,iBAAS,8BAA8B,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAMtE;AAED,eAAO,MAAM,0BAA0B,kEAEtC,CAAC;AAEF,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/BottomSheetScaleView.d.ts

@@ -0,0 +1,18 @@
+import { type PropsWithChildren } from 'react';
+/**
+ * Wraps your app content with iOS-style scale animation when a bottom sheet
+ * with scaleBackground: true is open. Place your main content inside this
+ * component, but keep BottomSheetHost outside of it.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheetManagerProvider id="default" scaleConfig={{ scale: 0.92 }}>
+ *   <BottomSheetScaleView>
+ *     <MainContent />
+ *   </BottomSheetScaleView>
+ *   <BottomSheetHost />
+ * </BottomSheetManagerProvider>
+ * ```
+ */
+export declare function BottomSheetScaleView({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomSheetScaleView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetScaleView.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetScaleView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM3D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAanE"}

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

@@ -0,0 +1,4 @@
+import { type SharedValue } from 'react-native-reanimated';
+export declare function getAnimatedIndex(sheetId: string): SharedValue<number>;
+export declare function cleanupAnimatedIndex(sheetId: string): void;
+//# sourceMappingURL=animatedRegistry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animatedRegistry.d.ts","sourceRoot":"","sources":["../../../src/animatedRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQxE,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CASrE;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAE1D"}

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

@@ -7,25 +7,31 @@ 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;
     clearAll(): void;
 }
-export declare const useBottomSheetStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<import("zustand/vanilla").StoreApi<BottomSheetStoreState & BottomSheetStoreActions>, "subscribe"> & {
+export type BottomSheetStore = BottomSheetStoreState & BottomSheetStoreActions;
+export declare const useBottomSheetStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<import("zustand/vanilla").StoreApi<BottomSheetStore>, "subscribe"> & {
     subscribe: {
-        (listener: (selectedState: BottomSheetStoreState & BottomSheetStoreActions, previousSelectedState: BottomSheetStoreState & BottomSheetStoreActions) => void): () => void;
-        <U>(selector: (state: BottomSheetStoreState & BottomSheetStoreActions) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+        (listener: (selectedState: BottomSheetStore, previousSelectedState: BottomSheetStore) => void): () => void;
+        <U>(selector: (state: BottomSheetStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
             equalityFn?: ((a: U, b: U) => boolean) | undefined;
             fireImmediately?: boolean;
         } | undefined): () => 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,eAAO,MAAM,mBAAmB;;;;;;;;EAoI/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/bottomSheetCoordinator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottomSheetCoordinator.d.ts","sourceRoot":"","sources":["../../../src/bottomSheetCoordinator.ts"],"names":[],"mappings":"AAGA,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,MAAM,cAiCzD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM;+BAIpB,MAAM,WAAW,MAAM;;EA8B1D"}
+{"version":3,"file":"bottomSheetCoordinator.d.ts","sourceRoot":"","sources":["../../../src/bottomSheetCoordinator.ts"],"names":[],"mappings":"AAGA,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,MAAM,cAgCzD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM;+BAIpB,MAAM,WAAW,MAAM;;EA8B1D"}

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

@@ -3,5 +3,9 @@ export { BottomSheetManagerProvider } from './BottomSheetManager.provider';
 export { useBottomSheetManager } from './useBottomSheetManager';
 export { useBottomSheetState } from './useBottomSheetState';
 export { BottomSheetManaged } from './BottomSheetManaged';
-export { ScaleBackgroundWrapper, type ScaleBackgroundConfig, } from './ScaleBackgroundWrapper';
+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,EACL,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,0BAA0B,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,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAMzE,eAAO,MAAM,qBAAqB;;gBAmEzB,MAAM;+BA7CA,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;;;;;;;;;;;;;CAwDN,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/lib/typescript/src/useBottomSheetState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBottomSheetState.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetState.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,mBAAmB,IAAI;IACrC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAyBA"}
+{"version":3,"file":"useBottomSheetState.d.ts","sourceRoot":"","sources":["../../../src/useBottomSheetState.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,mBAAmB,IAAI;IACrC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAsBA"}

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

@@ -0,0 +1,43 @@
+export interface ScaleConfig {
+    /** Scale factor when sheet is open (default: 0.92) */
+    scale?: number;
+    /** Vertical translation when sheet is open (default: 10) */
+    translateY?: number;
+    /** Border radius when sheet is open (default: 12) */
+    borderRadius?: number;
+    /** Animation duration in ms (default: 300) */
+    duration?: number;
+}
+/**
+ * Returns the number of sheets with scaleBackground above a given element.
+ * For background wrapper, pass undefined as sheetId - returns 0 or 1 (binary).
+ * For sheets, returns the count of scaleBackground sheets above it.
+ * Uses shallow comparison internally for optimal re-renders.
+ */
+export declare function useScaleDepth(groupId: string, sheetId?: string): number;
+/**
+ * Returns animated style for scale effect based on depth.
+ * Uses power scaling: scale^depth for cascading effect.
+ */
+export declare function useScaleAnimatedStyle(depth: number, config?: ScaleConfig): {
+    transform: ({
+        scale: number;
+        translateY?: undefined;
+    } | {
+        translateY: number;
+        scale?: undefined;
+    })[];
+    borderRadius: number;
+    overflow: "visible";
+} | {
+    transform: ({
+        scale: number;
+        translateY?: undefined;
+    } | {
+        translateY: number;
+        scale?: undefined;
+    })[];
+    borderRadius: number;
+    overflow: "hidden";
+};
+//# sourceMappingURL=useScaleAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScaleAnimation.d.ts","sourceRoot":"","sources":["../../../src/useScaleAnimation.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,WAAW;IAC1B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAuCvE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;EAiCxE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bottom-sheet-stack",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Bottom Sheet Stack Manager",
   "source": "./src/index.tsx",
   "main": "lib/commonjs/index.js",
@@ -38,6 +38,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
+    "@babel/cli": "^7.28.6",
     "@commitlint/config-conventional": "^19.6.0",
     "@eslint/compat": "^1.2.7",
     "@eslint/eslintrc": "^3.3.0",
@@ -48,6 +49,7 @@
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",
     "@types/react": "^19.0.12",
+    "babel-plugin-react-compiler": "^1.0.0",
     "commitlint": "^19.6.1",
     "del-cli": "^5.1.0",
     "eslint": "^9.22.0",
@@ -61,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",
@@ -73,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": [
@@ -121,7 +125,12 @@
     "source": "src",
     "output": "lib",
     "targets": [
-      "commonjs",
+      [
+        "commonjs",
+        {
+          "configFile": true
+        }
+      ],
       "typescript"
     ]
   },