@tamagui/sheet 1.14.0 → 1.14.2

package/dist/cjs/Sheet.js

@@ -1,2 +1,660 @@
-"use strict";var pt=Object.create;var z=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var ht=Object.getOwnPropertyNames;var ft=Object.getPrototypeOf,St=Object.prototype.hasOwnProperty;var Pt=(o,r)=>{for(var e in r)z(o,e,{get:r[e],enumerable:!0})},ve=(o,r,e,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ht(r))!St.call(o,a)&&a!==e&&z(o,a,{get:()=>r[a],enumerable:!(l=mt(r,a))||l.enumerable});return o};var bt=(o,r,e)=>(e=o!=null?pt(ft(o)):{},ve(r||!o||!o.__esModule?z(e,"default",{value:o,enumerable:!0}):e,o)),gt=o=>ve(z({},"__esModule",{value:!0}),o);var Et={};Pt(Et,{ControlledSheet:()=>Ct,Sheet:()=>He,SheetController:()=>Rt,SheetFrame:()=>Ie,SheetFrameFrame:()=>oe,SheetHandle:()=>De,SheetHandleFrame:()=>te,SheetOverlay:()=>Te,SheetOverlayFrame:()=>ne,createSheetScope:()=>Me.createSheetScope});module.exports=gt(Et);var u=require("react/jsx-runtime"),Q=require("@tamagui/adapt"),j=require("@tamagui/compose-refs"),s=require("@tamagui/core"),Ve=require("@tamagui/portal"),Oe=require("@tamagui/remove-scroll"),E=require("@tamagui/stacks"),ke=require("@tamagui/use-constant"),ee=require("@tamagui/use-controllable-state"),Ne=require("@tamagui/use-keyboard-visible"),n=bt(require("react")),H=require("react-native"),R=require("./constants"),x=require("./SheetContext"),Ae=require("./SheetScrollView"),Me=require("./SheetContext");const te=(0,s.styled)(E.XStack,{name:R.SHEET_HANDLE_NAME,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"}}}}),De=te.extractable(({__scopeSheet:o,...r})=>{const e=(0,x.useSheetContext)(R.SHEET_HANDLE_NAME,o);return(0,u.jsx)(te,{onPress:()=>{const l=e.snapPoints.length+(e.dismissOnSnapToBottom?-1:0),a=(e.position+1)%l;e.setPosition(a)},open:e.open,...r})}),ye="SheetOverlay",ne=(0,s.styled)(E.ThemeableStack,{name:ye,fullscreen:!0,backgrounded:!0,opacity:.5,zIndex:0,variants:{closed:{true:{opacity:0,pointerEvents:"none"},false:{pointerEvents:"auto"}}}}),Te=ne.extractable(({__scopeSheet:o,...r})=>{const e=(0,x.useSheetContext)(ye,o);return(0,u.jsx)(ne,{closed:!e.open||e.hidden,...r,onPress:(0,s.mergeEvent)(r.onPress,e.dismissOnOverlayPress?()=>{e.setOpen(!1)}:void 0)})}),I=s.isClient?document.createElement("style"):null;I&&document.head.appendChild(I);const oe=(0,s.styled)(E.YStack,{name:R.SHEET_NAME,flex:1,backgroundColor:"$background",borderTopLeftRadius:"$true",borderTopRightRadius:"$true",width:"100%",maxHeight:"100%",overflow:"hidden",pointerEvents:"auto"}),Ie=oe.extractable((0,n.forwardRef)(({__scopeSheet:o,...r},e)=>{const l=(0,x.useSheetContext)(R.SHEET_NAME,o),a=(0,j.useComposedRefs)(e,l.contentRef);return(0,u.jsx)(oe,{ref:a,...r})})),G=1e4,vt={Handle:De,Frame:Ie,Overlay:Te,ScrollView:Ae.SheetScrollView},Ce=(0,n.createContext)({zIndex:40}),xe=()=>{const o=(0,n.useContext)(we),r=o==null?void 0:o.hidden,e=r&&(o==null?void 0:o.open);return{controller:o,isHidden:r,isShowingNonSheet:e}},He=(0,s.withStaticProperties)((0,n.forwardRef)(function(r,e){const l=(0,s.useDidFinishSSR)(),{isShowingNonSheet:a}=xe();return a||!l?null:(0,u.jsx)(yt,{ref:e,...r})}),vt),yt=(0,s.themeable)((0,n.forwardRef)(function(r,e){const l=(0,n.useContext)(Ce),{isHidden:a,controller:d}=xe(),{__scopeSheet:$,snapPoints:M=[80],open:Fe,defaultOpen:wt,children:_e,position:Ye,onPositionChange:Be,onOpenChange:K,defaultPosition:Le,dismissOnOverlayPress:ze=!0,animationConfig:Ge,dismissOnSnapToBottom:v=!1,forceRemoveScrollEnabled:$e=null,disableDrag:Ke,modal:F=!1,zIndex:_=l.zIndex+1,moveOnKeyboardChange:Xe=!1,portalProps:Ue}=r;process.env.NODE_ENV==="development"&&M.some(t=>t<0||t>100)&&console.warn("\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame");const re=(0,n.useRef)(null),We=(0,j.useComposedRefs)(e,re),w=(0,s.useAnimationDriver)();if(!w)throw new Error("Must set animations in tamagui.config.ts");const se=Ke??(d==null?void 0:d.disableDrag),Ze=(0,Ne.useKeyboardVisible)(),qe=(0,s.useThemeName)(),ae=n.default.useRef(null),m=(0,ke.useConstant)(()=>({enabled:!1,y:0,paneY:0,paneMinY:0,scrollStartY:-1,drag:()=>{},release:()=>{},scrollLock:!1})),Je=t=>{var i;(i=d==null?void 0:d.onOpenChange)==null||i.call(d,t),K==null||K(t)},[c,X]=(0,ee.useControllableState)({prop:(d==null?void 0:d.open)??Fe,defaultProp:!0,onChange:Je,strategy:"most-recent-wins",transition:!0}),[h,Qe]=(0,n.useState)(0),y=(0,n.useMemo)(()=>v?[...M,0]:M,[JSON.stringify(M),v]),[je,U]=(0,ee.useControllableState)({prop:Ye,defaultProp:Le||(c?0:-1),onChange:Be,strategy:"most-recent-wins",transition:!0}),V=c===!1?-1:je;c&&v&&V===y.length-1&&U(0);const O=(0,n.useCallback)(t=>{v&&t===y.length-1?X(!1):U(t)},[v,y.length,U,X]),{useAnimatedNumber:et,useAnimatedNumberReaction:tt,useAnimatedNumberStyle:nt}=w,p=et(G),C=(0,n.useRef)(0);tt({value:p,hostRef:re},t=>{w.isReactNative&&(C.current=t,m.paneY=t)});function ie(){p.stop(),m.onFinishAnimate&&(m.onFinishAnimate(),m.onFinishAnimate=void 0)}const le=c&&V<0;(0,n.useEffect)(()=>{le&&O(0)},[O,le]);const k=(0,n.useMemo)(()=>y.map(t=>xt(t,h)),[h,y]),[ce,ue]=(0,n.useState)(c?1:0);c&&ce===0&&ue(1),(0,n.useEffect)(()=>{if(!c){const t=setTimeout(()=>{ue(0)},400);return()=>{clearTimeout(t)}}},[c]);const Y=(0,s.useEvent)(t=>{const i=p.getValue();if(a&&c||!i||h===0)return;const P=a||t===-1?h===0?G:h:k[t];if(C.current===P)return;if(ie(),a){p.setValue(P,{type:"timing",duration:0}),C.current=P;return}const A=C.current===G;p.setValue(P,{...Ge,type:"spring",overshootClamping:A})});(0,s.useIsomorphicLayoutEffect)(()=>{Y(V)},[a,h,V,Y]);const[W,ot]=(0,n.useState)(!1),de=!s.isWeb&&F&&W,B=(0,n.useContext)(Re),rt=(0,n.useCallback)(t=>{ot(t)},[]),Z=(0,n.useMemo)(()=>{if(se||!h||W)return;const t=k[0];m.paneMinY=t;let i=C.current;function f(b){I&&(b?I.innerText=":root * { user-select: none !important; -webkit-user-select: none !important; }":I.innerText="")}const P=({vy:b,dragAt:S})=>{q=!1,Se=!1,f(!1);const g=S+i+h*b*.2;let T=0,be=1/0;for(let L=0;L<k.length;L++){const J=k[L],ge=g>J?g-J:J-g;ge<be&&(be=ge,T=L)}O(T),Y(T)},A=(b,S)=>{P({vy:S.vy,dragAt:S.dy})};let Se=!1;const dt=(b,{dy:S})=>{const D=m.y!==0,g=S<0,T=m.paneY-5<=m.paneMinY;return D?(Se=!0,!1):T&&!D&&g?!1:Math.abs(S)>5},Pe=()=>{f(!0),ie(),i=C.current};let q=!1;return m.drag=b=>{q||(q=!0,Pe());const S=b+i;p.setValue(Ee(S,t),{type:"direct"})},m.release=P,H.PanResponder.create({onMoveShouldSetPanResponder:dt,onPanResponderGrant:Pe,onPanResponderMove:(b,{dy:S})=>{const D=S+i,g=Ee(D,t);p.setValue(g,{type:"direct"})},onPanResponderEnd:A,onPanResponderTerminate:A,onPanResponderRelease:A})},[se,W,Y,h,k,O]);let pe=null,me=null,he=null;n.default.Children.forEach(_e,t=>{var i,f;if((0,n.isValidElement)(t))switch((f=(i=t.type)==null?void 0:i.staticConfig)==null?void 0:f.componentName){case"SheetHandle":pe=t;break;case"Sheet":he=t;break;case"SheetOverlay":me=t;break;default:console.warn("Warning: passed invalid child to Sheet",t)}});const st=nt(p,t=>({transform:[{translateY:h===0?G:t}]})),N=(0,n.useRef)(null);(0,n.useEffect)(()=>{if(s.isWeb||!Xe)return;const t=H.Keyboard.addListener("keyboardDidShow",f=>{N.current===null&&(N.current=p.getValue(),p.setValue(Math.max(p.getValue()-f.endCoordinates.height,0)))}),i=H.Keyboard.addListener("keyboardDidHide",()=>{N.current!==null&&(p.setValue(N.current),N.current=null)});return()=>{i.remove(),t.remove()}},[]);const at=w.NumberView??w.View;(0,s.useIsomorphicLayoutEffect)(()=>{if(B&&c)return B(!0),()=>{B(!1)}},[B,c]);const it=(0,n.useMemo)(()=>({zIndex:_}),[_]),lt=(0,n.useCallback)(t=>{var f;let i=(f=t.nativeEvent)==null?void 0:f.layout.height;s.isWeb&&s.isTouchable&&!c&&(i+=100),i&&Qe(()=>i)},[Ze]),ct=$e??(c&&F),fe=(0,u.jsx)(Ce.Provider,{value:it,children:(0,u.jsxs)(x.SheetProvider,{modal:F,contentRef:ae,frameSize:h,dismissOnOverlayPress:ze,dismissOnSnapToBottom:v,open:c,hidden:!!a,scope:$,position:V,snapPoints:y,setPosition:O,setOpen:X,scrollBridge:m,children:[de?null:me,(0,u.jsxs)(at,{ref:We,...Z==null?void 0:Z.panHandlers,onLayout:lt,pointerEvents:c&&!de?"auto":"none",animation:r.animation,style:[{position:"absolute",zIndex:_,width:"100%",height:"100%",opacity:ce},st],children:[pe,(0,u.jsx)(Oe.RemoveScroll,{forwardProps:!0,enabled:ct,allowPinchZoom:!0,shards:[ae],removeScrollBar:!1,children:he})]})]})}),ut=(0,n.useContext)(Q.AdaptParentContext);if(F){const t=(0,u.jsx)(Ve.Portal,{zIndex:_,...Ue,children:(0,u.jsx)(s.Theme,{forceClassName:!0,name:qe,children:(0,u.jsx)(Q.AdaptParentContext.Provider,{value:ut,children:fe})})});return s.isWeb?t:(0,u.jsx)(Re.Provider,{value:rt,children:t})}return fe}),{componentName:"Sheet"}),Re=(0,n.createContext)(null),Ct=He;function xt(o,r){if(!r)return 0;if(o===void 0)return console.warn("No snapPoint"),0;const e=o/100;return Math.round(r-e*r)}function Ee(o,r,e=25){if(o<r){const l=r-o,a=Math.min(e,l)/e,$=-(1.1-Math.pow(.1,a))*e;return r+$}return o}const we=(0,n.createContext)(null),Rt=({children:o,onOpenChange:r,...e})=>{const l=(0,s.useEvent)(r),a=(0,n.useMemo)(()=>({open:e.open,hidden:e.hidden,disableDrag:e.disableDrag,onOpenChange:l}),[l,e.open,e.hidden,e.disableDrag]);return(0,u.jsx)(we.Provider,{value:a,children:o})};0&&(module.exports={ControlledSheet,Sheet,SheetController,SheetFrame,SheetFrameFrame,SheetHandle,SheetHandleFrame,SheetOverlay,SheetOverlayFrame,createSheetScope});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Sheet_exports = {};
+__export(Sheet_exports, {
+  ControlledSheet: () => ControlledSheet,
+  Sheet: () => Sheet,
+  SheetController: () => SheetController,
+  SheetFrame: () => SheetFrame,
+  SheetFrameFrame: () => SheetFrameFrame,
+  SheetHandle: () => SheetHandle,
+  SheetHandleFrame: () => SheetHandleFrame,
+  SheetOverlay: () => SheetOverlay,
+  SheetOverlayFrame: () => SheetOverlayFrame,
+  createSheetScope: () => import_SheetContext2.createSheetScope
+});
+module.exports = __toCommonJS(Sheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_adapt = require("@tamagui/adapt");
+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_constant = require("@tamagui/use-constant");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_use_keyboard_visible = require("@tamagui/use-keyboard-visible");
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_constants = require("./constants");
+var import_SheetContext = require("./SheetContext");
+var import_SheetScrollView = require("./SheetScrollView");
+var import_SheetContext2 = require("./SheetContext");
+const SheetHandleFrame = (0, import_core.styled)(import_stacks.XStack, {
+  name: import_constants.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 = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_HANDLE_NAME, __scopeSheet);
+    return /* @__PURE__ */ (0, import_jsx_runtime.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 = (0, import_core.styled)(import_stacks.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 = (0, import_SheetContext.useSheetContext)(SHEET_OVERLAY_NAME, __scopeSheet);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      SheetOverlayFrame,
+      {
+        closed: !context.open || context.hidden,
+        ...props,
+        onPress: (0, import_core.mergeEvent)(
+          props.onPress,
+          context.dismissOnOverlayPress ? () => {
+            context.setOpen(false);
+          } : void 0
+        )
+      }
+    );
+  }
+);
+const selectionStyleSheet = import_core.isClient ? document.createElement("style") : null;
+if (selectionStyleSheet) {
+  document.head.appendChild(selectionStyleSheet);
+}
+const SheetFrameFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: import_constants.SHEET_NAME,
+  flex: 1,
+  backgroundColor: "$background",
+  borderTopLeftRadius: "$true",
+  borderTopRightRadius: "$true",
+  width: "100%",
+  maxHeight: "100%",
+  overflow: "hidden",
+  pointerEvents: "auto"
+});
+const SheetFrame = SheetFrameFrame.extractable(
+  (0, import_react.forwardRef)(
+    ({ __scopeSheet, ...props }, forwardedRef) => {
+      const context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_NAME, __scopeSheet);
+      const composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetFrameFrame, { ref: composedContentRef, ...props });
+    }
+  )
+);
+const HIDDEN_SIZE = 1e4;
+const sheetComponents = {
+  Handle: SheetHandle,
+  Frame: SheetFrame,
+  Overlay: SheetOverlay,
+  ScrollView: import_SheetScrollView.SheetScrollView
+};
+const ParentSheetContext = (0, import_react.createContext)({
+  zIndex: 40
+});
+const useSheetContoller = () => {
+  const controller = (0, import_react.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 = (0, import_core.withStaticProperties)(
+  (0, import_react.forwardRef)(function Sheet2(props, ref) {
+    const hydrated = (0, import_core.useDidFinishSSR)();
+    const { isShowingNonSheet } = useSheetContoller();
+    if (isShowingNonSheet || !hydrated) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetImplementation, { ref, ...props });
+  }),
+  sheetComponents
+);
+const SheetImplementation = (0, import_core.themeable)(
+  (0, import_react.forwardRef)(function SheetImplementation2(props, forwardedRef) {
+    const parentSheet = (0, import_react.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 = (0, import_react.useRef)(null);
+    const ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef);
+    const driver = (0, import_core.useAnimationDriver)();
+    if (!driver) {
+      throw new Error("Must set animations in tamagui.config.ts");
+    }
+    const disableDrag = disableDragProp ?? (controller == null ? void 0 : controller.disableDrag);
+    const keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)();
+    const themeName = (0, import_core.useThemeName)();
+    const contentRef = import_react.default.useRef(null);
+    const scrollBridge = (0, import_use_constant.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] = (0, import_use_controllable_state.useControllableState)({
+      prop: (controller == null ? void 0 : controller.open) ?? openProp,
+      defaultProp: true,
+      onChange: onOpenChangeInternal,
+      strategy: "most-recent-wins",
+      transition: true
+    });
+    const [frameSize, setFrameSize] = (0, import_react.useState)(0);
+    const snapPoints = (0, import_react.useMemo)(
+      () => dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [JSON.stringify(snapPointsProp), dismissOnSnapToBottom]
+    );
+    const [position_, setPosition_] = (0, import_use_controllable_state.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 = (0, import_react.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 = (0, import_react.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;
+    (0, import_react.useEffect)(() => {
+      if (shouldSetPositionOpen) {
+        setPosition(0);
+      }
+    }, [setPosition, shouldSetPositionOpen]);
+    const positions = (0, import_react.useMemo)(
+      () => snapPoints.map((point) => getPercentSize(point, frameSize)),
+      [frameSize, snapPoints]
+    );
+    const [opacity, setOpacity] = (0, import_react.useState)(open ? 1 : 0);
+    if (open && opacity === 0) {
+      setOpacity(1);
+    }
+    (0, import_react.useEffect)(() => {
+      if (!open) {
+        const tm = setTimeout(() => {
+          setOpacity(0);
+        }, 400);
+        return () => {
+          clearTimeout(tm);
+        };
+      }
+    }, [open]);
+    const animateTo = (0, import_core.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
+      });
+    });
+    (0, import_core.useIsomorphicLayoutEffect)(() => {
+      animateTo(position);
+    }, [isHidden, frameSize, position, animateTo]);
+    const [isShowingInnerSheet, setIsShowingInnerSheet] = (0, import_react.useState)(false);
+    const shouldHideParentSheet = !import_core.isWeb && modal && isShowingInnerSheet;
+    const parentSheetContext = (0, import_react.useContext)(SheetInsideSheetContext);
+    const onInnerSheet = (0, import_react.useCallback)((hasChild) => {
+      setIsShowingInnerSheet(hasChild);
+    }, []);
+    const panResponder = (0, import_react.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 import_react_native.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;
+    import_react.default.Children.forEach(childrenProp, (child) => {
+      var _a, _b;
+      if ((0, import_react.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 = (0, import_react.useRef)(null);
+    (0, import_react.useEffect)(() => {
+      if (import_core.isWeb || !moveOnKeyboardChange)
+        return;
+      const keyboardDidShowListener = import_react_native.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 = import_react_native.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;
+    (0, import_core.useIsomorphicLayoutEffect)(() => {
+      if (!(parentSheetContext && open))
+        return;
+      parentSheetContext(true);
+      return () => {
+        parentSheetContext(false);
+      };
+    }, [parentSheetContext, open]);
+    const nextParentContext = (0, import_react.useMemo)(
+      () => ({
+        zIndex
+      }),
+      [zIndex]
+    );
+    const handleLayout = (0, import_react.useCallback)(
+      (e) => {
+        var _a;
+        let next = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
+        if (import_core.isWeb && import_core.isTouchable && !open) {
+          next += 100;
+        }
+        if (!next)
+          return;
+        setFrameSize(() => next);
+      },
+      [keyboardIsVisible]
+    );
+    const removeScrollEnabled = forceRemoveScrollEnabled ?? (open && modal);
+    const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ParentSheetContext.Provider, { value: nextParentContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_SheetContext.SheetProvider,
+      {
+        modal,
+        contentRef,
+        frameSize,
+        dismissOnOverlayPress,
+        dismissOnSnapToBottom,
+        open,
+        hidden: !!isHidden,
+        scope: __scopeSheet,
+        position,
+        snapPoints,
+        setPosition,
+        setOpen,
+        scrollBridge,
+        children: [
+          shouldHideParentSheet ? null : overlayComponent,
+          /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+                  import_remove_scroll.RemoveScroll,
+                  {
+                    forwardProps: true,
+                    enabled: removeScrollEnabled,
+                    allowPinchZoom: true,
+                    shards: [contentRef],
+                    removeScrollBar: false,
+                    children: frameComponent
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ) });
+    const adaptContext = (0, import_react.useContext)(import_adapt.AdaptParentContext);
+    if (modal) {
+      const modalContents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex, ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { forceClassName: true, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
+      if (import_core.isWeb) {
+        return modalContents;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
+    }
+    return contents;
+  }),
+  { componentName: "Sheet" }
+);
+const SheetInsideSheetContext = (0, import_react.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 = (0, import_react.createContext)(null);
+const SheetController = ({
+  children,
+  onOpenChange: onOpenChangeProp,
+  ...value
+}) => {
+  const onOpenChange = (0, import_core.useEvent)(onOpenChangeProp);
+  const memoValue = (0, import_react.useMemo)(
+    () => ({
+      open: value.open,
+      hidden: value.hidden,
+      disableDrag: value.disableDrag,
+      onOpenChange
+    }),
+    [onOpenChange, value.open, value.hidden, value.disableDrag]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetControllerContext.Provider, { value: memoValue, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ControlledSheet,
+  Sheet,
+  SheetController,
+  SheetFrame,
+  SheetFrameFrame,
+  SheetHandle,
+  SheetHandleFrame,
+  SheetOverlay,
+  SheetOverlayFrame,
+  createSheetScope
+});
 //# sourceMappingURL=Sheet.js.map