@tamagui/sheet 1.13.2 → 1.13.4

package/dist/esm/Sheet.js

@@ -1,644 +1,2 @@
-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
-};
+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};
 //# sourceMappingURL=Sheet.js.map