@tamagui/sheet 1.0.1-beta.108 → 1.0.1-beta.111

package/dist/cjs/Sheet.js

@@ -1,38 +1,10 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -90,18 +62,19 @@ const SheetHandleFrame = (0, import_core.styled)(import_stacks.XStack, {
     opacity: 0.7
   }
 });
-const SheetHandle = SheetHandleFrame.extractable((_a) => {
-  var _b = _a, { __scopeSheet } = _b, props = __objRest(_b, ["__scopeSheet"]);
+const SheetHandle = SheetHandleFrame.extractable(({ __scopeSheet, ...props }) => {
   const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet);
   if (context.open === false) {
     return null;
   }
-  return /* @__PURE__ */ import_react.default.createElement(SheetHandleFrame, __spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(SheetHandleFrame, {
     onPress: () => {
-      const nextPos = (context.position + 1) % context.snapPoints.length;
+      const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
+      const nextPos = (context.position + 1) % max;
       context.setPosition(nextPos);
-    }
-  }, props));
+    },
+    ...props
+  });
 });
 const SHEET_OVERLAY_NAME = "SheetOverlay";
 const SheetOverlayFrame = (0, import_core.styled)(import_stacks.YStack, {
@@ -122,21 +95,21 @@ const SheetOverlayFrame = (0, import_core.styled)(import_stacks.YStack, {
     }
   }
 });
-const SheetOverlay = SheetOverlayFrame.extractable((_c) => {
-  var _d = _c, { __scopeSheet } = _d, props = __objRest(_d, ["__scopeSheet"]);
+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,
     as: import_core.Slot,
     allowPinchZoom: context.allowPinchZoom,
-    shards: [context.contentRef]
-  }, /* @__PURE__ */ import_react.default.createElement(SheetOverlayFrame, __spreadProps(__spreadValues({
-    closed: !context.open || context.hidden
-  }, props), {
+    shards: [context.contentRef],
+    removeScrollBar: false
+  }, /* @__PURE__ */ import_react.default.createElement(SheetOverlayFrame, {
+    closed: !context.open || context.hidden,
+    ...props,
     onPress: (0, import_core.mergeEvent)(props.onPress, context.dismissOnOverlayPress ? () => {
       context.setOpen(false);
     } : void 0)
-  })));
+  }));
 });
 const selectionStyleSheet = import_core.isClient ? document.createElement("style") : null;
 if (selectionStyleSheet) {
@@ -154,19 +127,19 @@ const SheetFrameFrame = (0, import_core.styled)(import_stacks.YStack, {
   overflow: "hidden",
   pointerEvents: "auto"
 });
-const SheetFrame = SheetFrameFrame.extractable((0, import_react.forwardRef)((_e, forwardedRef) => {
-  var _f = _e, { __scopeSheet } = _f, props = __objRest(_f, ["__scopeSheet"]);
+const SheetFrame = SheetFrameFrame.extractable((0, import_react.forwardRef)(({ __scopeSheet, ...props }, forwardedRef) => {
   const context = useSheetContext(SHEET_FRAME_NAME, __scopeSheet);
   const composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef);
-  return /* @__PURE__ */ import_react.default.createElement(SheetFrameFrame, __spreadValues({
-    ref: composedContentRef
-  }, props));
+  return /* @__PURE__ */ import_react.default.createElement(SheetFrameFrame, {
+    ref: composedContentRef,
+    ...props
+  });
 }));
 const HIDDEN_SIZE = 1e4;
 const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((0, import_react.forwardRef)((props, ref) => {
   const {
     __scopeSheet,
-    snapPoints: snapPointsProp = [80, 10],
+    snapPoints: snapPointsProp = [80],
     open: openProp,
     defaultOpen,
     children: childrenProp,
@@ -176,6 +149,7 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
     defaultPosition,
     dismissOnOverlayPress = true,
     animationConfig,
+    dismissOnSnapToBottom = false,
     disableDrag: disableDragProp,
     modal,
     allowPinchZoom
@@ -197,13 +171,22 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
     strategy: controller ? "most-recent-wins" : "prop-wins"
   });
   const [frameSize, setFrameSize] = (0, import_react.useState)(0);
-  const snapPoints = (0, import_react.useMemo)(() => snapPointsProp, [JSON.stringify(snapPointsProp)]);
-  const [position_, setPosition] = (0, import_use_controllable_state.useControllableState)({
+  const snapPoints = (0, import_react.useMemo)(() => dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp, [JSON.stringify(snapPointsProp), dismissOnSnapToBottom]);
+  const [position_, setPosition_] = (0, import_use_controllable_state.useControllableState)({
     prop: positionProp,
     defaultProp: defaultPosition || (open ? 0 : -1),
     onChange: onChangePosition
   });
   const position = open === false ? -1 : position_;
+  if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPosition_(0);
+  }
+  const setPosition = (0, import_react.useCallback)((next) => {
+    if (dismissOnSnapToBottom && next === snapPoints.length - 1) {
+      setOpen(false);
+    }
+    setPosition_(next);
+  }, [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]);
   const positionValue = (0, import_react.useRef)();
   if (!positionValue.current) {
     positionValue.current = new import_react_native.Animated.Value(HIDDEN_SIZE);
@@ -252,11 +235,12 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
       return;
     }
     const overshootClamping = pos["_value"] === HIDDEN_SIZE;
-    spring.current = import_react_native.Animated.spring(pos, __spreadValues({
+    spring.current = import_react_native.Animated.spring(pos, {
       useNativeDriver: !import_core.isWeb,
       toValue,
-      overshootClamping
-    }, animationConfig));
+      overshootClamping,
+      ...animationConfig
+    });
     spring.current.start(({ finished }) => finished && stopSpring());
   });
   (0, import_react.useLayoutEffect)(() => {
@@ -343,6 +327,7 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
   const contents = /* @__PURE__ */ import_react.default.createElement(SheetProvider, {
     contentRef,
     dismissOnOverlayPress,
+    dismissOnSnapToBottom,
     allowPinchZoom,
     open,
     hidden: isHidden,
@@ -351,9 +336,9 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
     snapPoints,
     setPosition,
     setOpen
-  }, isResizing ? null : overlayComponent, isHidden ? null : handleComponent, /* @__PURE__ */ import_react.default.createElement(import_react_native.Animated.View, __spreadProps(__spreadValues({
-    ref
-  }, panResponder == null ? void 0 : panResponder.panHandlers), {
+  }, isResizing ? null : overlayComponent, isHidden ? null : handleComponent, /* @__PURE__ */ import_react.default.createElement(import_react_native.Animated.View, {
+    ref,
+    ...panResponder == null ? void 0 : panResponder.panHandlers,
     onLayout: (e) => {
       const next = e.nativeEvent.layout.height;
       setFrameSize((prev) => {
@@ -370,7 +355,7 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
       height: "100%",
       transform: [{ translateY: frameSize === 0 ? HIDDEN_SIZE : positionValue.current }]
     }
-  }), isResizing ? null : frameComponent));
+  }, isResizing ? null : frameComponent));
   if (modal) {
     return /* @__PURE__ */ import_react.default.createElement(import_portal.Portal, {
       visible: open
@@ -408,14 +393,11 @@ function resisted(y, minY, maxOverflow = 25) {
   return y;
 }
 const SheetControllerContext = (0, import_react.createContext)(null);
-const SheetController = (_g) => {
-  var _h = _g, {
-    children,
-    onChangeOpen: onChangeOpenProp
-  } = _h, value = __objRest(_h, [
-    "children",
-    "onChangeOpen"
-  ]);
+const SheetController = ({
+  children,
+  onChangeOpen: onChangeOpenProp,
+  ...value
+}) => {
   const onChangeOpen = (0, import_core.useEvent)(onChangeOpenProp);
   const memoValue = (0, import_react.useMemo)(() => ({
     open: value.open,

package/dist/cjs/Sheet.js.map

@@ -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  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    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 =\n  | ((position: number) => void)\n  | React.Dispatch<React.SetStateAction<number>>\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: React.Dispatch<React.SetStateAction<number>>\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>\n  allowPinchZoom: RemoveScrollProps['allowPinchZoom']\n  contentRef: React.RefObject<TamaguiElement>\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          const nextPos = (context.position + 1) % context.snapPoints.length\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      >\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\nconst SHEET_FRAME_NAME = 'SheetFrame'\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_FRAME_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_FRAME_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, 10],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\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      // eslint-disable-next-line react-hooks/exhaustive-deps\n      const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)])\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      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 pos = positionValue.current\n        if (isHidden && open) return\n        if (!pos) 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 (pos['_value'] === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(pos, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = pos['_value'] === HIDDEN_SIZE\n        spring.current = Animated.spring(pos, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => finished && stopSpring())\n      })\n\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\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 = pos['_value']\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 = pos['_value']\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 'SheetFrame':\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          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 visible={open}>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    }),\n    {\n      componentName: 'Sheet',\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  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\nconst SHEET_FRAME_NAME = 'SheetFrame'\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_FRAME_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_FRAME_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 pos = positionValue.current\n        if (isHidden && open) return\n        if (!pos) 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 (pos['_value'] === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(pos, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = pos['_value'] === HIDDEN_SIZE\n        spring.current = Animated.spring(pos, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => finished && stopSpring())\n      })\n\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\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 = pos['_value']\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 = pos['_value']\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 'SheetFrame':\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 visible={open}>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    }),\n    {\n      componentName: 'Sheet',\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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",
   "names": []
 }

package/dist/cjs/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Sheet'\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
   "names": []
 }

package/dist/esm/Sheet.js

@@ -1,34 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
   Slot,
@@ -51,6 +20,7 @@ import React, {
   createContext,
   forwardRef,
   isValidElement,
+  useCallback,
   useContext,
   useEffect,
   useLayoutEffect,
@@ -83,18 +53,19 @@ const SheetHandleFrame = styled(XStack, {
     opacity: 0.7
   }
 });
-const SheetHandle = SheetHandleFrame.extractable((_a) => {
-  var _b = _a, { __scopeSheet } = _b, props = __objRest(_b, ["__scopeSheet"]);
+const SheetHandle = SheetHandleFrame.extractable(({ __scopeSheet, ...props }) => {
   const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet);
   if (context.open === false) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(SheetHandleFrame, __spreadValues({
+  return /* @__PURE__ */ React.createElement(SheetHandleFrame, {
     onPress: () => {
-      const nextPos = (context.position + 1) % context.snapPoints.length;
+      const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
+      const nextPos = (context.position + 1) % max;
       context.setPosition(nextPos);
-    }
-  }, props));
+    },
+    ...props
+  });
 });
 const SHEET_OVERLAY_NAME = "SheetOverlay";
 const SheetOverlayFrame = styled(YStack, {
@@ -115,21 +86,21 @@ const SheetOverlayFrame = styled(YStack, {
     }
   }
 });
-const SheetOverlay = SheetOverlayFrame.extractable((_c) => {
-  var _d = _c, { __scopeSheet } = _d, props = __objRest(_d, ["__scopeSheet"]);
+const SheetOverlay = SheetOverlayFrame.extractable(({ __scopeSheet, ...props }) => {
   const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet);
   return /* @__PURE__ */ React.createElement(RemoveScroll, {
     enabled: context.open,
     as: Slot,
     allowPinchZoom: context.allowPinchZoom,
-    shards: [context.contentRef]
-  }, /* @__PURE__ */ React.createElement(SheetOverlayFrame, __spreadProps(__spreadValues({
-    closed: !context.open || context.hidden
-  }, props), {
+    shards: [context.contentRef],
+    removeScrollBar: false
+  }, /* @__PURE__ */ React.createElement(SheetOverlayFrame, {
+    closed: !context.open || context.hidden,
+    ...props,
     onPress: mergeEvent(props.onPress, context.dismissOnOverlayPress ? () => {
       context.setOpen(false);
     } : void 0)
-  })));
+  }));
 });
 const selectionStyleSheet = isClient ? document.createElement("style") : null;
 if (selectionStyleSheet) {
@@ -147,19 +118,19 @@ const SheetFrameFrame = styled(YStack, {
   overflow: "hidden",
   pointerEvents: "auto"
 });
-const SheetFrame = SheetFrameFrame.extractable(forwardRef((_e, forwardedRef) => {
-  var _f = _e, { __scopeSheet } = _f, props = __objRest(_f, ["__scopeSheet"]);
+const SheetFrame = SheetFrameFrame.extractable(forwardRef(({ __scopeSheet, ...props }, forwardedRef) => {
   const context = useSheetContext(SHEET_FRAME_NAME, __scopeSheet);
   const composedContentRef = useComposedRefs(forwardedRef, context.contentRef);
-  return /* @__PURE__ */ React.createElement(SheetFrameFrame, __spreadValues({
-    ref: composedContentRef
-  }, props));
+  return /* @__PURE__ */ React.createElement(SheetFrameFrame, {
+    ref: composedContentRef,
+    ...props
+  });
 }));
 const HIDDEN_SIZE = 1e4;
 const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
   const {
     __scopeSheet,
-    snapPoints: snapPointsProp = [80, 10],
+    snapPoints: snapPointsProp = [80],
     open: openProp,
     defaultOpen,
     children: childrenProp,
@@ -169,6 +140,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     defaultPosition,
     dismissOnOverlayPress = true,
     animationConfig,
+    dismissOnSnapToBottom = false,
     disableDrag: disableDragProp,
     modal,
     allowPinchZoom
@@ -190,13 +162,22 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     strategy: controller ? "most-recent-wins" : "prop-wins"
   });
   const [frameSize, setFrameSize] = useState(0);
-  const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)]);
-  const [position_, setPosition] = useControllableState({
+  const snapPoints = useMemo(() => dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp, [JSON.stringify(snapPointsProp), dismissOnSnapToBottom]);
+  const [position_, setPosition_] = useControllableState({
     prop: positionProp,
     defaultProp: defaultPosition || (open ? 0 : -1),
     onChange: onChangePosition
   });
   const position = open === false ? -1 : position_;
+  if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPosition_(0);
+  }
+  const setPosition = useCallback((next) => {
+    if (dismissOnSnapToBottom && next === snapPoints.length - 1) {
+      setOpen(false);
+    }
+    setPosition_(next);
+  }, [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]);
   const positionValue = useRef();
   if (!positionValue.current) {
     positionValue.current = new Animated.Value(HIDDEN_SIZE);
@@ -245,11 +226,12 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
       return;
     }
     const overshootClamping = pos["_value"] === HIDDEN_SIZE;
-    spring.current = Animated.spring(pos, __spreadValues({
+    spring.current = Animated.spring(pos, {
       useNativeDriver: !isWeb,
       toValue,
-      overshootClamping
-    }, animationConfig));
+      overshootClamping,
+      ...animationConfig
+    });
     spring.current.start(({ finished }) => finished && stopSpring());
   });
   useLayoutEffect(() => {
@@ -336,6 +318,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
   const contents = /* @__PURE__ */ React.createElement(SheetProvider, {
     contentRef,
     dismissOnOverlayPress,
+    dismissOnSnapToBottom,
     allowPinchZoom,
     open,
     hidden: isHidden,
@@ -344,9 +327,9 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     snapPoints,
     setPosition,
     setOpen
-  }, isResizing ? null : overlayComponent, isHidden ? null : handleComponent, /* @__PURE__ */ React.createElement(Animated.View, __spreadProps(__spreadValues({
-    ref
-  }, panResponder == null ? void 0 : panResponder.panHandlers), {
+  }, isResizing ? null : overlayComponent, isHidden ? null : handleComponent, /* @__PURE__ */ React.createElement(Animated.View, {
+    ref,
+    ...panResponder == null ? void 0 : panResponder.panHandlers,
     onLayout: (e) => {
       const next = e.nativeEvent.layout.height;
       setFrameSize((prev) => {
@@ -363,7 +346,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
       height: "100%",
       transform: [{ translateY: frameSize === 0 ? HIDDEN_SIZE : positionValue.current }]
     }
-  }), isResizing ? null : frameComponent));
+  }, isResizing ? null : frameComponent));
   if (modal) {
     return /* @__PURE__ */ React.createElement(Portal, {
       visible: open
@@ -401,14 +384,11 @@ function resisted(y, minY, maxOverflow = 25) {
   return y;
 }
 const SheetControllerContext = createContext(null);
-const SheetController = (_g) => {
-  var _h = _g, {
-    children,
-    onChangeOpen: onChangeOpenProp
-  } = _h, value = __objRest(_h, [
-    "children",
-    "onChangeOpen"
-  ]);
+const SheetController = ({
+  children,
+  onChangeOpen: onChangeOpenProp,
+  ...value
+}) => {
   const onChangeOpen = useEvent(onChangeOpenProp);
   const memoValue = useMemo(() => ({
     open: value.open,

package/dist/esm/Sheet.js.map

@@ -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  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    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 =\n  | ((position: number) => void)\n  | React.Dispatch<React.SetStateAction<number>>\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: React.Dispatch<React.SetStateAction<number>>\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>\n  allowPinchZoom: RemoveScrollProps['allowPinchZoom']\n  contentRef: React.RefObject<TamaguiElement>\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          const nextPos = (context.position + 1) % context.snapPoints.length\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      >\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\nconst SHEET_FRAME_NAME = 'SheetFrame'\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_FRAME_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_FRAME_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, 10],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\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      // eslint-disable-next-line react-hooks/exhaustive-deps\n      const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)])\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      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 pos = positionValue.current\n        if (isHidden && open) return\n        if (!pos) 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 (pos['_value'] === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(pos, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = pos['_value'] === HIDDEN_SIZE\n        spring.current = Animated.spring(pos, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => finished && stopSpring())\n      })\n\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\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 = pos['_value']\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 = pos['_value']\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 'SheetFrame':\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          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 visible={open}>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    }),\n    {\n      componentName: 'Sheet',\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  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\nconst SHEET_FRAME_NAME = 'SheetFrame'\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_FRAME_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_FRAME_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 pos = positionValue.current\n        if (isHidden && open) return\n        if (!pos) 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 (pos['_value'] === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(pos, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = pos['_value'] === HIDDEN_SIZE\n        spring.current = Animated.spring(pos, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => finished && stopSpring())\n      })\n\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\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 = pos['_value']\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 = pos['_value']\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 'SheetFrame':\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 visible={open}>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    }),\n    {\n      componentName: 'Sheet',\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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",
   "names": []
 }

package/dist/jsx/Sheet.js

@@ -20,6 +20,7 @@ import React, {
   createContext,
   forwardRef,
   isValidElement,
+  useCallback,
   useContext,
   useEffect,
   useLayoutEffect,
@@ -58,7 +59,8 @@ const SheetHandle = SheetHandleFrame.extractable(({ __scopeSheet, ...props }) =>
     return null;
   }
   return <SheetHandleFrame onPress={() => {
-    const nextPos = (context.position + 1) % context.snapPoints.length;
+    const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
+    const nextPos = (context.position + 1) % max;
     context.setPosition(nextPos);
   }} {...props} />;
 });
@@ -83,7 +85,7 @@ const SheetOverlayFrame = styled(YStack, {
 });
 const SheetOverlay = SheetOverlayFrame.extractable(({ __scopeSheet, ...props }) => {
   const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet);
-  return <RemoveScroll enabled={context.open} as={Slot} allowPinchZoom={context.allowPinchZoom} shards={[context.contentRef]}><SheetOverlayFrame closed={!context.open || context.hidden} {...props} onPress={mergeEvent(props.onPress, context.dismissOnOverlayPress ? () => {
+  return <RemoveScroll enabled={context.open} as={Slot} allowPinchZoom={context.allowPinchZoom} shards={[context.contentRef]} removeScrollBar={false}><SheetOverlayFrame closed={!context.open || context.hidden} {...props} onPress={mergeEvent(props.onPress, context.dismissOnOverlayPress ? () => {
     context.setOpen(false);
   } : void 0)} /></RemoveScroll>;
 });
@@ -113,7 +115,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
   var _a;
   const {
     __scopeSheet,
-    snapPoints: snapPointsProp = [80, 10],
+    snapPoints: snapPointsProp = [80],
     open: openProp,
     defaultOpen,
     children: childrenProp,
@@ -123,6 +125,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     defaultPosition,
     dismissOnOverlayPress = true,
     animationConfig,
+    dismissOnSnapToBottom = false,
     disableDrag: disableDragProp,
     modal,
     allowPinchZoom
@@ -144,13 +147,22 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
     strategy: controller ? "most-recent-wins" : "prop-wins"
   });
   const [frameSize, setFrameSize] = useState(0);
-  const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)]);
-  const [position_, setPosition] = useControllableState({
+  const snapPoints = useMemo(() => dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp, [JSON.stringify(snapPointsProp), dismissOnSnapToBottom]);
+  const [position_, setPosition_] = useControllableState({
     prop: positionProp,
     defaultProp: defaultPosition || (open ? 0 : -1),
     onChange: onChangePosition
   });
   const position = open === false ? -1 : position_;
+  if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPosition_(0);
+  }
+  const setPosition = useCallback((next) => {
+    if (dismissOnSnapToBottom && next === snapPoints.length - 1) {
+      setOpen(false);
+    }
+    setPosition_(next);
+  }, [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]);
   const positionValue = useRef();
   if (!positionValue.current) {
     positionValue.current = new Animated.Value(HIDDEN_SIZE);
@@ -288,7 +300,7 @@ const Sheet = withStaticProperties(themeable(forwardRef((props, ref) => {
   if (preventShown) {
     return null;
   }
-  const contents = <SheetProvider contentRef={contentRef} dismissOnOverlayPress={dismissOnOverlayPress} allowPinchZoom={allowPinchZoom} open={open} hidden={isHidden} scope={__scopeSheet} position={position} snapPoints={snapPoints} setPosition={setPosition} setOpen={setOpen}>
+  const contents = <SheetProvider contentRef={contentRef} dismissOnOverlayPress={dismissOnOverlayPress} dismissOnSnapToBottom={dismissOnSnapToBottom} allowPinchZoom={allowPinchZoom} open={open} hidden={isHidden} scope={__scopeSheet} position={position} snapPoints={snapPoints} setPosition={setPosition} setOpen={setOpen}>
     {isResizing ? null : overlayComponent}
     {isHidden ? null : handleComponent}
     <Animated.View ref={ref} {...panResponder == null ? void 0 : panResponder.panHandlers} onLayout={(e) => {

package/dist/jsx/Sheet.js.map

@@ -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  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    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 =\n  | ((position: number) => void)\n  | React.Dispatch<React.SetStateAction<number>>\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: React.Dispatch<React.SetStateAction<number>>\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>\n  allowPinchZoom: RemoveScrollProps['allowPinchZoom']\n  contentRef: React.RefObject<TamaguiElement>\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          const nextPos = (context.position + 1) % context.snapPoints.length\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      >\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\nconst SHEET_FRAME_NAME = 'SheetFrame'\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_FRAME_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_FRAME_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, 10],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\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      // eslint-disable-next-line react-hooks/exhaustive-deps\n      const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)])\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      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 pos = positionValue.current\n        if (isHidden && open) return\n        if (!pos) 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 (pos['_value'] === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(pos, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = pos['_value'] === HIDDEN_SIZE\n        spring.current = Animated.spring(pos, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => finished && stopSpring())\n      })\n\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\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 = pos['_value']\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 = pos['_value']\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 'SheetFrame':\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          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 visible={open}>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    }),\n    {\n      componentName: 'Sheet',\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  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\nconst SHEET_FRAME_NAME = 'SheetFrame'\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_FRAME_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_FRAME_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 pos = positionValue.current\n        if (isHidden && open) return\n        if (!pos) 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 (pos['_value'] === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(pos, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = pos['_value'] === HIDDEN_SIZE\n        spring.current = Animated.spring(pos, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => finished && stopSpring())\n      })\n\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\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 = pos['_value']\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 = pos['_value']\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 'SheetFrame':\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 visible={open}>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    }),\n    {\n      componentName: 'Sheet',\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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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/sheet",
-  "version": "1.0.1-beta.108",
+  "version": "1.0.1-beta.111",
   "sideEffects": [
     "*.css"
   ],
@@ -20,12 +20,12 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "^1.0.1-beta.108",
-    "@tamagui/core": "^1.0.1-beta.108",
-    "@tamagui/create-context": "^1.0.1-beta.108",
-    "@tamagui/remove-scroll": "^1.0.1-beta.108",
-    "@tamagui/stacks": "^1.0.1-beta.108",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.108"
+    "@tamagui/compose-refs": "^1.0.1-beta.111",
+    "@tamagui/core": "^1.0.1-beta.111",
+    "@tamagui/create-context": "^1.0.1-beta.111",
+    "@tamagui/remove-scroll": "^1.0.1-beta.111",
+    "@tamagui/stacks": "^1.0.1-beta.111",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.111"
   },
   "peerDependencies": {
     "react": "*",
@@ -33,7 +33,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.108",
+    "@tamagui/build": "^1.0.1-beta.111",
     "react": "*",
     "react-dom": "*",
     "react-native": "*"

package/src/Sheet.tsx

@@ -23,6 +23,7 @@ import React, {
   createContext,
   forwardRef,
   isValidElement,
+  useCallback,
   useContext,
   useEffect,
   useLayoutEffect,
@@ -54,6 +55,7 @@ export type SheetProps = ScopedProps<
     onChangePosition?: PositionChangeHandler
     children?: ReactNode
     dismissOnOverlayPress?: boolean
+    dismissOnSnapToBottom?: boolean
     animationConfig?: Animated.SpringAnimationConfig
     disableDrag?: boolean
     modal?: boolean
@@ -66,9 +68,7 @@ export type SheetProps = ScopedProps<
   'Sheet'
 >
 
-type PositionChangeHandler =
-  | ((position: number) => void)
-  | React.Dispatch<React.SetStateAction<number>>
+type PositionChangeHandler = (position: number) => void
 
 type OpenChangeHandler = ((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>
 
@@ -76,10 +76,11 @@ type SheetContextValue = Required<
   Pick<SheetProps, 'open' | 'position' | 'snapPoints' | 'dismissOnOverlayPress'>
 > & {
   hidden: boolean
-  setPosition: React.Dispatch<React.SetStateAction<number>>
+  setPosition: PositionChangeHandler
   setOpen: React.Dispatch<React.SetStateAction<boolean>>
   allowPinchZoom: RemoveScrollProps['allowPinchZoom']
   contentRef: React.RefObject<TamaguiElement>
+  dismissOnSnapToBottom: boolean
 }
 
 const [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME)
@@ -120,7 +121,9 @@ export const SheetHandle = SheetHandleFrame.extractable(
     return (
       <SheetHandleFrame
         onPress={() => {
-          const nextPos = (context.position + 1) % context.snapPoints.length
+          // don't toggle to the bottom snap position when dismissOnSnapToBottom set
+          const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0)
+          const nextPos = (context.position + 1) % max
           context.setPosition(nextPos)
         }}
         {...props}
@@ -164,6 +167,8 @@ export const SheetOverlay = SheetOverlayFrame.extractable(
         as={Slot}
         allowPinchZoom={context.allowPinchZoom}
         shards={[context.contentRef]}
+        // causes lots of bugs on touch web on site
+        removeScrollBar={false}
       >
         <SheetOverlayFrame
           closed={!context.open || context.hidden}
@@ -217,7 +222,7 @@ export const Sheet = withStaticProperties(
     forwardRef<View, SheetProps>((props, ref) => {
       const {
         __scopeSheet,
-        snapPoints: snapPointsProp = [80, 10],
+        snapPoints: snapPointsProp = [80],
         open: openProp,
         defaultOpen,
         children: childrenProp,
@@ -227,6 +232,7 @@ export const Sheet = withStaticProperties(
         defaultPosition,
         dismissOnOverlayPress = true,
         animationConfig,
+        dismissOnSnapToBottom = false,
         disableDrag: disableDragProp,
         modal,
         allowPinchZoom,
@@ -252,17 +258,37 @@ export const Sheet = withStaticProperties(
       })
 
       const [frameSize, setFrameSize] = useState<number>(0)
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)])
+
+      const snapPoints = useMemo(
+        () => (dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp),
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        [JSON.stringify(snapPointsProp), dismissOnSnapToBottom]
+      )
 
       // lets set -1 to be always the "open = false" position
-      const [position_, setPosition] = useControllableState({
+      const [position_, setPosition_] = useControllableState({
         prop: positionProp,
         defaultProp: defaultPosition || (open ? 0 : -1),
         onChange: onChangePosition,
       })
       const position = open === false ? -1 : position_
 
+      // reset position to fully open on re-open after dismissOnSnapToBottom
+      if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+        setPosition_(0)
+      }
+
+      const setPosition = useCallback(
+        (next: number) => {
+          // close on dismissOnSnapToBottom (and set position so it animates)
+          if (dismissOnSnapToBottom && next === snapPoints.length - 1) {
+            setOpen(false)
+          }
+          setPosition_(next)
+        },
+        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]
+      )
+
       const positionValue = useRef<Animated.Value>()
       if (!positionValue.current) {
         positionValue.current = new Animated.Value(HIDDEN_SIZE)
@@ -423,6 +449,7 @@ export const Sheet = withStaticProperties(
         <SheetProvider
           contentRef={contentRef}
           dismissOnOverlayPress={dismissOnOverlayPress}
+          dismissOnSnapToBottom={dismissOnSnapToBottom}
           allowPinchZoom={allowPinchZoom}
           open={open}
           hidden={isHidden}

package/types/Sheet.d.ts

@@ -15,12 +15,13 @@ export declare type SheetProps = ScopedProps<{
     onChangePosition?: PositionChangeHandler;
     children?: ReactNode;
     dismissOnOverlayPress?: boolean;
+    dismissOnSnapToBottom?: boolean;
     animationConfig?: Animated.SpringAnimationConfig;
     disableDrag?: boolean;
     modal?: boolean;
     allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];
 }, 'Sheet'>;
-declare type PositionChangeHandler = ((position: number) => void) | React.Dispatch<React.SetStateAction<number>>;
+declare type PositionChangeHandler = (position: number) => void;
 declare type OpenChangeHandler = ((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>;
 declare const createSheetScope: import("@tamagui/create-context").CreateScope;
 export declare const SheetHandleFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
@@ -130,6 +131,7 @@ export declare const Sheet: ((props: Omit<{
     onChangePosition?: PositionChangeHandler | undefined;
     children?: ReactNode;
     dismissOnOverlayPress?: boolean | undefined;
+    dismissOnSnapToBottom?: boolean | undefined;
     animationConfig?: Animated.SpringAnimationConfig | undefined;
     disableDrag?: boolean | undefined;
     modal?: boolean | undefined;

package/types/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"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"}