@tamagui/sheet 2.0.0-rc.9 → 2.1.0

package/dist/jsx/SheetImplementationCustom.native.js

@@ -4,517 +4,690 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var SheetImplementationCustom_exports = {};
 __export(SheetImplementationCustom_exports, {
   SheetImplementationCustom: () => SheetImplementationCustom
 });
 module.exports = __toCommonJS(SheetImplementationCustom_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_adapt = require("@tamagui/adapt"),
-  import_animate_presence = require("@tamagui/animate-presence"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_constants = require("@tamagui/constants"),
-  import_core = require("@tamagui/core"),
-  import_native = require("@tamagui/native"),
-  import_portal = require("@tamagui/portal"),
-  import_react = __toESM(require("react"), 1),
-  import_react_native = require("react-native"),
-  import_contexts = require("./contexts.native.js"),
-  import_GestureDetectorWrapper = require("./GestureDetectorWrapper.native.js"),
-  import_GestureSheetContext = require("./GestureSheetContext.native.js"),
-  import_helpers = require("./helpers.native.js"),
-  import_SheetContext = require("./SheetContext.native.js"),
-  import_useGestureHandlerPan = require("./useGestureHandlerPan.native.js"),
-  import_useKeyboardControllerSheet = require("./useKeyboardControllerSheet.native.js"),
-  import_useSheetOpenState = require("./useSheetOpenState.native.js"),
-  import_useSheetProviderProps = require("./useSheetProviderProps.native.js"),
-  hiddenSize = 10000.1,
-  _cachedSafeAreaTop;
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_adapt = require("@tamagui/adapt");
+var import_animate_presence = require("@tamagui/animate-presence");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_native = require("@tamagui/native");
+var import_portal = require("@tamagui/portal");
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var import_contexts = require("./contexts.native.js");
+var import_GestureDetectorWrapper = require("./GestureDetectorWrapper.native.js");
+var import_gestureState = require("./gestureState.native.js");
+var import_GestureSheetContext = require("./GestureSheetContext.native.js");
+var import_helpers = require("./helpers.native.js");
+var import_keyboardAvoidance = require("./keyboardAvoidance.native.js");
+var import_webViewport = require("./webViewport.native.js");
+var import_SheetContext = require("./SheetContext.native.js");
+var import_useGestureHandlerPan = require("./useGestureHandlerPan.native.js");
+var import_useKeyboardControllerSheet = require("./useKeyboardControllerSheet.native.js");
+var import_useSheetOpenState = require("./useSheetOpenState.native.js");
+var import_useSheetProviderProps = require("./useSheetProviderProps.native.js");
+var hiddenSize = 10000.1;
+var rnghRootStyleOpen = {
+  width: "100%",
+  height: "100%"
+};
+var rnghRootStyleClosed = {
+  width: "100%",
+  height: 0
+};
+var _cachedSafeAreaTop;
 function getSafeAreaTopInset() {
-  return _cachedSafeAreaTop !== void 0 || (_cachedSafeAreaTop = (0, import_native.getSafeArea)().getInsets().top), _cachedSafeAreaTop;
+  if (_cachedSafeAreaTop !== void 0) return _cachedSafeAreaTop;
+  _cachedSafeAreaTop = (0, import_native.getSafeArea)().getInsets().top;
+  return _cachedSafeAreaTop;
 }
-var relativeDimensionTo = import_constants.isWeb ? "window" : "screen",
-  SheetImplementationCustom = /* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
-    var parentSheet = import_react.default.useContext(import_contexts.ParentSheetContext),
-      {
-        transition,
-        transitionConfig: transitionConfigProp,
-        modal = !1,
-        zIndex = parentSheet.zIndex + 1,
-        moveOnKeyboardChange = !1,
-        unmountChildrenWhenHidden = !1,
-        portalProps,
-        containerComponent: ContainerComponent = import_react.default.Fragment
-      } = props,
-      state = (0, import_useSheetOpenState.useSheetOpenState)(props),
-      [overlayComponent, setOverlayComponent] = import_react.default.useState(null),
-      providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
-        onOverlayComponent: setOverlayComponent
-      }),
-      {
-        frameSize,
-        setFrameSize,
-        snapPoints,
-        snapPointsMode,
-        hasFit,
-        position,
-        setPosition,
-        scrollBridge,
-        screenSize,
-        setMaxContentSize,
-        maxSnapPoint
-      } = providerProps,
-      {
-        open,
-        controller,
-        isHidden
-      } = state,
-      sheetRef = import_react.default.useRef(void 0),
-      ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef, providerProps.contentRef),
-      {
-        animationDriver
-      } = (0, import_core.useConfiguration)();
-    if (!animationDriver) throw new Error("Sheet requires an animation driver to be set");
-    var transitionConfig = function () {
-        var _animationDriver_animations;
-        if (transitionConfigProp) return transitionConfigProp;
-        var [animationProp, animationPropConfig] = transition ? Array.isArray(transition) ? transition : [transition] : [];
-        return animationProp && !((_animationDriver_animations = animationDriver.animations) === null || _animationDriver_animations === void 0) && _animationDriver_animations[animationProp] ? {
-          ...animationDriver.animations[animationProp],
-          ...animationPropConfig
-        } : null;
-      }(),
-      [isShowingInnerSheet, setIsShowingInnerSheet] = import_react.default.useState(!1),
-      shouldHideParentSheet = !import_constants.isWeb && modal && isShowingInnerSheet && (0, import_portal.needsPortalRepropagation)(),
-      sheetInsideSheet = import_react.default.useContext(import_contexts.SheetInsideSheetContext),
-      onInnerSheet = import_react.default.useCallback(function (hasChild) {
-        setIsShowingInnerSheet(hasChild);
-      }, []),
-      stableFrameSize = import_react.default.useRef(frameSize);
-    import_react.default.useEffect(function () {
-      open && frameSize && (stableFrameSize.current = frameSize);
-    }, [open, frameSize]);
-    var effectiveFrameSize = open ? frameSize : stableFrameSize.current || frameSize,
-      positions = import_react.default.useMemo(function () {
-        return snapPoints.map(function (point) {
-          return getYPositions(snapPointsMode, point, screenSize, effectiveFrameSize);
-        });
-      }, [screenSize, effectiveFrameSize, snapPoints, snapPointsMode]),
-      {
-        keyboardHeight,
-        isKeyboardVisible,
-        dismissKeyboard,
-        pauseKeyboardHandler,
-        flushPendingHide
-      } = (0, import_useKeyboardControllerSheet.useKeyboardControllerSheet)({
-        enabled: !import_constants.isWeb && !!moveOnKeyboardChange
-      }),
-      [isDragging, setIsDragging_] = import_react.default.useState(!1),
-      isDraggingRef = import_react.default.useRef(!1),
-      setIsDragging = import_react.default.useCallback(function (val) {
-        isDraggingRef.current = val, pauseKeyboardHandler.current = val, setIsDragging_(val), val || flushPendingHide();
-      }, [pauseKeyboardHandler, flushPendingHide]),
-      activePositionsRef = import_react.default.useRef(positions),
-      activePositions = import_react.default.useMemo(function () {
-        if (isDragging || isDraggingRef.current) return activePositionsRef.current;
-        var result;
-        if (!isKeyboardVisible || keyboardHeight <= 0) result = positions;else {
-          var safeAreaTop = import_constants.isWeb ? 0 : getSafeAreaTopInset();
-          result = positions.map(function (p) {
-            return screenSize && p >= screenSize ? p : Math.max(safeAreaTop, p - keyboardHeight);
-          });
-        }
-        return activePositionsRef.current = result, result;
-      }, [positions, isKeyboardVisible, keyboardHeight, screenSize, isDragging]),
-      {
-        useAnimatedNumber,
-        useAnimatedNumberStyle,
-        useAnimatedNumberReaction
-      } = animationDriver,
-      _animationDriver_View,
-      AnimatedView = (_animationDriver_View = animationDriver.View) !== null && _animationDriver_View !== void 0 ? _animationDriver_View : import_core.View;
-    (0, import_constants.useIsomorphicLayoutEffect)(function () {
-      if (sheetInsideSheet && open) return sheetInsideSheet(!0), function () {
-        sheetInsideSheet(!1);
-      };
-    }, [sheetInsideSheet, open]);
-    var nextParentContext = import_react.default.useMemo(function () {
-        return {
-          zIndex
-        };
-      }, [zIndex]),
-      isMounted = (0, import_core.useDidFinishSSR)(),
-      startPosition = isMounted && screenSize ? screenSize : hiddenSize,
-      animatedNumber = useAnimatedNumber(startPosition),
-      at = import_react.default.useRef(startPosition),
-      hasntMeasured = at.current === hiddenSize,
-      [disableAnimation, setDisableAnimation] = (0, import_react.useState)(hasntMeasured),
-      skipAdaptAnimation = import_react.default.useRef(!1);
-    controller?.skipNextAnimation && (skipAdaptAnimation.current = !0);
-    var hasScrollView = import_react.default.useRef(!1);
-    useAnimatedNumberReaction({
-      value: animatedNumber,
-      hostRef: sheetRef
-    }, import_react.default.useCallback(function (value) {
-      at.current = value, scrollBridge.paneY = value;
-      var minY = activePositions[0],
-        wasAtTop = scrollBridge.isAtTop,
-        nowAtTop = value <= minY + 5;
-      if (wasAtTop !== nowAtTop) if (scrollBridge.isAtTop = nowAtTop, nowAtTop) {
+var relativeDimensionTo = import_constants.isWeb ? "window" : "screen";
+function getStableViewportHeight() {
+  if (import_constants.isWeb && typeof window !== "undefined") return (0, import_webViewport.getStableLayoutViewportHeight)();
+  return import_react_native.Dimensions.get(relativeDimensionTo).height;
+}
+var SheetImplementationCustom = /* @__PURE__ */import_react.default.forwardRef(function SheetImplementationCustom2(props, forwardedRef) {
+  var parentSheet = import_react.default.useContext(import_contexts.ParentSheetContext);
+  var {
+    transition,
+    transitionConfig: transitionConfigProp,
+    modal = false,
+    zIndex = parentSheet.zIndex + 1,
+    moveOnKeyboardChange = false,
+    unmountChildrenWhenHidden = false,
+    portalProps,
+    containerComponent: ContainerComponent = import_react.default.Fragment,
+    onAnimationComplete
+  } = props;
+  var state = (0, import_useSheetOpenState.useSheetOpenState)(props);
+  var [overlayComponent, setOverlayComponent] = import_react.default.useState(null);
+  var providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
+    onOverlayComponent: setOverlayComponent
+  });
+  var {
+    frameSize,
+    setFrameSize,
+    snapPoints,
+    snapPointsMode,
+    hasFit,
+    position,
+    setPosition,
+    scrollBridge,
+    screenSize,
+    setMaxContentSize,
+    maxSnapPoint
+  } = providerProps;
+  var {
+    open,
+    controller,
+    isHidden
+  } = state;
+  var openRef = import_react.default.useRef(open);
+  openRef.current = open;
+  var sheetRef = import_react.default.useRef(void 0);
+  var ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef, providerProps.contentRef);
+  var {
+    animationDriver
+  } = (0, import_core.useConfiguration)();
+  if (!animationDriver) throw new Error(`Sheet requires an animation driver to be set`);
+  var transitionConfig = function () {
+    var _animationDriver_animations;
+    if (transitionConfigProp) return transitionConfigProp;
+    var [animationProp, animationPropConfig] = !transition ? [] : Array.isArray(transition) ? transition : [transition];
+    if (animationProp && ((_animationDriver_animations = animationDriver.animations) === null || _animationDriver_animations === void 0 ? void 0 : _animationDriver_animations[animationProp])) return {
+      ...animationDriver.animations[animationProp],
+      ...animationPropConfig
+    };
+    return null;
+  }();
+  var [isShowingInnerSheet, setIsShowingInnerSheet] = import_react.default.useState(false);
+  var shouldHideParentSheet = !import_constants.isWeb && modal && isShowingInnerSheet && (0, import_portal.needsPortalRepropagation)();
+  var sheetInsideSheet = import_react.default.useContext(import_contexts.SheetInsideSheetContext);
+  var onInnerSheet = import_react.default.useCallback(function (hasChild) {
+    setIsShowingInnerSheet(hasChild);
+  }, []);
+  var {
+    keyboardHeight,
+    isKeyboardVisible,
+    dismissKeyboard,
+    pauseKeyboardHandler,
+    flushPendingHide
+  } = (0, import_useKeyboardControllerSheet.useKeyboardControllerSheet)({
+    enabled: Boolean(moveOnKeyboardChange)
+  });
+  var stableFrameSize = import_react.default.useRef(frameSize);
+  import_react.default.useEffect(function () {
+    if (open && frameSize) stableFrameSize.current = frameSize;
+  }, [open, frameSize]);
+  var isWebKbSheet = import_constants.isWeb && hasFit && moveOnKeyboardChange;
+  var hasCleanKbBaseline = import_react.default.useRef(false);
+  var seedSettled = import_react.default.useRef(false);
+  var stableKbGeom = import_react.default.useRef({
+    frame: 0,
+    screen: 0
+  });
+  if ((!import_constants.isWeb || !isKeyboardVisible) && frameSize > 0 && screenSize > 0) {
+    stableKbGeom.current.frame = frameSize;
+    stableKbGeom.current.screen = screenSize;
+    hasCleanKbBaseline.current = true;
+  } else if (isWebKbSheet && isKeyboardVisible && !hasCleanKbBaseline.current && screenSize > 0) stableKbGeom.current.screen = Math.max(stableKbGeom.current.screen, screenSize);
+  var seedingKbBaseline = isWebKbSheet && isKeyboardVisible && !hasCleanKbBaseline.current && !seedSettled.current;
+  var freezeForKb = isWebKbSheet && isKeyboardVisible && stableKbGeom.current.frame > 0;
+  var effScreenSize = freezeForKb ? stableKbGeom.current.screen : screenSize;
+  var effectiveFrameSize = freezeForKb ? stableKbGeom.current.frame : open ? frameSize : stableFrameSize.current || frameSize;
+  var positions = import_react.default.useMemo(function () {
+    return snapPoints.map(function (point) {
+      return getYPositions(snapPointsMode, point, effScreenSize, effectiveFrameSize);
+    });
+  }, [effScreenSize, effectiveFrameSize, snapPoints, snapPointsMode]);
+  var [isDragging, setIsDragging_] = import_react.default.useState(false);
+  var isDraggingRef = import_react.default.useRef(false);
+  var setIsDragging = import_react.default.useCallback(function (val) {
+    isDraggingRef.current = val;
+    pauseKeyboardHandler.current = val;
+    setIsDragging_(val);
+    if (!val) flushPendingHide();
+  }, [pauseKeyboardHandler, flushPendingHide]);
+  var activePositionsRef = import_react.default.useRef(positions);
+  var activePositions = import_react.default.useMemo(function () {
+    if (isDragging || isDraggingRef.current) return activePositionsRef.current;
+    var result;
+    if (import_constants.isWeb || !isKeyboardVisible || keyboardHeight <= 0) result = positions;else {
+      var safeAreaTop = getSafeAreaTopInset();
+      result = positions.map(function (p) {
+        if (screenSize && p >= screenSize) return p;
+        return Math.max(safeAreaTop, p - keyboardHeight);
+      });
+    }
+    activePositionsRef.current = result;
+    return result;
+  }, [positions, isKeyboardVisible, keyboardHeight, screenSize, isDragging]);
+  var keyboardOccludedHeight = seedingKbBaseline ? 0 : (0, import_keyboardAvoidance.getKeyboardOccludedHeight)({
+    frameSize: effectiveFrameSize,
+    isKeyboardVisible,
+    keyboardHeight,
+    screenSize: effScreenSize,
+    sheetY: position >= 0 ? activePositions[position] : void 0
+  });
+  var keyboardStableFrameHeight = !isWebKbSheet ? 0 : seedingKbBaseline ? stableKbGeom.current.screen || screenSize : stableKbGeom.current.frame > 0 ? stableKbGeom.current.frame : 0;
+  var {
+    useAnimatedNumber,
+    useAnimatedNumberStyle,
+    useAnimatedNumberReaction
+  } = animationDriver;
+  var _animationDriver_View;
+  var AnimatedView = (_animationDriver_View = animationDriver.View) !== null && _animationDriver_View !== void 0 ? _animationDriver_View : import_core.View;
+  (0, import_constants.useIsomorphicLayoutEffect)(function () {
+    if (!(sheetInsideSheet && open)) return;
+    sheetInsideSheet(true);
+    return function () {
+      sheetInsideSheet(false);
+    };
+  }, [sheetInsideSheet, open]);
+  var nextParentContext = import_react.default.useMemo(function () {
+    return {
+      zIndex
+    };
+  }, [zIndex]);
+  var startPosition = (0, import_core.useDidFinishSSR)() && screenSize ? screenSize : hiddenSize;
+  var animatedNumber = useAnimatedNumber(startPosition);
+  var at = import_react.default.useRef(startPosition);
+  var hasntMeasured = at.current === hiddenSize;
+  var [disableAnimation, setDisableAnimation] = (0, import_react.useState)(hasntMeasured);
+  var skipAdaptAnimation = import_react.default.useRef(false);
+  if (controller === null || controller === void 0 ? void 0 : controller.skipNextAnimation) skipAdaptAnimation.current = true;
+  var hasScrollView = import_react.default.useRef(false);
+  var opacityFallbackTimer = import_react.default.useRef(null);
+  useAnimatedNumberReaction({
+    value: animatedNumber,
+    hostRef: sheetRef
+  }, import_react.default.useCallback(function (value) {
+    at.current = value;
+    scrollBridge.paneY = value;
+    var minY = activePositions[0];
+    var wasAtTop = scrollBridge.isAtTop;
+    var nowAtTop = value <= minY + 5;
+    if (wasAtTop !== nowAtTop) {
+      scrollBridge.isAtTop = nowAtTop;
+      if (nowAtTop) {
         var _scrollBridge_setScrollEnabled;
-        scrollBridge.scrollLockY = void 0, (_scrollBridge_setScrollEnabled = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled === void 0 || _scrollBridge_setScrollEnabled.call(scrollBridge, !0);
+        if (scrollBridge.y > 0) {
+          var _scrollBridge_forceScrollTo;
+          (_scrollBridge_forceScrollTo = scrollBridge.forceScrollTo) === null || _scrollBridge_forceScrollTo === void 0 || _scrollBridge_forceScrollTo.call(scrollBridge, 0);
+          scrollBridge.y = 0;
+        }
+        scrollBridge.scrollLockY = void 0;
+        (_scrollBridge_setScrollEnabled = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled === void 0 || _scrollBridge_setScrollEnabled.call(scrollBridge, true);
       } else {
         var _scrollBridge_setScrollEnabled1;
-        scrollBridge.scrollLockY = 0, (_scrollBridge_setScrollEnabled1 = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled1 === void 0 || _scrollBridge_setScrollEnabled1.call(scrollBridge, !1);
+        scrollBridge.scrollLockY = 0;
+        (_scrollBridge_setScrollEnabled1 = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled1 === void 0 || _scrollBridge_setScrollEnabled1.call(scrollBridge, false);
       }
-    }, [animationDriver, activePositions]));
-    function stopSpring() {
-      animatedNumber.stop(), scrollBridge.onFinishAnimate && (scrollBridge.onFinishAnimate(), scrollBridge.onFinishAnimate = void 0);
     }
-    var animateTo = (0, import_core.useEvent)(function (position2, animationOverride) {
-      if (frameSize !== 0) {
-        var toValue = isHidden || position2 === -1 ? screenSize : activePositions[position2];
-        if (at.current !== toValue) {
-          if (at.current = toValue, stopSpring(), skipAdaptAnimation.current) {
-            skipAdaptAnimation.current = !1, animatedNumber.setValue(toValue, {
-              type: "timing",
-              duration: 0
-            });
-            return;
-          }
-          animatedNumber.setValue(toValue, animationOverride || {
-            type: "spring",
-            ...transitionConfig
-          });
-        }
-      }
-    });
-    (0, import_constants.useIsomorphicLayoutEffect)(function () {
-      if (hasntMeasured && screenSize && frameSize) {
-        at.current = screenSize, animatedNumber.setValue(screenSize, {
-          type: "timing",
-          duration: 0
-        }, function () {
-          setTimeout(function () {
-            setDisableAnimation(!1);
-          }, 10);
-        });
-        return;
-      }
-      if (!disableAnimation && !(!frameSize || !screenSize || isHidden || hasntMeasured && !open) && (animateTo(position), position === -1 && (scrollBridge.scrollLock = !1, scrollBridge.scrollStartY = -1), open && position >= 0)) {
-        var isTopPosition = position === 0;
-        if (scrollBridge.isAtTop = isTopPosition, isTopPosition) {
-          var _scrollBridge_setScrollEnabled;
-          scrollBridge.scrollLockY = void 0, (_scrollBridge_setScrollEnabled = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled === void 0 || _scrollBridge_setScrollEnabled.call(scrollBridge, !0);
-        } else {
-          var _scrollBridge_setScrollEnabled1;
-          scrollBridge.scrollLockY = 0, (_scrollBridge_setScrollEnabled1 = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled1 === void 0 || _scrollBridge_setScrollEnabled1.call(scrollBridge, !1);
-        }
+  }, [animationDriver, activePositions]));
+  function stopSpring() {
+    animatedNumber.stop();
+    if (scrollBridge.onFinishAnimate) {
+      scrollBridge.onFinishAnimate();
+      scrollBridge.onFinishAnimate = void 0;
+    }
+  }
+  var animateTo = (0, import_core.useEvent)(function (position2, animationOverride) {
+    if (frameSize === 0) return;
+    var toValue = isHidden || position2 === -1 ? effScreenSize : activePositions[position2];
+    if (at.current === toValue) return;
+    at.current = toValue;
+    stopSpring();
+    var isOpenAnimation = position2 !== -1 && !isHidden;
+    if (opacityFallbackTimer.current) {
+      clearTimeout(opacityFallbackTimer.current);
+      opacityFallbackTimer.current = null;
+    }
+    var animationCompleteCallback = function () {
+      var _controller_onAnimationComplete;
+      if (opacityFallbackTimer.current) {
+        clearTimeout(opacityFallbackTimer.current);
+        opacityFallbackTimer.current = null;
       }
-    }, [hasntMeasured, disableAnimation, isHidden, frameSize, screenSize, open, position]);
-    var _props_disableDrag,
-      disableDrag = (_props_disableDrag = props.disableDrag) !== null && _props_disableDrag !== void 0 ? _props_disableDrag : controller?.disableDrag,
-      themeName = (0, import_core.useThemeName)(),
-      [blockPan, setBlockPan] = import_react.default.useState(!1),
-      panResponder = import_react.default.useMemo(function () {
-        if (disableDrag || !frameSize || isShowingInnerSheet) return;
-        var minY = positions[0];
-        scrollBridge.paneMinY = minY;
-        var startY = at.current;
-        function setPanning(val) {
-          setIsDragging(val);
-        }
-        var release = function (param) {
-            var {
-              vy
-            } = param;
-            if (scrollBridge.setParentDragging(!1), !scrollBridge.scrollLock) {
-              isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1);
-              for (var currentPos = at.current, end = currentPos + frameSize * vy * 0.2, closestPoint = 0, dist = Number.POSITIVE_INFINITY, i = 0; i < positions.length; i++) {
-                var position2 = positions[i],
-                  curDist = end > position2 ? end - position2 : position2 - end;
-                curDist < dist && (dist = curDist, closestPoint = i);
-              }
-              setPosition(closestPoint), animateTo(closestPoint);
-            }
-          },
-          finish = function (_e, state2) {
-            release({
-              vy: state2.vy,
-              dragAt: state2.dy
-            });
-          },
-          previouslyScrolling = !1,
-          onMoveShouldSet = function (e, param) {
-            var {
-              dy
-            } = param;
-            function getShouldSet() {
-              if (e.target === providerProps.handleRef.current) return !0;
-              if (scrollBridge.hasScrollableContent === !0) {
-                if (scrollBridge.scrollLock) return !1;
-                var isScrolled = scrollBridge.y !== 0,
-                  isDraggingUp = dy < 0,
-                  isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
-                if (isScrolled) return previouslyScrolling = !0, !1;
-                if (isNearTop && hasScrollView.current && isDraggingUp) return !1;
-              }
-              return Math.abs(dy) > 10;
-            }
-            var granted = getShouldSet();
-            return granted && scrollBridge.setParentDragging(!0), granted;
-          },
-          grant = function () {
-            setPanning(!0), stopSpring(), startY = at.current;
-          },
-          isExternalDrag = !1;
-        return scrollBridge.drag = function (dy) {
-          isExternalDrag || (isExternalDrag = !0, grant());
-          var to = dy + startY;
-          animatedNumber.setValue((0, import_helpers.resisted)(to, minY), {
-            type: "direct"
-          });
-        }, scrollBridge.release = release, scrollBridge.snapToPosition = function (positionIndex) {
-          isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1), setPosition(positionIndex), animateTo(positionIndex);
-        }, import_react_native.PanResponder.create({
-          onMoveShouldSetPanResponder: onMoveShouldSet,
-          onPanResponderGrant: grant,
-          onPanResponderMove: function (_e, param) {
-            var {
-                dy
-              } = param,
-              toFull = dy + startY,
-              to = (0, import_helpers.resisted)(toFull, minY),
-              isAtTop = to <= minY;
-            isAtTop ? scrollBridge.setParentDragging(!1) : scrollBridge.setParentDragging(!0), animatedNumber.setValue(to, {
-              type: "direct"
-            });
-          },
-          onPanResponderEnd: finish,
-          onPanResponderTerminate: finish,
-          onPanResponderRelease: finish
-        });
-      }, [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]);
-    import_react.default.useEffect(function () {
-      isDragging || isHidden || !open || disableAnimation || !frameSize || !screenSize || animateTo(position, {
+      if (!isOpenAnimation && !openRef.current) setOpacity(0);
+      onAnimationComplete === null || onAnimationComplete === void 0 || onAnimationComplete({
+        open: isOpenAnimation
+      });
+      controller === null || controller === void 0 || (_controller_onAnimationComplete = controller.onAnimationComplete) == null || _controller_onAnimationComplete.call(controller, {
+        open: isOpenAnimation
+      });
+    };
+    if (!isOpenAnimation) opacityFallbackTimer.current = setTimeout(function () {
+      opacityFallbackTimer.current = null;
+      if (!openRef.current) setOpacity(0);
+    }, 1e3);
+    if (skipAdaptAnimation.current) {
+      skipAdaptAnimation.current = false;
+      animatedNumber.setValue(toValue, {
         type: "timing",
-        duration: 250
+        duration: 0
+      }, animationCompleteCallback);
+      return;
+    }
+    animatedNumber.setValue(toValue, animationOverride || {
+      type: "spring",
+      ...transitionConfig
+    }, animationCompleteCallback);
+  });
+  (0, import_constants.useIsomorphicLayoutEffect)(function () {
+    if (hasntMeasured && screenSize && frameSize) {
+      at.current = screenSize;
+      animatedNumber.setValue(screenSize, {
+        type: "timing",
+        duration: 0
+      }, function () {
+        setTimeout(function () {
+          setDisableAnimation(false);
+        }, 10);
       });
-    }, [isKeyboardVisible, keyboardHeight]);
-    var wasDragging = import_react.default.useRef(!1);
-    import_react.default.useEffect(function () {
-      if (isDragging) {
-        wasDragging.current = !0;
-        return;
+      return;
+    }
+    if (disableAnimation) return;
+    if (isDraggingRef.current) return;
+    if (!frameSize || !screenSize || isHidden || hasntMeasured && !open) return;
+    animateTo(position);
+    if (position === -1) {
+      scrollBridge.scrollLock = false;
+      scrollBridge.scrollStartY = -1;
+    }
+    if (open && position >= 0) {
+      var isTopPosition = position === 0;
+      scrollBridge.isAtTop = isTopPosition;
+      if (isTopPosition) {
+        var _scrollBridge_setScrollEnabled;
+        scrollBridge.scrollLockY = void 0;
+        (_scrollBridge_setScrollEnabled = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled === void 0 || _scrollBridge_setScrollEnabled.call(scrollBridge, true);
+      } else {
+        var _scrollBridge_setScrollEnabled1;
+        scrollBridge.scrollLockY = 0;
+        (_scrollBridge_setScrollEnabled1 = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled1 === void 0 || _scrollBridge_setScrollEnabled1.call(scrollBridge, false);
       }
-      wasDragging.current && (wasDragging.current = !1, !(!frameSize || !screenSize || isHidden || !open) && animateTo(position));
-    }, [isDragging]), import_react.default.useEffect(function () {
-      !open && isKeyboardVisible && dismissKeyboard();
-    }, [open]);
-    var {
-        panGesture,
-        panGestureRef,
-        gestureHandlerEnabled
-      } = (0, import_useGestureHandlerPan.useGestureHandlerPan)({
-        positions: activePositions,
-        frameSize,
-        setPosition,
-        animateTo,
-        stopSpring,
-        scrollBridge,
-        setIsDragging,
-        getCurrentPosition: function () {
-          return at.current;
-        },
-        resisted: import_helpers.resisted,
-        disableDrag,
-        isShowingInnerSheet,
-        setAnimatedPosition: function (val) {
-          at.current = val, animatedNumber.setValue(val, {
-            type: "direct"
-          });
-        },
-        pauseKeyboardHandler
-      }),
-      handleAnimationViewLayout = import_react.default.useCallback(function (e) {
-        var _e_nativeEvent;
-        if (!(!open && stableFrameSize.current !== 0)) {
-          var layoutHeight = (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.layout.height,
-            next = modal ? Math.min(layoutHeight, import_react_native.Dimensions.get(relativeDimensionTo).height) : layoutHeight;
-          next && setFrameSize(next);
+    }
+  }, [hasntMeasured, disableAnimation, isHidden, frameSize, screenSize, open, position]);
+  var _props_disableDrag;
+  var disableDrag = (_props_disableDrag = props.disableDrag) !== null && _props_disableDrag !== void 0 ? _props_disableDrag : controller === null || controller === void 0 ? void 0 : controller.disableDrag;
+  (0, import_core.useThemeName)();
+  var [blockPan, setBlockPan] = import_react.default.useState(false);
+  var panResponder = import_react.default.useMemo(function () {
+    if (disableDrag) return;
+    if (!frameSize) return;
+    if (isShowingInnerSheet) return;
+    var minY = activePositions[0];
+    scrollBridge.paneMinY = minY;
+    var startY = at.current;
+    function setPanning(val) {
+      setIsDragging(val);
+    }
+    var release = function (param) {
+      var {
+        vy
+      } = param;
+      scrollBridge.setParentDragging(false);
+      if (scrollBridge.scrollLock) return;
+      isExternalDrag = false;
+      previouslyScrolling = false;
+      setPanning(false);
+      var end = at.current + frameSize * vy * .2;
+      var closestPoint = 0;
+      var dist = Number.POSITIVE_INFINITY;
+      for (var i = 0; i < activePositions.length; i++) {
+        var position2 = activePositions[i];
+        var curDist = end > position2 ? end - position2 : position2 - end;
+        if (curDist < dist) {
+          dist = curDist;
+          closestPoint = i;
         }
-      }, [open, modal]),
-      handleMaxContentViewLayout = import_react.default.useCallback(function (e) {
-        var _e_nativeEvent,
-          next = Math.min((_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.layout.height, import_react_native.Dimensions.get(relativeDimensionTo).height);
-        next && setMaxContentSize(next);
-      }, []),
-      animatedStyle = useAnimatedNumberStyle(animatedNumber, function (val) {
-        "worklet";
-
-        var translateY = frameSize === 0 ? hiddenSize : val;
-        return {
-          transform: [{
-            translateY
-          }]
-        };
-      }),
-      [opacity, setOpacity] = import_react.default.useState(open ? 1 : 0);
-    open && opacity === 0 && setOpacity(1), import_react.default.useEffect(function () {
-      if (!open) {
-        var tm = setTimeout(function () {
-          setOpacity(0);
-        }, 400);
-        return function () {
-          clearTimeout(tm);
-        };
       }
-    }, [open]);
-    var forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ?
-      // Use dvh for modal (viewport-relative), % for inline (container-relative)
-      `${maxSnapPoint}${import_constants.isWeb && modal ? "dvh" : "%"}` : maxSnapPoint,
-      setHasScrollView = import_react.default.useCallback(function (val) {
-        hasScrollView.current = val;
-      }, []),
-      contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.LayoutMeasurementController, {
-        disable: !open,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_contexts.ParentSheetContext.Provider, {
-          value: nextParentContext,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SheetContext.SheetProvider, {
-            ...providerProps,
-            setHasScrollView,
-            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"
-                },
-                onLayout: handleMaxContentViewLayout
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedView, {
-                ref,
-                onLayout: handleAnimationViewLayout,
-                // @ts-ignore for CSS driver this is necessary to attach the transition
-                // also motion driver at least though i suspect all drivers?
-                transition: isDragging || disableAnimation ? null : transition,
-                // @ts-ignore
-                disableClassName: !0,
-                style: [{
-                  position: "absolute",
-                  zIndex,
-                  width: "100%",
-                  height: forcedContentHeight,
-                  minHeight: forcedContentHeight,
-                  opacity: shouldHideParentSheet ? 0 : opacity,
-                  ...((shouldHideParentSheet || !open) && {
-                    pointerEvents: "none"
-                  })
-                }, animatedStyle],
-                children: (/* wrap children with plain RN View for panResponder - tamagui views no longer handle responder events on web */
-                gestureHandlerEnabled && panGesture ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GestureDetectorWrapper.GestureDetectorWrapper, {
-                  gesture: panGesture,
-                  style: {
-                    flex: 1
-                  },
-                  children: props.children
-                }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
-                  ...panResponder?.panHandlers,
-                  style: {
-                    flex: 1,
-                    width: "100%",
-                    height: "100%"
-                  },
-                  children: props.children
-                }))
-              })]
-            })
-          })
-        })
+      setPosition(closestPoint);
+      animateTo(closestPoint);
+    };
+    var finish = function (_e, state2) {
+      release({
+        vy: state2.vy,
+        dragAt: state2.dy
       });
-    if ((0, import_portal.needsPortalRepropagation)()) {
-      var adaptContext = (0, import_adapt.useAdaptContext)();
-      contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
-        ...adaptContext,
-        children: (/* @ts-ignore */
-        contents)
+    };
+    var previouslyScrolling = false;
+    var onMoveShouldSet = function (e, param) {
+      var {
+        dy
+      } = param;
+      function getShouldSet() {
+        if (e.target === providerProps.handleRef.current) return true;
+        if (scrollBridge.scrollNodeTouched) return false;
+        if (scrollBridge.hasScrollableContent === true) {
+          if (scrollBridge.scrollLock) return false;
+          var isScrolled = scrollBridge.y !== 0;
+          var isDraggingUp = dy < 0;
+          var isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
+          if (isScrolled) return false;
+          if (isNearTop) {
+            if (hasScrollView.current && isDraggingUp) return false;
+          }
+        }
+        return Math.abs(dy) > 10;
+      }
+      var granted = getShouldSet();
+      if (granted) scrollBridge.setParentDragging(true);
+      return granted;
+    };
+    var grant = function () {
+      setPanning(true);
+      stopSpring();
+      startY = at.current;
+    };
+    var isExternalDrag = false;
+    scrollBridge.startPanDrag = function () {
+      isExternalDrag = true;
+      grant();
+    };
+    scrollBridge.drag = function (dy) {
+      if (!isExternalDrag) {
+        isExternalDrag = true;
+        grant();
+      }
+      var to = dy + startY;
+      animatedNumber.setValue((0, import_helpers.resisted)(to, minY), {
+        type: "direct"
       });
+    };
+    scrollBridge.release = release;
+    scrollBridge.snapToPosition = function (positionIndex) {
+      isExternalDrag = false;
+      setPanning(false);
+      setPosition(positionIndex);
+      animateTo(positionIndex);
+    };
+    return import_react_native.PanResponder.create({
+      onMoveShouldSetPanResponder: onMoveShouldSet,
+      onPanResponderGrant: grant,
+      onPanResponderMove: function (_e, param) {
+        var {
+          dy
+        } = param;
+        var toFull = dy + startY;
+        var to = (0, import_helpers.resisted)(toFull, minY);
+        if (to <= minY) scrollBridge.setParentDragging(false);else scrollBridge.setParentDragging(true);
+        animatedNumber.setValue(to, {
+          type: "direct"
+        });
+      },
+      onPanResponderEnd: finish,
+      onPanResponderTerminate: finish,
+      onPanResponderRelease: finish
+    });
+  }, [disableDrag, isShowingInnerSheet, animateTo, frameSize, activePositions, setPosition]);
+  import_react.default.useEffect(function () {
+    if (import_constants.isWeb) return;
+    if (isDragging || isHidden || !open || disableAnimation) return;
+    if (!frameSize || !screenSize) return;
+    animateTo(position, {
+      type: "timing",
+      duration: 250
+    });
+  }, [isKeyboardVisible, keyboardHeight]);
+  var wasDragging = import_react.default.useRef(false);
+  import_react.default.useEffect(function () {
+    if (isDragging) {
+      wasDragging.current = true;
+      return;
     }
-    var shouldMountChildren = unmountChildrenWhenHidden ? !!opacity : !0;
-    if (modal) {
-      var modalContents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.Portal, {
-        stackZIndex: zIndex,
-        ...portalProps,
-        children: shouldMountChildren && /* @__PURE__ */(0, import_jsx_runtime.jsx)(ContainerComponent, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
-            contain: !0,
-            forceClassName: !0,
-            name: themeName,
-            children: contents
-          })
-        })
-      });
-      return import_constants.isWeb ? modalContents : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_contexts.SheetInsideSheetContext.Provider, {
-        value: onInnerSheet,
-        children: modalContents
+    if (!wasDragging.current) return;
+    wasDragging.current = false;
+    if (!frameSize || !screenSize || isHidden || !open) return;
+    animateTo(position);
+  }, [isDragging]);
+  import_react.default.useEffect(function () {
+    if (!open && isKeyboardVisible) {
+      dismissKeyboard();
+      pauseKeyboardHandler.current = false;
+      flushPendingHide();
+    }
+  }, [open]);
+  var {
+    panGesture,
+    panGestureRef,
+    gestureHandlerEnabled
+  } = (0, import_useGestureHandlerPan.useGestureHandlerPan)({
+    positions: activePositions,
+    frameSize,
+    setPosition,
+    animateTo,
+    stopSpring,
+    scrollBridge,
+    setIsDragging,
+    getCurrentPosition: function () {
+      return at.current;
+    },
+    resisted: import_helpers.resisted,
+    disableDrag,
+    isShowingInnerSheet,
+    setAnimatedPosition: function (val) {
+      at.current = val;
+      animatedNumber.setValue(val, {
+        type: "direct"
       });
+    },
+    pauseKeyboardHandler
+  });
+  var ignoreLayoutForKeyboard = (0, import_core.useEvent)(function () {
+    return import_constants.isWeb && moveOnKeyboardChange && (0, import_webViewport.getWebKeyboardHeight)() >= import_webViewport.MIN_KEYBOARD_HEIGHT;
+  });
+  var shouldSeedKbFrame = (0, import_core.useEvent)(function () {
+    return isWebKbSheet && !hasCleanKbBaseline.current && !seedSettled.current && ignoreLayoutForKeyboard();
+  });
+  var shouldSeedKbScreen = (0, import_core.useEvent)(function () {
+    return isWebKbSheet && !hasCleanKbBaseline.current && ignoreLayoutForKeyboard();
+  });
+  var handleAnimationViewLayout = (0, import_core.useEvent)(function (e) {
+    var _e_nativeEvent;
+    if (!open && stableFrameSize.current !== 0) return;
+    var seeding = shouldSeedKbFrame();
+    if (!seeding && ignoreLayoutForKeyboard()) return;
+    var layoutHeight = (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.layout.height;
+    var next = modal || seeding ? Math.min(layoutHeight, getStableViewportHeight()) : layoutHeight;
+    if (!next) return;
+    var rounded = Math.round(next);
+    if (seeding) {
+      if (rounded > stableKbGeom.current.frame) stableKbGeom.current.frame = rounded;else if (stableKbGeom.current.frame > 0) seedSettled.current = true;
+    }
+    setFrameSize(rounded);
+  });
+  var handleMaxContentViewLayout = import_react.default.useCallback(function (e) {
+    var _e_nativeEvent;
+    if (shouldSeedKbScreen()) {
+      setMaxContentSize(Math.round(getStableViewportHeight()));
+      return;
+    }
+    if (ignoreLayoutForKeyboard()) return;
+    var next = Math.min((_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.layout.height, getStableViewportHeight());
+    if (!next) return;
+    setMaxContentSize(Math.round(next));
+  }, [ignoreLayoutForKeyboard, shouldSeedKbScreen]);
+  var animatedStyle = useAnimatedNumberStyle(animatedNumber, import_react.default.useCallback(function (val) {
+    "worklet";
+
+    return {
+      transform: [{
+        translateY: frameSize === 0 ? hiddenSize : val
+      }]
+    };
+  }, [frameSize]));
+  var [opacity, setOpacity] = import_react.default.useState(open ? 1 : 0);
+  if (open && opacity === 0) {
+    setOpacity(1);
+    if (opacityFallbackTimer.current) {
+      clearTimeout(opacityFallbackTimer.current);
+      opacityFallbackTimer.current = null;
     }
-    return contents;
+  }
+  var forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ? `${maxSnapPoint}${import_constants.isWeb ? modal ? "dvh" : "%" : "%"}` : maxSnapPoint;
+  var setHasScrollView = import_react.default.useCallback(function (val) {
+    hasScrollView.current = val;
+  }, []);
+  var contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.LayoutMeasurementController, {
+    disable: !open,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_contexts.ParentSheetContext.Provider, {
+      value: nextParentContext,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SheetContext.SheetProvider, {
+        ...providerProps,
+        keyboardOccludedHeight,
+        isKeyboardVisible,
+        keyboardStableFrameHeight,
+        isKeyboardSeeding: seedingKbBaseline,
+        setHasScrollView,
+        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"
+            },
+            onLayout: handleMaxContentViewLayout
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedView, {
+            ref,
+            onLayout: handleAnimationViewLayout,
+            transition: isDragging || disableAnimation ? null : transition,
+            disableClassName: true,
+            style: [{
+              position: "absolute",
+              zIndex,
+              width: "100%",
+              height: forcedContentHeight,
+              minHeight: forcedContentHeight,
+              opacity: !shouldHideParentSheet ? opacity : 0,
+              ...((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
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+              ...(panResponder === null || panResponder === void 0 ? void 0 : panResponder.panHandlers),
+              style: {
+                flex: 1,
+                width: "100%",
+                height: "100%"
+              },
+              children: props.children
+            })
+          })]
+        })
+      })
+    })
   });
+  if ((0, import_portal.needsPortalRepropagation)()) {
+    var adaptContext = (0, import_adapt.useAdaptContext)();
+    contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
+      ...adaptContext,
+      children: contents
+    });
+  }
+  var shouldMountChildren = unmountChildrenWhenHidden ? !!opacity : true;
+  if (modal) {
+    var RNGHRoot = (0, import_gestureState.getGestureHandlerState)().RootView;
+    var mountedContents = shouldMountChildren ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ContainerComponent, {
+      children: contents
+    }) : null;
+    var modalContents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.Portal, {
+      stackZIndex: zIndex,
+      ...portalProps,
+      children: mountedContents && RNGHRoot ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(RNGHRoot, {
+        style: open ? rnghRootStyleOpen : rnghRootStyleClosed,
+        children: mountedContents
+      }) : mountedContents
+    });
+    if (import_constants.isWeb) return modalContents;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_contexts.SheetInsideSheetContext.Provider, {
+      value: onInnerSheet,
+      children: modalContents
+    });
+  }
+  return contents;
+});
 function getYPositions(mode, point, screenSize, frameSize) {
   if (!screenSize || !frameSize) return 0;
   if (mode === "mixed") {
-    if (typeof point == "number") return screenSize - Math.min(screenSize, Math.max(0, point));
+    if (typeof point === "number") return screenSize - Math.min(screenSize, Math.max(0, point));
     if (point === "fit") return screenSize - Math.min(screenSize, frameSize);
     if (point.endsWith("%")) {
       var pct = Math.min(100, Math.max(0, Number(point.slice(0, -1)))) / 100;
-      return Number.isNaN(pct) ? (console.warn("Invalid snapPoint percentage string"), 0) : Math.round(screenSize - pct * screenSize);
+      if (Number.isNaN(pct)) {
+        console.warn("Invalid snapPoint percentage string");
+        return 0;
+      }
+      return Math.round(screenSize - pct * screenSize);
     }
-    return console.warn("Invalid snapPoint unknown value"), 0;
+    console.warn("Invalid snapPoint unknown value");
+    return 0;
   }
-  if (mode === "fit") return point === 0 ? screenSize : screenSize - Math.min(screenSize, frameSize);
-  if (mode === "constant" && typeof point == "number") return screenSize - Math.min(screenSize, Math.max(0, point));
+  if (mode === "fit") {
+    if (point === 0) return screenSize;
+    return screenSize - Math.min(screenSize, frameSize);
+  }
+  if (mode === "constant" && typeof point === "number") return screenSize - Math.min(screenSize, Math.max(0, point));
   var pct1 = Math.min(100, Math.max(0, Number(point))) / 100;
-  return Number.isNaN(pct1) ? (console.warn("Invalid snapPoint percentage"), 0) : Math.round(screenSize - pct1 * screenSize);
+  if (Number.isNaN(pct1)) {
+    console.warn("Invalid snapPoint percentage");
+    return 0;
+  }
+  return Math.round(screenSize - pct1 * screenSize);
 }
 //# sourceMappingURL=SheetImplementationCustom.native.js.map