@tamagui/sheet 3.0.0-beta.1479.1 → 3.0.0-beta.1537.1

package/dist/cjs/useSheetState.native.cjs

@@ -0,0 +1,131 @@
+"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 useSheetState_exports = {};
+__export(useSheetState_exports, { useSheetState: () => useSheetState });
+module.exports = __toCommonJS(useSheetState_exports);
+var import_react = __toESM(require("react"), 1);
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+function useSheetState(props, state) {
+	var handleRef = import_react.default.useRef(null);
+	var contentRef = import_react.default.useRef(null);
+	var [frameSize, setFrameSize] = import_react.default.useState(0);
+	var [maxContentSize, setMaxContentSize] = import_react.default.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 = import_react.default.useMemo(function() {
+		return props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp;
+	}, [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]);
+	var [position_, setPositionImmediate] = (0, import_use_controllable_state.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 = import_react.default.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;
+	import_react.default.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
+	};
+}

package/dist/cjs/useSheetState.native.js

@@ -0,0 +1,133 @@
+"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 useSheetState_exports = {};
+__export(useSheetState_exports, { useSheetState: () => useSheetState });
+module.exports = __toCommonJS(useSheetState_exports);
+var import_react = __toESM(require("react"), 1);
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+function useSheetState(props, state) {
+	var handleRef = import_react.default.useRef(null);
+	var contentRef = import_react.default.useRef(null);
+	var [frameSize, setFrameSize] = import_react.default.useState(0);
+	var [maxContentSize, setMaxContentSize] = import_react.default.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 = import_react.default.useMemo(function() {
+		return props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp;
+	}, [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]);
+	var [position_, setPositionImmediate] = (0, import_use_controllable_state.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 = import_react.default.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;
+	import_react.default.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
+	};
+}
+
+//# sourceMappingURL=useSheetState.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetState.native.js","names":[],"sources":["cjs/useSheetState.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useSheetState_exports = {};\n__export(useSheetState_exports, {\n  useSheetState: () => useSheetState\n});\nmodule.exports = __toCommonJS(useSheetState_exports);\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nfunction useSheetState(props, state) {\n  var handleRef = import_react.default.useRef(null);\n  var contentRef = import_react.default.useRef(null);\n  var [frameSize, setFrameSize] = import_react.default.useState(0);\n  var [maxContentSize, setMaxContentSize] = import_react.default.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 = import_react.default.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] = (0, import_use_controllable_state.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 = import_react.default.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  import_react.default.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}\n//# sourceMappingURL=useSheetState.js.map\n"],"mappings":"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"}

package/dist/esm/Sheet.mjs

@@ -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,
@@ -115,7 +114,7 @@ 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);
@@ -125,11 +124,30 @@ const SheetContainer = createStyledHOC(SheetContainerFrame, ({ scope, adjustPadd
 		}
 	}, [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",
@@ -149,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,
@@ -173,13 +195,8 @@ const SheetRoot = createRefComponent(function SheetRoot2(props, ref) {
 	const { isShowingNonSheet } = useSheetController(props.scope);
 	const shouldUseAdapt = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange);
 	const isShowingAdaptNonSheet = shouldUseAdapt && !adaptContext.active && adaptContext.open;
-	let SheetImplementation = SheetImplementationCustom;
-	if (props.native) {
-		const impl = getNativeSheet("ios");
-		if (impl) {
-			SheetImplementation = impl;
-		}
-	}
+	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;
 	}

package/dist/esm/Sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":[],"sources":["esm/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  maxHeight: \"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, disableRemoveScroll, 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      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          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    }, [open, props, frameSize, offscreenSize, adjustPaddingForOffscreenContent, hasFit]);\n    return /* @__PURE__ */ jsx(RemoveScroll, { enabled: !disableRemoveScroll && context.open, children: sheetContents });\n  }\n);\nconst SheetBackground = createStyledHOC(\n  SheetBackgroundFrame,\n  ({ scope, disableHideBottomOverflow, ...props }, forwardedRef) => {\n    const context = useSheetContext(scope);\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    let SheetImplementation = SheetImplementationCustom;\n    if (props.native) {\n      const impl = getNativeSheet(\"ios\");\n      if (impl) {\n        SheetImplementation = impl;\n      }\n    }\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":"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"}
+{"version":3,"file":"Sheet.js","names":[],"sources":["esm/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":"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"}

package/dist/esm/Sheet.native.js

@@ -45,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,
@@ -117,7 +116,7 @@ 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);
@@ -127,11 +126,30 @@ var SheetContainer = createStyledHOC(SheetContainerFrame, function(param, forwar
 		}
 	}, [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",
@@ -151,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,
@@ -176,13 +198,8 @@ var SheetRoot = createRefComponent(function SheetRoot2(props, ref) {
 	var { isShowingNonSheet } = useSheetController(props.scope);
 	var shouldUseAdapt = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange);
 	var isShowingAdaptNonSheet = shouldUseAdapt && !adaptContext.active && adaptContext.open;
-	var SheetImplementation = SheetImplementationCustom;
-	if (props.native) {
-		var impl = getNativeSheet("ios");
-		if (impl) {
-			SheetImplementation = impl;
-		}
-	}
+	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;
 	}

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

@@ -1 +1 @@
-{"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  maxHeight: \"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, disableRemoveScroll, 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    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      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  ]);\n  return /* @__PURE__ */ _jsx(RemoveScroll, {\n    enabled: !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  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 SheetImplementation = SheetImplementationCustom;\n  if (props.native) {\n    var impl = getNativeSheet(\"ios\");\n    if (impl) {\n      SheetImplementation = impl;\n    }\n  }\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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAI,mBAAmB,OAAO,QAAQ;CACpC,aAAa;CAGb,UAAU,EACR,MAAM;EACJ,MAAM,EACJ,eAAe,OACjB;EACA,OAAO,EACL,eAAe,OACjB;CACF,EACF;AACF,CAAC;AACD,IAAI,oBAAoB,OAAO,QAAQ;CACrC,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,GAC3C,uBAAuB,KAC1B,CAAC;AACD,IAAI,sBAAsB,OAAO,QAAQ;CACvC,aAAa;CACb,MAAM;CACN,UAAU;CACV,QAAQ;CACR,OAAO;AACT,CAAC;AACD,IAAI,uBAAuB,OAAO,QAAQ;CACxC,aAAa;CACb,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ,CAAC;CACT,eAAe;AACjB,CAAC;AACD,IAAI,cAAc,gBAAgB,kBAAkB,SAAS,OAAO,cAAc;CAChF,IAAI,EAAE,OAAO,GAAG,UAAU;CAC1B,IAAI,UAAU,gBAAgB,KAAK;CACnC,IAAI,cAAc,gBAAgB,QAAQ,WAAW,YAAY;CACjE,IAAI,iBAAiB,OAAO,KAAK;CACjC,UAAU,WAAW;EACnB,IAAI,CAAC,QAAQ,cAAc;EAC3B,OAAO,QAAQ,aAAa,iBAAiB,SAAS,YAAY;GAChE,IAAI,YAAY;IACd,eAAe,UAAU;GAC3B;EACF,CAAC;CACH,GAAG,CACD,QAAQ,YACV,CAAC;CACD,IAAI,QAAQ,mBAAmB;EAC7B,OAAO;CACT;CACA,OAAuB,oBAAK,kBAAkB;EAC5C,KAAK;EACL,WAAW,WAAW;GACpB,eAAe,UAAU;EAC3B;EACA,SAAS,WAAW;GAClB,IAAI,eAAe,SAAS;IAC1B,eAAe,UAAU;IACzB;GACF;GACA,IAAI,MAAM,QAAQ,WAAW,UAAU,QAAQ,wBAAwB,CAAC,IAAI;GAC5E,IAAI,WAAW,QAAQ,WAAW,KAAK;GACvC,QAAQ,YAAY,OAAO;EAC7B;EACA,MAAM,QAAQ;EACd,GAAG;CACL,CAAC;AACH,CAAC;AACD,IAAI,eAAe,gBAAgB,mBAAmB,SAAS,SAAS,KAAK;CAC3E,IAAI,EAAE,OAAO,GAAG,UAAU;CAC1B,IAAI,UAAU,gBAAgB,KAAK;CACnC,IAAI,mBAAmB,WAAW,wBAAwB;CAC1D,IAAI,UAAU,OAAO,KAAK;CAC1B,IAAI,QAAQ,mBAAmB;EAC7B,OAAO;CACT;CACA,IAAI,CAAC,kBAAkB;EACrB,IAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,QAAQ,SAAS;GAC9D,QAAQ,UAAU;GAClB,QAAQ,MAAM,kGAAkG;EAClH;EACA,OAAO;CACT;CACA,OAAuB,oBAAK,mBAAmB;EAC7C,GAAG;EACH;EACA,SAAS,qBAAqB,MAAM,SAAS,QAAQ,wBAAwB,WAAW;GACtF,QAAQ,QAAQ,KAAK;EACvB,IAAI,KAAK,CAAC;CACZ,CAAC;AACH,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,OAAO,cAAc;CACtF,IAAI,EAAE,OAAO,kCAAkC,UAAU,GAAG,UAAU;CACtE,IAAI,UAAU,gBAAgB,KAAK;CACnC,IAAI,EAAE,QAAQ,WAAW,YAAY,SAAS;CAC9C,IAAI,qBAAqB,gBAAgB,cAAc,UAAU;CACjE,IAAI,gBAAgB,sBAAsB,OAAO;CACjD,IAAI,kBAAkB,OAAO,SAAS;CACtC,UAAU,WAAW;EACnB,IAAI,QAAQ,WAAW;GACrB,gBAAgB,UAAU;EAC5B;CACF,GAAG,CACD,MACA,SACF,CAAC;CACD,IAAI,gBAAgB,QAAQ,WAAW;EACrC,IAAI,QAAQ,mBAAmB;GAC7B,OAAuB,oBAAK,qBAAqB;IAC/C,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,UAAU,SAAS,OAAO;KAC7D,QAAQ,aAAa,MAAM,YAAY,OAAO,MAAM;IACtD,CAAC;IACD,UAA0B,oBAAK,oBAAoB;KACjD,QAAQ,kBAAkB,MAAM,MAAM;KACtC;IACF,CAAC;GACH,CAAC;EACH;EACA,IAAI,uBAAuB,UAAU,CAAC,QAAQ,gBAAgB;EAC9D,OAAuB,qBAAM,qBAAqB;GAChD,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,oBAAK,oBAAoB;IACvC,QAAQ,kBAAkB,MAAM,MAAM;IACtC;GACF,CAAC,GACD,oCAAoD,oBAAK,MAAM;IAC7D,4BAA4B;IAC5B,QAAQ;IACR,OAAO;GACT,CAAC,CACH;EACF,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR,QAAQ;CACV,CAAC;CACD,IAAI,QAAQ,mBAAmB,OAAO;CACtC,OAAuB,oBAAK,cAAc;EACxC,SAAS,CAAC,QAAQ,uBAAuB,QAAQ;EACjD,UAAU;CACZ,CAAC;AACH,CAAC;AACD,IAAI,kBAAkB,gBAAgB,sBAAsB,SAAS,OAAO,cAAc;CACxF,IAAI,EAAE,OAAO,2BAA2B,GAAG,UAAU;CACrD,IAAI,UAAU,gBAAgB,KAAK;CACnC,IAAI,QAAQ,mBAAmB,OAAO;CACtC,IAAI,iBAAiB,QAAQ,KAAK,IAAI,QAAQ,WAAW,qBAAqB,CAAC,IAAI,QAAQ;CAC3F,OAAuB,oBAAK,sBAAsB;EAChD,KAAK;EACL,yBAAyB;EACzB,QAAQ,4BAA4B,IAAI,CAAC;EACzC,GAAG;CACL,CAAC;AACH,CAAC;AACD,IAAI,YAAY,mBAAmB,SAAS,WAAW,OAAO,KAAK;CACjE,IAAI,WAAW,gBAAgB;CAC/B,IAAI,YAAY,iBAAiB;CACjC,IAAI,eAAe,gBAAgB;CACnC,IAAI,EAAE,sBAAsB,mBAAmB,MAAM,KAAK;CAC1D,IAAI,iBAAiB,QAAQ,aAAa,SAAS,KAAK,KAAK,aAAa,YAAY;CACtF,IAAI,yBAAyB,kBAAkB,CAAC,aAAa,UAAU,aAAa;CACpF,IAAI,uBAAuB,MAAM,WAAW,QAAQ,MAAM,QAAQ,MAAM,MAAM,KAAK,MAAM,OAAO,SAAS,KAAK,IAAI,eAAe,KAAK,IAAI;CAC1I,IAAI,sBAAsB,yBAAyB,QAAQ,yBAAyB,KAAK,IAAI,uBAAuB;CACpH,IAAI,0BAA0B,qBAAqB,CAAC,UAAU;EAC5D,OAAO;CACT;CACA,IAAI,iBAAiC,oBAAK,qBAAqB;EAC7D;EACA,GAAG;CACL,CAAC;CACD,OAAO,YAA4B,oBAAK,mBAAmB;EACzD,QAAQ;EACR,SAAS;EACT,SAAS;EACT,UAAU;CACZ,CAAC,IAAI;AACP,CAAC;AACD,IAAI,aAAa;CACf,WAAW;CACX,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,YAAY;AACd;AACA,IAAI,kBAAkB,qBAAqB,WAAW,UAAU;AAChE,IAAI,QAAQ,qBAAqB,WAAW;CAC1C,MAAM;CACN,YAAY;CACZ;CACA,GAAG;AACL,CAAC"}

package/dist/esm/SheetScrollView.mjs

@@ -1,5 +1,5 @@
 import { composeRefs } from "@tamagui/compose-refs";
-import { View, createStyledHOC, isWeb } from "@tamagui/core";
+import { View, createRefComponent, createStyledHOC, isWeb } from "@tamagui/core";
 import { ScrollView } from "@tamagui/scroll-view";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import React, { useEffect, useRef, useState } from "react";
@@ -12,8 +12,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 const SHEET_SCROLL_VIEW_NAME = "SheetScrollView";
 const sheetContentStyle = { minHeight: "100%" };
-const SheetScrollView = createStyledHOC(ScrollView, ({ scope, children, onScroll, scrollEnabled: scrollEnabledProp, style, ...props }, ref) => {
+const SheetScrollViewCustom = createRefComponent(({ scope, children, onScroll, scrollEnabled: scrollEnabledProp, style, ...props }, ref) => {
 	const context = useSheetContext(scope);
+	if (context.onlyShowContainer) throw new Error("Custom Sheet scrolling requires a custom Sheet");
 	const gestureContext = useGestureSheetContext();
 	const { scrollBridge, setHasScrollView, hasFit, screenSize } = context;
 	const keyboardOccludedHeight = Math.max(0, context.keyboardOccludedHeight || 0);
@@ -282,6 +283,17 @@ const SheetScrollView = createStyledHOC(ScrollView, ({ scope, children, onScroll
 		style: scrollViewStyle,
 		children: contentWrapper
 	});
+});
+const SheetScrollView = createStyledHOC(ScrollView, ({ scope, ...props }, ref) => {
+	const context = useSheetContext(scope);
+	return context.onlyShowContainer ? /* @__PURE__ */ jsx(ScrollView, {
+		...props,
+		ref
+	}) : /* @__PURE__ */ jsx(SheetScrollViewCustom, {
+		...props,
+		scope,
+		ref
+	});
 }, {
 	disableTheme: true,
 	displayName: SHEET_SCROLL_VIEW_NAME