@tamagui/sheet 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/GestureSheetContext.cjs

@@ -3,52 +3,43 @@ 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GestureSheetContext_exports = {};
 __export(GestureSheetContext_exports, {
-  GestureSheetProvider: () => GestureSheetProvider,
-  useGestureSheetContext: () => useGestureSheetContext
+	GestureSheetProvider: () => GestureSheetProvider,
+	useGestureSheetContext: () => useGestureSheetContext
 });
 module.exports = __toCommonJS(GestureSheetContext_exports);
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 const GestureSheetContext = (0, import_react.createContext)(null);
 function useGestureSheetContext() {
-  return (0, import_react.useContext)(GestureSheetContext);
+	return (0, import_react.useContext)(GestureSheetContext);
+}
+function GestureSheetProvider({ children, isDragging, blockPan, setBlockPan, panGesture, panGestureRef }) {
+	const value = {
+		panGesture,
+		panGestureRef,
+		isDragging,
+		blockPan,
+		setBlockPan
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {
+		value,
+		children
+	});
 }
-function GestureSheetProvider({
-  children,
-  isDragging,
-  blockPan,
-  setBlockPan,
-  panGesture,
-  panGestureRef
-}) {
-  const value = {
-    panGesture,
-    panGestureRef,
-    isDragging,
-    blockPan,
-    setBlockPan
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {
-    value,
-    children
-  });
-}

package/dist/cjs/GestureSheetContext.native.cjs

@@ -0,0 +1,48 @@
+"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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var GestureSheetContext_exports = {};
+__export(GestureSheetContext_exports, {
+	GestureSheetProvider: () => GestureSheetProvider,
+	useGestureSheetContext: () => useGestureSheetContext
+});
+module.exports = __toCommonJS(GestureSheetContext_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var GestureSheetContext = /* @__PURE__ */ (0, import_react.createContext)(null);
+function useGestureSheetContext() {
+	return (0, import_react.useContext)(GestureSheetContext);
+}
+function GestureSheetProvider(param) {
+	var { children, isDragging, blockPan, setBlockPan, panGesture, panGestureRef } = param;
+	var value = {
+		panGesture,
+		panGestureRef,
+		isDragging,
+		blockPan,
+		setBlockPan
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {
+		value,
+		children
+	});
+}

package/dist/cjs/GestureSheetContext.native.js

@@ -5,54 +5,46 @@ 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GestureSheetContext_exports = {};
 __export(GestureSheetContext_exports, {
-  GestureSheetProvider: () => GestureSheetProvider,
-  useGestureSheetContext: () => useGestureSheetContext
+	GestureSheetProvider: () => GestureSheetProvider,
+	useGestureSheetContext: () => useGestureSheetContext
 });
 module.exports = __toCommonJS(GestureSheetContext_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var GestureSheetContext = /* @__PURE__ */(0, import_react.createContext)(null);
+var GestureSheetContext = /* @__PURE__ */ (0, import_react.createContext)(null);
 function useGestureSheetContext() {
-  return (0, import_react.useContext)(GestureSheetContext);
+	return (0, import_react.useContext)(GestureSheetContext);
 }
 function GestureSheetProvider(param) {
-  var {
-    children,
-    isDragging,
-    blockPan,
-    setBlockPan,
-    panGesture,
-    panGestureRef
-  } = param;
-  var value = {
-    panGesture,
-    panGestureRef,
-    isDragging,
-    blockPan,
-    setBlockPan
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {
-    value,
-    children
-  });
+	var { children, isDragging, blockPan, setBlockPan, panGesture, panGestureRef } = param;
+	var value = {
+		panGesture,
+		panGestureRef,
+		isDragging,
+		blockPan,
+		setBlockPan
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {
+		value,
+		children
+	});
 }
+
 //# sourceMappingURL=GestureSheetContext.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GestureSheetContext_exports","__export","GestureSheetProvider","useGestureSheetContext","module","exports","import_jsx_runtime","require","import_react","GestureSheetContext","createContext","useContext","param","children","isDragging","blockPan","setBlockPan","panGesture","panGestureRef","jsx","Provider"],"sources":["../../src/GestureSheetContext.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAA0D,CAAAK,2BAAA;AA0DtD,IAAAM,kBAAA,GAAAC,OAAA;AAhCJ,IAAAC,YAAM,GAAAD,OAAA,QAAsB;AAErB,IAAAE,mBAAS,kBAA0D,IAAAD,YAAA,CAAAE,aAAA;AACxE,SAAAP,sBAAOA,CAAA;EACT,WAAAK,YAAA,CAAAG,UAAA,EAAAF,mBAAA;AAWO;AAA8B,SACnCP,qBAAAU,KAAA;EACA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAN,KAAA;EACA,IAAAb,KAAA;IACAkB,UAAA;IACAC,aAAA;IACAJ,UAAA;IAC4BC,QAAA;IAC5BC;EAAwC;EACtC,OACA,mBAAAV,kBAAA,CAAAa,GAAA,EAAAV,mBAAA,CAAAW,QAAA;IACArB,KAAA;IACAc;EAAA,EACA;AAAA","ignoreList":[]}
+{"version":3,"file":"GestureSheetContext.native.js","names":[],"sources":["cjs/GestureSheetContext.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar GestureSheetContext_exports = {};\n__export(GestureSheetContext_exports, {\n  GestureSheetProvider: () => GestureSheetProvider,\n  useGestureSheetContext: () => useGestureSheetContext\n});\nmodule.exports = __toCommonJS(GestureSheetContext_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar GestureSheetContext = /* @__PURE__ */ (0, import_react.createContext)(null);\nfunction useGestureSheetContext() {\n  return (0, import_react.useContext)(GestureSheetContext);\n}\nfunction GestureSheetProvider(param) {\n  var { children, isDragging, blockPan, setBlockPan, panGesture, panGestureRef } = param;\n  var value = {\n    panGesture,\n    panGestureRef,\n    isDragging,\n    blockPan,\n    setBlockPan\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {\n    value,\n    children\n  });\n}\n//# sourceMappingURL=GestureSheetContext.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B;CACpC,4BAA4B;CAC5B,8BAA8B;AAChC,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,OAAO;AAClC,IAAI,sBAAsC,iBAAC,GAAG,aAAa,cAAa,CAAE,IAAI;AAC9E,SAAS,yBAAyB;CAChC,QAAQ,GAAG,aAAa,WAAU,CAAE,mBAAmB;AACzD;AACA,SAAS,qBAAqB,OAAO;CACnC,IAAI,EAAE,UAAU,YAAY,UAAU,aAAa,YAAY,kBAAkB;CACjF,IAAI,QAAQ;EACV;EACA;EACA;EACA;EACA;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,UAAU;EAC/E;EACA;CACF,CAAC;AACH"}

package/dist/cjs/Sheet.cjs

@@ -3,117 +3,238 @@ 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_constants2 = require("./constants.cjs");
+var import_nativeSheet = 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: 1e5 - 1,
+	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 shouldUseAdapt = Boolean(adaptContext.open !== void 0 || adaptContext.onOpenChange);
+	const isShowingAdaptNonSheet = shouldUseAdapt && !adaptContext.active && adaptContext.open;
+	let SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom;
+	if (props.native) {
+		const impl = (0, import_nativeSheet.getNativeSheet)("ios");
+		if (impl) {
+			SheetImplementation = impl;
+		}
+	}
+	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
-});