@tamagui/sheet 3.0.0-beta.922.1 → 3.0.0

package/dist/esm/Sheet.native.js

@@ -10,7 +10,6 @@ import { XStack, YStack } from "@tamagui/stacks";
 import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
 import { StackZIndexContext } from "@tamagui/z-index-stack";
 import { useContext, useEffect, useMemo, useRef } from "react";
-import { Platform } from "react-native";
 import { SHEET_BACKGROUND_NAME, SHEET_CONTAINER_NAME, SHEET_HANDLE_NAME, SHEET_OVERLAY_MARKER, SHEET_OVERLAY_NAME } from "./constants.native.js";
 import { getNativeSheet } from "./nativeSheet.native.js";
 import { SheetOverlayLayerContext, useAnimatedPosition, useSheetContext } from "./SheetContext.native.js";
@@ -33,7 +32,7 @@ var SheetOverlayFrame = styled(YStack, {
 	displayName: SHEET_OVERLAY_NAME,
 	inset: 0,
 	position: "absolute",
-	zIndex: 99999,
+	zIndex: 1e5 - 1,
 	pointerEvents: "auto",
 	variants: { open: {
 		true: { pointerEvents: "auto" },
@@ -46,8 +45,7 @@ var SheetContainerFrame = styled(YStack, {
 	flex: 1,
 	position: "relative",
 	zIndex: 0,
-	width: "100%",
-	maxHeight: "100%"
+	width: "100%"
 });
 var SheetBackgroundFrame = styled(YStack, {
 	displayName: SHEET_BACKGROUND_NAME,
@@ -66,10 +64,14 @@ var SheetHandle = createStyledHOC(SheetHandleFrame, function(param, forwardedRef
 	useEffect(function() {
 		if (!context.scrollBridge) return;
 		return context.scrollBridge.onParentDragging(function(isDragging) {
-			if (isDragging) wasDraggingRef.current = true;
+			if (isDragging) {
+				wasDraggingRef.current = true;
+			}
 		});
 	}, [context.scrollBridge]);
-	if (context.onlyShowContainer) return null;
+	if (context.onlyShowContainer) {
+		return null;
+	}
 	return /* @__PURE__ */ jsx(SheetHandleFrame, {
 		ref: composedRef,
 		onPressIn: function() {
@@ -93,7 +95,9 @@ var SheetOverlay = createStyledHOC(SheetOverlayFrame, function(propsIn, ref) {
 	var context = useSheetContext(scope);
 	var isInOverlayLayer = useContext(SheetOverlayLayerContext);
 	var didWarn = useRef(false);
-	if (context.onlyShowContainer) return null;
+	if (context.onlyShowContainer) {
+		return null;
+	}
 	if (!isInOverlayLayer) {
 		if (process.env.NODE_ENV === "development" && !didWarn.current) {
 			didWarn.current = true;
@@ -112,19 +116,40 @@ var SheetOverlay = createStyledHOC(SheetOverlayFrame, function(propsIn, ref) {
 var SheetContainer = createStyledHOC(SheetContainerFrame, function(param, forwardedRef) {
 	var { scope, adjustPaddingForOffscreenContent, children, ...props } = param;
 	var context = useSheetContext(scope);
-	var { hasFit, disableRemoveScroll, frameSize, contentRef, open } = context;
+	var { hasFit, frameSize, contentRef, open } = context;
 	var composedContentRef = useComposedRefs(forwardedRef, contentRef);
 	var offscreenSize = useSheetOffscreenSize(context);
 	var stableFrameSize = useRef(frameSize);
 	useEffect(function() {
-		if (open && frameSize) stableFrameSize.current = frameSize;
+		if (open && frameSize) {
+			stableFrameSize.current = frameSize;
+		}
 	}, [open, frameSize]);
 	var sheetContents = useMemo(function() {
+		if (context.onlyShowContainer) {
+			return /* @__PURE__ */ jsx(SheetContainerFrame, {
+				ref: composedContentRef,
+				flex: hasFit ? 0 : 1,
+				flexBasis: hasFit ? "auto" : void 0,
+				maxHeight: hasFit ? void 0 : "100%",
+				pointerEvents: open ? "auto" : "none",
+				"data-state": open ? "open" : "closed",
+				...props,
+				onLayout: composeEventHandlers(props.onLayout, function(event) {
+					context.setFrameSize(event.nativeEvent.layout.height);
+				}),
+				children: /* @__PURE__ */ jsx(StackZIndexContext, {
+					zIndex: resolveViewZIndex(props.zIndex),
+					children
+				})
+			});
+		}
 		var shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
 		return /* @__PURE__ */ jsxs(SheetContainerFrame, {
 			ref: composedContentRef,
 			flex: hasFit && open ? 0 : 1,
 			flexBasis: hasFit ? "auto" : void 0,
+			maxHeight: "100%",
 			height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
 			pointerEvents: open ? "auto" : "none",
 			"data-state": open ? "open" : "closed",
@@ -144,16 +169,20 @@ var SheetContainer = createStyledHOC(SheetContainerFrame, function(param, forwar
 		frameSize,
 		offscreenSize,
 		adjustPaddingForOffscreenContent,
-		hasFit
+		hasFit,
+		context.onlyShowContainer,
+		context.setFrameSize
 	]);
+	if (context.onlyShowContainer) return sheetContents;
 	return /* @__PURE__ */ jsx(RemoveScroll, {
-		enabled: !disableRemoveScroll && context.open,
+		enabled: !context.disableRemoveScroll && context.open,
 		children: sheetContents
 	});
 });
 var SheetBackground = createStyledHOC(SheetBackgroundFrame, function(param, forwardedRef) {
 	var { scope, disableHideBottomOverflow, ...props } = param;
 	var context = useSheetContext(scope);
+	if (context.onlyShowContainer) return null;
 	var bottomOverflow = isWeb ? Math.max(context.frameSize, getMaxViewportHeight()) : context.frameSize;
 	return /* @__PURE__ */ jsx(SheetBackgroundFrame, {
 		ref: forwardedRef,
@@ -167,13 +196,13 @@ var SheetRoot = createRefComponent(function SheetRoot2(props, ref) {
 	var isAdapted = useAdaptIsActive();
 	var adaptContext = useAdaptContext();
 	var { isShowingNonSheet } = useSheetController(props.scope);
-	var isShowingAdaptNonSheet = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange) && !adaptContext.active && adaptContext.open;
-	var SheetImplementation = SheetImplementationCustom;
-	if (props.native && Platform.OS === "ios") {
-		var impl = getNativeSheet("ios");
-		if (impl) SheetImplementation = impl;
+	var shouldUseAdapt = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange);
+	var isShowingAdaptNonSheet = shouldUseAdapt && !adaptContext.active && adaptContext.open;
+	var nativeImplementation = props.native === true || Array.isArray(props.native) && props.native.includes("ios") ? getNativeSheet("ios") : null;
+	var SheetImplementation = nativeImplementation !== null && nativeImplementation !== void 0 ? nativeImplementation : SheetImplementationCustom;
+	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) {
+		return null;
 	}
-	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) return null;
 	var implementation = /* @__PURE__ */ jsx(SheetImplementation, {
 		ref,
 		...props

package/dist/esm/Sheet.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.native.js","names":[],"sources":["esm/Sheet.native.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { AdaptCapabilities, useAdaptContext, useAdaptIsActive } from \"@tamagui/adapt\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { View, createRefComponent, createStyledHOC, styled } from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { resolveViewZIndex } from \"@tamagui/portal\";\nimport { RemoveScroll } from \"@tamagui/remove-scroll\";\nimport { XStack, YStack } from \"@tamagui/stacks\";\nimport { useDidFinishSSR } from \"@tamagui/use-did-finish-ssr\";\nimport { StackZIndexContext } from \"@tamagui/z-index-stack\";\nimport { useContext, useEffect, useMemo, useRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport { SHEET_BACKGROUND_NAME, SHEET_CONTAINER_NAME, SHEET_HANDLE_NAME, SHEET_OVERLAY_MARKER, SHEET_OVERLAY_NAME } from \"./constants\";\nimport { getNativeSheet } from \"./nativeSheet\";\nimport { SheetOverlayLayerContext, useAnimatedPosition, useSheetContext } from \"./SheetContext\";\nimport { SheetImplementationCustom } from \"./SheetImplementationCustom\";\nimport { SheetScrollView } from \"./SheetScrollView\";\nimport { useSheetController } from \"./useSheetController\";\nimport { useSheetOffscreenSize } from \"./useSheetOffscreenSize\";\nimport { getMaxViewportHeight } from \"./webViewport\";\n\nexport * from \"./types\"\n\nvar SheetHandleFrame = styled(XStack, {\n\tdisplayName: SHEET_HANDLE_NAME,\n\tvariants: { open: {\n\t\ttrue: { pointerEvents: \"auto\" },\n\t\tfalse: { pointerEvents: \"none\" }\n\t} }\n});\nvar SheetOverlayFrame = styled(YStack, {\n\tdisplayName: SHEET_OVERLAY_NAME,\n\tinset: 0,\n\tposition: \"absolute\",\n\tzIndex: 99999,\n\tpointerEvents: \"auto\",\n\tvariants: { open: {\n\t\ttrue: { pointerEvents: \"auto\" },\n\t\tfalse: { pointerEvents: \"none\" }\n\t} }\n});\nObject.assign(SheetOverlayFrame.staticConfig, { [SHEET_OVERLAY_MARKER]: true });\nvar SheetContainerFrame = styled(YStack, {\n\tdisplayName: SHEET_CONTAINER_NAME,\n\tflex: 1,\n\tposition: \"relative\",\n\tzIndex: 0,\n\twidth: \"100%\",\n\tmaxHeight: \"100%\"\n});\nvar SheetBackgroundFrame = styled(YStack, {\n\tdisplayName: SHEET_BACKGROUND_NAME,\n\tposition: \"absolute\",\n\ttop: 0,\n\tleft: 0,\n\tright: 0,\n\tzIndex: -1,\n\tpointerEvents: \"none\"\n});\nvar SheetHandle = createStyledHOC(SheetHandleFrame, function(param, forwardedRef) {\n\tvar { scope, ...props } = param;\n\tvar context = useSheetContext(scope);\n\tvar composedRef = useComposedRefs(context.handleRef, forwardedRef);\n\tvar wasDraggingRef = useRef(false);\n\tuseEffect(function() {\n\t\tif (!context.scrollBridge) return;\n\t\treturn context.scrollBridge.onParentDragging(function(isDragging) {\n\t\t\tif (isDragging) wasDraggingRef.current = true;\n\t\t});\n\t}, [context.scrollBridge]);\n\tif (context.onlyShowContainer) return null;\n\treturn /* @__PURE__ */ jsx(SheetHandleFrame, {\n\t\tref: composedRef,\n\t\tonPressIn: function() {\n\t\t\twasDraggingRef.current = false;\n\t\t},\n\t\tonPress: function() {\n\t\t\tif (wasDraggingRef.current) {\n\t\t\t\twasDraggingRef.current = false;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);\n\t\t\tvar nextPos = (context.position + 1) % max;\n\t\t\tcontext.setPosition(nextPos);\n\t\t},\n\t\topen: context.open,\n\t\t...props\n\t});\n});\nvar SheetOverlay = createStyledHOC(SheetOverlayFrame, function(propsIn, ref) {\n\tvar { scope, ...props } = propsIn;\n\tvar context = useSheetContext(scope);\n\tvar isInOverlayLayer = useContext(SheetOverlayLayerContext);\n\tvar didWarn = useRef(false);\n\tif (context.onlyShowContainer) return null;\n\tif (!isInOverlayLayer) {\n\t\tif (process.env.NODE_ENV === \"development\" && !didWarn.current) {\n\t\t\tdidWarn.current = true;\n\t\t\tconsole.error(\"Sheet.Overlay must be a direct child of Sheet. Move it next to Sheet.Handle and Sheet.Container.\");\n\t\t}\n\t\treturn null;\n\t}\n\treturn /* @__PURE__ */ jsx(SheetOverlayFrame, {\n\t\t...props,\n\t\tref,\n\t\tonPress: composeEventHandlers(props.onPress, context.dismissOnOverlayPress ? function() {\n\t\t\tcontext.setOpen(false);\n\t\t} : void 0)\n\t});\n});\nvar SheetContainer = createStyledHOC(SheetContainerFrame, function(param, forwardedRef) {\n\tvar { scope, adjustPaddingForOffscreenContent, children, ...props } = param;\n\tvar context = useSheetContext(scope);\n\tvar { hasFit, disableRemoveScroll, frameSize, contentRef, open } = context;\n\tvar composedContentRef = useComposedRefs(forwardedRef, contentRef);\n\tvar offscreenSize = useSheetOffscreenSize(context);\n\tvar stableFrameSize = useRef(frameSize);\n\tuseEffect(function() {\n\t\tif (open && frameSize) stableFrameSize.current = frameSize;\n\t}, [open, frameSize]);\n\tvar sheetContents = useMemo(function() {\n\t\tvar shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;\n\t\treturn /* @__PURE__ */ jsxs(SheetContainerFrame, {\n\t\t\tref: composedContentRef,\n\t\t\tflex: hasFit && open ? 0 : 1,\n\t\t\tflexBasis: hasFit ? \"auto\" : void 0,\n\t\t\theight: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,\n\t\t\tpointerEvents: open ? \"auto\" : \"none\",\n\t\t\t\"data-state\": open ? \"open\" : \"closed\",\n\t\t\t...props,\n\t\t\tchildren: [/* @__PURE__ */ jsx(StackZIndexContext, {\n\t\t\t\tzIndex: resolveViewZIndex(props.zIndex),\n\t\t\t\tchildren\n\t\t\t}), adjustPaddingForOffscreenContent && /* @__PURE__ */ jsx(View, {\n\t\t\t\t\"data-sheet-offscreen-pad\": true,\n\t\t\t\theight: offscreenSize,\n\t\t\t\twidth: \"100%\"\n\t\t\t})]\n\t\t});\n\t}, [\n\t\topen,\n\t\tprops,\n\t\tframeSize,\n\t\toffscreenSize,\n\t\tadjustPaddingForOffscreenContent,\n\t\thasFit\n\t]);\n\treturn /* @__PURE__ */ jsx(RemoveScroll, {\n\t\tenabled: !disableRemoveScroll && context.open,\n\t\tchildren: sheetContents\n\t});\n});\nvar SheetBackground = createStyledHOC(SheetBackgroundFrame, function(param, forwardedRef) {\n\tvar { scope, disableHideBottomOverflow, ...props } = param;\n\tvar context = useSheetContext(scope);\n\tvar bottomOverflow = isWeb ? Math.max(context.frameSize, getMaxViewportHeight()) : context.frameSize;\n\treturn /* @__PURE__ */ jsx(SheetBackgroundFrame, {\n\t\tref: forwardedRef,\n\t\t\"data-sheet-background\": \"\",\n\t\tbottom: disableHideBottomOverflow ? 0 : -bottomOverflow,\n\t\t...props\n\t});\n});\nvar SheetRoot = createRefComponent(function SheetRoot2(props, ref) {\n\tvar hydrated = useDidFinishSSR();\n\tvar isAdapted = useAdaptIsActive();\n\tvar adaptContext = useAdaptContext();\n\tvar { isShowingNonSheet } = useSheetController(props.scope);\n\tvar isShowingAdaptNonSheet = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange) && !adaptContext.active && adaptContext.open;\n\tvar SheetImplementation = SheetImplementationCustom;\n\tif (props.native && Platform.OS === \"ios\") {\n\t\tvar impl = getNativeSheet(\"ios\");\n\t\tif (impl) SheetImplementation = impl;\n\t}\n\tif (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) return null;\n\tvar implementation = /* @__PURE__ */ jsx(SheetImplementation, {\n\t\tref,\n\t\t...props\n\t});\n\treturn isAdapted ? /* @__PURE__ */ jsx(AdaptCapabilities, {\n\t\tscroll: true,\n\t\toverlay: true,\n\t\tdismiss: true,\n\t\tchildren: implementation\n\t}) : implementation;\n});\nvar sheetParts = {\n\tContainer: SheetContainer,\n\tBackground: SheetBackground,\n\tOverlay: SheetOverlay,\n\tHandle: SheetHandle,\n\tScrollView: SheetScrollView\n};\nvar SheetControlled = withStaticProperties(SheetRoot, sheetParts);\nvar Sheet = withStaticProperties(SheetRoot, {\n\tRoot: SheetRoot,\n\tControlled: SheetControlled,\n\tuseAnimatedPosition,\n\t...sheetParts\n});\n\nexport { Sheet, SheetBackground, SheetContainer, SheetControlled, SheetHandle, SheetOverlay, SheetRoot };"],"mappings":"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"}
+{"version":3,"file":"Sheet.native.js","names":[],"sources":["esm/Sheet.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { AdaptCapabilities, useAdaptContext, useAdaptIsActive } from \"@tamagui/adapt\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { createRefComponent, createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { resolveViewZIndex } from \"@tamagui/portal\";\nimport { RemoveScroll } from \"@tamagui/remove-scroll\";\nimport { XStack, YStack } from \"@tamagui/stacks\";\nimport { useDidFinishSSR } from \"@tamagui/use-did-finish-ssr\";\nimport { StackZIndexContext } from \"@tamagui/z-index-stack\";\nimport { useContext, useEffect, useMemo, useRef } from \"react\";\nimport { SHEET_BACKGROUND_NAME, SHEET_CONTAINER_NAME, SHEET_HANDLE_NAME, SHEET_OVERLAY_MARKER, SHEET_OVERLAY_NAME } from \"./constants\";\nimport { getNativeSheet } from \"./nativeSheet\";\nimport { SheetOverlayLayerContext, useAnimatedPosition, useSheetContext } from \"./SheetContext\";\nimport { SheetImplementationCustom } from \"./SheetImplementationCustom\";\nimport { SheetScrollView } from \"./SheetScrollView\";\nimport { useSheetController } from \"./useSheetController\";\nimport { useSheetOffscreenSize } from \"./useSheetOffscreenSize\";\nimport { getMaxViewportHeight } from \"./webViewport\";\nexport * from \"./types\";\nvar SheetHandleFrame = styled(XStack, {\n  displayName: SHEET_HANDLE_NAME,\n  // the behavior Handle ships no opacity rules; open/close aesthetics (fade in\n  // when open, dim when idle) live in the copied skin. see the canonical skin.\n  variants: {\n    open: {\n      true: {\n        pointerEvents: \"auto\"\n      },\n      false: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar SheetOverlayFrame = styled(YStack, {\n  displayName: SHEET_OVERLAY_NAME,\n  inset: 0,\n  position: \"absolute\",\n  zIndex: 1e5 - 1,\n  pointerEvents: \"auto\",\n  variants: {\n    open: {\n      true: {\n        pointerEvents: \"auto\"\n      },\n      false: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nObject.assign(SheetOverlayFrame.staticConfig, {\n  [SHEET_OVERLAY_MARKER]: true\n});\nvar SheetContainerFrame = styled(YStack, {\n  displayName: SHEET_CONTAINER_NAME,\n  flex: 1,\n  position: \"relative\",\n  zIndex: 0,\n  width: \"100%\"\n});\nvar SheetBackgroundFrame = styled(YStack, {\n  displayName: SHEET_BACKGROUND_NAME,\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  zIndex: -1,\n  pointerEvents: \"none\"\n});\nvar SheetHandle = createStyledHOC(SheetHandleFrame, function(param, forwardedRef) {\n  var { scope, ...props } = param;\n  var context = useSheetContext(scope);\n  var composedRef = useComposedRefs(context.handleRef, forwardedRef);\n  var wasDraggingRef = useRef(false);\n  useEffect(function() {\n    if (!context.scrollBridge) return;\n    return context.scrollBridge.onParentDragging(function(isDragging) {\n      if (isDragging) {\n        wasDraggingRef.current = true;\n      }\n    });\n  }, [\n    context.scrollBridge\n  ]);\n  if (context.onlyShowContainer) {\n    return null;\n  }\n  return /* @__PURE__ */ _jsx(SheetHandleFrame, {\n    ref: composedRef,\n    onPressIn: function() {\n      wasDraggingRef.current = false;\n    },\n    onPress: function() {\n      if (wasDraggingRef.current) {\n        wasDraggingRef.current = false;\n        return;\n      }\n      var max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);\n      var nextPos = (context.position + 1) % max;\n      context.setPosition(nextPos);\n    },\n    open: context.open,\n    ...props\n  });\n});\nvar SheetOverlay = createStyledHOC(SheetOverlayFrame, function(propsIn, ref) {\n  var { scope, ...props } = propsIn;\n  var context = useSheetContext(scope);\n  var isInOverlayLayer = useContext(SheetOverlayLayerContext);\n  var didWarn = useRef(false);\n  if (context.onlyShowContainer) {\n    return null;\n  }\n  if (!isInOverlayLayer) {\n    if (process.env.NODE_ENV === \"development\" && !didWarn.current) {\n      didWarn.current = true;\n      console.error(\"Sheet.Overlay must be a direct child of Sheet. Move it next to Sheet.Handle and Sheet.Container.\");\n    }\n    return null;\n  }\n  return /* @__PURE__ */ _jsx(SheetOverlayFrame, {\n    ...props,\n    ref,\n    onPress: composeEventHandlers(props.onPress, context.dismissOnOverlayPress ? function() {\n      context.setOpen(false);\n    } : void 0)\n  });\n});\nvar SheetContainer = createStyledHOC(SheetContainerFrame, function(param, forwardedRef) {\n  var { scope, adjustPaddingForOffscreenContent, children, ...props } = param;\n  var context = useSheetContext(scope);\n  var { hasFit, frameSize, contentRef, open } = context;\n  var composedContentRef = useComposedRefs(forwardedRef, contentRef);\n  var offscreenSize = useSheetOffscreenSize(context);\n  var stableFrameSize = useRef(frameSize);\n  useEffect(function() {\n    if (open && frameSize) {\n      stableFrameSize.current = frameSize;\n    }\n  }, [\n    open,\n    frameSize\n  ]);\n  var sheetContents = useMemo(function() {\n    if (context.onlyShowContainer) {\n      return /* @__PURE__ */ _jsx(SheetContainerFrame, {\n        ref: composedContentRef,\n        flex: hasFit ? 0 : 1,\n        flexBasis: hasFit ? \"auto\" : void 0,\n        maxHeight: hasFit ? void 0 : \"100%\",\n        pointerEvents: open ? \"auto\" : \"none\",\n        \"data-state\": open ? \"open\" : \"closed\",\n        ...props,\n        onLayout: composeEventHandlers(props.onLayout, function(event) {\n          context.setFrameSize(event.nativeEvent.layout.height);\n        }),\n        children: /* @__PURE__ */ _jsx(StackZIndexContext, {\n          zIndex: resolveViewZIndex(props.zIndex),\n          children\n        })\n      });\n    }\n    var shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;\n    return /* @__PURE__ */ _jsxs(SheetContainerFrame, {\n      ref: composedContentRef,\n      flex: hasFit && open ? 0 : 1,\n      flexBasis: hasFit ? \"auto\" : void 0,\n      maxHeight: \"100%\",\n      height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,\n      pointerEvents: open ? \"auto\" : \"none\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...props,\n      children: [\n        /* @__PURE__ */ _jsx(StackZIndexContext, {\n          zIndex: resolveViewZIndex(props.zIndex),\n          children\n        }),\n        adjustPaddingForOffscreenContent && /* @__PURE__ */ _jsx(View, {\n          \"data-sheet-offscreen-pad\": true,\n          height: offscreenSize,\n          width: \"100%\"\n        })\n      ]\n    });\n  }, [\n    open,\n    props,\n    frameSize,\n    offscreenSize,\n    adjustPaddingForOffscreenContent,\n    hasFit,\n    context.onlyShowContainer,\n    context.setFrameSize\n  ]);\n  if (context.onlyShowContainer) return sheetContents;\n  return /* @__PURE__ */ _jsx(RemoveScroll, {\n    enabled: !context.disableRemoveScroll && context.open,\n    children: sheetContents\n  });\n});\nvar SheetBackground = createStyledHOC(SheetBackgroundFrame, function(param, forwardedRef) {\n  var { scope, disableHideBottomOverflow, ...props } = param;\n  var context = useSheetContext(scope);\n  if (context.onlyShowContainer) return null;\n  var bottomOverflow = isWeb ? Math.max(context.frameSize, getMaxViewportHeight()) : context.frameSize;\n  return /* @__PURE__ */ _jsx(SheetBackgroundFrame, {\n    ref: forwardedRef,\n    \"data-sheet-background\": \"\",\n    bottom: disableHideBottomOverflow ? 0 : -bottomOverflow,\n    ...props\n  });\n});\nvar SheetRoot = createRefComponent(function SheetRoot2(props, ref) {\n  var hydrated = useDidFinishSSR();\n  var isAdapted = useAdaptIsActive();\n  var adaptContext = useAdaptContext();\n  var { isShowingNonSheet } = useSheetController(props.scope);\n  var shouldUseAdapt = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange);\n  var isShowingAdaptNonSheet = shouldUseAdapt && !adaptContext.active && adaptContext.open;\n  var nativeImplementation = props.native === true || Array.isArray(props.native) && props.native.includes(\"ios\") ? getNativeSheet(\"ios\") : null;\n  var SheetImplementation = nativeImplementation !== null && nativeImplementation !== void 0 ? nativeImplementation : SheetImplementationCustom;\n  if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) {\n    return null;\n  }\n  var implementation = /* @__PURE__ */ _jsx(SheetImplementation, {\n    ref,\n    ...props\n  });\n  return isAdapted ? /* @__PURE__ */ _jsx(AdaptCapabilities, {\n    scroll: true,\n    overlay: true,\n    dismiss: true,\n    children: implementation\n  }) : implementation;\n});\nvar sheetParts = {\n  Container: SheetContainer,\n  Background: SheetBackground,\n  Overlay: SheetOverlay,\n  Handle: SheetHandle,\n  ScrollView: SheetScrollView\n};\nvar SheetControlled = withStaticProperties(SheetRoot, sheetParts);\nvar Sheet = withStaticProperties(SheetRoot, {\n  Root: SheetRoot,\n  Controlled: SheetControlled,\n  useAnimatedPosition,\n  ...sheetParts\n});\nexport {\n  Sheet,\n  SheetBackground,\n  SheetContainer,\n  SheetControlled,\n  SheetHandle,\n  SheetOverlay,\n  SheetRoot\n};\n//# sourceMappingURL=Sheet.js.map\n"],"mappings":"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"}

package/dist/esm/SheetDragSurface.mjs

@@ -0,0 +1,25 @@
+import { View } from "@tamagui/core";
+import { PanResponder } from "@tamagui/react-native-pan-responder";
+import { useResponderEvents } from "@tamagui/react-native-use-responder-events";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+function SheetDragSurface({ panConfig, children }) {
+	const ref = React.useRef(null);
+	const panHandlers = React.useMemo(() => panConfig ? PanResponder.create(panConfig).panHandlers : void 0, [panConfig]);
+	const { onClickCapture, ...responderHandlers } = panHandlers ?? {};
+	useResponderEvents(ref, responderHandlers);
+	const domProps = { onClickCapture };
+	return /* @__PURE__ */ jsx(View, {
+		ref,
+		...domProps,
+		flex: 1,
+		flexBasis: "auto",
+		width: "100%",
+		height: "100%",
+		children
+	});
+}
+
+export { SheetDragSurface };
+//# sourceMappingURL=SheetDragSurface.mjs.map

package/dist/esm/SheetDragSurface.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetDragSurface.js","names":[],"sources":["esm/SheetDragSurface.js"],"sourcesContent":["import { View } from \"@tamagui/core\";\nimport { PanResponder } from \"@tamagui/react-native-pan-responder\";\nimport { useResponderEvents } from \"@tamagui/react-native-use-responder-events\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction SheetDragSurface({ panConfig, children }) {\n  const ref = React.useRef(null);\n  const panHandlers = React.useMemo(\n    () => panConfig ? PanResponder.create(panConfig).panHandlers : void 0,\n    [panConfig]\n  );\n  const { onClickCapture, ...responderHandlers } = panHandlers ?? {};\n  useResponderEvents(ref, responderHandlers);\n  const domProps = { onClickCapture };\n  return (\n    // flexBasis auto, like the container frame: under the web style compat\n    // `flex={1}` means a basis of 0, which collapses this surface inside the\n    // animated wrapper (that wrapper has no height of its own in fit mode), and\n    // a collapsed surface leaves the frame unmeasured and parked off-screen\n    /* @__PURE__ */ jsx(View, { ref, ...domProps, flex: 1, flexBasis: \"auto\", width: \"100%\", height: \"100%\", children })\n  );\n}\nexport {\n  SheetDragSurface\n};\n//# sourceMappingURL=SheetDragSurface.js.map\n"],"mappings":";;;;;;;AAKA,SAAS,iBAAiB,EAAE,WAAW,YAAY;CACjD,MAAM,MAAM,MAAM,OAAO,IAAI;CAC7B,MAAM,cAAc,MAAM,cAClB,YAAY,aAAa,OAAO,SAAS,CAAC,CAAC,cAAc,KAAK,GACpE,CAAC,SAAS,CACZ;CACA,MAAM,EAAE,gBAAgB,GAAG,sBAAsB,eAAe,CAAC;CACjE,mBAAmB,KAAK,iBAAiB;CACzC,MAAM,WAAW,EAAE,eAAe;CAClC,OAKkB,oBAAI,MAAM;EAAE;EAAK,GAAG;EAAU,MAAM;EAAG,WAAW;EAAQ,OAAO;EAAQ,QAAQ;EAAQ;CAAS,CAAC;AAEvH"}

package/dist/esm/SheetDragSurface.native.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { PanResponder, View } from "react-native";
+import { getGestureHandlerState } from "./gestureState.native.js";
+
+function SheetDragSurface(param) {
+	var { gestureHandlerEnabled, panGesture, panConfig, children } = param;
+	var { GestureDetector } = getGestureHandlerState();
+	var panHandlers = React.useMemo(function() {
+		return panConfig ? PanResponder.create(panConfig).panHandlers : void 0;
+	}, [panConfig]);
+	if (gestureHandlerEnabled && panGesture && GestureDetector) {
+		return /* @__PURE__ */ jsx(GestureDetector, {
+			gesture: panGesture,
+			children: /* @__PURE__ */ jsx(View, {
+				style: { flex: 1 },
+				collapsable: false,
+				children
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(View, {
+		...panHandlers,
+		style: {
+			flex: 1,
+			width: "100%",
+			height: "100%"
+		},
+		children
+	});
+}
+
+export { SheetDragSurface };
+//# sourceMappingURL=SheetDragSurface.native.js.map

package/dist/esm/SheetDragSurface.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetDragSurface.native.js","names":[],"sources":["esm/SheetDragSurface.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { PanResponder, View } from \"react-native\";\nimport { getGestureHandlerState } from \"./gestureState\";\nfunction SheetDragSurface(param) {\n  var { gestureHandlerEnabled, panGesture, panConfig, children } = param;\n  var { GestureDetector } = getGestureHandlerState();\n  var panHandlers = React.useMemo(function() {\n    return panConfig ? PanResponder.create(panConfig).panHandlers : void 0;\n  }, [\n    panConfig\n  ]);\n  if (gestureHandlerEnabled && panGesture && GestureDetector) {\n    return /* @__PURE__ */ _jsx(GestureDetector, {\n      gesture: panGesture,\n      children: /* @__PURE__ */ _jsx(View, {\n        style: {\n          flex: 1\n        },\n        collapsable: false,\n        children\n      })\n    });\n  }\n  return /* @__PURE__ */ _jsx(View, {\n    ...panHandlers,\n    style: {\n      flex: 1,\n      width: \"100%\",\n      height: \"100%\"\n    },\n    children\n  });\n}\nexport {\n  SheetDragSurface\n};\n//# sourceMappingURL=SheetDragSurface.native.js.map\n"],"mappings":";;;;;;AAIA,SAAS,iBAAiB,OAAO;CAC/B,IAAI,EAAE,uBAAuB,YAAY,WAAW,aAAa;CACjE,IAAI,EAAE,oBAAoB,uBAAuB;CACjD,IAAI,cAAc,MAAM,QAAQ,WAAW;EACzC,OAAO,YAAY,aAAa,OAAO,SAAS,CAAC,CAAC,cAAc,KAAK;CACvE,GAAG,CACD,SACF,CAAC;CACD,IAAI,yBAAyB,cAAc,iBAAiB;EAC1D,OAAuB,oBAAK,iBAAiB;GAC3C,SAAS;GACT,UAA0B,oBAAK,MAAM;IACnC,OAAO,EACL,MAAM,EACR;IACA,aAAa;IACb;GACF,CAAC;EACH,CAAC;CACH;CACA,OAAuB,oBAAK,MAAM;EAChC,GAAG;EACH,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;EACV;EACA;CACF,CAAC;AACH"}

package/dist/esm/SheetImplementationCustom.mjs

@@ -1,18 +1,19 @@
 import { AnimatePresence } from "@tamagui/animate-presence";
+import { getTransitionResolver } from "@tamagui/animation-helpers/transitionResolver";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { LayoutMeasurementController, View, createRefComponent, formatDiagnostic, useAnimatedNumber, useAnimatedNumberStyle, useAnimationDriver, useDidFinishSSR, useEvent, useThemeName } from "@tamagui/core";
 import { Portal, needsPortalRepropagation } from "@tamagui/portal";
 import React, { useState } from "react";
-import { Dimensions, PanResponder, View as View$1 } from "react-native-web";
 import { ParentSheetContext, SheetInsideSheetContext } from "./contexts.mjs";
 import { SHEET_OVERLAY_MARKER } from "./constants.mjs";
-import { GestureDetectorWrapper } from "./GestureDetectorWrapper.mjs";
 import { getGestureHandlerState } from "./gestureState.mjs";
+import { SheetDragSurface } from "./SheetDragSurface.mjs";
+import { getStableViewportHeight } from "./stableViewportHeight.mjs";
 import { GestureSheetProvider } from "./GestureSheetContext.mjs";
 import { resisted } from "./helpers.mjs";
 import { getKeyboardAdjustedSheetY, getKeyboardOccludedHeight, getSheetReleasePosition } from "./keyboardAvoidance.mjs";
-import { MIN_KEYBOARD_HEIGHT, getMaxViewportHeight, getStableLayoutViewportHeight, getWebKeyboardResizeHeight, getWebVisualViewportOffsetTop } from "./webViewport.mjs";
+import { MIN_KEYBOARD_HEIGHT, getMaxViewportHeight, getWebKeyboardResizeHeight, getWebVisualViewportOffsetTop } from "./webViewport.mjs";
 import { SheetAnimatedPositionContext, SheetOverlayLayerContext, SheetProvider } from "./SheetContext.mjs";
 import { useGestureHandlerPan } from "./useGestureHandlerPan.mjs";
 import { useKeyboardControllerSheet } from "./useKeyboardControllerSheet.mjs";
@@ -32,11 +33,6 @@ const rnghRootStyleClosed = {
 };
 let sheetHiddenStyleSheet = null;
 const sheetEscapeLayers = [];
-const relativeDimensionTo = isWeb ? "window" : "screen";
-function getStableViewportHeight() {
-	if (isWeb && typeof window !== "undefined") return getStableLayoutViewportHeight();
-	return Dimensions.get(relativeDimensionTo).height;
-}
 const SheetImplementationCustom = createRefComponent(function SheetImplementationCustom2(props, forwardedRef) {
 	const parentSheet = React.useContext(ParentSheetContext);
 	const safeAreaTopInset = useSafeAreaInsets()?.top ?? 0;
@@ -51,16 +47,18 @@ const SheetImplementationCustom = createRefComponent(function SheetImplementatio
 	const animationDriver = useAnimationDriver();
 	const transitionConfig = (() => {
 		if (transitionConfigProp) return transitionConfigProp;
-		const [animationProp, animationPropConfig] = !transition ? [] : Array.isArray(transition) ? transition : [transition];
-		const namedConfig = animationProp && animationDriver.animations?.[animationProp];
-		if (namedConfig) {
-			if (typeof namedConfig === "string") return animationPropConfig ?? null;
-			return {
-				...namedConfig,
-				...animationPropConfig
-			};
-		}
-		return null;
+		const timing = (transition ? getTransitionResolver()?.resolve(transition, { animations: animationDriver.animations }) : null)?.all?.timing;
+		if (!timing) return null;
+		if (timing.kind === "timing") return {
+			type: "timing",
+			duration: timing.durationMs
+		};
+		return {
+			type: "spring",
+			stiffness: timing.stiffness,
+			damping: timing.damping,
+			mass: timing.mass
+		};
 	})();
 	const [isShowingInnerSheet, setIsShowingInnerSheet] = React.useState(false);
 	const shouldHideParentSheet = !isWeb && modal && isShowingInnerSheet && needsPortalRepropagation();
@@ -274,15 +272,11 @@ const SheetImplementationCustom = createRefComponent(function SheetImplementatio
 	useIsomorphicLayoutEffect(() => {
 		if (hasntMeasured && screenSize && frameSize) {
 			at.current = screenSize;
-			animatedNumber.setValue(screenSize, {
-				type: "timing",
-				duration: 0
-			}, () => {
-				syncAnimatedPosition(screenSize);
-				setTimeout(() => {
-					setDisableAnimation(false);
-				}, 10);
-			});
+			animatedNumber.setValue(screenSize, { type: "direct" });
+			syncAnimatedPosition(screenSize);
+			setTimeout(() => {
+				setDisableAnimation(false);
+			}, 10);
 			return;
 		}
 		if (disableAnimation) return;
@@ -316,10 +310,10 @@ const SheetImplementationCustom = createRefComponent(function SheetImplementatio
 	const disableDrag = props.disableDrag ?? controller?.disableDrag;
 	useThemeName();
 	const [blockPan, setBlockPan] = React.useState(false);
-	const panResponder = React.useMemo(() => {
-		if (disableDrag) return;
-		if (!frameSize) return;
-		if (isShowingInnerSheet) return;
+	const panConfig = React.useMemo(() => {
+		if (disableDrag) return null;
+		if (!frameSize) return null;
+		if (isShowingInnerSheet) return null;
 		const minY = activePositions[0];
 		scrollBridge.paneMinY = minY;
 		let startY = at.current;
@@ -403,7 +397,7 @@ const SheetImplementationCustom = createRefComponent(function SheetImplementatio
 			setPosition(positionIndex);
 			animateTo(positionIndex);
 		};
-		return PanResponder.create({
+		return {
 			onMoveShouldSetPanResponder: onMoveShouldSet,
 			onPanResponderTerminationRequest: () => false,
 			onPanResponderGrant: grant,
@@ -416,7 +410,7 @@ const SheetImplementationCustom = createRefComponent(function SheetImplementatio
 			onPanResponderEnd: finish,
 			onPanResponderTerminate: finish,
 			onPanResponderRelease: finish
-		});
+		};
 	}, [
 		disableDrag,
 		isShowingInnerSheet,
@@ -560,16 +554,11 @@ const SheetImplementationCustom = createRefComponent(function SheetImplementatio
 									children: shouldHideParentSheet || !open ? null : overlayChildren
 								})
 							}),
-							snapPointsMode !== "percent" && /* @__PURE__ */ jsx(View$1, {
-								style: {
-									opacity: 0,
-									position: "absolute",
-									top: 0,
-									left: 0,
-									right: 0,
-									bottom: 0,
-									pointerEvents: "none"
-								},
+							snapPointsMode !== "percent" && /* @__PURE__ */ jsx(View, {
+								opacity: 0,
+								position: "absolute",
+								inset: 0,
+								pointerEvents: "none",
 								onLayout: handleMaxContentViewLayout
 							}),
 							/* @__PURE__ */ jsx(AnimatedView, {
@@ -586,17 +575,10 @@ const SheetImplementationCustom = createRefComponent(function SheetImplementatio
 									...applyHidden && { display: "none" },
 									...(shouldHideParentSheet || !open) && { pointerEvents: "none" }
 								}, animatedStyle],
-								children: gestureHandlerEnabled && panGesture ? /* @__PURE__ */ jsx(GestureDetectorWrapper, {
-									gesture: panGesture,
-									style: { flex: 1 },
-									children: animatedChildren
-								}) : /* @__PURE__ */ jsx(View$1, {
-									...panResponder?.panHandlers,
-									style: {
-										flex: 1,
-										width: "100%",
-										height: "100%"
-									},
+								children: /* @__PURE__ */ jsx(SheetDragSurface, {
+									gestureHandlerEnabled,
+									panGesture,
+									panConfig,
 									children: animatedChildren
 								})
 							})
@@ -608,13 +590,14 @@ const SheetImplementationCustom = createRefComponent(function SheetImplementatio
 	});
 	const shouldMountChildren = unmountChildrenWhenHidden ? !isFullyClosed : true;
 	if (modal) {
+		if (!shouldMountChildren) return null;
 		const RNGHRoot = getGestureHandlerState().RootView;
-		const mountedContents = shouldMountChildren ? /* @__PURE__ */ jsx(ContainerComponent, { children: contents }) : null;
+		const mountedContents = /* @__PURE__ */ jsx(ContainerComponent, { children: contents });
 		const modalContents = /* @__PURE__ */ jsx(Portal, {
 			stackZIndex: zIndex,
 			hidden: !isVisuallyActive,
 			...portalProps,
-			children: mountedContents && RNGHRoot ? /* @__PURE__ */ jsx(RNGHRoot, {
+			children: RNGHRoot ? /* @__PURE__ */ jsx(RNGHRoot, {
 				style: open ? rnghRootStyleOpen : rnghRootStyleClosed,
 				children: mountedContents
 			}) : mountedContents