@tamagui/sheet 3.0.0-beta.924.1 → 3.0.1

package/dist/esm/useSheetState.native.js

@@ -0,0 +1,104 @@
+import React from "react";
+import { useControllableState } from "@tamagui/use-controllable-state";
+
+function useSheetState(props, state) {
+	var handleRef = React.useRef(null);
+	var contentRef = React.useRef(null);
+	var [frameSize, setFrameSize] = React.useState(0);
+	var [maxContentSize, setMaxContentSize] = React.useState(0);
+	var _props_snapPointsMode;
+	var snapPointsMode = (_props_snapPointsMode = props.snapPointsMode) !== null && _props_snapPointsMode !== void 0 ? _props_snapPointsMode : "percent";
+	var _props_snapPoints;
+	var snapPointsProp = (_props_snapPoints = props.snapPoints) !== null && _props_snapPoints !== void 0 ? _props_snapPoints : snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"];
+	var hasFit = snapPointsProp[0] === "fit";
+	var snapPoints = React.useMemo(function() {
+		return props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp;
+	}, [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]);
+	var [position_, setPositionImmediate] = useControllableState({
+		prop: props.position,
+		defaultProp: props.defaultPosition || (state.open ? 0 : -1),
+		onChange: props.onPositionChange,
+		strategy: state.strategy
+	});
+	var position = state.open === false ? -1 : position_;
+	var { open } = state;
+	var setPosition = React.useCallback(function(next) {
+		if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {
+			state.setOpen(false);
+		} else {
+			setPositionImmediate(next);
+		}
+	}, [
+		props.dismissOnSnapToBottom,
+		snapPoints.length,
+		setPositionImmediate,
+		state.setOpen
+	]);
+	if (process.env.NODE_ENV === "development") {
+		if (snapPointsMode === "mixed" && snapPoints.some(function(p) {
+			if (typeof p === "string") {
+				if (p === "fit") {
+					return false;
+				}
+				if (p.endsWith("%")) {
+					var n = Number(p.slice(0, -1));
+					return n < 0 || n > 100;
+				}
+				return true;
+			}
+			return typeof p !== "number" || p < 0;
+		})) {
+			console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or \"fit\" when snapPointsMode is mixed");
+		}
+		if (snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0) {
+			console.warn("⚠️ Invalid snapPoint given, \"fit\" must be the first/largest snap point when snapPointsMode is mixed");
+		}
+		if (snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit")) {
+			console.warn("⚠️ Invalid snapPoint given, there are no snap points when snapPointsMode is fit");
+		}
+		if (snapPointsMode === "constant" && snapPoints.some(function(p) {
+			return typeof p !== "number" || p < 0;
+		})) {
+			console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant");
+		}
+		if (snapPointsMode === "percent" && snapPoints.some(function(p) {
+			return typeof p !== "number" || p < 0 || p > 100;
+		})) {
+			console.warn("⚠️ Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent");
+		}
+	}
+	if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {
+		setPositionImmediate(0);
+	}
+	var shouldSetPositionOpen = open && position < 0;
+	React.useEffect(function() {
+		if (shouldSetPositionOpen) {
+			setPosition(0);
+		}
+	}, [setPosition, shouldSetPositionOpen]);
+	var _props_dismissOnOverlayPress, _props_dismissOnSnapToBottom, _props_scope;
+	return {
+		modal: !!props.modal,
+		open: state.open,
+		setOpen: state.setOpen,
+		hidden: !!state.isHidden,
+		contentRef,
+		handleRef,
+		frameSize,
+		setFrameSize,
+		maxContentSize,
+		dismissOnOverlayPress: (_props_dismissOnOverlayPress = props.dismissOnOverlayPress) !== null && _props_dismissOnOverlayPress !== void 0 ? _props_dismissOnOverlayPress : true,
+		dismissOnSnapToBottom: (_props_dismissOnSnapToBottom = props.dismissOnSnapToBottom) !== null && _props_dismissOnSnapToBottom !== void 0 ? _props_dismissOnSnapToBottom : false,
+		scope: (_props_scope = props.scope) !== null && _props_scope !== void 0 ? _props_scope : "",
+		hasFit,
+		position,
+		snapPoints,
+		snapPointsMode,
+		setMaxContentSize,
+		setPosition,
+		setPositionImmediate
+	};
+}
+
+export { useSheetState };
+//# sourceMappingURL=useSheetState.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetState.native.js","names":[],"sources":["esm/useSheetState.native.js"],"sourcesContent":["import React from \"react\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nfunction useSheetState(props, state) {\n  var handleRef = React.useRef(null);\n  var contentRef = React.useRef(null);\n  var [frameSize, setFrameSize] = React.useState(0);\n  var [maxContentSize, setMaxContentSize] = React.useState(0);\n  var _props_snapPointsMode;\n  var snapPointsMode = (_props_snapPointsMode = props.snapPointsMode) !== null && _props_snapPointsMode !== void 0 ? _props_snapPointsMode : \"percent\";\n  var _props_snapPoints;\n  var snapPointsProp = (_props_snapPoints = props.snapPoints) !== null && _props_snapPoints !== void 0 ? _props_snapPoints : snapPointsMode === \"percent\" ? [\n    80\n  ] : snapPointsMode === \"constant\" ? [\n    256\n  ] : [\n    \"fit\"\n  ];\n  var hasFit = snapPointsProp[0] === \"fit\";\n  var snapPoints = React.useMemo(function() {\n    return props.dismissOnSnapToBottom ? [\n      ...snapPointsProp,\n      0\n    ] : snapPointsProp;\n  }, [\n    JSON.stringify(snapPointsProp),\n    props.dismissOnSnapToBottom\n  ]);\n  var [position_, setPositionImmediate] = useControllableState({\n    prop: props.position,\n    defaultProp: props.defaultPosition || (state.open ? 0 : -1),\n    onChange: props.onPositionChange,\n    strategy: state.strategy\n  });\n  var position = state.open === false ? -1 : position_;\n  var { open } = state;\n  var setPosition = React.useCallback(function(next) {\n    if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {\n      state.setOpen(false);\n    } else {\n      setPositionImmediate(next);\n    }\n  }, [\n    props.dismissOnSnapToBottom,\n    snapPoints.length,\n    setPositionImmediate,\n    state.setOpen\n  ]);\n  if (process.env.NODE_ENV === \"development\") {\n    if (snapPointsMode === \"mixed\" && snapPoints.some(function(p) {\n      if (typeof p === \"string\") {\n        if (p === \"fit\") {\n          return false;\n        }\n        if (p.endsWith(\"%\")) {\n          var n = Number(p.slice(0, -1));\n          return n < 0 || n > 100;\n        }\n        return true;\n      }\n      return typeof p !== \"number\" || p < 0;\n    })) {\n      console.warn('\\u26A0\\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or \"fit\" when snapPointsMode is mixed');\n    }\n    if (snapPointsMode === \"mixed\" && snapPoints.indexOf(\"fit\") > 0) {\n      console.warn('\\u26A0\\uFE0F Invalid snapPoint given, \"fit\" must be the first/largest snap point when snapPointsMode is mixed');\n    }\n    if (snapPointsMode === \"fit\" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== \"fit\")) {\n      console.warn(\"\\u26A0\\uFE0F Invalid snapPoint given, there are no snap points when snapPointsMode is fit\");\n    }\n    if (snapPointsMode === \"constant\" && snapPoints.some(function(p) {\n      return typeof p !== \"number\" || p < 0;\n    })) {\n      console.warn(\"\\u26A0\\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant\");\n    }\n    if (snapPointsMode === \"percent\" && snapPoints.some(function(p) {\n      return typeof p !== \"number\" || p < 0 || p > 100;\n    })) {\n      console.warn(\"\\u26A0\\uFE0F Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent\");\n    }\n  }\n  if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {\n    setPositionImmediate(0);\n  }\n  var shouldSetPositionOpen = open && position < 0;\n  React.useEffect(function() {\n    if (shouldSetPositionOpen) {\n      setPosition(0);\n    }\n  }, [\n    setPosition,\n    shouldSetPositionOpen\n  ]);\n  var _props_dismissOnOverlayPress, _props_dismissOnSnapToBottom, _props_scope;\n  return {\n    modal: !!props.modal,\n    open: state.open,\n    setOpen: state.setOpen,\n    hidden: !!state.isHidden,\n    contentRef,\n    handleRef,\n    frameSize,\n    setFrameSize,\n    maxContentSize,\n    dismissOnOverlayPress: (_props_dismissOnOverlayPress = props.dismissOnOverlayPress) !== null && _props_dismissOnOverlayPress !== void 0 ? _props_dismissOnOverlayPress : true,\n    dismissOnSnapToBottom: (_props_dismissOnSnapToBottom = props.dismissOnSnapToBottom) !== null && _props_dismissOnSnapToBottom !== void 0 ? _props_dismissOnSnapToBottom : false,\n    scope: (_props_scope = props.scope) !== null && _props_scope !== void 0 ? _props_scope : \"\",\n    hasFit,\n    position,\n    snapPoints,\n    snapPointsMode,\n    setMaxContentSize,\n    setPosition,\n    setPositionImmediate\n  };\n}\nexport {\n  useSheetState\n};\n//# sourceMappingURL=useSheetState.js.map\n"],"mappings":"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"}

package/dist/jsx/Sheet.mjs

@@ -9,8 +9,8 @@ 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-web";
 import { SHEET_BACKGROUND_NAME, SHEET_CONTAINER_NAME, SHEET_HANDLE_NAME, SHEET_OVERLAY_MARKER, SHEET_OVERLAY_NAME } from "./constants.mjs";
+import { getNativeSheet } from "./nativeSheet.mjs";
 import { SheetOverlayLayerContext, useAnimatedPosition, useSheetContext } from "./SheetContext.mjs";
 import { SheetImplementationCustom } from "./SheetImplementationCustom.mjs";
 import { SheetScrollView } from "./SheetScrollView.mjs";
@@ -32,7 +32,7 @@ const SheetOverlayFrame = styled(YStack, {
 	displayName: SHEET_OVERLAY_NAME,
 	inset: 0,
 	position: "absolute",
-	zIndex: 99999,
+	zIndex: 1e5 - 1,
 	pointerEvents: "auto",
 	variants: { open: {
 		true: { pointerEvents: "auto" },
@@ -45,8 +45,7 @@ const SheetContainerFrame = styled(YStack, {
 	flex: 1,
 	position: "relative",
 	zIndex: 0,
-	width: "100%",
-	maxHeight: "100%"
+	width: "100%"
 });
 const SheetBackgroundFrame = styled(YStack, {
 	displayName: SHEET_BACKGROUND_NAME,
@@ -64,10 +63,14 @@ const SheetHandle = createStyledHOC(SheetHandleFrame, ({ scope, ...props }, forw
 	useEffect(() => {
 		if (!context.scrollBridge) return;
 		return context.scrollBridge.onParentDragging((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: () => {
@@ -91,7 +94,9 @@ const SheetOverlay = createStyledHOC(SheetOverlayFrame, (propsIn, ref) => {
 	const context = useSheetContext(scope);
 	const isInOverlayLayer = useContext(SheetOverlayLayerContext);
 	const 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;
@@ -109,19 +114,40 @@ const SheetOverlay = createStyledHOC(SheetOverlayFrame, (propsIn, ref) => {
 });
 const SheetContainer = createStyledHOC(SheetContainerFrame, ({ scope, adjustPaddingForOffscreenContent, children, ...props }, forwardedRef) => {
 	const context = useSheetContext(scope);
-	const { hasFit, disableRemoveScroll, frameSize, contentRef, open } = context;
+	const { hasFit, frameSize, contentRef, open } = context;
 	const composedContentRef = useComposedRefs(forwardedRef, contentRef);
 	const offscreenSize = useSheetOffscreenSize(context);
 	const stableFrameSize = useRef(frameSize);
 	useEffect(() => {
-		if (open && frameSize) stableFrameSize.current = frameSize;
+		if (open && frameSize) {
+			stableFrameSize.current = frameSize;
+		}
 	}, [open, frameSize]);
 	const sheetContents = useMemo(() => {
+		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, (event) => {
+					context.setFrameSize(event.nativeEvent.layout.height);
+				}),
+				children: /* @__PURE__ */ jsx(StackZIndexContext, {
+					zIndex: resolveViewZIndex(props.zIndex),
+					children
+				})
+			});
+		}
 		const 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",
@@ -141,15 +167,19 @@ const SheetContainer = createStyledHOC(SheetContainerFrame, ({ scope, adjustPadd
 		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
 	});
 });
 const SheetBackground = createStyledHOC(SheetBackgroundFrame, ({ scope, disableHideBottomOverflow, ...props }, forwardedRef) => {
 	const context = useSheetContext(scope);
+	if (context.onlyShowContainer) return null;
 	const bottomOverflow = isWeb ? Math.max(context.frameSize, getMaxViewportHeight()) : context.frameSize;
 	return /* @__PURE__ */ jsx(SheetBackgroundFrame, {
 		ref: forwardedRef,
@@ -163,10 +193,13 @@ const SheetRoot = createRefComponent(function SheetRoot2(props, ref) {
 	const isAdapted = useAdaptIsActive();
 	const adaptContext = useAdaptContext();
 	const { isShowingNonSheet } = useSheetController(props.scope);
-	const isShowingAdaptNonSheet = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange) && !adaptContext.active && adaptContext.open;
-	let SheetImplementation = SheetImplementationCustom;
-	if (props.native && Platform.OS === "ios") {}
-	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) return null;
+	const shouldUseAdapt = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange);
+	const isShowingAdaptNonSheet = shouldUseAdapt && !adaptContext.active && adaptContext.open;
+	const nativeImplementation = props.native === true || Array.isArray(props.native) && props.native.includes("ios") ? getNativeSheet("ios") : null;
+	const SheetImplementation = nativeImplementation ?? SheetImplementationCustom;
+	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) {
+		return null;
+	}
 	const implementation = /* @__PURE__ */ jsx(SheetImplementation, {
 		ref,
 		...props

package/dist/jsx/Sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":[],"sources":["jsx/Sheet.js"],"sourcesContent":["import { 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-web\";\nimport { SHEET_BACKGROUND_NAME, SHEET_CONTAINER_NAME, SHEET_HANDLE_NAME, SHEET_OVERLAY_MARKER, SHEET_OVERLAY_NAME } from \"./constants\";\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\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\nexport * from \"./types\"\n\nconst SheetHandleFrame = styled(XStack, {\n\tdisplayName: SHEET_HANDLE_NAME,\n\tvariants: { open: {\n\t\ttrue: { pointerEvents: \"auto\" },\n\t\tfalse: { pointerEvents: \"none\" }\n\t} }\n});\nconst 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 });\nconst SheetContainerFrame = styled(YStack, {\n\tdisplayName: SHEET_CONTAINER_NAME,\n\tflex: 1,\n\tposition: \"relative\",\n\tzIndex: 0,\n\twidth: \"100%\",\n\tmaxHeight: \"100%\"\n});\nconst 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});\nconst SheetHandle = createStyledHOC(SheetHandleFrame, ({ scope, ...props }, forwardedRef) => {\n\tconst context = useSheetContext(scope);\n\tconst composedRef = useComposedRefs(context.handleRef, forwardedRef);\n\tconst wasDraggingRef = useRef(false);\n\tuseEffect(() => {\n\t\tif (!context.scrollBridge) return;\n\t\treturn context.scrollBridge.onParentDragging((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: () => {\n\t\t\twasDraggingRef.current = false;\n\t\t},\n\t\tonPress: () => {\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\tconst max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);\n\t\t\tconst 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});\nconst SheetOverlay = createStyledHOC(SheetOverlayFrame, (propsIn, ref) => {\n\tconst { scope, ...props } = propsIn;\n\tconst context = useSheetContext(scope);\n\tconst isInOverlayLayer = useContext(SheetOverlayLayerContext);\n\tconst 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 ? () => {\n\t\t\tcontext.setOpen(false);\n\t\t} : void 0)\n\t});\n});\nconst SheetContainer = createStyledHOC(SheetContainerFrame, ({ scope, adjustPaddingForOffscreenContent, children, ...props }, forwardedRef) => {\n\tconst context = useSheetContext(scope);\n\tconst { hasFit, disableRemoveScroll, frameSize, contentRef, open } = context;\n\tconst composedContentRef = useComposedRefs(forwardedRef, contentRef);\n\tconst offscreenSize = useSheetOffscreenSize(context);\n\tconst stableFrameSize = useRef(frameSize);\n\tuseEffect(() => {\n\t\tif (open && frameSize) stableFrameSize.current = frameSize;\n\t}, [open, frameSize]);\n\tconst sheetContents = useMemo(() => {\n\t\tconst 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});\nconst SheetBackground = createStyledHOC(SheetBackgroundFrame, ({ scope, disableHideBottomOverflow, ...props }, forwardedRef) => {\n\tconst context = useSheetContext(scope);\n\tconst 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});\nconst SheetRoot = createRefComponent(function SheetRoot2(props, ref) {\n\tconst hydrated = useDidFinishSSR();\n\tconst isAdapted = useAdaptIsActive();\n\tconst adaptContext = useAdaptContext();\n\tconst { isShowingNonSheet } = useSheetController(props.scope);\n\tconst isShowingAdaptNonSheet = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange) && !adaptContext.active && adaptContext.open;\n\tlet SheetImplementation = SheetImplementationCustom;\n\tif (props.native && Platform.OS === \"ios\") {}\n\tif (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) return null;\n\tconst 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});\nconst sheetParts = {\n\tContainer: SheetContainer,\n\tBackground: SheetBackground,\n\tOverlay: SheetOverlay,\n\tHandle: SheetHandle,\n\tScrollView: SheetScrollView\n};\nconst SheetControlled = withStaticProperties(SheetRoot, sheetParts);\nconst 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.js","names":[],"sources":["jsx/Sheet.js"],"sourcesContent":["import { AdaptCapabilities, useAdaptContext, useAdaptIsActive } from \"@tamagui/adapt\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport {\n  createRefComponent,\n  createStyledHOC,\n  styled,\n  View\n} 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 {\n  SHEET_BACKGROUND_NAME,\n  SHEET_CONTAINER_NAME,\n  SHEET_HANDLE_NAME,\n  SHEET_OVERLAY_MARKER,\n  SHEET_OVERLAY_NAME\n} from \"./constants\";\nimport { getNativeSheet } from \"./nativeSheet\";\nimport {\n  SheetOverlayLayerContext,\n  useAnimatedPosition,\n  useSheetContext\n} 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\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst 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});\nconst 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, { [SHEET_OVERLAY_MARKER]: true });\nconst SheetContainerFrame = styled(YStack, {\n  displayName: SHEET_CONTAINER_NAME,\n  flex: 1,\n  position: \"relative\",\n  zIndex: 0,\n  width: \"100%\"\n});\nconst 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});\nconst SheetHandle = createStyledHOC(\n  SheetHandleFrame,\n  ({ scope, ...props }, forwardedRef) => {\n    const context = useSheetContext(scope);\n    const composedRef = useComposedRefs(context.handleRef, forwardedRef);\n    const wasDraggingRef = useRef(false);\n    useEffect(() => {\n      if (!context.scrollBridge) return;\n      return context.scrollBridge.onParentDragging((isDragging) => {\n        if (isDragging) {\n          wasDraggingRef.current = true;\n        }\n      });\n    }, [context.scrollBridge]);\n    if (context.onlyShowContainer) {\n      return null;\n    }\n    return /* @__PURE__ */ jsx(\n      SheetHandleFrame,\n      {\n        ref: composedRef,\n        onPressIn: () => {\n          wasDraggingRef.current = false;\n        },\n        onPress: () => {\n          if (wasDraggingRef.current) {\n            wasDraggingRef.current = false;\n            return;\n          }\n          const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);\n          const nextPos = (context.position + 1) % max;\n          context.setPosition(nextPos);\n        },\n        open: context.open,\n        ...props\n      }\n    );\n  }\n);\nconst SheetOverlay = createStyledHOC(\n  SheetOverlayFrame,\n  (propsIn, ref) => {\n    const { scope, ...props } = propsIn;\n    const context = useSheetContext(scope);\n    const isInOverlayLayer = useContext(SheetOverlayLayerContext);\n    const 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(\n          \"Sheet.Overlay must be a direct child of Sheet. Move it next to Sheet.Handle and Sheet.Container.\"\n        );\n      }\n      return null;\n    }\n    return /* @__PURE__ */ jsx(\n      SheetOverlayFrame,\n      {\n        ...props,\n        ref,\n        onPress: composeEventHandlers(\n          props.onPress,\n          context.dismissOnOverlayPress ? () => {\n            context.setOpen(false);\n          } : void 0\n        )\n      }\n    );\n  }\n);\nconst SheetContainer = createStyledHOC(\n  SheetContainerFrame,\n  ({\n    scope,\n    adjustPaddingForOffscreenContent,\n    children,\n    ...props\n  }, forwardedRef) => {\n    const context = useSheetContext(scope);\n    const { hasFit, frameSize, contentRef, open } = context;\n    const composedContentRef = useComposedRefs(forwardedRef, contentRef);\n    const offscreenSize = useSheetOffscreenSize(context);\n    const stableFrameSize = useRef(frameSize);\n    useEffect(() => {\n      if (open && frameSize) {\n        stableFrameSize.current = frameSize;\n      }\n    }, [open, frameSize]);\n    const sheetContents = useMemo(() => {\n      if (context.onlyShowContainer) {\n        return /* @__PURE__ */ jsx(\n          SheetContainerFrame,\n          {\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, (event) => {\n              context.setFrameSize(event.nativeEvent.layout.height);\n            }),\n            children: /* @__PURE__ */ jsx(StackZIndexContext, { zIndex: resolveViewZIndex(props.zIndex), children })\n          }\n        );\n      }\n      const shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;\n      return /* @__PURE__ */ jsxs(\n        SheetContainerFrame,\n        {\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, { zIndex: resolveViewZIndex(props.zIndex), children }),\n            adjustPaddingForOffscreenContent && /* @__PURE__ */ jsx(View, { \"data-sheet-offscreen-pad\": true, height: offscreenSize, 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, { enabled: !context.disableRemoveScroll && context.open, children: sheetContents });\n  }\n);\nconst SheetBackground = createStyledHOC(\n  SheetBackgroundFrame,\n  ({ scope, disableHideBottomOverflow, ...props }, forwardedRef) => {\n    const context = useSheetContext(scope);\n    if (context.onlyShowContainer) return null;\n    const bottomOverflow = isWeb ? Math.max(context.frameSize, getMaxViewportHeight()) : context.frameSize;\n    return /* @__PURE__ */ jsx(\n      SheetBackgroundFrame,\n      {\n        ref: forwardedRef,\n        \"data-sheet-background\": \"\",\n        bottom: disableHideBottomOverflow ? 0 : -bottomOverflow,\n        ...props\n      }\n    );\n  }\n);\nconst SheetRoot = createRefComponent(\n  function SheetRoot2(props, ref) {\n    const hydrated = useDidFinishSSR();\n    const isAdapted = useAdaptIsActive();\n    const adaptContext = useAdaptContext();\n    const { isShowingNonSheet } = useSheetController(props.scope);\n    const shouldUseAdapt = Boolean(\n      adaptContext.open !== void 0 || adaptContext.onOpenChange\n    );\n    const isShowingAdaptNonSheet = shouldUseAdapt && !adaptContext.active && adaptContext.open;\n    const nativeImplementation = props.native === true || Array.isArray(props.native) && props.native.includes(\"ios\") ? getNativeSheet(\"ios\") : null;\n    const SheetImplementation = nativeImplementation ?? SheetImplementationCustom;\n    if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) {\n      return null;\n    }\n    const implementation = /* @__PURE__ */ jsx(SheetImplementation, { ref, ...props });\n    return isAdapted ? /* @__PURE__ */ jsx(AdaptCapabilities, { scroll: true, overlay: true, dismiss: true, children: implementation }) : implementation;\n  }\n);\nconst sheetParts = {\n  Container: SheetContainer,\n  Background: SheetBackground,\n  Overlay: SheetOverlay,\n  Handle: SheetHandle,\n  ScrollView: SheetScrollView\n};\nconst SheetControlled = withStaticProperties(\n  SheetRoot,\n  sheetParts\n);\nconst 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":";;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAM,mBAAmB,OAAO,QAAQ;CACtC,aAAa;CAGb,UAAU,EACR,MAAM;EACJ,MAAM,EACJ,eAAe,OACjB;EACA,OAAO,EACL,eAAe,OACjB;CACF,EACF;AACF,CAAC;AACD,MAAM,oBAAoB,OAAO,QAAQ;CACvC,aAAa;CACb,OAAO;CACP,UAAU;CACV,QAAQ,MAAM;CACd,eAAe;CACf,UAAU,EACR,MAAM;EACJ,MAAM,EACJ,eAAe,OACjB;EACA,OAAO,EACL,eAAe,OACjB;CACF,EACF;AACF,CAAC;AACD,OAAO,OAAO,kBAAkB,cAAc,GAAG,uBAAuB,KAAK,CAAC;AAC9E,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,MAAM;CACN,UAAU;CACV,QAAQ;CACR,OAAO;AACT,CAAC;AACD,MAAM,uBAAuB,OAAO,QAAQ;CAC1C,aAAa;CACb,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ,CAAC;CACT,eAAe;AACjB,CAAC;AACD,MAAM,cAAc,gBAClB,mBACC,EAAE,OAAO,GAAG,SAAS,iBAAiB;CACrC,MAAM,UAAU,gBAAgB,KAAK;CACrC,MAAM,cAAc,gBAAgB,QAAQ,WAAW,YAAY;CACnE,MAAM,iBAAiB,OAAO,KAAK;CACnC,gBAAgB;EACd,IAAI,CAAC,QAAQ,cAAc;EAC3B,OAAO,QAAQ,aAAa,kBAAkB,eAAe;GAC3D,IAAI,YAAY;IACd,eAAe,UAAU;GAC3B;EACF,CAAC;CACH,GAAG,CAAC,QAAQ,YAAY,CAAC;CACzB,IAAI,QAAQ,mBAAmB;EAC7B,OAAO;CACT;CACA,OAAuB,oBACrB,kBACA;EACE,KAAK;EACL,iBAAiB;GACf,eAAe,UAAU;EAC3B;EACA,eAAe;GACb,IAAI,eAAe,SAAS;IAC1B,eAAe,UAAU;IACzB;GACF;GACA,MAAM,MAAM,QAAQ,WAAW,UAAU,QAAQ,wBAAwB,CAAC,IAAI;GAC9E,MAAM,WAAW,QAAQ,WAAW,KAAK;GACzC,QAAQ,YAAY,OAAO;EAC7B;EACA,MAAM,QAAQ;EACd,GAAG;CACL,CACF;AACF,CACF;AACA,MAAM,eAAe,gBACnB,oBACC,SAAS,QAAQ;CAChB,MAAM,EAAE,OAAO,GAAG,UAAU;CAC5B,MAAM,UAAU,gBAAgB,KAAK;CACrC,MAAM,mBAAmB,WAAW,wBAAwB;CAC5D,MAAM,UAAU,OAAO,KAAK;CAC5B,IAAI,QAAQ,mBAAmB;EAC7B,OAAO;CACT;CACA,IAAI,CAAC,kBAAkB;EACrB,IAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,QAAQ,SAAS;GAC9D,QAAQ,UAAU;GAClB,QAAQ,MACN,kGACF;EACF;EACA,OAAO;CACT;CACA,OAAuB,oBACrB,mBACA;EACE,GAAG;EACH;EACA,SAAS,qBACP,MAAM,SACN,QAAQ,8BAA8B;GACpC,QAAQ,QAAQ,KAAK;EACvB,IAAI,KAAK,CACX;CACF,CACF;AACF,CACF;AACA,MAAM,iBAAiB,gBACrB,sBACC,EACC,OACA,kCACA,UACA,GAAG,SACF,iBAAiB;CAClB,MAAM,UAAU,gBAAgB,KAAK;CACrC,MAAM,EAAE,QAAQ,WAAW,YAAY,SAAS;CAChD,MAAM,qBAAqB,gBAAgB,cAAc,UAAU;CACnE,MAAM,gBAAgB,sBAAsB,OAAO;CACnD,MAAM,kBAAkB,OAAO,SAAS;CACxC,gBAAgB;EACd,IAAI,QAAQ,WAAW;GACrB,gBAAgB,UAAU;EAC5B;CACF,GAAG,CAAC,MAAM,SAAS,CAAC;CACpB,MAAM,gBAAgB,cAAc;EAClC,IAAI,QAAQ,mBAAmB;GAC7B,OAAuB,oBACrB,qBACA;IACE,KAAK;IACL,MAAM,SAAS,IAAI;IACnB,WAAW,SAAS,SAAS,KAAK;IAClC,WAAW,SAAS,KAAK,IAAI;IAC7B,eAAe,OAAO,SAAS;IAC/B,cAAc,OAAO,SAAS;IAC9B,GAAG;IACH,UAAU,qBAAqB,MAAM,WAAW,UAAU;KACxD,QAAQ,aAAa,MAAM,YAAY,OAAO,MAAM;IACtD,CAAC;IACD,UAA0B,oBAAI,oBAAoB;KAAE,QAAQ,kBAAkB,MAAM,MAAM;KAAG;IAAS,CAAC;GACzG,CACF;EACF;EACA,MAAM,uBAAuB,UAAU,CAAC,QAAQ,gBAAgB;EAChE,OAAuB,qBACrB,qBACA;GACE,KAAK;GACL,MAAM,UAAU,OAAO,IAAI;GAC3B,WAAW,SAAS,SAAS,KAAK;GAClC,WAAW;GACX,QAAQ,uBAAuB,gBAAgB,UAAU,SAAS,KAAK,IAAI;GAC3E,eAAe,OAAO,SAAS;GAC/B,cAAc,OAAO,SAAS;GAC9B,GAAG;GACH,UAAU,CACQ,oBAAI,oBAAoB;IAAE,QAAQ,kBAAkB,MAAM,MAAM;IAAG;GAAS,CAAC,GAC7F,oCAAoD,oBAAI,MAAM;IAAE,4BAA4B;IAAM,QAAQ;IAAe,OAAO;GAAO,CAAC,CAC1I;EACF,CACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR,QAAQ;CACV,CAAC;CACD,IAAI,QAAQ,mBAAmB,OAAO;CACtC,OAAuB,oBAAI,cAAc;EAAE,SAAS,CAAC,QAAQ,uBAAuB,QAAQ;EAAM,UAAU;CAAc,CAAC;AAC7H,CACF;AACA,MAAM,kBAAkB,gBACtB,uBACC,EAAE,OAAO,2BAA2B,GAAG,SAAS,iBAAiB;CAChE,MAAM,UAAU,gBAAgB,KAAK;CACrC,IAAI,QAAQ,mBAAmB,OAAO;CACtC,MAAM,iBAAiB,QAAQ,KAAK,IAAI,QAAQ,WAAW,qBAAqB,CAAC,IAAI,QAAQ;CAC7F,OAAuB,oBACrB,sBACA;EACE,KAAK;EACL,yBAAyB;EACzB,QAAQ,4BAA4B,IAAI,CAAC;EACzC,GAAG;CACL,CACF;AACF,CACF;AACA,MAAM,YAAY,mBAChB,SAAS,WAAW,OAAO,KAAK;CAC9B,MAAM,WAAW,gBAAgB;CACjC,MAAM,YAAY,iBAAiB;CACnC,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,sBAAsB,mBAAmB,MAAM,KAAK;CAC5D,MAAM,iBAAiB,QACrB,aAAa,SAAS,KAAK,KAAK,aAAa,YAC/C;CACA,MAAM,yBAAyB,kBAAkB,CAAC,aAAa,UAAU,aAAa;CACtF,MAAM,uBAAuB,MAAM,WAAW,QAAQ,MAAM,QAAQ,MAAM,MAAM,KAAK,MAAM,OAAO,SAAS,KAAK,IAAI,eAAe,KAAK,IAAI;CAC5I,MAAM,sBAAsB,wBAAwB;CACpD,IAAI,0BAA0B,qBAAqB,CAAC,UAAU;EAC5D,OAAO;CACT;CACA,MAAM,iBAAiC,oBAAI,qBAAqB;EAAE;EAAK,GAAG;CAAM,CAAC;CACjF,OAAO,YAA4B,oBAAI,mBAAmB;EAAE,QAAQ;EAAM,SAAS;EAAM,SAAS;EAAM,UAAU;CAAe,CAAC,IAAI;AACxI,CACF;AACA,MAAM,aAAa;CACjB,WAAW;CACX,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,YAAY;AACd;AACA,MAAM,kBAAkB,qBACtB,WACA,UACF;AACA,MAAM,QAAQ,qBAAqB,WAAW;CAC5C,MAAM;CACN,YAAY;CACZ;CACA,GAAG;AACL,CAAC"}

package/dist/jsx/Sheet.native.cjs

@@ -44,7 +44,6 @@ var import_stacks = require("@tamagui/stacks");
 var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
 var import_z_index_stack = require("@tamagui/z-index-stack");
 var import_react = require("react");
-var import_react_native = require("react-native");
 var import_constants2 = require("./constants.native.js");
 var import_nativeSheet = require("./nativeSheet.native.js");
 var import_SheetContext = require("./SheetContext.native.js");
@@ -65,7 +64,7 @@ var SheetOverlayFrame = (0, import_core.styled)(import_stacks.YStack, {
 	displayName: import_constants2.SHEET_OVERLAY_NAME,
 	inset: 0,
 	position: "absolute",
-	zIndex: 99999,
+	zIndex: 1e5 - 1,
 	pointerEvents: "auto",
 	variants: { open: {
 		true: { pointerEvents: "auto" },
@@ -78,8 +77,7 @@ var SheetContainerFrame = (0, import_core.styled)(import_stacks.YStack, {
 	flex: 1,
 	position: "relative",
 	zIndex: 0,
-	width: "100%",
-	maxHeight: "100%"
+	width: "100%"
 });
 var SheetBackgroundFrame = (0, import_core.styled)(import_stacks.YStack, {
 	displayName: import_constants2.SHEET_BACKGROUND_NAME,
@@ -98,10 +96,14 @@ var SheetHandle = (0, import_core.createStyledHOC)(SheetHandleFrame, function(pa
 	(0, import_react.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__ */ (0, import_jsx_runtime.jsx)(SheetHandleFrame, {
 		ref: composedRef,
 		onPressIn: function() {
@@ -125,7 +127,9 @@ var SheetOverlay = (0, import_core.createStyledHOC)(SheetOverlayFrame, function(
 	var context = (0, import_SheetContext.useSheetContext)(scope);
 	var isInOverlayLayer = (0, import_react.useContext)(import_SheetContext.SheetOverlayLayerContext);
 	var didWarn = (0, import_react.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;
@@ -144,19 +148,40 @@ var SheetOverlay = (0, import_core.createStyledHOC)(SheetOverlayFrame, function(
 var SheetContainer = (0, import_core.createStyledHOC)(SheetContainerFrame, function(param, forwardedRef) {
 	var { scope, adjustPaddingForOffscreenContent, children, ...props } = param;
 	var context = (0, import_SheetContext.useSheetContext)(scope);
-	var { hasFit, disableRemoveScroll, frameSize, contentRef, open } = context;
+	var { hasFit, frameSize, contentRef, open } = context;
 	var composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
 	var offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context);
 	var stableFrameSize = (0, import_react.useRef)(frameSize);
 	(0, import_react.useEffect)(function() {
-		if (open && frameSize) stableFrameSize.current = frameSize;
+		if (open && frameSize) {
+			stableFrameSize.current = frameSize;
+		}
 	}, [open, frameSize]);
 	var sheetContents = (0, import_react.useMemo)(function() {
+		if (context.onlyShowContainer) {
+			return /* @__PURE__ */ (0, import_jsx_runtime.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: (0, import_helpers.composeEventHandlers)(props.onLayout, function(event) {
+					context.setFrameSize(event.nativeEvent.layout.height);
+				}),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, {
+					zIndex: (0, import_portal.resolveViewZIndex)(props.zIndex),
+					children
+				})
+			});
+		}
 		var shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
 		return /* @__PURE__ */ (0, import_jsx_runtime.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",
@@ -176,16 +201,20 @@ var SheetContainer = (0, import_core.createStyledHOC)(SheetContainerFrame, funct
 		frameSize,
 		offscreenSize,
 		adjustPaddingForOffscreenContent,
-		hasFit
+		hasFit,
+		context.onlyShowContainer,
+		context.setFrameSize
 	]);
+	if (context.onlyShowContainer) return sheetContents;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_scroll.RemoveScroll, {
-		enabled: !disableRemoveScroll && context.open,
+		enabled: !context.disableRemoveScroll && context.open,
 		children: sheetContents
 	});
 });
 var SheetBackground = (0, import_core.createStyledHOC)(SheetBackgroundFrame, function(param, forwardedRef) {
 	var { scope, disableHideBottomOverflow, ...props } = param;
 	var context = (0, import_SheetContext.useSheetContext)(scope);
+	if (context.onlyShowContainer) return null;
 	var bottomOverflow = import_constants.isWeb ? Math.max(context.frameSize, (0, import_webViewport.getMaxViewportHeight)()) : context.frameSize;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetBackgroundFrame, {
 		ref: forwardedRef,
@@ -199,13 +228,13 @@ var SheetRoot = (0, import_core.createRefComponent)(function SheetRoot2(props, r
 	var isAdapted = (0, import_adapt.useAdaptIsActive)();
 	var adaptContext = (0, import_adapt.useAdaptContext)();
 	var { isShowingNonSheet } = (0, import_useSheetController.useSheetController)(props.scope);
-	var isShowingAdaptNonSheet = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange) && !adaptContext.active && adaptContext.open;
-	var SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom;
-	if (props.native && import_react_native.Platform.OS === "ios") {
-		var impl = (0, import_nativeSheet.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") ? (0, import_nativeSheet.getNativeSheet)("ios") : null;
+	var SheetImplementation = nativeImplementation !== null && nativeImplementation !== void 0 ? nativeImplementation : import_SheetImplementationCustom.SheetImplementationCustom;
+	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) {
+		return null;
 	}
-	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) return null;
 	var implementation = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetImplementation, {
 		ref,
 		...props

package/dist/jsx/Sheet.native.js

@@ -44,7 +44,6 @@ var import_stacks = require("@tamagui/stacks");
 var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
 var import_z_index_stack = require("@tamagui/z-index-stack");
 var import_react = require("react");
-var import_react_native = require("react-native");
 var import_constants2 = require("./constants.native.js");
 var import_nativeSheet = require("./nativeSheet.native.js");
 var import_SheetContext = require("./SheetContext.native.js");
@@ -65,7 +64,7 @@ var SheetOverlayFrame = (0, import_core.styled)(import_stacks.YStack, {
 	displayName: import_constants2.SHEET_OVERLAY_NAME,
 	inset: 0,
 	position: "absolute",
-	zIndex: 99999,
+	zIndex: 1e5 - 1,
 	pointerEvents: "auto",
 	variants: { open: {
 		true: { pointerEvents: "auto" },
@@ -78,8 +77,7 @@ var SheetContainerFrame = (0, import_core.styled)(import_stacks.YStack, {
 	flex: 1,
 	position: "relative",
 	zIndex: 0,
-	width: "100%",
-	maxHeight: "100%"
+	width: "100%"
 });
 var SheetBackgroundFrame = (0, import_core.styled)(import_stacks.YStack, {
 	displayName: import_constants2.SHEET_BACKGROUND_NAME,
@@ -98,10 +96,14 @@ var SheetHandle = (0, import_core.createStyledHOC)(SheetHandleFrame, function(pa
 	(0, import_react.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__ */ (0, import_jsx_runtime.jsx)(SheetHandleFrame, {
 		ref: composedRef,
 		onPressIn: function() {
@@ -125,7 +127,9 @@ var SheetOverlay = (0, import_core.createStyledHOC)(SheetOverlayFrame, function(
 	var context = (0, import_SheetContext.useSheetContext)(scope);
 	var isInOverlayLayer = (0, import_react.useContext)(import_SheetContext.SheetOverlayLayerContext);
 	var didWarn = (0, import_react.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;
@@ -144,19 +148,40 @@ var SheetOverlay = (0, import_core.createStyledHOC)(SheetOverlayFrame, function(
 var SheetContainer = (0, import_core.createStyledHOC)(SheetContainerFrame, function(param, forwardedRef) {
 	var { scope, adjustPaddingForOffscreenContent, children, ...props } = param;
 	var context = (0, import_SheetContext.useSheetContext)(scope);
-	var { hasFit, disableRemoveScroll, frameSize, contentRef, open } = context;
+	var { hasFit, frameSize, contentRef, open } = context;
 	var composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
 	var offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context);
 	var stableFrameSize = (0, import_react.useRef)(frameSize);
 	(0, import_react.useEffect)(function() {
-		if (open && frameSize) stableFrameSize.current = frameSize;
+		if (open && frameSize) {
+			stableFrameSize.current = frameSize;
+		}
 	}, [open, frameSize]);
 	var sheetContents = (0, import_react.useMemo)(function() {
+		if (context.onlyShowContainer) {
+			return /* @__PURE__ */ (0, import_jsx_runtime.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: (0, import_helpers.composeEventHandlers)(props.onLayout, function(event) {
+					context.setFrameSize(event.nativeEvent.layout.height);
+				}),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, {
+					zIndex: (0, import_portal.resolveViewZIndex)(props.zIndex),
+					children
+				})
+			});
+		}
 		var shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
 		return /* @__PURE__ */ (0, import_jsx_runtime.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",
@@ -176,16 +201,20 @@ var SheetContainer = (0, import_core.createStyledHOC)(SheetContainerFrame, funct
 		frameSize,
 		offscreenSize,
 		adjustPaddingForOffscreenContent,
-		hasFit
+		hasFit,
+		context.onlyShowContainer,
+		context.setFrameSize
 	]);
+	if (context.onlyShowContainer) return sheetContents;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_scroll.RemoveScroll, {
-		enabled: !disableRemoveScroll && context.open,
+		enabled: !context.disableRemoveScroll && context.open,
 		children: sheetContents
 	});
 });
 var SheetBackground = (0, import_core.createStyledHOC)(SheetBackgroundFrame, function(param, forwardedRef) {
 	var { scope, disableHideBottomOverflow, ...props } = param;
 	var context = (0, import_SheetContext.useSheetContext)(scope);
+	if (context.onlyShowContainer) return null;
 	var bottomOverflow = import_constants.isWeb ? Math.max(context.frameSize, (0, import_webViewport.getMaxViewportHeight)()) : context.frameSize;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetBackgroundFrame, {
 		ref: forwardedRef,
@@ -199,13 +228,13 @@ var SheetRoot = (0, import_core.createRefComponent)(function SheetRoot2(props, r
 	var isAdapted = (0, import_adapt.useAdaptIsActive)();
 	var adaptContext = (0, import_adapt.useAdaptContext)();
 	var { isShowingNonSheet } = (0, import_useSheetController.useSheetController)(props.scope);
-	var isShowingAdaptNonSheet = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange) && !adaptContext.active && adaptContext.open;
-	var SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom;
-	if (props.native && import_react_native.Platform.OS === "ios") {
-		var impl = (0, import_nativeSheet.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") ? (0, import_nativeSheet.getNativeSheet)("ios") : null;
+	var SheetImplementation = nativeImplementation !== null && nativeImplementation !== void 0 ? nativeImplementation : import_SheetImplementationCustom.SheetImplementationCustom;
+	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) {
+		return null;
 	}
-	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) return null;
 	var implementation = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetImplementation, {
 		ref,
 		...props