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

package/lib/commonjs/BottomSheetManager.provider.js

@@ -3,27 +3,55 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMaybeBottomSheetManagerContext = exports.useBottomSheetManagerContext = exports.BottomSheetManagerProvider = void 0;
+exports.BottomSheetManagerProvider = BottomSheetManagerProvider;
+exports.useMaybeBottomSheetManagerContext = exports.useBottomSheetManagerContext = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
+var _reactNativeTeleport = require("react-native-teleport");
 var _BottomSheetManager = require("./BottomSheetManager.context");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function BottomSheetManagerProviderComp({
-  id,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetManager.BottomSheetManagerContext.Provider, {
-    value: {
-      groupId: id
-    },
-    children: children
-  }, id);
+function BottomSheetManagerProvider(t0) {
+  const $ = (0, _compilerRuntime.c)(7);
+  const {
+    id,
+    scaleConfig,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== id || $[1] !== scaleConfig) {
+    t1 = {
+      groupId: id,
+      scaleConfig
+    };
+    $[0] = id;
+    $[1] = scaleConfig;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const value = t1;
+  let t2;
+  if ($[3] !== children || $[4] !== id || $[5] !== value) {
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeTeleport.PortalProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetManager.BottomSheetManagerContext.Provider, {
+        value: value,
+        children: children
+      }, id)
+    });
+    $[3] = children;
+    $[4] = id;
+    $[5] = value;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 }
-const BottomSheetManagerProvider = exports.BottomSheetManagerProvider = /*#__PURE__*/_react.default.memo(BottomSheetManagerProviderComp);
 const useBottomSheetManagerContext = () => {
   const context = _react.default.useContext(_BottomSheetManager.BottomSheetManagerContext);
   if (!context) {
-    throw new Error('useBottomSheetManagerContext must be used within a BottomSheetManagerProvider');
+    throw new Error("useBottomSheetManagerContext must be used within a BottomSheetManagerProvider");
   }
   return context;
 };

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

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

package/lib/commonjs/BottomSheetPortal.js

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

package/lib/commonjs/BottomSheetPortal.js.map

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

package/lib/commonjs/BottomSheetScaleView.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheetScaleView = BottomSheetScaleView;
+var _compilerRuntime = require("react/compiler-runtime");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _BottomSheetManager = require("./BottomSheetManager.context");
+var _useScaleAnimation = require("./useScaleAnimation");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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>
+ * ```
+ */
+function BottomSheetScaleView(t0) {
+  const $ = (0, _compilerRuntime.c)(5);
+  const {
+    children
+  } = t0;
+  const context = (0, _react.useContext)(_BottomSheetManager.BottomSheetManagerContext);
+  const groupId = context?.groupId ?? "default";
+  const scaleConfig = context?.scaleConfig;
+  const scaleDepth = (0, _useScaleAnimation.useScaleDepth)(groupId);
+  const animatedStyle = (0, _useScaleAnimation.useScaleAnimatedStyle)(scaleDepth, scaleConfig);
+  let t1;
+  if ($[0] !== animatedStyle) {
+    t1 = [styles.container, animatedStyle];
+    $[0] = animatedStyle;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== t1) {
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: t1,
+      children: children
+    });
+    $[2] = children;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=BottomSheetScaleView.js.map

package/lib/commonjs/BottomSheetScaleView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_BottomSheetManager","_useScaleAnimation","_jsxRuntime","e","__esModule","default","BottomSheetScaleView","t0","$","_compilerRuntime","c","children","context","useContext","BottomSheetManagerContext","groupId","scaleConfig","scaleDepth","useScaleDepth","animatedStyle","useScaleAnimatedStyle","t1","styles","container","t2","jsx","View","style","StyleSheet","create","flex"],"sourceRoot":"../../src","sources":["BottomSheetScaleView.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAA2E,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAAG,qBAAAC,EAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAA8B;IAAAC;EAAA,IAAAJ,EAA+B;EAClE,MAAAK,OAAA,GAAgB,IAAAC,iBAAU,EAACC,6CAAyB,CAAC;EACrD,MAAAC,OAAA,GAAgBH,OAAO,EAAAG,OAAsB,IAA7B,SAA6B;EAC7C,MAAAC,WAAA,GAAoBJ,OAAO,EAAAI,WAAa;EAExC,MAAAC,UAAA,GAAmB,IAAAC,gCAAa,EAACH,OAAO,CAAC;EACzC,MAAAI,aAAA,GAAsB,IAAAC,wCAAqB,EAACH,UAAU,EAAED,WAAW,CAAC;EAAC,IAAAK,EAAA;EAAA,IAAAb,CAAA,QAAAW,aAAA;IAG7CE,EAAA,IAACC,MAAM,CAAAC,SAAU,EAAEJ,aAAa,CAAC;IAAAX,CAAA,MAAAW,aAAA;IAAAX,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAhB,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAa,EAAA;IAAvDG,EAAA,oBAAAtB,WAAA,CAAAuB,GAAA,EAAA3B,sBAAA,CAAAO,OAAA,CAAAqB,IAAA;MAAsBC,KAAiC,EAAjCN,EAAiC;MAAAV,QAAA,EACpDA;IAAQ,CACI,CAAC;IAAAH,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAFhBgB,EAEgB;AAAA;AAIpB,MAAMF,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/animatedRegistry.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cleanupAnimatedIndex = cleanupAnimatedIndex;
+exports.getAnimatedIndex = getAnimatedIndex;
+var _reactNativeReanimated = require("react-native-reanimated");
+/**
+ * Registry for shared animated values per sheet.
+ * This allows backdrop to access the animatedIndex from the bottom sheet.
+ */
+const animatedIndexRegistry = new Map();
+function getAnimatedIndex(sheetId) {
+  let animatedIndex = animatedIndexRegistry.get(sheetId);
+  if (!animatedIndex) {
+    animatedIndex = (0, _reactNativeReanimated.makeMutable)(-1);
+    animatedIndexRegistry.set(sheetId, animatedIndex);
+  }
+  return animatedIndex;
+}
+function cleanupAnimatedIndex(sheetId) {
+  animatedIndexRegistry.delete(sheetId);
+}
+//# sourceMappingURL=animatedRegistry.js.map

package/lib/commonjs/animatedRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","animatedIndexRegistry","Map","getAnimatedIndex","sheetId","animatedIndex","get","makeMutable","set","cleanupAnimatedIndex","delete"],"sourceRoot":"../../src","sources":["animatedRegistry.ts"],"mappings":";;;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,MAAMC,qBAAqB,GAAG,IAAIC,GAAG,CAA8B,CAAC;AAE7D,SAASC,gBAAgBA,CAACC,OAAe,EAAuB;EACrE,IAAIC,aAAa,GAAGJ,qBAAqB,CAACK,GAAG,CAACF,OAAO,CAAC;EAEtD,IAAI,CAACC,aAAa,EAAE;IAClBA,aAAa,GAAG,IAAAE,kCAAW,EAAC,CAAC,CAAC,CAAC;IAC/BN,qBAAqB,CAACO,GAAG,CAACJ,OAAO,EAAEC,aAAa,CAAC;EACnD;EAEA,OAAOA,aAAa;AACtB;AAEO,SAASI,oBAAoBA,CAACL,OAAe,EAAQ;EAC1DH,qBAAqB,CAACS,MAAM,CAACN,OAAO,CAAC;AACvC","ignoreList":[]}

package/lib/commonjs/bottomSheet.store.js

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

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

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

package/lib/commonjs/bottomSheetCoordinator.js

@@ -21,18 +21,17 @@ function initBottomSheetCoordinator(groupId) {
         return;
       }
       const ref = _refsMap.sheetRefs[id]?.current;
-      if (!ref) {
-        return;
-      }
       switch (status) {
         case 'opening':
-          ref.expand();
+          requestAnimationFrame(() => {
+            _refsMap.sheetRefs[id]?.current?.expand();
+          });
           break;
         case 'hidden':
-          ref.close();
+          if (ref) ref.close();
           break;
         case 'closing':
-          ref.close();
+          if (ref) ref.close();
           break;
       }
     });

package/lib/commonjs/bottomSheetCoordinator.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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","requestAnimationFrame","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;MAElC,QAAQT,MAAM;QACZ,KAAK,SAAS;UACZU,qBAAqB,CAAC,MAAM;YAC1BF,kBAAS,CAACX,EAAE,CAAC,EAAEY,OAAO,EAAEE,MAAM,CAAC,CAAC;UAClC,CAAC,CAAC;UACF;QACF,KAAK,QAAQ;UACX,IAAIJ,GAAG,EAAEA,GAAG,CAACK,KAAK,CAAC,CAAC;UACpB;QACF,KAAK,SAAS;UACZ,IAAIL,GAAG,EAAEA,GAAG,CAACK,KAAK,CAAC,CAAC;UACpB;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,GAC7CzB,gCAAmB,CAAC0B,QAAQ,CAAC,CAAC;EAEhC,MAAMC,aAAa,GAAGA,CAACC,SAAiB,EAAEC,OAAe,KAAK;IAC5D,MAAMC,KAAK,GAAG9B,gCAAmB,CAAC0B,QAAQ,CAAC,CAAC;IAC5C,MAAMK,aAAa,GAAGD,KAAK,CAACxB,UAAU,CAACgB,OAAO,CAAC,EAAEd,MAAM;;IAEvD;IACA,IAAIqB,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,GAAG9B,gCAAmB,CAAC0B,QAAQ,CAAC,CAAC;IAC5C,MAAMK,aAAa,GAAGD,KAAK,CAACxB,UAAU,CAACgB,OAAO,CAAC,EAAEd,MAAM;IAEvD,IAAIuB,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

@@ -21,10 +21,22 @@ Object.defineProperty(exports, "BottomSheetManagerProvider", {
     return _BottomSheetManager.BottomSheetManagerProvider;
   }
 });
-Object.defineProperty(exports, "ScaleBackgroundWrapper", {
+Object.defineProperty(exports, "BottomSheetPortal", {
   enumerable: true,
   get: function () {
-    return _ScaleBackgroundWrapper.ScaleBackgroundWrapper;
+    return _BottomSheetPortal.BottomSheetPortal;
+  }
+});
+Object.defineProperty(exports, "BottomSheetScaleView", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheetScaleView.BottomSheetScaleView;
+  }
+});
+Object.defineProperty(exports, "useBottomSheetControl", {
+  enumerable: true,
+  get: function () {
+    return _useBottomSheetControl.useBottomSheetControl;
   }
 });
 Object.defineProperty(exports, "useBottomSheetManager", {
@@ -44,5 +56,7 @@ var _BottomSheetManager = require("./BottomSheetManager.provider");
 var _useBottomSheetManager = require("./useBottomSheetManager");
 var _useBottomSheetState = require("./useBottomSheetState");
 var _BottomSheetManaged = require("./BottomSheetManaged");
-var _ScaleBackgroundWrapper = require("./ScaleBackgroundWrapper");
+var _BottomSheetScaleView = require("./BottomSheetScaleView");
+var _BottomSheetPortal = require("./BottomSheetPortal");
+var _useBottomSheetControl = require("./useBottomSheetControl");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

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

package/lib/commonjs/portal.types.js

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

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

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

package/lib/commonjs/useBottomSheetControl.js

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

package/lib/commonjs/useBottomSheetControl.js.map

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

package/lib/commonjs/useBottomSheetManager.js

@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBottomSheetManager = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _compilerRuntime = require("react/compiler-runtime");
+var _react = _interopRequireDefault(require("react"));
 var _bottomSheet = require("./bottomSheet.store");
 var _BottomSheetManager = require("./BottomSheetManager.provider");
 var _refsMap = require("./refsMap");
 var _shallow = require("zustand/shallow");
-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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useBottomSheetManager = () => {
+  const $ = (0, _compilerRuntime.c)(15);
   const bottomSheetManagerContext = (0, _BottomSheetManager.useMaybeBottomSheetManagerContext)();
   const {
     pushBottomSheet,
@@ -19,51 +20,94 @@ const useBottomSheetManager = () => {
     switchBottomSheet,
     startClosing,
     storeClearAll
-  } = (0, _bottomSheet.useBottomSheetStore)(store => ({
+  } = (0, _bottomSheet.useBottomSheetStore)(_temp, _shallow.shallow);
+  let t0;
+  if ($[0] !== bottomSheetManagerContext?.groupId || $[1] !== pushBottomSheet || $[2] !== replaceBottomSheet || $[3] !== switchBottomSheet) {
+    t0 = (content, t1) => {
+      const options = t1 === undefined ? {} : t1;
+      const groupId = options.groupId || bottomSheetManagerContext?.groupId || "default";
+      const id = options.id || Math.random().toString(36);
+      const ref = /*#__PURE__*/_react.default.createRef();
+      _refsMap.sheetRefs[id] = ref;
+      const contentWithRef = /*#__PURE__*/_react.default.cloneElement(content, {
+        ref
+      });
+      const sheetData = {
+        id,
+        groupId,
+        content: contentWithRef,
+        scaleBackground: options.scaleBackground
+      };
+      if (options.mode === "replace") {
+        replaceBottomSheet(sheetData);
+      } else {
+        if (options.mode === "switch") {
+          switchBottomSheet(sheetData);
+        } else {
+          pushBottomSheet(sheetData);
+        }
+      }
+      return id;
+    };
+    $[0] = bottomSheetManagerContext?.groupId;
+    $[1] = pushBottomSheet;
+    $[2] = replaceBottomSheet;
+    $[3] = switchBottomSheet;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const openBottomSheet = t0;
+  let t1;
+  if ($[5] !== startClosing) {
+    t1 = id_0 => {
+      startClosing(id_0);
+    };
+    $[5] = startClosing;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const close = t1;
+  let t2;
+  if ($[7] !== storeClearAll) {
+    t2 = () => {
+      storeClearAll();
+    };
+    $[7] = storeClearAll;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const clearAll = t2;
+  let t3;
+  if ($[9] !== clearAll || $[10] !== close || $[11] !== openBottomSheet || $[12] !== pushBottomSheet || $[13] !== replaceBottomSheet) {
+    t3 = {
+      clearAll,
+      close,
+      openBottomSheet,
+      pushBottomSheet,
+      replaceBottomSheet
+    };
+    $[9] = clearAll;
+    $[10] = close;
+    $[11] = openBottomSheet;
+    $[12] = pushBottomSheet;
+    $[13] = replaceBottomSheet;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
+};
+exports.useBottomSheetManager = useBottomSheetManager;
+function _temp(store) {
+  return {
     storeClearAll: store.clearAll,
     replaceBottomSheet: store.replace,
     pushBottomSheet: store.push,
     switchBottomSheet: store.switch,
     startClosing: store.startClosing
-  }), _shallow.shallow);
-  const openBottomSheet = (0, _react.useCallback)((content, options = {}) => {
-    const groupId = options.groupId || bottomSheetManagerContext?.groupId || 'default';
-    const id = options.id || Math.random().toString(36);
-    const ref = /*#__PURE__*/_react.default.createRef();
-    _refsMap.sheetRefs[id] = ref;
-
-    // @ts-ignore
-    const contentWithRef = /*#__PURE__*/_react.default.cloneElement(content, {
-      ref
-    });
-    const sheetData = {
-      id,
-      groupId,
-      content: contentWithRef,
-      scaleBackground: options.scaleBackground
-    };
-    if (options.mode === 'replace') {
-      replaceBottomSheet(sheetData);
-    } else if (options.mode === 'switch') {
-      switchBottomSheet(sheetData);
-    } else {
-      pushBottomSheet(sheetData);
-    }
-    return id;
-  }, [bottomSheetManagerContext?.groupId, pushBottomSheet, replaceBottomSheet, switchBottomSheet]);
-  const close = (0, _react.useCallback)(id => {
-    startClosing(id);
-  }, [startClosing]);
-  const clearAll = (0, _react.useCallback)(() => {
-    storeClearAll();
-  }, [storeClearAll]);
-  return {
-    clearAll,
-    close,
-    openBottomSheet,
-    pushBottomSheet,
-    replaceBottomSheet
   };
-};
-exports.useBottomSheetManager = useBottomSheetManager;
+}
 //# sourceMappingURL=useBottomSheetManager.js.map