@tamagui/sheet 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/SheetImplementationCustom.native.cjs

@@ -0,0 +1,762 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(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,
+	isSheetOverlayComponent: () => isSheetOverlayComponent
+});
+module.exports = __toCommonJS(SheetImplementationCustom_exports);
+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_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_constants2 = require("./constants.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_useSafeAreaInsets = require("./useSafeAreaInsets.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 sheetEscapeLayers = [];
+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 = (0, import_core.createRefComponent)(function SheetImplementationCustom2(props, forwardedRef) {
+	var parentSheet = import_react.default.useContext(import_contexts.ParentSheetContext);
+	var safeAreaInsets = (0, import_useSafeAreaInsets.useSafeAreaInsets)();
+	var _safeAreaInsets_top;
+	var safeAreaTopInset = (_safeAreaInsets_top = safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.top) !== null && _safeAreaInsets_top !== void 0 ? _safeAreaInsets_top : 0;
+	var { transition, transitionConfig: transitionConfigProp, modal = false, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = false, unmountChildrenWhenHidden = false, disableHideWhenClosed = false, portalProps, containerComponent: ContainerComponent = import_react.default.Fragment, onTransition } = props;
+	var state = (0, import_useSheetOpenState.useSheetOpenState)(props);
+	var providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state);
+	var { frameSize, setFrameSize, dismissOnSnapToBottom, 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.useAnimationDriver)();
+	var transitionConfig = (function() {
+		var _animationDriver_animations;
+		if (transitionConfigProp) return transitionConfigProp;
+		var [animationProp, animationPropConfig] = !transition ? [] : Array.isArray(transition) ? transition : [transition];
+		var namedConfig = animationProp && ((_animationDriver_animations = animationDriver.animations) === null || _animationDriver_animations === void 0 ? void 0 : _animationDriver_animations[animationProp]);
+		if (namedConfig) {
+			if (typeof namedConfig === "string") return animationPropConfig !== null && animationPropConfig !== void 0 ? animationPropConfig : null;
+			return {
+				...namedConfig,
+				...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 isNativeKbFitSheet = !import_constants.isWeb && hasFit && Boolean(moveOnKeyboardChange);
+	var preKeyboardFrameSize = import_react.default.useRef(0);
+	import_react.default.useEffect(function() {
+		if (isNativeKbFitSheet && open && !isKeyboardVisible && frameSize > 0) preKeyboardFrameSize.current = frameSize;
+	}, [
+		isNativeKbFitSheet,
+		open,
+		isKeyboardVisible,
+		frameSize
+	]);
+	var effScreenSize = isWebKbSheet ? getStableViewportHeight() : screenSize;
+	var effectiveFrameSize = 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 (!isKeyboardVisible || keyboardHeight <= 0) result = positions;
+		else result = positions.map(function(p) {
+			return (0, import_keyboardAvoidance.getKeyboardAdjustedSheetY)({
+				sheetY: p,
+				screenSize: effScreenSize,
+				isKeyboardVisible,
+				keyboardHeight,
+				shouldTranslate: true,
+				safeAreaTop: import_constants.isWeb ? (0, import_webViewport.getWebVisualViewportOffsetTop)() : safeAreaTopInset
+			});
+		});
+		activePositionsRef.current = result;
+		return result;
+	}, [
+		positions,
+		isKeyboardVisible,
+		keyboardHeight,
+		effScreenSize,
+		isDragging,
+		safeAreaTopInset
+	]);
+	var keyboardOccludedHeight = (0, import_keyboardAvoidance.getKeyboardOccludedHeight)({
+		frameSize: effectiveFrameSize,
+		isKeyboardVisible,
+		keyboardHeight,
+		screenSize: effScreenSize,
+		sheetY: position >= 0 ? activePositions[position] : void 0
+	});
+	var keyboardStableFrameHeight = isWebKbSheet && isKeyboardVisible && frameSize > 0 ? frameSize : isNativeKbFitSheet && isKeyboardVisible && preKeyboardFrameSize.current > 0 ? preKeyboardFrameSize.current : 0;
+	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 = (0, import_core.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 lastPositionIndexRef = import_react.default.useRef(-1);
+	var pendingTransitionRef = import_react.default.useRef(null);
+	var emitTransition = (0, import_core.useEvent)(function(phase, event, finished) {
+		var _controller_onTransition;
+		var e = {
+			phase,
+			cause: event.cause,
+			position: event.position
+		};
+		if (phase === "end") e.finished = finished;
+		onTransition === null || onTransition === void 0 || onTransition(e);
+		controller === null || controller === void 0 || (_controller_onTransition = controller.onTransition) == null || _controller_onTransition.call(controller, e);
+	});
+	var syncAnimatedPosition = (0, import_core.useEvent)(function(value) {
+		at.current = value;
+		scrollBridge.paneY = value;
+		var minY = activePositions[0];
+		var wasAtTop = scrollBridge.isAtTop;
+		var nowAtTop = value <= minY + 5;
+		if (wasAtTop === nowAtTop) return;
+		scrollBridge.isAtTop = nowAtTop;
+		if (nowAtTop) {
+			var _scrollBridge_setScrollEnabled;
+			if (scrollBridge.lockScrollAtTop) {
+				var _scrollBridge_setScrollEnabled1;
+				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 = 0;
+				(_scrollBridge_setScrollEnabled1 = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled1 === void 0 || _scrollBridge_setScrollEnabled1.call(scrollBridge, false, 0);
+				return;
+			}
+			if (scrollBridge.y > 0) {
+				var _scrollBridge_forceScrollTo1;
+				(_scrollBridge_forceScrollTo1 = scrollBridge.forceScrollTo) === null || _scrollBridge_forceScrollTo1 === void 0 || _scrollBridge_forceScrollTo1.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_setScrollEnabled2;
+			scrollBridge.scrollLockY = 0;
+			(_scrollBridge_setScrollEnabled2 = scrollBridge.setScrollEnabled) === null || _scrollBridge_setScrollEnabled2 === void 0 || _scrollBridge_setScrollEnabled2.call(scrollBridge, false);
+		}
+	});
+	var setAnimatedPositionDirect = (0, import_core.useEvent)(function(value) {
+		syncAnimatedPosition(value);
+		animatedNumber.setValue(value, { type: "direct" });
+	});
+	var getAnimatedPosition = (0, import_core.useEvent)(function() {
+		var value = animatedNumber.getValue();
+		syncAnimatedPosition(value);
+		return value;
+	});
+	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 closeTarget = import_constants.isWeb ? Math.max(effScreenSize, (0, import_webViewport.getMaxViewportHeight)()) : effScreenSize;
+		var isDismissPosition = dismissOnSnapToBottom && position2 === activePositions.length - 1;
+		var isOpenAnimation = position2 !== -1 && !isHidden && !isDismissPosition;
+		var toValue = isOpenAnimation ? activePositions[position2] : closeTarget;
+		if (at.current === toValue) {
+			if (isDismissPosition) {
+				if (pendingTransitionRef.current) {
+					emitTransition("end", pendingTransitionRef.current, false);
+					pendingTransitionRef.current = null;
+				}
+				stopSpring();
+				var event = {
+					cause: "close",
+					position: toValue
+				};
+				lastPositionIndexRef.current = -1;
+				emitTransition("start", event);
+				syncAnimatedPosition(toValue);
+				setIsFullyClosed(true);
+				emitTransition("end", event, true);
+			}
+			return;
+		}
+		at.current = toValue;
+		var cause = !isOpenAnimation ? "close" : lastPositionIndexRef.current < 0 ? "open" : "snap";
+		lastPositionIndexRef.current = isOpenAnimation ? position2 : -1;
+		var event1 = {
+			cause,
+			position: toValue
+		};
+		if (pendingTransitionRef.current) {
+			emitTransition("end", pendingTransitionRef.current, false);
+			pendingTransitionRef.current = null;
+		}
+		stopSpring();
+		var animationCompleteCallback = function() {
+			if (at.current !== toValue) return;
+			syncAnimatedPosition(toValue);
+			pendingTransitionRef.current = null;
+			if (!isOpenAnimation && !openRef.current) setIsFullyClosed(true);
+			emitTransition("end", event1, true);
+		};
+		pendingTransitionRef.current = event1;
+		emitTransition("start", event1);
+		if (skipAdaptAnimation.current) {
+			skipAdaptAnimation.current = false;
+			animatedNumber.setValue(toValue, {
+				type: "timing",
+				duration: 0
+			}, animationCompleteCallback);
+			return;
+		}
+		var resolvedConfig = animationOverride || {
+			type: "spring",
+			...transitionConfig
+		};
+		var springConfig = !resolvedConfig.type || resolvedConfig.type === "spring" ? {
+			restDisplacementThreshold: 1,
+			restSpeedThreshold: 10,
+			energyThreshold: 1e-5,
+			...resolvedConfig
+		} : resolvedConfig;
+		animatedNumber.setValue(toValue, springConfig, animationCompleteCallback);
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (hasntMeasured && screenSize && frameSize) {
+			at.current = screenSize;
+			animatedNumber.setValue(screenSize, {
+				type: "timing",
+				duration: 0
+			}, function() {
+				syncAnimatedPosition(screenSize);
+				setTimeout(function() {
+					setDisableAnimation(false);
+				}, 10);
+			});
+			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);
+			}
+		}
+	}, [
+		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 currentPos = at.current;
+			var end = currentPos + frameSize * vy * .2;
+			var closestPoint = (0, import_keyboardAvoidance.getSheetReleasePosition)({
+				positions: activePositions,
+				projectedEnd: end,
+				currentPosition: currentPos,
+				frameSize,
+				dismissOnSnapToBottom,
+				snapPointsMode,
+				isKeyboardVisible,
+				isWeb: import_constants.isWeb
+			});
+			setPosition(closestPoint);
+			animateTo(closestPoint);
+		};
+		var finish = function(_e, state2) {
+			release({
+				vy: state2.vy,
+				dragAt: state2.dy
+			});
+		};
+		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 = getAnimatedPosition();
+		};
+		var isExternalDrag = false;
+		scrollBridge.startPanDrag = function() {
+			isExternalDrag = true;
+			grant();
+		};
+		scrollBridge.drag = function(dy) {
+			if (!isExternalDrag) {
+				isExternalDrag = true;
+				grant();
+			}
+			var to = dy + startY;
+			setAnimatedPositionDirect((0, import_helpers.resisted)(to, minY));
+		};
+		scrollBridge.release = release;
+		scrollBridge.snapToPosition = function(positionIndex) {
+			isExternalDrag = false;
+			setPanning(false);
+			setPosition(positionIndex);
+			animateTo(positionIndex);
+		};
+		return import_react_native.PanResponder.create({
+			onMoveShouldSetPanResponder: onMoveShouldSet,
+			onPanResponderTerminationRequest: function() {
+				return false;
+			},
+			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);
+				setAnimatedPositionDirect(to);
+			},
+			onPanResponderEnd: finish,
+			onPanResponderTerminate: finish,
+			onPanResponderRelease: finish
+		});
+	}, [
+		disableDrag,
+		isShowingInnerSheet,
+		animateTo,
+		frameSize,
+		activePositions,
+		setPosition,
+		dismissOnSnapToBottom,
+		snapPointsMode
+	]);
+	import_react.default.useEffect(function() {
+		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;
+		}
+		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]);
+	import_react.default.useEffect(function() {
+		if (!import_constants.isWeb || !modal || !open || shouldHideParentSheet) return;
+		var layer = {};
+		sheetEscapeLayers.push(layer);
+		var onKeyDown = function(event) {
+			if (event.key === "Escape") {
+				if (sheetEscapeLayers[sheetEscapeLayers.length - 1] === layer) state.setOpen(false);
+			}
+		};
+		document.addEventListener("keydown", onKeyDown);
+		return function() {
+			var index = sheetEscapeLayers.indexOf(layer);
+			if (index > -1) sheetEscapeLayers.splice(index, 1);
+			document.removeEventListener("keydown", onKeyDown);
+		};
+	}, [
+		modal,
+		open,
+		shouldHideParentSheet,
+		state.setOpen
+	]);
+	var { panGesture, panGestureRef, gestureHandlerEnabled } = (0, import_useGestureHandlerPan.useGestureHandlerPan)({
+		positions: activePositions,
+		frameSize,
+		setPosition,
+		animateTo,
+		stopSpring,
+		scrollBridge,
+		setIsDragging,
+		getCurrentPosition: getAnimatedPosition,
+		resisted: import_helpers.resisted,
+		disableDrag,
+		isShowingInnerSheet,
+		setAnimatedPosition: setAnimatedPositionDirect,
+		dismissOnSnapToBottom,
+		snapPointsMode,
+		isKeyboardVisible,
+		pauseKeyboardHandler
+	});
+	var ignoreLayoutForKeyboard = (0, import_core.useEvent)(function() {
+		return import_constants.isWeb && moveOnKeyboardChange && (0, import_webViewport.getWebKeyboardResizeHeight)() >= import_webViewport.MIN_KEYBOARD_HEIGHT;
+	});
+	var handleAnimationViewLayout = (0, import_core.useEvent)(function(e) {
+		var _e_nativeEvent;
+		if (!open && stableFrameSize.current !== 0) return;
+		var layoutHeight = (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.layout.height;
+		if (ignoreLayoutForKeyboard() && frameSize > 0) return;
+		var next = modal ? Math.min(layoutHeight, getStableViewportHeight()) : layoutHeight;
+		if (!next) return;
+		setFrameSize(Math.round(next));
+	});
+	var handleMaxContentViewLayout = import_react.default.useCallback(function(e) {
+		var _e_nativeEvent;
+		if (ignoreLayoutForKeyboard() && screenSize > 0) 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, screenSize]);
+	var getAnimatedNumberStyle = import_react.default.useCallback(function(val) {
+		"worklet";
+		return { transform: [{ translateY: frameSize === 0 ? hiddenSize : val }] };
+	}, [frameSize]);
+	var animatedStyle = (0, import_core.useAnimatedNumberStyle)(animatedNumber, getAnimatedNumberStyle);
+	var [isFullyClosed, setIsFullyClosed] = import_react.default.useState(false);
+	if (open && isFullyClosed) setIsFullyClosed(false);
+	var hasEverOpened = import_react.default.useRef(open);
+	if (open) hasEverOpened.current = true;
+	var isVisuallyActive = open || hasEverOpened.current && !isFullyClosed;
+	var applyHidden = shouldHideParentSheet || isFullyClosed && !disableHideWhenClosed;
+	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 animatedPositionValue = import_react.default.useMemo(function() {
+		var _activePositions_;
+		return {
+			value: animatedNumber,
+			screenSize: effScreenSize,
+			frameSize,
+			snapOffsets: activePositions,
+			minY: (_activePositions_ = activePositions[0]) !== null && _activePositions_ !== void 0 ? _activePositions_ : 0
+		};
+	}, [
+		animatedNumber,
+		effScreenSize,
+		frameSize,
+		activePositions
+	]);
+	var { overlayChildren, animatedChildren } = import_react.default.useMemo(function() {
+		return partitionSheetChildren(props.children);
+	}, [props.children]);
+	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,
+				setHasScrollView,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GestureSheetContext.GestureSheetProvider, {
+					isDragging,
+					blockPan,
+					setBlockPan,
+					panGesture,
+					panGestureRef,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_SheetContext.SheetAnimatedPositionContext.Provider, {
+						value: animatedPositionValue,
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SheetContext.SheetOverlayLayerContext.Provider, {
+								value: true,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+									custom: { open },
+									children: shouldHideParentSheet || !open ? null : overlayChildren
+								})
+							}),
+							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,
+									...applyHidden && { display: "none" },
+									...(shouldHideParentSheet || !open) && { pointerEvents: "none" }
+								}, animatedStyle],
+								children: gestureHandlerEnabled && panGesture ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GestureDetectorWrapper.GestureDetectorWrapper, {
+									gesture: panGesture,
+									style: { flex: 1 },
+									children: animatedChildren
+								}) : /* @__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: animatedChildren
+								})
+							})
+						]
+					})
+				})
+			})
+		})
+	});
+	if ((0, import_portal.needsPortalRepropagation)()) {
+		var adaptContext = (0, import_adapt.useAdaptContext)();
+		contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
+			...adaptContext,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useSafeAreaInsets.SafeAreaInsetsContext.Provider, {
+				value: safeAreaInsets,
+				children: contents
+			})
+		});
+	}
+	var shouldMountChildren = unmountChildrenWhenHidden ? !isFullyClosed : 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,
+			hidden: !isVisuallyActive,
+			...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 isSheetOverlayComponent(type) {
+	var staticConfig = type === null || type === void 0 ? void 0 : type.staticConfig;
+	while (staticConfig) {
+		if (staticConfig[import_constants2.SHEET_OVERLAY_MARKER]) return true;
+		staticConfig = staticConfig.parentStaticConfig;
+	}
+	return false;
+}
+function partitionSheetChildren(children) {
+	var overlayChildren = [];
+	var animatedChildren = [];
+	import_react.default.Children.forEach(children, function(child) {
+		if (!/* @__PURE__ */ import_react.default.isValidElement(child)) {
+			animatedChildren.push(child);
+			return;
+		}
+		if (isSheetOverlayComponent(child.type)) {
+			overlayChildren.push(child);
+			return;
+		}
+		animatedChildren.push(child);
+	});
+	return {
+		overlayChildren,
+		animatedChildren
+	};
+}
+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 (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;
+			if (Number.isNaN(pct)) {
+				console.warn((0, import_core.formatDiagnostic)("TAMAGUI_SHEET_SNAP_POINT", "Sheet", "snapPoints contains an invalid percentage string", "Use \"fit\", a pixel number, or a percentage such as \"50%\"", "snapPoint", point));
+				return 0;
+			}
+			return Math.round(screenSize - pct * screenSize);
+		}
+		console.warn((0, import_core.formatDiagnostic)("TAMAGUI_SHEET_SNAP_POINT", "Sheet", "snapPoints contains an unsupported mixed-mode value", "Use \"fit\", a pixel number, or a percentage such as \"50%\"", "snapPoint", point));
+		return 0;
+	}
+	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;
+	if (Number.isNaN(pct1)) {
+		console.warn((0, import_core.formatDiagnostic)("TAMAGUI_SHEET_SNAP_POINT", "Sheet", "snapPoints contains a value that cannot be converted to a percentage", "Use a numeric percentage such as 50", "snapPoint", point));
+		return 0;
+	}
+	return Math.round(screenSize - pct1 * screenSize);
+}