@tamagui/sheet 1.14.1 → 1.14.2

package/dist/esm/Sheet.js

@@ -1,2 +1,644 @@
-import{jsx as h,jsxs as Me}from"react/jsx-runtime";import{AdaptParentContext as be}from"@tamagui/adapt";import{useComposedRefs as ge}from"@tamagui/compose-refs";import{Theme as pt,isClient as mt,isTouchable as ht,isWeb as F,mergeEvent as ft,styled as W,themeable as St,useAnimationDriver as Pt,useDidFinishSSR as bt,useEvent as ve,useIsomorphicLayoutEffect as ye,useThemeName as gt,withStaticProperties as vt}from"@tamagui/core";import{Portal as yt}from"@tamagui/portal";import{RemoveScroll as Ct}from"@tamagui/remove-scroll";import{ThemeableStack as xt,XStack as Rt,YStack as Et}from"@tamagui/stacks";import{useConstant as wt}from"@tamagui/use-constant";import{useControllableState as Ce}from"@tamagui/use-controllable-state";import{useKeyboardVisible as Vt}from"@tamagui/use-keyboard-visible";import xe,{createContext as Z,forwardRef as q,isValidElement as Ot,useCallback as J,useContext as _,useEffect as Q,useMemo as k,useRef as j,useState as ee}from"react";import{Keyboard as Re,PanResponder as kt}from"react-native";import{SHEET_HANDLE_NAME as Ee,SHEET_NAME as we}from"./constants";import{SheetProvider as Nt,useSheetContext as te}from"./SheetContext";import{SheetScrollView as At}from"./SheetScrollView";import{createSheetScope as vn}from"./SheetContext";const Ve=W(Rt,{name:Ee,height:10,borderRadius:100,backgroundColor:"$background",zIndex:10,marginHorizontal:"35%",marginBottom:"$2",opacity:.5,hoverStyle:{opacity:.7},variants:{open:{true:{pointerEvents:"auto"},false:{opacity:0,pointerEvents:"none"}}}}),Dt=Ve.extractable(({__scopeSheet:n,...o})=>{const t=te(Ee,n);return h(Ve,{onPress:()=>{const i=t.snapPoints.length+(t.dismissOnSnapToBottom?-1:0),s=(t.position+1)%i;t.setPosition(s)},open:t.open,...o})}),Oe="SheetOverlay",ke=W(xt,{name:Oe,fullscreen:!0,backgrounded:!0,opacity:.5,zIndex:0,variants:{closed:{true:{opacity:0,pointerEvents:"none"},false:{pointerEvents:"auto"}}}}),Tt=ke.extractable(({__scopeSheet:n,...o})=>{const t=te(Oe,n);return h(ke,{closed:!t.open||t.hidden,...o,onPress:ft(o.onPress,t.dismissOnOverlayPress?()=>{t.setOpen(!1)}:void 0)})}),N=mt?document.createElement("style"):null;N&&document.head.appendChild(N);const Ne=W(Et,{name:we,flex:1,backgroundColor:"$background",borderTopLeftRadius:"$true",borderTopRightRadius:"$true",width:"100%",maxHeight:"100%",overflow:"hidden",pointerEvents:"auto"}),It=Ne.extractable(q(({__scopeSheet:n,...o},t)=>{const i=te(we,n),s=ge(t,i.contentRef);return h(Ne,{ref:s,...o})})),Y=1e4,Ht={Handle:Dt,Frame:It,Overlay:Tt,ScrollView:At},Ae=Z({zIndex:40}),De=()=>{const n=_(He),o=n==null?void 0:n.hidden,t=o&&(n==null?void 0:n.open);return{controller:n,isHidden:o,isShowingNonSheet:t}},Mt=vt(q(function(o,t){const i=bt(),{isShowingNonSheet:s}=De();return s||!i?null:h(Ft,{ref:t,...o})}),Ht),Ft=St(q(function(o,t){const i=_(Ae),{isHidden:s,controller:l}=De(),{__scopeSheet:B,snapPoints:A=[80],open:Fe,defaultOpen:Yt,children:_e,position:Ye,onPositionChange:Be,onOpenChange:L,defaultPosition:Le,dismissOnOverlayPress:ze=!0,animationConfig:Ge,dismissOnSnapToBottom:b=!1,forceRemoveScrollEnabled:$e=null,disableDrag:Ke,modal:D=!1,zIndex:T=i.zIndex+1,moveOnKeyboardChange:Xe=!1,portalProps:Ue}=o;process.env.NODE_ENV==="development"&&A.some(e=>e<0||e>100)&&console.warn("\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame");const ne=j(null),We=ge(t,ne),y=Pt();if(!y)throw new Error("Must set animations in tamagui.config.ts");const oe=Ke??(l==null?void 0:l.disableDrag),Ze=Vt(),qe=gt(),re=xe.useRef(null),u=wt(()=>({enabled:!1,y:0,paneY:0,paneMinY:0,scrollStartY:-1,drag:()=>{},release:()=>{},scrollLock:!1})),Je=e=>{var r;(r=l==null?void 0:l.onOpenChange)==null||r.call(l,e),L==null||L(e)},[a,z]=Ce({prop:(l==null?void 0:l.open)??Fe,defaultProp:!0,onChange:Je,strategy:"most-recent-wins",transition:!0}),[d,Qe]=ee(0),g=k(()=>b?[...A,0]:A,[JSON.stringify(A),b]),[je,G]=Ce({prop:Ye,defaultProp:Le||(a?0:-1),onChange:Be,strategy:"most-recent-wins",transition:!0}),C=a===!1?-1:je;a&&b&&C===g.length-1&&G(0);const x=J(e=>{b&&e===g.length-1?z(!1):G(e)},[b,g.length,G,z]),{useAnimatedNumber:et,useAnimatedNumberReaction:tt,useAnimatedNumberStyle:nt}=y,c=et(Y),v=j(0);tt({value:c,hostRef:ne},e=>{y.isReactNative&&(v.current=e,u.paneY=e)});function se(){c.stop(),u.onFinishAnimate&&(u.onFinishAnimate(),u.onFinishAnimate=void 0)}const ae=a&&C<0;Q(()=>{ae&&x(0)},[x,ae]);const R=k(()=>g.map(e=>_t(e,d)),[d,g]),[ie,le]=ee(a?1:0);a&&ie===0&&le(1),Q(()=>{if(!a){const e=setTimeout(()=>{le(0)},400);return()=>{clearTimeout(e)}}},[a]);const I=ve(e=>{const r=c.getValue();if(s&&a||!r||d===0)return;const f=s||e===-1?d===0?Y:d:R[e];if(v.current===f)return;if(se(),s){c.setValue(f,{type:"timing",duration:0}),v.current=f;return}const w=v.current===Y;c.setValue(f,{...Ge,type:"spring",overshootClamping:w})});ye(()=>{I(C)},[s,d,C,I]);const[$,ot]=ee(!1),ce=!F&&D&&$,H=_(Te),rt=J(e=>{ot(e)},[]),K=k(()=>{if(oe||!d||$)return;const e=R[0];u.paneMinY=e;let r=v.current;function p(S){N&&(S?N.innerText=":root * { user-select: none !important; -webkit-user-select: none !important; }":N.innerText="")}const f=({vy:S,dragAt:m})=>{X=!1,he=!1,p(!1);const P=m+r+d*S*.2;let O=0,Se=1/0;for(let M=0;M<R.length;M++){const U=R[M],Pe=P>U?P-U:U-P;Pe<Se&&(Se=Pe,O=M)}x(O),I(O)},w=(S,m)=>{f({vy:m.vy,dragAt:m.dy})};let he=!1;const dt=(S,{dy:m})=>{const V=u.y!==0,P=m<0,O=u.paneY-5<=u.paneMinY;return V?(he=!0,!1):O&&!V&&P?!1:Math.abs(m)>5},fe=()=>{p(!0),se(),r=v.current};let X=!1;return u.drag=S=>{X||(X=!0,fe());const m=S+r;c.setValue(Ie(m,e),{type:"direct"})},u.release=f,kt.create({onMoveShouldSetPanResponder:dt,onPanResponderGrant:fe,onPanResponderMove:(S,{dy:m})=>{const V=m+r,P=Ie(V,e);c.setValue(P,{type:"direct"})},onPanResponderEnd:w,onPanResponderTerminate:w,onPanResponderRelease:w})},[oe,$,I,d,R,x]);let ue=null,de=null,pe=null;xe.Children.forEach(_e,e=>{var r,p;if(Ot(e))switch((p=(r=e.type)==null?void 0:r.staticConfig)==null?void 0:p.componentName){case"SheetHandle":ue=e;break;case"Sheet":pe=e;break;case"SheetOverlay":de=e;break;default:console.warn("Warning: passed invalid child to Sheet",e)}});const st=nt(c,e=>({transform:[{translateY:d===0?Y:e}]})),E=j(null);Q(()=>{if(F||!Xe)return;const e=Re.addListener("keyboardDidShow",p=>{E.current===null&&(E.current=c.getValue(),c.setValue(Math.max(c.getValue()-p.endCoordinates.height,0)))}),r=Re.addListener("keyboardDidHide",()=>{E.current!==null&&(c.setValue(E.current),E.current=null)});return()=>{r.remove(),e.remove()}},[]);const at=y.NumberView??y.View;ye(()=>{if(H&&a)return H(!0),()=>{H(!1)}},[H,a]);const it=k(()=>({zIndex:T}),[T]),lt=J(e=>{var p;let r=(p=e.nativeEvent)==null?void 0:p.layout.height;F&&ht&&!a&&(r+=100),r&&Qe(()=>r)},[Ze]),ct=$e??(a&&D),me=h(Ae.Provider,{value:it,children:Me(Nt,{modal:D,contentRef:re,frameSize:d,dismissOnOverlayPress:ze,dismissOnSnapToBottom:b,open:a,hidden:!!s,scope:B,position:C,snapPoints:g,setPosition:x,setOpen:z,scrollBridge:u,children:[ce?null:de,Me(at,{ref:We,...K==null?void 0:K.panHandlers,onLayout:lt,pointerEvents:a&&!ce?"auto":"none",animation:o.animation,style:[{position:"absolute",zIndex:T,width:"100%",height:"100%",opacity:ie},st],children:[ue,h(Ct,{forwardProps:!0,enabled:ct,allowPinchZoom:!0,shards:[re],removeScrollBar:!1,children:pe})]})]})}),ut=_(be);if(D){const e=h(yt,{zIndex:T,...Ue,children:h(pt,{forceClassName:!0,name:qe,children:h(be.Provider,{value:ut,children:me})})});return F?e:h(Te.Provider,{value:rt,children:e})}return me}),{componentName:"Sheet"}),Te=Z(null),Sn=Mt;function _t(n,o){if(!o)return 0;if(n===void 0)return console.warn("No snapPoint"),0;const t=n/100;return Math.round(o-t*o)}function Ie(n,o,t=25){if(n<o){const i=o-n,s=Math.min(t,i)/t,B=-(1.1-Math.pow(.1,s))*t;return o+B}return n}const He=Z(null),Pn=({children:n,onOpenChange:o,...t})=>{const i=ve(o),s=k(()=>({open:t.open,hidden:t.hidden,disableDrag:t.disableDrag,onOpenChange:i}),[i,t.open,t.hidden,t.disableDrag]);return h(He.Provider,{value:s,children:n})};export{Sn as ControlledSheet,Mt as Sheet,Pn as SheetController,It as SheetFrame,Ne as SheetFrameFrame,Dt as SheetHandle,Ve as SheetHandleFrame,Tt as SheetOverlay,ke as SheetOverlayFrame,vn as createSheetScope};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AdaptParentContext } from "@tamagui/adapt";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import {
+  Theme,
+  isClient,
+  isTouchable,
+  isWeb,
+  mergeEvent,
+  styled,
+  themeable,
+  useAnimationDriver,
+  useDidFinishSSR,
+  useEvent,
+  useIsomorphicLayoutEffect,
+  useThemeName,
+  withStaticProperties
+} from "@tamagui/core";
+import { Portal } from "@tamagui/portal";
+import { RemoveScroll } from "@tamagui/remove-scroll";
+import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
+import { useConstant } from "@tamagui/use-constant";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import { useKeyboardVisible } from "@tamagui/use-keyboard-visible";
+import React, {
+  createContext,
+  forwardRef,
+  isValidElement,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  Keyboard,
+  PanResponder
+} from "react-native";
+import { SHEET_HANDLE_NAME, SHEET_NAME } from "./constants";
+import { SheetProvider, useSheetContext } from "./SheetContext";
+import { SheetScrollView } from "./SheetScrollView";
+import { createSheetScope } from "./SheetContext";
+const SheetHandleFrame = styled(XStack, {
+  name: SHEET_HANDLE_NAME,
+  height: 10,
+  borderRadius: 100,
+  backgroundColor: "$background",
+  zIndex: 10,
+  marginHorizontal: "35%",
+  marginBottom: "$2",
+  opacity: 0.5,
+  hoverStyle: {
+    opacity: 0.7
+  },
+  variants: {
+    open: {
+      true: {
+        pointerEvents: "auto"
+      },
+      false: {
+        opacity: 0,
+        pointerEvents: "none"
+      }
+    }
+  }
+});
+const SheetHandle = SheetHandleFrame.extractable(
+  ({ __scopeSheet, ...props }) => {
+    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet);
+    return /* @__PURE__ */ jsx(
+      SheetHandleFrame,
+      {
+        onPress: () => {
+          const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
+          const nextPos = (context.position + 1) % max;
+          context.setPosition(nextPos);
+        },
+        open: context.open,
+        ...props
+      }
+    );
+  }
+);
+const SHEET_OVERLAY_NAME = "SheetOverlay";
+const SheetOverlayFrame = styled(ThemeableStack, {
+  name: SHEET_OVERLAY_NAME,
+  fullscreen: true,
+  backgrounded: true,
+  opacity: 0.5,
+  zIndex: 0,
+  variants: {
+    closed: {
+      true: {
+        opacity: 0,
+        pointerEvents: "none"
+      },
+      false: {
+        pointerEvents: "auto"
+      }
+    }
+  }
+});
+const SheetOverlay = SheetOverlayFrame.extractable(
+  ({ __scopeSheet, ...props }) => {
+    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet);
+    return /* @__PURE__ */ jsx(
+      SheetOverlayFrame,
+      {
+        closed: !context.open || context.hidden,
+        ...props,
+        onPress: mergeEvent(
+          props.onPress,
+          context.dismissOnOverlayPress ? () => {
+            context.setOpen(false);
+          } : void 0
+        )
+      }
+    );
+  }
+);
+const selectionStyleSheet = isClient ? document.createElement("style") : null;
+if (selectionStyleSheet) {
+  document.head.appendChild(selectionStyleSheet);
+}
+const SheetFrameFrame = styled(YStack, {
+  name: SHEET_NAME,
+  flex: 1,
+  backgroundColor: "$background",
+  borderTopLeftRadius: "$true",
+  borderTopRightRadius: "$true",
+  width: "100%",
+  maxHeight: "100%",
+  overflow: "hidden",
+  pointerEvents: "auto"
+});
+const SheetFrame = SheetFrameFrame.extractable(
+  forwardRef(
+    ({ __scopeSheet, ...props }, forwardedRef) => {
+      const context = useSheetContext(SHEET_NAME, __scopeSheet);
+      const composedContentRef = useComposedRefs(forwardedRef, context.contentRef);
+      return /* @__PURE__ */ jsx(SheetFrameFrame, { ref: composedContentRef, ...props });
+    }
+  )
+);
+const HIDDEN_SIZE = 1e4;
+const sheetComponents = {
+  Handle: SheetHandle,
+  Frame: SheetFrame,
+  Overlay: SheetOverlay,
+  ScrollView: SheetScrollView
+};
+const ParentSheetContext = createContext({
+  zIndex: 40
+});
+const useSheetContoller = () => {
+  const controller = useContext(SheetControllerContext);
+  const isHidden = controller == null ? void 0 : controller.hidden;
+  const isShowingNonSheet = isHidden && (controller == null ? void 0 : controller.open);
+  return {
+    controller,
+    isHidden,
+    isShowingNonSheet
+  };
+};
+const Sheet = withStaticProperties(
+  forwardRef(function Sheet2(props, ref) {
+    const hydrated = useDidFinishSSR();
+    const { isShowingNonSheet } = useSheetContoller();
+    if (isShowingNonSheet || !hydrated) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(SheetImplementation, { ref, ...props });
+  }),
+  sheetComponents
+);
+const SheetImplementation = themeable(
+  forwardRef(function SheetImplementation2(props, forwardedRef) {
+    const parentSheet = useContext(ParentSheetContext);
+    const { isHidden, controller } = useSheetContoller();
+    const {
+      __scopeSheet,
+      snapPoints: snapPointsProp = [80],
+      open: openProp,
+      defaultOpen,
+      children: childrenProp,
+      position: positionProp,
+      onPositionChange,
+      onOpenChange,
+      defaultPosition,
+      dismissOnOverlayPress = true,
+      animationConfig,
+      dismissOnSnapToBottom = false,
+      forceRemoveScrollEnabled = null,
+      disableDrag: disableDragProp,
+      modal = false,
+      zIndex = parentSheet.zIndex + 1,
+      moveOnKeyboardChange = false,
+      portalProps
+    } = props;
+    if (process.env.NODE_ENV === "development") {
+      if (snapPointsProp.some((p) => p < 0 || p > 100)) {
+        console.warn(
+          "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame"
+        );
+      }
+    }
+    const sheetRef = useRef(null);
+    const ref = useComposedRefs(forwardedRef, sheetRef);
+    const driver = useAnimationDriver();
+    if (!driver) {
+      throw new Error("Must set animations in tamagui.config.ts");
+    }
+    const disableDrag = disableDragProp ?? (controller == null ? void 0 : controller.disableDrag);
+    const keyboardIsVisible = useKeyboardVisible();
+    const themeName = useThemeName();
+    const contentRef = React.useRef(null);
+    const scrollBridge = useConstant(() => ({
+      enabled: false,
+      y: 0,
+      paneY: 0,
+      paneMinY: 0,
+      scrollStartY: -1,
+      drag: () => {
+      },
+      release: () => {
+      },
+      scrollLock: false
+    }));
+    const onOpenChangeInternal = (val) => {
+      var _a;
+      (_a = controller == null ? void 0 : controller.onOpenChange) == null ? void 0 : _a.call(controller, val);
+      onOpenChange == null ? void 0 : onOpenChange(val);
+    };
+    const [open, setOpen] = useControllableState({
+      prop: (controller == null ? void 0 : controller.open) ?? openProp,
+      defaultProp: true,
+      onChange: onOpenChangeInternal,
+      strategy: "most-recent-wins",
+      transition: true
+    });
+    const [frameSize, setFrameSize] = useState(0);
+    const snapPoints = useMemo(
+      () => dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [JSON.stringify(snapPointsProp), dismissOnSnapToBottom]
+    );
+    const [position_, setPosition_] = useControllableState({
+      prop: positionProp,
+      defaultProp: defaultPosition || (open ? 0 : -1),
+      onChange: onPositionChange,
+      strategy: "most-recent-wins",
+      transition: true
+    });
+    const position = open === false ? -1 : position_;
+    if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+      setPosition_(0);
+    }
+    const setPosition = useCallback(
+      (next) => {
+        if (dismissOnSnapToBottom && next === snapPoints.length - 1) {
+          setOpen(false);
+        } else {
+          setPosition_(next);
+        }
+      },
+      [dismissOnSnapToBottom, snapPoints.length, setPosition_, setOpen]
+    );
+    const { useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle } = driver;
+    const animatedNumber = useAnimatedNumber(HIDDEN_SIZE);
+    const at = useRef(0);
+    useAnimatedNumberReaction(
+      {
+        value: animatedNumber,
+        hostRef: sheetRef
+      },
+      (value) => {
+        if (!driver.isReactNative)
+          return;
+        at.current = value;
+        scrollBridge.paneY = value;
+      }
+    );
+    function stopSpring() {
+      animatedNumber.stop();
+      if (scrollBridge.onFinishAnimate) {
+        scrollBridge.onFinishAnimate();
+        scrollBridge.onFinishAnimate = void 0;
+      }
+    }
+    const shouldSetPositionOpen = open && position < 0;
+    useEffect(() => {
+      if (shouldSetPositionOpen) {
+        setPosition(0);
+      }
+    }, [setPosition, shouldSetPositionOpen]);
+    const positions = useMemo(
+      () => snapPoints.map((point) => getPercentSize(point, frameSize)),
+      [frameSize, snapPoints]
+    );
+    const [opacity, setOpacity] = useState(open ? 1 : 0);
+    if (open && opacity === 0) {
+      setOpacity(1);
+    }
+    useEffect(() => {
+      if (!open) {
+        const tm = setTimeout(() => {
+          setOpacity(0);
+        }, 400);
+        return () => {
+          clearTimeout(tm);
+        };
+      }
+    }, [open]);
+    const animateTo = useEvent((position2) => {
+      const current = animatedNumber.getValue();
+      if (isHidden && open)
+        return;
+      if (!current)
+        return;
+      if (frameSize === 0)
+        return;
+      const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : frameSize;
+      const toValue = isHidden || position2 === -1 ? hiddenValue : positions[position2];
+      if (at.current === toValue)
+        return;
+      stopSpring();
+      if (isHidden) {
+        animatedNumber.setValue(toValue, {
+          type: "timing",
+          duration: 0
+        });
+        at.current = toValue;
+        return;
+      }
+      const overshootClamping = at.current === HIDDEN_SIZE;
+      animatedNumber.setValue(toValue, {
+        ...animationConfig,
+        type: "spring",
+        overshootClamping
+      });
+    });
+    useIsomorphicLayoutEffect(() => {
+      animateTo(position);
+    }, [isHidden, frameSize, position, animateTo]);
+    const [isShowingInnerSheet, setIsShowingInnerSheet] = useState(false);
+    const shouldHideParentSheet = !isWeb && modal && isShowingInnerSheet;
+    const parentSheetContext = useContext(SheetInsideSheetContext);
+    const onInnerSheet = useCallback((hasChild) => {
+      setIsShowingInnerSheet(hasChild);
+    }, []);
+    const panResponder = useMemo(
+      () => {
+        if (disableDrag)
+          return;
+        if (!frameSize)
+          return;
+        if (isShowingInnerSheet)
+          return;
+        const minY = positions[0];
+        scrollBridge.paneMinY = minY;
+        let startY = at.current;
+        function makeUnselectable(val) {
+          if (!selectionStyleSheet)
+            return;
+          if (!val) {
+            selectionStyleSheet.innerText = "";
+          } else {
+            selectionStyleSheet.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }";
+          }
+        }
+        const release = ({ vy, dragAt }) => {
+          isExternalDrag = false;
+          previouslyScrolling = false;
+          makeUnselectable(false);
+          const at2 = dragAt + startY;
+          const end = at2 + frameSize * vy * 0.2;
+          let closestPoint = 0;
+          let dist = Infinity;
+          for (let i = 0; i < positions.length; i++) {
+            const position2 = positions[i];
+            const curDist = end > position2 ? end - position2 : position2 - end;
+            if (curDist < dist) {
+              dist = curDist;
+              closestPoint = i;
+            }
+          }
+          setPosition(closestPoint);
+          animateTo(closestPoint);
+        };
+        const finish = (_e, state) => {
+          release({
+            vy: state.vy,
+            dragAt: state.dy
+          });
+        };
+        let previouslyScrolling = false;
+        const onMoveShouldSet = (_e, { dy }) => {
+          const isScrolled = scrollBridge.y !== 0;
+          const isDraggingUp = dy < 0;
+          const isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
+          if (isScrolled) {
+            previouslyScrolling = true;
+            return false;
+          }
+          if (isNearTop) {
+            if (!isScrolled && isDraggingUp) {
+              return false;
+            }
+          }
+          return Math.abs(dy) > 5;
+        };
+        const grant = () => {
+          makeUnselectable(true);
+          stopSpring();
+          startY = at.current;
+        };
+        let isExternalDrag = false;
+        scrollBridge.drag = (dy) => {
+          if (!isExternalDrag) {
+            isExternalDrag = true;
+            grant();
+          }
+          const to = dy + startY;
+          animatedNumber.setValue(resisted(to, minY), { type: "direct" });
+        };
+        scrollBridge.release = release;
+        return PanResponder.create({
+          onMoveShouldSetPanResponder: onMoveShouldSet,
+          onPanResponderGrant: grant,
+          onPanResponderMove: (_e, { dy }) => {
+            const toFull = dy + startY;
+            const to = resisted(toFull, minY);
+            animatedNumber.setValue(to, { type: "direct" });
+          },
+          onPanResponderEnd: finish,
+          onPanResponderTerminate: finish,
+          onPanResponderRelease: finish
+        });
+      },
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]
+    );
+    let handleComponent = null;
+    let overlayComponent = null;
+    let frameComponent = null;
+    React.Children.forEach(childrenProp, (child) => {
+      var _a, _b;
+      if (isValidElement(child)) {
+        const name = (_b = (_a = child.type) == null ? void 0 : _a["staticConfig"]) == null ? void 0 : _b.componentName;
+        switch (name) {
+          case "SheetHandle":
+            handleComponent = child;
+            break;
+          case "Sheet":
+            frameComponent = child;
+            break;
+          case "SheetOverlay":
+            overlayComponent = child;
+            break;
+          default:
+            console.warn("Warning: passed invalid child to Sheet", child);
+        }
+      }
+    });
+    const animatedStyle = useAnimatedNumberStyle(animatedNumber, (val) => {
+      const translateY = frameSize === 0 ? HIDDEN_SIZE : val;
+      return {
+        transform: [{ translateY }]
+      };
+    });
+    const sizeBeforeKeyboard = useRef(null);
+    useEffect(() => {
+      if (isWeb || !moveOnKeyboardChange)
+        return;
+      const keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", (e) => {
+        if (sizeBeforeKeyboard.current !== null)
+          return;
+        sizeBeforeKeyboard.current = animatedNumber.getValue();
+        animatedNumber.setValue(
+          Math.max(animatedNumber.getValue() - e.endCoordinates.height, 0)
+        );
+      });
+      const keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", () => {
+        if (sizeBeforeKeyboard.current === null)
+          return;
+        animatedNumber.setValue(sizeBeforeKeyboard.current);
+        sizeBeforeKeyboard.current = null;
+      });
+      return () => {
+        keyboardDidHideListener.remove();
+        keyboardDidShowListener.remove();
+      };
+    }, []);
+    const AnimatedView = driver["NumberView"] ?? driver.View;
+    useIsomorphicLayoutEffect(() => {
+      if (!(parentSheetContext && open))
+        return;
+      parentSheetContext(true);
+      return () => {
+        parentSheetContext(false);
+      };
+    }, [parentSheetContext, open]);
+    const nextParentContext = useMemo(
+      () => ({
+        zIndex
+      }),
+      [zIndex]
+    );
+    const handleLayout = useCallback(
+      (e) => {
+        var _a;
+        let next = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
+        if (isWeb && isTouchable && !open) {
+          next += 100;
+        }
+        if (!next)
+          return;
+        setFrameSize(() => next);
+      },
+      [keyboardIsVisible]
+    );
+    const removeScrollEnabled = forceRemoveScrollEnabled ?? (open && modal);
+    const contents = /* @__PURE__ */ jsx(ParentSheetContext.Provider, { value: nextParentContext, children: /* @__PURE__ */ jsxs(
+      SheetProvider,
+      {
+        modal,
+        contentRef,
+        frameSize,
+        dismissOnOverlayPress,
+        dismissOnSnapToBottom,
+        open,
+        hidden: !!isHidden,
+        scope: __scopeSheet,
+        position,
+        snapPoints,
+        setPosition,
+        setOpen,
+        scrollBridge,
+        children: [
+          shouldHideParentSheet ? null : overlayComponent,
+          /* @__PURE__ */ jsxs(
+            AnimatedView,
+            {
+              ref,
+              ...panResponder == null ? void 0 : panResponder.panHandlers,
+              onLayout: handleLayout,
+              pointerEvents: open && !shouldHideParentSheet ? "auto" : "none",
+              animation: props.animation,
+              style: [
+                {
+                  position: "absolute",
+                  zIndex,
+                  width: "100%",
+                  height: "100%",
+                  opacity
+                },
+                animatedStyle
+              ],
+              children: [
+                handleComponent,
+                /* @__PURE__ */ jsx(
+                  RemoveScroll,
+                  {
+                    forwardProps: true,
+                    enabled: removeScrollEnabled,
+                    allowPinchZoom: true,
+                    shards: [contentRef],
+                    removeScrollBar: false,
+                    children: frameComponent
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ) });
+    const adaptContext = useContext(AdaptParentContext);
+    if (modal) {
+      const modalContents = /* @__PURE__ */ jsx(Portal, { zIndex, ...portalProps, children: /* @__PURE__ */ jsx(Theme, { forceClassName: true, name: themeName, children: /* @__PURE__ */ jsx(AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
+      if (isWeb) {
+        return modalContents;
+      }
+      return /* @__PURE__ */ jsx(SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
+    }
+    return contents;
+  }),
+  { componentName: "Sheet" }
+);
+const SheetInsideSheetContext = createContext(null);
+const ControlledSheet = Sheet;
+function getPercentSize(point, frameSize) {
+  if (!frameSize)
+    return 0;
+  if (point === void 0) {
+    console.warn("No snapPoint");
+    return 0;
+  }
+  const pct = point / 100;
+  const next = Math.round(frameSize - pct * frameSize);
+  return next;
+}
+function resisted(y, minY, maxOverflow = 25) {
+  if (y < minY) {
+    const past = minY - y;
+    const pctPast = Math.min(maxOverflow, past) / maxOverflow;
+    const diminishBy = 1.1 - Math.pow(0.1, pctPast);
+    const extra = -diminishBy * maxOverflow;
+    return minY + extra;
+  }
+  return y;
+}
+const SheetControllerContext = createContext(null);
+const SheetController = ({
+  children,
+  onOpenChange: onOpenChangeProp,
+  ...value
+}) => {
+  const onOpenChange = useEvent(onOpenChangeProp);
+  const memoValue = useMemo(
+    () => ({
+      open: value.open,
+      hidden: value.hidden,
+      disableDrag: value.disableDrag,
+      onOpenChange
+    }),
+    [onOpenChange, value.open, value.hidden, value.disableDrag]
+  );
+  return /* @__PURE__ */ jsx(SheetControllerContext.Provider, { value: memoValue, children });
+};
+export {
+  ControlledSheet,
+  Sheet,
+  SheetController,
+  SheetFrame,
+  SheetFrameFrame,
+  SheetHandle,
+  SheetHandleFrame,
+  SheetOverlay,
+  SheetOverlayFrame,
+  createSheetScope
+};
 //# sourceMappingURL=Sheet.js.map