@tamagui/sheet 2.7.7 → 3.0.0-beta.1093.1

package/dist/jsx/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/jsx/GestureSheetContext.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","GestureSheetContext_exports","GestureSheetProvider","useGestureSheetContext"],"sources":["../../src/GestureSheetContext.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AA0DL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAhCJ,IAAAC,gBAAM,GAAAF,MAAsB,CAAAG,wBAAmD;AAExE,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAA0D;AACxE,IAAAC,YAAO,GAAAN,MAAW,CAAAO,SAAA,CAAAC,cAAmB;AACvC,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAWO,SAASC,IAAA,IAAAD,GAAA,EACdZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAC4BnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAC5B;EAAwC,OACtCE,EAAA;AAAA;AACA,IACAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACAE,2BAAA;AAAAhB,QACA,CAAAgB,2BAAA;EACFC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAEAC,sBACE,EAAAA,CAAA,KAACA;AAEL","ignoreList":[]}
+{"version":3,"file":"GestureSheetContext.native.js","names":[],"sources":["jsx/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/jsx/Sheet.mjs

@@ -1,89 +1,213 @@
-import { styled } from "@tamagui/core";
+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.mjs";
-import { createSheet } from "./createSheet.mjs";
-import { createSheetScope } from "./SheetContext.mjs";
-export * from "./types.mjs";
-const 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.mjs";
+import { getNativeSheet } from "./nativeSheet.mjs";
+import { SheetOverlayLayerContext, useAnimatedPosition, useSheetContext } from "./SheetContext.mjs";
+import { SheetImplementationCustom } from "./SheetImplementationCustom.mjs";
+import { SheetScrollView } from "./SheetScrollView.mjs";
+import { useSheetController } from "./useSheetController.mjs";
+import { useSheetOffscreenSize } from "./useSheetOffscreenSize.mjs";
+import { getMaxViewportHeight } from "./webViewport.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+export * from "./types.mjs"
+
+const SheetHandleFrame = styled(XStack, {
+	displayName: SHEET_HANDLE_NAME,
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
 });
-const 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"
-  }
+const SheetOverlayFrame = styled(YStack, {
+	displayName: SHEET_OVERLAY_NAME,
+	inset: 0,
+	position: "absolute",
+	zIndex: 1e5 - 1,
+	pointerEvents: "auto",
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
 });
-const 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 });
+const SheetContainerFrame = styled(YStack, {
+	displayName: SHEET_CONTAINER_NAME,
+	flex: 1,
+	position: "relative",
+	zIndex: 0,
+	width: "100%",
+	maxHeight: "100%"
 });
-const Sheet = createSheet({
-  Frame,
-  Handle,
-  Overlay
+const 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 };
+const SheetHandle = createStyledHOC(SheetHandleFrame, ({ scope, ...props }, forwardedRef) => {
+	const context = useSheetContext(scope);
+	const composedRef = useComposedRefs(context.handleRef, forwardedRef);
+	const wasDraggingRef = useRef(false);
+	useEffect(() => {
+		if (!context.scrollBridge) return;
+		return context.scrollBridge.onParentDragging((isDragging) => {
+			if (isDragging) {
+				wasDraggingRef.current = true;
+			}
+		});
+	}, [context.scrollBridge]);
+	if (context.onlyShowContainer) {
+		return null;
+	}
+	return /* @__PURE__ */ 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 = createStyledHOC(SheetOverlayFrame, (propsIn, ref) => {
+	const { scope, ...props } = propsIn;
+	const context = useSheetContext(scope);
+	const isInOverlayLayer = useContext(SheetOverlayLayerContext);
+	const 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 ? () => {
+			context.setOpen(false);
+		} : void 0)
+	});
+});
+const SheetContainer = createStyledHOC(SheetContainerFrame, ({ scope, adjustPaddingForOffscreenContent, children, ...props }, forwardedRef) => {
+	const context = useSheetContext(scope);
+	const { hasFit, disableRemoveScroll, frameSize, contentRef, open } = context;
+	const composedContentRef = useComposedRefs(forwardedRef, contentRef);
+	const offscreenSize = useSheetOffscreenSize(context);
+	const stableFrameSize = useRef(frameSize);
+	useEffect(() => {
+		if (open && frameSize) {
+			stableFrameSize.current = frameSize;
+		}
+	}, [open, frameSize]);
+	const sheetContents = useMemo(() => {
+		const 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
+	});
+});
+const SheetBackground = createStyledHOC(SheetBackgroundFrame, ({ scope, disableHideBottomOverflow, ...props }, forwardedRef) => {
+	const context = useSheetContext(scope);
+	const bottomOverflow = isWeb ? Math.max(context.frameSize, getMaxViewportHeight()) : context.frameSize;
+	return /* @__PURE__ */ jsx(SheetBackgroundFrame, {
+		ref: forwardedRef,
+		"data-sheet-background": "",
+		bottom: disableHideBottomOverflow ? 0 : -bottomOverflow,
+		...props
+	});
+});
+const SheetRoot = createRefComponent(function SheetRoot2(props, ref) {
+	const hydrated = useDidFinishSSR();
+	const isAdapted = useAdaptIsActive();
+	const adaptContext = useAdaptContext();
+	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;
+		}
+	}
+	if (isShowingAdaptNonSheet || isShowingNonSheet || !hydrated) {
+		return null;
+	}
+	const implementation = /* @__PURE__ */ jsx(SheetImplementation, {
+		ref,
+		...props
+	});
+	return isAdapted ? /* @__PURE__ */ jsx(AdaptCapabilities, {
+		scroll: true,
+		overlay: true,
+		dismiss: true,
+		children: implementation
+	}) : implementation;
+});
+const sheetParts = {
+	Container: SheetContainer,
+	Background: SheetBackground,
+	Overlay: SheetOverlay,
+	Handle: SheetHandle,
+	ScrollView: SheetScrollView
+};
+const SheetControlled = withStaticProperties(SheetRoot, sheetParts);
+const Sheet = withStaticProperties(SheetRoot, {
+	Root: SheetRoot,
+	Controlled: SheetControlled,
+	useAnimatedPosition,
+	...sheetParts
+});
+
+export { Sheet, SheetBackground, SheetContainer, SheetControlled, SheetHandle, SheetOverlay, SheetRoot };
 //# sourceMappingURL=Sheet.mjs.map

package/dist/jsx/Sheet.mjs.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,MAAMC,MAAA,GAASR,MAAA,CAAOC,MAAA,EAAQ;EACnCQ,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,MAAMC,OAAA,GAAU5B,MAAA,CAAOE,MAAA,EAAQ;EACpCO,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,MAAMI,KAAA,GAAQ/B,MAAA,CAAOE,MAAA,EAAQ;EAClCO,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,MAAMW,KAAA,GAAQhC,WAAA,CAAY;EAC/ByB,KAAA;EACAvB,MAAA;EACAoB;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"Sheet.js","names":[],"sources":["jsx/Sheet.js"],"sourcesContent":["import { AdaptCapabilities, useAdaptContext, useAdaptIsActive } from \"@tamagui/adapt\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport {\n  createRefComponent,\n  createStyledHOC,\n  styled,\n  View\n} from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { resolveViewZIndex } from \"@tamagui/portal\";\nimport { RemoveScroll } from \"@tamagui/remove-scroll\";\nimport { XStack, YStack } from \"@tamagui/stacks\";\nimport { useDidFinishSSR } from \"@tamagui/use-did-finish-ssr\";\nimport { StackZIndexContext } from \"@tamagui/z-index-stack\";\nimport { useContext, useEffect, useMemo, useRef } from \"react\";\nimport {\n  SHEET_BACKGROUND_NAME,\n  SHEET_CONTAINER_NAME,\n  SHEET_HANDLE_NAME,\n  SHEET_OVERLAY_MARKER,\n  SHEET_OVERLAY_NAME\n} from \"./constants\";\nimport { getNativeSheet } from \"./nativeSheet\";\nimport {\n  SheetOverlayLayerContext,\n  useAnimatedPosition,\n  useSheetContext\n} from \"./SheetContext\";\nimport { SheetImplementationCustom } from \"./SheetImplementationCustom\";\nimport { SheetScrollView } from \"./SheetScrollView\";\nimport { useSheetController } from \"./useSheetController\";\nimport { useSheetOffscreenSize } from \"./useSheetOffscreenSize\";\nimport { getMaxViewportHeight } from \"./webViewport\";\nexport * from \"./types\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst SheetHandleFrame = styled(XStack, {\n  displayName: SHEET_HANDLE_NAME,\n  // the behavior Handle ships no opacity rules; open/close aesthetics (fade in\n  // when open, dim when idle) live in the copied skin. see the canonical skin.\n  variants: {\n    open: {\n      true: {\n        pointerEvents: \"auto\"\n      },\n      false: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst SheetOverlayFrame = styled(YStack, {\n  displayName: SHEET_OVERLAY_NAME,\n  inset: 0,\n  position: \"absolute\",\n  zIndex: 1e5 - 1,\n  pointerEvents: \"auto\",\n  variants: {\n    open: {\n      true: {\n        pointerEvents: \"auto\"\n      },\n      false: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nObject.assign(SheetOverlayFrame.staticConfig, { [SHEET_OVERLAY_MARKER]: true });\nconst SheetContainerFrame = styled(YStack, {\n  displayName: SHEET_CONTAINER_NAME,\n  flex: 1,\n  position: \"relative\",\n  zIndex: 0,\n  width: \"100%\",\n  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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"}