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

package/lib/commonjs/BottomSheetHost.js

@@ -7,67 +7,65 @@ exports.BottomSheetHost = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _shallow = require("zustand/shallow");
 var _BottomSheet = require("./BottomSheet.context");
 var _bottomSheet = require("./bottomSheet.store");
-var _bottomSheetCoordinator = require("./bottomSheetCoordinator");
 var _BottomSheetManager = require("./BottomSheetManager.provider");
+var _bottomSheetCoordinator = require("./bottomSheetCoordinator");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-(0, _bottomSheetCoordinator.initBottomSheetCoordinator)();
-function BottomSheetHostComp({
-  Container = _react.Fragment
-}) {
-  const {
-    bottomSheetsStack,
-    clearAll
-  } = (0, _bottomSheet.useBottomSheetStore)(store => ({
-    bottomSheetsStack: store.stack,
-    clearAll: store.clearAll
-  }));
-  const {
-    width,
-    height
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaFrame)();
+function BottomSheetHostComp() {
+  const queueIds = useQueueIds();
+  const clearAll = (0, _bottomSheet.useBottomSheetStore)(store => store.clearAll);
   const {
     groupId
   } = (0, _BottomSheetManager.useBottomSheetManagerContext)();
-  const filteredQueue = (0, _react.useMemo)(() => bottomSheetsStack.filter(bottomSheet => bottomSheet.groupId === groupId), [bottomSheetsStack, groupId]);
+  (0, _react.useEffect)(() => {
+    const unsubscribe = (0, _bottomSheetCoordinator.initBottomSheetCoordinator)(groupId);
+    return () => {
+      unsubscribe();
+    };
+  }, [groupId]);
   (0, _react.useEffect)(() => {
     return () => {
       clearAll();
     };
   }, [clearAll]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: filteredQueue.map(({
-      id,
-      content
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheet.BottomSheetContext.Provider, {
-      value: {
-        id
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [_reactNative.StyleSheet.absoluteFillObject, styles.container, {
-            width,
-            height
-          }],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedContent, {
-            id: id,
-            children: content
-          })
-        })
-      })
+    children: queueIds.map(id => /*#__PURE__*/(0, _jsxRuntime.jsx)(QueueItem, {
+      id: id
     }, id))
   });
 }
-const MemoizedContent = /*#__PURE__*/_react.default.memo(({
-  children
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-  children: children
-}), (prevProps, nextProps) => {
-  return prevProps.id === nextProps.id;
+const QueueItem = /*#__PURE__*/_react.default.memo(({
+  id
+}) => {
+  const content = (0, _bottomSheet.useBottomSheetStore)(state => state.sheetsById[id]?.content);
+  const {
+    width,
+    height
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaFrame)();
+  const value = (0, _react.useMemo)(() => ({
+    id
+  }), [id]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheet.BottomSheetContext.Provider, {
+    value: value,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_reactNative.StyleSheet.absoluteFillObject, styles.container, {
+        width,
+        height
+      }],
+      children: content
+    })
+  });
 });
+const useQueueIds = () => {
+  const {
+    groupId
+  } = (0, _BottomSheetManager.useBottomSheetManagerContext)();
+  return (0, _bottomSheet.useBottomSheetStore)(state => state.stackOrder.filter(sheetId => state.sheetsById[sheetId]?.groupId === groupId), _shallow.shallow);
+};
 const BottomSheetHost = exports.BottomSheetHost = /*#__PURE__*/_react.default.memo(BottomSheetHostComp);
 const styles = _reactNative.StyleSheet.create({
   container: {

package/lib/commonjs/BottomSheetHost.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_BottomSheet","_bottomSheet","_bottomSheetCoordinator","_BottomSheetManager","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","initBottomSheetCoordinator","BottomSheetHostComp","Container","Fragment","bottomSheetsStack","clearAll","useBottomSheetStore","store","stack","width","height","useSafeAreaFrame","groupId","useBottomSheetManagerContext","filteredQueue","useMemo","filter","bottomSheet","useEffect","jsx","children","map","id","content","BottomSheetContext","Provider","value","View","style","StyleSheet","absoluteFillObject","styles","container","MemoizedContent","React","memo","prevProps","nextProps","BottomSheetHost","exports","create","zIndex","pointerEvents"],"sourceRoot":"../../src","sources":["BottomSheetHost.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_shallow","_BottomSheet","_bottomSheet","_BottomSheetManager","_bottomSheetCoordinator","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BottomSheetHostComp","queueIds","useQueueIds","clearAll","useBottomSheetStore","store","groupId","useBottomSheetManagerContext","useEffect","unsubscribe","initBottomSheetCoordinator","jsx","Fragment","children","map","id","QueueItem","React","memo","content","state","sheetsById","width","height","useSafeAreaFrame","value","useMemo","BottomSheetContext","Provider","View","style","StyleSheet","absoluteFillObject","styles","container","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

@@ -5,14 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMaybeBottomSheetManagerContext = exports.useBottomSheetManagerContext = exports.BottomSheetManagerProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
 var _BottomSheetManager = require("./BottomSheetManager.context");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Provider for bottom sheet manager context.
- * Use ScaleBackgroundWrapper inside to enable iOS-style scale effect on content.
- */
 function BottomSheetManagerProviderComp({
   id,
   children
@@ -21,10 +16,7 @@ function BottomSheetManagerProviderComp({
     value: {
       groupId: id
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.container,
-      children: children
-    })
+    children: children
   }, id);
 }
 const BottomSheetManagerProvider = exports.BottomSheetManagerProvider = /*#__PURE__*/_react.default.memo(BottomSheetManagerProviderComp);
@@ -44,10 +36,4 @@ const useMaybeBottomSheetManagerContext = () => {
   return context;
 };
 exports.useMaybeBottomSheetManagerContext = useMaybeBottomSheetManagerContext;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#000'
-  }
-});
 //# sourceMappingURL=BottomSheetManager.provider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_BottomSheetManager","_jsxRuntime","e","__esModule","default","BottomSheetManagerProviderComp","id","children","jsx","BottomSheetManagerContext","Provider","value","groupId","View","style","styles","container","BottomSheetManagerProvider","exports","React","memo","useBottomSheetManagerContext","context","useContext","Error","useMaybeBottomSheetManagerContext","StyleSheet","create","flex","backgroundColor"],"sourceRoot":"../../src","sources":["BottomSheetManager.provider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,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;AAiBtC;AACA;AACA;AACA;AACA,SAASG,8BAA8BA,CAAC;EAAEC,EAAE;EAAEC;AAAwB,CAAC,EAAE;EACvE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACR,mBAAA,CAAAS,yBAAyB,CAACC,QAAQ;IAAUC,KAAK,EAAE;MAAEC,OAAO,EAAEN;IAAG,CAAE;IAAAC,QAAA,eAClE,IAAAN,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAc,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAT,QAAA,EAAEA;IAAQ,CAAO;EAAC,GADTD,EAEL,CAAC;AAEzC;AAEO,MAAMW,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,gBAAGE,cAAK,CAACC,IAAI,CAClDf,8BACF,CAAC;AAEM,MAAMgB,4BAA4B,GACvCA,CAAA,KAAsC;EACpC,MAAMC,OAAO,GAAGH,cAAK,CAACI,UAAU,CAACd,6CAAyB,CAAC;EAE3D,IAAI,CAACa,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,+EACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACJ,OAAA,CAAAG,4BAAA,GAAAA,4BAAA;AAEG,MAAMI,iCAAiC,GAC5CA,CAAA,KAA6C;EAC3C,MAAMH,OAAO,GAAGH,cAAK,CAACI,UAAU,CAACd,6CAAyB,CAAC;EAE3D,IAAI,CAACa,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EACA,OAAOA,OAAO;AAChB,CAAC;AAACJ,OAAA,CAAAO,iCAAA,GAAAA,iCAAA;AAEJ,MAAMV,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_BottomSheetManager","_jsxRuntime","e","__esModule","default","BottomSheetManagerProviderComp","id","children","jsx","BottomSheetManagerContext","Provider","value","groupId","BottomSheetManagerProvider","exports","React","memo","useBottomSheetManagerContext","context","useContext","Error","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;AAMtC,SAASG,8BAA8BA,CAAC;EAAEC,EAAE;EAAEC;AAAwB,CAAC,EAAE;EACvE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACR,mBAAA,CAAAS,yBAAyB,CAACC,QAAQ;IAAUC,KAAK,EAAE;MAAEC,OAAO,EAAEN;IAAG,CAAE;IAAAC,QAAA,EACjEA;EAAQ,GAD8BD,EAEL,CAAC;AAEzC;AAEO,MAAMO,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,gBAAGE,cAAK,CAACC,IAAI,CAClDX,8BACF,CAAC;AAEM,MAAMY,4BAA4B,GACvCA,CAAA,KAAsC;EACpC,MAAMC,OAAO,GAAGH,cAAK,CAACI,UAAU,CAACV,6CAAyB,CAAC;EAE3D,IAAI,CAACS,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,+EACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACJ,OAAA,CAAAG,4BAAA,GAAAA,4BAAA;AAEG,MAAMI,iCAAiC,GAC5CA,CAAA,KAA6C;EAC3C,MAAMH,OAAO,GAAGH,cAAK,CAACI,UAAU,CAACV,6CAAyB,CAAC;EAE3D,IAAI,CAACS,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EACA,OAAOA,OAAO;AAChB,CAAC;AAACJ,OAAA,CAAAO,iCAAA,GAAAA,iCAAA","ignoreList":[]}

package/lib/commonjs/ScaleBackgroundWrapper.js

@@ -7,7 +7,6 @@ exports.ScaleBackgroundWrapper = ScaleBackgroundWrapper;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _shallow = require("zustand/shallow");
 var _BottomSheetManager = require("./BottomSheetManager.context");
 var _bottomSheet = require("./bottomSheet.store");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -40,7 +39,10 @@ function ScaleBackgroundWrapper({
     borderRadius = 12,
     duration = 300
   } = config ?? {};
-  const hasActiveScaleSheet = (0, _bottomSheet.useBottomSheetStore)(store => store.stack.some(sheet => sheet.groupId === groupId && sheet.scaleBackground && sheet.status !== 'closing'), _shallow.shallow);
+  const hasActiveScaleSheet = (0, _bottomSheet.useBottomSheetStore)(state => state.stackOrder.some(id => {
+    const sheet = state.sheetsById[id];
+    return sheet?.groupId === groupId && sheet?.scaleBackground && sheet?.status !== 'closing';
+  }));
   const animationProgress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)(hasActiveScaleSheet ? 1 : 0, {
     duration
   }));

package/lib/commonjs/ScaleBackgroundWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_shallow","_BottomSheetManager","_bottomSheet","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ScaleBackgroundWrapper","children","config","context","useContext","BottomSheetManagerContext","groupId","scale","translateY","borderRadius","duration","hasActiveScaleSheet","useBottomSheetStore","store","stack","some","sheet","scaleBackground","status","shallow","animationProgress","useDerivedValue","withTiming","animatedStyle","useAnimatedStyle","progress","value","transform","interpolate","overflow","jsx","View","style","styles","scaleWrapper","StyleSheet","create","flex"],"sourceRoot":"../../src","sources":["ScaleBackgroundWrapper.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_BottomSheetManager","_bottomSheet","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ScaleBackgroundWrapper","children","config","context","useContext","BottomSheetManagerContext","groupId","scale","translateY","borderRadius","duration","hasActiveScaleSheet","useBottomSheetStore","state","stackOrder","some","id","sheet","sheetsById","scaleBackground","status","animationProgress","useDerivedValue","withTiming","animatedStyle","useAnimatedStyle","progress","value","transform","interpolate","overflow","jsx","View","style","styles","scaleWrapper","StyleSheet","create","flex"],"sourceRoot":"../../src","sources":["ScaleBackgroundWrapper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/bottomSheet.store.js

@@ -7,121 +7,134 @@ exports.useBottomSheetStore = void 0;
 var _middleware = require("zustand/middleware");
 var _traditional = require("zustand/traditional");
 const useBottomSheetStore = exports.useBottomSheetStore = (0, _traditional.createWithEqualityFn)((0, _middleware.subscribeWithSelector)(set => ({
-  stack: [],
+  sheetsById: {},
+  stackOrder: [],
   push: sheet => set(state => {
-    if (state.stack.some(s => s.id === sheet.id)) {
-      return {
-        stack: state.stack
-      };
+    if (state.sheetsById[sheet.id]) {
+      return state;
     }
     return {
-      stack: [...state.stack, {
-        ...sheet,
-        status: 'opening'
-      }]
+      sheetsById: {
+        ...state.sheetsById,
+        [sheet.id]: {
+          ...sheet,
+          status: 'opening'
+        }
+      },
+      stackOrder: [...state.stackOrder, sheet.id]
     };
   }),
   switch: sheet => set(state => {
-    if (state.stack.some(s => s.id === sheet.id)) {
-      return {
-        stack: state.stack
-      };
+    if (state.sheetsById[sheet.id]) {
+      return state;
     }
-    const stack = [...state.stack];
-    if (stack.length) {
-      const topIndex = stack.length - 1;
-      if (stack[topIndex]) {
-        stack[topIndex] = {
-          ...stack[topIndex],
-          status: 'hidden'
-        };
-      }
+    const newSheetsById = {
+      ...state.sheetsById
+    };
+    const topId = state.stackOrder[state.stackOrder.length - 1];
+    if (topId && newSheetsById[topId]) {
+      newSheetsById[topId] = {
+        ...newSheetsById[topId],
+        status: 'hidden'
+      };
     }
-    stack.push({
+    newSheetsById[sheet.id] = {
       ...sheet,
       status: 'opening'
-    });
+    };
     return {
-      stack
+      sheetsById: newSheetsById,
+      stackOrder: [...state.stackOrder, sheet.id]
     };
   }),
   replace: sheet => set(state => {
-    if (state.stack.some(s => s.id === sheet.id)) {
-      return {
-        stack: state.stack
-      };
+    if (state.sheetsById[sheet.id]) {
+      return state;
     }
-    const stack = [...state.stack];
-    const prevTop = stack.pop();
-    if (prevTop) {
-      stack.push({
-        ...prevTop,
+    const newSheetsById = {
+      ...state.sheetsById
+    };
+    const topId = state.stackOrder[state.stackOrder.length - 1];
+    if (topId && newSheetsById[topId]) {
+      newSheetsById[topId] = {
+        ...newSheetsById[topId],
         status: 'closing'
-      });
+      };
     }
-    stack.push({
+    newSheetsById[sheet.id] = {
       ...sheet,
       status: 'opening'
-    });
+    };
     return {
-      stack
+      sheetsById: newSheetsById,
+      stackOrder: [...state.stackOrder, sheet.id]
     };
   }),
   markOpen: id => set(state => {
-    const stack = state.stack.map(s => s.id === id ? {
-      ...s,
-      status: 'open'
-    } : s);
+    const sheet = state.sheetsById[id];
+    if (!sheet) {
+      return state;
+    }
     return {
-      stack
+      sheetsById: {
+        ...state.sheetsById,
+        [id]: {
+          ...sheet,
+          status: 'open'
+        }
+      }
     };
   }),
   startClosing: id => set(state => {
-    const stack = [...state.stack];
-    const index = stack.findIndex(s => s.id === id);
-    if (index === -1) {
-      return {
-        stack
-      };
-    }
-    const closing = stack[index];
-    if (closing?.status === 'hidden') {
-      return {
-        stack
-      };
-    }
-    if (closing) {
-      stack[index] = {
-        ...closing,
-        status: 'closing'
-      };
+    const sheet = state.sheetsById[id];
+    if (!sheet || sheet.status === 'hidden') {
+      return state;
     }
-    const below = stack[index - 1];
-    if (below && below.status === 'hidden') {
-      stack[index - 1] = {
-        ...below,
+    const newSheetsById = {
+      ...state.sheetsById
+    };
+    newSheetsById[id] = {
+      ...sheet,
+      status: 'closing'
+    };
+    const index = state.stackOrder.indexOf(id);
+    const belowId = state.stackOrder[index - 1];
+    const belowSheet = belowId ? newSheetsById[belowId] : undefined;
+    if (belowId && belowSheet && belowSheet.status === 'hidden') {
+      newSheetsById[belowId] = {
+        ...belowSheet,
         status: 'opening'
       };
     }
     return {
-      stack
+      sheetsById: newSheetsById
     };
   }),
   finishClosing: id => set(state => {
-    const stack = state.stack.filter(s => s.id !== id);
-    const topIndex = stack.length - 1;
-    if (topIndex >= 0 && stack[topIndex]?.status === 'hidden') {
-      stack[topIndex] = {
-        ...stack[topIndex],
+    if (!state.sheetsById[id]) {
+      return state;
+    }
+    const newSheetsById = {
+      ...state.sheetsById
+    };
+    delete newSheetsById[id];
+    const newStackOrder = state.stackOrder.filter(sheetId => sheetId !== id);
+    const topId = newStackOrder[newStackOrder.length - 1];
+    const topSheet = topId ? newSheetsById[topId] : undefined;
+    if (topId && topSheet && topSheet.status === 'hidden') {
+      newSheetsById[topId] = {
+        ...topSheet,
         status: 'opening'
       };
     }
     return {
-      stack
+      sheetsById: newSheetsById,
+      stackOrder: newStackOrder
     };
   }),
   clearAll: () => set(() => ({
-    stack: []
+    sheetsById: {},
+    stackOrder: []
   }))
 })));
 //# sourceMappingURL=bottomSheet.store.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_middleware","require","_traditional","useBottomSheetStore","exports","create","subscribeWithSelector","set","stack","push","sheet","state","some","s","id","status","switch","length","topIndex","replace","prevTop","pop","markOpen","map","startClosing","index","findIndex","closing","below","finishClosing","filter","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","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/bottomSheetCoordinator.js

@@ -7,13 +7,10 @@ exports.createSheetEventHandlers = createSheetEventHandlers;
 exports.initBottomSheetCoordinator = initBottomSheetCoordinator;
 var _bottomSheet = require("./bottomSheet.store");
 var _refsMap = require("./refsMap");
-function initBottomSheetCoordinator() {
-  _bottomSheet.useBottomSheetStore.subscribe(s => s.stack.map(({
+function initBottomSheetCoordinator(groupId) {
+  return _bottomSheet.useBottomSheetStore.subscribe(s => s.stackOrder.filter(id => s.sheetsById[id]?.groupId === groupId).map(id => ({
     id,
-    status
-  }) => ({
-    id,
-    status
+    status: s.sheetsById[id]?.status
   })), (next, prev) => {
     next.forEach(({
       id,
@@ -53,7 +50,8 @@ function createSheetEventHandlers(sheetId) {
     markOpen
   } = _bottomSheet.useBottomSheetStore.getState();
   const handleAnimate = (fromIndex, toIndex) => {
-    const currentStatus = _bottomSheet.useBottomSheetStore.getState().stack.find(s => s.id === sheetId)?.status;
+    const state = _bottomSheet.useBottomSheetStore.getState();
+    const currentStatus = state.sheetsById[sheetId]?.status;
 
     // Sheet is closing (animating to -1)
     if (toIndex === -1) {
@@ -68,7 +66,8 @@ function createSheetEventHandlers(sheetId) {
     }
   };
   const handleClose = () => {
-    const currentStatus = _bottomSheet.useBottomSheetStore.getState().stack.find(s => s.id === sheetId)?.status;
+    const state = _bottomSheet.useBottomSheetStore.getState();
+    const currentStatus = state.sheetsById[sheetId]?.status;
     if (currentStatus !== 'hidden') {
       finishClosing(sheetId);
     }

package/lib/commonjs/bottomSheetCoordinator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bottomSheet","require","_refsMap","initBottomSheetCoordinator","useBottomSheetStore","subscribe","s","stack","map","id","status","next","prev","forEach","prevStatus","find","p","ref","sheetRefs","current","expand","close","createSheetEventHandlers","sheetId","startClosing","finishClosing","markOpen","getState","handleAnimate","fromIndex","toIndex","currentStatus","handleClose"],"sourceRoot":"../../src","sources":["bottomSheetCoordinator.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEO,SAASE,0BAA0BA,CAAA,EAAG;EAC3CC,gCAAmB,CAACC,SAAS,CAC1BC,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,GAAG,CAAC,CAAC;IAAEC,EAAE;IAAEC;EAAO,CAAC,MAAM;IAAED,EAAE;IAAEC;EAAO,CAAC,CAAC,CAAC,EACxD,CAACC,IAAI,EAAEC,IAAI,KAAK;IACdD,IAAI,CAACE,OAAO,CAAC,CAAC;MAAEJ,EAAE;MAAEC;IAAO,CAAC,KAAK;MAC/B,MAAMI,UAAU,GAAGF,IAAI,CAACG,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACP,EAAE,KAAKA,EAAE,CAAC,EAAEC,MAAM;MAExD,IAAII,UAAU,KAAKJ,MAAM,EAAE;QACzB;MACF;MAEA,MAAMO,GAAG,GAAGC,kBAAS,CAACT,EAAE,CAAC,EAAEU,OAAO;MAClC,IAAI,CAACF,GAAG,EAAE;QACR;MACF;MAEA,QAAQP,MAAM;QACZ,KAAK,SAAS;UACZO,GAAG,CAACG,MAAM,CAAC,CAAC;UACZ;QACF,KAAK,QAAQ;UACXH,GAAG,CAACI,KAAK,CAAC,CAAC;UACX;QACF,KAAK,SAAS;UACZJ,GAAG,CAACI,KAAK,CAAC,CAAC;UACX;MACJ;IACF,CAAC,CAAC;EACJ,CACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACO,SAASC,wBAAwBA,CAACC,OAAe,EAAE;EACxD,MAAM;IAAEC,YAAY;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAC7CtB,gCAAmB,CAACuB,QAAQ,CAAC,CAAC;EAEhC,MAAMC,aAAa,GAAGA,CAACC,SAAiB,EAAEC,OAAe,KAAK;IAC5D,MAAMC,aAAa,GAAG3B,gCAAmB,CACtCuB,QAAQ,CAAC,CAAC,CACVpB,KAAK,CAACQ,IAAI,CAAET,CAAC,IAAKA,CAAC,CAACG,EAAE,KAAKc,OAAO,CAAC,EAAEb,MAAM;;IAE9C;IACA,IAAIoB,OAAO,KAAK,CAAC,CAAC,EAAE;MAClB,IAAIC,aAAa,KAAK,MAAM,IAAIA,aAAa,KAAK,SAAS,EAAE;QAC3DP,YAAY,CAACD,OAAO,CAAC;MACvB;IACF;;IAEA;IACA,IAAIM,SAAS,KAAK,CAAC,CAAC,IAAIC,OAAO,IAAI,CAAC,EAAE;MACpCJ,QAAQ,CAACH,OAAO,CAAC;IACnB;EACF,CAAC;EAED,MAAMS,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAMD,aAAa,GAAG3B,gCAAmB,CACtCuB,QAAQ,CAAC,CAAC,CACVpB,KAAK,CAACQ,IAAI,CAAET,CAAC,IAAKA,CAAC,CAACG,EAAE,KAAKc,OAAO,CAAC,EAAEb,MAAM;IAE9C,IAAIqB,aAAa,KAAK,QAAQ,EAAE;MAC9BN,aAAa,CAACF,OAAO,CAAC;IACxB;EACF,CAAC;EAED,OAAO;IACLK,aAAa;IACbI;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_bottomSheet","require","_refsMap","initBottomSheetCoordinator","groupId","useBottomSheetStore","subscribe","s","stackOrder","filter","id","sheetsById","map","status","next","prev","forEach","prevStatus","find","p","ref","sheetRefs","current","expand","close","createSheetEventHandlers","sheetId","startClosing","finishClosing","markOpen","getState","handleAnimate","fromIndex","toIndex","state","currentStatus","handleClose"],"sourceRoot":"../../src","sources":["bottomSheetCoordinator.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEO,SAASE,0BAA0BA,CAACC,OAAe,EAAE;EAC1D,OAAOC,gCAAmB,CAACC,SAAS,CACjCC,CAAC,IACAA,CAAC,CAACC,UAAU,CACTC,MAAM,CAAEC,EAAE,IAAKH,CAAC,CAACI,UAAU,CAACD,EAAE,CAAC,EAAEN,OAAO,KAAKA,OAAO,CAAC,CACrDQ,GAAG,CAAEF,EAAE,KAAM;IAAEA,EAAE;IAAEG,MAAM,EAAEN,CAAC,CAACI,UAAU,CAACD,EAAE,CAAC,EAAEG;EAAO,CAAC,CAAC,CAAC,EAC5D,CAACC,IAAI,EAAEC,IAAI,KAAK;IACdD,IAAI,CAACE,OAAO,CAAC,CAAC;MAAEN,EAAE;MAAEG;IAAO,CAAC,KAAK;MAC/B,MAAMI,UAAU,GAAGF,IAAI,CAACG,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACT,EAAE,KAAKA,EAAE,CAAC,EAAEG,MAAM;MAExD,IAAII,UAAU,KAAKJ,MAAM,EAAE;QACzB;MACF;MAEA,MAAMO,GAAG,GAAGC,kBAAS,CAACX,EAAE,CAAC,EAAEY,OAAO;MAClC,IAAI,CAACF,GAAG,EAAE;QACR;MACF;MAEA,QAAQP,MAAM;QACZ,KAAK,SAAS;UACZO,GAAG,CAACG,MAAM,CAAC,CAAC;UACZ;QACF,KAAK,QAAQ;UACXH,GAAG,CAACI,KAAK,CAAC,CAAC;UACX;QACF,KAAK,SAAS;UACZJ,GAAG,CAACI,KAAK,CAAC,CAAC;UACX;MACJ;IACF,CAAC,CAAC;EACJ,CACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACO,SAASC,wBAAwBA,CAACC,OAAe,EAAE;EACxD,MAAM;IAAEC,YAAY;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAC7CxB,gCAAmB,CAACyB,QAAQ,CAAC,CAAC;EAEhC,MAAMC,aAAa,GAAGA,CAACC,SAAiB,EAAEC,OAAe,KAAK;IAC5D,MAAMC,KAAK,GAAG7B,gCAAmB,CAACyB,QAAQ,CAAC,CAAC;IAC5C,MAAMK,aAAa,GAAGD,KAAK,CAACvB,UAAU,CAACe,OAAO,CAAC,EAAEb,MAAM;;IAEvD;IACA,IAAIoB,OAAO,KAAK,CAAC,CAAC,EAAE;MAClB,IAAIE,aAAa,KAAK,MAAM,IAAIA,aAAa,KAAK,SAAS,EAAE;QAC3DR,YAAY,CAACD,OAAO,CAAC;MACvB;IACF;;IAEA;IACA,IAAIM,SAAS,KAAK,CAAC,CAAC,IAAIC,OAAO,IAAI,CAAC,EAAE;MACpCJ,QAAQ,CAACH,OAAO,CAAC;IACnB;EACF,CAAC;EAED,MAAMU,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAMF,KAAK,GAAG7B,gCAAmB,CAACyB,QAAQ,CAAC,CAAC;IAC5C,MAAMK,aAAa,GAAGD,KAAK,CAACvB,UAAU,CAACe,OAAO,CAAC,EAAEb,MAAM;IAEvD,IAAIsB,aAAa,KAAK,QAAQ,EAAE;MAC9BP,aAAa,CAACF,OAAO,CAAC;IACxB;EACF,CAAC;EAED,OAAO;IACLK,aAAa;IACbK;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_BottomSheetHost","require","_BottomSheetManager","_useBottomSheetManager","_useBottomSheetState","_BottomSheetManaged","_ScaleBackgroundWrapper"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAIA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA","ignoreList":[]}
+{"version":3,"names":["_BottomSheetHost","require","_BottomSheetManager","_useBottomSheetManager","_useBottomSheetState","_BottomSheetManaged","_ScaleBackgroundWrapper"],"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,uBAAA,GAAAL,OAAA","ignoreList":[]}

package/lib/commonjs/useBottomSheetState.js

@@ -7,17 +7,10 @@ exports.useBottomSheetState = useBottomSheetState;
 var _react = require("react");
 var _BottomSheet = require("./BottomSheet.context");
 var _bottomSheet = require("./bottomSheet.store");
-var _shallow = require("zustand/shallow");
 function useBottomSheetState() {
   const context = (0, _BottomSheet.useMaybeBottomSheetContext)();
-  const {
-    bottomSheetsStack,
-    startClosing
-  } = (0, _bottomSheet.useBottomSheetStore)(store => ({
-    bottomSheetsStack: store.stack,
-    startClosing: store.startClosing
-  }), _shallow.shallow);
-  const bottomSheetState = (0, _react.useMemo)(() => bottomSheetsStack.find(bottomSheet => bottomSheet.id === context?.id), [bottomSheetsStack, context?.id]);
+  const bottomSheetState = (0, _bottomSheet.useBottomSheetStore)((0, _react.useCallback)(state => state.sheetsById[context?.id], [context?.id]));
+  const startClosing = (0, _bottomSheet.useBottomSheetStore)(state => state.startClosing);
   if (!bottomSheetState) {
     throw new Error('useBottomSheetState must be used within a BottomSheetProvider');
   }

package/lib/commonjs/useBottomSheetState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_BottomSheet","_bottomSheet","_shallow","useBottomSheetState","context","useMaybeBottomSheetContext","bottomSheetsStack","startClosing","useBottomSheetStore","store","stack","shallow","bottomSheetState","useMemo","find","bottomSheet","id","Error","close","useCallback","closeBottomSheet"],"sourceRoot":"../../src","sources":["useBottomSheetState.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,QAAA,GAAAH,OAAA;AAEO,SAASI,mBAAmBA,CAAA,EAIjC;EACA,MAAMC,OAAO,GAAG,IAAAC,uCAA0B,EAAC,CAAC;EAC5C,MAAM;IAAEC,iBAAiB;IAAEC;EAAa,CAAC,GAAG,IAAAC,gCAAmB,EAC5DC,KAAK,KAAM;IACVH,iBAAiB,EAAEG,KAAK,CAACC,KAAK;IAC9BH,YAAY,EAAEE,KAAK,CAACF;EACtB,CAAC,CAAC,EACFI,gBACF,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAC,cAAO,EAC9B,MACEP,iBAAiB,CAACQ,IAAI,CAAEC,WAAW,IAAKA,WAAW,CAACC,EAAE,KAAKZ,OAAO,EAAEY,EAAE,CAAC,EACzE,CAACV,iBAAiB,EAAEF,OAAO,EAAEY,EAAE,CACjC,CAAC;EAED,IAAI,CAACJ,gBAAgB,EAAE;IACrB,MAAM,IAAIK,KAAK,CACb,+DACF,CAAC;EACH;EAEA,MAAMC,KAAK,GAAG,IAAAC,kBAAW,EACvB,MAAMZ,YAAY,CAACK,gBAAgB,CAACI,EAAE,CAAC,EACvC,CAACJ,gBAAgB,CAACI,EAAE,EAAET,YAAY,CACpC,CAAC;EAED,OAAO;IACLK,gBAAgB;IAChBM,KAAK;IACLE,gBAAgB,EAAEF;EACpB,CAAC;AACH","ignoreList":[]}
+{"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":[]}

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":"AASA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ3D,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":"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"}

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

@@ -1,8 +1,5 @@
 import React from 'react';
-interface BottomSheetHostProps {
-    Container?: React.ComponentType<any>;
-}
-declare function BottomSheetHostComp({ Container }: BottomSheetHostProps): import("react/jsx-runtime").JSX.Element;
+declare function BottomSheetHostComp(): import("react/jsx-runtime").JSX.Element;
 export declare const BottomSheetHost: React.MemoExoticComponent<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,KAKN,MAAM,OAAO,CAAC;AAWf,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CACtC;AAED,iBAAS,mBAAmB,CAAC,EAAE,SAAoB,EAAE,EAAE,oBAAoB,2CA6C1E;AASD,eAAO,MAAM,eAAe,uDAAkC,CAAC"}
+{"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"}

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

@@ -1,22 +1,8 @@
 import React, { type PropsWithChildren } from 'react';
 import { type BottomSheetManagerContextValue } from './BottomSheetManager.context';
-export interface ScaleBackgroundConfig {
-    /** 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;
-}
 interface ProviderProps extends PropsWithChildren {
     id: string;
 }
-/**
- * Provider for bottom sheet manager context.
- * Use ScaleBackgroundWrapper inside to enable iOS-style scale effect on content.
- */
 declare function BottomSheetManagerProviderComp({ id, children }: ProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const BottomSheetManagerProvider: React.MemoExoticComponent<typeof BottomSheetManagerProviderComp>;
 export declare const useBottomSheetManagerContext: () => BottomSheetManagerContextValue;

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;AAGtD,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,qBAAqB;IACpC,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;AAED,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;;GAGG;AACH,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScaleBackgroundWrapper.d.ts","sourceRoot":"","sources":["../../../src/ScaleBackgroundWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAY3D,MAAM,WAAW,qBAAqB;IACpC,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;AAED,UAAU,2BAA4B,SAAQ,iBAAiB;IAC7D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,MAAM,GACP,EAAE,2BAA2B,2CA8C7B"}
+{"version":3,"file":"ScaleBackgroundWrapper.d.ts","sourceRoot":"","sources":["../../../src/ScaleBackgroundWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAW3D,MAAM,WAAW,qBAAqB;IACpC,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;AAED,UAAU,2BAA4B,SAAQ,iBAAiB;IAC7D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,MAAM,GACP,EAAE,2BAA2B,2CA8C7B"}

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

@@ -10,7 +10,8 @@ export interface BottomSheetState {
 }
 type TriggerState = Omit<BottomSheetState, 'status'>;
 interface BottomSheetStoreState {
-    stack: BottomSheetState[];
+    sheetsById: Record<string, BottomSheetState>;
+    stackOrder: string[];
 }
 interface BottomSheetStoreActions {
     push(sheet: TriggerState): 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,KAAK,EAAE,gBAAgB,EAAE,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,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;;;;;;;;EAkG/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;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"}

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

@@ -1,4 +1,4 @@
-export declare function initBottomSheetCoordinator(): void;
+export declare function initBottomSheetCoordinator(groupId: string): () => void;
 /**
  * Creates event handlers for a bottom sheet that sync gorhom events back to the store.
  * Direction: Gorhom Events → Store

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,SA8BzC;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM;+BAIpB,MAAM,WAAW,MAAM;;EAgC1D"}
+{"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"}

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

@@ -1,7 +1,7 @@
 export { BottomSheetHost } from './BottomSheetHost';
-export { BottomSheetManagerProvider, type ScaleBackgroundConfig, } from './BottomSheetManager.provider';
+export { BottomSheetManagerProvider } from './BottomSheetManager.provider';
 export { useBottomSheetManager } from './useBottomSheetManager';
 export { useBottomSheetState } from './useBottomSheetState';
 export { BottomSheetManaged } from './BottomSheetManaged';
-export { ScaleBackgroundWrapper } from './ScaleBackgroundWrapper';
+export { ScaleBackgroundWrapper, type ScaleBackgroundConfig, } from './ScaleBackgroundWrapper';
 //# 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,EACL,0BAA0B,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAC;AACvC,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,sBAAsB,EAAE,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,EACL,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,0BAA0B,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;AAG7B,wBAAgB,mBAAmB,IAAI;IACrC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAgCA"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bottom-sheet-stack",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Bottom Sheet Stack Manager",
   "source": "./src/index.tsx",
   "main": "lib/commonjs/index.js",

package/src/BottomSheetHost.tsx

@@ -1,39 +1,25 @@
-import React, {
-  Fragment,
-  useEffect,
-  useMemo,
-  type PropsWithChildren,
-} from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useSafeAreaFrame } from 'react-native-safe-area-context';
 
+import { shallow } from 'zustand/shallow';
 import { BottomSheetContext } from './BottomSheet.context';
 import { useBottomSheetStore } from './bottomSheet.store';
-import { initBottomSheetCoordinator } from './bottomSheetCoordinator';
 import { useBottomSheetManagerContext } from './BottomSheetManager.provider';
+import { initBottomSheetCoordinator } from './bottomSheetCoordinator';
 
-initBottomSheetCoordinator();
-
-interface BottomSheetHostProps {
-  Container?: React.ComponentType<any>;
-}
-
-function BottomSheetHostComp({ Container = Fragment }: BottomSheetHostProps) {
-  const { bottomSheetsStack, clearAll } = useBottomSheetStore((store) => ({
-    bottomSheetsStack: store.stack,
-    clearAll: store.clearAll,
-  }));
+function BottomSheetHostComp() {
+  const queueIds = useQueueIds();
+  const clearAll = useBottomSheetStore((store) => store.clearAll);
 
-  const { width, height } = useSafeAreaFrame();
   const { groupId } = useBottomSheetManagerContext();
 
-  const filteredQueue = useMemo(
-    () =>
-      bottomSheetsStack.filter(
-        (bottomSheet) => bottomSheet.groupId === groupId
-      ),
-    [bottomSheetsStack, groupId]
-  );
+  useEffect(() => {
+    const unsubscribe = initBottomSheetCoordinator(groupId);
+    return () => {
+      unsubscribe();
+    };
+  }, [groupId]);
 
   useEffect(() => {
     return () => {
@@ -43,34 +29,48 @@ function BottomSheetHostComp({ Container = Fragment }: BottomSheetHostProps) {
 
   return (
     <>
-      {filteredQueue.map(({ id, content }) => (
-        <BottomSheetContext.Provider key={id} value={{ id }}>
-          <Container>
-            <View
-              style={[
-                StyleSheet.absoluteFillObject,
-                styles.container,
-                {
-                  width,
-                  height,
-                },
-              ]}
-            >
-              <MemoizedContent id={id}>{content}</MemoizedContent>
-            </View>
-          </Container>
-        </BottomSheetContext.Provider>
+      {queueIds.map((id) => (
+        <QueueItem key={id} id={id} />
       ))}
     </>
   );
 }
 
-const MemoizedContent = React.memo(
-  ({ children }: PropsWithChildren<{ id: string }>) => <>{children}</>,
-  (prevProps, nextProps) => {
-    return prevProps.id === nextProps.id;
-  }
-);
+const QueueItem = React.memo(({ id }: { id: string }) => {
+  const content = useBottomSheetStore((state) => state.sheetsById[id]?.content);
+
+  const { width, height } = useSafeAreaFrame();
+  const value = useMemo(() => ({ id }), [id]);
+
+  return (
+    <BottomSheetContext.Provider value={value}>
+      <View
+        style={[
+          StyleSheet.absoluteFillObject,
+          styles.container,
+          {
+            width,
+            height,
+          },
+        ]}
+      >
+        {content}
+      </View>
+    </BottomSheetContext.Provider>
+  );
+});
+
+const useQueueIds = () => {
+  const { groupId } = useBottomSheetManagerContext();
+
+  return useBottomSheetStore(
+    (state) =>
+      state.stackOrder.filter(
+        (sheetId) => state.sheetsById[sheetId]?.groupId === groupId
+      ),
+    shallow
+  );
+};
 
 export const BottomSheetHost = React.memo(BottomSheetHostComp);
 

package/src/BottomSheetManager.provider.tsx

@@ -1,34 +1,18 @@
 import React, { type PropsWithChildren } from 'react';
-import { StyleSheet, View } from 'react-native';
 
 import {
   BottomSheetManagerContext,
   type BottomSheetManagerContextValue,
 } from './BottomSheetManager.context';
 
-export interface ScaleBackgroundConfig {
-  /** 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;
-}
-
 interface ProviderProps extends PropsWithChildren {
   id: string;
 }
 
-/**
- * Provider for bottom sheet manager context.
- * Use ScaleBackgroundWrapper inside to enable iOS-style scale effect on content.
- */
 function BottomSheetManagerProviderComp({ id, children }: ProviderProps) {
   return (
     <BottomSheetManagerContext.Provider key={id} value={{ groupId: id }}>
-      <View style={styles.container}>{children}</View>
+      {children}
     </BottomSheetManagerContext.Provider>
   );
 }
@@ -58,10 +42,3 @@ export const useMaybeBottomSheetManagerContext =
     }
     return context;
   };
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#000',
-  },
-});

package/src/ScaleBackgroundWrapper.tsx

@@ -6,7 +6,6 @@ import Animated, {
   useDerivedValue,
   withTiming,
 } from 'react-native-reanimated';
-import { shallow } from 'zustand/shallow';
 import { BottomSheetManagerContext } from './BottomSheetManager.context';
 import { useBottomSheetStore } from './bottomSheet.store';
 
@@ -54,15 +53,15 @@ export function ScaleBackgroundWrapper({
     duration = 300,
   } = config ?? {};
 
-  const hasActiveScaleSheet = useBottomSheetStore(
-    (store) =>
-      store.stack.some(
-        (sheet) =>
-          sheet.groupId === groupId &&
-          sheet.scaleBackground &&
-          sheet.status !== 'closing'
-      ),
-    shallow
+  const hasActiveScaleSheet = useBottomSheetStore((state) =>
+    state.stackOrder.some((id) => {
+      const sheet = state.sheetsById[id];
+      return (
+        sheet?.groupId === groupId &&
+        sheet?.scaleBackground &&
+        sheet?.status !== 'closing'
+      );
+    })
   );
 
   const animationProgress = useDerivedValue(() =>

package/src/bottomSheet.store.ts

@@ -16,7 +16,8 @@ export interface BottomSheetState {
 type TriggerState = Omit<BottomSheetState, 'status'>;
 
 interface BottomSheetStoreState {
-  stack: BottomSheetState[];
+  sheetsById: Record<string, BottomSheetState>;
+  stackOrder: string[];
 }
 
 interface BottomSheetStoreActions {
@@ -32,99 +33,133 @@ interface BottomSheetStoreActions {
 export const useBottomSheetStore = create(
   subscribeWithSelector<BottomSheetStoreState & BottomSheetStoreActions>(
     (set) => ({
-      stack: [],
+      sheetsById: {},
+      stackOrder: [],
 
       push: (sheet) =>
         set((state) => {
-          if (state.stack.some((s) => s.id === sheet.id)) {
-            return { stack: state.stack };
+          if (state.sheetsById[sheet.id]) {
+            return state;
           }
           return {
-            stack: [...state.stack, { ...sheet, status: 'opening' }],
+            sheetsById: {
+              ...state.sheetsById,
+              [sheet.id]: { ...sheet, status: 'opening' },
+            },
+            stackOrder: [...state.stackOrder, sheet.id],
           };
         }),
+
       switch: (sheet) =>
         set((state) => {
-          if (state.stack.some((s) => s.id === sheet.id)) {
-            return { stack: state.stack };
+          if (state.sheetsById[sheet.id]) {
+            return state;
           }
 
-          const stack = [...state.stack];
+          const newSheetsById = { ...state.sheetsById };
+          const topId = state.stackOrder[state.stackOrder.length - 1];
 
-          if (stack.length) {
-            const topIndex = stack.length - 1;
-            if (stack[topIndex]) {
-              stack[topIndex] = { ...stack[topIndex], status: 'hidden' };
-            }
+          if (topId && newSheetsById[topId]) {
+            newSheetsById[topId] = {
+              ...newSheetsById[topId],
+              status: 'hidden',
+            };
           }
 
-          stack.push({ ...sheet, status: 'opening' });
+          newSheetsById[sheet.id] = { ...sheet, status: 'opening' };
 
-          return { stack };
+          return {
+            sheetsById: newSheetsById,
+            stackOrder: [...state.stackOrder, sheet.id],
+          };
         }),
 
       replace: (sheet) =>
         set((state) => {
-          if (state.stack.some((s) => s.id === sheet.id)) {
-            return { stack: state.stack };
+          if (state.sheetsById[sheet.id]) {
+            return state;
           }
 
-          const stack = [...state.stack];
-          const prevTop = stack.pop();
+          const newSheetsById = { ...state.sheetsById };
+          const topId = state.stackOrder[state.stackOrder.length - 1];
 
-          if (prevTop) {
-            stack.push({ ...prevTop, status: 'closing' });
+          if (topId && newSheetsById[topId]) {
+            newSheetsById[topId] = {
+              ...newSheetsById[topId],
+              status: 'closing',
+            };
           }
-          stack.push({ ...sheet, status: 'opening' });
 
-          return { stack };
+          newSheetsById[sheet.id] = { ...sheet, status: 'opening' };
+
+          return {
+            sheetsById: newSheetsById,
+            stackOrder: [...state.stackOrder, sheet.id],
+          };
         }),
+
       markOpen: (id) =>
         set((state) => {
-          const stack = state.stack.map((s) =>
-            s.id === id ? { ...s, status: 'open' as BottomSheetStatus } : s
-          );
-          return { stack };
+          const sheet = state.sheetsById[id];
+          if (!sheet) {
+            return state;
+          }
+          return {
+            sheetsById: {
+              ...state.sheetsById,
+              [id]: { ...sheet, status: 'open' },
+            },
+          };
         }),
 
       startClosing: (id) =>
         set((state) => {
-          const stack = [...state.stack];
-          const index = stack.findIndex((s) => s.id === id);
-          if (index === -1) {
-            return { stack };
+          const sheet = state.sheetsById[id];
+          if (!sheet || sheet.status === 'hidden') {
+            return state;
           }
 
-          const closing = stack[index];
-          if (closing?.status === 'hidden') {
-            return { stack };
-          }
+          const newSheetsById = { ...state.sheetsById };
+          newSheetsById[id] = { ...sheet, status: 'closing' };
 
-          if (closing) {
-            stack[index] = { ...closing, status: 'closing' };
-          }
+          const index = state.stackOrder.indexOf(id);
+          const belowId = state.stackOrder[index - 1];
+          const belowSheet = belowId ? newSheetsById[belowId] : undefined;
 
-          const below = stack[index - 1];
-          if (below && below.status === 'hidden') {
-            stack[index - 1] = { ...below, status: 'opening' };
+          if (belowId && belowSheet && belowSheet.status === 'hidden') {
+            newSheetsById[belowId] = { ...belowSheet, status: 'opening' };
           }
 
-          return { stack };
+          return { sheetsById: newSheetsById };
         }),
 
       finishClosing: (id) =>
         set((state) => {
-          const stack = state.stack.filter((s) => s.id !== id);
+          if (!state.sheetsById[id]) {
+            return state;
+          }
+
+          const newSheetsById = { ...state.sheetsById };
+          delete newSheetsById[id];
 
-          const topIndex = stack.length - 1;
-          if (topIndex >= 0 && stack[topIndex]?.status === 'hidden') {
-            stack[topIndex] = { ...stack[topIndex], status: 'opening' };
+          const newStackOrder = state.stackOrder.filter(
+            (sheetId) => sheetId !== id
+          );
+
+          const topId = newStackOrder[newStackOrder.length - 1];
+          const topSheet = topId ? newSheetsById[topId] : undefined;
+
+          if (topId && topSheet && topSheet.status === 'hidden') {
+            newSheetsById[topId] = { ...topSheet, status: 'opening' };
           }
 
-          return { stack };
+          return {
+            sheetsById: newSheetsById,
+            stackOrder: newStackOrder,
+          };
         }),
 
-      clearAll: () => set(() => ({ stack: [] })),
+      clearAll: () => set(() => ({ sheetsById: {}, stackOrder: [] })),
     })
   )
 );

package/src/bottomSheetCoordinator.ts

@@ -1,9 +1,12 @@
 import { useBottomSheetStore } from './bottomSheet.store';
 import { sheetRefs } from './refsMap';
 
-export function initBottomSheetCoordinator() {
-  useBottomSheetStore.subscribe(
-    (s) => s.stack.map(({ id, status }) => ({ id, status })),
+export function initBottomSheetCoordinator(groupId: string) {
+  return useBottomSheetStore.subscribe(
+    (s) =>
+      s.stackOrder
+        .filter((id) => s.sheetsById[id]?.groupId === groupId)
+        .map((id) => ({ id, status: s.sheetsById[id]?.status })),
     (next, prev) => {
       next.forEach(({ id, status }) => {
         const prevStatus = prev.find((p) => p.id === id)?.status;
@@ -42,9 +45,8 @@ export function createSheetEventHandlers(sheetId: string) {
     useBottomSheetStore.getState();
 
   const handleAnimate = (fromIndex: number, toIndex: number) => {
-    const currentStatus = useBottomSheetStore
-      .getState()
-      .stack.find((s) => s.id === sheetId)?.status;
+    const state = useBottomSheetStore.getState();
+    const currentStatus = state.sheetsById[sheetId]?.status;
 
     // Sheet is closing (animating to -1)
     if (toIndex === -1) {
@@ -60,9 +62,8 @@ export function createSheetEventHandlers(sheetId: string) {
   };
 
   const handleClose = () => {
-    const currentStatus = useBottomSheetStore
-      .getState()
-      .stack.find((s) => s.id === sheetId)?.status;
+    const state = useBottomSheetStore.getState();
+    const currentStatus = state.sheetsById[sheetId]?.status;
 
     if (currentStatus !== 'hidden') {
       finishClosing(sheetId);

package/src/index.tsx

@@ -1,9 +1,9 @@
 export { BottomSheetHost } from './BottomSheetHost';
-export {
-  BottomSheetManagerProvider,
-  type ScaleBackgroundConfig,
-} from './BottomSheetManager.provider';
+export { BottomSheetManagerProvider } from './BottomSheetManager.provider';
 export { useBottomSheetManager } from './useBottomSheetManager';
 export { useBottomSheetState } from './useBottomSheetState';
 export { BottomSheetManaged } from './BottomSheetManaged';
-export { ScaleBackgroundWrapper } from './ScaleBackgroundWrapper';
+export {
+  ScaleBackgroundWrapper,
+  type ScaleBackgroundConfig,
+} from './ScaleBackgroundWrapper';

package/src/useBottomSheetState.ts

@@ -1,10 +1,9 @@
-import { useCallback, useMemo } from 'react';
+import { useCallback } from 'react';
 import { useMaybeBottomSheetContext } from './BottomSheet.context';
 import {
   useBottomSheetStore,
   type BottomSheetState,
 } from './bottomSheet.store';
-import { shallow } from 'zustand/shallow';
 
 export function useBottomSheetState(): {
   bottomSheetState: BottomSheetState;
@@ -12,20 +11,13 @@ export function useBottomSheetState(): {
   closeBottomSheet: () => void;
 } {
   const context = useMaybeBottomSheetContext();
-  const { bottomSheetsStack, startClosing } = useBottomSheetStore(
-    (store) => ({
-      bottomSheetsStack: store.stack,
-      startClosing: store.startClosing,
-    }),
-    shallow
-  );
 
-  const bottomSheetState = useMemo(
-    () =>
-      bottomSheetsStack.find((bottomSheet) => bottomSheet.id === context?.id),
-    [bottomSheetsStack, context?.id]
+  const bottomSheetState = useBottomSheetStore(
+    useCallback((state) => state.sheetsById[context?.id!], [context?.id])
   );
 
+  const startClosing = useBottomSheetStore((state) => state.startClosing);
+
   if (!bottomSheetState) {
     throw new Error(
       'useBottomSheetState must be used within a BottomSheetProvider'