@tamagui/sheet 1.0.1-beta.138 → 1.0.1-beta.141

package/dist/cjs/Sheet.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Sheet_exports);
 var import_compose_refs = require("@tamagui/compose-refs");
 var import_core = require("@tamagui/core");
 var import_portal = require("@tamagui/portal");
+var import_remove_scroll = require("@tamagui/remove-scroll");
 var import_stacks = require("@tamagui/stacks");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var import_react = __toESM(require("react"));
@@ -429,7 +430,13 @@ const Sheet = (0, import_core.withStaticProperties)((0, import_core.themeable)((
       height: "100%",
       transform: [{ translateY }]
     }
-  }, handleComponent, isResizing ? null : frameComponent));
+  }, handleComponent, /* @__PURE__ */ import_react.default.createElement(import_remove_scroll.RemoveScroll, {
+    enabled: open && modal && handleDisableScroll,
+    as: import_core.Slot,
+    allowPinchZoom: true,
+    shards: [contentRef],
+    removeScrollBar: false
+  }, isResizing ? null : frameComponent)));
   if (modal) {
     return /* @__PURE__ */ import_react.default.createElement(import_portal.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_core.Theme, {
       name: themeName

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  useConstant,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\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  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Animated,\n  GestureResponderEvent,\n  PanResponder,\n  PanResponderGestureState,\n  StyleSheet,\n  View,\n} from 'react-native'\n\nimport { SHEET_HANDLE_NAME, SHEET_NAME } from './SHEET_HANDLE_NAME'\nimport { SheetProvider, useSheetContext } from './SheetContext'\nimport { SheetScrollView } from './SheetScrollView'\nimport { ScrollBridge, SheetProps, SheetScopedProps } from './types'\n\nexport { createSheetScope } from './SheetContext'\n\n/* -------------------------------------------------------------------------------------------------\n * SheetHandle\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SheetHandleFrame = styled(XStack, {\n  name: SHEET_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  zIndex: 10,\n  marginHorizontal: '35%',\n  marginBottom: '$2',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n\n  variants: {\n    open: {\n      true: {\n        pointerEvents: 'auto',\n      },\n      false: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n    },\n  } as const,\n})\n\nexport const SheetHandle = SheetHandleFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => {\n    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)\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        open={context.open}\n        {...props}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_OVERLAY_NAME = 'SheetOverlay'\n\nexport const SheetOverlayFrame = styled(YStack, {\n  name: SHEET_OVERLAY_NAME,\n  // TODO this should be $background without opacity and just customized by theme\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n  zIndex: 0,\n\n  variants: {\n    closed: {\n      true: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      false: {\n        pointerEvents: 'auto',\n      },\n      // TODO still have as const bug\n    } as const,\n  },\n})\n\nexport type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>\n\nexport const SheetOverlay = SheetOverlayFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => {\n    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)\n    return (\n      <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    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Sheet\n * -----------------------------------------------------------------------------------------------*/\n\nconst selectionStyleSheet = isClient ? document.createElement('style') : null\nif (selectionStyleSheet) {\n  document.head.appendChild(selectionStyleSheet)\n}\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_NAME,\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'hidden',\n  pointerEvents: 'auto',\n})\n\nexport const SheetFrame = SheetFrameFrame.extractable(\n  forwardRef(({ __scopeSheet, ...props }: SheetScopedProps<YStackProps>, forwardedRef) => {\n    const context = useSheetContext(SHEET_NAME, __scopeSheet)\n    const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)\n    return <SheetFrameFrame ref={composedContentRef} {...props} />\n  })\n)\n\n// set all the way off screen\nconst HIDDEN_SIZE = 10_000\n\nexport const Sheet = withStaticProperties(\n  themeable(\n    forwardRef<View, SheetProps>(function Sheet(props, ref) {\n      const {\n        __scopeSheet,\n        snapPoints: snapPointsProp = [80],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\n        dismissOnSnapToBottom = false,\n        disableDrag: disableDragProp,\n        modal = false,\n        handleDisableScroll = true,\n      } = props\n\n      if (process.env.NODE_ENV === 'development') {\n        if (snapPointsProp.some((p) => p < 0 || p > 100)) {\n          console.warn(\n            `\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`\n          )\n        }\n      }\n\n      // allows for sheets to be controlled by other components\n      const controller = useContext(SheetControllerContext)\n      const isHidden = controller?.hidden || false\n      const disableDrag = disableDragProp ?? controller?.disableDrag\n      const themeName = useThemeName()\n      const contentRef = React.useRef<TamaguiElement>(null)\n      const scrollBridge = useConstant<ScrollBridge>(() => ({\n        enabled: false,\n        y: 0,\n        paneY: 0,\n        paneMinY: 0,\n        scrollStartY: -1,\n        drag: () => {},\n        release: () => {},\n        scrollLock: false,\n      }))\n\n      const onChangeOpenInternal = (val: boolean) => {\n        controller?.onChangeOpen?.(val)\n        onChangeOpen?.(val)\n      }\n\n      const [open, setOpen] = useControllableState({\n        prop: controller?.open ?? openProp,\n        defaultProp: defaultOpen || true,\n        onChange: onChangeOpenInternal,\n        strategy: 'most-recent-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        strategy: 'most-recent-wins',\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          } else {\n            setPosition_(next)\n          }\n        },\n        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]\n      )\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(HIDDEN_SIZE)\n      }\n\n      const [isResizing, setIsResizing] = useState(true)\n      useIsomorphicLayoutEffect(() => {\n        if (!isResizing) {\n          setIsResizing(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [modal])\n\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n        if (scrollBridge.onFinishAnimate) {\n          scrollBridge.onFinishAnimate()\n          scrollBridge.onFinishAnimate = undefined\n        }\n      }\n\n      // open must set position\n      const shouldSetPositionOpen = open && position < 0\n      useEffect(() => {\n        if (shouldSetPositionOpen) {\n          setPosition(0)\n        }\n      }, [setPosition, shouldSetPositionOpen])\n\n      const positions = useMemo(\n        () => snapPoints.map((point) => getPercentSize(point, frameSize)),\n        [frameSize, snapPoints]\n      )\n\n      const animateTo = useEvent((position: number) => {\n        const current = positionValue.current\n        if (isHidden && open) return\n        if (!current) return\n        if (frameSize === 0) return\n        const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize\n        const toValue = isHidden || position === -1 ? hiddenValue : positions[position]\n        if (at.current === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(current, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          at.current = toValue\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = at.current === HIDDEN_SIZE\n        spring.current = Animated.spring(current, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => {\n          if (finished) {\n            stopSpring()\n          }\n        })\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\n\n      // native only fix\n      const at = useRef(0)\n      useEffect(() => {\n        positionValue.current!.addListener(({ value }) => {\n          at.current = value\n          scrollBridge.paneY = value\n        })\n        return () => {\n          positionValue.current!.removeAllListeners()\n        }\n      }, [])\n\n      const panResponder = useMemo(\n        () => {\n          if (disableDrag) return\n          if (!frameSize) return\n\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const pos = positionValue.current!\n          const minY = positions[0]\n          scrollBridge.paneMinY = minY\n          let startY = at.current\n\n          function makeUnselectable(val: boolean) {\n            if (!selectionStyleSheet) return\n            if (!val) {\n              selectionStyleSheet.innerText = ``\n            } else {\n              selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`\n            }\n          }\n\n          const release = ({ vy, dragAt }: { dragAt: number; vy: number }) => {\n            isExternalDrag = false\n            previouslyScrolling = false\n            makeUnselectable(false)\n            const at = dragAt + 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.2\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          }\n\n          const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {\n            release({\n              vy: state.vy,\n              dragAt: state.dy,\n            })\n          }\n\n          let previouslyScrolling = false\n\n          const onMoveShouldSet = (_e: GestureResponderEvent, { dy }: PanResponderGestureState) => {\n            const isScrolled = scrollBridge.y !== 0\n            if (isScrolled) {\n              previouslyScrolling = true\n              return false\n            }\n            if (previouslyScrolling) {\n              previouslyScrolling = false\n              return true\n            }\n            const isDraggingUp = dy < 0\n            if (!isScrolled && isDraggingUp) {\n              return false\n            }\n            // we could do some detection of other touchables and cancel here..\n            return Math.abs(dy) > 8\n          }\n\n          const grant = () => {\n            makeUnselectable(true)\n            stopSpring()\n            startY = at.current\n          }\n\n          let isExternalDrag = false\n\n          function setPositionValue(next: number) {\n            // useful to debug any \"jumping\"\n            // if (process.env.NODE_ENV === 'development') {\n            //   const moveAmt = Math.abs(pos['_value'] - next)\n            //   if (moveAmt > 50) {\n            //     console.warn('!!!!!!!!!!!!jump!', moveAmt)\n            //     // debugger\n            //   }\n            // }\n            pos.setValue(next)\n          }\n\n          scrollBridge.drag = (dy) => {\n            if (!isExternalDrag) {\n              isExternalDrag = true\n              grant()\n            }\n            const to = dy + startY\n            setPositionValue(resisted(to, minY))\n          }\n\n          scrollBridge.release = release\n\n          return PanResponder.create({\n            onMoveShouldSetPanResponder: onMoveShouldSet,\n            onPanResponderGrant: grant,\n            onPanResponderMove: (_e, { dy }) => {\n              const to = dy + startY\n              setPositionValue(resisted(to, minY))\n            },\n            onPanResponderEnd: finish,\n            onPanResponderTerminate: finish,\n            onPanResponderRelease: finish,\n          })\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [disableDrag, animateTo, frameSize, positions, setPosition]\n      )\n\n      let handleComponent: React.ReactElement | null = null\n      let overlayComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      // TODO do more radix-like and don't require direct children descendents\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          const name = child.type?.['staticConfig']?.componentName\n          switch (name) {\n            case 'SheetHandle':\n              handleComponent = child\n              break\n            case 'Sheet':\n              frameComponent = child\n              break\n            case 'SheetOverlay':\n              overlayComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Sheet', child)\n          }\n        }\n      })\n\n      const preventShown = controller?.hidden && controller?.open\n\n      if (preventShown) {\n        return null\n      }\n\n      const translateY = frameSize === 0 ? HIDDEN_SIZE : positionValue.current\n\n      const contents = (\n        <SheetProvider\n          modal={modal}\n          contentRef={contentRef}\n          dismissOnOverlayPress={dismissOnOverlayPress}\n          dismissOnSnapToBottom={dismissOnSnapToBottom}\n          open={open}\n          hidden={isHidden}\n          scope={__scopeSheet}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n          setOpen={setOpen}\n          scrollBridge={scrollBridge}\n        >\n          {isResizing ? null : overlayComponent}\n\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 }],\n            }}\n          >\n            {handleComponent}\n\n            {/* <RemoveScroll\n              enabled={open && modal && handleDisableScroll}\n              as={Slot}\n              allowPinchZoom\n              shards={[contentRef]}\n              // causes lots of bugs on touch web on site\n              removeScrollBar={false}\n            > */}\n            {isResizing ? null : frameComponent}\n            {/* </RemoveScroll> */}\n          </Animated.View>\n        </SheetProvider>\n      )\n\n      if (modal) {\n        return (\n          <Portal>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    })\n  ),\n  {\n    Handle: SheetHandle,\n    Frame: SheetFrame,\n    Overlay: SheetOverlay,\n    ScrollView: SheetScrollView,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------*/\n\nfunction getPercentSize(point?: number, frameSize?: number) {\n  if (!frameSize) return 0\n  if (point === undefined) {\n    console.warn(`No snapPoint`)\n    return 0\n  }\n  const pct = point / 100\n  const next = frameSize - pct * frameSize\n  return next\n}\n\nfunction resisted(y: number, minY: number, maxOverflow = 25) {\n  if (y < minY) {\n    const past = minY - y\n    const pctPast = Math.min(maxOverflow, past) / maxOverflow\n    const diminishBy = 1.1 - Math.pow(0.1, pctPast)\n    const extra = -diminishBy * maxOverflow\n    return minY + extra\n  }\n  return y\n}\n\ntype SheetControllerContextValue = {\n  disableDrag?: boolean\n  open?: boolean\n  // hide without \"closing\" to prevent re-animation when shown again\n  hidden?: boolean\n  onChangeOpen?: React.Dispatch<React.SetStateAction<boolean>> | ((val: boolean) => void)\n}\n\nconst SheetControllerContext = createContext<SheetControllerContextValue | null>(null)\n\nexport const SheetController = ({\n  children,\n  onChangeOpen: onChangeOpenProp,\n  ...value\n}: Partial<SheetControllerContextValue> & { children?: React.ReactNode }) => {\n  const onChangeOpen = useEvent(onChangeOpenProp)\n\n  const memoValue = useMemo(\n    () => ({\n      open: value.open,\n      hidden: value.hidden,\n      disableDrag: value.disableDrag,\n      onChangeOpen,\n    }),\n    [onChangeOpen, value.open, value.hidden, value.disableDrag]\n  )\n\n  return (\n    <SheetControllerContext.Provider value={memoValue}>{children}</SheetControllerContext.Provider>\n  )\n}\n"],
-  "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  useConstant,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\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  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Animated,\n  GestureResponderEvent,\n  PanResponder,\n  PanResponderGestureState,\n  View,\n} from 'react-native'\n\nimport { SHEET_HANDLE_NAME, SHEET_NAME } from './SHEET_HANDLE_NAME'\nimport { SheetProvider, useSheetContext } from './SheetContext'\nimport { SheetScrollView } from './SheetScrollView'\nimport { ScrollBridge, SheetProps, SheetScopedProps } from './types'\n\nexport { createSheetScope } from './SheetContext'\n\n/* -------------------------------------------------------------------------------------------------\n * SheetHandle\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SheetHandleFrame = styled(XStack, {\n  name: SHEET_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  zIndex: 10,\n  marginHorizontal: '35%',\n  marginBottom: '$2',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n\n  variants: {\n    open: {\n      true: {\n        pointerEvents: 'auto',\n      },\n      false: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n    },\n  } as const,\n})\n\nexport const SheetHandle = SheetHandleFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => {\n    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)\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        open={context.open}\n        {...props}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_OVERLAY_NAME = 'SheetOverlay'\n\nexport const SheetOverlayFrame = styled(YStack, {\n  name: SHEET_OVERLAY_NAME,\n  // TODO this should be $background without opacity and just customized by theme\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n  zIndex: 0,\n\n  variants: {\n    closed: {\n      true: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      false: {\n        pointerEvents: 'auto',\n      },\n      // TODO still have as const bug\n    } as const,\n  },\n})\n\nexport type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>\n\nexport const SheetOverlay = SheetOverlayFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => {\n    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)\n    return (\n      <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    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Sheet\n * -----------------------------------------------------------------------------------------------*/\n\nconst selectionStyleSheet = isClient ? document.createElement('style') : null\nif (selectionStyleSheet) {\n  document.head.appendChild(selectionStyleSheet)\n}\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_NAME,\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'hidden',\n  pointerEvents: 'auto',\n})\n\nexport const SheetFrame = SheetFrameFrame.extractable(\n  forwardRef(({ __scopeSheet, ...props }: SheetScopedProps<YStackProps>, forwardedRef) => {\n    const context = useSheetContext(SHEET_NAME, __scopeSheet)\n    const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)\n    return <SheetFrameFrame ref={composedContentRef} {...props} />\n  })\n)\n\n// set all the way off screen\nconst HIDDEN_SIZE = 10_000\n\nexport const Sheet = withStaticProperties(\n  themeable(\n    forwardRef<View, SheetProps>(function Sheet(props, ref) {\n      const {\n        __scopeSheet,\n        snapPoints: snapPointsProp = [80],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\n        dismissOnSnapToBottom = false,\n        disableDrag: disableDragProp,\n        modal = false,\n        handleDisableScroll = true,\n      } = props\n\n      if (process.env.NODE_ENV === 'development') {\n        if (snapPointsProp.some((p) => p < 0 || p > 100)) {\n          // eslint-disable-next-line no-console\n          console.warn(\n            `\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`\n          )\n        }\n      }\n\n      // allows for sheets to be controlled by other components\n      const controller = useContext(SheetControllerContext)\n      const isHidden = controller?.hidden || false\n      const disableDrag = disableDragProp ?? controller?.disableDrag\n      const themeName = useThemeName()\n      const contentRef = React.useRef<TamaguiElement>(null)\n      const scrollBridge = useConstant<ScrollBridge>(() => ({\n        enabled: false,\n        y: 0,\n        paneY: 0,\n        paneMinY: 0,\n        scrollStartY: -1,\n        drag: () => {},\n        release: () => {},\n        scrollLock: false,\n      }))\n\n      const onChangeOpenInternal = (val: boolean) => {\n        controller?.onChangeOpen?.(val)\n        onChangeOpen?.(val)\n      }\n\n      const [open, setOpen] = useControllableState({\n        prop: controller?.open ?? openProp,\n        defaultProp: defaultOpen || true,\n        onChange: onChangeOpenInternal,\n        strategy: 'most-recent-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        strategy: 'most-recent-wins',\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          } else {\n            setPosition_(next)\n          }\n        },\n        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]\n      )\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(HIDDEN_SIZE)\n      }\n\n      const [isResizing, setIsResizing] = useState(true)\n      useIsomorphicLayoutEffect(() => {\n        if (!isResizing) {\n          setIsResizing(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [modal])\n\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n        if (scrollBridge.onFinishAnimate) {\n          scrollBridge.onFinishAnimate()\n          scrollBridge.onFinishAnimate = undefined\n        }\n      }\n\n      // open must set position\n      const shouldSetPositionOpen = open && position < 0\n      useEffect(() => {\n        if (shouldSetPositionOpen) {\n          setPosition(0)\n        }\n      }, [setPosition, shouldSetPositionOpen])\n\n      const positions = useMemo(\n        () => snapPoints.map((point) => getPercentSize(point, frameSize)),\n        [frameSize, snapPoints]\n      )\n\n      const animateTo = useEvent((position: number) => {\n        const current = positionValue.current\n        if (isHidden && open) return\n        if (!current) return\n        if (frameSize === 0) return\n        const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize\n        const toValue = isHidden || position === -1 ? hiddenValue : positions[position]\n        if (at.current === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(current, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          at.current = toValue\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = at.current === HIDDEN_SIZE\n        spring.current = Animated.spring(current, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => {\n          if (finished) {\n            stopSpring()\n          }\n        })\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\n\n      // native only fix\n      const at = useRef(0)\n      useEffect(() => {\n        positionValue.current!.addListener(({ value }) => {\n          at.current = value\n          scrollBridge.paneY = value\n        })\n        return () => {\n          positionValue.current!.removeAllListeners()\n        }\n      }, [])\n\n      const panResponder = useMemo(\n        () => {\n          if (disableDrag) return\n          if (!frameSize) return\n\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const pos = positionValue.current!\n          const minY = positions[0]\n          scrollBridge.paneMinY = minY\n          let startY = at.current\n\n          function makeUnselectable(val: boolean) {\n            if (!selectionStyleSheet) return\n            if (!val) {\n              selectionStyleSheet.innerText = ``\n            } else {\n              selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`\n            }\n          }\n\n          const release = ({ vy, dragAt }: { dragAt: number; vy: number }) => {\n            isExternalDrag = false\n            previouslyScrolling = false\n            makeUnselectable(false)\n            const at = dragAt + 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.2\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          }\n\n          const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {\n            release({\n              vy: state.vy,\n              dragAt: state.dy,\n            })\n          }\n\n          let previouslyScrolling = false\n\n          const onMoveShouldSet = (_e: GestureResponderEvent, { dy }: PanResponderGestureState) => {\n            const isScrolled = scrollBridge.y !== 0\n            if (isScrolled) {\n              previouslyScrolling = true\n              return false\n            }\n            if (previouslyScrolling) {\n              previouslyScrolling = false\n              return true\n            }\n            const isDraggingUp = dy < 0\n            if (!isScrolled && isDraggingUp) {\n              return false\n            }\n            // we could do some detection of other touchables and cancel here..\n            return Math.abs(dy) > 8\n          }\n\n          const grant = () => {\n            makeUnselectable(true)\n            stopSpring()\n            startY = at.current\n          }\n\n          let isExternalDrag = false\n\n          function setPositionValue(next: number) {\n            // useful to debug any \"jumping\"\n            // if (process.env.NODE_ENV === 'development') {\n            //   const moveAmt = Math.abs(pos['_value'] - next)\n            //   if (moveAmt > 50) {\n            //     console.warn('!!!!!!!!!!!!jump!', moveAmt)\n            //     // debugger\n            //   }\n            // }\n            pos.setValue(next)\n          }\n\n          scrollBridge.drag = (dy) => {\n            if (!isExternalDrag) {\n              isExternalDrag = true\n              grant()\n            }\n            const to = dy + startY\n            setPositionValue(resisted(to, minY))\n          }\n\n          scrollBridge.release = release\n\n          return PanResponder.create({\n            onMoveShouldSetPanResponder: onMoveShouldSet,\n            onPanResponderGrant: grant,\n            onPanResponderMove: (_e, { dy }) => {\n              const to = dy + startY\n              setPositionValue(resisted(to, minY))\n            },\n            onPanResponderEnd: finish,\n            onPanResponderTerminate: finish,\n            onPanResponderRelease: finish,\n          })\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [disableDrag, animateTo, frameSize, positions, setPosition]\n      )\n\n      let handleComponent: React.ReactElement | null = null\n      let overlayComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      // TODO do more radix-like and don't require direct children descendents\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          const name = child.type?.['staticConfig']?.componentName\n          switch (name) {\n            case 'SheetHandle':\n              handleComponent = child\n              break\n            case 'Sheet':\n              frameComponent = child\n              break\n            case 'SheetOverlay':\n              overlayComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Sheet', child)\n          }\n        }\n      })\n\n      const preventShown = controller?.hidden && controller?.open\n\n      if (preventShown) {\n        return null\n      }\n\n      const translateY = frameSize === 0 ? HIDDEN_SIZE : positionValue.current\n\n      const contents = (\n        <SheetProvider\n          modal={modal}\n          contentRef={contentRef}\n          dismissOnOverlayPress={dismissOnOverlayPress}\n          dismissOnSnapToBottom={dismissOnSnapToBottom}\n          open={open}\n          hidden={isHidden}\n          scope={__scopeSheet}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n          setOpen={setOpen}\n          scrollBridge={scrollBridge}\n        >\n          {isResizing ? null : overlayComponent}\n\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 }],\n            }}\n          >\n            {handleComponent}\n\n            <RemoveScroll\n              enabled={open && modal && handleDisableScroll}\n              as={Slot}\n              allowPinchZoom\n              shards={[contentRef]}\n              // causes lots of bugs on touch web on site\n              removeScrollBar={false}\n            >\n              {isResizing ? null : frameComponent}\n            </RemoveScroll>\n          </Animated.View>\n        </SheetProvider>\n      )\n\n      if (modal) {\n        return (\n          <Portal>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    })\n  ),\n  {\n    Handle: SheetHandle,\n    Frame: SheetFrame,\n    Overlay: SheetOverlay,\n    ScrollView: SheetScrollView,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------*/\n\nfunction getPercentSize(point?: number, frameSize?: number) {\n  if (!frameSize) return 0\n  if (point === undefined) {\n    // eslint-disable-next-line no-console\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"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/Sheet.js

@@ -1,5 +1,6 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
+  Slot,
   Theme,
   isClient,
   isWeb,
@@ -13,6 +14,7 @@ import {
   withStaticProperties
 } from "@tamagui/core";
 import { Portal } from "@tamagui/portal";
+import { RemoveScroll } from "@tamagui/remove-scroll";
 import { XStack, YStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import React, {
@@ -420,7 +422,13 @@ const Sheet = withStaticProperties(themeable(forwardRef(function Sheet2(props, r
       height: "100%",
       transform: [{ translateY }]
     }
-  }, handleComponent, isResizing ? null : frameComponent));
+  }, handleComponent, /* @__PURE__ */ React.createElement(RemoveScroll, {
+    enabled: open && modal && handleDisableScroll,
+    as: Slot,
+    allowPinchZoom: true,
+    shards: [contentRef],
+    removeScrollBar: false
+  }, isResizing ? null : frameComponent)));
   if (modal) {
     return /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(Theme, {
       name: themeName

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  useConstant,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\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  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Animated,\n  GestureResponderEvent,\n  PanResponder,\n  PanResponderGestureState,\n  StyleSheet,\n  View,\n} from 'react-native'\n\nimport { SHEET_HANDLE_NAME, SHEET_NAME } from './SHEET_HANDLE_NAME'\nimport { SheetProvider, useSheetContext } from './SheetContext'\nimport { SheetScrollView } from './SheetScrollView'\nimport { ScrollBridge, SheetProps, SheetScopedProps } from './types'\n\nexport { createSheetScope } from './SheetContext'\n\n/* -------------------------------------------------------------------------------------------------\n * SheetHandle\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SheetHandleFrame = styled(XStack, {\n  name: SHEET_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  zIndex: 10,\n  marginHorizontal: '35%',\n  marginBottom: '$2',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n\n  variants: {\n    open: {\n      true: {\n        pointerEvents: 'auto',\n      },\n      false: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n    },\n  } as const,\n})\n\nexport const SheetHandle = SheetHandleFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => {\n    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)\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        open={context.open}\n        {...props}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_OVERLAY_NAME = 'SheetOverlay'\n\nexport const SheetOverlayFrame = styled(YStack, {\n  name: SHEET_OVERLAY_NAME,\n  // TODO this should be $background without opacity and just customized by theme\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n  zIndex: 0,\n\n  variants: {\n    closed: {\n      true: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      false: {\n        pointerEvents: 'auto',\n      },\n      // TODO still have as const bug\n    } as const,\n  },\n})\n\nexport type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>\n\nexport const SheetOverlay = SheetOverlayFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => {\n    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)\n    return (\n      <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    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Sheet\n * -----------------------------------------------------------------------------------------------*/\n\nconst selectionStyleSheet = isClient ? document.createElement('style') : null\nif (selectionStyleSheet) {\n  document.head.appendChild(selectionStyleSheet)\n}\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_NAME,\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'hidden',\n  pointerEvents: 'auto',\n})\n\nexport const SheetFrame = SheetFrameFrame.extractable(\n  forwardRef(({ __scopeSheet, ...props }: SheetScopedProps<YStackProps>, forwardedRef) => {\n    const context = useSheetContext(SHEET_NAME, __scopeSheet)\n    const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)\n    return <SheetFrameFrame ref={composedContentRef} {...props} />\n  })\n)\n\n// set all the way off screen\nconst HIDDEN_SIZE = 10_000\n\nexport const Sheet = withStaticProperties(\n  themeable(\n    forwardRef<View, SheetProps>(function Sheet(props, ref) {\n      const {\n        __scopeSheet,\n        snapPoints: snapPointsProp = [80],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\n        dismissOnSnapToBottom = false,\n        disableDrag: disableDragProp,\n        modal = false,\n        handleDisableScroll = true,\n      } = props\n\n      if (process.env.NODE_ENV === 'development') {\n        if (snapPointsProp.some((p) => p < 0 || p > 100)) {\n          console.warn(\n            `\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`\n          )\n        }\n      }\n\n      // allows for sheets to be controlled by other components\n      const controller = useContext(SheetControllerContext)\n      const isHidden = controller?.hidden || false\n      const disableDrag = disableDragProp ?? controller?.disableDrag\n      const themeName = useThemeName()\n      const contentRef = React.useRef<TamaguiElement>(null)\n      const scrollBridge = useConstant<ScrollBridge>(() => ({\n        enabled: false,\n        y: 0,\n        paneY: 0,\n        paneMinY: 0,\n        scrollStartY: -1,\n        drag: () => {},\n        release: () => {},\n        scrollLock: false,\n      }))\n\n      const onChangeOpenInternal = (val: boolean) => {\n        controller?.onChangeOpen?.(val)\n        onChangeOpen?.(val)\n      }\n\n      const [open, setOpen] = useControllableState({\n        prop: controller?.open ?? openProp,\n        defaultProp: defaultOpen || true,\n        onChange: onChangeOpenInternal,\n        strategy: 'most-recent-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        strategy: 'most-recent-wins',\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          } else {\n            setPosition_(next)\n          }\n        },\n        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]\n      )\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(HIDDEN_SIZE)\n      }\n\n      const [isResizing, setIsResizing] = useState(true)\n      useIsomorphicLayoutEffect(() => {\n        if (!isResizing) {\n          setIsResizing(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [modal])\n\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n        if (scrollBridge.onFinishAnimate) {\n          scrollBridge.onFinishAnimate()\n          scrollBridge.onFinishAnimate = undefined\n        }\n      }\n\n      // open must set position\n      const shouldSetPositionOpen = open && position < 0\n      useEffect(() => {\n        if (shouldSetPositionOpen) {\n          setPosition(0)\n        }\n      }, [setPosition, shouldSetPositionOpen])\n\n      const positions = useMemo(\n        () => snapPoints.map((point) => getPercentSize(point, frameSize)),\n        [frameSize, snapPoints]\n      )\n\n      const animateTo = useEvent((position: number) => {\n        const current = positionValue.current\n        if (isHidden && open) return\n        if (!current) return\n        if (frameSize === 0) return\n        const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize\n        const toValue = isHidden || position === -1 ? hiddenValue : positions[position]\n        if (at.current === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(current, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          at.current = toValue\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = at.current === HIDDEN_SIZE\n        spring.current = Animated.spring(current, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => {\n          if (finished) {\n            stopSpring()\n          }\n        })\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\n\n      // native only fix\n      const at = useRef(0)\n      useEffect(() => {\n        positionValue.current!.addListener(({ value }) => {\n          at.current = value\n          scrollBridge.paneY = value\n        })\n        return () => {\n          positionValue.current!.removeAllListeners()\n        }\n      }, [])\n\n      const panResponder = useMemo(\n        () => {\n          if (disableDrag) return\n          if (!frameSize) return\n\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const pos = positionValue.current!\n          const minY = positions[0]\n          scrollBridge.paneMinY = minY\n          let startY = at.current\n\n          function makeUnselectable(val: boolean) {\n            if (!selectionStyleSheet) return\n            if (!val) {\n              selectionStyleSheet.innerText = ``\n            } else {\n              selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`\n            }\n          }\n\n          const release = ({ vy, dragAt }: { dragAt: number; vy: number }) => {\n            isExternalDrag = false\n            previouslyScrolling = false\n            makeUnselectable(false)\n            const at = dragAt + 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.2\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          }\n\n          const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {\n            release({\n              vy: state.vy,\n              dragAt: state.dy,\n            })\n          }\n\n          let previouslyScrolling = false\n\n          const onMoveShouldSet = (_e: GestureResponderEvent, { dy }: PanResponderGestureState) => {\n            const isScrolled = scrollBridge.y !== 0\n            if (isScrolled) {\n              previouslyScrolling = true\n              return false\n            }\n            if (previouslyScrolling) {\n              previouslyScrolling = false\n              return true\n            }\n            const isDraggingUp = dy < 0\n            if (!isScrolled && isDraggingUp) {\n              return false\n            }\n            // we could do some detection of other touchables and cancel here..\n            return Math.abs(dy) > 8\n          }\n\n          const grant = () => {\n            makeUnselectable(true)\n            stopSpring()\n            startY = at.current\n          }\n\n          let isExternalDrag = false\n\n          function setPositionValue(next: number) {\n            // useful to debug any \"jumping\"\n            // if (process.env.NODE_ENV === 'development') {\n            //   const moveAmt = Math.abs(pos['_value'] - next)\n            //   if (moveAmt > 50) {\n            //     console.warn('!!!!!!!!!!!!jump!', moveAmt)\n            //     // debugger\n            //   }\n            // }\n            pos.setValue(next)\n          }\n\n          scrollBridge.drag = (dy) => {\n            if (!isExternalDrag) {\n              isExternalDrag = true\n              grant()\n            }\n            const to = dy + startY\n            setPositionValue(resisted(to, minY))\n          }\n\n          scrollBridge.release = release\n\n          return PanResponder.create({\n            onMoveShouldSetPanResponder: onMoveShouldSet,\n            onPanResponderGrant: grant,\n            onPanResponderMove: (_e, { dy }) => {\n              const to = dy + startY\n              setPositionValue(resisted(to, minY))\n            },\n            onPanResponderEnd: finish,\n            onPanResponderTerminate: finish,\n            onPanResponderRelease: finish,\n          })\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [disableDrag, animateTo, frameSize, positions, setPosition]\n      )\n\n      let handleComponent: React.ReactElement | null = null\n      let overlayComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      // TODO do more radix-like and don't require direct children descendents\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          const name = child.type?.['staticConfig']?.componentName\n          switch (name) {\n            case 'SheetHandle':\n              handleComponent = child\n              break\n            case 'Sheet':\n              frameComponent = child\n              break\n            case 'SheetOverlay':\n              overlayComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Sheet', child)\n          }\n        }\n      })\n\n      const preventShown = controller?.hidden && controller?.open\n\n      if (preventShown) {\n        return null\n      }\n\n      const translateY = frameSize === 0 ? HIDDEN_SIZE : positionValue.current\n\n      const contents = (\n        <SheetProvider\n          modal={modal}\n          contentRef={contentRef}\n          dismissOnOverlayPress={dismissOnOverlayPress}\n          dismissOnSnapToBottom={dismissOnSnapToBottom}\n          open={open}\n          hidden={isHidden}\n          scope={__scopeSheet}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n          setOpen={setOpen}\n          scrollBridge={scrollBridge}\n        >\n          {isResizing ? null : overlayComponent}\n\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 }],\n            }}\n          >\n            {handleComponent}\n\n            {/* <RemoveScroll\n              enabled={open && modal && handleDisableScroll}\n              as={Slot}\n              allowPinchZoom\n              shards={[contentRef]}\n              // causes lots of bugs on touch web on site\n              removeScrollBar={false}\n            > */}\n            {isResizing ? null : frameComponent}\n            {/* </RemoveScroll> */}\n          </Animated.View>\n        </SheetProvider>\n      )\n\n      if (modal) {\n        return (\n          <Portal>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    })\n  ),\n  {\n    Handle: SheetHandle,\n    Frame: SheetFrame,\n    Overlay: SheetOverlay,\n    ScrollView: SheetScrollView,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------*/\n\nfunction getPercentSize(point?: number, frameSize?: number) {\n  if (!frameSize) return 0\n  if (point === undefined) {\n    console.warn(`No snapPoint`)\n    return 0\n  }\n  const pct = point / 100\n  const next = frameSize - pct * frameSize\n  return next\n}\n\nfunction resisted(y: number, minY: number, maxOverflow = 25) {\n  if (y < minY) {\n    const past = minY - y\n    const pctPast = Math.min(maxOverflow, past) / maxOverflow\n    const diminishBy = 1.1 - Math.pow(0.1, pctPast)\n    const extra = -diminishBy * maxOverflow\n    return minY + extra\n  }\n  return y\n}\n\ntype SheetControllerContextValue = {\n  disableDrag?: boolean\n  open?: boolean\n  // hide without \"closing\" to prevent re-animation when shown again\n  hidden?: boolean\n  onChangeOpen?: React.Dispatch<React.SetStateAction<boolean>> | ((val: boolean) => void)\n}\n\nconst SheetControllerContext = createContext<SheetControllerContextValue | null>(null)\n\nexport const SheetController = ({\n  children,\n  onChangeOpen: onChangeOpenProp,\n  ...value\n}: Partial<SheetControllerContextValue> & { children?: React.ReactNode }) => {\n  const onChangeOpen = useEvent(onChangeOpenProp)\n\n  const memoValue = useMemo(\n    () => ({\n      open: value.open,\n      hidden: value.hidden,\n      disableDrag: value.disableDrag,\n      onChangeOpen,\n    }),\n    [onChangeOpen, value.open, value.hidden, value.disableDrag]\n  )\n\n  return (\n    <SheetControllerContext.Provider value={memoValue}>{children}</SheetControllerContext.Provider>\n  )\n}\n"],
-  "mappings": "AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AAGA;AAMO,MAAM,mBAAmB,OAAO,QAAQ;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,SAAS;AAAA,EAET,YAAY;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,cAAc,iBAAiB,YAC1C,CAAC,EAAE,iBAAiB,YAA2C;AAC7D,QAAM,UAAU,gBAAgB,mBAAmB,YAAY;AAC/D,SACE,oCAAC;AAAA,IACC,SAAS,MAAM;AAEb,YAAM,MAAM,QAAQ,WAAW,SAAU,SAAQ,wBAAwB,KAAK;AAC9E,YAAM,UAAW,SAAQ,WAAW,KAAK;AACzC,cAAQ,YAAY,OAAO;AAAA,IAC7B;AAAA,IACA,MAAM,QAAQ;AAAA,IACb,GAAG;AAAA,GACN;AAEJ,CACF;AAMA,MAAM,qBAAqB;AAEpB,MAAM,oBAAoB,OAAO,QAAQ;AAAA,EAC9C,MAAM;AAAA,EAEN,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,eAAe;AAAA,MACjB;AAAA,IAEF;AAAA,EACF;AACF,CAAC;AAIM,MAAM,eAAe,kBAAkB,YAC5C,CAAC,EAAE,iBAAiB,YAAiD;AACnE,QAAM,UAAU,gBAAgB,oBAAoB,YAAY;AAChE,SACE,oCAAC;AAAA,IACC,QAAQ,CAAC,QAAQ,QAAQ,QAAQ;AAAA,IAChC,GAAG;AAAA,IACJ,SAAS,WACP,MAAM,SACN,QAAQ,wBACJ,MAAM;AACJ,cAAQ,QAAQ,KAAK;AAAA,IACvB,IACA,MACN;AAAA,GACF;AAEJ,CACF;AAMA,MAAM,sBAAsB,WAAW,SAAS,cAAc,OAAO,IAAI;AACzE,IAAI,qBAAqB;AACvB,WAAS,KAAK,YAAY,mBAAmB;AAC/C;AAEO,MAAM,kBAAkB,OAAO,QAAQ;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,eAAe;AACjB,CAAC;AAEM,MAAM,aAAa,gBAAgB,YACxC,WAAW,CAAC,EAAE,iBAAiB,SAAwC,iBAAiB;AACtF,QAAM,UAAU,gBAAgB,YAAY,YAAY;AACxD,QAAM,qBAAqB,gBAAgB,cAAc,QAAQ,UAAU;AAC3E,SAAO,oCAAC;AAAA,IAAgB,KAAK;AAAA,IAAqB,GAAG;AAAA,GAAO;AAC9D,CAAC,CACH;AAGA,MAAM,cAAc;AAEb,MAAM,QAAQ,qBACnB,UACE,WAA6B,gBAAe,OAAO,KAAK;AACtD,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,iBAAiB,CAAC,EAAE;AAAA,IAChC,MAAM;AAAA,IACN;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA,wBAAwB;AAAA,IACxB,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,sBAAsB;AAAA,MACpB;AAEJ,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,eAAe,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAChD,cAAQ,KACN,8GACF;AAAA,IACF;AAAA,EACF;AAGA,QAAM,aAAa,WAAW,sBAAsB;AACpD,QAAM,WAAW,0CAAY,WAAU;AACvC,QAAM,cAAc,mBAAmB,0CAAY;AACnD,QAAM,YAAY,aAAa;AAC/B,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,eAAe,YAA0B,MAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE;AAEF,QAAM,uBAAuB,CAAC,QAAiB;AAjOrD;AAkOQ,mDAAY,iBAAZ,oCAA2B;AAC3B,iDAAe;AAAA,EACjB;AAEA,QAAM,CAAC,MAAM,WAAW,qBAAqB;AAAA,IAC3C,MAAM,0CAAY,SAAQ;AAAA,IAC1B,aAAa,eAAe;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,CAAC,WAAW,gBAAgB,SAAiB,CAAC;AAEpD,QAAM,aAAa,QACjB,MAAO,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI,gBAExD,CAAC,KAAK,UAAU,cAAc,GAAG,qBAAqB,CACxD;AAGA,QAAM,CAAC,WAAW,gBAAgB,qBAAqB;AAAA,IACrD,MAAM;AAAA,IACN,aAAa,mBAAoB,QAAO,IAAI;AAAA,IAC5C,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,WAAW,SAAS,QAAQ,KAAK;AAGvC,MAAI,QAAQ,yBAAyB,aAAa,WAAW,SAAS,GAAG;AACvE,iBAAa,CAAC;AAAA,EAChB;AAEA,QAAM,cAAc,YAClB,CAAC,SAAiB;AAEhB,QAAI,yBAAyB,SAAS,WAAW,SAAS,GAAG;AAC3D,cAAQ,KAAK;AAAA,IACf,OAAO;AACL,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GACA,CAAC,uBAAuB,WAAW,QAAQ,cAAc,OAAO,CAClE;AAEA,QAAM,gBAAgB,OAAuB;AAC7C,MAAI,CAAC,cAAc,SAAS;AAC1B,kBAAc,UAAU,IAAI,SAAS,MAAM,WAAW;AAAA,EACxD;AAEA,QAAM,CAAC,YAAY,iBAAiB,SAAS,IAAI;AACjD,4BAA0B,MAAM;AAC9B,QAAI,CAAC,YAAY;AACf,oBAAc,IAAI;AAAA,IACpB;AAAA,EAEF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,SAAS,OAA2C,IAAI;AAC9D,wBAAsB;AA7R5B;AA8RQ,iBAAO,YAAP,mBAAgB;AAChB,WAAO,UAAU;AACjB,QAAI,aAAa,iBAAiB;AAChC,mBAAa,gBAAgB;AAC7B,mBAAa,kBAAkB;AAAA,IACjC;AAAA,EACF;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,YAAY,QAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,SAAS,CAAC,GAChE,CAAC,WAAW,UAAU,CACxB;AAEA,QAAM,YAAY,SAAS,CAAC,cAAqB;AAC/C,UAAM,UAAU,cAAc;AAC9B,QAAI,YAAY;AAAM;AACtB,QAAI,CAAC;AAAS;AACd,QAAI,cAAc;AAAG;AACrB,UAAM,cAAc,cAAc,IAAI,cAAc;AACpD,UAAM,UAAU,YAAY,cAAa,KAAK,cAAc,UAAU;AACtE,QAAI,GAAG,YAAY;AAAS;AAC5B,eAAW;AACX,QAAI,YAAY,YAAY;AAC1B,UAAI,YAAY;AACd,sBAAc,KAAK;AAAA,MACrB;AACA,eAAS,OAAO,SAAS;AAAA,QACvB,iBAAiB,CAAC;AAAA,QAClB;AAAA,QACA,UAAU;AAAA,MACZ,CAAC,EAAE,MAAM;AACT,SAAG,UAAU;AACb;AAAA,IACF;AAEA,UAAM,oBAAoB,GAAG,YAAY;AACzC,WAAO,UAAU,SAAS,OAAO,SAAS;AAAA,MACxC,iBAAiB,CAAC;AAAA,MAClB;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AACD,WAAO,QAAQ,MAAM,CAAC,EAAE,eAAe;AACrC,UAAI,UAAU;AACZ,mBAAW;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,4BAA0B,MAAM;AAC9B,cAAU,QAAQ;AAAA,EACpB,GAAG,CAAC,UAAU,WAAW,UAAU,SAAS,CAAC;AAG7C,QAAM,KAAK,OAAO,CAAC;AACnB,YAAU,MAAM;AACd,kBAAc,QAAS,YAAY,CAAC,EAAE,YAAY;AAChD,SAAG,UAAU;AACb,mBAAa,QAAQ;AAAA,IACvB,CAAC;AACD,WAAO,MAAM;AACX,oBAAc,QAAS,mBAAmB;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,QACnB,MAAM;AACJ,QAAI;AAAa;AACjB,QAAI,CAAC;AAAW;AAGhB,UAAM,MAAM,cAAc;AAC1B,UAAM,OAAO,UAAU;AACvB,iBAAa,WAAW;AACxB,QAAI,SAAS,GAAG;AAEhB,8BAA0B,KAAc;AACtC,UAAI,CAAC;AAAqB;AAC1B,UAAI,CAAC,KAAK;AACR,4BAAoB,YAAY;AAAA,MAClC,OAAO;AACL,4BAAoB,YAAY;AAAA,MAClC;AAAA,IACF;AAEA,UAAM,UAAU,CAAC,EAAE,IAAI,aAA6C;AAClE,uBAAiB;AACjB,4BAAsB;AACtB,uBAAiB,KAAK;AACtB,YAAM,MAAK,SAAS;AAGpB,YAAM,MAAM,MAAK,YAAY,KAAK;AAClC,UAAI,eAAe;AACnB,UAAI,OAAO;AACX,eAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,cAAM,YAAW,UAAU;AAC3B,cAAM,UAAU,MAAM,YAAW,MAAM,YAAW,YAAW;AAC7D,YAAI,UAAU,MAAM;AAClB,iBAAO;AACP,yBAAe;AAAA,QACjB;AAAA,MACF;AAEA,kBAAY,YAAY;AACxB,gBAAU,YAAY;AAAA,IACxB;AAEA,UAAM,SAAS,CAAC,IAA2B,UAAoC;AAC7E,cAAQ;AAAA,QACN,IAAI,MAAM;AAAA,QACV,QAAQ,MAAM;AAAA,MAChB,CAAC;AAAA,IACH;AAEA,QAAI,sBAAsB;AAE1B,UAAM,kBAAkB,CAAC,IAA2B,EAAE,SAAmC;AACvF,YAAM,aAAa,aAAa,MAAM;AACtC,UAAI,YAAY;AACd,8BAAsB;AACtB,eAAO;AAAA,MACT;AACA,UAAI,qBAAqB;AACvB,8BAAsB;AACtB,eAAO;AAAA,MACT;AACA,YAAM,eAAe,KAAK;AAC1B,UAAI,CAAC,cAAc,cAAc;AAC/B,eAAO;AAAA,MACT;AAEA,aAAO,KAAK,IAAI,EAAE,IAAI;AAAA,IACxB;AAEA,UAAM,QAAQ,MAAM;AAClB,uBAAiB,IAAI;AACrB,iBAAW;AACX,eAAS,GAAG;AAAA,IACd;AAEA,QAAI,iBAAiB;AAErB,8BAA0B,MAAc;AAStC,UAAI,SAAS,IAAI;AAAA,IACnB;AAEA,iBAAa,OAAO,CAAC,OAAO;AAC1B,UAAI,CAAC,gBAAgB;AACnB,yBAAiB;AACjB,cAAM;AAAA,MACR;AACA,YAAM,KAAK,KAAK;AAChB,uBAAiB,SAAS,IAAI,IAAI,CAAC;AAAA,IACrC;AAEA,iBAAa,UAAU;AAEvB,WAAO,aAAa,OAAO;AAAA,MACzB,6BAA6B;AAAA,MAC7B,qBAAqB;AAAA,MACrB,oBAAoB,CAAC,IAAI,EAAE,SAAS;AAClC,cAAM,KAAK,KAAK;AAChB,yBAAiB,SAAS,IAAI,IAAI,CAAC;AAAA,MACrC;AAAA,MACA,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,MACzB,uBAAuB;AAAA,IACzB,CAAC;AAAA,EACH,GAEA,CAAC,aAAa,WAAW,WAAW,WAAW,WAAW,CAC5D;AAEA,MAAI,kBAA6C;AACjD,MAAI,mBAA8C;AAClD,MAAI,iBAA4C;AAGhD,QAAM,SAAS,QAAQ,cAAc,CAAC,UAAU;AAjetD;AAkeQ,QAAI,eAAe,KAAK,GAAG;AACzB,YAAM,OAAO,kBAAM,SAAN,mBAAa,oBAAb,mBAA8B;AAC3C,cAAQ;AAAA,aACD;AACH,4BAAkB;AAClB;AAAA,aACG;AACH,2BAAiB;AACjB;AAAA,aACG;AACH,6BAAmB;AACnB;AAAA;AAEA,kBAAQ,KAAK,0CAA0C,KAAK;AAAA;AAAA,IAElE;AAAA,EACF,CAAC;AAED,QAAM,eAAe,0CAAY,WAAU,0CAAY;AAEvD,MAAI,cAAc;AAChB,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,cAAc,IAAI,cAAc,cAAc;AAEjE,QAAM,WACJ,oCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,aAAa,OAAO,kBAErB,oCAAC,SAAS,MAAT;AAAA,IACC;AAAA,IACC,GAAG,6CAAc;AAAA,IAClB,UAAU,CAAC,MAAM;AACf,YAAM,OAAO,EAAE,YAAY,OAAO;AAClC,mBAAa,CAAC,SAAS;AACrB,cAAM,cAAc,KAAK,IAAI,OAAO,IAAI,IAAI;AAC5C,sBAAc,WAAW;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,eAAe,OAAO,SAAS;AAAA,IAC/B,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,CAAC,EAAE,WAAW,CAAC;AAAA,IAC5B;AAAA,KAEC,iBAUA,aAAa,OAAO,cAEvB,CACF;AAGF,MAAI,OAAO;AACT,WACE,oCAAC,cACC,oCAAC;AAAA,MAAM,MAAM;AAAA,OAAY,QAAS,CACpC;AAAA,EAEJ;AAEA,SAAO;AACT,CAAC,CACH,GACA;AAAA,EACE,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AACd,CACF;AAIA,wBAAwB,OAAgB,WAAoB;AAC1D,MAAI,CAAC;AAAW,WAAO;AACvB,MAAI,UAAU,QAAW;AACvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,YAAY,MAAM;AAC/B,SAAO;AACT;AAEA,kBAAkB,GAAW,MAAc,cAAc,IAAI;AAC3D,MAAI,IAAI,MAAM;AACZ,UAAM,OAAO,OAAO;AACpB,UAAM,UAAU,KAAK,IAAI,aAAa,IAAI,IAAI;AAC9C,UAAM,aAAa,MAAM,KAAK,IAAI,KAAK,OAAO;AAC9C,UAAM,QAAQ,CAAC,aAAa;AAC5B,WAAO,OAAO;AAAA,EAChB;AACA,SAAO;AACT;AAUA,MAAM,yBAAyB,cAAkD,IAAI;AAE9E,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,cAAc;AAAA,KACX;AAAA,MACwE;AAC3E,QAAM,eAAe,SAAS,gBAAgB;AAE9C,QAAM,YAAY,QAChB,MAAO;AAAA,IACL,MAAM,MAAM;AAAA,IACZ,QAAQ,MAAM;AAAA,IACd,aAAa,MAAM;AAAA,IACnB;AAAA,EACF,IACA,CAAC,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,WAAW,CAC5D;AAEA,SACE,oCAAC,uBAAuB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KAAY,QAAS;AAEjE;",
+  "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  useConstant,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\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  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Animated,\n  GestureResponderEvent,\n  PanResponder,\n  PanResponderGestureState,\n  View,\n} from 'react-native'\n\nimport { SHEET_HANDLE_NAME, SHEET_NAME } from './SHEET_HANDLE_NAME'\nimport { SheetProvider, useSheetContext } from './SheetContext'\nimport { SheetScrollView } from './SheetScrollView'\nimport { ScrollBridge, SheetProps, SheetScopedProps } from './types'\n\nexport { createSheetScope } from './SheetContext'\n\n/* -------------------------------------------------------------------------------------------------\n * SheetHandle\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SheetHandleFrame = styled(XStack, {\n  name: SHEET_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  zIndex: 10,\n  marginHorizontal: '35%',\n  marginBottom: '$2',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n\n  variants: {\n    open: {\n      true: {\n        pointerEvents: 'auto',\n      },\n      false: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n    },\n  } as const,\n})\n\nexport const SheetHandle = SheetHandleFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => {\n    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)\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        open={context.open}\n        {...props}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_OVERLAY_NAME = 'SheetOverlay'\n\nexport const SheetOverlayFrame = styled(YStack, {\n  name: SHEET_OVERLAY_NAME,\n  // TODO this should be $background without opacity and just customized by theme\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n  zIndex: 0,\n\n  variants: {\n    closed: {\n      true: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      false: {\n        pointerEvents: 'auto',\n      },\n      // TODO still have as const bug\n    } as const,\n  },\n})\n\nexport type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>\n\nexport const SheetOverlay = SheetOverlayFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => {\n    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)\n    return (\n      <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    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Sheet\n * -----------------------------------------------------------------------------------------------*/\n\nconst selectionStyleSheet = isClient ? document.createElement('style') : null\nif (selectionStyleSheet) {\n  document.head.appendChild(selectionStyleSheet)\n}\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_NAME,\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'hidden',\n  pointerEvents: 'auto',\n})\n\nexport const SheetFrame = SheetFrameFrame.extractable(\n  forwardRef(({ __scopeSheet, ...props }: SheetScopedProps<YStackProps>, forwardedRef) => {\n    const context = useSheetContext(SHEET_NAME, __scopeSheet)\n    const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)\n    return <SheetFrameFrame ref={composedContentRef} {...props} />\n  })\n)\n\n// set all the way off screen\nconst HIDDEN_SIZE = 10_000\n\nexport const Sheet = withStaticProperties(\n  themeable(\n    forwardRef<View, SheetProps>(function Sheet(props, ref) {\n      const {\n        __scopeSheet,\n        snapPoints: snapPointsProp = [80],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\n        dismissOnSnapToBottom = false,\n        disableDrag: disableDragProp,\n        modal = false,\n        handleDisableScroll = true,\n      } = props\n\n      if (process.env.NODE_ENV === 'development') {\n        if (snapPointsProp.some((p) => p < 0 || p > 100)) {\n          // eslint-disable-next-line no-console\n          console.warn(\n            `\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`\n          )\n        }\n      }\n\n      // allows for sheets to be controlled by other components\n      const controller = useContext(SheetControllerContext)\n      const isHidden = controller?.hidden || false\n      const disableDrag = disableDragProp ?? controller?.disableDrag\n      const themeName = useThemeName()\n      const contentRef = React.useRef<TamaguiElement>(null)\n      const scrollBridge = useConstant<ScrollBridge>(() => ({\n        enabled: false,\n        y: 0,\n        paneY: 0,\n        paneMinY: 0,\n        scrollStartY: -1,\n        drag: () => {},\n        release: () => {},\n        scrollLock: false,\n      }))\n\n      const onChangeOpenInternal = (val: boolean) => {\n        controller?.onChangeOpen?.(val)\n        onChangeOpen?.(val)\n      }\n\n      const [open, setOpen] = useControllableState({\n        prop: controller?.open ?? openProp,\n        defaultProp: defaultOpen || true,\n        onChange: onChangeOpenInternal,\n        strategy: 'most-recent-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        strategy: 'most-recent-wins',\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          } else {\n            setPosition_(next)\n          }\n        },\n        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]\n      )\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(HIDDEN_SIZE)\n      }\n\n      const [isResizing, setIsResizing] = useState(true)\n      useIsomorphicLayoutEffect(() => {\n        if (!isResizing) {\n          setIsResizing(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [modal])\n\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n        if (scrollBridge.onFinishAnimate) {\n          scrollBridge.onFinishAnimate()\n          scrollBridge.onFinishAnimate = undefined\n        }\n      }\n\n      // open must set position\n      const shouldSetPositionOpen = open && position < 0\n      useEffect(() => {\n        if (shouldSetPositionOpen) {\n          setPosition(0)\n        }\n      }, [setPosition, shouldSetPositionOpen])\n\n      const positions = useMemo(\n        () => snapPoints.map((point) => getPercentSize(point, frameSize)),\n        [frameSize, snapPoints]\n      )\n\n      const animateTo = useEvent((position: number) => {\n        const current = positionValue.current\n        if (isHidden && open) return\n        if (!current) return\n        if (frameSize === 0) return\n        const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize\n        const toValue = isHidden || position === -1 ? hiddenValue : positions[position]\n        if (at.current === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(current, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          at.current = toValue\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = at.current === HIDDEN_SIZE\n        spring.current = Animated.spring(current, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => {\n          if (finished) {\n            stopSpring()\n          }\n        })\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\n\n      // native only fix\n      const at = useRef(0)\n      useEffect(() => {\n        positionValue.current!.addListener(({ value }) => {\n          at.current = value\n          scrollBridge.paneY = value\n        })\n        return () => {\n          positionValue.current!.removeAllListeners()\n        }\n      }, [])\n\n      const panResponder = useMemo(\n        () => {\n          if (disableDrag) return\n          if (!frameSize) return\n\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const pos = positionValue.current!\n          const minY = positions[0]\n          scrollBridge.paneMinY = minY\n          let startY = at.current\n\n          function makeUnselectable(val: boolean) {\n            if (!selectionStyleSheet) return\n            if (!val) {\n              selectionStyleSheet.innerText = ``\n            } else {\n              selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`\n            }\n          }\n\n          const release = ({ vy, dragAt }: { dragAt: number; vy: number }) => {\n            isExternalDrag = false\n            previouslyScrolling = false\n            makeUnselectable(false)\n            const at = dragAt + 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.2\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          }\n\n          const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {\n            release({\n              vy: state.vy,\n              dragAt: state.dy,\n            })\n          }\n\n          let previouslyScrolling = false\n\n          const onMoveShouldSet = (_e: GestureResponderEvent, { dy }: PanResponderGestureState) => {\n            const isScrolled = scrollBridge.y !== 0\n            if (isScrolled) {\n              previouslyScrolling = true\n              return false\n            }\n            if (previouslyScrolling) {\n              previouslyScrolling = false\n              return true\n            }\n            const isDraggingUp = dy < 0\n            if (!isScrolled && isDraggingUp) {\n              return false\n            }\n            // we could do some detection of other touchables and cancel here..\n            return Math.abs(dy) > 8\n          }\n\n          const grant = () => {\n            makeUnselectable(true)\n            stopSpring()\n            startY = at.current\n          }\n\n          let isExternalDrag = false\n\n          function setPositionValue(next: number) {\n            // useful to debug any \"jumping\"\n            // if (process.env.NODE_ENV === 'development') {\n            //   const moveAmt = Math.abs(pos['_value'] - next)\n            //   if (moveAmt > 50) {\n            //     console.warn('!!!!!!!!!!!!jump!', moveAmt)\n            //     // debugger\n            //   }\n            // }\n            pos.setValue(next)\n          }\n\n          scrollBridge.drag = (dy) => {\n            if (!isExternalDrag) {\n              isExternalDrag = true\n              grant()\n            }\n            const to = dy + startY\n            setPositionValue(resisted(to, minY))\n          }\n\n          scrollBridge.release = release\n\n          return PanResponder.create({\n            onMoveShouldSetPanResponder: onMoveShouldSet,\n            onPanResponderGrant: grant,\n            onPanResponderMove: (_e, { dy }) => {\n              const to = dy + startY\n              setPositionValue(resisted(to, minY))\n            },\n            onPanResponderEnd: finish,\n            onPanResponderTerminate: finish,\n            onPanResponderRelease: finish,\n          })\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [disableDrag, animateTo, frameSize, positions, setPosition]\n      )\n\n      let handleComponent: React.ReactElement | null = null\n      let overlayComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      // TODO do more radix-like and don't require direct children descendents\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          const name = child.type?.['staticConfig']?.componentName\n          switch (name) {\n            case 'SheetHandle':\n              handleComponent = child\n              break\n            case 'Sheet':\n              frameComponent = child\n              break\n            case 'SheetOverlay':\n              overlayComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Sheet', child)\n          }\n        }\n      })\n\n      const preventShown = controller?.hidden && controller?.open\n\n      if (preventShown) {\n        return null\n      }\n\n      const translateY = frameSize === 0 ? HIDDEN_SIZE : positionValue.current\n\n      const contents = (\n        <SheetProvider\n          modal={modal}\n          contentRef={contentRef}\n          dismissOnOverlayPress={dismissOnOverlayPress}\n          dismissOnSnapToBottom={dismissOnSnapToBottom}\n          open={open}\n          hidden={isHidden}\n          scope={__scopeSheet}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n          setOpen={setOpen}\n          scrollBridge={scrollBridge}\n        >\n          {isResizing ? null : overlayComponent}\n\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 }],\n            }}\n          >\n            {handleComponent}\n\n            <RemoveScroll\n              enabled={open && modal && handleDisableScroll}\n              as={Slot}\n              allowPinchZoom\n              shards={[contentRef]}\n              // causes lots of bugs on touch web on site\n              removeScrollBar={false}\n            >\n              {isResizing ? null : frameComponent}\n            </RemoveScroll>\n          </Animated.View>\n        </SheetProvider>\n      )\n\n      if (modal) {\n        return (\n          <Portal>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    })\n  ),\n  {\n    Handle: SheetHandle,\n    Frame: SheetFrame,\n    Overlay: SheetOverlay,\n    ScrollView: SheetScrollView,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------*/\n\nfunction getPercentSize(point?: number, frameSize?: number) {\n  if (!frameSize) return 0\n  if (point === undefined) {\n    // eslint-disable-next-line no-console\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"],
+  "mappings": "AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAGA;AAMO,MAAM,mBAAmB,OAAO,QAAQ;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,SAAS;AAAA,EAET,YAAY;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,cAAc,iBAAiB,YAC1C,CAAC,EAAE,iBAAiB,YAA2C;AAC7D,QAAM,UAAU,gBAAgB,mBAAmB,YAAY;AAC/D,SACE,oCAAC;AAAA,IACC,SAAS,MAAM;AAEb,YAAM,MAAM,QAAQ,WAAW,SAAU,SAAQ,wBAAwB,KAAK;AAC9E,YAAM,UAAW,SAAQ,WAAW,KAAK;AACzC,cAAQ,YAAY,OAAO;AAAA,IAC7B;AAAA,IACA,MAAM,QAAQ;AAAA,IACb,GAAG;AAAA,GACN;AAEJ,CACF;AAMA,MAAM,qBAAqB;AAEpB,MAAM,oBAAoB,OAAO,QAAQ;AAAA,EAC9C,MAAM;AAAA,EAEN,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,eAAe;AAAA,MACjB;AAAA,IAEF;AAAA,EACF;AACF,CAAC;AAIM,MAAM,eAAe,kBAAkB,YAC5C,CAAC,EAAE,iBAAiB,YAAiD;AACnE,QAAM,UAAU,gBAAgB,oBAAoB,YAAY;AAChE,SACE,oCAAC;AAAA,IACC,QAAQ,CAAC,QAAQ,QAAQ,QAAQ;AAAA,IAChC,GAAG;AAAA,IACJ,SAAS,WACP,MAAM,SACN,QAAQ,wBACJ,MAAM;AACJ,cAAQ,QAAQ,KAAK;AAAA,IACvB,IACA,MACN;AAAA,GACF;AAEJ,CACF;AAMA,MAAM,sBAAsB,WAAW,SAAS,cAAc,OAAO,IAAI;AACzE,IAAI,qBAAqB;AACvB,WAAS,KAAK,YAAY,mBAAmB;AAC/C;AAEO,MAAM,kBAAkB,OAAO,QAAQ;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,eAAe;AACjB,CAAC;AAEM,MAAM,aAAa,gBAAgB,YACxC,WAAW,CAAC,EAAE,iBAAiB,SAAwC,iBAAiB;AACtF,QAAM,UAAU,gBAAgB,YAAY,YAAY;AACxD,QAAM,qBAAqB,gBAAgB,cAAc,QAAQ,UAAU;AAC3E,SAAO,oCAAC;AAAA,IAAgB,KAAK;AAAA,IAAqB,GAAG;AAAA,GAAO;AAC9D,CAAC,CACH;AAGA,MAAM,cAAc;AAEb,MAAM,QAAQ,qBACnB,UACE,WAA6B,gBAAe,OAAO,KAAK;AACtD,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,iBAAiB,CAAC,EAAE;AAAA,IAChC,MAAM;AAAA,IACN;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA,wBAAwB;AAAA,IACxB,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,sBAAsB;AAAA,MACpB;AAEJ,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,eAAe,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAEhD,cAAQ,KACN,8GACF;AAAA,IACF;AAAA,EACF;AAGA,QAAM,aAAa,WAAW,sBAAsB;AACpD,QAAM,WAAW,0CAAY,WAAU;AACvC,QAAM,cAAc,mBAAmB,0CAAY;AACnD,QAAM,YAAY,aAAa;AAC/B,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,eAAe,YAA0B,MAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE;AAEF,QAAM,uBAAuB,CAAC,QAAiB;AAjOrD;AAkOQ,mDAAY,iBAAZ,oCAA2B;AAC3B,iDAAe;AAAA,EACjB;AAEA,QAAM,CAAC,MAAM,WAAW,qBAAqB;AAAA,IAC3C,MAAM,0CAAY,SAAQ;AAAA,IAC1B,aAAa,eAAe;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,CAAC,WAAW,gBAAgB,SAAiB,CAAC;AAEpD,QAAM,aAAa,QACjB,MAAO,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI,gBAExD,CAAC,KAAK,UAAU,cAAc,GAAG,qBAAqB,CACxD;AAGA,QAAM,CAAC,WAAW,gBAAgB,qBAAqB;AAAA,IACrD,MAAM;AAAA,IACN,aAAa,mBAAoB,QAAO,IAAI;AAAA,IAC5C,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,WAAW,SAAS,QAAQ,KAAK;AAGvC,MAAI,QAAQ,yBAAyB,aAAa,WAAW,SAAS,GAAG;AACvE,iBAAa,CAAC;AAAA,EAChB;AAEA,QAAM,cAAc,YAClB,CAAC,SAAiB;AAEhB,QAAI,yBAAyB,SAAS,WAAW,SAAS,GAAG;AAC3D,cAAQ,KAAK;AAAA,IACf,OAAO;AACL,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GACA,CAAC,uBAAuB,WAAW,QAAQ,cAAc,OAAO,CAClE;AAEA,QAAM,gBAAgB,OAAuB;AAC7C,MAAI,CAAC,cAAc,SAAS;AAC1B,kBAAc,UAAU,IAAI,SAAS,MAAM,WAAW;AAAA,EACxD;AAEA,QAAM,CAAC,YAAY,iBAAiB,SAAS,IAAI;AACjD,4BAA0B,MAAM;AAC9B,QAAI,CAAC,YAAY;AACf,oBAAc,IAAI;AAAA,IACpB;AAAA,EAEF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,SAAS,OAA2C,IAAI;AAC9D,wBAAsB;AA7R5B;AA8RQ,iBAAO,YAAP,mBAAgB;AAChB,WAAO,UAAU;AACjB,QAAI,aAAa,iBAAiB;AAChC,mBAAa,gBAAgB;AAC7B,mBAAa,kBAAkB;AAAA,IACjC;AAAA,EACF;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,YAAY,QAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,SAAS,CAAC,GAChE,CAAC,WAAW,UAAU,CACxB;AAEA,QAAM,YAAY,SAAS,CAAC,cAAqB;AAC/C,UAAM,UAAU,cAAc;AAC9B,QAAI,YAAY;AAAM;AACtB,QAAI,CAAC;AAAS;AACd,QAAI,cAAc;AAAG;AACrB,UAAM,cAAc,cAAc,IAAI,cAAc;AACpD,UAAM,UAAU,YAAY,cAAa,KAAK,cAAc,UAAU;AACtE,QAAI,GAAG,YAAY;AAAS;AAC5B,eAAW;AACX,QAAI,YAAY,YAAY;AAC1B,UAAI,YAAY;AACd,sBAAc,KAAK;AAAA,MACrB;AACA,eAAS,OAAO,SAAS;AAAA,QACvB,iBAAiB,CAAC;AAAA,QAClB;AAAA,QACA,UAAU;AAAA,MACZ,CAAC,EAAE,MAAM;AACT,SAAG,UAAU;AACb;AAAA,IACF;AAEA,UAAM,oBAAoB,GAAG,YAAY;AACzC,WAAO,UAAU,SAAS,OAAO,SAAS;AAAA,MACxC,iBAAiB,CAAC;AAAA,MAClB;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AACD,WAAO,QAAQ,MAAM,CAAC,EAAE,eAAe;AACrC,UAAI,UAAU;AACZ,mBAAW;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,4BAA0B,MAAM;AAC9B,cAAU,QAAQ;AAAA,EACpB,GAAG,CAAC,UAAU,WAAW,UAAU,SAAS,CAAC;AAG7C,QAAM,KAAK,OAAO,CAAC;AACnB,YAAU,MAAM;AACd,kBAAc,QAAS,YAAY,CAAC,EAAE,YAAY;AAChD,SAAG,UAAU;AACb,mBAAa,QAAQ;AAAA,IACvB,CAAC;AACD,WAAO,MAAM;AACX,oBAAc,QAAS,mBAAmB;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,QACnB,MAAM;AACJ,QAAI;AAAa;AACjB,QAAI,CAAC;AAAW;AAGhB,UAAM,MAAM,cAAc;AAC1B,UAAM,OAAO,UAAU;AACvB,iBAAa,WAAW;AACxB,QAAI,SAAS,GAAG;AAEhB,8BAA0B,KAAc;AACtC,UAAI,CAAC;AAAqB;AAC1B,UAAI,CAAC,KAAK;AACR,4BAAoB,YAAY;AAAA,MAClC,OAAO;AACL,4BAAoB,YAAY;AAAA,MAClC;AAAA,IACF;AAEA,UAAM,UAAU,CAAC,EAAE,IAAI,aAA6C;AAClE,uBAAiB;AACjB,4BAAsB;AACtB,uBAAiB,KAAK;AACtB,YAAM,MAAK,SAAS;AAGpB,YAAM,MAAM,MAAK,YAAY,KAAK;AAClC,UAAI,eAAe;AACnB,UAAI,OAAO;AACX,eAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,cAAM,YAAW,UAAU;AAC3B,cAAM,UAAU,MAAM,YAAW,MAAM,YAAW,YAAW;AAC7D,YAAI,UAAU,MAAM;AAClB,iBAAO;AACP,yBAAe;AAAA,QACjB;AAAA,MACF;AAEA,kBAAY,YAAY;AACxB,gBAAU,YAAY;AAAA,IACxB;AAEA,UAAM,SAAS,CAAC,IAA2B,UAAoC;AAC7E,cAAQ;AAAA,QACN,IAAI,MAAM;AAAA,QACV,QAAQ,MAAM;AAAA,MAChB,CAAC;AAAA,IACH;AAEA,QAAI,sBAAsB;AAE1B,UAAM,kBAAkB,CAAC,IAA2B,EAAE,SAAmC;AACvF,YAAM,aAAa,aAAa,MAAM;AACtC,UAAI,YAAY;AACd,8BAAsB;AACtB,eAAO;AAAA,MACT;AACA,UAAI,qBAAqB;AACvB,8BAAsB;AACtB,eAAO;AAAA,MACT;AACA,YAAM,eAAe,KAAK;AAC1B,UAAI,CAAC,cAAc,cAAc;AAC/B,eAAO;AAAA,MACT;AAEA,aAAO,KAAK,IAAI,EAAE,IAAI;AAAA,IACxB;AAEA,UAAM,QAAQ,MAAM;AAClB,uBAAiB,IAAI;AACrB,iBAAW;AACX,eAAS,GAAG;AAAA,IACd;AAEA,QAAI,iBAAiB;AAErB,8BAA0B,MAAc;AAStC,UAAI,SAAS,IAAI;AAAA,IACnB;AAEA,iBAAa,OAAO,CAAC,OAAO;AAC1B,UAAI,CAAC,gBAAgB;AACnB,yBAAiB;AACjB,cAAM;AAAA,MACR;AACA,YAAM,KAAK,KAAK;AAChB,uBAAiB,SAAS,IAAI,IAAI,CAAC;AAAA,IACrC;AAEA,iBAAa,UAAU;AAEvB,WAAO,aAAa,OAAO;AAAA,MACzB,6BAA6B;AAAA,MAC7B,qBAAqB;AAAA,MACrB,oBAAoB,CAAC,IAAI,EAAE,SAAS;AAClC,cAAM,KAAK,KAAK;AAChB,yBAAiB,SAAS,IAAI,IAAI,CAAC;AAAA,MACrC;AAAA,MACA,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,MACzB,uBAAuB;AAAA,IACzB,CAAC;AAAA,EACH,GAEA,CAAC,aAAa,WAAW,WAAW,WAAW,WAAW,CAC5D;AAEA,MAAI,kBAA6C;AACjD,MAAI,mBAA8C;AAClD,MAAI,iBAA4C;AAGhD,QAAM,SAAS,QAAQ,cAAc,CAAC,UAAU;AAjetD;AAkeQ,QAAI,eAAe,KAAK,GAAG;AACzB,YAAM,OAAO,kBAAM,SAAN,mBAAa,oBAAb,mBAA8B;AAC3C,cAAQ;AAAA,aACD;AACH,4BAAkB;AAClB;AAAA,aACG;AACH,2BAAiB;AACjB;AAAA,aACG;AACH,6BAAmB;AACnB;AAAA;AAEA,kBAAQ,KAAK,0CAA0C,KAAK;AAAA;AAAA,IAElE;AAAA,EACF,CAAC;AAED,QAAM,eAAe,0CAAY,WAAU,0CAAY;AAEvD,MAAI,cAAc;AAChB,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,cAAc,IAAI,cAAc,cAAc;AAEjE,QAAM,WACJ,oCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,aAAa,OAAO,kBAErB,oCAAC,SAAS,MAAT;AAAA,IACC;AAAA,IACC,GAAG,6CAAc;AAAA,IAClB,UAAU,CAAC,MAAM;AACf,YAAM,OAAO,EAAE,YAAY,OAAO;AAClC,mBAAa,CAAC,SAAS;AACrB,cAAM,cAAc,KAAK,IAAI,OAAO,IAAI,IAAI;AAC5C,sBAAc,WAAW;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,eAAe,OAAO,SAAS;AAAA,IAC/B,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,CAAC,EAAE,WAAW,CAAC;AAAA,IAC5B;AAAA,KAEC,iBAED,oCAAC;AAAA,IACC,SAAS,QAAQ,SAAS;AAAA,IAC1B,IAAI;AAAA,IACJ,gBAAc;AAAA,IACd,QAAQ,CAAC,UAAU;AAAA,IAEnB,iBAAiB;AAAA,KAEhB,aAAa,OAAO,cACvB,CACF,CACF;AAGF,MAAI,OAAO;AACT,WACE,oCAAC,cACC,oCAAC;AAAA,MAAM,MAAM;AAAA,OAAY,QAAS,CACpC;AAAA,EAEJ;AAEA,SAAO;AACT,CAAC,CACH,GACA;AAAA,EACE,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AACd,CACF;AAIA,wBAAwB,OAAgB,WAAoB;AAC1D,MAAI,CAAC;AAAW,WAAO;AACvB,MAAI,UAAU,QAAW;AAEvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,YAAY,MAAM;AAC/B,SAAO;AACT;AAEA,kBAAkB,GAAW,MAAc,cAAc,IAAI;AAC3D,MAAI,IAAI,MAAM;AACZ,UAAM,OAAO,OAAO;AACpB,UAAM,UAAU,KAAK,IAAI,aAAa,IAAI,IAAI;AAC9C,UAAM,aAAa,MAAM,KAAK,IAAI,KAAK,OAAO;AAC9C,UAAM,QAAQ,CAAC,aAAa;AAC5B,WAAO,OAAO;AAAA,EAChB;AACA,SAAO;AACT;AAUA,MAAM,yBAAyB,cAAkD,IAAI;AAE9E,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,cAAc;AAAA,KACX;AAAA,MACwE;AAC3E,QAAM,eAAe,SAAS,gBAAgB;AAE9C,QAAM,YAAY,QAChB,MAAO;AAAA,IACL,MAAM,MAAM;AAAA,IACZ,QAAQ,MAAM;AAAA,IACd,aAAa,MAAM;AAAA,IACnB;AAAA,EACF,IACA,CAAC,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,WAAW,CAC5D;AAEA,SACE,oCAAC,uBAAuB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KAAY,QAAS;AAEjE;",
   "names": []
 }

package/dist/jsx/Sheet.js

@@ -1,5 +1,6 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
+  Slot,
   Theme,
   isClient,
   isWeb,
@@ -13,6 +14,7 @@ import {
   withStaticProperties
 } from "@tamagui/core";
 import { Portal } from "@tamagui/portal";
+import { RemoveScroll } from "@tamagui/remove-scroll";
 import { XStack, YStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import React, {
@@ -113,7 +115,6 @@ const SheetFrame = SheetFrameFrame.extractable(forwardRef(({ __scopeSheet, ...pr
 }));
 const HIDDEN_SIZE = 1e4;
 const Sheet = withStaticProperties(themeable(forwardRef(function Sheet2(props, ref) {
-  var _a;
   const {
     __scopeSheet,
     snapPoints: snapPointsProp = [80],
@@ -137,8 +138,8 @@ const Sheet = withStaticProperties(themeable(forwardRef(function Sheet2(props, r
     }
   }
   const controller = useContext(SheetControllerContext);
-  const isHidden = (controller == null ? void 0 : controller.hidden) || false;
-  const disableDrag = disableDragProp != null ? disableDragProp : controller == null ? void 0 : controller.disableDrag;
+  const isHidden = controller?.hidden || false;
+  const disableDrag = disableDragProp ?? controller?.disableDrag;
   const themeName = useThemeName();
   const contentRef = React.useRef(null);
   const scrollBridge = useConstant(() => ({
@@ -154,12 +155,11 @@ const Sheet = withStaticProperties(themeable(forwardRef(function Sheet2(props, r
     scrollLock: false
   }));
   const onChangeOpenInternal = (val) => {
-    var _a2;
-    (_a2 = controller == null ? void 0 : controller.onChangeOpen) == null ? void 0 : _a2.call(controller, val);
-    onChangeOpen == null ? void 0 : onChangeOpen(val);
+    controller?.onChangeOpen?.(val);
+    onChangeOpen?.(val);
   };
   const [open, setOpen] = useControllableState({
-    prop: (_a = controller == null ? void 0 : controller.open) != null ? _a : openProp,
+    prop: controller?.open ?? openProp,
     defaultProp: defaultOpen || true,
     onChange: onChangeOpenInternal,
     strategy: "most-recent-wins"
@@ -195,8 +195,7 @@ const Sheet = withStaticProperties(themeable(forwardRef(function Sheet2(props, r
   }, [modal]);
   const spring = useRef(null);
   function stopSpring() {
-    var _a2;
-    (_a2 = spring.current) == null ? void 0 : _a2.stop();
+    spring.current?.stop();
     spring.current = null;
     if (scrollBridge.onFinishAnimate) {
       scrollBridge.onFinishAnimate();
@@ -355,9 +354,8 @@ const Sheet = withStaticProperties(themeable(forwardRef(function Sheet2(props, r
   let overlayComponent = null;
   let frameComponent = null;
   React.Children.forEach(childrenProp, (child) => {
-    var _a2, _b;
     if (isValidElement(child)) {
-      const name = (_b = (_a2 = child.type) == null ? void 0 : _a2["staticConfig"]) == null ? void 0 : _b.componentName;
+      const name = child.type?.["staticConfig"]?.componentName;
       switch (name) {
         case "SheetHandle":
           handleComponent = child;
@@ -373,14 +371,14 @@ const Sheet = withStaticProperties(themeable(forwardRef(function Sheet2(props, r
       }
     }
   });
-  const preventShown = (controller == null ? void 0 : controller.hidden) && (controller == null ? void 0 : controller.open);
+  const preventShown = controller?.hidden && controller?.open;
   if (preventShown) {
     return null;
   }
   const translateY = frameSize === 0 ? HIDDEN_SIZE : positionValue.current;
   const contents = <SheetProvider modal={modal} contentRef={contentRef} dismissOnOverlayPress={dismissOnOverlayPress} dismissOnSnapToBottom={dismissOnSnapToBottom} open={open} hidden={isHidden} scope={__scopeSheet} position={position} snapPoints={snapPoints} setPosition={setPosition} setOpen={setOpen} scrollBridge={scrollBridge}>
     {isResizing ? null : overlayComponent}
-    <Animated.View ref={ref} {...panResponder == null ? void 0 : panResponder.panHandlers} onLayout={(e) => {
+    <Animated.View ref={ref} {...panResponder?.panHandlers} onLayout={(e) => {
       const next = e.nativeEvent.layout.height;
       setFrameSize((prev) => {
         const isBigChange = Math.abs(prev - next) > 50;
@@ -395,7 +393,7 @@ const Sheet = withStaticProperties(themeable(forwardRef(function Sheet2(props, r
       transform: [{ translateY }]
     }}>
       {handleComponent}
-      {isResizing ? null : frameComponent}
+      <RemoveScroll enabled={open && modal && handleDisableScroll} as={Slot} allowPinchZoom shards={[contentRef]} removeScrollBar={false}>{isResizing ? null : frameComponent}</RemoveScroll>
     </Animated.View>
   </SheetProvider>;
   if (modal) {

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  useConstant,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\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  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Animated,\n  GestureResponderEvent,\n  PanResponder,\n  PanResponderGestureState,\n  StyleSheet,\n  View,\n} from 'react-native'\n\nimport { SHEET_HANDLE_NAME, SHEET_NAME } from './SHEET_HANDLE_NAME'\nimport { SheetProvider, useSheetContext } from './SheetContext'\nimport { SheetScrollView } from './SheetScrollView'\nimport { ScrollBridge, SheetProps, SheetScopedProps } from './types'\n\nexport { createSheetScope } from './SheetContext'\n\n/* -------------------------------------------------------------------------------------------------\n * SheetHandle\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SheetHandleFrame = styled(XStack, {\n  name: SHEET_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  zIndex: 10,\n  marginHorizontal: '35%',\n  marginBottom: '$2',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n\n  variants: {\n    open: {\n      true: {\n        pointerEvents: 'auto',\n      },\n      false: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n    },\n  } as const,\n})\n\nexport const SheetHandle = SheetHandleFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => {\n    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)\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        open={context.open}\n        {...props}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_OVERLAY_NAME = 'SheetOverlay'\n\nexport const SheetOverlayFrame = styled(YStack, {\n  name: SHEET_OVERLAY_NAME,\n  // TODO this should be $background without opacity and just customized by theme\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n  zIndex: 0,\n\n  variants: {\n    closed: {\n      true: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      false: {\n        pointerEvents: 'auto',\n      },\n      // TODO still have as const bug\n    } as const,\n  },\n})\n\nexport type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>\n\nexport const SheetOverlay = SheetOverlayFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => {\n    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)\n    return (\n      <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    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Sheet\n * -----------------------------------------------------------------------------------------------*/\n\nconst selectionStyleSheet = isClient ? document.createElement('style') : null\nif (selectionStyleSheet) {\n  document.head.appendChild(selectionStyleSheet)\n}\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_NAME,\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'hidden',\n  pointerEvents: 'auto',\n})\n\nexport const SheetFrame = SheetFrameFrame.extractable(\n  forwardRef(({ __scopeSheet, ...props }: SheetScopedProps<YStackProps>, forwardedRef) => {\n    const context = useSheetContext(SHEET_NAME, __scopeSheet)\n    const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)\n    return <SheetFrameFrame ref={composedContentRef} {...props} />\n  })\n)\n\n// set all the way off screen\nconst HIDDEN_SIZE = 10_000\n\nexport const Sheet = withStaticProperties(\n  themeable(\n    forwardRef<View, SheetProps>(function Sheet(props, ref) {\n      const {\n        __scopeSheet,\n        snapPoints: snapPointsProp = [80],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\n        dismissOnSnapToBottom = false,\n        disableDrag: disableDragProp,\n        modal = false,\n        handleDisableScroll = true,\n      } = props\n\n      if (process.env.NODE_ENV === 'development') {\n        if (snapPointsProp.some((p) => p < 0 || p > 100)) {\n          console.warn(\n            `\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`\n          )\n        }\n      }\n\n      // allows for sheets to be controlled by other components\n      const controller = useContext(SheetControllerContext)\n      const isHidden = controller?.hidden || false\n      const disableDrag = disableDragProp ?? controller?.disableDrag\n      const themeName = useThemeName()\n      const contentRef = React.useRef<TamaguiElement>(null)\n      const scrollBridge = useConstant<ScrollBridge>(() => ({\n        enabled: false,\n        y: 0,\n        paneY: 0,\n        paneMinY: 0,\n        scrollStartY: -1,\n        drag: () => {},\n        release: () => {},\n        scrollLock: false,\n      }))\n\n      const onChangeOpenInternal = (val: boolean) => {\n        controller?.onChangeOpen?.(val)\n        onChangeOpen?.(val)\n      }\n\n      const [open, setOpen] = useControllableState({\n        prop: controller?.open ?? openProp,\n        defaultProp: defaultOpen || true,\n        onChange: onChangeOpenInternal,\n        strategy: 'most-recent-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        strategy: 'most-recent-wins',\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          } else {\n            setPosition_(next)\n          }\n        },\n        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]\n      )\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(HIDDEN_SIZE)\n      }\n\n      const [isResizing, setIsResizing] = useState(true)\n      useIsomorphicLayoutEffect(() => {\n        if (!isResizing) {\n          setIsResizing(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [modal])\n\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n        if (scrollBridge.onFinishAnimate) {\n          scrollBridge.onFinishAnimate()\n          scrollBridge.onFinishAnimate = undefined\n        }\n      }\n\n      // open must set position\n      const shouldSetPositionOpen = open && position < 0\n      useEffect(() => {\n        if (shouldSetPositionOpen) {\n          setPosition(0)\n        }\n      }, [setPosition, shouldSetPositionOpen])\n\n      const positions = useMemo(\n        () => snapPoints.map((point) => getPercentSize(point, frameSize)),\n        [frameSize, snapPoints]\n      )\n\n      const animateTo = useEvent((position: number) => {\n        const current = positionValue.current\n        if (isHidden && open) return\n        if (!current) return\n        if (frameSize === 0) return\n        const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize\n        const toValue = isHidden || position === -1 ? hiddenValue : positions[position]\n        if (at.current === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(current, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          at.current = toValue\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = at.current === HIDDEN_SIZE\n        spring.current = Animated.spring(current, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => {\n          if (finished) {\n            stopSpring()\n          }\n        })\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\n\n      // native only fix\n      const at = useRef(0)\n      useEffect(() => {\n        positionValue.current!.addListener(({ value }) => {\n          at.current = value\n          scrollBridge.paneY = value\n        })\n        return () => {\n          positionValue.current!.removeAllListeners()\n        }\n      }, [])\n\n      const panResponder = useMemo(\n        () => {\n          if (disableDrag) return\n          if (!frameSize) return\n\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const pos = positionValue.current!\n          const minY = positions[0]\n          scrollBridge.paneMinY = minY\n          let startY = at.current\n\n          function makeUnselectable(val: boolean) {\n            if (!selectionStyleSheet) return\n            if (!val) {\n              selectionStyleSheet.innerText = ``\n            } else {\n              selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`\n            }\n          }\n\n          const release = ({ vy, dragAt }: { dragAt: number; vy: number }) => {\n            isExternalDrag = false\n            previouslyScrolling = false\n            makeUnselectable(false)\n            const at = dragAt + 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.2\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          }\n\n          const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {\n            release({\n              vy: state.vy,\n              dragAt: state.dy,\n            })\n          }\n\n          let previouslyScrolling = false\n\n          const onMoveShouldSet = (_e: GestureResponderEvent, { dy }: PanResponderGestureState) => {\n            const isScrolled = scrollBridge.y !== 0\n            if (isScrolled) {\n              previouslyScrolling = true\n              return false\n            }\n            if (previouslyScrolling) {\n              previouslyScrolling = false\n              return true\n            }\n            const isDraggingUp = dy < 0\n            if (!isScrolled && isDraggingUp) {\n              return false\n            }\n            // we could do some detection of other touchables and cancel here..\n            return Math.abs(dy) > 8\n          }\n\n          const grant = () => {\n            makeUnselectable(true)\n            stopSpring()\n            startY = at.current\n          }\n\n          let isExternalDrag = false\n\n          function setPositionValue(next: number) {\n            // useful to debug any \"jumping\"\n            // if (process.env.NODE_ENV === 'development') {\n            //   const moveAmt = Math.abs(pos['_value'] - next)\n            //   if (moveAmt > 50) {\n            //     console.warn('!!!!!!!!!!!!jump!', moveAmt)\n            //     // debugger\n            //   }\n            // }\n            pos.setValue(next)\n          }\n\n          scrollBridge.drag = (dy) => {\n            if (!isExternalDrag) {\n              isExternalDrag = true\n              grant()\n            }\n            const to = dy + startY\n            setPositionValue(resisted(to, minY))\n          }\n\n          scrollBridge.release = release\n\n          return PanResponder.create({\n            onMoveShouldSetPanResponder: onMoveShouldSet,\n            onPanResponderGrant: grant,\n            onPanResponderMove: (_e, { dy }) => {\n              const to = dy + startY\n              setPositionValue(resisted(to, minY))\n            },\n            onPanResponderEnd: finish,\n            onPanResponderTerminate: finish,\n            onPanResponderRelease: finish,\n          })\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [disableDrag, animateTo, frameSize, positions, setPosition]\n      )\n\n      let handleComponent: React.ReactElement | null = null\n      let overlayComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      // TODO do more radix-like and don't require direct children descendents\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          const name = child.type?.['staticConfig']?.componentName\n          switch (name) {\n            case 'SheetHandle':\n              handleComponent = child\n              break\n            case 'Sheet':\n              frameComponent = child\n              break\n            case 'SheetOverlay':\n              overlayComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Sheet', child)\n          }\n        }\n      })\n\n      const preventShown = controller?.hidden && controller?.open\n\n      if (preventShown) {\n        return null\n      }\n\n      const translateY = frameSize === 0 ? HIDDEN_SIZE : positionValue.current\n\n      const contents = (\n        <SheetProvider\n          modal={modal}\n          contentRef={contentRef}\n          dismissOnOverlayPress={dismissOnOverlayPress}\n          dismissOnSnapToBottom={dismissOnSnapToBottom}\n          open={open}\n          hidden={isHidden}\n          scope={__scopeSheet}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n          setOpen={setOpen}\n          scrollBridge={scrollBridge}\n        >\n          {isResizing ? null : overlayComponent}\n\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 }],\n            }}\n          >\n            {handleComponent}\n\n            {/* <RemoveScroll\n              enabled={open && modal && handleDisableScroll}\n              as={Slot}\n              allowPinchZoom\n              shards={[contentRef]}\n              // causes lots of bugs on touch web on site\n              removeScrollBar={false}\n            > */}\n            {isResizing ? null : frameComponent}\n            {/* </RemoveScroll> */}\n          </Animated.View>\n        </SheetProvider>\n      )\n\n      if (modal) {\n        return (\n          <Portal>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    })\n  ),\n  {\n    Handle: SheetHandle,\n    Frame: SheetFrame,\n    Overlay: SheetOverlay,\n    ScrollView: SheetScrollView,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------*/\n\nfunction getPercentSize(point?: number, frameSize?: number) {\n  if (!frameSize) return 0\n  if (point === undefined) {\n    console.warn(`No snapPoint`)\n    return 0\n  }\n  const pct = point / 100\n  const next = frameSize - pct * frameSize\n  return next\n}\n\nfunction resisted(y: number, minY: number, maxOverflow = 25) {\n  if (y < minY) {\n    const past = minY - y\n    const pctPast = Math.min(maxOverflow, past) / maxOverflow\n    const diminishBy = 1.1 - Math.pow(0.1, pctPast)\n    const extra = -diminishBy * maxOverflow\n    return minY + extra\n  }\n  return y\n}\n\ntype SheetControllerContextValue = {\n  disableDrag?: boolean\n  open?: boolean\n  // hide without \"closing\" to prevent re-animation when shown again\n  hidden?: boolean\n  onChangeOpen?: React.Dispatch<React.SetStateAction<boolean>> | ((val: boolean) => void)\n}\n\nconst SheetControllerContext = createContext<SheetControllerContextValue | null>(null)\n\nexport const SheetController = ({\n  children,\n  onChangeOpen: onChangeOpenProp,\n  ...value\n}: Partial<SheetControllerContextValue> & { children?: React.ReactNode }) => {\n  const onChangeOpen = useEvent(onChangeOpenProp)\n\n  const memoValue = useMemo(\n    () => ({\n      open: value.open,\n      hidden: value.hidden,\n      disableDrag: value.disableDrag,\n      onChangeOpen,\n    }),\n    [onChangeOpen, value.open, value.hidden, value.disableDrag]\n  )\n\n  return (\n    <SheetControllerContext.Provider value={memoValue}>{children}</SheetControllerContext.Provider>\n  )\n}\n"],
-  "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  useConstant,\n  useEvent,\n  useIsomorphicLayoutEffect,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\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  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Animated,\n  GestureResponderEvent,\n  PanResponder,\n  PanResponderGestureState,\n  View,\n} from 'react-native'\n\nimport { SHEET_HANDLE_NAME, SHEET_NAME } from './SHEET_HANDLE_NAME'\nimport { SheetProvider, useSheetContext } from './SheetContext'\nimport { SheetScrollView } from './SheetScrollView'\nimport { ScrollBridge, SheetProps, SheetScopedProps } from './types'\n\nexport { createSheetScope } from './SheetContext'\n\n/* -------------------------------------------------------------------------------------------------\n * SheetHandle\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SheetHandleFrame = styled(XStack, {\n  name: SHEET_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  zIndex: 10,\n  marginHorizontal: '35%',\n  marginBottom: '$2',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n\n  variants: {\n    open: {\n      true: {\n        pointerEvents: 'auto',\n      },\n      false: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n    },\n  } as const,\n})\n\nexport const SheetHandle = SheetHandleFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => {\n    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)\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        open={context.open}\n        {...props}\n      />\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SheetOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_OVERLAY_NAME = 'SheetOverlay'\n\nexport const SheetOverlayFrame = styled(YStack, {\n  name: SHEET_OVERLAY_NAME,\n  // TODO this should be $background without opacity and just customized by theme\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n  zIndex: 0,\n\n  variants: {\n    closed: {\n      true: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      false: {\n        pointerEvents: 'auto',\n      },\n      // TODO still have as const bug\n    } as const,\n  },\n})\n\nexport type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>\n\nexport const SheetOverlay = SheetOverlayFrame.extractable(\n  ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => {\n    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)\n    return (\n      <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    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Sheet\n * -----------------------------------------------------------------------------------------------*/\n\nconst selectionStyleSheet = isClient ? document.createElement('style') : null\nif (selectionStyleSheet) {\n  document.head.appendChild(selectionStyleSheet)\n}\n\nexport const SheetFrameFrame = styled(YStack, {\n  name: SHEET_NAME,\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'hidden',\n  pointerEvents: 'auto',\n})\n\nexport const SheetFrame = SheetFrameFrame.extractable(\n  forwardRef(({ __scopeSheet, ...props }: SheetScopedProps<YStackProps>, forwardedRef) => {\n    const context = useSheetContext(SHEET_NAME, __scopeSheet)\n    const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)\n    return <SheetFrameFrame ref={composedContentRef} {...props} />\n  })\n)\n\n// set all the way off screen\nconst HIDDEN_SIZE = 10_000\n\nexport const Sheet = withStaticProperties(\n  themeable(\n    forwardRef<View, SheetProps>(function Sheet(props, ref) {\n      const {\n        __scopeSheet,\n        snapPoints: snapPointsProp = [80],\n        open: openProp,\n        defaultOpen,\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        onChangeOpen,\n        defaultPosition,\n        dismissOnOverlayPress = true,\n        animationConfig,\n        dismissOnSnapToBottom = false,\n        disableDrag: disableDragProp,\n        modal = false,\n        handleDisableScroll = true,\n      } = props\n\n      if (process.env.NODE_ENV === 'development') {\n        if (snapPointsProp.some((p) => p < 0 || p > 100)) {\n          // eslint-disable-next-line no-console\n          console.warn(\n            `\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame`\n          )\n        }\n      }\n\n      // allows for sheets to be controlled by other components\n      const controller = useContext(SheetControllerContext)\n      const isHidden = controller?.hidden || false\n      const disableDrag = disableDragProp ?? controller?.disableDrag\n      const themeName = useThemeName()\n      const contentRef = React.useRef<TamaguiElement>(null)\n      const scrollBridge = useConstant<ScrollBridge>(() => ({\n        enabled: false,\n        y: 0,\n        paneY: 0,\n        paneMinY: 0,\n        scrollStartY: -1,\n        drag: () => {},\n        release: () => {},\n        scrollLock: false,\n      }))\n\n      const onChangeOpenInternal = (val: boolean) => {\n        controller?.onChangeOpen?.(val)\n        onChangeOpen?.(val)\n      }\n\n      const [open, setOpen] = useControllableState({\n        prop: controller?.open ?? openProp,\n        defaultProp: defaultOpen || true,\n        onChange: onChangeOpenInternal,\n        strategy: 'most-recent-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        strategy: 'most-recent-wins',\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          } else {\n            setPosition_(next)\n          }\n        },\n        [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]\n      )\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(HIDDEN_SIZE)\n      }\n\n      const [isResizing, setIsResizing] = useState(true)\n      useIsomorphicLayoutEffect(() => {\n        if (!isResizing) {\n          setIsResizing(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [modal])\n\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n        if (scrollBridge.onFinishAnimate) {\n          scrollBridge.onFinishAnimate()\n          scrollBridge.onFinishAnimate = undefined\n        }\n      }\n\n      // open must set position\n      const shouldSetPositionOpen = open && position < 0\n      useEffect(() => {\n        if (shouldSetPositionOpen) {\n          setPosition(0)\n        }\n      }, [setPosition, shouldSetPositionOpen])\n\n      const positions = useMemo(\n        () => snapPoints.map((point) => getPercentSize(point, frameSize)),\n        [frameSize, snapPoints]\n      )\n\n      const animateTo = useEvent((position: number) => {\n        const current = positionValue.current\n        if (isHidden && open) return\n        if (!current) return\n        if (frameSize === 0) return\n        const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize\n        const toValue = isHidden || position === -1 ? hiddenValue : positions[position]\n        if (at.current === toValue) return\n        stopSpring()\n        if (isHidden || isResizing) {\n          if (isResizing) {\n            setIsResizing(false)\n          }\n          Animated.timing(current, {\n            useNativeDriver: !isWeb,\n            toValue,\n            duration: 0,\n          }).start()\n          at.current = toValue\n          return\n        }\n        // dont bounce on initial measure to bottom\n        const overshootClamping = at.current === HIDDEN_SIZE\n        spring.current = Animated.spring(current, {\n          useNativeDriver: !isWeb,\n          toValue,\n          overshootClamping,\n          ...animationConfig,\n        })\n        spring.current.start(({ finished }) => {\n          if (finished) {\n            stopSpring()\n          }\n        })\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        animateTo(position)\n      }, [isHidden, frameSize, position, animateTo])\n\n      // native only fix\n      const at = useRef(0)\n      useEffect(() => {\n        positionValue.current!.addListener(({ value }) => {\n          at.current = value\n          scrollBridge.paneY = value\n        })\n        return () => {\n          positionValue.current!.removeAllListeners()\n        }\n      }, [])\n\n      const panResponder = useMemo(\n        () => {\n          if (disableDrag) return\n          if (!frameSize) return\n\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const pos = positionValue.current!\n          const minY = positions[0]\n          scrollBridge.paneMinY = minY\n          let startY = at.current\n\n          function makeUnselectable(val: boolean) {\n            if (!selectionStyleSheet) return\n            if (!val) {\n              selectionStyleSheet.innerText = ``\n            } else {\n              selectionStyleSheet.innerText = `:root * { user-select: none !important; -webkit-user-select: none !important; }`\n            }\n          }\n\n          const release = ({ vy, dragAt }: { dragAt: number; vy: number }) => {\n            isExternalDrag = false\n            previouslyScrolling = false\n            makeUnselectable(false)\n            const at = dragAt + 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.2\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          }\n\n          const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {\n            release({\n              vy: state.vy,\n              dragAt: state.dy,\n            })\n          }\n\n          let previouslyScrolling = false\n\n          const onMoveShouldSet = (_e: GestureResponderEvent, { dy }: PanResponderGestureState) => {\n            const isScrolled = scrollBridge.y !== 0\n            if (isScrolled) {\n              previouslyScrolling = true\n              return false\n            }\n            if (previouslyScrolling) {\n              previouslyScrolling = false\n              return true\n            }\n            const isDraggingUp = dy < 0\n            if (!isScrolled && isDraggingUp) {\n              return false\n            }\n            // we could do some detection of other touchables and cancel here..\n            return Math.abs(dy) > 8\n          }\n\n          const grant = () => {\n            makeUnselectable(true)\n            stopSpring()\n            startY = at.current\n          }\n\n          let isExternalDrag = false\n\n          function setPositionValue(next: number) {\n            // useful to debug any \"jumping\"\n            // if (process.env.NODE_ENV === 'development') {\n            //   const moveAmt = Math.abs(pos['_value'] - next)\n            //   if (moveAmt > 50) {\n            //     console.warn('!!!!!!!!!!!!jump!', moveAmt)\n            //     // debugger\n            //   }\n            // }\n            pos.setValue(next)\n          }\n\n          scrollBridge.drag = (dy) => {\n            if (!isExternalDrag) {\n              isExternalDrag = true\n              grant()\n            }\n            const to = dy + startY\n            setPositionValue(resisted(to, minY))\n          }\n\n          scrollBridge.release = release\n\n          return PanResponder.create({\n            onMoveShouldSetPanResponder: onMoveShouldSet,\n            onPanResponderGrant: grant,\n            onPanResponderMove: (_e, { dy }) => {\n              const to = dy + startY\n              setPositionValue(resisted(to, minY))\n            },\n            onPanResponderEnd: finish,\n            onPanResponderTerminate: finish,\n            onPanResponderRelease: finish,\n          })\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [disableDrag, animateTo, frameSize, positions, setPosition]\n      )\n\n      let handleComponent: React.ReactElement | null = null\n      let overlayComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      // TODO do more radix-like and don't require direct children descendents\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          const name = child.type?.['staticConfig']?.componentName\n          switch (name) {\n            case 'SheetHandle':\n              handleComponent = child\n              break\n            case 'Sheet':\n              frameComponent = child\n              break\n            case 'SheetOverlay':\n              overlayComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Sheet', child)\n          }\n        }\n      })\n\n      const preventShown = controller?.hidden && controller?.open\n\n      if (preventShown) {\n        return null\n      }\n\n      const translateY = frameSize === 0 ? HIDDEN_SIZE : positionValue.current\n\n      const contents = (\n        <SheetProvider\n          modal={modal}\n          contentRef={contentRef}\n          dismissOnOverlayPress={dismissOnOverlayPress}\n          dismissOnSnapToBottom={dismissOnSnapToBottom}\n          open={open}\n          hidden={isHidden}\n          scope={__scopeSheet}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n          setOpen={setOpen}\n          scrollBridge={scrollBridge}\n        >\n          {isResizing ? null : overlayComponent}\n\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 }],\n            }}\n          >\n            {handleComponent}\n\n            <RemoveScroll\n              enabled={open && modal && handleDisableScroll}\n              as={Slot}\n              allowPinchZoom\n              shards={[contentRef]}\n              // causes lots of bugs on touch web on site\n              removeScrollBar={false}\n            >\n              {isResizing ? null : frameComponent}\n            </RemoveScroll>\n          </Animated.View>\n        </SheetProvider>\n      )\n\n      if (modal) {\n        return (\n          <Portal>\n            <Theme name={themeName}>{contents}</Theme>\n          </Portal>\n        )\n      }\n\n      return contents\n    })\n  ),\n  {\n    Handle: SheetHandle,\n    Frame: SheetFrame,\n    Overlay: SheetOverlay,\n    ScrollView: SheetScrollView,\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------*/\n\nfunction getPercentSize(point?: number, frameSize?: number) {\n  if (!frameSize) return 0\n  if (point === undefined) {\n    // eslint-disable-next-line no-console\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"],
+  "mappings": "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",
   "names": []
 }