@tamagui/sheet 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/Sheet.cjs

@@ -1,119 +1,226 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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;
+	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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Sheet_exports = {};
 __export(Sheet_exports, {
-  Frame: () => Frame,
-  Handle: () => Handle,
-  Overlay: () => Overlay,
-  Sheet: () => Sheet,
-  createSheetScope: () => import_SheetContext.createSheetScope
+	Sheet: () => Sheet,
+	SheetBackground: () => SheetBackground,
+	SheetContainer: () => SheetContainer,
+	SheetControlled: () => SheetControlled,
+	SheetHandle: () => SheetHandle,
+	SheetOverlay: () => SheetOverlay,
+	SheetRoot: () => SheetRoot
 });
 module.exports = __toCommonJS(Sheet_exports);
+var import_adapt = require("@tamagui/adapt");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
+var import_portal = require("@tamagui/portal");
+var import_remove_scroll = require("@tamagui/remove-scroll");
 var import_stacks = require("@tamagui/stacks");
-var import_constants = require("./constants.cjs");
-var import_createSheet = require("./createSheet.cjs");
+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-web");
+var import_constants2 = require("./constants.cjs");
+require("./nativeSheet.cjs");
 var import_SheetContext = require("./SheetContext.cjs");
+var import_SheetImplementationCustom = require("./SheetImplementationCustom.cjs");
+var import_SheetScrollView = require("./SheetScrollView.cjs");
+var import_useSheetController = require("./useSheetController.cjs");
+var import_useSheetOffscreenSize = require("./useSheetOffscreenSize.cjs");
+var import_webViewport = require("./webViewport.cjs");
 __reExport(Sheet_exports, require("./types.cjs"), module.exports);
-const Handle = (0, import_core.styled)(import_stacks.XStack, {
-  name: import_constants.SHEET_HANDLE_NAME,
-  variants: {
-    open: {
-      true: {
-        opacity: 1,
-        pointerEvents: "auto"
-      },
-      false: {
-        opacity: 0,
-        pointerEvents: "none"
-      }
-    },
-    unstyled: {
-      false: {
-        height: 10,
-        borderRadius: 100,
-        backgroundColor: "$background",
-        zIndex: 10,
-        marginHorizontal: "35%",
-        marginBottom: "$2",
-        opacity: 0.5,
-        hoverStyle: {
-          opacity: 0.7
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+var import_jsx_runtime = require("react/jsx-runtime");
+const SheetHandleFrame = (0, import_core.styled)(import_stacks.XStack, {
+	displayName: import_constants2.SHEET_HANDLE_NAME,
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
 });
-const Overlay = (0, import_core.styled)(import_stacks.YStack, {
-  name: import_constants.SHEET_OVERLAY_NAME,
-  variants: {
-    open: {
-      true: {
-        pointerEvents: "auto"
-      },
-      false: {
-        pointerEvents: "none"
-      }
-    },
-    unstyled: {
-      false: {
-        fullscreen: true,
-        position: "absolute",
-        backgroundColor: "$background",
-        zIndex: 1e5 - 1,
-        pointerEvents: "auto"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+const SheetOverlayFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: import_constants2.SHEET_OVERLAY_NAME,
+	inset: 0,
+	position: "absolute",
+	zIndex: 99999,
+	pointerEvents: "auto",
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
 });
-const Frame = (0, import_core.styled)(import_stacks.YStack, {
-  name: import_constants.SHEET_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        flex: 1,
-        backgroundColor: "$background",
-        borderTopLeftRadius: "$true",
-        borderTopRightRadius: "$true",
-        width: "100%",
-        maxHeight: "100%",
-        overflow: "hidden"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+Object.assign(SheetOverlayFrame.staticConfig, { [import_constants2.SHEET_OVERLAY_MARKER]: true });
+const SheetContainerFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: import_constants2.SHEET_CONTAINER_NAME,
+	flex: 1,
+	position: "relative",
+	zIndex: 0,
+	width: "100%",
+	maxHeight: "100%"
+});
+const SheetBackgroundFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: import_constants2.SHEET_BACKGROUND_NAME,
+	position: "absolute",
+	top: 0,
+	left: 0,
+	right: 0,
+	zIndex: -1,
+	pointerEvents: "none"
+});
+const SheetHandle = (0, import_core.createStyledHOC)(SheetHandleFrame, ({ scope, ...props }, forwardedRef) => {
+	const context = (0, import_SheetContext.useSheetContext)(scope);
+	const composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
+	const wasDraggingRef = (0, import_react.useRef)(false);
+	(0, import_react.useEffect)(() => {
+		if (!context.scrollBridge) return;
+		return context.scrollBridge.onParentDragging((isDragging) => {
+			if (isDragging) wasDraggingRef.current = true;
+		});
+	}, [context.scrollBridge]);
+	if (context.onlyShowContainer) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetHandleFrame, {
+		ref: composedRef,
+		onPressIn: () => {
+			wasDraggingRef.current = false;
+		},
+		onPress: () => {
+			if (wasDraggingRef.current) {
+				wasDraggingRef.current = false;
+				return;
+			}
+			const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
+			const nextPos = (context.position + 1) % max;
+			context.setPosition(nextPos);
+		},
+		open: context.open,
+		...props
+	});
+});
+const SheetOverlay = (0, import_core.createStyledHOC)(SheetOverlayFrame, (propsIn, ref) => {
+	const { scope, ...props } = propsIn;
+	const context = (0, import_SheetContext.useSheetContext)(scope);
+	const isInOverlayLayer = (0, import_react.useContext)(import_SheetContext.SheetOverlayLayerContext);
+	const didWarn = (0, import_react.useRef)(false);
+	if (context.onlyShowContainer) return null;
+	if (!isInOverlayLayer) {
+		if (process.env.NODE_ENV === "development" && !didWarn.current) {
+			didWarn.current = true;
+			console.error("Sheet.Overlay must be a direct child of Sheet. Move it next to Sheet.Handle and Sheet.Container.");
+		}
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlayFrame, {
+		...props,
+		ref,
+		onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.dismissOnOverlayPress ? () => {
+			context.setOpen(false);
+		} : void 0)
+	});
+});
+const SheetContainer = (0, import_core.createStyledHOC)(SheetContainerFrame, ({ scope, adjustPaddingForOffscreenContent, children, ...props }, forwardedRef) => {
+	const context = (0, import_SheetContext.useSheetContext)(scope);
+	const { hasFit, disableRemoveScroll, frameSize, contentRef, open } = context;
+	const composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
+	const offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context);
+	const stableFrameSize = (0, import_react.useRef)(frameSize);
+	(0, import_react.useEffect)(() => {
+		if (open && frameSize) stableFrameSize.current = frameSize;
+	}, [open, frameSize]);
+	const sheetContents = (0, import_react.useMemo)(() => {
+		const 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,
+			height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
+			pointerEvents: open ? "auto" : "none",
+			"data-state": open ? "open" : "closed",
+			...props,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, {
+				zIndex: (0, import_portal.resolveViewZIndex)(props.zIndex),
+				children
+			}), adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.View, {
+				"data-sheet-offscreen-pad": true,
+				height: offscreenSize,
+				width: "100%"
+			})]
+		});
+	}, [
+		open,
+		props,
+		frameSize,
+		offscreenSize,
+		adjustPaddingForOffscreenContent,
+		hasFit
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_scroll.RemoveScroll, {
+		enabled: !disableRemoveScroll && context.open,
+		children: sheetContents
+	});
+});
+const SheetBackground = (0, import_core.createStyledHOC)(SheetBackgroundFrame, ({ scope, disableHideBottomOverflow, ...props }, forwardedRef) => {
+	const context = (0, import_SheetContext.useSheetContext)(scope);
+	const bottomOverflow = import_constants.isWeb ? Math.max(context.frameSize, (0, import_webViewport.getMaxViewportHeight)()) : context.frameSize;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetBackgroundFrame, {
+		ref: forwardedRef,
+		"data-sheet-background": "",
+		bottom: disableHideBottomOverflow ? 0 : -bottomOverflow,
+		...props
+	});
+});
+const SheetRoot = (0, import_core.createRefComponent)(function SheetRoot2(props, ref) {
+	const hydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
+	const isAdapted = (0, import_adapt.useAdaptIsActive)();
+	const adaptContext = (0, import_adapt.useAdaptContext)();
+	const { isShowingNonSheet } = (0, import_useSheetController.useSheetController)(props.scope);
+	const isShowingAdaptNonSheet = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange) && !adaptContext.active && adaptContext.open;
+	let SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom;
+	if (props.native && import_react_native.Platform.OS === "ios") {}
+	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) return null;
+	const implementation = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetImplementation, {
+		ref,
+		...props
+	});
+	return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptCapabilities, {
+		scroll: true,
+		overlay: true,
+		dismiss: true,
+		children: implementation
+	}) : implementation;
+});
+const sheetParts = {
+	Container: SheetContainer,
+	Background: SheetBackground,
+	Overlay: SheetOverlay,
+	Handle: SheetHandle,
+	ScrollView: import_SheetScrollView.SheetScrollView
+};
+const SheetControlled = (0, import_helpers.withStaticProperties)(SheetRoot, sheetParts);
+const Sheet = (0, import_helpers.withStaticProperties)(SheetRoot, {
+	Root: SheetRoot,
+	Controlled: SheetControlled,
+	useAnimatedPosition: import_SheetContext.useAnimatedPosition,
+	...sheetParts
 });
-const Sheet = (0, import_createSheet.createSheet)({
-  Frame,
-  Handle,
-  Overlay
-});

package/dist/cjs/Sheet.native.cjs

@@ -0,0 +1,234 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Sheet_exports = {};
+__export(Sheet_exports, {
+	Sheet: () => Sheet,
+	SheetBackground: () => SheetBackground,
+	SheetContainer: () => SheetContainer,
+	SheetControlled: () => SheetControlled,
+	SheetHandle: () => SheetHandle,
+	SheetOverlay: () => SheetOverlay,
+	SheetRoot: () => SheetRoot
+});
+module.exports = __toCommonJS(Sheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_adapt = require("@tamagui/adapt");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
+var import_portal = require("@tamagui/portal");
+var import_remove_scroll = require("@tamagui/remove-scroll");
+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");
+var import_SheetImplementationCustom = require("./SheetImplementationCustom.native.js");
+var import_SheetScrollView = require("./SheetScrollView.native.js");
+var import_useSheetController = require("./useSheetController.native.js");
+var import_useSheetOffscreenSize = require("./useSheetOffscreenSize.native.js");
+var import_webViewport = require("./webViewport.native.js");
+__reExport(Sheet_exports, require("./types.native.js"), module.exports);
+var SheetHandleFrame = (0, import_core.styled)(import_stacks.XStack, {
+	displayName: import_constants2.SHEET_HANDLE_NAME,
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
+});
+var SheetOverlayFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: import_constants2.SHEET_OVERLAY_NAME,
+	inset: 0,
+	position: "absolute",
+	zIndex: 99999,
+	pointerEvents: "auto",
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
+});
+Object.assign(SheetOverlayFrame.staticConfig, { [import_constants2.SHEET_OVERLAY_MARKER]: true });
+var SheetContainerFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: import_constants2.SHEET_CONTAINER_NAME,
+	flex: 1,
+	position: "relative",
+	zIndex: 0,
+	width: "100%",
+	maxHeight: "100%"
+});
+var SheetBackgroundFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: import_constants2.SHEET_BACKGROUND_NAME,
+	position: "absolute",
+	top: 0,
+	left: 0,
+	right: 0,
+	zIndex: -1,
+	pointerEvents: "none"
+});
+var SheetHandle = (0, import_core.createStyledHOC)(SheetHandleFrame, function(param, forwardedRef) {
+	var { scope, ...props } = param;
+	var context = (0, import_SheetContext.useSheetContext)(scope);
+	var composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
+	var wasDraggingRef = (0, import_react.useRef)(false);
+	(0, import_react.useEffect)(function() {
+		if (!context.scrollBridge) return;
+		return context.scrollBridge.onParentDragging(function(isDragging) {
+			if (isDragging) wasDraggingRef.current = true;
+		});
+	}, [context.scrollBridge]);
+	if (context.onlyShowContainer) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetHandleFrame, {
+		ref: composedRef,
+		onPressIn: function() {
+			wasDraggingRef.current = false;
+		},
+		onPress: function() {
+			if (wasDraggingRef.current) {
+				wasDraggingRef.current = false;
+				return;
+			}
+			var max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
+			var nextPos = (context.position + 1) % max;
+			context.setPosition(nextPos);
+		},
+		open: context.open,
+		...props
+	});
+});
+var SheetOverlay = (0, import_core.createStyledHOC)(SheetOverlayFrame, function(propsIn, ref) {
+	var { scope, ...props } = propsIn;
+	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 (!isInOverlayLayer) {
+		if (process.env.NODE_ENV === "development" && !didWarn.current) {
+			didWarn.current = true;
+			console.error("Sheet.Overlay must be a direct child of Sheet. Move it next to Sheet.Handle and Sheet.Container.");
+		}
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlayFrame, {
+		...props,
+		ref,
+		onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.dismissOnOverlayPress ? function() {
+			context.setOpen(false);
+		} : void 0)
+	});
+});
+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 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;
+	}, [open, frameSize]);
+	var sheetContents = (0, import_react.useMemo)(function() {
+		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,
+			height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
+			pointerEvents: open ? "auto" : "none",
+			"data-state": open ? "open" : "closed",
+			...props,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, {
+				zIndex: (0, import_portal.resolveViewZIndex)(props.zIndex),
+				children
+			}), adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.View, {
+				"data-sheet-offscreen-pad": true,
+				height: offscreenSize,
+				width: "100%"
+			})]
+		});
+	}, [
+		open,
+		props,
+		frameSize,
+		offscreenSize,
+		adjustPaddingForOffscreenContent,
+		hasFit
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_scroll.RemoveScroll, {
+		enabled: !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);
+	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,
+		"data-sheet-background": "",
+		bottom: disableHideBottomOverflow ? 0 : -bottomOverflow,
+		...props
+	});
+});
+var SheetRoot = (0, import_core.createRefComponent)(function SheetRoot2(props, ref) {
+	var hydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
+	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;
+	}
+	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) return null;
+	var implementation = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetImplementation, {
+		ref,
+		...props
+	});
+	return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptCapabilities, {
+		scroll: true,
+		overlay: true,
+		dismiss: true,
+		children: implementation
+	}) : implementation;
+});
+var sheetParts = {
+	Container: SheetContainer,
+	Background: SheetBackground,
+	Overlay: SheetOverlay,
+	Handle: SheetHandle,
+	ScrollView: import_SheetScrollView.SheetScrollView
+};
+var SheetControlled = (0, import_helpers.withStaticProperties)(SheetRoot, sheetParts);
+var Sheet = (0, import_helpers.withStaticProperties)(SheetRoot, {
+	Root: SheetRoot,
+	Controlled: SheetControlled,
+	useAnimatedPosition: import_SheetContext.useAnimatedPosition,
+	...sheetParts
+});