@tamagui/sheet 1.107.0 → 1.108.0-1722728147390

package/dist/cjs/SheetController.js

@@ -1,7 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -11,19 +12,26 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SheetController_exports = {};
 __export(SheetController_exports, {
   SheetController: () => SheetController
 });
 module.exports = __toCommonJS(SheetController_exports);
-var import_core = require("@tamagui/core"), import_react = require("react"), import_useSheetController = require("./useSheetController"), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_useSheetController = require("./useSheetController"), import_jsx_runtime = require("react/jsx-runtime");
 const SheetController = ({
   children,
   onOpenChange: onOpenChangeProp,
   ...value
 }) => {
-  const onOpenChange = (0, import_core.useEvent)(onOpenChangeProp), memoValue = (0, import_react.useMemo)(
+  const onOpenChange = (0, import_core.useEvent)(onOpenChangeProp), memoValue = import_react.default.useMemo(
     () => ({
       open: value.open,
       hidden: value.hidden,

package/dist/cjs/SheetController.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SheetController.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,eAAwC,kBAGxC,4BAAuC,iCAoBnC;AAlBG,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,MAAuE;AACrE,QAAM,mBAAe,sBAAS,gBAAgB,GAExC,gBAAY;AAAA,IAChB,OAAO;AAAA,MACL,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,aAAa,MAAM;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,WAAW;AAAA,EAC5D;AAEA,SACE,4CAAC,iDAAuB,UAAvB,EAAgC,OAAO,WACrC,UACH;AAEJ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,cAAyB,0BAIzB,4BAAuC,iCAoBnC;AAlBG,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,MAAuE;AACrE,QAAM,mBAAe,sBAAS,gBAAgB,GAExC,YAAY,aAAAA,QAAM;AAAA,IACtB,OAAO;AAAA,MACL,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,aAAa,MAAM;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,WAAW;AAAA,EAC5D;AAEA,SACE,4CAAC,iDAAuB,UAAvB,EAAgC,OAAO,WACrC,UACH;AAEJ;",
+  "names": ["React"]
 }

package/dist/cjs/SheetController.native.js

@@ -1,8 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,13 +13,20 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SheetController_exports = {};
 __export(SheetController_exports, {
   SheetController: () => SheetController
 });
 module.exports = __toCommonJS(SheetController_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_core = require("@tamagui/core"), import_react = require("react"), import_useSheetController = require("./useSheetController");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_useSheetController = require("./useSheetController");
 function _object_without_properties(source, excluded) {
   if (source == null) return {};
   var target = _object_without_properties_loose(source, excluded), key, i;
@@ -40,7 +48,7 @@ var SheetController = function(_param) {
   var children = _param.children, onOpenChangeProp = _param.onOpenChange, value = _object_without_properties(_param, [
     "children",
     "onOpenChange"
-  ]), onOpenChange = (0, import_core.useEvent)(onOpenChangeProp), memoValue = (0, import_react.useMemo)(function() {
+  ]), onOpenChange = (0, import_core.useEvent)(onOpenChangeProp), memoValue = import_react.default.useMemo(function() {
     return {
       open: value.open,
       hidden: value.hidden,

package/dist/cjs/SheetController.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/ui/sheet/src/SheetController.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,0BACzB,eAAwC,kBAGxC,4BAAuC;;;;;;;;;;;;;;;;;;AAEhC,IAAMA,kBAAkB,SAAA,QAAA;MAC7BC,WAAAA,OAAAA,UACcC,mBAAAA,OAAdC,cACGC,QAAAA,2BAAAA,QAAAA;IAFHH;IACAE;MAGMA,mBAAeE,sBAASH,gBAAAA,GAExBI,gBAAYC,sBAChB,WAAA;WAAO;MACLC,MAAMJ,MAAMI;MACZC,QAAQL,MAAMK;MACdC,aAAaN,MAAMM;MACnBP;IACF;KACA;IAACA;IAAcC,MAAMI;IAAMJ,MAAMK;IAAQL,MAAMM;GAAY;AAG7D,SACE,uCAAAC,KAACC,iDAAuBC,UAAQ;IAACT,OAAOE;;;AAI5C;",
-  "names": ["SheetController", "children", "onOpenChangeProp", "onOpenChange", "value", "useEvent", "memoValue", "useMemo", "open", "hidden", "disableDrag", "_jsx", "SheetControllerContext", "Provider"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,cAAyB,0BAIzB,4BAAuC;;;;;;;;;;;;;;;;;;AAEhC,IAAMA,kBAAkB,SAAA,QAAA;MAC7BC,WAAAA,OAAAA,UACcC,mBAAAA,OAAdC,cACGC,QAAAA,2BAAAA,QAAAA;IAFHH;IACAE;MAGMA,mBAAeE,sBAASH,gBAAAA,GAExBI,YAAYC,aAAAA,QAAMC,QACtB,WAAA;WAAO;MACLC,MAAML,MAAMK;MACZC,QAAQN,MAAMM;MACdC,aAAaP,MAAMO;MACnBR;IACF;KACA;IAACA;IAAcC,MAAMK;IAAML,MAAMM;IAAQN,MAAMO;GAAY;AAG7D,SACE,uCAAAC,KAACC,iDAAuBC,UAAQ;IAACV,OAAOE;;;AAI5C;",
+  "names": ["SheetController", "children", "onOpenChangeProp", "onOpenChange", "value", "useEvent", "memoValue", "React", "useMemo", "open", "hidden", "disableDrag", "_jsx", "SheetControllerContext", "Provider"]
 }

package/dist/cjs/SheetImplementationCustom.js

@@ -1,7 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -11,262 +12,271 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SheetImplementationCustom_exports = {};
 __export(SheetImplementationCustom_exports, {
   SheetImplementationCustom: () => SheetImplementationCustom
 });
 module.exports = __toCommonJS(SheetImplementationCustom_exports);
-var import_adapt = require("@tamagui/adapt"), import_animate_presence = require("@tamagui/animate-presence"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_portal = require("@tamagui/portal"), import_use_keyboard_visible = require("@tamagui/use-keyboard-visible"), import_react = require("react"), import_react_native = require("react-native-web"), import_constants2 = require("./constants"), import_contexts = require("./contexts"), import_helpers = require("./helpers"), import_SheetContext = require("./SheetContext"), import_useSheetOpenState = require("./useSheetOpenState"), import_useSheetProviderProps = require("./useSheetProviderProps"), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react")), import_adapt = require("@tamagui/adapt"), import_animate_presence = require("@tamagui/animate-presence"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_portal = require("@tamagui/portal"), import_use_keyboard_visible = require("@tamagui/use-keyboard-visible"), import_react_native = require("react-native-web"), import_constants2 = require("./constants"), import_contexts = require("./contexts"), import_helpers = require("./helpers"), import_SheetContext = require("./SheetContext"), import_useSheetOpenState = require("./useSheetOpenState"), import_useSheetProviderProps = require("./useSheetProviderProps"), import_jsx_runtime = require("react/jsx-runtime");
 let hiddenSize = 10000.1;
 const SheetImplementationCustom = (0, import_core.themeable)(
-  (0, import_react.forwardRef)(function(props, forwardedRef) {
-    const parentSheet = (0, import_react.useContext)(import_contexts.ParentSheetContext), {
-      animation,
-      animationConfig: animationConfigProp,
-      modal = !1,
-      zIndex = parentSheet.zIndex + 1,
-      moveOnKeyboardChange = !1,
-      unmountChildrenWhenHidden = !1,
-      portalProps,
-      containerComponent: ContainerComponent = import_react.Fragment
-    } = props, keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)(), state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = (0, import_react.useState)(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
-      onOverlayComponent: setOverlayComponent
-    }), {
-      frameSize,
-      setFrameSize,
-      snapPoints,
-      snapPointsMode,
-      hasFit,
-      position,
-      setPosition,
-      scrollBridge,
-      screenSize,
-      setMaxContentSize,
-      maxSnapPoint
-    } = providerProps, { open, controller, isHidden } = state, sheetRef = (0, import_react.useRef)(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef), animationConfig = (() => {
-      const [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [animation] : [];
-      return animationConfigProp ?? (animationProp ? {
-        ...(0, import_core.getConfig)().animations.animations[animationProp],
-        ...animationPropConfig
-      } : null);
-    })(), [isShowingInnerSheet, setIsShowingInnerSheet] = (0, import_react.useState)(!1), shouldHideParentSheet = !import_constants.isWeb && modal && isShowingInnerSheet, parentSheetContext = (0, import_react.useContext)(import_contexts.SheetInsideSheetContext), onInnerSheet = (0, import_react.useCallback)((hasChild) => {
-      setIsShowingInnerSheet(hasChild);
-    }, []), positions = (0, import_react.useMemo)(
-      () => snapPoints.map(
-        (point) => getYPositions(snapPointsMode, point, screenSize, frameSize)
-      ),
-      [screenSize, frameSize, snapPoints, snapPointsMode]
-    ), { animationDriver } = (0, import_core.useConfiguration)(), { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumberReaction } = animationDriver, AnimatedView = animationDriver.View ?? import_core.Stack;
-    (0, import_constants.useIsomorphicLayoutEffect)(() => {
-      if (parentSheetContext && open)
-        return parentSheetContext(!0), () => {
-          parentSheetContext(!1);
-        };
-    }, [parentSheetContext, open]);
-    const nextParentContext = (0, import_react.useMemo)(
-      () => ({
-        zIndex
-      }),
-      [zIndex]
-    ), animatedNumber = useAnimatedNumber(hiddenSize), at = (0, import_react.useRef)(hiddenSize);
-    useAnimatedNumberReaction(
-      {
-        value: animatedNumber,
-        hostRef: sheetRef
-      },
-      (0, import_react.useCallback)(
-        (value) => {
-          at.current = value, scrollBridge.paneY = value;
+  import_react.default.forwardRef(
+    function(props, forwardedRef) {
+      const parentSheet = import_react.default.useContext(import_contexts.ParentSheetContext), {
+        animation,
+        animationConfig: animationConfigProp,
+        modal = !1,
+        zIndex = parentSheet.zIndex + 1,
+        moveOnKeyboardChange = !1,
+        unmountChildrenWhenHidden = !1,
+        portalProps,
+        containerComponent: ContainerComponent = import_react.default.Fragment
+      } = props, keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)(), state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = import_react.default.useState(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
+        onOverlayComponent: setOverlayComponent
+      }), {
+        frameSize,
+        setFrameSize,
+        snapPoints,
+        snapPointsMode,
+        hasFit,
+        position,
+        setPosition,
+        scrollBridge,
+        screenSize,
+        setMaxContentSize,
+        maxSnapPoint
+      } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react.default.useRef(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef), animationConfig = (() => {
+        const [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [animation] : [];
+        return animationConfigProp ?? (animationProp ? {
+          ...(0, import_core.getConfig)().animations.animations[animationProp],
+          ...animationPropConfig
+        } : null);
+      })(), [isShowingInnerSheet, setIsShowingInnerSheet] = import_react.default.useState(!1), shouldHideParentSheet = !import_constants.isWeb && modal && isShowingInnerSheet, parentSheetContext = import_react.default.useContext(import_contexts.SheetInsideSheetContext), onInnerSheet = import_react.default.useCallback((hasChild) => {
+        setIsShowingInnerSheet(hasChild);
+      }, []), positions = import_react.default.useMemo(
+        () => snapPoints.map(
+          (point) => getYPositions(snapPointsMode, point, screenSize, frameSize)
+        ),
+        [screenSize, frameSize, snapPoints, snapPointsMode]
+      ), { animationDriver } = (0, import_core.useConfiguration)(), { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumberReaction } = animationDriver, AnimatedView = animationDriver.View ?? import_core.Stack;
+      (0, import_constants.useIsomorphicLayoutEffect)(() => {
+        if (parentSheetContext && open)
+          return parentSheetContext(!0), () => {
+            parentSheetContext(!1);
+          };
+      }, [parentSheetContext, open]);
+      const nextParentContext = import_react.default.useMemo(
+        () => ({
+          zIndex
+        }),
+        [zIndex]
+      ), animatedNumber = useAnimatedNumber(hiddenSize), at = import_react.default.useRef(hiddenSize);
+      useAnimatedNumberReaction(
+        {
+          value: animatedNumber,
+          hostRef: sheetRef
         },
-        [animationDriver]
-      )
-    );
-    function stopSpring() {
-      animatedNumber.stop(), scrollBridge.onFinishAnimate && (scrollBridge.onFinishAnimate(), scrollBridge.onFinishAnimate = void 0);
-    }
-    const hasntMeasured = at.current === hiddenSize, animateTo = (0, import_core.useEvent)((position2) => {
-      if (frameSize === 0) return;
-      let toValue = isHidden || position2 === -1 ? screenSize : positions[position2];
-      if (at.current !== toValue) {
-        if (at.current = toValue, stopSpring(), hasntMeasured || isHidden) {
-          animatedNumber.setValue(
-            screenSize,
-            {
-              type: "timing",
-              duration: 0
-            },
-            () => {
-              isHidden || (toValue = positions[position2], at.current = toValue, animatedNumber.setValue(toValue, {
-                type: "spring",
-                ...animationConfig
-              }));
-            }
-          );
-          return;
-        }
-        animatedNumber.setValue(toValue, {
-          type: "spring",
-          ...animationConfig
-        });
+        import_react.default.useCallback(
+          (value) => {
+            at.current = value, scrollBridge.paneY = value;
+          },
+          [animationDriver]
+        )
+      );
+      function stopSpring() {
+        animatedNumber.stop(), scrollBridge.onFinishAnimate && (scrollBridge.onFinishAnimate(), scrollBridge.onFinishAnimate = void 0);
       }
-    });
-    (0, import_constants.useIsomorphicLayoutEffect)(() => {
-      screenSize && hasntMeasured && animatedNumber.setValue(screenSize, {
-        type: "timing",
-        duration: 0
+      const hasntMeasured = at.current === hiddenSize, animateTo = (0, import_core.useEvent)((position2) => {
+        if (frameSize === 0) return;
+        let toValue = isHidden || position2 === -1 ? screenSize : positions[position2];
+        if (at.current !== toValue) {
+          if (at.current = toValue, stopSpring(), hasntMeasured || isHidden) {
+            animatedNumber.setValue(
+              screenSize,
+              {
+                type: "timing",
+                duration: 0
+              },
+              () => {
+                isHidden || (toValue = positions[position2], at.current = toValue, animatedNumber.setValue(toValue, {
+                  type: "spring",
+                  ...animationConfig
+                }));
+              }
+            );
+            return;
+          }
+          animatedNumber.setValue(toValue, {
+            type: "spring",
+            ...animationConfig
+          });
+        }
       });
-    }, [hasntMeasured, screenSize]), (0, import_constants.useIsomorphicLayoutEffect)(() => {
-      !frameSize || !screenSize || isHidden || hasntMeasured && !open || animateTo(position);
-    }, [isHidden, frameSize, screenSize, open, position]);
-    const disableDrag = props.disableDrag ?? controller?.disableDrag, themeName = (0, import_core.useThemeName)(), [isDragging, setIsDragging] = (0, import_react.useState)(!1), panResponder = (0, import_react.useMemo)(() => {
-      if (disableDrag || !frameSize || isShowingInnerSheet) return;
-      const minY = positions[0];
-      scrollBridge.paneMinY = minY;
-      let startY = at.current;
-      function setPanning(val) {
-        setIsDragging(val), import_constants2.SHEET_HIDDEN_STYLESHEET && (val ? import_constants2.SHEET_HIDDEN_STYLESHEET.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : import_constants2.SHEET_HIDDEN_STYLESHEET.innerText = "");
-      }
-      const release = ({ vy, dragAt }) => {
-        isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1);
-        const end = dragAt + startY + frameSize * vy * 0.2;
-        let closestPoint = 0, dist = Number.POSITIVE_INFINITY;
-        for (let i = 0; i < positions.length; i++) {
-          const position2 = positions[i], curDist = end > position2 ? end - position2 : position2 - end;
-          curDist < dist && (dist = curDist, closestPoint = i);
+      (0, import_constants.useIsomorphicLayoutEffect)(() => {
+        screenSize && hasntMeasured && animatedNumber.setValue(screenSize, {
+          type: "timing",
+          duration: 0
+        });
+      }, [hasntMeasured, screenSize]), (0, import_constants.useIsomorphicLayoutEffect)(() => {
+        !frameSize || !screenSize || isHidden || hasntMeasured && !open || animateTo(position);
+      }, [isHidden, frameSize, screenSize, open, position]);
+      const disableDrag = props.disableDrag ?? controller?.disableDrag, themeName = (0, import_core.useThemeName)(), [isDragging, setIsDragging] = import_react.default.useState(!1), panResponder = import_react.default.useMemo(() => {
+        if (disableDrag || !frameSize || isShowingInnerSheet) return;
+        const minY = positions[0];
+        scrollBridge.paneMinY = minY;
+        let startY = at.current;
+        function setPanning(val) {
+          setIsDragging(val), import_constants2.SHEET_HIDDEN_STYLESHEET && (val ? import_constants2.SHEET_HIDDEN_STYLESHEET.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : import_constants2.SHEET_HIDDEN_STYLESHEET.innerText = "");
         }
-        setPosition(closestPoint), animateTo(closestPoint);
-      }, finish = (_e, state2) => {
-        release({
-          vy: state2.vy,
-          dragAt: state2.dy
+        const release = ({ vy, dragAt }) => {
+          isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1);
+          const end = dragAt + startY + frameSize * vy * 0.2;
+          let closestPoint = 0, dist = Number.POSITIVE_INFINITY;
+          for (let i = 0; i < positions.length; i++) {
+            const position2 = positions[i], curDist = end > position2 ? end - position2 : position2 - end;
+            curDist < dist && (dist = curDist, closestPoint = i);
+          }
+          setPosition(closestPoint), animateTo(closestPoint);
+        }, finish = (_e, state2) => {
+          release({
+            vy: state2.vy,
+            dragAt: state2.dy
+          });
+        };
+        let previouslyScrolling = !1;
+        const onMoveShouldSet = (e, { dy }) => {
+          if (e.target === providerProps.handleRef.current)
+            return !0;
+          const isScrolled = scrollBridge.y !== 0, isDraggingUp = dy < 0, isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
+          return isScrolled ? (previouslyScrolling = !0, !1) : isNearTop && !isScrolled && isDraggingUp && !import_constants.isWeb ? !1 : Math.abs(dy) > 5;
+        }, grant = () => {
+          setPanning(!0), stopSpring(), startY = at.current;
+        };
+        let isExternalDrag = !1;
+        return scrollBridge.drag = (dy) => {
+          isExternalDrag || (isExternalDrag = !0, grant());
+          const to = dy + startY;
+          animatedNumber.setValue((0, import_helpers.resisted)(to, minY), { type: "direct" });
+        }, scrollBridge.release = release, import_react_native.PanResponder.create({
+          onMoveShouldSetPanResponder: onMoveShouldSet,
+          onPanResponderGrant: grant,
+          onPanResponderMove: (_e, { dy }) => {
+            const toFull = dy + startY, to = (0, import_helpers.resisted)(toFull, minY);
+            animatedNumber.setValue(to, { type: "direct" });
+          },
+          onPanResponderEnd: finish,
+          onPanResponderTerminate: finish,
+          onPanResponderRelease: finish
         });
-      };
-      let previouslyScrolling = !1;
-      const onMoveShouldSet = (e, { dy }) => {
-        if (e.target === providerProps.handleRef.current)
-          return !0;
-        const isScrolled = scrollBridge.y !== 0, isDraggingUp = dy < 0, isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
-        return isScrolled ? (previouslyScrolling = !0, !1) : isNearTop && !isScrolled && isDraggingUp && !import_constants.isWeb ? !1 : Math.abs(dy) > 5;
-      }, grant = () => {
-        setPanning(!0), stopSpring(), startY = at.current;
-      };
-      let isExternalDrag = !1;
-      return scrollBridge.drag = (dy) => {
-        isExternalDrag || (isExternalDrag = !0, grant());
-        const to = dy + startY;
-        animatedNumber.setValue((0, import_helpers.resisted)(to, minY), { type: "direct" });
-      }, scrollBridge.release = release, import_react_native.PanResponder.create({
-        onMoveShouldSetPanResponder: onMoveShouldSet,
-        onPanResponderGrant: grant,
-        onPanResponderMove: (_e, { dy }) => {
-          const toFull = dy + startY, to = (0, import_helpers.resisted)(toFull, minY);
-          animatedNumber.setValue(to, { type: "direct" });
+      }, [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]), handleAnimationViewLayout = import_react.default.useCallback(
+        (e) => {
+          const next = Math.min(
+            e.nativeEvent?.layout.height,
+            import_react_native.Dimensions.get("window").height
+          );
+          next && setFrameSize(next);
         },
-        onPanResponderEnd: finish,
-        onPanResponderTerminate: finish,
-        onPanResponderRelease: finish
-      });
-    }, [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]), handleAnimationViewLayout = (0, import_react.useCallback)(
-      (e) => {
-        const next = Math.min(
-          e.nativeEvent?.layout.height,
-          import_react_native.Dimensions.get("window").height
-        );
-        next && setFrameSize(next);
-      },
-      [keyboardIsVisible]
-    ), handleMaxContentViewLayout = (0, import_react.useCallback)(
-      (e) => {
-        const next = Math.min(
-          e.nativeEvent?.layout.height,
-          import_react_native.Dimensions.get("window").height
-        );
-        next && setMaxContentSize(next);
-      },
-      [keyboardIsVisible]
-    ), animatedStyle = useAnimatedNumberStyle(animatedNumber, (val) => {
-      "worklet";
-      return {
-        transform: [{ translateY: frameSize === 0 ? hiddenSize : val }]
-      };
-    }), sizeBeforeKeyboard = (0, import_react.useRef)(null);
-    (0, import_react.useEffect)(() => {
-      if (import_constants.isWeb || !moveOnKeyboardChange) return;
-      const keyboardDidShowListener = import_react_native.Keyboard.addListener("keyboardDidShow", (e) => {
-        sizeBeforeKeyboard.current === null && (sizeBeforeKeyboard.current = animatedNumber.getValue(), animatedNumber.setValue(
-          Math.max(animatedNumber.getValue() - e.endCoordinates.height, 0)
-        ));
-      }), keyboardDidHideListener = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
-        sizeBeforeKeyboard.current !== null && (animatedNumber.setValue(sizeBeforeKeyboard.current), sizeBeforeKeyboard.current = null);
-      });
-      return () => {
-        keyboardDidHideListener.remove(), keyboardDidShowListener.remove();
-      };
-    }, [moveOnKeyboardChange]);
-    const [opacity, setOpacity] = (0, import_react.useState)(open ? 1 : 0);
-    open && opacity === 0 && setOpacity(1), (0, import_react.useEffect)(() => {
-      if (!open) {
-        const tm = setTimeout(() => {
-          setOpacity(0);
-        }, 400);
+        [keyboardIsVisible]
+      ), handleMaxContentViewLayout = import_react.default.useCallback(
+        (e) => {
+          const next = Math.min(
+            e.nativeEvent?.layout.height,
+            import_react_native.Dimensions.get("window").height
+          );
+          next && setMaxContentSize(next);
+        },
+        [keyboardIsVisible]
+      ), animatedStyle = useAnimatedNumberStyle(animatedNumber, (val) => {
+        "worklet";
+        return {
+          transform: [{ translateY: frameSize === 0 ? hiddenSize : val }]
+        };
+      }), sizeBeforeKeyboard = import_react.default.useRef(null);
+      import_react.default.useEffect(() => {
+        if (import_constants.isWeb || !moveOnKeyboardChange) return;
+        const keyboardDidShowListener = import_react_native.Keyboard.addListener("keyboardDidShow", (e) => {
+          sizeBeforeKeyboard.current === null && (sizeBeforeKeyboard.current = animatedNumber.getValue(), animatedNumber.setValue(
+            Math.max(animatedNumber.getValue() - e.endCoordinates.height, 0)
+          ));
+        }), keyboardDidHideListener = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
+          sizeBeforeKeyboard.current !== null && (animatedNumber.setValue(sizeBeforeKeyboard.current), sizeBeforeKeyboard.current = null);
+        });
         return () => {
-          clearTimeout(tm);
+          keyboardDidHideListener.remove(), keyboardDidShowListener.remove();
         };
-      }
-    }, [open]);
-    const forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ? `${maxSnapPoint}${import_constants.isWeb ? "dvh" : "%"}` : maxSnapPoint, contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contexts.ParentSheetContext.Provider, { value: nextParentContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_SheetContext.SheetProvider, { ...providerProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { custom: { open }, children: shouldHideParentSheet || !open ? null : overlayComponent }),
-      snapPointsMode !== "percent" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react_native.View,
-        {
-          style: {
-            opacity: 0,
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            pointerEvents: "none"
-          },
-          onLayout: handleMaxContentViewLayout
+      }, [moveOnKeyboardChange]);
+      const [opacity, setOpacity] = import_react.default.useState(open ? 1 : 0);
+      open && opacity === 0 && setOpacity(1), import_react.default.useEffect(() => {
+        if (!open) {
+          const tm = setTimeout(() => {
+            setOpacity(0);
+          }, 400);
+          return () => {
+            clearTimeout(tm);
+          };
         }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        AnimatedView,
-        {
-          ref,
-          ...panResponder?.panHandlers,
-          onLayout: handleAnimationViewLayout,
-          ...!isDragging && {
-            // @ts-ignore for CSS driver this is necessary to attach the transition
-            animation
-          },
-          disableClassName: !0,
-          style: [
-            {
+      }, [open]);
+      const forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ? `${maxSnapPoint}${import_constants.isWeb ? "dvh" : "%"}` : maxSnapPoint, contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contexts.ParentSheetContext.Provider, { value: nextParentContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_SheetContext.SheetProvider, { ...providerProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { custom: { open }, children: shouldHideParentSheet || !open ? null : overlayComponent }),
+        snapPointsMode !== "percent" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_native.View,
+          {
+            style: {
+              opacity: 0,
               position: "absolute",
-              zIndex,
-              width: "100%",
-              height: forcedContentHeight,
-              minHeight: forcedContentHeight,
-              opacity,
-              ...(shouldHideParentSheet || !open) && {
-                pointerEvents: "none"
-              }
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              pointerEvents: "none"
             },
-            animatedStyle
-          ],
-          children: props.children
-        }
-      )
-    ] }) }), adaptContext = (0, import_react.useContext)(import_adapt.AdaptParentContext), shouldMountChildren = !!(opacity || !unmountChildrenWhenHidden);
-    if (modal) {
-      const modalContents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex, ...portalProps, children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContainerComponent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { forceClassName: !0, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) }) });
-      return import_constants.isWeb ? modalContents : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contexts.SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
+            onLayout: handleMaxContentViewLayout
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          AnimatedView,
+          {
+            ref,
+            ...panResponder?.panHandlers,
+            onLayout: handleAnimationViewLayout,
+            ...!isDragging && {
+              // @ts-ignore for CSS driver this is necessary to attach the transition
+              animation
+            },
+            disableClassName: !0,
+            style: [
+              {
+                position: "absolute",
+                zIndex,
+                width: "100%",
+                height: forcedContentHeight,
+                minHeight: forcedContentHeight,
+                opacity,
+                ...(shouldHideParentSheet || !open) && {
+                  pointerEvents: "none"
+                }
+              },
+              animatedStyle
+            ],
+            children: props.children
+          }
+        )
+      ] }) }), adaptContext = import_react.default.useContext(import_adapt.AdaptParentContext), shouldMountChildren = !!(opacity || !unmountChildrenWhenHidden);
+      if (modal) {
+        const modalContents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex, ...portalProps, children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContainerComponent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { forceClassName: !0, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) }) });
+        return import_constants.isWeb ? modalContents : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contexts.SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
+      }
+      return contents;
     }
-    return contents;
-  })
+  )
 );
 function getYPositions(mode, point, screenSize, frameSize) {
   if (!screenSize || !frameSize) return 0;