@tamagui/sheet 2.0.0-1769200478218 → 2.0.0-1769256574467

package/dist/cjs/GestureDetectorWrapper.cjs

@@ -0,0 +1,48 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var GestureDetectorWrapper_exports = {};
+__export(GestureDetectorWrapper_exports, {
+  GestureDetectorWrapper: () => GestureDetectorWrapper
+});
+module.exports = __toCommonJS(GestureDetectorWrapper_exports);
+var import_react_native = require("react-native-web"),
+  import_gestureState = require("./gestureState.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function GestureDetectorWrapper({
+  gesture,
+  children,
+  style
+}) {
+  const {
+    GestureDetector
+  } = (0, import_gestureState.getGestureHandlerState)();
+  return (0, import_gestureState.isGestureHandlerEnabled)() && GestureDetector && gesture ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GestureDetector, {
+    gesture,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+      style,
+      collapsable: !1,
+      children
+    })
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+    style,
+    children
+  });
+}

package/dist/cjs/GestureDetectorWrapper.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var GestureDetectorWrapper_exports = {};
+__export(GestureDetectorWrapper_exports, {
+  GestureDetectorWrapper: () => GestureDetectorWrapper
+});
+module.exports = __toCommonJS(GestureDetectorWrapper_exports);
+var import_react_native = require("react-native-web"), import_gestureState = require("./gestureState"), import_jsx_runtime = require("react/jsx-runtime");
+function GestureDetectorWrapper({
+  gesture,
+  children,
+  style
+}) {
+  const { GestureDetector } = (0, import_gestureState.getGestureHandlerState)();
+  return (0, import_gestureState.isGestureHandlerEnabled)() && GestureDetector && gesture ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureDetector, { gesture, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style, collapsable: !1, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style, children });
+}
+//# sourceMappingURL=GestureDetectorWrapper.js.map

package/dist/cjs/GestureDetectorWrapper.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/GestureDetectorWrapper.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAAqC,yBACrC,sBAAgE,2BA6BxD;AAjBD,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,EAAE,gBAAgB,QAAI,4CAAuB;AAMnD,aALgB,6CAAwB,KAKzB,mBAAmB,UAK9B,4CAAC,mBAAgB,SACf,sDAAC,4BAAK,OAAc,aAAa,IAC9B,UACH,GACF,IAKG,4CAAC,4BAAK,OAAe,UAAS;AACvC;",
+  "names": []
+}

package/dist/cjs/GestureDetectorWrapper.native.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var GestureDetectorWrapper_exports = {};
+__export(GestureDetectorWrapper_exports, {
+  GestureDetectorWrapper: () => GestureDetectorWrapper
+});
+module.exports = __toCommonJS(GestureDetectorWrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react_native = require("react-native"),
+  import_gestureState = require("./gestureState.native.js");
+function GestureDetectorWrapper(param) {
+  var {
+      gesture,
+      children,
+      style
+    } = param,
+    {
+      GestureDetector
+    } = (0, import_gestureState.getGestureHandlerState)(),
+    enabled = (0, import_gestureState.isGestureHandlerEnabled)();
+  return enabled && GestureDetector && gesture ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GestureDetector, {
+    gesture,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+      style,
+      collapsable: !1,
+      children
+    })
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+    style,
+    children
+  });
+}
+//# sourceMappingURL=GestureDetectorWrapper.native.js.map

package/dist/cjs/GestureDetectorWrapper.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GestureDetectorWrapper_exports","__export","GestureDetectorWrapper","module","exports","import_jsx_runtime","require","import_react_native","import_gestureState","param","gesture","children","style","GestureDetector","getGestureHandlerState","enabled","isGestureHandlerEnabled","jsx","View","collapsable"],"sources":["../../src/GestureDetectorWrapper.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAqC,CAAAK,8BACrC;AAYO,IAAAK,kBAAS,GAAAC,OAAuB;EAAAC,mBAAA,GAAAD,OAAA;EAAAE,mBAAA,GAAAF,OAAA;AAAA,SACrCJ,uBAAAO,KAAA;EACA;MAAAC,OAAA;MAAAC,QAAA;MAAAC;IAAA,IAAAH,KAAA;IAAA;MAAAI;IAAA,QAAAL,mBAAA,CAAAM,sBAAA;IAAAC,OAAA,OAAAP,mBAAA,CAAAQ,uBAAA;EACA,OAAAD,OAAA,IAAAF,eAAA,IAAAH,OAAA,sBAAAL,kBAAA,CAAAY,GAAA,EAAAJ,eAAA;IAC8BH,OAAA;IAC9BC,QAAQ,iBAAgB,IAAIN,kBAAA,CAAAY,GAAA,EAAAV,mBAAA,CAAuBW,IAAA;MAMnDN,KAAA;MAeFO,WAAA","ignoreList":[]}

package/dist/cjs/GestureSheetContext.cjs

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var GestureSheetContext_exports = {};
+__export(GestureSheetContext_exports, {
+  GestureSheetProvider: () => GestureSheetProvider,
+  useGestureSheetContext: () => useGestureSheetContext
+});
+module.exports = __toCommonJS(GestureSheetContext_exports);
+var import_react = require("react"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const GestureSheetContext = (0, import_react.createContext)(null);
+function useGestureSheetContext() {
+  return (0, import_react.useContext)(GestureSheetContext);
+}
+function GestureSheetProvider({
+  children,
+  isDragging,
+  blockPan,
+  setBlockPan,
+  panGesture,
+  panGestureRef
+}) {
+  const value = {
+    panGesture,
+    panGestureRef,
+    isDragging,
+    blockPan,
+    setBlockPan
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {
+    value,
+    children
+  });
+}

package/dist/cjs/GestureSheetContext.js

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var GestureSheetContext_exports = {};
+__export(GestureSheetContext_exports, {
+  GestureSheetProvider: () => GestureSheetProvider,
+  useGestureSheetContext: () => useGestureSheetContext
+});
+module.exports = __toCommonJS(GestureSheetContext_exports);
+var import_react = require("react"), import_jsx_runtime = require("react/jsx-runtime");
+const GestureSheetContext = (0, import_react.createContext)(null);
+function useGestureSheetContext() {
+  return (0, import_react.useContext)(GestureSheetContext);
+}
+function GestureSheetProvider({
+  children,
+  isDragging,
+  blockPan,
+  setBlockPan,
+  panGesture,
+  panGestureRef
+}) {
+  const value = {
+    panGesture,
+    panGestureRef,
+    isDragging,
+    blockPan,
+    setBlockPan
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, { value, children });
+}
+//# sourceMappingURL=GestureSheetContext.js.map

package/dist/cjs/GestureSheetContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/GestureSheetContext.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA0D,kBA0DtD;AAhCJ,MAAM,0BAAsB,4BAA+C,IAAI;AAExE,SAAS,yBAA0D;AACxE,aAAO,yBAAW,mBAAmB;AACvC;AAWO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,QAAkC;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,4CAAC,oBAAoB,UAApB,EAA6B,OAAe,UAAS;AAE1D;",
+  "names": []
+}

package/dist/cjs/GestureSheetContext.native.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var GestureSheetContext_exports = {};
+__export(GestureSheetContext_exports, {
+  GestureSheetProvider: () => GestureSheetProvider,
+  useGestureSheetContext: () => useGestureSheetContext
+});
+module.exports = __toCommonJS(GestureSheetContext_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = require("react"),
+  GestureSheetContext = /* @__PURE__ */(0, import_react.createContext)(null);
+function useGestureSheetContext() {
+  return (0, import_react.useContext)(GestureSheetContext);
+}
+function GestureSheetProvider(param) {
+  var {
+      children,
+      isDragging,
+      blockPan,
+      setBlockPan,
+      panGesture,
+      panGestureRef
+    } = param,
+    value = {
+      panGesture,
+      panGestureRef,
+      isDragging,
+      blockPan,
+      setBlockPan
+    };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {
+    value,
+    children
+  });
+}
+//# sourceMappingURL=GestureSheetContext.native.js.map

package/dist/cjs/GestureSheetContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GestureSheetContext_exports","__export","GestureSheetProvider","useGestureSheetContext","module","exports","import_jsx_runtime","require","import_react","GestureSheetContext","createContext","useContext","param","children","isDragging","blockPan","setBlockPan","panGesture","panGestureRef","jsx","Provider"],"sources":["../../src/GestureSheetContext.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAA0D,CAAAK,2BA0DtD;AAhCJ,IAAAM,kBAAM,GAAAC,OAAsB;EAAAC,YAAmD,GAAAD,OAAA;EAAAE,mBAAA,sBAAAD,YAAA,CAAAE,aAAA;AAExE,SAASP,uBAAA,EAA0D;EACxE,WAAOK,YAAA,CAAAG,UAAA,EAAWF,mBAAmB;AACvC;AAWO,SAASP,qBAAqBU,KAAA;EACnC;MAAAC,QAAA;MAAAC,UAAA;MAAAC,QAAA;MAAAC,WAAA;MAAAC,UAAA;MAAAC;IAAA,IAAAN,KAAA;IAAAb,KAAA;MACAkB,UAAA;MACAC,aAAA;MACAJ,UAAA;MACAC,QAAA;MACAC;IACF,CAA8B;EAC5B,OAAM,eAAkC,IAAAV,kBAAA,CAAAa,GAAA,EAAAV,mBAAA,CAAAW,QAAA;IACtCrB,KAAA;IACAc;EAAA,EACA;AAAA","ignoreList":[]}

package/dist/cjs/SheetImplementationCustom.cjs

@@ -43,8 +43,11 @@ var import_adapt = require("@tamagui/adapt"),
   import_react = __toESM(require("react"), 1),
   import_react_native = require("react-native-web"),
   import_contexts = require("./contexts.cjs"),
+  import_GestureDetectorWrapper = require("./GestureDetectorWrapper.cjs"),
+  import_GestureSheetContext = require("./GestureSheetContext.cjs"),
   import_helpers = require("./helpers.cjs"),
   import_SheetContext = require("./SheetContext.cjs"),
+  import_useGestureHandlerPan = require("./useGestureHandlerPan.cjs"),
   import_useSheetOpenState = require("./useSheetOpenState.cjs"),
   import_useSheetProviderProps = require("./useSheetProviderProps.cjs"),
   import_jsx_runtime = require("react/jsx-runtime");
@@ -110,9 +113,8 @@ const relativeDimensionTo = import_constants.isWeb ? "window" : "screen",
     import_react.default.useEffect(() => {
       open && frameSize && (stableFrameSize.current = frameSize);
     }, [open, frameSize]);
-    const positions = import_react.default.useMemo(() => snapPoints.map(point =>
-      // FIX: Use stable frameSize when closing to prevent position jumps
-      getYPositions(snapPointsMode, point, screenSize, open ? frameSize : stableFrameSize.current)), [screenSize, frameSize, snapPoints, snapPointsMode, open]),
+    const effectiveFrameSize = open ? frameSize : stableFrameSize.current || frameSize,
+      positions = import_react.default.useMemo(() => snapPoints.map(point => getYPositions(snapPointsMode, point, screenSize, effectiveFrameSize)), [screenSize, effectiveFrameSize, snapPoints, snapPointsMode]),
       {
         useAnimatedNumber,
         useAnimatedNumberStyle,
@@ -138,7 +140,11 @@ const relativeDimensionTo = import_constants.isWeb ? "window" : "screen",
       hostRef: sheetRef
     }, import_react.default.useCallback(value => {
       at.current = value, scrollBridge.paneY = value;
-    }, [animationDriver]));
+      const minY = positions[0],
+        wasAtTop = scrollBridge.isAtTop,
+        nowAtTop = value <= minY + 5;
+      wasAtTop !== nowAtTop && (scrollBridge.isAtTop = nowAtTop, nowAtTop ? (scrollBridge.scrollLockY = void 0, scrollBridge.setScrollEnabled?.(!0)) : (scrollBridge.scrollLockY = 0, scrollBridge.setScrollEnabled?.(!1)));
+    }, [animationDriver, positions]));
     function stopSpring() {
       animatedNumber.stop(), scrollBridge.onFinishAnimate && (scrollBridge.onFinishAnimate(), scrollBridge.onFinishAnimate = void 0);
     }
@@ -162,11 +168,15 @@ const relativeDimensionTo = import_constants.isWeb ? "window" : "screen",
         });
         return;
       }
-      disableAnimation || !frameSize || !screenSize || isHidden || hasntMeasured && !open || (animateTo(position), position === -1 && (scrollBridge.scrollLock = !1, scrollBridge.scrollStartY = -1));
+      if (!disableAnimation && !(!frameSize || !screenSize || isHidden || hasntMeasured && !open) && (animateTo(position), position === -1 && (scrollBridge.scrollLock = !1, scrollBridge.scrollStartY = -1), open && position >= 0)) {
+        const isTopPosition = position === 0;
+        scrollBridge.isAtTop = isTopPosition, isTopPosition ? (scrollBridge.scrollLockY = void 0, scrollBridge.setScrollEnabled?.(!0)) : (scrollBridge.scrollLockY = 0, scrollBridge.setScrollEnabled?.(!1));
+      }
     }, [hasntMeasured, disableAnimation, isHidden, frameSize, screenSize, open, position]);
     const disableDrag = props.disableDrag ?? controller?.disableDrag,
       themeName = (0, import_core.useThemeName)(),
       [isDragging, setIsDragging] = import_react.default.useState(!1),
+      [blockPan, setBlockPan] = import_react.default.useState(!1),
       panResponder = import_react.default.useMemo(() => {
         if (disableDrag || !frameSize || isShowingInnerSheet) return;
         const minY = positions[0];
@@ -243,6 +253,28 @@ const relativeDimensionTo = import_constants.isWeb ? "window" : "screen",
           onPanResponderRelease: finish
         });
       }, [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]),
+      {
+        panGesture,
+        panGestureRef,
+        gestureHandlerEnabled
+      } = (0, import_useGestureHandlerPan.useGestureHandlerPan)({
+        positions,
+        frameSize,
+        setPosition,
+        animateTo,
+        stopSpring,
+        scrollBridge,
+        setIsDragging,
+        getCurrentPosition: () => at.current,
+        resisted: import_helpers.resisted,
+        disableDrag,
+        isShowingInnerSheet,
+        setAnimatedPosition: val => {
+          animatedNumber.setValue(val, {
+            type: "direct"
+          });
+        }
+      }),
       handleAnimationViewLayout = import_react.default.useCallback(e => {
         if (!open && stableFrameSize.current !== 0) return;
         const layoutHeight = e.nativeEvent?.layout.height,
@@ -302,44 +334,57 @@ const relativeDimensionTo = import_constants.isWeb ? "window" : "screen",
       disable: !open,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_contexts.ParentSheetContext.Provider, {
         value: nextParentContext,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_SheetContext.SheetProvider, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SheetContext.SheetProvider, {
           ...providerProps,
           setHasScrollView,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-            custom: {
-              open
-            },
-            children: shouldHideParentSheet || !open ? null : overlayComponent
-          }), snapPointsMode !== "percent" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
-            style: {
-              opacity: 0,
-              position: "absolute",
-              top: 0,
-              left: 0,
-              right: 0,
-              bottom: 0,
-              pointerEvents: "none"
-            },
-            onLayout: handleMaxContentViewLayout
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedView, {
-            ref,
-            ...panResponder?.panHandlers,
-            onLayout: handleAnimationViewLayout,
-            transition: isDragging || disableAnimation ? null : transition,
-            disableClassName: !0,
-            style: [{
-              position: "absolute",
-              zIndex,
-              width: "100%",
-              height: forcedContentHeight,
-              minHeight: forcedContentHeight,
-              opacity: shouldHideParentSheet ? 0 : opacity,
-              ...((shouldHideParentSheet || !open) && {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_GestureSheetContext.GestureSheetProvider, {
+            isDragging,
+            blockPan,
+            setBlockPan,
+            panGesture,
+            panGestureRef,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+              custom: {
+                open
+              },
+              children: shouldHideParentSheet || !open ? null : overlayComponent
+            }), snapPointsMode !== "percent" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+              style: {
+                opacity: 0,
+                position: "absolute",
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
                 pointerEvents: "none"
-              })
-            }, animatedStyle],
-            children: props.children
-          })]
+              },
+              onLayout: handleMaxContentViewLayout
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedView, {
+              ref,
+              ...(!gestureHandlerEnabled && panResponder?.panHandlers),
+              onLayout: handleAnimationViewLayout,
+              transition: isDragging || disableAnimation ? null : transition,
+              disableClassName: !0,
+              style: [{
+                position: "absolute",
+                zIndex,
+                width: "100%",
+                height: forcedContentHeight,
+                minHeight: forcedContentHeight,
+                opacity: shouldHideParentSheet ? 0 : opacity,
+                ...((shouldHideParentSheet || !open) && {
+                  pointerEvents: "none"
+                })
+              }, animatedStyle],
+              children: gestureHandlerEnabled && panGesture ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GestureDetectorWrapper.GestureDetectorWrapper, {
+                gesture: panGesture,
+                style: {
+                  flex: 1
+                },
+                children: props.children
+              }) : props.children
+            })]
+          })
         })
       })
     });