npm - @tamagui/sheet - Versions diffs - 1.0.1-beta.113 → 1.0.1-beta.116 - Mend

@tamagui/sheet 1.0.1-beta.113 → 1.0.1-beta.116

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/cjs/Sheet.js CHANGED Viewed

@@ -29,6 +29,7 @@ __export(Sheet_exports, {
   SheetHandleFrame: () => SheetHandleFrame,
   SheetOverlay: () => SheetOverlay,
   SheetOverlayFrame: () => SheetOverlayFrame,
+  SheetScrollView: () => SheetScrollView,
   createSheetScope: () => createSheetScope
 });
 module.exports = __toCommonJS(Sheet_exports);
@@ -98,7 +99,7 @@ const SheetOverlayFrame = (0, import_core.styled)(import_stacks.YStack, {
 const SheetOverlay = SheetOverlayFrame.extractable(({ __scopeSheet, ...props }) => {
   const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet);
   return /* @__PURE__ */ import_react.default.createElement(import_remove_scroll.RemoveScroll, {
-    enabled: context.open,
+    enabled: context.open && context.modal,
     as: import_core.Slot,
     allowPinchZoom: context.allowPinchZoom,
     shards: [context.contentRef],
@@ -111,6 +112,69 @@ const SheetOverlay = SheetOverlayFrame.extractable(({ __scopeSheet, ...props })
     } : void 0)
   }));
 });
+const SHEET_SCROLL_VIEW_NAME = "SheetScrollView";
+const SheetScrollView = (0, import_react.forwardRef)(({ __scopeSheet, ...props }, ref) => {
+  const { scrollBridge } = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet);
+  const [scrollEnabled, setScrollEnabled] = (0, import_react.useState)(true);
+  const state = (0, import_react.useRef)({
+    dy: 0,
+    dys: []
+  });
+  const release = () => {
+    setScrollEnabled(true);
+    const recentDys = state.current.dys.slice(-10);
+    const dist = recentDys.length ? recentDys.reduce((a, b, i) => a + b - (recentDys[i - 1] ?? recentDys[0]), 0) : 0;
+    const avgDy = dist / recentDys.length;
+    const vy = avgDy * 0.075;
+    state.current.dys = [];
+    scrollBridge.release({
+      dy: state.current.dy,
+      vy
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react_native.ScrollView, {
+    ref,
+    scrollEventThrottle: 16,
+    ...props,
+    scrollEnabled: props.scrollEnabled || scrollEnabled,
+    onScroll: (0, import_core.composeEventHandlers)(props.onScroll, (e) => {
+      const { y } = e.nativeEvent.contentOffset;
+      scrollBridge.y = y;
+      if (y > 0) {
+        scrollBridge.scrollStartY = -1;
+      }
+    }),
+    onResponderMove: (0, import_core.composeEventHandlers)(props.onResponderMove, (e) => {
+      const { pageY } = e.nativeEvent;
+      if (scrollBridge.y <= 0) {
+        if (scrollBridge.scrollStartY === -1) {
+          scrollBridge.scrollStartY = pageY;
+        }
+        const dy = pageY - scrollBridge.scrollStartY;
+        if (dy <= 0) {
+          setScrollEnabled(true);
+          return;
+        }
+        setScrollEnabled(false);
+        scrollBridge.drag(dy);
+        state.current.dy = dy;
+        state.current.dys.push(dy);
+        if (state.current.dys.length > 100) {
+          state.current.dys = state.current.dys.slice(-10);
+        }
+      }
+    }),
+    onResponderReject: (0, import_core.composeEventHandlers)(props.onResponderReject, release),
+    onResponderTerminate: (0, import_core.composeEventHandlers)(props.onResponderTerminate, release),
+    onResponderRelease: (0, import_core.composeEventHandlers)(props.onResponderRelease, release),
+    style: [
+      {
+        flex: 1
+      },
+      props.style
+    ]
+  });
+});
 const selectionStyleSheet = import_core.isClient ? document.createElement("style") : null;
 if (selectionStyleSheet) {
   document.head.appendChild(selectionStyleSheet);
@@ -150,14 +214,28 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
     animationConfig,
     dismissOnSnapToBottom = false,
     disableDrag: disableDragProp,
-    modal,
+    modal = false,
     allowPinchZoom
   } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (snapPointsProp.some((p) => p < 0 || p > 100)) {
+      console.warn(`\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`);
+    }
+  }
   const controller = (0, import_react.useContext)(SheetControllerContext);
   const isHidden = (controller == null ? void 0 : controller.hidden) || false;
   const disableDrag = disableDragProp ?? (controller == null ? void 0 : controller.disableDrag);
   const themeName = (0, import_core.useThemeName)();
   const contentRef = import_react.default.useRef(null);
+  const scrollBridge = (0, import_core.useConstant)(() => ({
+    enabled: false,
+    y: 0,
+    scrollStartY: -1,
+    drag: () => {
+    },
+    release: () => {
+    }
+  }));
   const onChangeOpenInternal = (val) => {
     var _a;
     (_a = controller == null ? void 0 : controller.onChangeOpen) == null ? void 0 : _a.call(controller, val);
@@ -191,7 +269,7 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
     positionValue.current = new import_react_native.Animated.Value(HIDDEN_SIZE);
   }
   const [isResizing, setIsResizing] = (0, import_react.useState)(true);
-  (0, import_react.useLayoutEffect)(() => {
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
     if (!isResizing) {
       setIsResizing(true);
     }
@@ -247,7 +325,7 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
       }
     });
   });
-  (0, import_react.useLayoutEffect)(() => {
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
     animateTo(position);
   }, [isHidden, frameSize, position, animateTo]);
   const at = (0, import_react.useRef)(0);
@@ -276,7 +354,9 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
         selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`;
       }
     }
-    const finish = (_e, { vy, dy }) => {
+    const release = ({ vy, dy }) => {
+      isExternalDrag = false;
+      previouslyScrolling = false;
       makeUnselectable(false);
       const at2 = dy + startY;
       const end = at2 + frameSize * vy * 0.33;
@@ -293,15 +373,45 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
       setPosition(closestPoint);
       animateTo(closestPoint);
     };
+    const finish = (_e, state) => {
+      release(state);
+    };
+    let previouslyScrolling = false;
+    const onMoveShouldSet = (_e, { dy }) => {
+      if (scrollBridge.y !== 0) {
+        previouslyScrolling = true;
+        return false;
+      }
+      if (scrollBridge.y === 0 && dy < 0) {
+        return false;
+      }
+      if (previouslyScrolling) {
+        previouslyScrolling = false;
+        return true;
+      }
+      return Math.abs(dy) > 8;
+    };
+    const grant = () => {
+      makeUnselectable(true);
+      stopSpring();
+      startY = at.current;
+    };
+    let isExternalDrag = false;
+    scrollBridge.drag = (dy) => {
+      if (!isExternalDrag) {
+        isExternalDrag = true;
+        grant();
+      }
+      const to = dy + startY;
+      pos.setValue(resisted(to, minY));
+    };
+    scrollBridge.release = release;
     return import_react_native.PanResponder.create({
-      onMoveShouldSetPanResponder: (_e, { dy }) => {
-        return Math.abs(dy) > 6;
-      },
-      onPanResponderGrant: () => {
-        makeUnselectable(true);
-        stopSpring();
-        startY = at.current;
+      onMoveShouldSetPanResponder: (...args) => {
+        const res = onMoveShouldSet(...args);
+        return res;
       },
+      onPanResponderGrant: grant,
       onPanResponderMove: (_e, { dy }) => {
         const to = dy + startY;
         pos.setValue(resisted(to, minY));
@@ -338,6 +448,7 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
     return null;
   }
   const contents = /* @__PURE__ */ import_react.default.createElement(SheetProvider, {
+    modal,
     contentRef,
     dismissOnOverlayPress,
     dismissOnSnapToBottom,
@@ -348,7 +459,8 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
     position,
     snapPoints,
     setPosition,
-    setOpen
+    setOpen,
+    scrollBridge
   }, isResizing ? null : overlayComponent, isHidden ? null : handleComponent, /* @__PURE__ */ import_react.default.createElement(import_react_native.Animated.View, {
     ref,
     ...panResponder == null ? void 0 : panResponder.panHandlers,
@@ -378,7 +490,8 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
 })), {
   Handle: SheetHandle,
   Frame: SheetFrame,
-  Overlay: SheetOverlay
+  Overlay: SheetOverlay,
+  ScrollView: SheetScrollView
 });
 function getPercentSize(point, frameSize) {
   if (!frameSize)
@@ -428,6 +541,7 @@ const SheetController = ({
   SheetHandleFrame,
   SheetOverlay,
   SheetOverlayFrame,
+  SheetScrollView,
   createSheetScope
 });
 //# sourceMappingURL=Sheet.js.map

package/dist/cjs/Sheet.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Sheet.tsx"],
-  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  Slot,\n  TamaguiElement,\n  Theme,\n  isClient,\n  isWeb,\n  mergeEvent,\n  styled,\n  themeable,\n  useEvent,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { Portal } from '@tamagui/portal'\nimport { RemoveScroll } from '@tamagui/remove-scroll'\nimport { XStack, XStackProps, YStack, YStackProps } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, {\n  ReactNode,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Animated,\n  GestureResponderEvent,\n  PanResponder,\n  PanResponderGestureState,\n  View,\n} from 'react-native'\n\nconst SHEET_NAME = 'Sheet'\nconst SHEET_HANDLE_NAME = 'SheetHandle'\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>\n\nexport type SheetProps = ScopedProps<\n  {\n    open?: boolean\n    defaultOpen?: boolean\n    onChangeOpen?: OpenChangeHandler\n    position?: number\n    defaultPosition?: number\n    snapPoints?: number[]\n    onChangePosition?: PositionChangeHandler\n    children?: ReactNode\n    dismissOnOverlayPress?: boolean\n    dismissOnSnapToBottom?: boolean\n    animationConfig?: Animated.SpringAnimationConfig\n    disableDrag?: boolean\n    modal?: boolean\n\n    /**\n     * @see https://github.com/theKashey/react-remove-scroll#usage\n     */\n    allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n  },\n  'Sheet'\n>\n\ntype PositionChangeHandler = (position: number) => void\n\ntype OpenChangeHandler = ((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>\n\ntype SheetContextValue = Required<\n  Pick<SheetProps, 'open' | 'position' | 'snapPoints' | 'dismissOnOverlayPress'>\n> & {\n  hidden: boolean\n  setPosition: PositionChangeHandler\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>\n  allowPinchZoom: RemoveScrollProps['allowPinchZoom']\n  contentRef: React.RefObject<TamaguiElement>\n  dismissOnSnapToBottom: boolean\n}\n\nconst [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME)\nconst [SheetProvider, useSheetContext] = createSheetContext<SheetContextValue>(\n  SHEET_NAME,\n  {} as any\n)\n\nexport const SheetHandleFrame = styled(XStack, {\n  name: SHEET_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  position: 'absolute',\n  pointerEvents: 'auto',\n  zIndex: 10,\n  y: -18,\n  top: 0,\n  left: '35%',\n  right: '35%',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n})\n\ntype SheetScopedProps<A> = ScopedProps<A, 'Sheet'>\n\nexport const SheetHandle = SheetHandleFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => {\n    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)\n\n    if (context.open === false) {\n      return null\n    }\n\n    return (\n      <SheetHandleFrame\n        onPress={() => {\n          // don't toggle to the bottom snap position when dismissOnSnapToBottom set\n          const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0)\n          const nextPos = (context.position + 1) % max\n          context.setPosition(nextPos)\n        }}\n        {...props}\n      />\n    )\n  }\n)\n\nconst SHEET_OVERLAY_NAME = 'SheetOverlay'\n\nexport const SheetOverlayFrame = styled(YStack, {\n  name: SHEET_OVERLAY_NAME,\n  // TODO this should be $background without opacity and just customized by theme\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n  zIndex: 0,\n\n  variants: {\n    closed: {\n      true: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      false: {\n        pointerEvents: 'auto',\n      },\n      // TODO still have as const bug\n    } as const,\n  },\n})\n\nexport type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>\n\nexport const SheetOverlay = SheetOverlayFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => {\n    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)\n    return (\n      <RemoveScroll\n        enabled={context.open}\n        as={Slot}\n        allowPinchZoom={context.allowPinchZoom}\n        shards={[context.contentRef]}\n        // causes lots of bugs on touch web on site\n        removeScrollBar={false}\n      >\n        <SheetOverlayFrame\n          closed={!context.open || context.hidden}\n          {...props}\n          onPress={mergeEvent(\n            props.onPress,\n            context.dismissOnOverlayPress\n              ? () => {\n                  context.setOpen(false)\n                }\n              : undefined\n          )}\n        />\n      </RemoveScroll>\n    )\n  }\n)\n\nconst selectionStyleSheet = isClient ? document.createElement('style') : null\nif (selectionStyleSheet) {\n  document.head.appendChild(selectionStyleSheet)\n}\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_NAME,\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'hidden',\n  pointerEvents: 'auto',\n})\n\nexport const SheetFrame = SheetFrameFrame.extractable(\n  forwardRef(({ __scopeSheet, ...props }: SheetScopedProps<YStackProps>, forwardedRef) => {\n    const context = useSheetContext(SHEET_NAME, __scopeSheet)\n    const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)\n    return <SheetFrameFrame ref={composedContentRef} {...props} />\n  })\n)\n\n// set all the way off screen\nconst HIDDEN_SIZE = 10_000\n\nexport const Sheet = withStaticProperties(\n  themeable(\n    forwardRef<View, SheetProps>((props, ref) => {\n      const {\n        __scopeSheet,\n        snapPoints: snapPointsProp = [80],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\n        dismissOnSnapToBottom = false,\n        disableDrag: disableDragProp,\n        modal,\n        allowPinchZoom,\n      } = props\n\n      // allows for sheets to be controlled by other components\n      const controller = useContext(SheetControllerContext)\n      const isHidden = controller?.hidden || false\n      const disableDrag = disableDragProp ?? controller?.disableDrag\n      const themeName = useThemeName()\n      const contentRef = React.useRef<TamaguiElement>(null)\n\n      const onChangeOpenInternal = (val: boolean) => {\n        controller?.onChangeOpen?.(val)\n        onChangeOpen?.(val)\n      }\n\n      const [open, setOpen] = useControllableState({\n        prop: controller?.open ?? openProp,\n        defaultProp: defaultOpen || true,\n        onChange: onChangeOpenInternal,\n        strategy: controller ? 'most-recent-wins' : 'prop-wins',\n      })\n\n      const [frameSize, setFrameSize] = useState<number>(0)\n\n      const snapPoints = useMemo(\n        () => (dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(snapPointsProp), dismissOnSnapToBottom]\n      )\n\n      // lets set -1 to be always the \"open = false\" position\n      const [position_, setPosition_] = useControllableState({\n        prop: positionProp,\n        defaultProp: defaultPosition || (open ? 0 : -1),\n        onChange: onChangePosition,\n      })\n      const position = open === false ? -1 : position_\n\n      // reset position to fully open on re-open after dismissOnSnapToBottom\n      if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {\n        setPosition_(0)\n      }\n\n      const setPosition = useCallback(\n        (next: number) => {\n          // close on dismissOnSnapToBottom (and set position so it animates)\n          if (dismissOnSnapToBottom && next === snapPoints.length - 1) {\n            setOpen(false)\n          }\n          setPosition_(next)\n        },\n        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]\n      )\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(HIDDEN_SIZE)\n      }\n\n      const [isResizing, setIsResizing] = useState(true)\n      useLayoutEffect(() => {\n        if (!isResizing) {\n          setIsResizing(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [modal])\n\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n      }\n\n      // open must set position\n      const shouldSetPositionOpen = open && position < 0\n      useEffect(() => {\n        if (shouldSetPositionOpen) {\n          setPosition(0)\n        }\n      }, [setPosition, shouldSetPositionOpen])\n\n      const positions = useMemo(\n        () => snapPoints.map((point) => getPercentSize(point, frameSize)),\n        [frameSize, snapPoints]\n      )\n\n      const animateTo = useEvent((position: number) => {\n        const current = positionValue.current\n        if (isHidden && open) return\n        if (!current) return\n        if (frameSize === 0) return\n        const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize\n        const toValue = isHidden || position === -1 ? hiddenValue : positions[position]\n        if (at.current === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(current, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          at.current = toValue\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = at.current === HIDDEN_SIZE\n        spring.current = Animated.spring(current, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => {\n          if (finished) {\n            stopSpring()\n          }\n        })\n      })\n\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\n\n      // native only fix\n      const at = useRef(0)\n      useEffect(() => {\n        positionValue.current!.addListener(({ value }) => {\n          at.current = value\n        })\n        return () => {\n          positionValue.current!.removeAllListeners()\n        }\n      }, [])\n\n      const panResponder = useMemo(() => {\n        if (disableDrag) return\n        if (!frameSize) return\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const pos = positionValue.current!\n        const minY = positions[0]\n        let startY = at.current\n\n        function makeUnselectable(val: boolean) {\n          if (!selectionStyleSheet) return\n          if (!val) {\n            selectionStyleSheet.innerText = ``\n          } else {\n            selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`\n          }\n        }\n\n        const finish = (_e: GestureResponderEvent, { vy, dy }: PanResponderGestureState) => {\n          makeUnselectable(false)\n          const at = dy + startY\n          // seems liky vy goes up to about 4 at the very most (+ is down, - is up)\n          // lets base our multiplier on the total layout height\n          const end = at + frameSize * vy * 0.33\n          let closestPoint = 0\n          let dist = Infinity\n          for (let i = 0; i < positions.length; i++) {\n            const position = positions[i]\n            const curDist = end > position ? end - position : position - end\n            if (curDist < dist) {\n              dist = curDist\n              closestPoint = i\n            }\n          }\n          // have to call both because state may not change but need to snap back\n          setPosition(closestPoint)\n          animateTo(closestPoint)\n        }\n\n        return PanResponder.create({\n          onMoveShouldSetPanResponder: (_e, { dy }) => {\n            // we could do some detection of other touchables and cancel here..\n            return Math.abs(dy) > 6\n          },\n          onPanResponderGrant: () => {\n            makeUnselectable(true)\n            stopSpring()\n            startY = at.current\n          },\n          onPanResponderMove: (_e, { dy }) => {\n            const to = dy + startY\n            pos.setValue(resisted(to, minY))\n          },\n          onPanResponderEnd: finish,\n          onPanResponderTerminate: finish,\n          onPanResponderRelease: finish,\n        })\n      }, [disableDrag, animateTo, frameSize, positions, setPosition])\n\n      let handleComponent: React.ReactElement | null = null\n      let overlayComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      // TODO do more radix-like and don't require direct children descendents\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          const name = child.type?.['staticConfig']?.componentName\n          switch (name) {\n            case 'SheetHandle':\n              handleComponent = child\n              break\n            case 'Sheet':\n              frameComponent = child\n              break\n            case 'SheetOverlay':\n              overlayComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Sheet', child)\n          }\n        }\n      })\n\n      const preventShown = controller?.hidden && controller?.open\n\n      if (preventShown) {\n        return null\n      }\n\n      const contents = (\n        <SheetProvider\n          contentRef={contentRef}\n          dismissOnOverlayPress={dismissOnOverlayPress}\n          dismissOnSnapToBottom={dismissOnSnapToBottom}\n          allowPinchZoom={allowPinchZoom}\n          open={open}\n          hidden={isHidden}\n          scope={__scopeSheet}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n          setOpen={setOpen}\n        >\n          {isResizing ? null : overlayComponent}\n          {/* no fancy hidden animation etc for handle for now */}\n          {isHidden ? null : handleComponent}\n          <Animated.View\n            ref={ref}\n            {...panResponder?.panHandlers}\n            onLayout={(e) => {\n              const next = e.nativeEvent.layout.height\n              setFrameSize((prev) => {\n                const isBigChange = Math.abs(prev - next) > 50\n                setIsResizing(isBigChange)\n                return next\n              })\n            }}\n            pointerEvents={open ? 'auto' : 'none'}\n            style={{\n              position: 'absolute',\n              zIndex: 10,\n              width: '100%',\n              height: '100%',\n              transform: [{ translateY: frameSize === 0 ? HIDDEN_SIZE : positionValue.current }],\n            }}\n          >\n            {isResizing ? null : frameComponent}\n          </Animated.View>\n        </SheetProvider>\n      )\n\n      if (modal) {\n        return (\n          <Portal>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    })\n  ),\n  {\n    Handle: SheetHandle,\n    Frame: SheetFrame,\n    Overlay: SheetOverlay,\n  }\n)\n\nfunction getPercentSize(point?: number, frameSize?: number) {\n  if (!frameSize) return 0\n  if (point === undefined) {\n    console.warn(`No snapPoint`)\n    return 0\n  }\n  const pct = point / 100\n  const next = frameSize - pct * frameSize\n  return next\n}\n\nfunction resisted(y: number, minY: number, maxOverflow = 25) {\n  if (y < minY) {\n    const past = minY - y\n    const pctPast = Math.min(maxOverflow, past) / maxOverflow\n    const diminishBy = 1.1 - Math.pow(0.1, pctPast)\n    const extra = -diminishBy * maxOverflow\n    return minY + extra\n  }\n  return y\n}\n\ntype SheetControllerContextValue = {\n  disableDrag?: boolean\n  open?: boolean\n  // hide without \"closing\" to prevent re-animation when shown again\n  hidden?: boolean\n  onChangeOpen?: React.Dispatch<React.SetStateAction<boolean>> | ((val: boolean) => void)\n}\n\nconst SheetControllerContext = createContext<SheetControllerContextValue | null>(null)\n\nexport const SheetController = ({\n  children,\n  onChangeOpen: onChangeOpenProp,\n  ...value\n}: Partial<SheetControllerContextValue> & { children?: React.ReactNode }) => {\n  const onChangeOpen = useEvent(onChangeOpenProp)\n\n  const memoValue = useMemo(\n    () => ({\n      open: value.open,\n      hidden: value.hidden,\n      disableDrag: value.disableDrag,\n      onChangeOpen,\n    }),\n    [onChangeOpen, value.open, value.hidden, value.disableDrag]\n  )\n\n  return (\n    <SheetControllerContext.Provider value={memoValue}>{children}</SheetControllerContext.Provider>\n  )\n}\n\nexport { createSheetScope }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  Slot,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  isClient,\n  isWeb,\n  mergeEvent,\n  styled,\n  themeable,\n  useConstant,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { Portal } from '@tamagui/portal'\nimport { RemoveScroll } from '@tamagui/remove-scroll'\nimport { XStack, XStackProps, YStack, YStackProps } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, {\n  ReactNode,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Animated,\n  GestureResponderEvent,\n  NativeScrollEvent,\n  NativeSyntheticEvent,\n  PanResponder,\n  PanResponderGestureState,\n  ScrollView,\n  ScrollViewProps,\n  View,\n} from 'react-native'\n\nconst SHEET_NAME = 'Sheet'\nconst SHEET_HANDLE_NAME = 'SheetHandle'\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>\n\nexport type SheetProps = ScopedProps<\n  {\n    open?: boolean\n    defaultOpen?: boolean\n    onChangeOpen?: OpenChangeHandler\n    position?: number\n    defaultPosition?: number\n    snapPoints?: number[]\n    onChangePosition?: PositionChangeHandler\n    children?: ReactNode\n    dismissOnOverlayPress?: boolean\n    dismissOnSnapToBottom?: boolean\n    animationConfig?: Animated.SpringAnimationConfig\n    disableDrag?: boolean\n    modal?: boolean\n\n    /**\n     * @see https://github.com/theKashey/react-remove-scroll#usage\n     */\n    allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n  },\n  'Sheet'\n>\n\ntype PositionChangeHandler = (position: number) => void\n\ntype OpenChangeHandler = ((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>\n\ntype ScrollBridge = {\n  enabled: boolean\n  y: number\n  scrollStartY: number\n  drag: (dy: number) => void\n  release: (state: { dy: number; vy: number }) => void\n}\n\ntype SheetContextValue = Required<\n  Pick<SheetProps, 'open' | 'position' | 'snapPoints' | 'dismissOnOverlayPress'>\n> & {\n  hidden: boolean\n  setPosition: PositionChangeHandler\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>\n  allowPinchZoom: RemoveScrollProps['allowPinchZoom']\n  contentRef: React.RefObject<TamaguiElement>\n  dismissOnSnapToBottom: boolean\n  scrollBridge: ScrollBridge\n  modal: boolean\n}\n\nconst [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME)\nconst [SheetProvider, useSheetContext] = createSheetContext<SheetContextValue>(\n  SHEET_NAME,\n  {} as any\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetHandle\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SheetHandleFrame = styled(XStack, {\n  name: SHEET_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  position: 'absolute',\n  pointerEvents: 'auto',\n  zIndex: 10,\n  y: -18,\n  top: 0,\n  left: '35%',\n  right: '35%',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n})\n\ntype SheetScopedProps<A> = ScopedProps<A, 'Sheet'>\n\nexport const SheetHandle = SheetHandleFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => {\n    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)\n\n    if (context.open === false) {\n      return null\n    }\n\n    return (\n      <SheetHandleFrame\n        onPress={() => {\n          // don't toggle to the bottom snap position when dismissOnSnapToBottom set\n          const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0)\n          const nextPos = (context.position + 1) % max\n          context.setPosition(nextPos)\n        }}\n        {...props}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_OVERLAY_NAME = 'SheetOverlay'\n\nexport const SheetOverlayFrame = styled(YStack, {\n  name: SHEET_OVERLAY_NAME,\n  // TODO this should be $background without opacity and just customized by theme\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n  zIndex: 0,\n\n  variants: {\n    closed: {\n      true: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      false: {\n        pointerEvents: 'auto',\n      },\n      // TODO still have as const bug\n    } as const,\n  },\n})\n\nexport type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>\n\nexport const SheetOverlay = SheetOverlayFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => {\n    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)\n    return (\n      <RemoveScroll\n        enabled={context.open && context.modal}\n        as={Slot}\n        allowPinchZoom={context.allowPinchZoom}\n        shards={[context.contentRef]}\n        // causes lots of bugs on touch web on site\n        removeScrollBar={false}\n      >\n        <SheetOverlayFrame\n          closed={!context.open || context.hidden}\n          {...props}\n          onPress={mergeEvent(\n            props.onPress,\n            context.dismissOnOverlayPress\n              ? () => {\n                  context.setOpen(false)\n                }\n              : undefined\n          )}\n        />\n      </RemoveScroll>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetScrollView\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_SCROLL_VIEW_NAME = 'SheetScrollView'\n\nexport const SheetScrollView = forwardRef<ScrollView, ScrollViewProps>(\n  ({ __scopeSheet, ...props }: SheetScopedProps<ScrollViewProps>, ref) => {\n    const { scrollBridge } = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet)\n    const [scrollEnabled, setScrollEnabled] = useState(true)\n    const state = useRef({\n      dy: 0,\n      // store a few recent dys to get velocity on release\n      dys: [] as number[],\n    })\n\n    const release = () => {\n      setScrollEnabled(true)\n      const recentDys = state.current.dys.slice(-10)\n      const dist = recentDys.length\n        ? recentDys.reduce((a, b, i) => a + b - (recentDys[i - 1] ?? recentDys[0]), 0)\n        : 0\n      const avgDy = dist / recentDys.length\n      const vy = avgDy * 0.075\n      state.current.dys = []\n      scrollBridge.release({\n        dy: state.current.dy,\n        vy,\n      })\n    }\n\n    return (\n      <ScrollView\n        ref={ref}\n        scrollEventThrottle={16} // todo release we can just grab the last dY and estimate vY using a sample of last dYs\n        {...props}\n        scrollEnabled={props.scrollEnabled || scrollEnabled}\n        onScroll={composeEventHandlers<NativeSyntheticEvent<NativeScrollEvent>>(\n          props.onScroll,\n          (e) => {\n            const { y } = e.nativeEvent.contentOffset\n            scrollBridge.y = y\n            if (y > 0) {\n              scrollBridge.scrollStartY = -1\n            }\n          }\n        )}\n        onResponderMove={composeEventHandlers(props.onResponderMove, (e) => {\n          const { pageY } = e.nativeEvent\n          if (scrollBridge.y <= 0) {\n            if (scrollBridge.scrollStartY === -1) {\n              scrollBridge.scrollStartY = pageY\n            }\n            const dy = pageY - scrollBridge.scrollStartY\n            if (dy <= 0) {\n              setScrollEnabled(true)\n              return\n            }\n            setScrollEnabled(false)\n            scrollBridge.drag(dy)\n            state.current.dy = dy\n            state.current.dys.push(dy)\n            // only do every so often, cut down to 10 again\n            if (state.current.dys.length > 100) {\n              state.current.dys = state.current.dys.slice(-10)\n            }\n          }\n        })}\n        onResponderReject={composeEventHandlers(props.onResponderReject, release)}\n        onResponderTerminate={composeEventHandlers(props.onResponderTerminate, release)}\n        onResponderRelease={composeEventHandlers(props.onResponderRelease, release)}\n        style={[\n          {\n            flex: 1,\n          },\n          props.style,\n        ]}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Sheet\n * -----------------------------------------------------------------------------------------------*/\n\nconst selectionStyleSheet = isClient ? document.createElement('style') : null\nif (selectionStyleSheet) {\n  document.head.appendChild(selectionStyleSheet)\n}\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_NAME,\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'hidden',\n  pointerEvents: 'auto',\n})\n\nexport const SheetFrame = SheetFrameFrame.extractable(\n  forwardRef(({ __scopeSheet, ...props }: SheetScopedProps<YStackProps>, forwardedRef) => {\n    const context = useSheetContext(SHEET_NAME, __scopeSheet)\n    const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)\n    return <SheetFrameFrame ref={composedContentRef} {...props} />\n  })\n)\n\n// set all the way off screen\nconst HIDDEN_SIZE = 10_000\n\nexport const Sheet = withStaticProperties(\n  themeable(\n    forwardRef<View, SheetProps>((props, ref) => {\n      const {\n        __scopeSheet,\n        snapPoints: snapPointsProp = [80],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\n        dismissOnSnapToBottom = false,\n        disableDrag: disableDragProp,\n        modal = false,\n        allowPinchZoom,\n      } = props\n\n      if (process.env.NODE_ENV === 'development') {\n        if (snapPointsProp.some((p) => p < 0 || p > 100)) {\n          console.warn(\n            `\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`\n          )\n        }\n      }\n\n      // allows for sheets to be controlled by other components\n      const controller = useContext(SheetControllerContext)\n      const isHidden = controller?.hidden || false\n      const disableDrag = disableDragProp ?? controller?.disableDrag\n      const themeName = useThemeName()\n      const contentRef = React.useRef<TamaguiElement>(null)\n      const scrollBridge = useConstant<ScrollBridge>(() => ({\n        enabled: false,\n        y: 0,\n        scrollStartY: -1,\n        drag: () => {},\n        release: () => {},\n      }))\n\n      const onChangeOpenInternal = (val: boolean) => {\n        controller?.onChangeOpen?.(val)\n        onChangeOpen?.(val)\n      }\n\n      const [open, setOpen] = useControllableState({\n        prop: controller?.open ?? openProp,\n        defaultProp: defaultOpen || true,\n        onChange: onChangeOpenInternal,\n        strategy: controller ? 'most-recent-wins' : 'prop-wins',\n      })\n\n      const [frameSize, setFrameSize] = useState<number>(0)\n\n      const snapPoints = useMemo(\n        () => (dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(snapPointsProp), dismissOnSnapToBottom]\n      )\n\n      // lets set -1 to be always the \"open = false\" position\n      const [position_, setPosition_] = useControllableState({\n        prop: positionProp,\n        defaultProp: defaultPosition || (open ? 0 : -1),\n        onChange: onChangePosition,\n      })\n      const position = open === false ? -1 : position_\n\n      // reset position to fully open on re-open after dismissOnSnapToBottom\n      if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {\n        setPosition_(0)\n      }\n\n      const setPosition = useCallback(\n        (next: number) => {\n          // close on dismissOnSnapToBottom (and set position so it animates)\n          if (dismissOnSnapToBottom && next === snapPoints.length - 1) {\n            setOpen(false)\n          }\n          setPosition_(next)\n        },\n        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]\n      )\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(HIDDEN_SIZE)\n      }\n\n      const [isResizing, setIsResizing] = useState(true)\n      useIsomorphicLayoutEffect(() => {\n        if (!isResizing) {\n          setIsResizing(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [modal])\n\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n      }\n\n      // open must set position\n      const shouldSetPositionOpen = open && position < 0\n      useEffect(() => {\n        if (shouldSetPositionOpen) {\n          setPosition(0)\n        }\n      }, [setPosition, shouldSetPositionOpen])\n\n      const positions = useMemo(\n        () => snapPoints.map((point) => getPercentSize(point, frameSize)),\n        [frameSize, snapPoints]\n      )\n\n      const animateTo = useEvent((position: number) => {\n        const current = positionValue.current\n        if (isHidden && open) return\n        if (!current) return\n        if (frameSize === 0) return\n        const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize\n        const toValue = isHidden || position === -1 ? hiddenValue : positions[position]\n        if (at.current === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(current, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          at.current = toValue\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = at.current === HIDDEN_SIZE\n        spring.current = Animated.spring(current, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => {\n          if (finished) {\n            stopSpring()\n          }\n        })\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\n\n      // native only fix\n      const at = useRef(0)\n      useEffect(() => {\n        positionValue.current!.addListener(({ value }) => {\n          at.current = value\n        })\n        return () => {\n          positionValue.current!.removeAllListeners()\n        }\n      }, [])\n\n      const panResponder = useMemo(\n        () => {\n          if (disableDrag) return\n          if (!frameSize) return\n\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const pos = positionValue.current!\n          const minY = positions[0]\n          let startY = at.current\n\n          function makeUnselectable(val: boolean) {\n            if (!selectionStyleSheet) return\n            if (!val) {\n              selectionStyleSheet.innerText = ``\n            } else {\n              selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`\n            }\n          }\n\n          const release = ({ vy, dy }: { dy: number; vy: number }) => {\n            isExternalDrag = false\n            previouslyScrolling = false\n            makeUnselectable(false)\n            const at = dy + startY\n            // seems liky vy goes up to about 4 at the very most (+ is down, - is up)\n            // lets base our multiplier on the total layout height\n            const end = at + frameSize * vy * 0.33\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          }\n\n          const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {\n            release(state)\n          }\n\n          let previouslyScrolling = false\n\n          const onMoveShouldSet = (_e: GestureResponderEvent, { dy }: PanResponderGestureState) => {\n            if (scrollBridge.y !== 0) {\n              previouslyScrolling = true\n              return false\n            }\n            if (scrollBridge.y === 0 && dy < 0) {\n              return false\n            }\n            if (previouslyScrolling) {\n              previouslyScrolling = false\n              return true\n            }\n            // we could do some detection of other touchables and cancel here..\n            return Math.abs(dy) > 8\n          }\n\n          const grant = () => {\n            makeUnselectable(true)\n            stopSpring()\n            startY = at.current\n          }\n\n          let isExternalDrag = false\n\n          scrollBridge.drag = (dy) => {\n            if (!isExternalDrag) {\n              isExternalDrag = true\n              grant()\n            }\n            const to = dy + startY\n            pos.setValue(resisted(to, minY))\n          }\n\n          scrollBridge.release = release\n\n          return PanResponder.create({\n            onMoveShouldSetPanResponder: (...args) => {\n              const res = onMoveShouldSet(...args)\n              // console.log('res', res, scrollBridge.y)\n              return res\n            },\n            onPanResponderGrant: grant,\n            onPanResponderMove: (_e, { dy }) => {\n              const to = dy + startY\n              pos.setValue(resisted(to, minY))\n            },\n            onPanResponderEnd: finish,\n            onPanResponderTerminate: finish,\n            onPanResponderRelease: finish,\n          })\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [disableDrag, animateTo, frameSize, positions, setPosition]\n      )\n\n      let handleComponent: React.ReactElement | null = null\n      let overlayComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      // TODO do more radix-like and don't require direct children descendents\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          const name = child.type?.['staticConfig']?.componentName\n          switch (name) {\n            case 'SheetHandle':\n              handleComponent = child\n              break\n            case 'Sheet':\n              frameComponent = child\n              break\n            case 'SheetOverlay':\n              overlayComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Sheet', child)\n          }\n        }\n      })\n\n      const preventShown = controller?.hidden && controller?.open\n\n      if (preventShown) {\n        return null\n      }\n\n      const contents = (\n        <SheetProvider\n          modal={modal}\n          contentRef={contentRef}\n          dismissOnOverlayPress={dismissOnOverlayPress}\n          dismissOnSnapToBottom={dismissOnSnapToBottom}\n          allowPinchZoom={allowPinchZoom}\n          open={open}\n          hidden={isHidden}\n          scope={__scopeSheet}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n          setOpen={setOpen}\n          scrollBridge={scrollBridge}\n        >\n          {isResizing ? null : overlayComponent}\n          {/* no fancy hidden animation etc for handle for now */}\n          {isHidden ? null : handleComponent}\n          <Animated.View\n            ref={ref}\n            {...panResponder?.panHandlers}\n            onLayout={(e) => {\n              const next = e.nativeEvent.layout.height\n              setFrameSize((prev) => {\n                const isBigChange = Math.abs(prev - next) > 50\n                setIsResizing(isBigChange)\n                return next\n              })\n            }}\n            pointerEvents={open ? 'auto' : 'none'}\n            style={{\n              position: 'absolute',\n              zIndex: 10,\n              width: '100%',\n              height: '100%',\n              transform: [{ translateY: frameSize === 0 ? HIDDEN_SIZE : positionValue.current }],\n            }}\n          >\n            {isResizing ? null : frameComponent}\n          </Animated.View>\n        </SheetProvider>\n      )\n\n      if (modal) {\n        return (\n          <Portal>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    })\n  ),\n  {\n    Handle: SheetHandle,\n    Frame: SheetFrame,\n    Overlay: SheetOverlay,\n    ScrollView: SheetScrollView,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------*/\n\nfunction getPercentSize(point?: number, frameSize?: number) {\n  if (!frameSize) return 0\n  if (point === undefined) {\n    console.warn(`No snapPoint`)\n    return 0\n  }\n  const pct = point / 100\n  const next = frameSize - pct * frameSize\n  return next\n}\n\nfunction resisted(y: number, minY: number, maxOverflow = 25) {\n  if (y < minY) {\n    const past = minY - y\n    const pctPast = Math.min(maxOverflow, past) / maxOverflow\n    const diminishBy = 1.1 - Math.pow(0.1, pctPast)\n    const extra = -diminishBy * maxOverflow\n    return minY + extra\n  }\n  return y\n}\n\ntype SheetControllerContextValue = {\n  disableDrag?: boolean\n  open?: boolean\n  // hide without \"closing\" to prevent re-animation when shown again\n  hidden?: boolean\n  onChangeOpen?: React.Dispatch<React.SetStateAction<boolean>> | ((val: boolean) => void)\n}\n\nconst SheetControllerContext = createContext<SheetControllerContextValue | null>(null)\n\nexport const SheetController = ({\n  children,\n  onChangeOpen: onChangeOpenProp,\n  ...value\n}: Partial<SheetControllerContextValue> & { children?: React.ReactNode }) => {\n  const onChangeOpen = useEvent(onChangeOpenProp)\n\n  const memoValue = useMemo(\n    () => ({\n      open: value.open,\n      hidden: value.hidden,\n      disableDrag: value.disableDrag,\n      onChangeOpen,\n    }),\n    [onChangeOpen, value.open, value.hidden, value.disableDrag]\n  )\n\n  return (\n    <SheetControllerContext.Provider value={memoValue}>{children}</SheetControllerContext.Provider>\n  )\n}\n\nexport { createSheetScope }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/Sheet.js CHANGED Viewed

@@ -2,12 +2,15 @@ import { useComposedRefs } from "@tamagui/compose-refs";
 import {
   Slot,
   Theme,
+  composeEventHandlers,
   isClient,
   isWeb,
   mergeEvent,
   styled,
   themeable,
+  useConstant,
   useEvent,
+  useIsomorphicLayoutEffect,
   useThemeName,
   withStaticProperties
 } from "@tamagui/core";
@@ -23,14 +26,14 @@ import React, {
   useCallback,
   useContext,
   useEffect,
-  useLayoutEffect,
   useMemo,
   useRef,
   useState
 } from "react";
 import {
   Animated,
-  PanResponder
+  PanResponder,
+  ScrollView
 } from "react-native";
 const SHEET_NAME = "Sheet";
 const SHEET_HANDLE_NAME = "SheetHandle";
@@ -89,7 +92,7 @@ const SheetOverlayFrame = styled(YStack, {
 const SheetOverlay = SheetOverlayFrame.extractable(({ __scopeSheet, ...props }) => {
   const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet);
   return /* @__PURE__ */ React.createElement(RemoveScroll, {
-    enabled: context.open,
+    enabled: context.open && context.modal,
     as: Slot,
     allowPinchZoom: context.allowPinchZoom,
     shards: [context.contentRef],
@@ -102,6 +105,69 @@ const SheetOverlay = SheetOverlayFrame.extractable(({ __scopeSheet, ...props })
     } : void 0)
   }));
 });
+const SHEET_SCROLL_VIEW_NAME = "SheetScrollView";
+const SheetScrollView = forwardRef(({ __scopeSheet, ...props }, ref) => {
+  const { scrollBridge } = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet);
+  const [scrollEnabled, setScrollEnabled] = useState(true);
+  const state = useRef({
+    dy: 0,
+    dys: []
+  });
+  const release = () => {
+    setScrollEnabled(true);
+    const recentDys = state.current.dys.slice(-10);
+    const dist = recentDys.length ? recentDys.reduce((a, b, i) => a + b - (recentDys[i - 1] ?? recentDys[0]), 0) : 0;
+    const avgDy = dist / recentDys.length;
+    const vy = avgDy * 0.075;
+    state.current.dys = [];
+    scrollBridge.release({
+      dy: state.current.dy,
+      vy
+    });
+  };
+  return /* @__PURE__ */ React.createElement(ScrollView, {
+    ref,
+    scrollEventThrottle: 16,
+    ...props,
+    scrollEnabled: props.scrollEnabled || scrollEnabled,
+    onScroll: composeEventHandlers(props.onScroll, (e) => {
+      const { y } = e.nativeEvent.contentOffset;
+      scrollBridge.y = y;
+      if (y > 0) {
+        scrollBridge.scrollStartY = -1;
+      }
+    }),
+    onResponderMove: composeEventHandlers(props.onResponderMove, (e) => {
+      const { pageY } = e.nativeEvent;
+      if (scrollBridge.y <= 0) {
+        if (scrollBridge.scrollStartY === -1) {
+          scrollBridge.scrollStartY = pageY;
+        }
+        const dy = pageY - scrollBridge.scrollStartY;
+        if (dy <= 0) {
+          setScrollEnabled(true);
+          return;
+        }
+        setScrollEnabled(false);
+        scrollBridge.drag(dy);
+        state.current.dy = dy;
+        state.current.dys.push(dy);
+        if (state.current.dys.length > 100) {
+          state.current.dys = state.current.dys.slice(-10);
+        }
+      }
+    }),
+    onResponderReject: composeEventHandlers(props.onResponderReject, release),
+    onResponderTerminate: composeEventHandlers(props.onResponderTerminate, release),
+    onResponderRelease: composeEventHandlers(props.onResponderRelease, release),
+    style: [
+      {
+        flex: 1
+      },
+      props.style
+    ]
+  });
+});
 const selectionStyleSheet = isClient ? document.createElement("style") : null;
 if (selectionStyleSheet) {
   document.head.appendChild(selectionStyleSheet);
@@ -141,14 +207,28 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     animationConfig,
     dismissOnSnapToBottom = false,
     disableDrag: disableDragProp,
-    modal,
+    modal = false,
     allowPinchZoom
   } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (snapPointsProp.some((p) => p < 0 || p > 100)) {
+      console.warn(`\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`);
+    }
+  }
   const controller = useContext(SheetControllerContext);
   const isHidden = (controller == null ? void 0 : controller.hidden) || false;
   const disableDrag = disableDragProp ?? (controller == null ? void 0 : controller.disableDrag);
   const themeName = useThemeName();
   const contentRef = React.useRef(null);
+  const scrollBridge = useConstant(() => ({
+    enabled: false,
+    y: 0,
+    scrollStartY: -1,
+    drag: () => {
+    },
+    release: () => {
+    }
+  }));
   const onChangeOpenInternal = (val) => {
     var _a;
     (_a = controller == null ? void 0 : controller.onChangeOpen) == null ? void 0 : _a.call(controller, val);
@@ -182,7 +262,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     positionValue.current = new Animated.Value(HIDDEN_SIZE);
   }
   const [isResizing, setIsResizing] = useState(true);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!isResizing) {
       setIsResizing(true);
     }
@@ -238,7 +318,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
       }
     });
   });
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     animateTo(position);
   }, [isHidden, frameSize, position, animateTo]);
   const at = useRef(0);
@@ -267,7 +347,9 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
         selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`;
       }
     }
-    const finish = (_e, { vy, dy }) => {
+    const release = ({ vy, dy }) => {
+      isExternalDrag = false;
+      previouslyScrolling = false;
       makeUnselectable(false);
       const at2 = dy + startY;
       const end = at2 + frameSize * vy * 0.33;
@@ -284,15 +366,45 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
       setPosition(closestPoint);
       animateTo(closestPoint);
     };
+    const finish = (_e, state) => {
+      release(state);
+    };
+    let previouslyScrolling = false;
+    const onMoveShouldSet = (_e, { dy }) => {
+      if (scrollBridge.y !== 0) {
+        previouslyScrolling = true;
+        return false;
+      }
+      if (scrollBridge.y === 0 && dy < 0) {
+        return false;
+      }
+      if (previouslyScrolling) {
+        previouslyScrolling = false;
+        return true;
+      }
+      return Math.abs(dy) > 8;
+    };
+    const grant = () => {
+      makeUnselectable(true);
+      stopSpring();
+      startY = at.current;
+    };
+    let isExternalDrag = false;
+    scrollBridge.drag = (dy) => {
+      if (!isExternalDrag) {
+        isExternalDrag = true;
+        grant();
+      }
+      const to = dy + startY;
+      pos.setValue(resisted(to, minY));
+    };
+    scrollBridge.release = release;
     return PanResponder.create({
-      onMoveShouldSetPanResponder: (_e, { dy }) => {
-        return Math.abs(dy) > 6;
-      },
-      onPanResponderGrant: () => {
-        makeUnselectable(true);
-        stopSpring();
-        startY = at.current;
+      onMoveShouldSetPanResponder: (...args) => {
+        const res = onMoveShouldSet(...args);
+        return res;
       },
+      onPanResponderGrant: grant,
       onPanResponderMove: (_e, { dy }) => {
         const to = dy + startY;
         pos.setValue(resisted(to, minY));
@@ -329,6 +441,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     return null;
   }
   const contents = /* @__PURE__ */ React.createElement(SheetProvider, {
+    modal,
     contentRef,
     dismissOnOverlayPress,
     dismissOnSnapToBottom,
@@ -339,7 +452,8 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     position,
     snapPoints,
     setPosition,
-    setOpen
+    setOpen,
+    scrollBridge
   }, isResizing ? null : overlayComponent, isHidden ? null : handleComponent, /* @__PURE__ */ React.createElement(Animated.View, {
     ref,
     ...panResponder == null ? void 0 : panResponder.panHandlers,
@@ -369,7 +483,8 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
 })), {
   Handle: SheetHandle,
   Frame: SheetFrame,
-  Overlay: SheetOverlay
+  Overlay: SheetOverlay,
+  ScrollView: SheetScrollView
 });
 function getPercentSize(point, frameSize) {
   if (!frameSize)
@@ -418,6 +533,7 @@ export {
   SheetHandleFrame,
   SheetOverlay,
   SheetOverlayFrame,
+  SheetScrollView,
   createSheetScope
 };
 //# sourceMappingURL=Sheet.js.map