@tamagui/sheet 2.7.7 → 3.0.0-beta.1093.1

package/dist/esm/Sheet.native.js

@@ -1,89 +1,216 @@
-import { styled } from "@tamagui/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AdaptCapabilities, useAdaptContext, useAdaptIsActive } from "@tamagui/adapt";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { View, createRefComponent, createStyledHOC, styled } from "@tamagui/core";
+import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
+import { resolveViewZIndex } from "@tamagui/portal";
+import { RemoveScroll } from "@tamagui/remove-scroll";
 import { XStack, YStack } from "@tamagui/stacks";
-import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from "./constants.native.js";
-import { createSheet } from "./createSheet.native.js";
-import { createSheetScope } from "./SheetContext.native.js";
-export * from "./types.native.js";
-var Handle = styled(XStack, {
-  name: 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"
-  }
+import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
+import { StackZIndexContext } from "@tamagui/z-index-stack";
+import { useContext, useEffect, useMemo, useRef } from "react";
+import { SHEET_BACKGROUND_NAME, SHEET_CONTAINER_NAME, SHEET_HANDLE_NAME, SHEET_OVERLAY_MARKER, SHEET_OVERLAY_NAME } from "./constants.native.js";
+import { getNativeSheet } from "./nativeSheet.native.js";
+import { SheetOverlayLayerContext, useAnimatedPosition, useSheetContext } from "./SheetContext.native.js";
+import { SheetImplementationCustom } from "./SheetImplementationCustom.native.js";
+import { SheetScrollView } from "./SheetScrollView.native.js";
+import { useSheetController } from "./useSheetController.native.js";
+import { useSheetOffscreenSize } from "./useSheetOffscreenSize.native.js";
+import { getMaxViewportHeight } from "./webViewport.native.js";
+
+export * from "./types.native.js"
+
+var SheetHandleFrame = styled(XStack, {
+	displayName: SHEET_HANDLE_NAME,
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
 });
-var Overlay = styled(YStack, {
-  name: 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"
-  }
+var SheetOverlayFrame = styled(YStack, {
+	displayName: SHEET_OVERLAY_NAME,
+	inset: 0,
+	position: "absolute",
+	zIndex: 1e5 - 1,
+	pointerEvents: "auto",
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
 });
-var Frame = styled(YStack, {
-  name: 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, { [SHEET_OVERLAY_MARKER]: true });
+var SheetContainerFrame = styled(YStack, {
+	displayName: SHEET_CONTAINER_NAME,
+	flex: 1,
+	position: "relative",
+	zIndex: 0,
+	width: "100%",
+	maxHeight: "100%"
 });
-var Sheet = createSheet({
-  Frame,
-  Handle,
-  Overlay
+var SheetBackgroundFrame = styled(YStack, {
+	displayName: SHEET_BACKGROUND_NAME,
+	position: "absolute",
+	top: 0,
+	left: 0,
+	right: 0,
+	zIndex: -1,
+	pointerEvents: "none"
 });
-export { Frame, Handle, Overlay, Sheet, createSheetScope };
+var SheetHandle = createStyledHOC(SheetHandleFrame, function(param, forwardedRef) {
+	var { scope, ...props } = param;
+	var context = useSheetContext(scope);
+	var composedRef = useComposedRefs(context.handleRef, forwardedRef);
+	var wasDraggingRef = useRef(false);
+	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__ */ 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 = createStyledHOC(SheetOverlayFrame, function(propsIn, ref) {
+	var { scope, ...props } = propsIn;
+	var context = useSheetContext(scope);
+	var isInOverlayLayer = useContext(SheetOverlayLayerContext);
+	var didWarn = 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__ */ jsx(SheetOverlayFrame, {
+		...props,
+		ref,
+		onPress: composeEventHandlers(props.onPress, context.dismissOnOverlayPress ? function() {
+			context.setOpen(false);
+		} : void 0)
+	});
+});
+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 composedContentRef = useComposedRefs(forwardedRef, contentRef);
+	var offscreenSize = useSheetOffscreenSize(context);
+	var stableFrameSize = useRef(frameSize);
+	useEffect(function() {
+		if (open && frameSize) {
+			stableFrameSize.current = frameSize;
+		}
+	}, [open, frameSize]);
+	var sheetContents = useMemo(function() {
+		var shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
+		return /* @__PURE__ */ 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__ */ jsx(StackZIndexContext, {
+				zIndex: resolveViewZIndex(props.zIndex),
+				children
+			}), adjustPaddingForOffscreenContent && /* @__PURE__ */ jsx(View, {
+				"data-sheet-offscreen-pad": true,
+				height: offscreenSize,
+				width: "100%"
+			})]
+		});
+	}, [
+		open,
+		props,
+		frameSize,
+		offscreenSize,
+		adjustPaddingForOffscreenContent,
+		hasFit
+	]);
+	return /* @__PURE__ */ jsx(RemoveScroll, {
+		enabled: !disableRemoveScroll && context.open,
+		children: sheetContents
+	});
+});
+var SheetBackground = createStyledHOC(SheetBackgroundFrame, function(param, forwardedRef) {
+	var { scope, disableHideBottomOverflow, ...props } = param;
+	var context = useSheetContext(scope);
+	var bottomOverflow = isWeb ? Math.max(context.frameSize, getMaxViewportHeight()) : context.frameSize;
+	return /* @__PURE__ */ jsx(SheetBackgroundFrame, {
+		ref: forwardedRef,
+		"data-sheet-background": "",
+		bottom: disableHideBottomOverflow ? 0 : -bottomOverflow,
+		...props
+	});
+});
+var SheetRoot = createRefComponent(function SheetRoot2(props, ref) {
+	var hydrated = useDidFinishSSR();
+	var isAdapted = useAdaptIsActive();
+	var adaptContext = useAdaptContext();
+	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;
+		}
+	}
+	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) {
+		return null;
+	}
+	var implementation = /* @__PURE__ */ jsx(SheetImplementation, {
+		ref,
+		...props
+	});
+	return isAdapted ? /* @__PURE__ */ jsx(AdaptCapabilities, {
+		scroll: true,
+		overlay: true,
+		dismiss: true,
+		children: implementation
+	}) : implementation;
+});
+var sheetParts = {
+	Container: SheetContainer,
+	Background: SheetBackground,
+	Overlay: SheetOverlay,
+	Handle: SheetHandle,
+	ScrollView: SheetScrollView
+};
+var SheetControlled = withStaticProperties(SheetRoot, sheetParts);
+var Sheet = withStaticProperties(SheetRoot, {
+	Root: SheetRoot,
+	Controlled: SheetControlled,
+	useAnimatedPosition,
+	...sheetParts
+});
+
+export { Sheet, SheetBackground, SheetContainer, SheetControlled, SheetHandle, SheetOverlay, SheetRoot };
 //# sourceMappingURL=Sheet.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["styled","XStack","YStack","SHEET_HANDLE_NAME","SHEET_NAME","SHEET_OVERLAY_NAME","createSheet","createSheetScope","Handle","name","variants","open","true","opacity","pointerEvents","false","unstyled","height","borderRadius","backgroundColor","zIndex","marginHorizontal","marginBottom","hoverStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","Overlay","fullscreen","position","Frame","flex","borderTopLeftRadius","borderTopRightRadius","width","maxHeight","overflow","Sheet"],"sources":["../../src/Sheet.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,MAAA,EAAQC,MAAA,QAAc;AAE/B,SAASC,iBAAA,EAAmBC,UAAA,EAAYC,kBAAA,QAA0B;AAClE,SAASC,WAAA,QAAmB;AAE5B,SAASC,gBAAA,QAAwB;AACjC,cAAc;AAMP,IAAAC,MAAM,GAAAR,MAAS,CAAAC,MAAO;EAC3BQ,IAAA,EAAMN,iBAAA;EAENO,QAAA,EAAU;IACRC,IAAA,EAAM;MACJC,IAAA,EAAM;QACJC,OAAA,EAAS;QACTC,aAAA,EAAe;MACjB;MACAC,KAAA,EAAO;QACLF,OAAA,EAAS;QACTC,aAAA,EAAe;MACjB;IACF;IAEAE,QAAA,EAAU;MACRD,KAAA,EAAO;QACLE,MAAA,EAAQ;QACRC,YAAA,EAAc;QACdC,eAAA,EAAiB;QACjBC,MAAA,EAAQ;QACRC,gBAAA,EAAkB;QAClBC,YAAA,EAAc;QACdT,OAAA,EAAS;QAETU,UAAA,EAAY;UACVV,OAAA,EAAS;QACX;MACF;IACF;EACF;EAEAW,eAAA,EAAiB;IACfR,QAAA,EAAUS,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAMM,IAAAC,OAAM,GAAA5B,MAAU,CAAAE,MAAO;EAC5BO,IAAA,EAAMJ,kBAAA;EAENK,QAAA,EAAU;IACRC,IAAA,EAAM;MACJC,IAAA,EAAM;QACJE,aAAA,EAAe;MACjB;MACAC,KAAA,EAAO;QACLD,aAAA,EAAe;MACjB;IACF;IAEAE,QAAA,EAAU;MACRD,KAAA,EAAO;QACLc,UAAA,EAAY;QACZC,QAAA,EAAU;QACVX,eAAA,EAAiB;QACjBC,MAAA,EAAQ,MAAU;QAClBN,aAAA,EAAe;MACjB;IACF;EACF;EAEAU,eAAA,EAAiB;IACfR,QAAA,EAAUS,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAMM,IAAAI,KAAM,GAAA/B,MAAQ,CAAAE,MAAO;EAC1BO,IAAA,EAAML,UAAA;EAENM,QAAA,EAAU;IACRM,QAAA,EAAU;MACRD,KAAA,EAAO;QACLiB,IAAA,EAAM;QACNb,eAAA,EAAiB;QACjBc,mBAAA,EAAqB;QACrBC,oBAAA,EAAsB;QACtBC,KAAA,EAAO;QACPC,SAAA,EAAW;QACXC,QAAA,EAAU;MACZ;IACF;EACF;EAEAb,eAAA,EAAiB;IACfR,QAAA,EAAUS,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAEM,IAAAW,KAAM,GAAAhC,WAAQ;EACnByB,KAAA;EACAvB,MAAA;EACAoB;AACF,CAAC","ignoreList":[]}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;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;CACP,WAAW;AACb,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,qBAAqB,WAAW,YAAY,SAAS;CACnE,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,uBAAuB,UAAU,CAAC,QAAQ,gBAAgB;EAC9D,OAAuB,qBAAM,qBAAqB;GAChD,KAAK;GACL,MAAM,UAAU,OAAO,IAAI;GAC3B,WAAW,SAAS,SAAS,KAAK;GAClC,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;CACF,CAAC;CACD,OAAuB,oBAAK,cAAc;EACxC,SAAS,CAAC,uBAAuB,QAAQ;EACzC,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,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,sBAAsB;CAC1B,IAAI,MAAM,QAAQ;EAChB,IAAI,OAAO,eAAe,KAAK;EAC/B,IAAI,MAAM;GACR,sBAAsB;EACxB;CACF;CACA,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/SheetContext.mjs

@@ -1,6 +1,22 @@
-import { createContextScope } from "@tamagui/create-context";
-import { SHEET_NAME } from "./constants.mjs";
-const [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME);
-const [SheetProvider, useSheetContext] = createSheetContext(SHEET_NAME, {});
-export { SheetProvider, createSheetContext, createSheetScope, useSheetContext };
+import { createStyledContext } from "@tamagui/core";
+import React from "react";
+
+const SheetContext = createStyledContext({}, "Sheet__");
+const { Provider: SheetProvider, useStyledContext: useSheetContext } = SheetContext;
+const SheetOverlayLayerContext = React.createContext(false);
+const SheetNativeSystemContext = React.createContext(false);
+const SheetAnimatedPositionContext = React.createContext(null);
+function useAnimatedPosition() {
+	const context = React.useContext(SheetAnimatedPositionContext);
+	const isNativeSystemSheet = React.useContext(SheetNativeSystemContext);
+	if (!context) {
+		if (isNativeSystemSheet) {
+			throw new Error("Sheet.useAnimatedPosition() is unavailable when Sheet uses the native iOS system sheet because UIKit does not expose its continuous position. Remove the `native` prop to use Tamagui's custom Sheet and animated position hooks.");
+		}
+		throw new Error("Sheet.useAnimatedPosition() must be used inside a <Sheet>. Render the component that calls it as a child of Sheet.");
+	}
+	return context;
+}
+
+export { SheetAnimatedPositionContext, SheetContext, SheetNativeSystemContext, SheetOverlayLayerContext, SheetProvider, useAnimatedPosition, useSheetContext };
 //# sourceMappingURL=SheetContext.mjs.map

package/dist/esm/SheetContext.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createContextScope","SHEET_NAME","createSheetContext","createSheetScope","SheetProvider","useSheetContext"],"sources":["../../src/SheetContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B;AAEnC,SAASC,UAAA,QAAkB;AAGpB,MAAM,CAACC,kBAAA,EAAoBC,gBAAgB,IAAIH,kBAAA,CAAmBC,UAAU;AAE5E,MAAM,CAACG,aAAA,EAAeC,eAAe,IAAIH,kBAAA,CAC9CD,UAAA,EACA,CAAC,CACH","ignoreList":[]}
+{"version":3,"file":"SheetContext.js","names":[],"sources":["esm/SheetContext.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/core\";\nimport React from \"react\";\nconst SheetContext = createStyledContext({}, \"Sheet__\");\nconst { Provider: SheetProvider, useStyledContext: useSheetContext } = SheetContext;\nconst SheetOverlayLayerContext = React.createContext(false);\nconst SheetNativeSystemContext = React.createContext(false);\nconst SheetAnimatedPositionContext = React.createContext(null);\nfunction useAnimatedPosition() {\n  const context = React.useContext(SheetAnimatedPositionContext);\n  const isNativeSystemSheet = React.useContext(SheetNativeSystemContext);\n  if (!context) {\n    if (isNativeSystemSheet) {\n      throw new Error(\n        \"Sheet.useAnimatedPosition() is unavailable when Sheet uses the native iOS system sheet because UIKit does not expose its continuous position. Remove the `native` prop to use Tamagui's custom Sheet and animated position hooks.\"\n      );\n    }\n    throw new Error(\n      \"Sheet.useAnimatedPosition() must be used inside a <Sheet>. Render the component that calls it as a child of Sheet.\"\n    );\n  }\n  return context;\n}\nexport {\n  SheetAnimatedPositionContext,\n  SheetContext,\n  SheetNativeSystemContext,\n  SheetOverlayLayerContext,\n  SheetProvider,\n  useAnimatedPosition,\n  useSheetContext\n};\n//# sourceMappingURL=SheetContext.js.map\n"],"mappings":";;;;AAEA,MAAM,eAAe,oBAAoB,CAAC,GAAG,SAAS;AACtD,MAAM,EAAE,UAAU,eAAe,kBAAkB,oBAAoB;AACvE,MAAM,2BAA2B,MAAM,cAAc,KAAK;AAC1D,MAAM,2BAA2B,MAAM,cAAc,KAAK;AAC1D,MAAM,+BAA+B,MAAM,cAAc,IAAI;AAC7D,SAAS,sBAAsB;CAC7B,MAAM,UAAU,MAAM,WAAW,4BAA4B;CAC7D,MAAM,sBAAsB,MAAM,WAAW,wBAAwB;CACrE,IAAI,CAAC,SAAS;EACZ,IAAI,qBAAqB;GACvB,MAAM,IAAI,MACR,mOACF;EACF;EACA,MAAM,IAAI,MACR,oHACF;CACF;CACA,OAAO;AACT"}

package/dist/esm/SheetContext.native.js

@@ -1,6 +1,22 @@
-import { createContextScope } from "@tamagui/create-context";
-import { SHEET_NAME } from "./constants.native.js";
-var [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME);
-var [SheetProvider, useSheetContext] = createSheetContext(SHEET_NAME, {});
-export { SheetProvider, createSheetContext, createSheetScope, useSheetContext };
+import { createStyledContext } from "@tamagui/core";
+import React from "react";
+
+var SheetContext = createStyledContext({}, "Sheet__");
+var { Provider: SheetProvider, useStyledContext: useSheetContext } = SheetContext;
+var SheetOverlayLayerContext = /* @__PURE__ */ React.createContext(false);
+var SheetNativeSystemContext = /* @__PURE__ */ React.createContext(false);
+var SheetAnimatedPositionContext = /* @__PURE__ */ React.createContext(null);
+function useAnimatedPosition() {
+	var context = React.useContext(SheetAnimatedPositionContext);
+	var isNativeSystemSheet = React.useContext(SheetNativeSystemContext);
+	if (!context) {
+		if (isNativeSystemSheet) {
+			throw new Error("Sheet.useAnimatedPosition() is unavailable when Sheet uses the native iOS system sheet because UIKit does not expose its continuous position. Remove the `native` prop to use Tamagui's custom Sheet and animated position hooks.");
+		}
+		throw new Error("Sheet.useAnimatedPosition() must be used inside a <Sheet>. Render the component that calls it as a child of Sheet.");
+	}
+	return context;
+}
+
+export { SheetAnimatedPositionContext, SheetContext, SheetNativeSystemContext, SheetOverlayLayerContext, SheetProvider, useAnimatedPosition, useSheetContext };
 //# sourceMappingURL=SheetContext.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createContextScope","SHEET_NAME","createSheetContext","createSheetScope","SheetProvider","useSheetContext"],"sources":["../../src/SheetContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B;AAEnC,SAASC,UAAA,QAAkB;AAGpB,KAAAC,kBAAO,EAAAC,gBAAoB,IAAgBH,kBAAI,CAAAC,UAAmB;AAElE,KAAAG,aAAO,EAAAC,eAAe,IAAeH,kBAAI,CAAAD,UAAA;AAAA,SAE9CG,aAAC,EACHF,kBAAA,E","ignoreList":[]}
+{"version":3,"file":"SheetContext.native.js","names":[],"sources":["esm/SheetContext.native.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/core\";\nimport React from \"react\";\nvar SheetContext = createStyledContext({}, \"Sheet__\");\nvar { Provider: SheetProvider, useStyledContext: useSheetContext } = SheetContext;\nvar SheetOverlayLayerContext = /* @__PURE__ */ React.createContext(false);\nvar SheetNativeSystemContext = /* @__PURE__ */ React.createContext(false);\nvar SheetAnimatedPositionContext = /* @__PURE__ */ React.createContext(null);\nfunction useAnimatedPosition() {\n  var context = React.useContext(SheetAnimatedPositionContext);\n  var isNativeSystemSheet = React.useContext(SheetNativeSystemContext);\n  if (!context) {\n    if (isNativeSystemSheet) {\n      throw new Error(\"Sheet.useAnimatedPosition() is unavailable when Sheet uses the native iOS system sheet because UIKit does not expose its continuous position. Remove the `native` prop to use Tamagui's custom Sheet and animated position hooks.\");\n    }\n    throw new Error(\"Sheet.useAnimatedPosition() must be used inside a <Sheet>. Render the component that calls it as a child of Sheet.\");\n  }\n  return context;\n}\nexport {\n  SheetAnimatedPositionContext,\n  SheetContext,\n  SheetNativeSystemContext,\n  SheetOverlayLayerContext,\n  SheetProvider,\n  useAnimatedPosition,\n  useSheetContext\n};\n//# sourceMappingURL=SheetContext.js.map\n"],"mappings":";;;;AAEA,IAAI,eAAe,oBAAoB,CAAC,GAAG,SAAS;AACpD,IAAI,EAAE,UAAU,eAAe,kBAAkB,oBAAoB;AACrE,IAAI,2BAA2C,sBAAM,cAAc,KAAK;AACxE,IAAI,2BAA2C,sBAAM,cAAc,KAAK;AACxE,IAAI,+BAA+C,sBAAM,cAAc,IAAI;AAC3E,SAAS,sBAAsB;CAC7B,IAAI,UAAU,MAAM,WAAW,4BAA4B;CAC3D,IAAI,sBAAsB,MAAM,WAAW,wBAAwB;CACnE,IAAI,CAAC,SAAS;EACZ,IAAI,qBAAqB;GACvB,MAAM,IAAI,MAAM,mOAAmO;EACrP;EACA,MAAM,IAAI,MAAM,oHAAoH;CACtI;CACA,OAAO;AACT"}

package/dist/esm/SheetController.mjs

@@ -2,36 +2,40 @@ import React, { useId, useRef } from "react";
 import { useEvent } from "@tamagui/core";
 import { SheetControllerContext } from "./useSheetController.mjs";
 import { jsx } from "react/jsx-runtime";
-const SheetController = ({
-  children,
-  onOpenChange: onOpenChangeProp,
-  onAnimationComplete: onAnimationCompleteProp,
-  open,
-  hidden,
-  disableDrag
-}) => {
-  const onOpenChange = useEvent(onOpenChangeProp);
-  const onAnimationComplete = useEvent(onAnimationCompleteProp);
-  const id = useId();
-  const wasHiddenRef = useRef(hidden);
-  let skipNextAnimation = false;
-  if (wasHiddenRef.current && !hidden && open) {
-    skipNextAnimation = true;
-  }
-  wasHiddenRef.current = hidden;
-  const memoValue = React.useMemo(() => ({
-    id,
-    open,
-    hidden,
-    disableDrag,
-    onOpenChange,
-    onAnimationComplete,
-    skipNextAnimation
-  }), [id, onOpenChange, onAnimationComplete, open, hidden, disableDrag, skipNextAnimation]);
-  return /* @__PURE__ */jsx(SheetControllerContext.Provider, {
-    value: memoValue,
-    children
-  });
+
+const SheetController = ({ children, onOpenChange: onOpenChangeProp, onTransition: onTransitionProp, open, hidden, disableDrag, scope = "" }) => {
+	const onOpenChange = useEvent(onOpenChangeProp);
+	const onTransition = useEvent(onTransitionProp);
+	const id = useId();
+	const wasHiddenRef = useRef(hidden);
+	let skipNextAnimation = false;
+	if (wasHiddenRef.current && !hidden && open) {
+		skipNextAnimation = true;
+	}
+	wasHiddenRef.current = hidden;
+	const memoValue = React.useMemo(() => ({
+		id,
+		open,
+		hidden,
+		disableDrag,
+		onOpenChange,
+		onTransition,
+		skipNextAnimation
+	}), [
+		id,
+		onOpenChange,
+		onTransition,
+		open,
+		hidden,
+		disableDrag,
+		skipNextAnimation
+	]);
+	return /* @__PURE__ */ jsx(SheetControllerContext.Provider, {
+		scope,
+		...memoValue,
+		children
+	});
 };
+
 export { SheetController };
 //# sourceMappingURL=SheetController.mjs.map

package/dist/esm/SheetController.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","useId","useRef","useEvent","SheetControllerContext","jsx","SheetController","children","onOpenChange","onOpenChangeProp","onAnimationComplete","onAnimationCompleteProp","open","hidden","disableDrag","id","wasHiddenRef","skipNextAnimation","current","memoValue","useMemo","Provider","value"],"sources":["../../src/SheetController.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,KAAA,EAAOC,MAAA,QAAc;AACrC,SAASC,QAAA,QAAgB;AAIzB,SAASC,sBAAA,QAA8B;AAqCnC,SAAAC,GAAA;AAnCG,MAAMC,eAAA,GAAkBA,CAAC;EAC9BC,QAAA;EACAC,YAAA,EAAcC,gBAAA;EACdC,mBAAA,EAAqBC,uBAAA;EACrBC,IAAA;EACAC,MAAA;EACAC;AACF,MAAuE;EACrE,MAAMN,YAAA,GAAeL,QAAA,CAASM,gBAAgB;EAC9C,MAAMC,mBAAA,GAAsBP,QAAA,CAASQ,uBAAuB;EAC5D,MAAMI,EAAA,GAAKd,KAAA,CAAM;EAIjB,MAAMe,YAAA,GAAed,MAAA,CAAOW,MAAM;EAClC,IAAII,iBAAA,GAAoB;EACxB,IAAID,YAAA,CAAaE,OAAA,IAAW,CAACL,MAAA,IAAUD,IAAA,EAAM;IAC3CK,iBAAA,GAAoB;EACtB;EACAD,YAAA,CAAaE,OAAA,GAAUL,MAAA;EAEvB,MAAMM,SAAA,GAAYnB,KAAA,CAAMoB,OAAA,CACtB,OAAO;IACLL,EAAA;IACAH,IAAA;IACAC,MAAA;IACAC,WAAA;IACAN,YAAA;IACAE,mBAAA;IACAO;EACF,IACA,CAACF,EAAA,EAAIP,YAAA,EAAcE,mBAAA,EAAqBE,IAAA,EAAMC,MAAA,EAAQC,WAAA,EAAaG,iBAAiB,CACtF;EAEA,OACE,eAAAZ,GAAA,CAACD,sBAAA,CAAuBiB,QAAA,EAAvB;IAAgCC,KAAA,EAAOH,SAAA;IACrCZ;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"file":"SheetController.js","names":[],"sources":["esm/SheetController.js"],"sourcesContent":["import React, { useId, useRef } from \"react\";\nimport { useEvent } from \"@tamagui/core\";\nimport { SheetControllerContext } from \"./useSheetController\";\nimport { jsx } from \"react/jsx-runtime\";\nconst SheetController = ({\n  children,\n  onOpenChange: onOpenChangeProp,\n  onTransition: onTransitionProp,\n  open,\n  hidden,\n  disableDrag,\n  scope = \"\"\n}) => {\n  const onOpenChange = useEvent(onOpenChangeProp);\n  const onTransition = useEvent(onTransitionProp);\n  const id = useId();\n  const wasHiddenRef = useRef(hidden);\n  let skipNextAnimation = false;\n  if (wasHiddenRef.current && !hidden && open) {\n    skipNextAnimation = true;\n  }\n  wasHiddenRef.current = hidden;\n  const memoValue = React.useMemo(\n    () => ({\n      id,\n      open,\n      hidden,\n      disableDrag,\n      onOpenChange,\n      onTransition,\n      skipNextAnimation\n    }),\n    [id, onOpenChange, onTransition, open, hidden, disableDrag, skipNextAnimation]\n  );\n  return /* @__PURE__ */ jsx(SheetControllerContext.Provider, { scope, ...memoValue, children });\n};\nexport {\n  SheetController\n};\n//# sourceMappingURL=SheetController.js.map\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB,EACvB,UACA,cAAc,kBACd,cAAc,kBACd,MACA,QACA,aACA,QAAQ,SACJ;CACJ,MAAM,eAAe,SAAS,gBAAgB;CAC9C,MAAM,eAAe,SAAS,gBAAgB;CAC9C,MAAM,KAAK,MAAM;CACjB,MAAM,eAAe,OAAO,MAAM;CAClC,IAAI,oBAAoB;CACxB,IAAI,aAAa,WAAW,CAAC,UAAU,MAAM;EAC3C,oBAAoB;CACtB;CACA,aAAa,UAAU;CACvB,MAAM,YAAY,MAAM,eACf;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAI;EAAc;EAAc;EAAM;EAAQ;EAAa;CAAiB,CAC/E;CACA,OAAuB,oBAAI,uBAAuB,UAAU;EAAE;EAAO,GAAG;EAAW;CAAS,CAAC;AAC/F"}

package/dist/esm/SheetController.native.js

@@ -1,40 +1,44 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import React, { useId, useRef } from "react";
 import { useEvent } from "@tamagui/core";
 import { SheetControllerContext } from "./useSheetController.native.js";
-var SheetController = function (param) {
-  var {
-    children,
-    onOpenChange: onOpenChangeProp,
-    onAnimationComplete: onAnimationCompleteProp,
-    open,
-    hidden,
-    disableDrag
-  } = param;
-  var onOpenChange = useEvent(onOpenChangeProp);
-  var onAnimationComplete = useEvent(onAnimationCompleteProp);
-  var id = useId();
-  var wasHiddenRef = useRef(hidden);
-  var skipNextAnimation = false;
-  if (wasHiddenRef.current && !hidden && open) {
-    skipNextAnimation = true;
-  }
-  wasHiddenRef.current = hidden;
-  var memoValue = React.useMemo(function () {
-    return {
-      id,
-      open,
-      hidden,
-      disableDrag,
-      onOpenChange,
-      onAnimationComplete,
-      skipNextAnimation
-    };
-  }, [id, onOpenChange, onAnimationComplete, open, hidden, disableDrag, skipNextAnimation]);
-  return /* @__PURE__ */_jsx(SheetControllerContext.Provider, {
-    value: memoValue,
-    children
-  });
+
+var SheetController = function(param) {
+	var { children, onOpenChange: onOpenChangeProp, onTransition: onTransitionProp, open, hidden, disableDrag, scope = "" } = param;
+	var onOpenChange = useEvent(onOpenChangeProp);
+	var onTransition = useEvent(onTransitionProp);
+	var id = useId();
+	var wasHiddenRef = useRef(hidden);
+	var skipNextAnimation = false;
+	if (wasHiddenRef.current && !hidden && open) {
+		skipNextAnimation = true;
+	}
+	wasHiddenRef.current = hidden;
+	var memoValue = React.useMemo(function() {
+		return {
+			id,
+			open,
+			hidden,
+			disableDrag,
+			onOpenChange,
+			onTransition,
+			skipNextAnimation
+		};
+	}, [
+		id,
+		onOpenChange,
+		onTransition,
+		open,
+		hidden,
+		disableDrag,
+		skipNextAnimation
+	]);
+	return /* @__PURE__ */ jsx(SheetControllerContext.Provider, {
+		scope,
+		...memoValue,
+		children
+	});
 };
+
 export { SheetController };
 //# sourceMappingURL=SheetController.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","React","useId","useRef","useEvent","SheetControllerContext","SheetController","param","children","onOpenChange","onOpenChangeProp","onAnimationComplete","onAnimationCompleteProp","open","hidden","disableDrag","id","wasHiddenRef","skipNextAnimation","current","memoValue","useMemo","Provider"],"sources":["../../src/SheetController.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAASC,IAAA,QAAO,mBAAc;AACrC,OAAAC,KAAS,IAAAC,KAAA,EAAAC,MAAgB;AAIzB,SAASC,QAAA,uBAA8B;AAqCnC,SAAAC,sBAAA;AAnCG,IAAAC,eAAM,YAAAA,CAAmBC,KAAA;EAC9B;IAAAC,QAAA;IAAAC,YAAA,EAAAC,gBAAA;IAAAC,mBAAA,EAAAC,uBAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAR,KAAA;EACA,IAAAE,YAAc,GAAAL,QAAA,CAAAM,gBAAA;EACd,IAAAC,mBAAqB,GAAAP,QAAA,CAAAQ,uBAAA;EACrB,IAAAI,EAAA,GAAAd,KAAA;EACA,IAAAe,YAAA,GAAAd,MAAA,CAAAW,MAAA;EACA,IAAAI,iBAAA;EACF,IAAuED,YAAA,CAAAE,OAAA,KAAAL,MAAA,IAAAD,IAAA;IACrEK,iBAAM,GAAe;EACrB;EACAD,YAAW,CAAAE,OAAM,GAAAL,MAAA;EAIjB,IAAAM,SAAM,GAAAnB,KAAe,CAAAoB,OAAO,aAAM;IAClC,OAAI;MACAL,EAAA;MACFH,IAAA;MACFC,MAAA;MACAC,WAAa;MAEbN,YAAM;MACJE,mBAAO;MACLO;IAAA;EACA,IACAF,EACA,EAAAP,YACA,EAAAE,mBACA,EAAAE,IACA,EACFC,MAAA,EACAC,WAAK,EACPG,iBAAA,CAEA;EAKF,sBAAAlB,IAAA,CAAAK,sBAAA,CAAAiB,QAAA","ignoreList":[]}
+{"version":3,"file":"SheetController.native.js","names":[],"sources":["esm/SheetController.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React, { useId, useRef } from \"react\";\nimport { useEvent } from \"@tamagui/core\";\nimport { SheetControllerContext } from \"./useSheetController\";\nvar SheetController = function(param) {\n  var { children, onOpenChange: onOpenChangeProp, onTransition: onTransitionProp, open, hidden, disableDrag, scope = \"\" } = param;\n  var onOpenChange = useEvent(onOpenChangeProp);\n  var onTransition = useEvent(onTransitionProp);\n  var id = useId();\n  var wasHiddenRef = useRef(hidden);\n  var skipNextAnimation = false;\n  if (wasHiddenRef.current && !hidden && open) {\n    skipNextAnimation = true;\n  }\n  wasHiddenRef.current = hidden;\n  var memoValue = React.useMemo(function() {\n    return {\n      id,\n      open,\n      hidden,\n      disableDrag,\n      onOpenChange,\n      onTransition,\n      skipNextAnimation\n    };\n  }, [\n    id,\n    onOpenChange,\n    onTransition,\n    open,\n    hidden,\n    disableDrag,\n    skipNextAnimation\n  ]);\n  return /* @__PURE__ */ _jsx(SheetControllerContext.Provider, {\n    scope,\n    ...memoValue,\n    children\n  });\n};\nexport {\n  SheetController\n};\n//# sourceMappingURL=SheetController.js.map\n"],"mappings":";;;;;;AAIA,IAAI,kBAAkB,SAAS,OAAO;CACpC,IAAI,EAAE,UAAU,cAAc,kBAAkB,cAAc,kBAAkB,MAAM,QAAQ,aAAa,QAAQ,OAAO;CAC1H,IAAI,eAAe,SAAS,gBAAgB;CAC5C,IAAI,eAAe,SAAS,gBAAgB;CAC5C,IAAI,KAAK,MAAM;CACf,IAAI,eAAe,OAAO,MAAM;CAChC,IAAI,oBAAoB;CACxB,IAAI,aAAa,WAAW,CAAC,UAAU,MAAM;EAC3C,oBAAoB;CACtB;CACA,aAAa,UAAU;CACvB,IAAI,YAAY,MAAM,QAAQ,WAAW;EACvC,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;EACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,uBAAuB,UAAU;EAC3D;EACA,GAAG;EACH;CACF,CAAC;AACH"}

package/dist/esm/SheetDragSurface.mjs

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

package/dist/esm/SheetDragSurface.mjs.map

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