@tamagui/sheet 2.7.7 → 3.0.0-beta.1091.1

package/dist/esm/SheetScrollView.native.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { composeRefs } from "@tamagui/compose-refs";
-import { isWeb, View } from "@tamagui/core";
+import { View, createStyledHOC, isWeb, style } from "@tamagui/core";
 import { ScrollView } from "@tamagui/scroll-view";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import React, { useEffect, useRef, useState } from "react";
@@ -8,302 +8,292 @@ import { useGestureSheetContext } from "./GestureSheetContext.native.js";
 import { getGestureHandlerState, isGestureHandlerEnabled } from "./gestureState.native.js";
 import { useSheetContext } from "./SheetContext.native.js";
 import { useSheetScrollViewGestures } from "./useSheetScrollViewGestures.native.js";
-import { getStableLayoutViewportHeight, getWebKeyboardBottomInset, getWebKeyboardResizeHeight, isEditableElement, MIN_KEYBOARD_HEIGHT } from "./webViewport.native.js";
+import { MIN_KEYBOARD_HEIGHT, getStableLayoutViewportHeight, getWebKeyboardBottomInset, getWebKeyboardResizeHeight, isEditableElement } from "./webViewport.native.js";
+
 var SHEET_SCROLL_VIEW_NAME = "SheetScrollView";
-var SheetScrollView = /* @__PURE__ */React.forwardRef(function (param, ref) {
-  var {
-    __scopeSheet,
-    children,
-    onScroll,
-    scrollEnabled: scrollEnabledProp,
-    ...props
-  } = param;
-  var context = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet);
-  var gestureContext = useGestureSheetContext();
-  var {
-    scrollBridge,
-    setHasScrollView,
-    hasFit,
-    screenSize
-  } = context;
-  var keyboardOccludedHeight = Math.max(0, context.keyboardOccludedHeight || 0);
-  var isKeyboardVisible = context.isKeyboardVisible === true || isWeb && getWebKeyboardResizeHeight() >= MIN_KEYBOARD_HEIGHT;
-  var [scrollEnabled] = useControllableState({
-    prop: scrollEnabledProp,
-    defaultProp: true
-  });
-  var scrollRef = React.useRef(null);
-  var [hasScrollableContent, setHasScrollableContent] = useState(true);
-  var parentHeight = useRef(0);
-  var contentHeight = useRef(0);
-  var frozenFrameHeight = Math.max(0, context.keyboardStableFrameHeight || 0);
-  var fitSizingStyle = hasFit ? {
-    flex: void 0,
-    height: void 0,
-    maxHeight: screenSize || void 0
-  } : {
-    flex: 1
-  };
-  var contentContainerStyle = hasFit ? void 0 : {
-    minHeight: "100%"
-  };
-  var keyboardFrozenOverride = hasFit && isKeyboardVisible && frozenFrameHeight > 0 ? {
-    height: frozenFrameHeight,
-    maxHeight: frozenFrameHeight
-  } : null;
-  var panGestureRef = gestureContext === null || gestureContext === void 0 ? void 0 : gestureContext.panGestureRef;
-  var {
-    ScrollView: RNGHScrollView
-  } = getGestureHandlerState();
-  var useRNGHScrollView = isGestureHandlerEnabled() && RNGHScrollView && panGestureRef;
-  var currentScrollOffset = useRef(0);
-  var lastEmittedScrollOffset = useRef(0);
-  var lockedScrollY = useRef(0);
-  var focusedInputScrollFrame = useRef(0);
-  var setScrollEnabled = function (next, lockTo) {
-    if (!next) {
-      var _ref;
-      var lockY = (_ref = lockTo !== null && lockTo !== void 0 ? lockTo : scrollBridge.scrollLockY) !== null && _ref !== void 0 ? _ref : currentScrollOffset.current;
-      if (scrollBridge.enabled === false && scrollBridge.scrollLockY === lockY) {
-        return;
-      }
-      scrollBridge.enabled = false;
-      lockedScrollY.current = lockY;
-      scrollBridge.scrollLockY = lockY;
-      if (currentScrollOffset.current !== lockY) {
-        var _scrollRef_current_scrollTo, _scrollRef_current;
-        (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : (_scrollRef_current_scrollTo = _scrollRef_current.scrollTo) === null || _scrollRef_current_scrollTo === void 0 ? void 0 : _scrollRef_current_scrollTo.call(_scrollRef_current, {
-          x: 0,
-          y: lockY,
-          animated: false
-        });
-        currentScrollOffset.current = lockY;
-      }
-    } else {
-      if (scrollBridge.enabled === true && scrollBridge.scrollLockY === void 0) {
-        return;
-      }
-      scrollBridge.enabled = true;
-      lockedScrollY.current = currentScrollOffset.current;
-      scrollBridge.scrollLockY = void 0;
-    }
-  };
-  var forceScrollTo = function (y) {
-    var _scrollRef_current_scrollTo, _scrollRef_current;
-    (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : (_scrollRef_current_scrollTo = _scrollRef_current.scrollTo) === null || _scrollRef_current_scrollTo === void 0 ? void 0 : _scrollRef_current_scrollTo.call(_scrollRef_current, {
-      x: 0,
-      y,
-      animated: false
-    });
-    currentScrollOffset.current = y;
-  };
-  var emitManualScroll = React.useCallback(function (node, y) {
-    currentScrollOffset.current = y;
-    scrollBridge.y = y;
-    if (y > 0) scrollBridge.scrollStartY = -1;
-    lastEmittedScrollOffset.current = y;
-    onScroll === null || onScroll === void 0 ? void 0 : onScroll({
-      nativeEvent: {
-        contentOffset: {
-          x: node.scrollLeft,
-          y
-        },
-        contentSize: {
-          height: node.scrollHeight,
-          width: node.scrollWidth
-        },
-        layoutMeasurement: {
-          height: node.offsetHeight,
-          width: node.offsetWidth
-        }
-      },
-      timeStamp: Date.now()
-    });
-  }, [onScroll, scrollBridge]);
-  var scrollFocusedInputClearOfKeyboard = React.useCallback(function () {
-    var _scrollRef_current;
-    if (!isWeb || !hasFit || !isKeyboardVisible || keyboardOccludedHeight <= 0) {
-      return;
-    }
-    var node = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : _scrollRef_current.getScrollableNode();
-    var active = document.activeElement;
-    if (!node || !active || !isEditableElement(active) || !node.contains(active)) {
-      return;
-    }
-    var keyboardHeight = Math.max(keyboardOccludedHeight, getWebKeyboardBottomInset());
-    if (keyboardHeight <= 0) return;
-    var activeRect = active.getBoundingClientRect();
-    var nodeRect = node.getBoundingClientRect();
-    var margin = 12;
-    var keyboardTop = getStableLayoutViewportHeight() - keyboardHeight;
-    var visibleTop = nodeRect.top + margin;
-    var visibleBottom = Math.min(nodeRect.bottom, keyboardTop) - margin;
-    var nextScrollTop = node.scrollTop;
-    if (activeRect.bottom > visibleBottom) {
-      nextScrollTop += Math.ceil(activeRect.bottom - visibleBottom);
-    } else if (activeRect.top < visibleTop) {
-      nextScrollTop -= Math.ceil(visibleTop - activeRect.top);
-    }
-    var maxScrollTop = Math.max(0, node.scrollHeight - node.clientHeight);
-    nextScrollTop = Math.max(0, Math.min(maxScrollTop, nextScrollTop));
-    if (nextScrollTop === node.scrollTop) return;
-    node.scrollTop = nextScrollTop;
-    currentScrollOffset.current = nextScrollTop;
-    scrollBridge.y = nextScrollTop;
-    if (nextScrollTop > 0) scrollBridge.scrollStartY = -1;
-  }, [hasFit, isKeyboardVisible, keyboardOccludedHeight, scrollBridge]);
-  var scheduleFocusedInputScroll = React.useCallback(function () {
-    if (!isWeb || !hasFit) return;
-    cancelAnimationFrame(focusedInputScrollFrame.current);
-    focusedInputScrollFrame.current = requestAnimationFrame(function () {
-      scrollFocusedInputClearOfKeyboard();
-      focusedInputScrollFrame.current = requestAnimationFrame(scrollFocusedInputClearOfKeyboard);
-    });
-  }, [hasFit, scrollFocusedInputClearOfKeyboard]);
-  useEffect(function () {
-    var _window_visualViewport;
-    if (!isWeb || !hasFit) return;
-    scheduleFocusedInputScroll();
-    window.addEventListener("focusin", scheduleFocusedInputScroll);
-    (_window_visualViewport = window.visualViewport) === null || _window_visualViewport === void 0 ? void 0 : _window_visualViewport.addEventListener("resize", scheduleFocusedInputScroll);
-    return function () {
-      var _window_visualViewport2;
-      cancelAnimationFrame(focusedInputScrollFrame.current);
-      window.removeEventListener("focusin", scheduleFocusedInputScroll);
-      (_window_visualViewport2 = window.visualViewport) === null || _window_visualViewport2 === void 0 ? void 0 : _window_visualViewport2.removeEventListener("resize", scheduleFocusedInputScroll);
-    };
-  }, [hasFit, scheduleFocusedInputScroll]);
-  useEffect(function () {
-    setHasScrollView(true);
-    if (isGestureHandlerEnabled()) {
-      scrollBridge.setScrollEnabled = setScrollEnabled;
-      scrollBridge.forceScrollTo = forceScrollTo;
-    }
-    return function () {
-      setHasScrollView(false);
-      scrollBridge.setScrollEnabled = void 0;
-      scrollBridge.forceScrollTo = void 0;
-    };
-  }, []);
-  var updateScrollable = function () {
-    if (parentHeight.current && contentHeight.current) {
-      setHasScrollableContent(contentHeight.current > parentHeight.current);
-    }
-  };
-  var recordFitHeight = function (height) {
-    parentHeight.current = height;
-  };
-  useEffect(function () {
-    scrollBridge.hasScrollableContent = hasScrollableContent;
-  }, [hasScrollableContent]);
-  var gestureProps = useSheetScrollViewGestures({
-    scrollRef,
-    scrollBridge,
-    hasScrollableContent,
-    scrollEnabled,
-    setScrollEnabled,
-    onManualScroll: emitManualScroll
-  });
-  var contentWrapper = /* @__PURE__ */_jsxs(View, {
-    onLayout: function (e) {
-      var height = Math.floor(e.nativeEvent.layout.height);
-      if (height !== contentHeight.current) {
-        contentHeight.current = height;
-        updateScrollable();
-        if (keyboardOccludedHeight > 0) {
-          scheduleFocusedInputScroll();
-        }
-      }
-    },
-    children: [children, keyboardOccludedHeight > 0 && /* @__PURE__ */_jsx(View, {
-      "data-sheet-keyboard-scroll-pad": true,
-      height: keyboardOccludedHeight,
-      width: "100%"
-    })]
-  });
-  if (useRNGHScrollView && RNGHScrollView && panGestureRef) {
-    var RNGHComponent = RNGHScrollView;
-    return /* @__PURE__ */_jsx(RNGHComponent, {
-      ref: composeRefs(scrollRef, ref),
-      style: fitSizingStyle,
-      scrollEventThrottle: 1,
-      scrollEnabled,
-      simultaneousHandlers: [panGestureRef],
-      onLayout: function (e) {
-        recordFitHeight(Math.ceil(e.nativeEvent.layout.height));
-        updateScrollable();
-      },
-      onScroll: function (e) {
-        var {
-          y
-        } = e.nativeEvent.contentOffset;
-        currentScrollOffset.current = y;
-        if (scrollBridge.scrollLockY !== void 0) {
-          if (y !== scrollBridge.scrollLockY) {
-            var _scrollRef_current_scrollTo, _scrollRef_current;
-            (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : (_scrollRef_current_scrollTo = _scrollRef_current.scrollTo) === null || _scrollRef_current_scrollTo === void 0 ? void 0 : _scrollRef_current_scrollTo.call(_scrollRef_current, {
-              x: 0,
-              y: scrollBridge.scrollLockY,
-              animated: false
-            });
-          }
-          currentScrollOffset.current = scrollBridge.scrollLockY;
-          scrollBridge.y = scrollBridge.scrollLockY;
-          if (lastEmittedScrollOffset.current !== scrollBridge.scrollLockY) {
-            lastEmittedScrollOffset.current = scrollBridge.scrollLockY;
-            onScroll === null || onScroll === void 0 ? void 0 : onScroll({
-              ...e,
-              nativeEvent: {
-                ...e.nativeEvent,
-                contentOffset: {
-                  ...e.nativeEvent.contentOffset,
-                  y: scrollBridge.scrollLockY
-                }
-              }
-            });
-          }
-          return;
-        }
-        scrollBridge.y = y;
-        if (y > 0) scrollBridge.scrollStartY = -1;
-        lastEmittedScrollOffset.current = y;
-        onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
-      },
-      contentContainerStyle,
-      bounces: false,
-      keyboardShouldPersistTaps: "always",
-      keyboardDismissMode: "none",
-      ...props,
-      ...keyboardFrozenOverride,
-      children: contentWrapper
-    });
-  }
-  return /* @__PURE__ */_jsx(ScrollView, {
-    onLayout: function (e) {
-      recordFitHeight(Math.ceil(e.nativeEvent.layout.height));
-      updateScrollable();
-    },
-    ref: composeRefs(scrollRef, ref),
-    ...fitSizingStyle,
-    scrollEventThrottle: 1,
-    className: "_ovs-contain",
-    scrollEnabled,
-    onScroll: function (e) {
-      var {
-        y
-      } = e.nativeEvent.contentOffset;
-      currentScrollOffset.current = y;
-      scrollBridge.y = y;
-      if (y > 0) scrollBridge.scrollStartY = -1;
-      lastEmittedScrollOffset.current = y;
-      onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
-    },
-    contentContainerStyle,
-    ...gestureProps,
-    ...props,
-    ...keyboardFrozenOverride,
-    children: contentWrapper
-  });
+var sheetContentStyle = style({ minHeight: "100%" });
+var SheetScrollView = createStyledHOC(ScrollView, function(param, ref) {
+	var { scope, children, onScroll, scrollEnabled: scrollEnabledProp, style: _$style, ...props } = param;
+	var context = useSheetContext(scope);
+	var gestureContext = useGestureSheetContext();
+	var { scrollBridge, setHasScrollView, hasFit, screenSize } = context;
+	var keyboardOccludedHeight = Math.max(0, context.keyboardOccludedHeight || 0);
+	var isKeyboardVisible = context.isKeyboardVisible === true || isWeb && getWebKeyboardResizeHeight() >= MIN_KEYBOARD_HEIGHT;
+	var [scrollEnabled] = useControllableState({
+		prop: scrollEnabledProp,
+		defaultProp: true
+	});
+	var scrollRef = React.useRef(null);
+	var [hasScrollableContent, setHasScrollableContent] = useState(true);
+	var parentHeight = useRef(0);
+	var contentHeight = useRef(0);
+	var frozenFrameHeight = Math.max(0, context.keyboardStableFrameHeight || 0);
+	var fitSizingProps = hasFit ? {
+		flex: void 0,
+		height: void 0,
+		maxHeight: screenSize || void 0
+	} : { flex: 1 };
+	var contentContainerStyle = hasFit ? void 0 : sheetContentStyle;
+	var keyboardFrozenOverride = hasFit && isKeyboardVisible && frozenFrameHeight > 0 ? {
+		height: frozenFrameHeight,
+		maxHeight: frozenFrameHeight
+	} : null;
+	var scrollViewStyle = [...Array.isArray(_$style) ? _$style : [_$style], keyboardFrozenOverride];
+	var panGestureRef = gestureContext === null || gestureContext === void 0 ? void 0 : gestureContext.panGestureRef;
+	var { ScrollView: RNGHScrollView } = getGestureHandlerState();
+	var useRNGHScrollView = isGestureHandlerEnabled() && RNGHScrollView && panGestureRef;
+	var currentScrollOffset = useRef(0);
+	var lastEmittedScrollOffset = useRef(0);
+	var lockedScrollY = useRef(0);
+	var focusedInputScrollFrame = useRef(0);
+	var setScrollEnabled = function(next, lockTo) {
+		if (!next) {
+			var _ref;
+			var lockY = (_ref = lockTo !== null && lockTo !== void 0 ? lockTo : scrollBridge.scrollLockY) !== null && _ref !== void 0 ? _ref : currentScrollOffset.current;
+			if (scrollBridge.enabled === false && scrollBridge.scrollLockY === lockY) {
+				return;
+			}
+			scrollBridge.enabled = false;
+			lockedScrollY.current = lockY;
+			scrollBridge.scrollLockY = lockY;
+			if (currentScrollOffset.current !== lockY) {
+				var _scrollRef_current_scrollTo, _scrollRef_current;
+				(_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : (_scrollRef_current_scrollTo = _scrollRef_current.scrollTo) === null || _scrollRef_current_scrollTo === void 0 ? void 0 : _scrollRef_current_scrollTo.call(_scrollRef_current, {
+					x: 0,
+					y: lockY,
+					animated: false
+				});
+				currentScrollOffset.current = lockY;
+			}
+		} else {
+			if (scrollBridge.enabled === true && scrollBridge.scrollLockY === void 0) {
+				return;
+			}
+			scrollBridge.enabled = true;
+			lockedScrollY.current = currentScrollOffset.current;
+			scrollBridge.scrollLockY = void 0;
+		}
+	};
+	var forceScrollTo = function(y) {
+		var _scrollRef_current_scrollTo, _scrollRef_current;
+		(_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : (_scrollRef_current_scrollTo = _scrollRef_current.scrollTo) === null || _scrollRef_current_scrollTo === void 0 ? void 0 : _scrollRef_current_scrollTo.call(_scrollRef_current, {
+			x: 0,
+			y,
+			animated: false
+		});
+		currentScrollOffset.current = y;
+	};
+	var emitManualScroll = React.useCallback(function(node, y) {
+		currentScrollOffset.current = y;
+		scrollBridge.y = y;
+		if (y > 0) scrollBridge.scrollStartY = -1;
+		lastEmittedScrollOffset.current = y;
+		onScroll === null || onScroll === void 0 ? void 0 : onScroll({
+			nativeEvent: {
+				contentOffset: {
+					x: node.scrollLeft,
+					y
+				},
+				contentSize: {
+					height: node.scrollHeight,
+					width: node.scrollWidth
+				},
+				layoutMeasurement: {
+					height: node.offsetHeight,
+					width: node.offsetWidth
+				}
+			},
+			timeStamp: Date.now()
+		});
+	}, [onScroll, scrollBridge]);
+	var scrollFocusedInputClearOfKeyboard = React.useCallback(function() {
+		var _scrollRef_current;
+		if (!isWeb || !hasFit || !isKeyboardVisible || keyboardOccludedHeight <= 0) {
+			return;
+		}
+		var node = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : _scrollRef_current.getScrollableNode();
+		var active = document.activeElement;
+		if (!node || !active || !isEditableElement(active) || !node.contains(active)) {
+			return;
+		}
+		var keyboardHeight = Math.max(keyboardOccludedHeight, getWebKeyboardBottomInset());
+		if (keyboardHeight <= 0) return;
+		var activeRect = active.getBoundingClientRect();
+		var nodeRect = node.getBoundingClientRect();
+		var margin = 12;
+		var keyboardTop = getStableLayoutViewportHeight() - keyboardHeight;
+		var visibleTop = nodeRect.top + margin;
+		var visibleBottom = Math.min(nodeRect.bottom, keyboardTop) - margin;
+		var nextScrollTop = node.scrollTop;
+		if (activeRect.bottom > visibleBottom) {
+			nextScrollTop += Math.ceil(activeRect.bottom - visibleBottom);
+		} else if (activeRect.top < visibleTop) {
+			nextScrollTop -= Math.ceil(visibleTop - activeRect.top);
+		}
+		var maxScrollTop = Math.max(0, node.scrollHeight - node.clientHeight);
+		nextScrollTop = Math.max(0, Math.min(maxScrollTop, nextScrollTop));
+		if (nextScrollTop === node.scrollTop) return;
+		node.scrollTop = nextScrollTop;
+		currentScrollOffset.current = nextScrollTop;
+		scrollBridge.y = nextScrollTop;
+		if (nextScrollTop > 0) scrollBridge.scrollStartY = -1;
+	}, [
+		hasFit,
+		isKeyboardVisible,
+		keyboardOccludedHeight,
+		scrollBridge
+	]);
+	var scheduleFocusedInputScroll = React.useCallback(function() {
+		if (!isWeb || !hasFit) return;
+		cancelAnimationFrame(focusedInputScrollFrame.current);
+		focusedInputScrollFrame.current = requestAnimationFrame(function() {
+			scrollFocusedInputClearOfKeyboard();
+			focusedInputScrollFrame.current = requestAnimationFrame(scrollFocusedInputClearOfKeyboard);
+		});
+	}, [hasFit, scrollFocusedInputClearOfKeyboard]);
+	useEffect(function() {
+		var _window_visualViewport;
+		if (!isWeb || !hasFit) return;
+		scheduleFocusedInputScroll();
+		window.addEventListener("focusin", scheduleFocusedInputScroll);
+		(_window_visualViewport = window.visualViewport) === null || _window_visualViewport === void 0 ? void 0 : _window_visualViewport.addEventListener("resize", scheduleFocusedInputScroll);
+		return function() {
+			var _window_visualViewport2;
+			cancelAnimationFrame(focusedInputScrollFrame.current);
+			window.removeEventListener("focusin", scheduleFocusedInputScroll);
+			(_window_visualViewport2 = window.visualViewport) === null || _window_visualViewport2 === void 0 ? void 0 : _window_visualViewport2.removeEventListener("resize", scheduleFocusedInputScroll);
+		};
+	}, [hasFit, scheduleFocusedInputScroll]);
+	useEffect(function() {
+		setHasScrollView(true);
+		if (isGestureHandlerEnabled()) {
+			scrollBridge.setScrollEnabled = setScrollEnabled;
+			scrollBridge.forceScrollTo = forceScrollTo;
+		}
+		return function() {
+			setHasScrollView(false);
+			scrollBridge.setScrollEnabled = void 0;
+			scrollBridge.forceScrollTo = void 0;
+		};
+	}, []);
+	var updateScrollable = function() {
+		if (parentHeight.current && contentHeight.current) {
+			setHasScrollableContent(contentHeight.current > parentHeight.current);
+		}
+	};
+	var recordFitHeight = function(height) {
+		parentHeight.current = height;
+	};
+	useEffect(function() {
+		scrollBridge.hasScrollableContent = hasScrollableContent;
+	}, [hasScrollableContent]);
+	var gestureProps = useSheetScrollViewGestures({
+		scrollRef,
+		scrollBridge,
+		hasScrollableContent,
+		scrollEnabled,
+		setScrollEnabled,
+		onManualScroll: emitManualScroll
+	});
+	var contentWrapper = /* @__PURE__ */ jsxs(View, {
+		onLayout: function(e) {
+			var height = Math.floor(e.nativeEvent.layout.height);
+			if (height !== contentHeight.current) {
+				contentHeight.current = height;
+				updateScrollable();
+				if (keyboardOccludedHeight > 0) {
+					scheduleFocusedInputScroll();
+				}
+			}
+		},
+		children: [children, keyboardOccludedHeight > 0 && /* @__PURE__ */ jsx(View, {
+			"data-sheet-keyboard-scroll-pad": true,
+			height: keyboardOccludedHeight,
+			width: "100%"
+		})]
+	});
+	if (useRNGHScrollView && RNGHScrollView && panGestureRef) {
+		var RNGHComponent = RNGHScrollView;
+		return /* @__PURE__ */ jsx(RNGHComponent, {
+			ref: composeRefs(scrollRef, ref),
+			style: [fitSizingProps, ...scrollViewStyle],
+			scrollEventThrottle: 1,
+			scrollEnabled,
+			simultaneousHandlers: [panGestureRef],
+			onLayout: function(e) {
+				recordFitHeight(Math.ceil(e.nativeEvent.layout.height));
+				updateScrollable();
+			},
+			onScroll: function(e) {
+				var { y } = e.nativeEvent.contentOffset;
+				currentScrollOffset.current = y;
+				if (scrollBridge.scrollLockY !== void 0) {
+					if (y !== scrollBridge.scrollLockY) {
+						var _scrollRef_current_scrollTo, _scrollRef_current;
+						(_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : (_scrollRef_current_scrollTo = _scrollRef_current.scrollTo) === null || _scrollRef_current_scrollTo === void 0 ? void 0 : _scrollRef_current_scrollTo.call(_scrollRef_current, {
+							x: 0,
+							y: scrollBridge.scrollLockY,
+							animated: false
+						});
+					}
+					currentScrollOffset.current = scrollBridge.scrollLockY;
+					scrollBridge.y = scrollBridge.scrollLockY;
+					if (lastEmittedScrollOffset.current !== scrollBridge.scrollLockY) {
+						lastEmittedScrollOffset.current = scrollBridge.scrollLockY;
+						onScroll === null || onScroll === void 0 ? void 0 : onScroll({
+							...e,
+							nativeEvent: {
+								...e.nativeEvent,
+								contentOffset: {
+									...e.nativeEvent.contentOffset,
+									y: scrollBridge.scrollLockY
+								}
+							}
+						});
+					}
+					return;
+				}
+				scrollBridge.y = y;
+				if (y > 0) scrollBridge.scrollStartY = -1;
+				lastEmittedScrollOffset.current = y;
+				onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
+			},
+			contentContainerStyle,
+			bounces: false,
+			keyboardShouldPersistTaps: "always",
+			keyboardDismissMode: "none",
+			...props,
+			children: contentWrapper
+		});
+	}
+	return /* @__PURE__ */ jsx(ScrollView, {
+		...fitSizingProps,
+		onLayout: function(e) {
+			recordFitHeight(Math.ceil(e.nativeEvent.layout.height));
+			updateScrollable();
+		},
+		ref: composeRefs(scrollRef, ref),
+		scrollEventThrottle: 1,
+		className: "_ovs-contain",
+		scrollEnabled,
+		onScroll: function(e) {
+			var { y } = e.nativeEvent.contentOffset;
+			currentScrollOffset.current = y;
+			scrollBridge.y = y;
+			if (y > 0) scrollBridge.scrollStartY = -1;
+			lastEmittedScrollOffset.current = y;
+			onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
+		},
+		contentContainerStyle,
+		...gestureProps,
+		...props,
+		style: scrollViewStyle,
+		children: contentWrapper
+	});
+}, {
+	disableTheme: true,
+	displayName: SHEET_SCROLL_VIEW_NAME
 });
+
 export { SheetScrollView };
 //# sourceMappingURL=SheetScrollView.native.js.map