@tamagui/sheet 1.88.13 → 1.89.0-1706308641099

package/dist/esm/nativeSheet.mjs

@@ -0,0 +1,50 @@
+import { YStack } from "@tamagui/stacks";
+import { useEffect, useRef } from "react";
+import { View } from "react-native-web";
+import { SheetProvider } from "./SheetContext.mjs";
+import { useSheetOpenState } from "./useSheetOpenState.mjs";
+import { useSheetProviderProps } from "./useSheetProviderProps.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const nativeSheets = {
+  ios: null
+};
+function getNativeSheet(platform) {
+  return nativeSheets[platform];
+}
+function setupNativeSheet(platform, Implementation) {
+  platform === "ios" && (nativeSheets[platform] = props => {
+    const state = useSheetOpenState(props),
+      providerProps = useSheetProviderProps(props, state),
+      {
+        open,
+        setOpen
+      } = state,
+      ref = useRef();
+    return useEffect(() => {
+      ref.current?.setVisibility(open);
+    }, [open]), /* @__PURE__ */jsx(Fragment, {
+      children: /* @__PURE__ */jsxs(SheetProvider, {
+        ...providerProps,
+        onlyShowFrame: !0,
+        children: [/* @__PURE__ */jsx(Implementation, {
+          ref,
+          onModalDismiss: () => setOpen(!1),
+          children: /* @__PURE__ */jsx(View, {
+            style: {
+              flex: 1
+            },
+            children: props.children
+          })
+        }), /* @__PURE__ */jsx(YStack, {
+          position: "absolute",
+          opacity: 0,
+          pointerEvents: "none",
+          width: 0,
+          height: 0,
+          children: props.children
+        })]
+      })
+    });
+  });
+}
+export { getNativeSheet, setupNativeSheet };

package/dist/esm/useSheet.mjs

@@ -0,0 +1,3 @@
+import { useSheetContext } from "./SheetContext.mjs";
+const useSheet = () => useSheetContext("", void 0);
+export { useSheet };

package/dist/esm/useSheetController.mjs

@@ -0,0 +1,14 @@
+import { createContext, useContext } from "react";
+const useSheetController = () => {
+    const controller = useContext(SheetControllerContext),
+      isHidden = controller?.hidden,
+      isShowingNonSheet = isHidden && controller?.open;
+    return {
+      controller,
+      isHidden,
+      isShowingNonSheet,
+      disableDrag: controller?.disableDrag
+    };
+  },
+  SheetControllerContext = createContext(null);
+export { SheetControllerContext, useSheetController };

package/dist/esm/useSheetOffscreenSize.mjs

@@ -0,0 +1,27 @@
+const useSheetOffscreenSize = ({
+  snapPoints,
+  position,
+  screenSize,
+  frameSize,
+  snapPointsMode
+}) => {
+  if (snapPointsMode === "fit") return 0;
+  if (snapPointsMode === "constant") {
+    const maxSize2 = Number(snapPoints[0]),
+      currentSize2 = Number(snapPoints[position] ?? 0);
+    return maxSize2 - currentSize2;
+  }
+  if (snapPointsMode === "percent") {
+    const maxPercentOpened = Number(snapPoints[0]) / 100,
+      percentOpened = Number(snapPoints[position] ?? 0) / 100;
+    return (maxPercentOpened - percentOpened) * screenSize;
+  }
+  const maxSnapPoint = snapPoints[0];
+  if (maxSnapPoint === "fit") return 0;
+  const maxSize = typeof maxSnapPoint == "string" ? Number(maxSnapPoint.slice(0, -1)) / 100 * screenSize : maxSnapPoint,
+    currentSnapPoint = snapPoints[position] ?? 0,
+    currentSize = typeof currentSnapPoint == "string" ? Number(currentSnapPoint.slice(0, -1)) / 100 * screenSize : currentSnapPoint,
+    offscreenSize = maxSize - currentSize;
+  return Number.isNaN(offscreenSize) ? 0 : offscreenSize;
+};
+export { useSheetOffscreenSize };

package/dist/esm/useSheetOpenState.mjs

@@ -0,0 +1,25 @@
+import { useControllableState } from "@tamagui/use-controllable-state";
+import { useSheetController } from "./useSheetController.mjs";
+const useSheetOpenState = props => {
+  const {
+      isHidden,
+      controller
+    } = useSheetController(),
+    onOpenChangeInternal = val => {
+      controller?.onOpenChange?.(val), props.onOpenChange?.(val);
+    },
+    [open, setOpen] = useControllableState({
+      prop: controller?.open ?? props.open,
+      defaultProp: props.defaultOpen ?? !1,
+      onChange: onOpenChangeInternal,
+      strategy: "most-recent-wins",
+      transition: !0
+    });
+  return {
+    open,
+    setOpen,
+    isHidden,
+    controller
+  };
+};
+export { useSheetOpenState };

package/dist/esm/useSheetProviderProps.mjs

@@ -0,0 +1,86 @@
+import { useConfiguration } from "@tamagui/core";
+import { useConstant } from "@tamagui/use-constant";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+function useSheetProviderProps(props, state, options = {}) {
+  const contentRef = React.useRef(null),
+    [frameSize, setFrameSize] = useState(0),
+    [maxContentSize, setMaxContentSize] = useState(0),
+    snapPointsMode = props.snapPointsMode ?? "percent",
+    snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]),
+    hasFit = snapPointsProp[0] === "fit",
+    snapPoints = useMemo(() => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]),
+    [position_, setPositionImmediate] = useControllableState({
+      prop: props.position,
+      defaultProp: props.defaultPosition || (state.open ? 0 : -1),
+      onChange: props.onPositionChange,
+      strategy: "most-recent-wins",
+      transition: !0
+    }),
+    position = state.open === !1 ? -1 : position_,
+    {
+      open
+    } = state,
+    setPosition = useCallback(next => {
+      props.dismissOnSnapToBottom && next === snapPoints.length - 1 ? state.setOpen(!1) : setPositionImmediate(next);
+    }, [props.dismissOnSnapToBottom, snapPoints.length, setPositionImmediate, state.setOpen]);
+  process.env.NODE_ENV === "development" && (snapPointsMode === "mixed" && snapPoints.some(p => {
+    if (typeof p == "string") {
+      if (p === "fit") return !1;
+      if (p.endsWith("%")) {
+        const n = Number(p.slice(0, -1));
+        return n < 0 || n > 100;
+      }
+      return !0;
+    }
+    return typeof p != "number" || p < 0;
+  }) && console.warn('\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or "fit" when snapPointsMode is mixed'), snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0 && console.warn('\u26A0\uFE0F Invalid snapPoint given, "fit" must be the first/largest snap point when snapPointsMode is mixed'), snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit") && console.warn("\u26A0\uFE0F Invalid snapPoint given, there are no snap points when snapPointsMode is fit"), snapPointsMode === "constant" && snapPoints.some(p => typeof p != "number" || p < 0) && console.warn("\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant"), snapPointsMode === "percent" && snapPoints.some(p => typeof p != "number" || p < 0 || p > 100) && console.warn("\u26A0\uFE0F Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent")), open && props.dismissOnSnapToBottom && position === snapPoints.length - 1 && setPositionImmediate(0);
+  const shouldSetPositionOpen = open && position < 0;
+  useEffect(() => {
+    shouldSetPositionOpen && setPosition(0);
+  }, [setPosition, shouldSetPositionOpen]);
+  const {
+    animationDriver
+  } = useConfiguration();
+  if (!animationDriver) throw new Error("Must set animations in tamagui.config.ts");
+  const scrollBridge = useConstant(() => ({
+      enabled: !1,
+      y: 0,
+      paneY: 0,
+      paneMinY: 0,
+      scrollStartY: -1,
+      drag: () => {},
+      release: () => {},
+      scrollLock: !1
+    })),
+    removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal),
+    maxSnapPoint = snapPoints[0];
+  return {
+    screenSize: snapPointsMode === "percent" ? frameSize / ((typeof maxSnapPoint == "number" ? maxSnapPoint : 100) / 100) : maxContentSize,
+    maxSnapPoint,
+    removeScrollEnabled,
+    scrollBridge,
+    modal: !!props.modal,
+    open: state.open,
+    setOpen: state.setOpen,
+    hidden: !!state.isHidden,
+    contentRef,
+    frameSize,
+    setFrameSize,
+    dismissOnOverlayPress: props.dismissOnOverlayPress ?? !0,
+    dismissOnSnapToBottom: props.dismissOnSnapToBottom ?? !1,
+    onOverlayComponent: options.onOverlayComponent,
+    scope: props.__scopeSheet,
+    hasFit,
+    position,
+    snapPoints,
+    snapPointsMode,
+    setMaxContentSize,
+    setPosition,
+    setPositionImmediate,
+    onlyShowFrame: !1
+  };
+}
+export { useSheetProviderProps };

package/dist/jsx/Sheet.mjs

@@ -0,0 +1,91 @@
+import { styled } from "@tamagui/core";
+import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
+import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from "./constants.mjs";
+import { createSheet } from "./createSheet.mjs";
+import { createSheetScope } from "./SheetContext.mjs";
+export * from "./types.mjs";
+const Handle = styled(XStack, {
+    name: SHEET_HANDLE_NAME,
+    variants: {
+      open: {
+        true: {
+          pointerEvents: "auto"
+        },
+        false: {
+          opacity: 0,
+          pointerEvents: "none"
+        }
+      },
+      unstyled: {
+        false: {
+          height: 10,
+          borderRadius: 100,
+          backgroundColor: "$background",
+          zIndex: 10,
+          marginHorizontal: "35%",
+          marginBottom: "$2",
+          opacity: 0.5,
+          hoverStyle: {
+            opacity: 0.7
+          }
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  Overlay = styled(ThemeableStack, {
+    name: SHEET_OVERLAY_NAME,
+    variants: {
+      open: {
+        true: {
+          opacity: 1,
+          pointerEvents: "auto"
+        },
+        false: {
+          opacity: 0,
+          pointerEvents: "none"
+        }
+      },
+      unstyled: {
+        false: {
+          fullscreen: !0,
+          position: "absolute",
+          backgrounded: !0,
+          zIndex: 99999,
+          pointerEvents: "auto"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  Frame = styled(YStack, {
+    name: SHEET_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          flex: 1,
+          backgroundColor: "$background",
+          borderTopLeftRadius: "$true",
+          borderTopRightRadius: "$true",
+          width: "100%",
+          maxHeight: "100%",
+          overflow: "hidden"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  Sheet = createSheet({
+    Frame,
+    Handle,
+    Overlay
+  }),
+  SheetOverlayFrame = Overlay,
+  SheetHandleFrame = Handle;
+export { Frame, Handle, Overlay, Sheet, SheetHandleFrame, SheetOverlayFrame, createSheetScope };

package/dist/jsx/SheetContext.mjs

@@ -0,0 +1,5 @@
+import { createContextScope } from "@tamagui/create-context";
+import { SHEET_NAME } from "./constants.mjs";
+const [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME),
+  [SheetProvider, useSheetContext] = createSheetContext(SHEET_NAME, {});
+export { SheetProvider, createSheetContext, createSheetScope, useSheetContext };

package/dist/jsx/SheetController.mjs

@@ -0,0 +1,22 @@
+import { useEvent } from "@tamagui/core";
+import { useMemo } from "react";
+import { SheetControllerContext } from "./useSheetController.mjs";
+import { jsx } from "react/jsx-runtime";
+const SheetController = ({
+  children,
+  onOpenChange: onOpenChangeProp,
+  ...value
+}) => {
+  const onOpenChange = useEvent(onOpenChangeProp),
+    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 { SheetController };

package/dist/jsx/SheetImplementationCustom.mjs

@@ -0,0 +1,313 @@
+import { AdaptParentContext } from "@tamagui/adapt";
+import { AnimatePresence } from "@tamagui/animate-presence";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { Stack, Theme, getConfig, themeable, useConfiguration, useEvent, useThemeName } from "@tamagui/core";
+import { Portal } from "@tamagui/portal";
+import { useKeyboardVisible } from "@tamagui/use-keyboard-visible";
+import { forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Dimensions, Keyboard, PanResponder, View } from "react-native-web";
+import { SHEET_HIDDEN_STYLESHEET } from "./constants.mjs";
+import { ParentSheetContext, SheetInsideSheetContext } from "./contexts.mjs";
+import { resisted } from "./helpers.mjs";
+import { SheetProvider } from "./SheetContext.mjs";
+import { useSheetOpenState } from "./useSheetOpenState.mjs";
+import { useSheetProviderProps } from "./useSheetProviderProps.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+let hiddenSize = 10000.1;
+const SheetImplementationCustom = themeable(forwardRef(function (props, forwardedRef) {
+  const parentSheet = useContext(ParentSheetContext),
+    {
+      animation,
+      animationConfig: animationConfigProp,
+      modal = !1,
+      zIndex = parentSheet.zIndex + 1,
+      moveOnKeyboardChange = !1,
+      unmountChildrenWhenHidden = !1,
+      portalProps
+    } = props,
+    keyboardIsVisible = useKeyboardVisible(),
+    state = useSheetOpenState(props),
+    [overlayComponent, setOverlayComponent] = useState(null),
+    providerProps = useSheetProviderProps(props, state, {
+      onOverlayComponent: setOverlayComponent
+    }),
+    {
+      frameSize,
+      setFrameSize,
+      snapPoints,
+      snapPointsMode,
+      hasFit,
+      position,
+      setPosition,
+      scrollBridge,
+      screenSize,
+      setMaxContentSize,
+      maxSnapPoint
+    } = providerProps,
+    {
+      open,
+      controller,
+      isHidden
+    } = state,
+    sheetRef = useRef(null),
+    ref = useComposedRefs(forwardedRef, sheetRef),
+    animationConfig = (() => {
+      const [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [animation] : [];
+      return animationConfigProp ?? (animationProp ? {
+        ...getConfig().animations.animations[animationProp],
+        ...animationPropConfig
+      } : null);
+    })(),
+    [isShowingInnerSheet, setIsShowingInnerSheet] = useState(!1),
+    shouldHideParentSheet = !isWeb && modal && isShowingInnerSheet,
+    parentSheetContext = useContext(SheetInsideSheetContext),
+    onInnerSheet = useCallback(hasChild => {
+      setIsShowingInnerSheet(hasChild);
+    }, []),
+    positions = useMemo(() => snapPoints.map(point => getYPositions(snapPointsMode, point, screenSize, frameSize)), [screenSize, frameSize, snapPoints, snapPointsMode]),
+    {
+      animationDriver
+    } = useConfiguration(),
+    {
+      useAnimatedNumber,
+      useAnimatedNumberStyle,
+      useAnimatedNumberReaction
+    } = animationDriver,
+    AnimatedView = animationDriver.View ?? Stack;
+  useIsomorphicLayoutEffect(() => {
+    if (parentSheetContext && open) return parentSheetContext(!0), () => {
+      parentSheetContext(!1);
+    };
+  }, [parentSheetContext, open]);
+  const nextParentContext = useMemo(() => ({
+      zIndex
+    }), [zIndex]),
+    animatedNumber = useAnimatedNumber(hiddenSize),
+    at = useRef(hiddenSize);
+  useAnimatedNumberReaction({
+    value: animatedNumber,
+    hostRef: sheetRef
+  }, useCallback(value => {
+    at.current = value, scrollBridge.paneY = value;
+  }, [animationDriver]));
+  function stopSpring() {
+    animatedNumber.stop(), scrollBridge.onFinishAnimate && (scrollBridge.onFinishAnimate(), scrollBridge.onFinishAnimate = void 0);
+  }
+  const hasntMeasured = at.current === hiddenSize,
+    animateTo = 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) {
+          if (animatedNumber.setValue(screenSize, {
+            type: "timing",
+            duration: 0
+          }), isHidden) return;
+          toValue = positions[position2], at.current = toValue;
+        }
+        animatedNumber.setValue(toValue, {
+          type: "spring",
+          ...animationConfig
+        });
+      }
+    });
+  useIsomorphicLayoutEffect(() => {
+    screenSize && hasntMeasured && animatedNumber.setValue(screenSize, {
+      type: "timing",
+      duration: 0
+    });
+  }, [hasntMeasured, screenSize]), useIsomorphicLayoutEffect(() => {
+    !frameSize || !screenSize || isHidden || hasntMeasured && !open || animateTo(position);
+  }, [isHidden, frameSize, screenSize, open, position]);
+  const disableDrag = props.disableDrag ?? controller?.disableDrag,
+    themeName = useThemeName(),
+    [isDragging, setIsDragging] = useState(!1),
+    panResponder = useMemo(() => {
+      if (disableDrag || !frameSize || isShowingInnerSheet) return;
+      const minY = positions[0];
+      scrollBridge.paneMinY = minY;
+      let startY = at.current;
+      function setPanning(val) {
+        setIsDragging(val), SHEET_HIDDEN_STYLESHEET && (val ? SHEET_HIDDEN_STYLESHEET.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : 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 = 1 / 0;
+          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
+        }) => {
+          const isScrolled = scrollBridge.y !== 0,
+            isDraggingUp = dy < 0,
+            isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
+          return isScrolled ? (previouslyScrolling = !0, !1) : isNearTop && !isScrolled && isDraggingUp ? !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(resisted(to, minY), {
+          type: "direct"
+        });
+      }, scrollBridge.release = release, PanResponder.create({
+        onMoveShouldSetPanResponder: onMoveShouldSet,
+        onPanResponderGrant: grant,
+        onPanResponderMove: (_e, {
+          dy
+        }) => {
+          const toFull = dy + startY,
+            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]),
+    handleAnimationViewLayout = useCallback(e => {
+      const next = Math.min(e.nativeEvent?.layout.height, Dimensions.get("window").height);
+      next && setFrameSize(next);
+    }, [keyboardIsVisible]),
+    handleMaxContentViewLayout = useCallback(e => {
+      const next = Math.min(e.nativeEvent?.layout.height, Dimensions.get("window").height);
+      next && setMaxContentSize(next);
+    }, [keyboardIsVisible]),
+    animatedStyle = useAnimatedNumberStyle(animatedNumber, val => {
+      "worklet";
+
+      return {
+        transform: [{
+          translateY: frameSize === 0 ? hiddenSize : val
+        }]
+      };
+    }),
+    sizeBeforeKeyboard = useRef(null);
+  useEffect(() => {
+    if (isWeb || !moveOnKeyboardChange) return;
+    const keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", e => {
+        sizeBeforeKeyboard.current === null && (sizeBeforeKeyboard.current = animatedNumber.getValue(), animatedNumber.setValue(Math.max(animatedNumber.getValue() - e.endCoordinates.height, 0)));
+      }),
+      keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", () => {
+        sizeBeforeKeyboard.current !== null && (animatedNumber.setValue(sizeBeforeKeyboard.current), sizeBeforeKeyboard.current = null);
+      });
+    return () => {
+      keyboardDidHideListener.remove(), keyboardDidShowListener.remove();
+    };
+  }, [moveOnKeyboardChange]);
+  const [opacity, setOpacity] = useState(open ? 1 : 0);
+  open && opacity === 0 && setOpacity(1), useEffect(() => {
+    if (!open) {
+      const tm = setTimeout(() => {
+        setOpacity(0);
+      }, 400);
+      return () => {
+        clearTimeout(tm);
+      };
+    }
+  }, [open]);
+  const forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ? `${maxSnapPoint}%` : maxSnapPoint,
+    contents = /* @__PURE__ */jsx(ParentSheetContext.Provider, {
+      value: nextParentContext,
+      children: /* @__PURE__ */jsxs(SheetProvider, {
+        ...providerProps,
+        children: [/* @__PURE__ */jsx(AnimatePresence, {
+          enterExitVariant: "open",
+          children: shouldHideParentSheet || !open ? null : overlayComponent
+        }), snapPointsMode !== "percent" && /* @__PURE__ */jsx(View, {
+          style: {
+            opacity: 0,
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            pointerEvents: "none"
+          },
+          pointerEvents: "none",
+          onLayout: handleMaxContentViewLayout
+        }), /* @__PURE__ */jsx(AnimatedView, {
+          ref,
+          ...panResponder?.panHandlers,
+          onLayout: handleAnimationViewLayout,
+          pointerEvents: open && !shouldHideParentSheet ? "auto" : "none",
+          ...(!isDragging && {
+            // @ts-ignore for CSS driver this is necessary to attach the transition
+            animation
+          }),
+          style: [{
+            position: "absolute",
+            zIndex,
+            width: "100%",
+            height: forcedContentHeight,
+            minHeight: forcedContentHeight,
+            opacity
+          }, animatedStyle],
+          children: props.children
+        })]
+      })
+    }),
+    adaptContext = useContext(AdaptParentContext),
+    shouldMountChildren = !!(opacity || !unmountChildrenWhenHidden);
+  if (modal) {
+    const modalContents = /* @__PURE__ */jsx(Portal, {
+      zIndex,
+      ...portalProps,
+      children: shouldMountChildren && /* @__PURE__ */jsx(Theme, {
+        forceClassName: !0,
+        name: themeName,
+        children: /* @__PURE__ */jsx(AdaptParentContext.Provider, {
+          value: adaptContext,
+          children: contents
+        })
+      })
+    });
+    return isWeb ? modalContents : /* @__PURE__ */jsx(SheetInsideSheetContext.Provider, {
+      value: onInnerSheet,
+      children: modalContents
+    });
+  }
+  return contents;
+}));
+function getYPositions(mode, point, screenSize, frameSize) {
+  if (!screenSize || !frameSize) return 0;
+  if (mode === "mixed") {
+    if (typeof point == "number") return screenSize - Math.min(screenSize, Math.max(0, point));
+    if (point === "fit") return screenSize - Math.min(screenSize, frameSize);
+    if (point.endsWith("%")) {
+      const pct2 = Math.min(100, Math.max(0, Number(point.slice(0, -1)))) / 100;
+      return Number.isNaN(pct2) ? (console.warn("Invalid snapPoint percentage string"), 0) : Math.round(screenSize - pct2 * screenSize);
+    }
+    return console.warn("Invalid snapPoint unknown value"), 0;
+  }
+  if (mode === "fit") return point === 0 ? screenSize : screenSize - Math.min(screenSize, frameSize);
+  if (mode === "constant" && typeof point == "number") return screenSize - Math.min(screenSize, Math.max(0, point));
+  const pct = Math.min(100, Math.max(0, Number(point))) / 100;
+  return Number.isNaN(pct) ? (console.warn("Invalid snapPoint percentage"), 0) : Math.round(screenSize - pct * screenSize);
+}
+export { SheetImplementationCustom };