react-modal-sheet 1.8.0 → 1.9.0

package/README.md

@@ -220,7 +220,7 @@ If the sheet height changes dynamically the sheet will grow until it hits the ma
 
 It is possible to use snap points with `detent="content-height"` **but** the snap points are restricted by the content height. For example if one of the snap points is 800px and the sheet height is only 700px then snapping to the 800px snap point would only snap to 700px since otherwise the sheet would become detached from the bottom.
 
-> ℹ️ If you are wondering where the term `detent` comes from it's from Apple's [Human Interface Guidelines](<[detent](https://developer.apple.com/design/human-interface-guidelines/components/presentation/sheets#ios-ipados)>).
+> ℹ️ If you are wondering where the term `detent` comes from it's from Apple's [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/components/presentation/sheets#ios-ipados).
 
 ## Compound Components
 

package/dist/SheetBackdrop.d.ts

@@ -1,3 +1,5 @@
 import * as React from 'react';
-declare const SheetBackdrop: React.ForwardRefExoticComponent<Pick<import("framer-motion").MotionProps, "style" | "transformTemplate" | "transformValues" | "variants" | "transition" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "onUpdate" | "onAnimationStart" | "onAnimationComplete" | "onUnmount" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "drag" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDragStart" | "onDragEnd" | "onDrag" | "onDirectionLock" | "onDragTransitionEnd" | "layout" | "layoutId" | "layoutDependency" | "layoutScroll" | "custom" | "inherit"> & React.RefAttributes<any>>;
+declare const SheetBackdrop: React.ForwardRefExoticComponent<Pick<import("framer-motion").MotionProps & {
+    className?: string | undefined;
+}, "style" | "transformTemplate" | "transformValues" | "variants" | "transition" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "onUpdate" | "onAnimationStart" | "onAnimationComplete" | "onUnmount" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "drag" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDragStart" | "onDragEnd" | "onDrag" | "onDirectionLock" | "onDragTransitionEnd" | "layout" | "layoutId" | "layoutDependency" | "layoutScroll" | "custom" | "inherit" | "className"> & React.RefAttributes<any>>;
 export default SheetBackdrop;

package/dist/SheetContainer.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
-declare const SheetContainer: React.ForwardRefExoticComponent<Pick<import("framer-motion").MotionProps, "style" | "transformTemplate" | "transformValues" | "variants" | "transition" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "onUpdate" | "onAnimationStart" | "onUnmount" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "drag" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDragStart" | "onDragEnd" | "onDrag" | "onDirectionLock" | "onDragTransitionEnd" | "layout" | "layoutId" | "layoutDependency" | "layoutScroll" | "custom" | "inherit"> & {
+declare const SheetContainer: React.ForwardRefExoticComponent<Pick<import("framer-motion").MotionProps & {
+    className?: string | undefined;
+}, "style" | "transformTemplate" | "transformValues" | "variants" | "transition" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "onUpdate" | "onAnimationStart" | "onUnmount" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "drag" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDragStart" | "onDragEnd" | "onDrag" | "onDirectionLock" | "onDragTransitionEnd" | "layout" | "layoutId" | "layoutDependency" | "layoutScroll" | "custom" | "inherit" | "className"> & {
     children: React.ReactNode;
 } & React.RefAttributes<any>>;
 export default SheetContainer;

package/dist/SheetContent.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
-declare const SheetContent: React.ForwardRefExoticComponent<Pick<import("framer-motion").MotionProps, "style" | "transformTemplate" | "transformValues" | "initial" | "animate" | "exit" | "variants" | "transition" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "onUpdate" | "onAnimationStart" | "onAnimationComplete" | "onUnmount" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layout" | "layoutId" | "layoutDependency" | "layoutScroll" | "custom" | "inherit"> & {
+declare const SheetContent: React.ForwardRefExoticComponent<Pick<import("framer-motion").MotionProps & {
+    className?: string | undefined;
+}, "style" | "transformTemplate" | "transformValues" | "initial" | "animate" | "exit" | "variants" | "transition" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "onUpdate" | "onAnimationStart" | "onAnimationComplete" | "onUnmount" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layout" | "layoutId" | "layoutDependency" | "layoutScroll" | "custom" | "inherit" | "className"> & {
     children?: React.ReactNode;
     disableDrag?: boolean | undefined;
 } & React.RefAttributes<any>>;

package/dist/react-modal-sheet.cjs.development.js

@@ -253,7 +253,8 @@ var styles = {
     width: '100%',
     height: '100%',
     backgroundColor: 'rgba(51, 51, 51, 0.5)',
-    touchAction: 'none'
+    touchAction: 'none',
+    border: 'none'
   },
   container: {
     zIndex: 2,
@@ -500,7 +501,9 @@ var SheetContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style"]);
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "className"]);
 
   var _useSheetContext = useSheetContext(),
       y = _useSheetContext.y,
@@ -523,7 +526,7 @@ var SheetContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var height = maxSnapHeight !== null ? "min(" + maxSnapHeight + "px, " + MAX_HEIGHT + ")" : MAX_HEIGHT;
   return React.createElement(framerMotion.motion.div, Object.assign({}, rest, {
     ref: mergeRefs([sheetRef, ref]),
-    className: "react-modal-sheet-container",
+    className: "react-modal-sheet-container " + className,
     style: _extends({}, styles.container, style, detent === 'full-height' && {
       height: height
     }, detent === 'content-height' && {
@@ -549,27 +552,35 @@ var SheetContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var SheetContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style"]);
+      disableDrag = _ref.disableDrag,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "disableDrag", "className"]);
 
   var _useSheetContext = useSheetContext(),
       dragProps = _useSheetContext.dragProps;
 
+  var _dragProps = disableDrag ? undefined : dragProps;
+
   return React.createElement(framerMotion.motion.div, Object.assign({}, rest, {
     ref: ref,
-    className: "react-modal-sheet-content",
+    className: "react-modal-sheet-content " + className,
     style: _extends({}, styles.content, style)
-  }, dragProps), children);
+  }, _dragProps), children);
 });
 
 var SheetHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style"]);
+      disableDrag = _ref.disableDrag,
+      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "disableDrag"]);
 
   var _useSheetContext = useSheetContext(),
       indicatorRotation = _useSheetContext.indicatorRotation,
       dragProps = _useSheetContext.dragProps;
 
+  var _dragProps = disableDrag ? undefined : dragProps;
+
   var indicator1Transform = framerMotion.useTransform(indicatorRotation, function (r) {
     return "translateX(2px) rotate(" + r + "deg)";
   });
@@ -579,7 +590,7 @@ var SheetHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return React.createElement(framerMotion.motion.div, Object.assign({}, rest, {
     ref: ref,
     style: _extends({}, styles.headerWrapper, style)
-  }, dragProps), children || React.createElement("div", {
+  }, _dragProps), children || React.createElement("div", {
     className: "react-modal-sheet-header",
     style: styles.header
   }, React.createElement(framerMotion.motion.span, {
@@ -602,13 +613,15 @@ var isClickable = function isClickable(props) {
 var SheetBackdrop = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["style"]);
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      rest = _objectWithoutPropertiesLoose(_ref, ["style", "className"]);
 
   var Comp = isClickable(rest) ? framerMotion.motion.button : framerMotion.motion.div;
   var pointerEvents = isClickable(rest) ? 'auto' : 'none';
   return React.createElement(Comp, Object.assign({}, rest, {
     ref: ref,
-    className: "react-modal-sheet-backdrop",
+    className: "react-modal-sheet-backdrop " + className,
     style: _extends({}, styles.backdrop, style, {
       pointerEvents: pointerEvents
     }),

package/dist/react-modal-sheet.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-modal-sheet.cjs.development.js","sources":["../src/constants.ts","../src/utils.ts","../src/hooks.tsx","../src/context.tsx","../src/styles.ts","../src/sheet.tsx","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/index.tsx"],"sourcesContent":["export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_SPRING_CONFIG = {\n  stiffness: 300,\n  damping: 30,\n  mass: 0.2,\n};\n\nexport const DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DRAG_VELOCITY_THRESHOLD = 500;\n","export function getClosest(nums: number[], goal: number) {\n  return nums.reduce((prev, curr) => {\n    return Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev;\n  });\n}\n\nconst highlightId = 'react-modal-sheet-highlight';\n\nexport function applyRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n\n  if (root) {\n    const p = 24;\n    const h = window.innerHeight;\n    const s = (h - p) / h;\n    body.style.backgroundColor = '#000';\n    root.style.overflow = 'hidden';\n    root.style.willChange = 'transform';\n    root.style.transition = 'transform 200ms linear';\n    root.style.transform = `translateY(calc(env(safe-area-inset-top) + ${p / 2}px)) scale(${s})`; // prettier-ignore\n    root.style.borderTopRightRadius = '10px';\n    root.style.borderTopLeftRadius = '10px';\n\n    // Add highlighed overlay to emphasize the modality effect\n    const highlight = document.createElement('div');\n    highlight.setAttribute('aria-hidden', 'true');\n    highlight.id = highlightId;\n    highlight.style.position = 'absolute';\n    highlight.style.top = '0px';\n    highlight.style.left = '0px';\n    highlight.style.bottom = '0px';\n    highlight.style.right = '0px';\n    highlight.style.opacity = '0';\n    highlight.style.transition = 'opacity 200ms linear';\n    highlight.style.backgroundColor = 'rgba(150, 150, 150, 0.1)';\n\n    root.appendChild(highlight);\n    requestAnimationFrame(() => (highlight.style.opacity = '1'));\n  }\n}\n\nexport function cleanupRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.getElementById(rootId) as HTMLDivElement;\n  const highlight = document.getElementById(highlightId) as HTMLDivElement;\n\n  function onTransitionEnd() {\n    root.style.removeProperty('overflow');\n    root.style.removeProperty('will-change');\n    root.style.removeProperty('transition');\n    body.style.removeProperty('background-color');\n    root.removeEventListener('transitionend', onTransitionEnd);\n    highlight.parentNode?.removeChild(highlight);\n  }\n\n  if (root && highlight) {\n    // Start animating back\n    root.style.removeProperty('border-top-right-radius');\n    root.style.removeProperty('border-top-left-radius');\n    root.style.removeProperty('transform');\n    highlight.style.opacity = '0';\n\n    // Remove temp properties after animation is finished\n    root.addEventListener('transitionend', onTransitionEnd);\n  }\n}\n\nexport function inDescendingOrder(arr: number[]) {\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i + 1] > arr[i]) return false;\n  }\n\n  return true;\n}\n\nexport function validateSnapTo({\n  snapTo,\n  sheetHeight,\n}: {\n  snapTo: number;\n  sheetHeight: number;\n}) {\n  if (snapTo < 0) {\n    console.warn(\n      `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${sheetHeight +\n        Math.abs(snapTo)}.`\n    );\n  }\n\n  return Math.max(Math.round(snapTo), 0);\n}\n","import * as React from 'react';\n\nimport { IS_SSR } from './constants';\nimport { SheetEvents } from './types';\nimport { applyRootStyles, cleanupRootStyles } from './utils';\n\nexport const useIsomorphicLayoutEffect = IS_SSR\n  ? React.useEffect\n  : React.useLayoutEffect;\n\nexport const useModalEffect = (isOpen: boolean, rootId?: string) => {\n  const prevOpen = usePrevious(isOpen);\n\n  // Automatically apply the iOS modal effect to the body when sheet opens/closes\n  React.useEffect(() => {\n    if (rootId && !prevOpen && isOpen) {\n      applyRootStyles(rootId);\n    } else if (rootId && !isOpen && prevOpen) {\n      cleanupRootStyles(rootId);\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  // Make sure to cleanup modal styles on unmount\n  React.useEffect(() => {\n    return () => {\n      if (rootId && isOpen) cleanupRootStyles(rootId);\n    };\n  }, [isOpen]); // eslint-disable-line\n};\n\nexport const useEventCallbacks = (\n  isOpen: boolean,\n  callbacks: React.MutableRefObject<SheetEvents>\n) => {\n  const prevOpen = usePrevious(isOpen);\n  const didOpen = React.useRef(false);\n\n  // Because of AnimatePrecence we don't have access to latest isOpen value\n  // so we need to read and write to a ref to determine if we are\n  // opening or closing the sheet\n  const handleAnimationComplete = React.useCallback(() => {\n    if (!didOpen.current) {\n      callbacks.current.onOpenEnd?.();\n      didOpen.current = true;\n    } else {\n      callbacks.current.onCloseEnd?.();\n      didOpen.current = false;\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  React.useEffect(() => {\n    if (!prevOpen && isOpen) {\n      callbacks.current.onOpenStart?.();\n    } else if (!isOpen && prevOpen) {\n      callbacks.current.onCloseStart?.();\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  return { handleAnimationComplete };\n};\n\nexport function useWindowHeight() {\n  const [windowHeight, setWindowHeight] = React.useState(0);\n\n  useIsomorphicLayoutEffect(() => {\n    const updateHeight = () => setWindowHeight(window.innerHeight);\n    window.addEventListener('resize', updateHeight);\n    updateHeight();\n    return () => window.removeEventListener('resize', updateHeight);\n  }, []);\n\n  return windowHeight;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = state;\n  });\n\n  return ref.current;\n}\n\n// Userland version of the `useEvent` React hook:\n// RFC: https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md\nexport function useEvent<T extends (...args: any[]) => any>(handler: T) {\n  const handlerRef = React.useRef<T>();\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return React.useCallback((...args: any[]) => {\n    const fn = handlerRef.current;\n    return fn?.(...args);\n  }, []) as T;\n}\n","import * as React from 'react';\nimport { SheetContextType } from './types';\n\nexport const SheetContext = React.createContext<SheetContextType | undefined>(\n  undefined\n);\n\nexport const useSheetContext = () => {\n  const context = React.useContext(SheetContext);\n  if (!context) throw Error('Sheet context error');\n  return context;\n};\n","import * as CSS from 'csstype';\n\nconst styles: { [key: string]: CSS.Properties } = {\n  wrapper: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 9999999,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n  },\n  backdrop: {\n    zIndex: 1,\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'rgba(51, 51, 51, 0.5)',\n    touchAction: 'none', // Disable iOS body scrolling\n  },\n  container: {\n    zIndex: 2,\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n    width: '100%',\n    backgroundColor: '#fff',\n    borderTopRightRadius: '8px',\n    borderTopLeftRadius: '8px',\n    boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n    display: 'flex',\n    flexDirection: 'column',\n    pointerEvents: 'auto',\n  },\n  headerWrapper: {\n    width: '100%',\n  },\n  header: {\n    height: '40px',\n    width: '100%',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  indicator: {\n    width: '18px',\n    height: '4px',\n    borderRadius: '99px',\n    backgroundColor: '#ddd',\n  },\n  content: {\n    flex: 1,\n    overflow: 'auto',\n    position: 'relative',\n  },\n};\n\nexport default styles;\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { usePreventScroll } from '@react-aria/overlays';\n\nimport {\n  animate,\n  AnimatePresence,\n  AnimationOptions,\n  PanInfo,\n  useMotionValue,\n  useReducedMotion,\n} from 'framer-motion';\n\nimport {\n  useModalEffect,\n  useWindowHeight,\n  useIsomorphicLayoutEffect,\n  useEvent,\n} from './hooks';\n\nimport {\n  DEFAULT_SPRING_CONFIG,\n  DRAG_CLOSE_THRESHOLD,\n  DRAG_VELOCITY_THRESHOLD,\n  IS_SSR,\n} from './constants';\n\nimport { SheetContextType, SheetProps } from './types';\nimport { SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport styles from './styles';\n\nconst Sheet = React.forwardRef<any, SheetProps>(\n  (\n    {\n      onOpenStart,\n      onOpenEnd,\n      onClose,\n      onCloseStart,\n      onCloseEnd,\n      onSnap,\n      children,\n      isOpen,\n      snapPoints,\n      rootId,\n      mountPoint,\n      style,\n      detent = 'full-height',\n      initialSnap = 0,\n      springConfig = DEFAULT_SPRING_CONFIG,\n      disableDrag = false,\n      prefersReducedMotion = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const sheetRef = React.useRef<any>(null);\n    const indicatorRotation = useMotionValue(0);\n    const windowHeight = useWindowHeight();\n    const shouldReduceMotion = useReducedMotion();\n    const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n    const animationOptions: AnimationOptions<number> = reduceMotion\n      ? { type: 'tween', duration: 0.01 }\n      : { type: 'spring', ...springConfig };\n\n    // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n    // the value driven by the `AnimatePresence` component when the sheet is opened\n    // and after that it is driven by the gestures and/or snapping\n    const y = useMotionValue(0);\n\n    // Keep the callback fns up-to-date so that they can be accessed inside\n    // the effect without including them to the dependencies array\n    const callbacks = React.useRef({\n      onOpenStart,\n      onOpenEnd,\n      onCloseStart,\n      onCloseEnd,\n    });\n\n    useIsomorphicLayoutEffect(() => {\n      callbacks.current = {\n        onOpenStart,\n        onOpenEnd,\n        onCloseStart,\n        onCloseEnd,\n      };\n    });\n\n    if (snapPoints) {\n      // Convert negative / percentage snap points to absolute values\n      snapPoints = snapPoints.map(point => {\n        // Percentage values e.g. between 0.0 and 1.0\n        if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n        return point < 0 ? windowHeight + point : point; // negative values\n      });\n\n      console.assert(\n        inDescendingOrder(snapPoints) || windowHeight === 0,\n        `Snap points need to be in descending order got: [${snapPoints}]`\n      );\n    }\n\n    const onDrag = useEvent((_, { delta }: PanInfo) => {\n      // Update drag indicator rotation based on drag velocity\n      const velocity = y.getVelocity();\n\n      if (velocity > 0) indicatorRotation.set(10);\n      if (velocity < 0) indicatorRotation.set(-10);\n\n      // Make sure user cannot drag beyond the top of the sheet\n      y.set(Math.max(y.get() + delta.y, 0));\n    });\n\n    const onDragEnd = useEvent((_, { velocity }: PanInfo) => {\n      if (velocity.y > DRAG_VELOCITY_THRESHOLD) {\n        // User flicked the sheet down\n        onClose();\n      } else {\n        const sheetEl = sheetRef.current as HTMLDivElement;\n        const sheetHeight = sheetEl.getBoundingClientRect().height;\n        const currentY = y.get();\n\n        let snapTo = 0;\n\n        if (snapPoints) {\n          const snapToValues = snapPoints\n            .map(p => sheetHeight - p)\n            .filter(p => p >= 0); // negative values can occur with `content-height` detent\n\n          // Allow snapping to the top of the sheet if detent is set to `content-height`\n          if (detent === 'content-height' && !snapToValues.includes(0)) {\n            snapToValues.unshift(0);\n          }\n\n          // Get the closest snap point\n          snapTo = getClosest(snapToValues, currentY);\n        } else if (currentY / sheetHeight > DRAG_CLOSE_THRESHOLD) {\n          // Close if dragged over enough far\n          snapTo = sheetHeight;\n        }\n\n        snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n        // Update the spring value so that the sheet is animated to the snap point\n        animate(y, snapTo, animationOptions);\n\n        if (snapPoints && onSnap) {\n          const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n          const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n          onSnap(snapIndex);\n        }\n\n        if (snapTo >= sheetHeight) onClose();\n      }\n\n      // Reset indicator rotation after dragging\n      indicatorRotation.set(0);\n    });\n\n    // Trigger onSnap callback when sheet is opened or closed\n    React.useEffect(() => {\n      if (!snapPoints || !onSnap) return;\n      const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n      onSnap(snapIndex);\n    }, [isOpen]); // eslint-disable-line\n\n    React.useImperativeHandle(ref, () => ({\n      y,\n      snapTo: (snapIndex: number) => {\n        const sheetEl = sheetRef.current as HTMLDivElement | null;\n\n        if (\n          snapPoints &&\n          snapPoints[snapIndex] !== undefined &&\n          sheetEl !== null\n        ) {\n          const sheetHeight = sheetEl.getBoundingClientRect().height;\n          const snapPoint = snapPoints[snapIndex];\n          const snapTo = validateSnapTo({\n            snapTo: sheetHeight - snapPoint,\n            sheetHeight,\n          });\n\n          animate(y, snapTo, animationOptions);\n          if (onSnap) onSnap(snapIndex);\n          if (snapTo >= sheetHeight) onClose();\n        }\n      },\n    }));\n\n    useModalEffect(isOpen, rootId);\n\n    // Framer Motion should handle body scroll locking but it's not working\n    // properly on iOS. Scroll locking from React Aria seems to work much better.\n    usePreventScroll({ isDisabled: !isOpen });\n\n    const dragProps = React.useMemo(() => {\n      const dragProps: SheetContextType['dragProps'] = {\n        drag: 'y',\n        dragElastic: 0,\n        dragConstraints: { top: 0, bottom: 0 },\n        dragMomentum: false,\n        onDrag,\n        onDragEnd,\n      };\n\n      return disableDrag ? undefined : dragProps;\n    }, [disableDrag]); // eslint-disable-line\n\n    const context: SheetContextType = {\n      y,\n      sheetRef,\n      isOpen,\n      initialSnap,\n      snapPoints,\n      detent,\n      indicatorRotation,\n      callbacks,\n      dragProps,\n      windowHeight,\n      animationOptions,\n      reduceMotion,\n    };\n\n    const sheet = (\n      <SheetContext.Provider value={context}>\n        <div {...rest} ref={ref} style={{ ...styles.wrapper, ...style }}>\n          <AnimatePresence>\n            {/* NOTE: AnimatePresence requires us to set keys to children */}\n            {isOpen\n              ? React.Children.map(children, (child: any, i) =>\n                  React.cloneElement(child, { key: `sheet-child-${i}` })\n                )\n              : null}\n          </AnimatePresence>\n        </div>\n      </SheetContext.Provider>\n    );\n\n    if (IS_SSR) return sheet;\n\n    return ReactDOM.createPortal(sheet, mountPoint ?? document.body);\n  }\n);\n\nexport default Sheet;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport mergeRefs from 'react-merge-refs';\n\nimport { SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport styles from './styles';\n\nconst SheetContainer = React.forwardRef<any, SheetContainerProps>(\n  ({ children, style = {}, ...rest }, ref) => {\n    const {\n      y,\n      isOpen,\n      callbacks,\n      snapPoints,\n      initialSnap = 0,\n      sheetRef,\n      windowHeight,\n      detent,\n      animationOptions,\n      reduceMotion,\n    } = useSheetContext();\n\n    const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n    const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n    const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n    const height =\n      maxSnapHeight !== null\n        ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n        : MAX_HEIGHT;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={mergeRefs([sheetRef, ref])}\n        className=\"react-modal-sheet-container\"\n        style={{\n          ...styles.container,\n          ...style,\n          ...(detent === 'full-height' && { height }),\n          ...(detent === 'content-height' && { maxHeight: height }),\n          y,\n        }}\n        initial={reduceMotion ? false : { y: windowHeight }}\n        animate={{ y: initialY, transition: animationOptions }}\n        exit={{ y: windowHeight, transition: animationOptions }}\n        onAnimationComplete={handleAnimationComplete}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContainer;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetContent = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, ...rest }, ref) => {\n    const { dragProps } = useSheetContext();\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        className=\"react-modal-sheet-content\"\n        style={{ ...styles.content, ...style }}\n        {...dragProps}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContent;\n","import * as React from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetHeader = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, ...rest }, ref) => {\n    const { indicatorRotation, dragProps } = useSheetContext();\n\n    const indicator1Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(2px) rotate(${r}deg)`\n    );\n\n    const indicator2Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(-2px) rotate(${-1 * r}deg)`\n    );\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        style={{ ...styles.headerWrapper, ...style }}\n        {...dragProps}\n      >\n        {children || (\n          <div className=\"react-modal-sheet-header\" style={styles.header}>\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator1Transform }}\n            />\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator2Transform }}\n            />\n          </div>\n        )}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetHeader;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = React.forwardRef<any, SheetBackdropProps>(\n  ({ style = {}, ...rest }, ref) => {\n    const Comp = isClickable(rest) ? motion.button : motion.div;\n    const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n    return (\n      <Comp\n        {...rest}\n        ref={ref}\n        className=\"react-modal-sheet-backdrop\"\n        style={{ ...styles.backdrop, ...style, pointerEvents }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n      />\n    );\n  }\n);\n\nexport default SheetBackdrop;\n","import { MotionValue } from 'framer-motion';\n\nimport Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport { SheetCompound } from './types';\n\nexport type SheetRef = {\n  y: MotionValue<number>;\n  snapTo: (index: number) => void;\n};\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n\nexport default _SheetCompound as SheetCompound;\n"],"names":["MAX_HEIGHT","IS_SSR","window","DEFAULT_SPRING_CONFIG","stiffness","damping","mass","DRAG_CLOSE_THRESHOLD","DRAG_VELOCITY_THRESHOLD","getClosest","nums","goal","reduce","prev","curr","Math","abs","highlightId","applyRootStyles","rootId","body","document","querySelector","root","p","h","innerHeight","s","style","backgroundColor","overflow","willChange","transition","transform","borderTopRightRadius","borderTopLeftRadius","highlight","createElement","setAttribute","id","position","top","left","bottom","right","opacity","appendChild","requestAnimationFrame","cleanupRootStyles","getElementById","onTransitionEnd","removeProperty","removeEventListener","parentNode","removeChild","addEventListener","inDescendingOrder","arr","i","length","validateSnapTo","snapTo","sheetHeight","console","warn","max","round","useIsomorphicLayoutEffect","React","useModalEffect","isOpen","prevOpen","usePrevious","useEventCallbacks","callbacks","didOpen","handleAnimationComplete","current","onOpenEnd","onCloseEnd","onOpenStart","onCloseStart","useWindowHeight","windowHeight","setWindowHeight","updateHeight","state","ref","useEvent","handler","handlerRef","fn","args","SheetContext","undefined","useSheetContext","context","Error","styles","wrapper","zIndex","pointerEvents","backdrop","width","height","touchAction","container","boxShadow","display","flexDirection","headerWrapper","header","alignItems","justifyContent","indicator","borderRadius","content","flex","Sheet","onClose","onSnap","children","snapPoints","mountPoint","detent","initialSnap","springConfig","disableDrag","prefersReducedMotion","rest","sheetRef","indicatorRotation","useMotionValue","shouldReduceMotion","useReducedMotion","reduceMotion","Boolean","animationOptions","type","duration","y","map","point","assert","onDrag","_","delta","velocity","getVelocity","set","get","onDragEnd","sheetEl","getBoundingClientRect","currentY","snapToValues","filter","includes","unshift","animate","snapValue","snapIndex","indexOf","snapPoint","usePreventScroll","isDisabled","dragProps","drag","dragElastic","dragConstraints","dragMomentum","sheet","Provider","value","AnimatePresence","child","key","ReactDOM","SheetContainer","initialY","maxSnapHeight","motion","div","mergeRefs","className","maxHeight","initial","exit","onAnimationComplete","SheetContent","SheetHeader","indicator1Transform","useTransform","r","indicator2Transform","span","isClickable","props","onClick","onTap","SheetBackdrop","Comp","button","_SheetCompound","Container","Header","Content","Backdrop"],"mappings":"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"}
+{"version":3,"file":"react-modal-sheet.cjs.development.js","sources":["../src/constants.ts","../src/utils.ts","../src/hooks.tsx","../src/context.tsx","../src/styles.ts","../src/sheet.tsx","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/index.tsx"],"sourcesContent":["export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_SPRING_CONFIG = {\n  stiffness: 300,\n  damping: 30,\n  mass: 0.2,\n};\n\nexport const DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DRAG_VELOCITY_THRESHOLD = 500;\n","export function getClosest(nums: number[], goal: number) {\n  return nums.reduce((prev, curr) => {\n    return Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev;\n  });\n}\n\nconst highlightId = 'react-modal-sheet-highlight';\n\nexport function applyRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n\n  if (root) {\n    const p = 24;\n    const h = window.innerHeight;\n    const s = (h - p) / h;\n    body.style.backgroundColor = '#000';\n    root.style.overflow = 'hidden';\n    root.style.willChange = 'transform';\n    root.style.transition = 'transform 200ms linear';\n    root.style.transform = `translateY(calc(env(safe-area-inset-top) + ${p / 2}px)) scale(${s})`; // prettier-ignore\n    root.style.borderTopRightRadius = '10px';\n    root.style.borderTopLeftRadius = '10px';\n\n    // Add highlighed overlay to emphasize the modality effect\n    const highlight = document.createElement('div');\n    highlight.setAttribute('aria-hidden', 'true');\n    highlight.id = highlightId;\n    highlight.style.position = 'absolute';\n    highlight.style.top = '0px';\n    highlight.style.left = '0px';\n    highlight.style.bottom = '0px';\n    highlight.style.right = '0px';\n    highlight.style.opacity = '0';\n    highlight.style.transition = 'opacity 200ms linear';\n    highlight.style.backgroundColor = 'rgba(150, 150, 150, 0.1)';\n\n    root.appendChild(highlight);\n    requestAnimationFrame(() => (highlight.style.opacity = '1'));\n  }\n}\n\nexport function cleanupRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.getElementById(rootId) as HTMLDivElement;\n  const highlight = document.getElementById(highlightId) as HTMLDivElement;\n\n  function onTransitionEnd() {\n    root.style.removeProperty('overflow');\n    root.style.removeProperty('will-change');\n    root.style.removeProperty('transition');\n    body.style.removeProperty('background-color');\n    root.removeEventListener('transitionend', onTransitionEnd);\n    highlight.parentNode?.removeChild(highlight);\n  }\n\n  if (root && highlight) {\n    // Start animating back\n    root.style.removeProperty('border-top-right-radius');\n    root.style.removeProperty('border-top-left-radius');\n    root.style.removeProperty('transform');\n    highlight.style.opacity = '0';\n\n    // Remove temp properties after animation is finished\n    root.addEventListener('transitionend', onTransitionEnd);\n  }\n}\n\nexport function inDescendingOrder(arr: number[]) {\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i + 1] > arr[i]) return false;\n  }\n\n  return true;\n}\n\nexport function validateSnapTo({\n  snapTo,\n  sheetHeight,\n}: {\n  snapTo: number;\n  sheetHeight: number;\n}) {\n  if (snapTo < 0) {\n    console.warn(\n      `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${sheetHeight +\n        Math.abs(snapTo)}.`\n    );\n  }\n\n  return Math.max(Math.round(snapTo), 0);\n}\n","import * as React from 'react';\n\nimport { IS_SSR } from './constants';\nimport { SheetEvents } from './types';\nimport { applyRootStyles, cleanupRootStyles } from './utils';\n\nexport const useIsomorphicLayoutEffect = IS_SSR\n  ? React.useEffect\n  : React.useLayoutEffect;\n\nexport const useModalEffect = (isOpen: boolean, rootId?: string) => {\n  const prevOpen = usePrevious(isOpen);\n\n  // Automatically apply the iOS modal effect to the body when sheet opens/closes\n  React.useEffect(() => {\n    if (rootId && !prevOpen && isOpen) {\n      applyRootStyles(rootId);\n    } else if (rootId && !isOpen && prevOpen) {\n      cleanupRootStyles(rootId);\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  // Make sure to cleanup modal styles on unmount\n  React.useEffect(() => {\n    return () => {\n      if (rootId && isOpen) cleanupRootStyles(rootId);\n    };\n  }, [isOpen]); // eslint-disable-line\n};\n\nexport const useEventCallbacks = (\n  isOpen: boolean,\n  callbacks: React.MutableRefObject<SheetEvents>\n) => {\n  const prevOpen = usePrevious(isOpen);\n  const didOpen = React.useRef(false);\n\n  // Because of AnimatePrecence we don't have access to latest isOpen value\n  // so we need to read and write to a ref to determine if we are\n  // opening or closing the sheet\n  const handleAnimationComplete = React.useCallback(() => {\n    if (!didOpen.current) {\n      callbacks.current.onOpenEnd?.();\n      didOpen.current = true;\n    } else {\n      callbacks.current.onCloseEnd?.();\n      didOpen.current = false;\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  React.useEffect(() => {\n    if (!prevOpen && isOpen) {\n      callbacks.current.onOpenStart?.();\n    } else if (!isOpen && prevOpen) {\n      callbacks.current.onCloseStart?.();\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  return { handleAnimationComplete };\n};\n\nexport function useWindowHeight() {\n  const [windowHeight, setWindowHeight] = React.useState(0);\n\n  useIsomorphicLayoutEffect(() => {\n    const updateHeight = () => setWindowHeight(window.innerHeight);\n    window.addEventListener('resize', updateHeight);\n    updateHeight();\n    return () => window.removeEventListener('resize', updateHeight);\n  }, []);\n\n  return windowHeight;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = state;\n  });\n\n  return ref.current;\n}\n\n// Userland version of the `useEvent` React hook:\n// RFC: https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md\nexport function useEvent<T extends (...args: any[]) => any>(handler: T) {\n  const handlerRef = React.useRef<T>();\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return React.useCallback((...args: any[]) => {\n    const fn = handlerRef.current;\n    return fn?.(...args);\n  }, []) as T;\n}\n","import * as React from 'react';\nimport { SheetContextType } from './types';\n\nexport const SheetContext = React.createContext<SheetContextType | undefined>(\n  undefined\n);\n\nexport const useSheetContext = () => {\n  const context = React.useContext(SheetContext);\n  if (!context) throw Error('Sheet context error');\n  return context;\n};\n","import * as CSS from 'csstype';\n\nconst styles: { [key: string]: CSS.Properties } = {\n  wrapper: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 9999999,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n  },\n  backdrop: {\n    zIndex: 1,\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'rgba(51, 51, 51, 0.5)',\n    touchAction: 'none', // Disable iOS body scrolling\n    border: 'none',\n  },\n  container: {\n    zIndex: 2,\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n    width: '100%',\n    backgroundColor: '#fff',\n    borderTopRightRadius: '8px',\n    borderTopLeftRadius: '8px',\n    boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n    display: 'flex',\n    flexDirection: 'column',\n    pointerEvents: 'auto',\n  },\n  headerWrapper: {\n    width: '100%',\n  },\n  header: {\n    height: '40px',\n    width: '100%',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  indicator: {\n    width: '18px',\n    height: '4px',\n    borderRadius: '99px',\n    backgroundColor: '#ddd',\n  },\n  content: {\n    flex: 1,\n    overflow: 'auto',\n    position: 'relative',\n  },\n};\n\nexport default styles;\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { usePreventScroll } from '@react-aria/overlays';\n\nimport {\n  animate,\n  AnimatePresence,\n  AnimationOptions,\n  PanInfo,\n  useMotionValue,\n  useReducedMotion,\n} from 'framer-motion';\n\nimport {\n  useModalEffect,\n  useWindowHeight,\n  useIsomorphicLayoutEffect,\n  useEvent,\n} from './hooks';\n\nimport {\n  DEFAULT_SPRING_CONFIG,\n  DRAG_CLOSE_THRESHOLD,\n  DRAG_VELOCITY_THRESHOLD,\n  IS_SSR,\n} from './constants';\n\nimport { SheetContextType, SheetProps } from './types';\nimport { SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport styles from './styles';\n\nconst Sheet = React.forwardRef<any, SheetProps>(\n  (\n    {\n      onOpenStart,\n      onOpenEnd,\n      onClose,\n      onCloseStart,\n      onCloseEnd,\n      onSnap,\n      children,\n      isOpen,\n      snapPoints,\n      rootId,\n      mountPoint,\n      style,\n      detent = 'full-height',\n      initialSnap = 0,\n      springConfig = DEFAULT_SPRING_CONFIG,\n      disableDrag = false,\n      prefersReducedMotion = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const sheetRef = React.useRef<any>(null);\n    const indicatorRotation = useMotionValue(0);\n    const windowHeight = useWindowHeight();\n    const shouldReduceMotion = useReducedMotion();\n    const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n    const animationOptions: AnimationOptions<number> = reduceMotion\n      ? { type: 'tween', duration: 0.01 }\n      : { type: 'spring', ...springConfig };\n\n    // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n    // the value driven by the `AnimatePresence` component when the sheet is opened\n    // and after that it is driven by the gestures and/or snapping\n    const y = useMotionValue(0);\n\n    // Keep the callback fns up-to-date so that they can be accessed inside\n    // the effect without including them to the dependencies array\n    const callbacks = React.useRef({\n      onOpenStart,\n      onOpenEnd,\n      onCloseStart,\n      onCloseEnd,\n    });\n\n    useIsomorphicLayoutEffect(() => {\n      callbacks.current = {\n        onOpenStart,\n        onOpenEnd,\n        onCloseStart,\n        onCloseEnd,\n      };\n    });\n\n    if (snapPoints) {\n      // Convert negative / percentage snap points to absolute values\n      snapPoints = snapPoints.map(point => {\n        // Percentage values e.g. between 0.0 and 1.0\n        if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n        return point < 0 ? windowHeight + point : point; // negative values\n      });\n\n      console.assert(\n        inDescendingOrder(snapPoints) || windowHeight === 0,\n        `Snap points need to be in descending order got: [${snapPoints}]`\n      );\n    }\n\n    const onDrag = useEvent((_, { delta }: PanInfo) => {\n      // Update drag indicator rotation based on drag velocity\n      const velocity = y.getVelocity();\n\n      if (velocity > 0) indicatorRotation.set(10);\n      if (velocity < 0) indicatorRotation.set(-10);\n\n      // Make sure user cannot drag beyond the top of the sheet\n      y.set(Math.max(y.get() + delta.y, 0));\n    });\n\n    const onDragEnd = useEvent((_, { velocity }: PanInfo) => {\n      if (velocity.y > DRAG_VELOCITY_THRESHOLD) {\n        // User flicked the sheet down\n        onClose();\n      } else {\n        const sheetEl = sheetRef.current as HTMLDivElement;\n        const sheetHeight = sheetEl.getBoundingClientRect().height;\n        const currentY = y.get();\n\n        let snapTo = 0;\n\n        if (snapPoints) {\n          const snapToValues = snapPoints\n            .map(p => sheetHeight - p)\n            .filter(p => p >= 0); // negative values can occur with `content-height` detent\n\n          // Allow snapping to the top of the sheet if detent is set to `content-height`\n          if (detent === 'content-height' && !snapToValues.includes(0)) {\n            snapToValues.unshift(0);\n          }\n\n          // Get the closest snap point\n          snapTo = getClosest(snapToValues, currentY);\n        } else if (currentY / sheetHeight > DRAG_CLOSE_THRESHOLD) {\n          // Close if dragged over enough far\n          snapTo = sheetHeight;\n        }\n\n        snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n        // Update the spring value so that the sheet is animated to the snap point\n        animate(y, snapTo, animationOptions);\n\n        if (snapPoints && onSnap) {\n          const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n          const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n          onSnap(snapIndex);\n        }\n\n        if (snapTo >= sheetHeight) onClose();\n      }\n\n      // Reset indicator rotation after dragging\n      indicatorRotation.set(0);\n    });\n\n    // Trigger onSnap callback when sheet is opened or closed\n    React.useEffect(() => {\n      if (!snapPoints || !onSnap) return;\n      const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n      onSnap(snapIndex);\n    }, [isOpen]); // eslint-disable-line\n\n    React.useImperativeHandle(ref, () => ({\n      y,\n      snapTo: (snapIndex: number) => {\n        const sheetEl = sheetRef.current as HTMLDivElement | null;\n\n        if (\n          snapPoints &&\n          snapPoints[snapIndex] !== undefined &&\n          sheetEl !== null\n        ) {\n          const sheetHeight = sheetEl.getBoundingClientRect().height;\n          const snapPoint = snapPoints[snapIndex];\n          const snapTo = validateSnapTo({\n            snapTo: sheetHeight - snapPoint,\n            sheetHeight,\n          });\n\n          animate(y, snapTo, animationOptions);\n          if (onSnap) onSnap(snapIndex);\n          if (snapTo >= sheetHeight) onClose();\n        }\n      },\n    }));\n\n    useModalEffect(isOpen, rootId);\n\n    // Framer Motion should handle body scroll locking but it's not working\n    // properly on iOS. Scroll locking from React Aria seems to work much better.\n    usePreventScroll({ isDisabled: !isOpen });\n\n    const dragProps = React.useMemo(() => {\n      const dragProps: SheetContextType['dragProps'] = {\n        drag: 'y',\n        dragElastic: 0,\n        dragConstraints: { top: 0, bottom: 0 },\n        dragMomentum: false,\n        onDrag,\n        onDragEnd,\n      };\n\n      return disableDrag ? undefined : dragProps;\n    }, [disableDrag]); // eslint-disable-line\n\n    const context: SheetContextType = {\n      y,\n      sheetRef,\n      isOpen,\n      initialSnap,\n      snapPoints,\n      detent,\n      indicatorRotation,\n      callbacks,\n      dragProps,\n      windowHeight,\n      animationOptions,\n      reduceMotion,\n    };\n\n    const sheet = (\n      <SheetContext.Provider value={context}>\n        <div {...rest} ref={ref} style={{ ...styles.wrapper, ...style }}>\n          <AnimatePresence>\n            {/* NOTE: AnimatePresence requires us to set keys to children */}\n            {isOpen\n              ? React.Children.map(children, (child: any, i) =>\n                  React.cloneElement(child, { key: `sheet-child-${i}` })\n                )\n              : null}\n          </AnimatePresence>\n        </div>\n      </SheetContext.Provider>\n    );\n\n    if (IS_SSR) return sheet;\n\n    return ReactDOM.createPortal(sheet, mountPoint ?? document.body);\n  }\n);\n\nexport default Sheet;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport mergeRefs from 'react-merge-refs';\n\nimport { SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport styles from './styles';\n\nconst SheetContainer = React.forwardRef<any, SheetContainerProps>(\n  ({ children, style = {}, className = '', ...rest }, ref) => {\n    const {\n      y,\n      isOpen,\n      callbacks,\n      snapPoints,\n      initialSnap = 0,\n      sheetRef,\n      windowHeight,\n      detent,\n      animationOptions,\n      reduceMotion,\n    } = useSheetContext();\n\n    const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n    const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n    const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n    const height =\n      maxSnapHeight !== null\n        ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n        : MAX_HEIGHT;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={mergeRefs([sheetRef, ref])}\n        className={`react-modal-sheet-container ${className}`}\n        style={{\n          ...styles.container,\n          ...style,\n          ...(detent === 'full-height' && { height }),\n          ...(detent === 'content-height' && { maxHeight: height }),\n          y,\n        }}\n        initial={reduceMotion ? false : { y: windowHeight }}\n        animate={{ y: initialY, transition: animationOptions }}\n        exit={{ y: windowHeight, transition: animationOptions }}\n        onAnimationComplete={handleAnimationComplete}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContainer;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetContent = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, disableDrag, className = '', ...rest }, ref) => {\n    const { dragProps } = useSheetContext();\n    const _dragProps = disableDrag ? undefined : dragProps;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        className={`react-modal-sheet-content ${className}`}\n        style={{ ...styles.content, ...style }}\n        {..._dragProps}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContent;\n","import * as React from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetHeader = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, disableDrag, ...rest }, ref) => {\n    const { indicatorRotation, dragProps } = useSheetContext();\n    const _dragProps = disableDrag ? undefined : dragProps;\n\n    const indicator1Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(2px) rotate(${r}deg)`\n    );\n\n    const indicator2Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(-2px) rotate(${-1 * r}deg)`\n    );\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        style={{ ...styles.headerWrapper, ...style }}\n        {..._dragProps}\n      >\n        {children || (\n          <div className=\"react-modal-sheet-header\" style={styles.header}>\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator1Transform }}\n            />\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator2Transform }}\n            />\n          </div>\n        )}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetHeader;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = React.forwardRef<any, SheetBackdropProps>(\n  ({ style = {}, className = '', ...rest }, ref) => {\n    const Comp = isClickable(rest) ? motion.button : motion.div;\n    const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n    return (\n      <Comp\n        {...rest}\n        ref={ref}\n        className={`react-modal-sheet-backdrop ${className}`}\n        style={{ ...styles.backdrop, ...style, pointerEvents }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n      />\n    );\n  }\n);\n\nexport default SheetBackdrop;\n","import { MotionValue } from 'framer-motion';\n\nimport Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport { SheetCompound } from './types';\n\nexport type SheetRef = {\n  y: MotionValue<number>;\n  snapTo: (index: number) => void;\n};\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n\nexport default _SheetCompound as SheetCompound;\n"],"names":["MAX_HEIGHT","IS_SSR","window","DEFAULT_SPRING_CONFIG","stiffness","damping","mass","DRAG_CLOSE_THRESHOLD","DRAG_VELOCITY_THRESHOLD","getClosest","nums","goal","reduce","prev","curr","Math","abs","highlightId","applyRootStyles","rootId","body","document","querySelector","root","p","h","innerHeight","s","style","backgroundColor","overflow","willChange","transition","transform","borderTopRightRadius","borderTopLeftRadius","highlight","createElement","setAttribute","id","position","top","left","bottom","right","opacity","appendChild","requestAnimationFrame","cleanupRootStyles","getElementById","onTransitionEnd","removeProperty","removeEventListener","parentNode","removeChild","addEventListener","inDescendingOrder","arr","i","length","validateSnapTo","snapTo","sheetHeight","console","warn","max","round","useIsomorphicLayoutEffect","React","useModalEffect","isOpen","prevOpen","usePrevious","useEventCallbacks","callbacks","didOpen","handleAnimationComplete","current","onOpenEnd","onCloseEnd","onOpenStart","onCloseStart","useWindowHeight","windowHeight","setWindowHeight","updateHeight","state","ref","useEvent","handler","handlerRef","fn","args","SheetContext","undefined","useSheetContext","context","Error","styles","wrapper","zIndex","pointerEvents","backdrop","width","height","touchAction","border","container","boxShadow","display","flexDirection","headerWrapper","header","alignItems","justifyContent","indicator","borderRadius","content","flex","Sheet","onClose","onSnap","children","snapPoints","mountPoint","detent","initialSnap","springConfig","disableDrag","prefersReducedMotion","rest","sheetRef","indicatorRotation","useMotionValue","shouldReduceMotion","useReducedMotion","reduceMotion","Boolean","animationOptions","type","duration","y","map","point","assert","onDrag","_","delta","velocity","getVelocity","set","get","onDragEnd","sheetEl","getBoundingClientRect","currentY","snapToValues","filter","includes","unshift","animate","snapValue","snapIndex","indexOf","snapPoint","usePreventScroll","isDisabled","dragProps","drag","dragElastic","dragConstraints","dragMomentum","sheet","Provider","value","AnimatePresence","child","key","ReactDOM","SheetContainer","className","initialY","maxSnapHeight","motion","div","mergeRefs","maxHeight","initial","exit","onAnimationComplete","SheetContent","_dragProps","SheetHeader","indicator1Transform","useTransform","r","indicator2Transform","span","isClickable","props","onClick","onTap","SheetBackdrop","Comp","button","_SheetCompound","Container","Header","Content","Backdrop"],"mappings":"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"}

package/dist/react-modal-sheet.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=require("react-dom"),r=require("@react-aria/overlays"),o=require("framer-motion"),i=(e=require("react-merge-refs"))&&"object"==typeof e&&"default"in e?e.default:e;function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}var l="calc(100% - env(safe-area-inset-top) - 34px)",u="undefined"==typeof window,c={stiffness:300,damping:30,mass:.2};function d(e,t){return e.reduce((function(e,n){return Math.abs(n-t)<Math.abs(e-t)?n:e}))}function f(e){var t=document.querySelector("body"),n=document.getElementById(e),r=document.getElementById("react-modal-sheet-highlight");n&&r&&(n.style.removeProperty("border-top-right-radius"),n.style.removeProperty("border-top-left-radius"),n.style.removeProperty("transform"),r.style.opacity="0",n.addEventListener("transitionend",(function e(){var o;n.style.removeProperty("overflow"),n.style.removeProperty("will-change"),n.style.removeProperty("transition"),t.style.removeProperty("background-color"),n.removeEventListener("transitionend",e),null==(o=r.parentNode)||o.removeChild(r)})))}function p(e){var t=e.snapTo,n=e.sheetHeight;return t<0&&console.warn("Snap point is out of bounds. Sheet height is "+n+" but snap point is "+(n+Math.abs(t))+"."),Math.max(Math.round(t),0)}var h=u?t.useEffect:t.useLayoutEffect;function m(e){var n=t.useRef();return t.useEffect((function(){n.current=e})),n.current}function y(e){var n=t.useRef();return h((function(){n.current=e})),t.useCallback((function(){for(var e=n.current,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return null==e?void 0:e.apply(void 0,r)}),[])}var v=t.createContext(void 0),g=function(){var e=t.useContext(v);if(!e)throw Error("Sheet context error");return e},b={wrapper:{position:"fixed",top:0,bottom:0,left:0,right:0,zIndex:9999999,overflow:"hidden",pointerEvents:"none"},backdrop:{zIndex:1,position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(51, 51, 51, 0.5)",touchAction:"none"},container:{zIndex:2,position:"absolute",left:0,bottom:0,width:"100%",backgroundColor:"#fff",borderTopRightRadius:"8px",borderTopLeftRadius:"8px",boxShadow:"0px -2px 16px rgba(0, 0, 0, 0.3)",display:"flex",flexDirection:"column",pointerEvents:"auto"},headerWrapper:{width:"100%"},header:{height:"40px",width:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},indicator:{width:"18px",height:"4px",borderRadius:"99px",backgroundColor:"#ddd"},content:{flex:1,overflow:"auto",position:"relative"}},E=t.forwardRef((function(e,i){var l=e.onOpenStart,g=e.onOpenEnd,E=e.onClose,x=e.onCloseStart,C=e.onCloseEnd,w=e.onSnap,O=e.children,S=e.isOpen,R=e.snapPoints,P=e.rootId,M=e.mountPoint,k=e.style,j=e.detent,T=void 0===j?"full-height":j,H=e.initialSnap,q=void 0===H?0:H,I=e.springConfig,A=void 0===I?c:I,L=e.disableDrag,N=void 0!==L&&L,B=e.prefersReducedMotion,D=void 0!==B&&B,z=s(e,["onOpenStart","onOpenEnd","onClose","onCloseStart","onCloseEnd","onSnap","children","isOpen","snapPoints","rootId","mountPoint","style","detent","initialSnap","springConfig","disableDrag","prefersReducedMotion"]),V=t.useRef(null),W=o.useMotionValue(0),X=function(){var e=t.useState(0),n=e[0],r=e[1];return h((function(){var e=function(){return r(window.innerHeight)};return window.addEventListener("resize",e),e(),function(){return window.removeEventListener("resize",e)}}),[]),n}(),_=o.useReducedMotion(),F=Boolean(D||_),Y=F?{type:"tween",duration:.01}:a({type:"spring"},A),G=o.useMotionValue(0),J=t.useRef({onOpenStart:l,onOpenEnd:g,onCloseStart:x,onCloseEnd:C});h((function(){J.current={onOpenStart:l,onOpenEnd:g,onCloseStart:x,onCloseEnd:C}})),R&&(R=R.map((function(e){return e>0&&e<=1?Math.round(e*X):e<0?X+e:e})),console.assert(function(e){for(var t=0;t<e.length;t++)if(e[t+1]>e[t])return!1;return!0}(R)||0===X,"Snap points need to be in descending order got: ["+R+"]"));var K=y((function(e,t){var n=t.delta,r=G.getVelocity();r>0&&W.set(10),r<0&&W.set(-10),G.set(Math.max(G.get()+n.y,0))})),Q=y((function(e,t){if(t.velocity.y>500)E();else{var n=V.current.getBoundingClientRect().height,r=G.get(),i=0;if(R){var a=R.map((function(e){return n-e})).filter((function(e){return e>=0}));"content-height"!==T||a.includes(0)||a.unshift(0),i=d(a,r)}else r/n>.6&&(i=n);if(i=p({snapTo:i,sheetHeight:n}),o.animate(G,i,Y),R&&w){var s=Math.abs(Math.round(R[0]-i)),l=R.indexOf(d(R,s));w(l)}i>=n&&E()}W.set(0)}));t.useEffect((function(){R&&w&&w(S?q:R.length-1)}),[S]),t.useImperativeHandle(i,(function(){return{y:G,snapTo:function(e){var t=V.current;if(R&&void 0!==R[e]&&null!==t){var n=t.getBoundingClientRect().height,r=p({snapTo:n-R[e],sheetHeight:n});o.animate(G,r,Y),w&&w(e),r>=n&&E()}}}})),function(e,n){var r=m(e);t.useEffect((function(){n&&!r&&e?function(e){var t=document.querySelector("body"),n=document.querySelector("#"+e);if(n){var r=window.innerHeight,o=(r-24)/r;t.style.backgroundColor="#000",n.style.overflow="hidden",n.style.willChange="transform",n.style.transition="transform 200ms linear",n.style.transform="translateY(calc(env(safe-area-inset-top) + 12px)) scale("+o+")",n.style.borderTopRightRadius="10px",n.style.borderTopLeftRadius="10px";var i=document.createElement("div");i.setAttribute("aria-hidden","true"),i.id="react-modal-sheet-highlight",i.style.position="absolute",i.style.top="0px",i.style.left="0px",i.style.bottom="0px",i.style.right="0px",i.style.opacity="0",i.style.transition="opacity 200ms linear",i.style.backgroundColor="rgba(150, 150, 150, 0.1)",n.appendChild(i),requestAnimationFrame((function(){return i.style.opacity="1"}))}}(n):n&&!e&&r&&f(n)}),[e,r]),t.useEffect((function(){return function(){n&&e&&f(n)}}),[e])}(S,P),r.usePreventScroll({isDisabled:!S});var U=t.useMemo((function(){return N?void 0:{drag:"y",dragElastic:0,dragConstraints:{top:0,bottom:0},dragMomentum:!1,onDrag:K,onDragEnd:Q}}),[N]),Z=t.createElement(v.Provider,{value:{y:G,sheetRef:V,isOpen:S,initialSnap:q,snapPoints:R,detent:T,indicatorRotation:W,callbacks:J,dragProps:U,windowHeight:X,animationOptions:Y,reduceMotion:F}},t.createElement("div",Object.assign({},z,{ref:i,style:a({},b.wrapper,k)}),t.createElement(o.AnimatePresence,null,S?t.Children.map(O,(function(e,n){return t.cloneElement(e,{key:"sheet-child-"+n})})):null)));return u?Z:n.createPortal(Z,null!=M?M:document.body)})),x=t.forwardRef((function(e,n){var r=e.children,u=e.style,c=void 0===u?{}:u,d=s(e,["children","style"]),f=g(),p=f.y,h=f.snapPoints,y=f.initialSnap,v=void 0===y?0:y,E=f.sheetRef,x=f.windowHeight,C=f.detent,w=f.animationOptions,O=f.reduceMotion,S=function(e,n){var r=m(e),o=t.useRef(!1),i=t.useCallback((function(){o.current?(null==n.current.onCloseEnd||n.current.onCloseEnd(),o.current=!1):(null==n.current.onOpenEnd||n.current.onOpenEnd(),o.current=!0)}),[e,r]);return t.useEffect((function(){!r&&e?null==n.current.onOpenStart||n.current.onOpenStart():!e&&r&&(null==n.current.onCloseStart||n.current.onCloseStart())}),[e,r]),{handleAnimationComplete:i}}(f.isOpen,f.callbacks).handleAnimationComplete,R=h?h[0]-h[v]:0,P=h?h[0]:null,M=null!==P?"min("+P+"px, "+l+")":l;return t.createElement(o.motion.div,Object.assign({},d,{ref:i([E,n]),className:"react-modal-sheet-container",style:a({},b.container,c,"full-height"===C&&{height:M},"content-height"===C&&{maxHeight:M},{y:p}),initial:!O&&{y:x},animate:{y:R,transition:w},exit:{y:x,transition:w},onAnimationComplete:S}),r)})),C=t.forwardRef((function(e,n){var r=e.children,i=e.style,l=s(e,["children","style"]),u=g().dragProps;return t.createElement(o.motion.div,Object.assign({},l,{ref:n,className:"react-modal-sheet-content",style:a({},b.content,i)},u),r)})),w=t.forwardRef((function(e,n){var r=e.children,i=e.style,l=s(e,["children","style"]),u=g(),c=u.indicatorRotation,d=u.dragProps,f=o.useTransform(c,(function(e){return"translateX(2px) rotate("+e+"deg)"})),p=o.useTransform(c,(function(e){return"translateX(-2px) rotate("+-1*e+"deg)"}));return t.createElement(o.motion.div,Object.assign({},l,{ref:n,style:a({},b.headerWrapper,i)},d),r||t.createElement("div",{className:"react-modal-sheet-header",style:b.header},t.createElement(o.motion.span,{className:"react-modal-sheet-drag-indicator",style:a({},b.indicator,{transform:f})}),t.createElement(o.motion.span,{className:"react-modal-sheet-drag-indicator",style:a({},b.indicator,{transform:p})})))})),O=function(e){return!!e.onClick||!!e.onTap},S=t.forwardRef((function(e,n){var r=e.style,i=void 0===r?{}:r,l=s(e,["style"]),u=O(l)?o.motion.button:o.motion.div,c=O(l)?"auto":"none";return t.createElement(u,Object.assign({},l,{ref:n,className:"react-modal-sheet-backdrop",style:a({},b.backdrop,i,{pointerEvents:c}),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}))})),R=E;R.Container=x,R.Header=w,R.Content=C,R.Backdrop=S,exports.default=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=require("react-dom"),r=require("@react-aria/overlays"),o=require("framer-motion"),i=(e=require("react-merge-refs"))&&"object"==typeof e&&"default"in e?e.default:e;function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}var l="calc(100% - env(safe-area-inset-top) - 34px)",d="undefined"==typeof window,c={stiffness:300,damping:30,mass:.2};function u(e,t){return e.reduce((function(e,n){return Math.abs(n-t)<Math.abs(e-t)?n:e}))}function f(e){var t=document.querySelector("body"),n=document.getElementById(e),r=document.getElementById("react-modal-sheet-highlight");n&&r&&(n.style.removeProperty("border-top-right-radius"),n.style.removeProperty("border-top-left-radius"),n.style.removeProperty("transform"),r.style.opacity="0",n.addEventListener("transitionend",(function e(){var o;n.style.removeProperty("overflow"),n.style.removeProperty("will-change"),n.style.removeProperty("transition"),t.style.removeProperty("background-color"),n.removeEventListener("transitionend",e),null==(o=r.parentNode)||o.removeChild(r)})))}function p(e){var t=e.snapTo,n=e.sheetHeight;return t<0&&console.warn("Snap point is out of bounds. Sheet height is "+n+" but snap point is "+(n+Math.abs(t))+"."),Math.max(Math.round(t),0)}var m=d?t.useEffect:t.useLayoutEffect;function h(e){var n=t.useRef();return t.useEffect((function(){n.current=e})),n.current}function v(e){var n=t.useRef();return m((function(){n.current=e})),t.useCallback((function(){for(var e=n.current,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return null==e?void 0:e.apply(void 0,r)}),[])}var y=t.createContext(void 0),g=function(){var e=t.useContext(y);if(!e)throw Error("Sheet context error");return e},b={wrapper:{position:"fixed",top:0,bottom:0,left:0,right:0,zIndex:9999999,overflow:"hidden",pointerEvents:"none"},backdrop:{zIndex:1,position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(51, 51, 51, 0.5)",touchAction:"none",border:"none"},container:{zIndex:2,position:"absolute",left:0,bottom:0,width:"100%",backgroundColor:"#fff",borderTopRightRadius:"8px",borderTopLeftRadius:"8px",boxShadow:"0px -2px 16px rgba(0, 0, 0, 0.3)",display:"flex",flexDirection:"column",pointerEvents:"auto"},headerWrapper:{width:"100%"},header:{height:"40px",width:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},indicator:{width:"18px",height:"4px",borderRadius:"99px",backgroundColor:"#ddd"},content:{flex:1,overflow:"auto",position:"relative"}},E=t.forwardRef((function(e,i){var l=e.onOpenStart,g=e.onOpenEnd,E=e.onClose,x=e.onCloseStart,C=e.onCloseEnd,w=e.onSnap,O=e.children,S=e.isOpen,R=e.snapPoints,P=e.rootId,M=e.mountPoint,k=e.style,N=e.detent,j=void 0===N?"full-height":N,T=e.initialSnap,D=void 0===T?0:T,H=e.springConfig,q=void 0===H?c:H,I=e.disableDrag,A=void 0!==I&&I,L=e.prefersReducedMotion,B=void 0!==L&&L,z=s(e,["onOpenStart","onOpenEnd","onClose","onCloseStart","onCloseEnd","onSnap","children","isOpen","snapPoints","rootId","mountPoint","style","detent","initialSnap","springConfig","disableDrag","prefersReducedMotion"]),V=t.useRef(null),W=o.useMotionValue(0),X=function(){var e=t.useState(0),n=e[0],r=e[1];return m((function(){var e=function(){return r(window.innerHeight)};return window.addEventListener("resize",e),e(),function(){return window.removeEventListener("resize",e)}}),[]),n}(),_=o.useReducedMotion(),F=Boolean(B||_),Y=F?{type:"tween",duration:.01}:a({type:"spring"},q),G=o.useMotionValue(0),J=t.useRef({onOpenStart:l,onOpenEnd:g,onCloseStart:x,onCloseEnd:C});m((function(){J.current={onOpenStart:l,onOpenEnd:g,onCloseStart:x,onCloseEnd:C}})),R&&(R=R.map((function(e){return e>0&&e<=1?Math.round(e*X):e<0?X+e:e})),console.assert(function(e){for(var t=0;t<e.length;t++)if(e[t+1]>e[t])return!1;return!0}(R)||0===X,"Snap points need to be in descending order got: ["+R+"]"));var K=v((function(e,t){var n=t.delta,r=G.getVelocity();r>0&&W.set(10),r<0&&W.set(-10),G.set(Math.max(G.get()+n.y,0))})),Q=v((function(e,t){if(t.velocity.y>500)E();else{var n=V.current.getBoundingClientRect().height,r=G.get(),i=0;if(R){var a=R.map((function(e){return n-e})).filter((function(e){return e>=0}));"content-height"!==j||a.includes(0)||a.unshift(0),i=u(a,r)}else r/n>.6&&(i=n);if(i=p({snapTo:i,sheetHeight:n}),o.animate(G,i,Y),R&&w){var s=Math.abs(Math.round(R[0]-i)),l=R.indexOf(u(R,s));w(l)}i>=n&&E()}W.set(0)}));t.useEffect((function(){R&&w&&w(S?D:R.length-1)}),[S]),t.useImperativeHandle(i,(function(){return{y:G,snapTo:function(e){var t=V.current;if(R&&void 0!==R[e]&&null!==t){var n=t.getBoundingClientRect().height,r=p({snapTo:n-R[e],sheetHeight:n});o.animate(G,r,Y),w&&w(e),r>=n&&E()}}}})),function(e,n){var r=h(e);t.useEffect((function(){n&&!r&&e?function(e){var t=document.querySelector("body"),n=document.querySelector("#"+e);if(n){var r=window.innerHeight,o=(r-24)/r;t.style.backgroundColor="#000",n.style.overflow="hidden",n.style.willChange="transform",n.style.transition="transform 200ms linear",n.style.transform="translateY(calc(env(safe-area-inset-top) + 12px)) scale("+o+")",n.style.borderTopRightRadius="10px",n.style.borderTopLeftRadius="10px";var i=document.createElement("div");i.setAttribute("aria-hidden","true"),i.id="react-modal-sheet-highlight",i.style.position="absolute",i.style.top="0px",i.style.left="0px",i.style.bottom="0px",i.style.right="0px",i.style.opacity="0",i.style.transition="opacity 200ms linear",i.style.backgroundColor="rgba(150, 150, 150, 0.1)",n.appendChild(i),requestAnimationFrame((function(){return i.style.opacity="1"}))}}(n):n&&!e&&r&&f(n)}),[e,r]),t.useEffect((function(){return function(){n&&e&&f(n)}}),[e])}(S,P),r.usePreventScroll({isDisabled:!S});var U=t.useMemo((function(){return A?void 0:{drag:"y",dragElastic:0,dragConstraints:{top:0,bottom:0},dragMomentum:!1,onDrag:K,onDragEnd:Q}}),[A]),Z=t.createElement(y.Provider,{value:{y:G,sheetRef:V,isOpen:S,initialSnap:D,snapPoints:R,detent:j,indicatorRotation:W,callbacks:J,dragProps:U,windowHeight:X,animationOptions:Y,reduceMotion:F}},t.createElement("div",Object.assign({},z,{ref:i,style:a({},b.wrapper,k)}),t.createElement(o.AnimatePresence,null,S?t.Children.map(O,(function(e,n){return t.cloneElement(e,{key:"sheet-child-"+n})})):null)));return d?Z:n.createPortal(Z,null!=M?M:document.body)})),x=t.forwardRef((function(e,n){var r=e.children,d=e.style,c=void 0===d?{}:d,u=e.className,f=void 0===u?"":u,p=s(e,["children","style","className"]),m=g(),v=m.y,y=m.snapPoints,E=m.initialSnap,x=void 0===E?0:E,C=m.sheetRef,w=m.windowHeight,O=m.detent,S=m.animationOptions,R=m.reduceMotion,P=function(e,n){var r=h(e),o=t.useRef(!1),i=t.useCallback((function(){o.current?(null==n.current.onCloseEnd||n.current.onCloseEnd(),o.current=!1):(null==n.current.onOpenEnd||n.current.onOpenEnd(),o.current=!0)}),[e,r]);return t.useEffect((function(){!r&&e?null==n.current.onOpenStart||n.current.onOpenStart():!e&&r&&(null==n.current.onCloseStart||n.current.onCloseStart())}),[e,r]),{handleAnimationComplete:i}}(m.isOpen,m.callbacks).handleAnimationComplete,M=y?y[0]-y[x]:0,k=y?y[0]:null,N=null!==k?"min("+k+"px, "+l+")":l;return t.createElement(o.motion.div,Object.assign({},p,{ref:i([C,n]),className:"react-modal-sheet-container "+f,style:a({},b.container,c,"full-height"===O&&{height:N},"content-height"===O&&{maxHeight:N},{y:v}),initial:!R&&{y:w},animate:{y:M,transition:S},exit:{y:w,transition:S},onAnimationComplete:P}),r)})),C=t.forwardRef((function(e,n){var r=e.children,i=e.style,l=e.disableDrag,d=e.className,c=void 0===d?"":d,u=s(e,["children","style","disableDrag","className"]),f=g(),p=l?void 0:f.dragProps;return t.createElement(o.motion.div,Object.assign({},u,{ref:n,className:"react-modal-sheet-content "+c,style:a({},b.content,i)},p),r)})),w=t.forwardRef((function(e,n){var r=e.children,i=e.style,l=e.disableDrag,d=s(e,["children","style","disableDrag"]),c=g(),u=c.indicatorRotation,f=l?void 0:c.dragProps,p=o.useTransform(u,(function(e){return"translateX(2px) rotate("+e+"deg)"})),m=o.useTransform(u,(function(e){return"translateX(-2px) rotate("+-1*e+"deg)"}));return t.createElement(o.motion.div,Object.assign({},d,{ref:n,style:a({},b.headerWrapper,i)},f),r||t.createElement("div",{className:"react-modal-sheet-header",style:b.header},t.createElement(o.motion.span,{className:"react-modal-sheet-drag-indicator",style:a({},b.indicator,{transform:p})}),t.createElement(o.motion.span,{className:"react-modal-sheet-drag-indicator",style:a({},b.indicator,{transform:m})})))})),O=function(e){return!!e.onClick||!!e.onTap},S=t.forwardRef((function(e,n){var r=e.style,i=void 0===r?{}:r,l=e.className,d=void 0===l?"":l,c=s(e,["style","className"]),u=O(c)?o.motion.button:o.motion.div,f=O(c)?"auto":"none";return t.createElement(u,Object.assign({},c,{ref:n,className:"react-modal-sheet-backdrop "+d,style:a({},b.backdrop,i,{pointerEvents:f}),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}))})),R=E;R.Container=x,R.Header=w,R.Content=C,R.Backdrop=S,exports.default=R;
 //# sourceMappingURL=react-modal-sheet.cjs.production.min.js.map

package/dist/react-modal-sheet.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-modal-sheet.cjs.production.min.js","sources":["../src/constants.ts","../src/utils.ts","../src/hooks.tsx","../src/context.tsx","../src/styles.ts","../src/sheet.tsx","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/index.tsx"],"sourcesContent":["export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_SPRING_CONFIG = {\n  stiffness: 300,\n  damping: 30,\n  mass: 0.2,\n};\n\nexport const DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DRAG_VELOCITY_THRESHOLD = 500;\n","export function getClosest(nums: number[], goal: number) {\n  return nums.reduce((prev, curr) => {\n    return Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev;\n  });\n}\n\nconst highlightId = 'react-modal-sheet-highlight';\n\nexport function applyRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n\n  if (root) {\n    const p = 24;\n    const h = window.innerHeight;\n    const s = (h - p) / h;\n    body.style.backgroundColor = '#000';\n    root.style.overflow = 'hidden';\n    root.style.willChange = 'transform';\n    root.style.transition = 'transform 200ms linear';\n    root.style.transform = `translateY(calc(env(safe-area-inset-top) + ${p / 2}px)) scale(${s})`; // prettier-ignore\n    root.style.borderTopRightRadius = '10px';\n    root.style.borderTopLeftRadius = '10px';\n\n    // Add highlighed overlay to emphasize the modality effect\n    const highlight = document.createElement('div');\n    highlight.setAttribute('aria-hidden', 'true');\n    highlight.id = highlightId;\n    highlight.style.position = 'absolute';\n    highlight.style.top = '0px';\n    highlight.style.left = '0px';\n    highlight.style.bottom = '0px';\n    highlight.style.right = '0px';\n    highlight.style.opacity = '0';\n    highlight.style.transition = 'opacity 200ms linear';\n    highlight.style.backgroundColor = 'rgba(150, 150, 150, 0.1)';\n\n    root.appendChild(highlight);\n    requestAnimationFrame(() => (highlight.style.opacity = '1'));\n  }\n}\n\nexport function cleanupRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.getElementById(rootId) as HTMLDivElement;\n  const highlight = document.getElementById(highlightId) as HTMLDivElement;\n\n  function onTransitionEnd() {\n    root.style.removeProperty('overflow');\n    root.style.removeProperty('will-change');\n    root.style.removeProperty('transition');\n    body.style.removeProperty('background-color');\n    root.removeEventListener('transitionend', onTransitionEnd);\n    highlight.parentNode?.removeChild(highlight);\n  }\n\n  if (root && highlight) {\n    // Start animating back\n    root.style.removeProperty('border-top-right-radius');\n    root.style.removeProperty('border-top-left-radius');\n    root.style.removeProperty('transform');\n    highlight.style.opacity = '0';\n\n    // Remove temp properties after animation is finished\n    root.addEventListener('transitionend', onTransitionEnd);\n  }\n}\n\nexport function inDescendingOrder(arr: number[]) {\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i + 1] > arr[i]) return false;\n  }\n\n  return true;\n}\n\nexport function validateSnapTo({\n  snapTo,\n  sheetHeight,\n}: {\n  snapTo: number;\n  sheetHeight: number;\n}) {\n  if (snapTo < 0) {\n    console.warn(\n      `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${sheetHeight +\n        Math.abs(snapTo)}.`\n    );\n  }\n\n  return Math.max(Math.round(snapTo), 0);\n}\n","import * as React from 'react';\n\nimport { IS_SSR } from './constants';\nimport { SheetEvents } from './types';\nimport { applyRootStyles, cleanupRootStyles } from './utils';\n\nexport const useIsomorphicLayoutEffect = IS_SSR\n  ? React.useEffect\n  : React.useLayoutEffect;\n\nexport const useModalEffect = (isOpen: boolean, rootId?: string) => {\n  const prevOpen = usePrevious(isOpen);\n\n  // Automatically apply the iOS modal effect to the body when sheet opens/closes\n  React.useEffect(() => {\n    if (rootId && !prevOpen && isOpen) {\n      applyRootStyles(rootId);\n    } else if (rootId && !isOpen && prevOpen) {\n      cleanupRootStyles(rootId);\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  // Make sure to cleanup modal styles on unmount\n  React.useEffect(() => {\n    return () => {\n      if (rootId && isOpen) cleanupRootStyles(rootId);\n    };\n  }, [isOpen]); // eslint-disable-line\n};\n\nexport const useEventCallbacks = (\n  isOpen: boolean,\n  callbacks: React.MutableRefObject<SheetEvents>\n) => {\n  const prevOpen = usePrevious(isOpen);\n  const didOpen = React.useRef(false);\n\n  // Because of AnimatePrecence we don't have access to latest isOpen value\n  // so we need to read and write to a ref to determine if we are\n  // opening or closing the sheet\n  const handleAnimationComplete = React.useCallback(() => {\n    if (!didOpen.current) {\n      callbacks.current.onOpenEnd?.();\n      didOpen.current = true;\n    } else {\n      callbacks.current.onCloseEnd?.();\n      didOpen.current = false;\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  React.useEffect(() => {\n    if (!prevOpen && isOpen) {\n      callbacks.current.onOpenStart?.();\n    } else if (!isOpen && prevOpen) {\n      callbacks.current.onCloseStart?.();\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  return { handleAnimationComplete };\n};\n\nexport function useWindowHeight() {\n  const [windowHeight, setWindowHeight] = React.useState(0);\n\n  useIsomorphicLayoutEffect(() => {\n    const updateHeight = () => setWindowHeight(window.innerHeight);\n    window.addEventListener('resize', updateHeight);\n    updateHeight();\n    return () => window.removeEventListener('resize', updateHeight);\n  }, []);\n\n  return windowHeight;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = state;\n  });\n\n  return ref.current;\n}\n\n// Userland version of the `useEvent` React hook:\n// RFC: https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md\nexport function useEvent<T extends (...args: any[]) => any>(handler: T) {\n  const handlerRef = React.useRef<T>();\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return React.useCallback((...args: any[]) => {\n    const fn = handlerRef.current;\n    return fn?.(...args);\n  }, []) as T;\n}\n","import * as React from 'react';\nimport { SheetContextType } from './types';\n\nexport const SheetContext = React.createContext<SheetContextType | undefined>(\n  undefined\n);\n\nexport const useSheetContext = () => {\n  const context = React.useContext(SheetContext);\n  if (!context) throw Error('Sheet context error');\n  return context;\n};\n","import * as CSS from 'csstype';\n\nconst styles: { [key: string]: CSS.Properties } = {\n  wrapper: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 9999999,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n  },\n  backdrop: {\n    zIndex: 1,\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'rgba(51, 51, 51, 0.5)',\n    touchAction: 'none', // Disable iOS body scrolling\n  },\n  container: {\n    zIndex: 2,\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n    width: '100%',\n    backgroundColor: '#fff',\n    borderTopRightRadius: '8px',\n    borderTopLeftRadius: '8px',\n    boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n    display: 'flex',\n    flexDirection: 'column',\n    pointerEvents: 'auto',\n  },\n  headerWrapper: {\n    width: '100%',\n  },\n  header: {\n    height: '40px',\n    width: '100%',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  indicator: {\n    width: '18px',\n    height: '4px',\n    borderRadius: '99px',\n    backgroundColor: '#ddd',\n  },\n  content: {\n    flex: 1,\n    overflow: 'auto',\n    position: 'relative',\n  },\n};\n\nexport default styles;\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { usePreventScroll } from '@react-aria/overlays';\n\nimport {\n  animate,\n  AnimatePresence,\n  AnimationOptions,\n  PanInfo,\n  useMotionValue,\n  useReducedMotion,\n} from 'framer-motion';\n\nimport {\n  useModalEffect,\n  useWindowHeight,\n  useIsomorphicLayoutEffect,\n  useEvent,\n} from './hooks';\n\nimport {\n  DEFAULT_SPRING_CONFIG,\n  DRAG_CLOSE_THRESHOLD,\n  DRAG_VELOCITY_THRESHOLD,\n  IS_SSR,\n} from './constants';\n\nimport { SheetContextType, SheetProps } from './types';\nimport { SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport styles from './styles';\n\nconst Sheet = React.forwardRef<any, SheetProps>(\n  (\n    {\n      onOpenStart,\n      onOpenEnd,\n      onClose,\n      onCloseStart,\n      onCloseEnd,\n      onSnap,\n      children,\n      isOpen,\n      snapPoints,\n      rootId,\n      mountPoint,\n      style,\n      detent = 'full-height',\n      initialSnap = 0,\n      springConfig = DEFAULT_SPRING_CONFIG,\n      disableDrag = false,\n      prefersReducedMotion = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const sheetRef = React.useRef<any>(null);\n    const indicatorRotation = useMotionValue(0);\n    const windowHeight = useWindowHeight();\n    const shouldReduceMotion = useReducedMotion();\n    const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n    const animationOptions: AnimationOptions<number> = reduceMotion\n      ? { type: 'tween', duration: 0.01 }\n      : { type: 'spring', ...springConfig };\n\n    // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n    // the value driven by the `AnimatePresence` component when the sheet is opened\n    // and after that it is driven by the gestures and/or snapping\n    const y = useMotionValue(0);\n\n    // Keep the callback fns up-to-date so that they can be accessed inside\n    // the effect without including them to the dependencies array\n    const callbacks = React.useRef({\n      onOpenStart,\n      onOpenEnd,\n      onCloseStart,\n      onCloseEnd,\n    });\n\n    useIsomorphicLayoutEffect(() => {\n      callbacks.current = {\n        onOpenStart,\n        onOpenEnd,\n        onCloseStart,\n        onCloseEnd,\n      };\n    });\n\n    if (snapPoints) {\n      // Convert negative / percentage snap points to absolute values\n      snapPoints = snapPoints.map(point => {\n        // Percentage values e.g. between 0.0 and 1.0\n        if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n        return point < 0 ? windowHeight + point : point; // negative values\n      });\n\n      console.assert(\n        inDescendingOrder(snapPoints) || windowHeight === 0,\n        `Snap points need to be in descending order got: [${snapPoints}]`\n      );\n    }\n\n    const onDrag = useEvent((_, { delta }: PanInfo) => {\n      // Update drag indicator rotation based on drag velocity\n      const velocity = y.getVelocity();\n\n      if (velocity > 0) indicatorRotation.set(10);\n      if (velocity < 0) indicatorRotation.set(-10);\n\n      // Make sure user cannot drag beyond the top of the sheet\n      y.set(Math.max(y.get() + delta.y, 0));\n    });\n\n    const onDragEnd = useEvent((_, { velocity }: PanInfo) => {\n      if (velocity.y > DRAG_VELOCITY_THRESHOLD) {\n        // User flicked the sheet down\n        onClose();\n      } else {\n        const sheetEl = sheetRef.current as HTMLDivElement;\n        const sheetHeight = sheetEl.getBoundingClientRect().height;\n        const currentY = y.get();\n\n        let snapTo = 0;\n\n        if (snapPoints) {\n          const snapToValues = snapPoints\n            .map(p => sheetHeight - p)\n            .filter(p => p >= 0); // negative values can occur with `content-height` detent\n\n          // Allow snapping to the top of the sheet if detent is set to `content-height`\n          if (detent === 'content-height' && !snapToValues.includes(0)) {\n            snapToValues.unshift(0);\n          }\n\n          // Get the closest snap point\n          snapTo = getClosest(snapToValues, currentY);\n        } else if (currentY / sheetHeight > DRAG_CLOSE_THRESHOLD) {\n          // Close if dragged over enough far\n          snapTo = sheetHeight;\n        }\n\n        snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n        // Update the spring value so that the sheet is animated to the snap point\n        animate(y, snapTo, animationOptions);\n\n        if (snapPoints && onSnap) {\n          const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n          const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n          onSnap(snapIndex);\n        }\n\n        if (snapTo >= sheetHeight) onClose();\n      }\n\n      // Reset indicator rotation after dragging\n      indicatorRotation.set(0);\n    });\n\n    // Trigger onSnap callback when sheet is opened or closed\n    React.useEffect(() => {\n      if (!snapPoints || !onSnap) return;\n      const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n      onSnap(snapIndex);\n    }, [isOpen]); // eslint-disable-line\n\n    React.useImperativeHandle(ref, () => ({\n      y,\n      snapTo: (snapIndex: number) => {\n        const sheetEl = sheetRef.current as HTMLDivElement | null;\n\n        if (\n          snapPoints &&\n          snapPoints[snapIndex] !== undefined &&\n          sheetEl !== null\n        ) {\n          const sheetHeight = sheetEl.getBoundingClientRect().height;\n          const snapPoint = snapPoints[snapIndex];\n          const snapTo = validateSnapTo({\n            snapTo: sheetHeight - snapPoint,\n            sheetHeight,\n          });\n\n          animate(y, snapTo, animationOptions);\n          if (onSnap) onSnap(snapIndex);\n          if (snapTo >= sheetHeight) onClose();\n        }\n      },\n    }));\n\n    useModalEffect(isOpen, rootId);\n\n    // Framer Motion should handle body scroll locking but it's not working\n    // properly on iOS. Scroll locking from React Aria seems to work much better.\n    usePreventScroll({ isDisabled: !isOpen });\n\n    const dragProps = React.useMemo(() => {\n      const dragProps: SheetContextType['dragProps'] = {\n        drag: 'y',\n        dragElastic: 0,\n        dragConstraints: { top: 0, bottom: 0 },\n        dragMomentum: false,\n        onDrag,\n        onDragEnd,\n      };\n\n      return disableDrag ? undefined : dragProps;\n    }, [disableDrag]); // eslint-disable-line\n\n    const context: SheetContextType = {\n      y,\n      sheetRef,\n      isOpen,\n      initialSnap,\n      snapPoints,\n      detent,\n      indicatorRotation,\n      callbacks,\n      dragProps,\n      windowHeight,\n      animationOptions,\n      reduceMotion,\n    };\n\n    const sheet = (\n      <SheetContext.Provider value={context}>\n        <div {...rest} ref={ref} style={{ ...styles.wrapper, ...style }}>\n          <AnimatePresence>\n            {/* NOTE: AnimatePresence requires us to set keys to children */}\n            {isOpen\n              ? React.Children.map(children, (child: any, i) =>\n                  React.cloneElement(child, { key: `sheet-child-${i}` })\n                )\n              : null}\n          </AnimatePresence>\n        </div>\n      </SheetContext.Provider>\n    );\n\n    if (IS_SSR) return sheet;\n\n    return ReactDOM.createPortal(sheet, mountPoint ?? document.body);\n  }\n);\n\nexport default Sheet;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport mergeRefs from 'react-merge-refs';\n\nimport { SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport styles from './styles';\n\nconst SheetContainer = React.forwardRef<any, SheetContainerProps>(\n  ({ children, style = {}, ...rest }, ref) => {\n    const {\n      y,\n      isOpen,\n      callbacks,\n      snapPoints,\n      initialSnap = 0,\n      sheetRef,\n      windowHeight,\n      detent,\n      animationOptions,\n      reduceMotion,\n    } = useSheetContext();\n\n    const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n    const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n    const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n    const height =\n      maxSnapHeight !== null\n        ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n        : MAX_HEIGHT;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={mergeRefs([sheetRef, ref])}\n        className=\"react-modal-sheet-container\"\n        style={{\n          ...styles.container,\n          ...style,\n          ...(detent === 'full-height' && { height }),\n          ...(detent === 'content-height' && { maxHeight: height }),\n          y,\n        }}\n        initial={reduceMotion ? false : { y: windowHeight }}\n        animate={{ y: initialY, transition: animationOptions }}\n        exit={{ y: windowHeight, transition: animationOptions }}\n        onAnimationComplete={handleAnimationComplete}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContainer;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetContent = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, ...rest }, ref) => {\n    const { dragProps } = useSheetContext();\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        className=\"react-modal-sheet-content\"\n        style={{ ...styles.content, ...style }}\n        {...dragProps}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContent;\n","import * as React from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetHeader = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, ...rest }, ref) => {\n    const { indicatorRotation, dragProps } = useSheetContext();\n\n    const indicator1Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(2px) rotate(${r}deg)`\n    );\n\n    const indicator2Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(-2px) rotate(${-1 * r}deg)`\n    );\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        style={{ ...styles.headerWrapper, ...style }}\n        {...dragProps}\n      >\n        {children || (\n          <div className=\"react-modal-sheet-header\" style={styles.header}>\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator1Transform }}\n            />\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator2Transform }}\n            />\n          </div>\n        )}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetHeader;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = React.forwardRef<any, SheetBackdropProps>(\n  ({ style = {}, ...rest }, ref) => {\n    const Comp = isClickable(rest) ? motion.button : motion.div;\n    const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n    return (\n      <Comp\n        {...rest}\n        ref={ref}\n        className=\"react-modal-sheet-backdrop\"\n        style={{ ...styles.backdrop, ...style, pointerEvents }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n      />\n    );\n  }\n);\n\nexport default SheetBackdrop;\n","import { MotionValue } from 'framer-motion';\n\nimport Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport { SheetCompound } from './types';\n\nexport type SheetRef = {\n  y: MotionValue<number>;\n  snapTo: (index: number) => void;\n};\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n\nexport default _SheetCompound as SheetCompound;\n"],"names":["MAX_HEIGHT","IS_SSR","window","DEFAULT_SPRING_CONFIG","stiffness","damping","mass","getClosest","nums","goal","reduce","prev","curr","Math","abs","cleanupRootStyles","rootId","body","document","querySelector","root","getElementById","highlight","style","removeProperty","opacity","addEventListener","onTransitionEnd","removeEventListener","parentNode","removeChild","validateSnapTo","snapTo","sheetHeight","console","warn","max","round","useIsomorphicLayoutEffect","React","usePrevious","state","ref","current","useEvent","handler","handlerRef","fn","args","SheetContext","undefined","useSheetContext","context","Error","styles","wrapper","position","top","bottom","left","right","zIndex","overflow","pointerEvents","backdrop","width","height","backgroundColor","touchAction","container","borderTopRightRadius","borderTopLeftRadius","boxShadow","display","flexDirection","headerWrapper","header","alignItems","justifyContent","indicator","borderRadius","content","flex","Sheet","onOpenStart","onOpenEnd","onClose","onCloseStart","onCloseEnd","onSnap","children","isOpen","snapPoints","mountPoint","detent","initialSnap","springConfig","disableDrag","prefersReducedMotion","rest","sheetRef","indicatorRotation","useMotionValue","windowHeight","setWindowHeight","updateHeight","innerHeight","useWindowHeight","shouldReduceMotion","useReducedMotion","reduceMotion","Boolean","animationOptions","type","duration","y","callbacks","map","point","assert","arr","i","length","inDescendingOrder","onDrag","_","delta","velocity","getVelocity","set","get","onDragEnd","getBoundingClientRect","currentY","snapToValues","p","filter","includes","unshift","animate","snapValue","snapIndex","indexOf","sheetEl","prevOpen","h","s","willChange","transition","transform","createElement","setAttribute","id","appendChild","requestAnimationFrame","applyRootStyles","useModalEffect","usePreventScroll","isDisabled","dragProps","drag","dragElastic","dragConstraints","dragMomentum","sheet","Provider","value","AnimatePresence","child","key","ReactDOM","SheetContainer","handleAnimationComplete","didOpen","useEventCallbacks","initialY","maxSnapHeight","motion","div","mergeRefs","className","maxHeight","initial","exit","onAnimationComplete","SheetContent","SheetHeader","indicator1Transform","useTransform","r","indicator2Transform","span","isClickable","props","onClick","onTap","SheetBackdrop","Comp","button","_SheetCompound","Container","Header","Content","Backdrop"],"mappings":"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"}
+{"version":3,"file":"react-modal-sheet.cjs.production.min.js","sources":["../src/constants.ts","../src/utils.ts","../src/hooks.tsx","../src/context.tsx","../src/styles.ts","../src/sheet.tsx","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/index.tsx"],"sourcesContent":["export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_SPRING_CONFIG = {\n  stiffness: 300,\n  damping: 30,\n  mass: 0.2,\n};\n\nexport const DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DRAG_VELOCITY_THRESHOLD = 500;\n","export function getClosest(nums: number[], goal: number) {\n  return nums.reduce((prev, curr) => {\n    return Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev;\n  });\n}\n\nconst highlightId = 'react-modal-sheet-highlight';\n\nexport function applyRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n\n  if (root) {\n    const p = 24;\n    const h = window.innerHeight;\n    const s = (h - p) / h;\n    body.style.backgroundColor = '#000';\n    root.style.overflow = 'hidden';\n    root.style.willChange = 'transform';\n    root.style.transition = 'transform 200ms linear';\n    root.style.transform = `translateY(calc(env(safe-area-inset-top) + ${p / 2}px)) scale(${s})`; // prettier-ignore\n    root.style.borderTopRightRadius = '10px';\n    root.style.borderTopLeftRadius = '10px';\n\n    // Add highlighed overlay to emphasize the modality effect\n    const highlight = document.createElement('div');\n    highlight.setAttribute('aria-hidden', 'true');\n    highlight.id = highlightId;\n    highlight.style.position = 'absolute';\n    highlight.style.top = '0px';\n    highlight.style.left = '0px';\n    highlight.style.bottom = '0px';\n    highlight.style.right = '0px';\n    highlight.style.opacity = '0';\n    highlight.style.transition = 'opacity 200ms linear';\n    highlight.style.backgroundColor = 'rgba(150, 150, 150, 0.1)';\n\n    root.appendChild(highlight);\n    requestAnimationFrame(() => (highlight.style.opacity = '1'));\n  }\n}\n\nexport function cleanupRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.getElementById(rootId) as HTMLDivElement;\n  const highlight = document.getElementById(highlightId) as HTMLDivElement;\n\n  function onTransitionEnd() {\n    root.style.removeProperty('overflow');\n    root.style.removeProperty('will-change');\n    root.style.removeProperty('transition');\n    body.style.removeProperty('background-color');\n    root.removeEventListener('transitionend', onTransitionEnd);\n    highlight.parentNode?.removeChild(highlight);\n  }\n\n  if (root && highlight) {\n    // Start animating back\n    root.style.removeProperty('border-top-right-radius');\n    root.style.removeProperty('border-top-left-radius');\n    root.style.removeProperty('transform');\n    highlight.style.opacity = '0';\n\n    // Remove temp properties after animation is finished\n    root.addEventListener('transitionend', onTransitionEnd);\n  }\n}\n\nexport function inDescendingOrder(arr: number[]) {\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i + 1] > arr[i]) return false;\n  }\n\n  return true;\n}\n\nexport function validateSnapTo({\n  snapTo,\n  sheetHeight,\n}: {\n  snapTo: number;\n  sheetHeight: number;\n}) {\n  if (snapTo < 0) {\n    console.warn(\n      `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${sheetHeight +\n        Math.abs(snapTo)}.`\n    );\n  }\n\n  return Math.max(Math.round(snapTo), 0);\n}\n","import * as React from 'react';\n\nimport { IS_SSR } from './constants';\nimport { SheetEvents } from './types';\nimport { applyRootStyles, cleanupRootStyles } from './utils';\n\nexport const useIsomorphicLayoutEffect = IS_SSR\n  ? React.useEffect\n  : React.useLayoutEffect;\n\nexport const useModalEffect = (isOpen: boolean, rootId?: string) => {\n  const prevOpen = usePrevious(isOpen);\n\n  // Automatically apply the iOS modal effect to the body when sheet opens/closes\n  React.useEffect(() => {\n    if (rootId && !prevOpen && isOpen) {\n      applyRootStyles(rootId);\n    } else if (rootId && !isOpen && prevOpen) {\n      cleanupRootStyles(rootId);\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  // Make sure to cleanup modal styles on unmount\n  React.useEffect(() => {\n    return () => {\n      if (rootId && isOpen) cleanupRootStyles(rootId);\n    };\n  }, [isOpen]); // eslint-disable-line\n};\n\nexport const useEventCallbacks = (\n  isOpen: boolean,\n  callbacks: React.MutableRefObject<SheetEvents>\n) => {\n  const prevOpen = usePrevious(isOpen);\n  const didOpen = React.useRef(false);\n\n  // Because of AnimatePrecence we don't have access to latest isOpen value\n  // so we need to read and write to a ref to determine if we are\n  // opening or closing the sheet\n  const handleAnimationComplete = React.useCallback(() => {\n    if (!didOpen.current) {\n      callbacks.current.onOpenEnd?.();\n      didOpen.current = true;\n    } else {\n      callbacks.current.onCloseEnd?.();\n      didOpen.current = false;\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  React.useEffect(() => {\n    if (!prevOpen && isOpen) {\n      callbacks.current.onOpenStart?.();\n    } else if (!isOpen && prevOpen) {\n      callbacks.current.onCloseStart?.();\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  return { handleAnimationComplete };\n};\n\nexport function useWindowHeight() {\n  const [windowHeight, setWindowHeight] = React.useState(0);\n\n  useIsomorphicLayoutEffect(() => {\n    const updateHeight = () => setWindowHeight(window.innerHeight);\n    window.addEventListener('resize', updateHeight);\n    updateHeight();\n    return () => window.removeEventListener('resize', updateHeight);\n  }, []);\n\n  return windowHeight;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = state;\n  });\n\n  return ref.current;\n}\n\n// Userland version of the `useEvent` React hook:\n// RFC: https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md\nexport function useEvent<T extends (...args: any[]) => any>(handler: T) {\n  const handlerRef = React.useRef<T>();\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return React.useCallback((...args: any[]) => {\n    const fn = handlerRef.current;\n    return fn?.(...args);\n  }, []) as T;\n}\n","import * as React from 'react';\nimport { SheetContextType } from './types';\n\nexport const SheetContext = React.createContext<SheetContextType | undefined>(\n  undefined\n);\n\nexport const useSheetContext = () => {\n  const context = React.useContext(SheetContext);\n  if (!context) throw Error('Sheet context error');\n  return context;\n};\n","import * as CSS from 'csstype';\n\nconst styles: { [key: string]: CSS.Properties } = {\n  wrapper: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 9999999,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n  },\n  backdrop: {\n    zIndex: 1,\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'rgba(51, 51, 51, 0.5)',\n    touchAction: 'none', // Disable iOS body scrolling\n    border: 'none',\n  },\n  container: {\n    zIndex: 2,\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n    width: '100%',\n    backgroundColor: '#fff',\n    borderTopRightRadius: '8px',\n    borderTopLeftRadius: '8px',\n    boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n    display: 'flex',\n    flexDirection: 'column',\n    pointerEvents: 'auto',\n  },\n  headerWrapper: {\n    width: '100%',\n  },\n  header: {\n    height: '40px',\n    width: '100%',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  indicator: {\n    width: '18px',\n    height: '4px',\n    borderRadius: '99px',\n    backgroundColor: '#ddd',\n  },\n  content: {\n    flex: 1,\n    overflow: 'auto',\n    position: 'relative',\n  },\n};\n\nexport default styles;\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { usePreventScroll } from '@react-aria/overlays';\n\nimport {\n  animate,\n  AnimatePresence,\n  AnimationOptions,\n  PanInfo,\n  useMotionValue,\n  useReducedMotion,\n} from 'framer-motion';\n\nimport {\n  useModalEffect,\n  useWindowHeight,\n  useIsomorphicLayoutEffect,\n  useEvent,\n} from './hooks';\n\nimport {\n  DEFAULT_SPRING_CONFIG,\n  DRAG_CLOSE_THRESHOLD,\n  DRAG_VELOCITY_THRESHOLD,\n  IS_SSR,\n} from './constants';\n\nimport { SheetContextType, SheetProps } from './types';\nimport { SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport styles from './styles';\n\nconst Sheet = React.forwardRef<any, SheetProps>(\n  (\n    {\n      onOpenStart,\n      onOpenEnd,\n      onClose,\n      onCloseStart,\n      onCloseEnd,\n      onSnap,\n      children,\n      isOpen,\n      snapPoints,\n      rootId,\n      mountPoint,\n      style,\n      detent = 'full-height',\n      initialSnap = 0,\n      springConfig = DEFAULT_SPRING_CONFIG,\n      disableDrag = false,\n      prefersReducedMotion = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const sheetRef = React.useRef<any>(null);\n    const indicatorRotation = useMotionValue(0);\n    const windowHeight = useWindowHeight();\n    const shouldReduceMotion = useReducedMotion();\n    const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n    const animationOptions: AnimationOptions<number> = reduceMotion\n      ? { type: 'tween', duration: 0.01 }\n      : { type: 'spring', ...springConfig };\n\n    // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n    // the value driven by the `AnimatePresence` component when the sheet is opened\n    // and after that it is driven by the gestures and/or snapping\n    const y = useMotionValue(0);\n\n    // Keep the callback fns up-to-date so that they can be accessed inside\n    // the effect without including them to the dependencies array\n    const callbacks = React.useRef({\n      onOpenStart,\n      onOpenEnd,\n      onCloseStart,\n      onCloseEnd,\n    });\n\n    useIsomorphicLayoutEffect(() => {\n      callbacks.current = {\n        onOpenStart,\n        onOpenEnd,\n        onCloseStart,\n        onCloseEnd,\n      };\n    });\n\n    if (snapPoints) {\n      // Convert negative / percentage snap points to absolute values\n      snapPoints = snapPoints.map(point => {\n        // Percentage values e.g. between 0.0 and 1.0\n        if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n        return point < 0 ? windowHeight + point : point; // negative values\n      });\n\n      console.assert(\n        inDescendingOrder(snapPoints) || windowHeight === 0,\n        `Snap points need to be in descending order got: [${snapPoints}]`\n      );\n    }\n\n    const onDrag = useEvent((_, { delta }: PanInfo) => {\n      // Update drag indicator rotation based on drag velocity\n      const velocity = y.getVelocity();\n\n      if (velocity > 0) indicatorRotation.set(10);\n      if (velocity < 0) indicatorRotation.set(-10);\n\n      // Make sure user cannot drag beyond the top of the sheet\n      y.set(Math.max(y.get() + delta.y, 0));\n    });\n\n    const onDragEnd = useEvent((_, { velocity }: PanInfo) => {\n      if (velocity.y > DRAG_VELOCITY_THRESHOLD) {\n        // User flicked the sheet down\n        onClose();\n      } else {\n        const sheetEl = sheetRef.current as HTMLDivElement;\n        const sheetHeight = sheetEl.getBoundingClientRect().height;\n        const currentY = y.get();\n\n        let snapTo = 0;\n\n        if (snapPoints) {\n          const snapToValues = snapPoints\n            .map(p => sheetHeight - p)\n            .filter(p => p >= 0); // negative values can occur with `content-height` detent\n\n          // Allow snapping to the top of the sheet if detent is set to `content-height`\n          if (detent === 'content-height' && !snapToValues.includes(0)) {\n            snapToValues.unshift(0);\n          }\n\n          // Get the closest snap point\n          snapTo = getClosest(snapToValues, currentY);\n        } else if (currentY / sheetHeight > DRAG_CLOSE_THRESHOLD) {\n          // Close if dragged over enough far\n          snapTo = sheetHeight;\n        }\n\n        snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n        // Update the spring value so that the sheet is animated to the snap point\n        animate(y, snapTo, animationOptions);\n\n        if (snapPoints && onSnap) {\n          const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n          const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n          onSnap(snapIndex);\n        }\n\n        if (snapTo >= sheetHeight) onClose();\n      }\n\n      // Reset indicator rotation after dragging\n      indicatorRotation.set(0);\n    });\n\n    // Trigger onSnap callback when sheet is opened or closed\n    React.useEffect(() => {\n      if (!snapPoints || !onSnap) return;\n      const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n      onSnap(snapIndex);\n    }, [isOpen]); // eslint-disable-line\n\n    React.useImperativeHandle(ref, () => ({\n      y,\n      snapTo: (snapIndex: number) => {\n        const sheetEl = sheetRef.current as HTMLDivElement | null;\n\n        if (\n          snapPoints &&\n          snapPoints[snapIndex] !== undefined &&\n          sheetEl !== null\n        ) {\n          const sheetHeight = sheetEl.getBoundingClientRect().height;\n          const snapPoint = snapPoints[snapIndex];\n          const snapTo = validateSnapTo({\n            snapTo: sheetHeight - snapPoint,\n            sheetHeight,\n          });\n\n          animate(y, snapTo, animationOptions);\n          if (onSnap) onSnap(snapIndex);\n          if (snapTo >= sheetHeight) onClose();\n        }\n      },\n    }));\n\n    useModalEffect(isOpen, rootId);\n\n    // Framer Motion should handle body scroll locking but it's not working\n    // properly on iOS. Scroll locking from React Aria seems to work much better.\n    usePreventScroll({ isDisabled: !isOpen });\n\n    const dragProps = React.useMemo(() => {\n      const dragProps: SheetContextType['dragProps'] = {\n        drag: 'y',\n        dragElastic: 0,\n        dragConstraints: { top: 0, bottom: 0 },\n        dragMomentum: false,\n        onDrag,\n        onDragEnd,\n      };\n\n      return disableDrag ? undefined : dragProps;\n    }, [disableDrag]); // eslint-disable-line\n\n    const context: SheetContextType = {\n      y,\n      sheetRef,\n      isOpen,\n      initialSnap,\n      snapPoints,\n      detent,\n      indicatorRotation,\n      callbacks,\n      dragProps,\n      windowHeight,\n      animationOptions,\n      reduceMotion,\n    };\n\n    const sheet = (\n      <SheetContext.Provider value={context}>\n        <div {...rest} ref={ref} style={{ ...styles.wrapper, ...style }}>\n          <AnimatePresence>\n            {/* NOTE: AnimatePresence requires us to set keys to children */}\n            {isOpen\n              ? React.Children.map(children, (child: any, i) =>\n                  React.cloneElement(child, { key: `sheet-child-${i}` })\n                )\n              : null}\n          </AnimatePresence>\n        </div>\n      </SheetContext.Provider>\n    );\n\n    if (IS_SSR) return sheet;\n\n    return ReactDOM.createPortal(sheet, mountPoint ?? document.body);\n  }\n);\n\nexport default Sheet;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport mergeRefs from 'react-merge-refs';\n\nimport { SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport styles from './styles';\n\nconst SheetContainer = React.forwardRef<any, SheetContainerProps>(\n  ({ children, style = {}, className = '', ...rest }, ref) => {\n    const {\n      y,\n      isOpen,\n      callbacks,\n      snapPoints,\n      initialSnap = 0,\n      sheetRef,\n      windowHeight,\n      detent,\n      animationOptions,\n      reduceMotion,\n    } = useSheetContext();\n\n    const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n    const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n    const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n    const height =\n      maxSnapHeight !== null\n        ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n        : MAX_HEIGHT;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={mergeRefs([sheetRef, ref])}\n        className={`react-modal-sheet-container ${className}`}\n        style={{\n          ...styles.container,\n          ...style,\n          ...(detent === 'full-height' && { height }),\n          ...(detent === 'content-height' && { maxHeight: height }),\n          y,\n        }}\n        initial={reduceMotion ? false : { y: windowHeight }}\n        animate={{ y: initialY, transition: animationOptions }}\n        exit={{ y: windowHeight, transition: animationOptions }}\n        onAnimationComplete={handleAnimationComplete}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContainer;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetContent = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, disableDrag, className = '', ...rest }, ref) => {\n    const { dragProps } = useSheetContext();\n    const _dragProps = disableDrag ? undefined : dragProps;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        className={`react-modal-sheet-content ${className}`}\n        style={{ ...styles.content, ...style }}\n        {..._dragProps}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContent;\n","import * as React from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetHeader = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, disableDrag, ...rest }, ref) => {\n    const { indicatorRotation, dragProps } = useSheetContext();\n    const _dragProps = disableDrag ? undefined : dragProps;\n\n    const indicator1Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(2px) rotate(${r}deg)`\n    );\n\n    const indicator2Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(-2px) rotate(${-1 * r}deg)`\n    );\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        style={{ ...styles.headerWrapper, ...style }}\n        {..._dragProps}\n      >\n        {children || (\n          <div className=\"react-modal-sheet-header\" style={styles.header}>\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator1Transform }}\n            />\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator2Transform }}\n            />\n          </div>\n        )}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetHeader;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = React.forwardRef<any, SheetBackdropProps>(\n  ({ style = {}, className = '', ...rest }, ref) => {\n    const Comp = isClickable(rest) ? motion.button : motion.div;\n    const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n    return (\n      <Comp\n        {...rest}\n        ref={ref}\n        className={`react-modal-sheet-backdrop ${className}`}\n        style={{ ...styles.backdrop, ...style, pointerEvents }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n      />\n    );\n  }\n);\n\nexport default SheetBackdrop;\n","import { MotionValue } from 'framer-motion';\n\nimport Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport { SheetCompound } from './types';\n\nexport type SheetRef = {\n  y: MotionValue<number>;\n  snapTo: (index: number) => void;\n};\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n\nexport default _SheetCompound as SheetCompound;\n"],"names":["MAX_HEIGHT","IS_SSR","window","DEFAULT_SPRING_CONFIG","stiffness","damping","mass","getClosest","nums","goal","reduce","prev","curr","Math","abs","cleanupRootStyles","rootId","body","document","querySelector","root","getElementById","highlight","style","removeProperty","opacity","addEventListener","onTransitionEnd","removeEventListener","parentNode","removeChild","validateSnapTo","snapTo","sheetHeight","console","warn","max","round","useIsomorphicLayoutEffect","React","usePrevious","state","ref","current","useEvent","handler","handlerRef","fn","args","SheetContext","undefined","useSheetContext","context","Error","styles","wrapper","position","top","bottom","left","right","zIndex","overflow","pointerEvents","backdrop","width","height","backgroundColor","touchAction","border","container","borderTopRightRadius","borderTopLeftRadius","boxShadow","display","flexDirection","headerWrapper","header","alignItems","justifyContent","indicator","borderRadius","content","flex","Sheet","onOpenStart","onOpenEnd","onClose","onCloseStart","onCloseEnd","onSnap","children","isOpen","snapPoints","mountPoint","detent","initialSnap","springConfig","disableDrag","prefersReducedMotion","rest","sheetRef","indicatorRotation","useMotionValue","windowHeight","setWindowHeight","updateHeight","innerHeight","useWindowHeight","shouldReduceMotion","useReducedMotion","reduceMotion","Boolean","animationOptions","type","duration","y","callbacks","map","point","assert","arr","i","length","inDescendingOrder","onDrag","_","delta","velocity","getVelocity","set","get","onDragEnd","getBoundingClientRect","currentY","snapToValues","p","filter","includes","unshift","animate","snapValue","snapIndex","indexOf","sheetEl","prevOpen","h","s","willChange","transition","transform","createElement","setAttribute","id","appendChild","requestAnimationFrame","applyRootStyles","useModalEffect","usePreventScroll","isDisabled","dragProps","drag","dragElastic","dragConstraints","dragMomentum","sheet","Provider","value","AnimatePresence","child","key","ReactDOM","SheetContainer","className","handleAnimationComplete","didOpen","useEventCallbacks","initialY","maxSnapHeight","motion","div","mergeRefs","maxHeight","initial","exit","onAnimationComplete","SheetContent","_dragProps","SheetHeader","indicator1Transform","useTransform","r","indicator2Transform","span","isClickable","props","onClick","onTap","SheetBackdrop","Comp","button","_SheetCompound","Container","Header","Content","Backdrop"],"mappings":"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"}

package/dist/react-modal-sheet.esm.js

@@ -247,7 +247,8 @@ var styles = {
     width: '100%',
     height: '100%',
     backgroundColor: 'rgba(51, 51, 51, 0.5)',
-    touchAction: 'none'
+    touchAction: 'none',
+    border: 'none'
   },
   container: {
     zIndex: 2,
@@ -494,7 +495,9 @@ var SheetContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style"]);
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "className"]);
 
   var _useSheetContext = useSheetContext(),
       y = _useSheetContext.y,
@@ -517,7 +520,7 @@ var SheetContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var height = maxSnapHeight !== null ? "min(" + maxSnapHeight + "px, " + MAX_HEIGHT + ")" : MAX_HEIGHT;
   return createElement(motion.div, Object.assign({}, rest, {
     ref: mergeRefs([sheetRef, ref]),
-    className: "react-modal-sheet-container",
+    className: "react-modal-sheet-container " + className,
     style: _extends({}, styles.container, style, detent === 'full-height' && {
       height: height
     }, detent === 'content-height' && {
@@ -543,27 +546,35 @@ var SheetContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
 var SheetContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style"]);
+      disableDrag = _ref.disableDrag,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "disableDrag", "className"]);
 
   var _useSheetContext = useSheetContext(),
       dragProps = _useSheetContext.dragProps;
 
+  var _dragProps = disableDrag ? undefined : dragProps;
+
   return createElement(motion.div, Object.assign({}, rest, {
     ref: ref,
-    className: "react-modal-sheet-content",
+    className: "react-modal-sheet-content " + className,
     style: _extends({}, styles.content, style)
-  }, dragProps), children);
+  }, _dragProps), children);
 });
 
 var SheetHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style"]);
+      disableDrag = _ref.disableDrag,
+      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "disableDrag"]);
 
   var _useSheetContext = useSheetContext(),
       indicatorRotation = _useSheetContext.indicatorRotation,
       dragProps = _useSheetContext.dragProps;
 
+  var _dragProps = disableDrag ? undefined : dragProps;
+
   var indicator1Transform = useTransform(indicatorRotation, function (r) {
     return "translateX(2px) rotate(" + r + "deg)";
   });
@@ -573,7 +584,7 @@ var SheetHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return createElement(motion.div, Object.assign({}, rest, {
     ref: ref,
     style: _extends({}, styles.headerWrapper, style)
-  }, dragProps), children || createElement("div", {
+  }, _dragProps), children || createElement("div", {
     className: "react-modal-sheet-header",
     style: styles.header
   }, createElement(motion.span, {
@@ -596,13 +607,15 @@ var isClickable = function isClickable(props) {
 var SheetBackdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["style"]);
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      rest = _objectWithoutPropertiesLoose(_ref, ["style", "className"]);
 
   var Comp = isClickable(rest) ? motion.button : motion.div;
   var pointerEvents = isClickable(rest) ? 'auto' : 'none';
   return createElement(Comp, Object.assign({}, rest, {
     ref: ref,
-    className: "react-modal-sheet-backdrop",
+    className: "react-modal-sheet-backdrop " + className,
     style: _extends({}, styles.backdrop, style, {
       pointerEvents: pointerEvents
     }),

package/dist/react-modal-sheet.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-modal-sheet.esm.js","sources":["../src/constants.ts","../src/utils.ts","../src/hooks.tsx","../src/context.tsx","../src/styles.ts","../src/sheet.tsx","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/index.tsx"],"sourcesContent":["export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_SPRING_CONFIG = {\n  stiffness: 300,\n  damping: 30,\n  mass: 0.2,\n};\n\nexport const DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DRAG_VELOCITY_THRESHOLD = 500;\n","export function getClosest(nums: number[], goal: number) {\n  return nums.reduce((prev, curr) => {\n    return Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev;\n  });\n}\n\nconst highlightId = 'react-modal-sheet-highlight';\n\nexport function applyRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n\n  if (root) {\n    const p = 24;\n    const h = window.innerHeight;\n    const s = (h - p) / h;\n    body.style.backgroundColor = '#000';\n    root.style.overflow = 'hidden';\n    root.style.willChange = 'transform';\n    root.style.transition = 'transform 200ms linear';\n    root.style.transform = `translateY(calc(env(safe-area-inset-top) + ${p / 2}px)) scale(${s})`; // prettier-ignore\n    root.style.borderTopRightRadius = '10px';\n    root.style.borderTopLeftRadius = '10px';\n\n    // Add highlighed overlay to emphasize the modality effect\n    const highlight = document.createElement('div');\n    highlight.setAttribute('aria-hidden', 'true');\n    highlight.id = highlightId;\n    highlight.style.position = 'absolute';\n    highlight.style.top = '0px';\n    highlight.style.left = '0px';\n    highlight.style.bottom = '0px';\n    highlight.style.right = '0px';\n    highlight.style.opacity = '0';\n    highlight.style.transition = 'opacity 200ms linear';\n    highlight.style.backgroundColor = 'rgba(150, 150, 150, 0.1)';\n\n    root.appendChild(highlight);\n    requestAnimationFrame(() => (highlight.style.opacity = '1'));\n  }\n}\n\nexport function cleanupRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.getElementById(rootId) as HTMLDivElement;\n  const highlight = document.getElementById(highlightId) as HTMLDivElement;\n\n  function onTransitionEnd() {\n    root.style.removeProperty('overflow');\n    root.style.removeProperty('will-change');\n    root.style.removeProperty('transition');\n    body.style.removeProperty('background-color');\n    root.removeEventListener('transitionend', onTransitionEnd);\n    highlight.parentNode?.removeChild(highlight);\n  }\n\n  if (root && highlight) {\n    // Start animating back\n    root.style.removeProperty('border-top-right-radius');\n    root.style.removeProperty('border-top-left-radius');\n    root.style.removeProperty('transform');\n    highlight.style.opacity = '0';\n\n    // Remove temp properties after animation is finished\n    root.addEventListener('transitionend', onTransitionEnd);\n  }\n}\n\nexport function inDescendingOrder(arr: number[]) {\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i + 1] > arr[i]) return false;\n  }\n\n  return true;\n}\n\nexport function validateSnapTo({\n  snapTo,\n  sheetHeight,\n}: {\n  snapTo: number;\n  sheetHeight: number;\n}) {\n  if (snapTo < 0) {\n    console.warn(\n      `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${sheetHeight +\n        Math.abs(snapTo)}.`\n    );\n  }\n\n  return Math.max(Math.round(snapTo), 0);\n}\n","import * as React from 'react';\n\nimport { IS_SSR } from './constants';\nimport { SheetEvents } from './types';\nimport { applyRootStyles, cleanupRootStyles } from './utils';\n\nexport const useIsomorphicLayoutEffect = IS_SSR\n  ? React.useEffect\n  : React.useLayoutEffect;\n\nexport const useModalEffect = (isOpen: boolean, rootId?: string) => {\n  const prevOpen = usePrevious(isOpen);\n\n  // Automatically apply the iOS modal effect to the body when sheet opens/closes\n  React.useEffect(() => {\n    if (rootId && !prevOpen && isOpen) {\n      applyRootStyles(rootId);\n    } else if (rootId && !isOpen && prevOpen) {\n      cleanupRootStyles(rootId);\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  // Make sure to cleanup modal styles on unmount\n  React.useEffect(() => {\n    return () => {\n      if (rootId && isOpen) cleanupRootStyles(rootId);\n    };\n  }, [isOpen]); // eslint-disable-line\n};\n\nexport const useEventCallbacks = (\n  isOpen: boolean,\n  callbacks: React.MutableRefObject<SheetEvents>\n) => {\n  const prevOpen = usePrevious(isOpen);\n  const didOpen = React.useRef(false);\n\n  // Because of AnimatePrecence we don't have access to latest isOpen value\n  // so we need to read and write to a ref to determine if we are\n  // opening or closing the sheet\n  const handleAnimationComplete = React.useCallback(() => {\n    if (!didOpen.current) {\n      callbacks.current.onOpenEnd?.();\n      didOpen.current = true;\n    } else {\n      callbacks.current.onCloseEnd?.();\n      didOpen.current = false;\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  React.useEffect(() => {\n    if (!prevOpen && isOpen) {\n      callbacks.current.onOpenStart?.();\n    } else if (!isOpen && prevOpen) {\n      callbacks.current.onCloseStart?.();\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  return { handleAnimationComplete };\n};\n\nexport function useWindowHeight() {\n  const [windowHeight, setWindowHeight] = React.useState(0);\n\n  useIsomorphicLayoutEffect(() => {\n    const updateHeight = () => setWindowHeight(window.innerHeight);\n    window.addEventListener('resize', updateHeight);\n    updateHeight();\n    return () => window.removeEventListener('resize', updateHeight);\n  }, []);\n\n  return windowHeight;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = state;\n  });\n\n  return ref.current;\n}\n\n// Userland version of the `useEvent` React hook:\n// RFC: https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md\nexport function useEvent<T extends (...args: any[]) => any>(handler: T) {\n  const handlerRef = React.useRef<T>();\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return React.useCallback((...args: any[]) => {\n    const fn = handlerRef.current;\n    return fn?.(...args);\n  }, []) as T;\n}\n","import * as React from 'react';\nimport { SheetContextType } from './types';\n\nexport const SheetContext = React.createContext<SheetContextType | undefined>(\n  undefined\n);\n\nexport const useSheetContext = () => {\n  const context = React.useContext(SheetContext);\n  if (!context) throw Error('Sheet context error');\n  return context;\n};\n","import * as CSS from 'csstype';\n\nconst styles: { [key: string]: CSS.Properties } = {\n  wrapper: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 9999999,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n  },\n  backdrop: {\n    zIndex: 1,\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'rgba(51, 51, 51, 0.5)',\n    touchAction: 'none', // Disable iOS body scrolling\n  },\n  container: {\n    zIndex: 2,\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n    width: '100%',\n    backgroundColor: '#fff',\n    borderTopRightRadius: '8px',\n    borderTopLeftRadius: '8px',\n    boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n    display: 'flex',\n    flexDirection: 'column',\n    pointerEvents: 'auto',\n  },\n  headerWrapper: {\n    width: '100%',\n  },\n  header: {\n    height: '40px',\n    width: '100%',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  indicator: {\n    width: '18px',\n    height: '4px',\n    borderRadius: '99px',\n    backgroundColor: '#ddd',\n  },\n  content: {\n    flex: 1,\n    overflow: 'auto',\n    position: 'relative',\n  },\n};\n\nexport default styles;\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { usePreventScroll } from '@react-aria/overlays';\n\nimport {\n  animate,\n  AnimatePresence,\n  AnimationOptions,\n  PanInfo,\n  useMotionValue,\n  useReducedMotion,\n} from 'framer-motion';\n\nimport {\n  useModalEffect,\n  useWindowHeight,\n  useIsomorphicLayoutEffect,\n  useEvent,\n} from './hooks';\n\nimport {\n  DEFAULT_SPRING_CONFIG,\n  DRAG_CLOSE_THRESHOLD,\n  DRAG_VELOCITY_THRESHOLD,\n  IS_SSR,\n} from './constants';\n\nimport { SheetContextType, SheetProps } from './types';\nimport { SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport styles from './styles';\n\nconst Sheet = React.forwardRef<any, SheetProps>(\n  (\n    {\n      onOpenStart,\n      onOpenEnd,\n      onClose,\n      onCloseStart,\n      onCloseEnd,\n      onSnap,\n      children,\n      isOpen,\n      snapPoints,\n      rootId,\n      mountPoint,\n      style,\n      detent = 'full-height',\n      initialSnap = 0,\n      springConfig = DEFAULT_SPRING_CONFIG,\n      disableDrag = false,\n      prefersReducedMotion = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const sheetRef = React.useRef<any>(null);\n    const indicatorRotation = useMotionValue(0);\n    const windowHeight = useWindowHeight();\n    const shouldReduceMotion = useReducedMotion();\n    const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n    const animationOptions: AnimationOptions<number> = reduceMotion\n      ? { type: 'tween', duration: 0.01 }\n      : { type: 'spring', ...springConfig };\n\n    // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n    // the value driven by the `AnimatePresence` component when the sheet is opened\n    // and after that it is driven by the gestures and/or snapping\n    const y = useMotionValue(0);\n\n    // Keep the callback fns up-to-date so that they can be accessed inside\n    // the effect without including them to the dependencies array\n    const callbacks = React.useRef({\n      onOpenStart,\n      onOpenEnd,\n      onCloseStart,\n      onCloseEnd,\n    });\n\n    useIsomorphicLayoutEffect(() => {\n      callbacks.current = {\n        onOpenStart,\n        onOpenEnd,\n        onCloseStart,\n        onCloseEnd,\n      };\n    });\n\n    if (snapPoints) {\n      // Convert negative / percentage snap points to absolute values\n      snapPoints = snapPoints.map(point => {\n        // Percentage values e.g. between 0.0 and 1.0\n        if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n        return point < 0 ? windowHeight + point : point; // negative values\n      });\n\n      console.assert(\n        inDescendingOrder(snapPoints) || windowHeight === 0,\n        `Snap points need to be in descending order got: [${snapPoints}]`\n      );\n    }\n\n    const onDrag = useEvent((_, { delta }: PanInfo) => {\n      // Update drag indicator rotation based on drag velocity\n      const velocity = y.getVelocity();\n\n      if (velocity > 0) indicatorRotation.set(10);\n      if (velocity < 0) indicatorRotation.set(-10);\n\n      // Make sure user cannot drag beyond the top of the sheet\n      y.set(Math.max(y.get() + delta.y, 0));\n    });\n\n    const onDragEnd = useEvent((_, { velocity }: PanInfo) => {\n      if (velocity.y > DRAG_VELOCITY_THRESHOLD) {\n        // User flicked the sheet down\n        onClose();\n      } else {\n        const sheetEl = sheetRef.current as HTMLDivElement;\n        const sheetHeight = sheetEl.getBoundingClientRect().height;\n        const currentY = y.get();\n\n        let snapTo = 0;\n\n        if (snapPoints) {\n          const snapToValues = snapPoints\n            .map(p => sheetHeight - p)\n            .filter(p => p >= 0); // negative values can occur with `content-height` detent\n\n          // Allow snapping to the top of the sheet if detent is set to `content-height`\n          if (detent === 'content-height' && !snapToValues.includes(0)) {\n            snapToValues.unshift(0);\n          }\n\n          // Get the closest snap point\n          snapTo = getClosest(snapToValues, currentY);\n        } else if (currentY / sheetHeight > DRAG_CLOSE_THRESHOLD) {\n          // Close if dragged over enough far\n          snapTo = sheetHeight;\n        }\n\n        snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n        // Update the spring value so that the sheet is animated to the snap point\n        animate(y, snapTo, animationOptions);\n\n        if (snapPoints && onSnap) {\n          const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n          const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n          onSnap(snapIndex);\n        }\n\n        if (snapTo >= sheetHeight) onClose();\n      }\n\n      // Reset indicator rotation after dragging\n      indicatorRotation.set(0);\n    });\n\n    // Trigger onSnap callback when sheet is opened or closed\n    React.useEffect(() => {\n      if (!snapPoints || !onSnap) return;\n      const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n      onSnap(snapIndex);\n    }, [isOpen]); // eslint-disable-line\n\n    React.useImperativeHandle(ref, () => ({\n      y,\n      snapTo: (snapIndex: number) => {\n        const sheetEl = sheetRef.current as HTMLDivElement | null;\n\n        if (\n          snapPoints &&\n          snapPoints[snapIndex] !== undefined &&\n          sheetEl !== null\n        ) {\n          const sheetHeight = sheetEl.getBoundingClientRect().height;\n          const snapPoint = snapPoints[snapIndex];\n          const snapTo = validateSnapTo({\n            snapTo: sheetHeight - snapPoint,\n            sheetHeight,\n          });\n\n          animate(y, snapTo, animationOptions);\n          if (onSnap) onSnap(snapIndex);\n          if (snapTo >= sheetHeight) onClose();\n        }\n      },\n    }));\n\n    useModalEffect(isOpen, rootId);\n\n    // Framer Motion should handle body scroll locking but it's not working\n    // properly on iOS. Scroll locking from React Aria seems to work much better.\n    usePreventScroll({ isDisabled: !isOpen });\n\n    const dragProps = React.useMemo(() => {\n      const dragProps: SheetContextType['dragProps'] = {\n        drag: 'y',\n        dragElastic: 0,\n        dragConstraints: { top: 0, bottom: 0 },\n        dragMomentum: false,\n        onDrag,\n        onDragEnd,\n      };\n\n      return disableDrag ? undefined : dragProps;\n    }, [disableDrag]); // eslint-disable-line\n\n    const context: SheetContextType = {\n      y,\n      sheetRef,\n      isOpen,\n      initialSnap,\n      snapPoints,\n      detent,\n      indicatorRotation,\n      callbacks,\n      dragProps,\n      windowHeight,\n      animationOptions,\n      reduceMotion,\n    };\n\n    const sheet = (\n      <SheetContext.Provider value={context}>\n        <div {...rest} ref={ref} style={{ ...styles.wrapper, ...style }}>\n          <AnimatePresence>\n            {/* NOTE: AnimatePresence requires us to set keys to children */}\n            {isOpen\n              ? React.Children.map(children, (child: any, i) =>\n                  React.cloneElement(child, { key: `sheet-child-${i}` })\n                )\n              : null}\n          </AnimatePresence>\n        </div>\n      </SheetContext.Provider>\n    );\n\n    if (IS_SSR) return sheet;\n\n    return ReactDOM.createPortal(sheet, mountPoint ?? document.body);\n  }\n);\n\nexport default Sheet;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport mergeRefs from 'react-merge-refs';\n\nimport { SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport styles from './styles';\n\nconst SheetContainer = React.forwardRef<any, SheetContainerProps>(\n  ({ children, style = {}, ...rest }, ref) => {\n    const {\n      y,\n      isOpen,\n      callbacks,\n      snapPoints,\n      initialSnap = 0,\n      sheetRef,\n      windowHeight,\n      detent,\n      animationOptions,\n      reduceMotion,\n    } = useSheetContext();\n\n    const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n    const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n    const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n    const height =\n      maxSnapHeight !== null\n        ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n        : MAX_HEIGHT;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={mergeRefs([sheetRef, ref])}\n        className=\"react-modal-sheet-container\"\n        style={{\n          ...styles.container,\n          ...style,\n          ...(detent === 'full-height' && { height }),\n          ...(detent === 'content-height' && { maxHeight: height }),\n          y,\n        }}\n        initial={reduceMotion ? false : { y: windowHeight }}\n        animate={{ y: initialY, transition: animationOptions }}\n        exit={{ y: windowHeight, transition: animationOptions }}\n        onAnimationComplete={handleAnimationComplete}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContainer;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetContent = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, ...rest }, ref) => {\n    const { dragProps } = useSheetContext();\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        className=\"react-modal-sheet-content\"\n        style={{ ...styles.content, ...style }}\n        {...dragProps}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContent;\n","import * as React from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetHeader = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, ...rest }, ref) => {\n    const { indicatorRotation, dragProps } = useSheetContext();\n\n    const indicator1Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(2px) rotate(${r}deg)`\n    );\n\n    const indicator2Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(-2px) rotate(${-1 * r}deg)`\n    );\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        style={{ ...styles.headerWrapper, ...style }}\n        {...dragProps}\n      >\n        {children || (\n          <div className=\"react-modal-sheet-header\" style={styles.header}>\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator1Transform }}\n            />\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator2Transform }}\n            />\n          </div>\n        )}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetHeader;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = React.forwardRef<any, SheetBackdropProps>(\n  ({ style = {}, ...rest }, ref) => {\n    const Comp = isClickable(rest) ? motion.button : motion.div;\n    const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n    return (\n      <Comp\n        {...rest}\n        ref={ref}\n        className=\"react-modal-sheet-backdrop\"\n        style={{ ...styles.backdrop, ...style, pointerEvents }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n      />\n    );\n  }\n);\n\nexport default SheetBackdrop;\n","import { MotionValue } from 'framer-motion';\n\nimport Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport { SheetCompound } from './types';\n\nexport type SheetRef = {\n  y: MotionValue<number>;\n  snapTo: (index: number) => void;\n};\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n\nexport default _SheetCompound as SheetCompound;\n"],"names":["MAX_HEIGHT","IS_SSR","window","DEFAULT_SPRING_CONFIG","stiffness","damping","mass","DRAG_CLOSE_THRESHOLD","DRAG_VELOCITY_THRESHOLD","getClosest","nums","goal","reduce","prev","curr","Math","abs","highlightId","applyRootStyles","rootId","body","document","querySelector","root","p","h","innerHeight","s","style","backgroundColor","overflow","willChange","transition","transform","borderTopRightRadius","borderTopLeftRadius","highlight","createElement","setAttribute","id","position","top","left","bottom","right","opacity","appendChild","requestAnimationFrame","cleanupRootStyles","getElementById","onTransitionEnd","removeProperty","removeEventListener","parentNode","removeChild","addEventListener","inDescendingOrder","arr","i","length","validateSnapTo","snapTo","sheetHeight","console","warn","max","round","useIsomorphicLayoutEffect","React","useModalEffect","isOpen","prevOpen","usePrevious","useEventCallbacks","callbacks","didOpen","handleAnimationComplete","current","onOpenEnd","onCloseEnd","onOpenStart","onCloseStart","useWindowHeight","windowHeight","setWindowHeight","updateHeight","state","ref","useEvent","handler","handlerRef","fn","args","SheetContext","undefined","useSheetContext","context","Error","styles","wrapper","zIndex","pointerEvents","backdrop","width","height","touchAction","container","boxShadow","display","flexDirection","headerWrapper","header","alignItems","justifyContent","indicator","borderRadius","content","flex","Sheet","onClose","onSnap","children","snapPoints","mountPoint","detent","initialSnap","springConfig","disableDrag","prefersReducedMotion","rest","sheetRef","indicatorRotation","useMotionValue","shouldReduceMotion","useReducedMotion","reduceMotion","Boolean","animationOptions","type","duration","y","map","point","assert","onDrag","_","delta","velocity","getVelocity","set","get","onDragEnd","sheetEl","getBoundingClientRect","currentY","snapToValues","filter","includes","unshift","animate","snapValue","snapIndex","indexOf","snapPoint","usePreventScroll","isDisabled","dragProps","drag","dragElastic","dragConstraints","dragMomentum","sheet","Provider","value","AnimatePresence","child","key","ReactDOM","SheetContainer","initialY","maxSnapHeight","motion","div","mergeRefs","className","maxHeight","initial","exit","onAnimationComplete","SheetContent","SheetHeader","indicator1Transform","useTransform","r","indicator2Transform","span","isClickable","props","onClick","onTap","SheetBackdrop","Comp","button","_SheetCompound","Container","Header","Content","Backdrop"],"mappings":"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"}
+{"version":3,"file":"react-modal-sheet.esm.js","sources":["../src/constants.ts","../src/utils.ts","../src/hooks.tsx","../src/context.tsx","../src/styles.ts","../src/sheet.tsx","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/index.tsx"],"sourcesContent":["export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_SPRING_CONFIG = {\n  stiffness: 300,\n  damping: 30,\n  mass: 0.2,\n};\n\nexport const DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DRAG_VELOCITY_THRESHOLD = 500;\n","export function getClosest(nums: number[], goal: number) {\n  return nums.reduce((prev, curr) => {\n    return Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev;\n  });\n}\n\nconst highlightId = 'react-modal-sheet-highlight';\n\nexport function applyRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n\n  if (root) {\n    const p = 24;\n    const h = window.innerHeight;\n    const s = (h - p) / h;\n    body.style.backgroundColor = '#000';\n    root.style.overflow = 'hidden';\n    root.style.willChange = 'transform';\n    root.style.transition = 'transform 200ms linear';\n    root.style.transform = `translateY(calc(env(safe-area-inset-top) + ${p / 2}px)) scale(${s})`; // prettier-ignore\n    root.style.borderTopRightRadius = '10px';\n    root.style.borderTopLeftRadius = '10px';\n\n    // Add highlighed overlay to emphasize the modality effect\n    const highlight = document.createElement('div');\n    highlight.setAttribute('aria-hidden', 'true');\n    highlight.id = highlightId;\n    highlight.style.position = 'absolute';\n    highlight.style.top = '0px';\n    highlight.style.left = '0px';\n    highlight.style.bottom = '0px';\n    highlight.style.right = '0px';\n    highlight.style.opacity = '0';\n    highlight.style.transition = 'opacity 200ms linear';\n    highlight.style.backgroundColor = 'rgba(150, 150, 150, 0.1)';\n\n    root.appendChild(highlight);\n    requestAnimationFrame(() => (highlight.style.opacity = '1'));\n  }\n}\n\nexport function cleanupRootStyles(rootId: string) {\n  const body = document.querySelector('body') as HTMLBodyElement;\n  const root = document.getElementById(rootId) as HTMLDivElement;\n  const highlight = document.getElementById(highlightId) as HTMLDivElement;\n\n  function onTransitionEnd() {\n    root.style.removeProperty('overflow');\n    root.style.removeProperty('will-change');\n    root.style.removeProperty('transition');\n    body.style.removeProperty('background-color');\n    root.removeEventListener('transitionend', onTransitionEnd);\n    highlight.parentNode?.removeChild(highlight);\n  }\n\n  if (root && highlight) {\n    // Start animating back\n    root.style.removeProperty('border-top-right-radius');\n    root.style.removeProperty('border-top-left-radius');\n    root.style.removeProperty('transform');\n    highlight.style.opacity = '0';\n\n    // Remove temp properties after animation is finished\n    root.addEventListener('transitionend', onTransitionEnd);\n  }\n}\n\nexport function inDescendingOrder(arr: number[]) {\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i + 1] > arr[i]) return false;\n  }\n\n  return true;\n}\n\nexport function validateSnapTo({\n  snapTo,\n  sheetHeight,\n}: {\n  snapTo: number;\n  sheetHeight: number;\n}) {\n  if (snapTo < 0) {\n    console.warn(\n      `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${sheetHeight +\n        Math.abs(snapTo)}.`\n    );\n  }\n\n  return Math.max(Math.round(snapTo), 0);\n}\n","import * as React from 'react';\n\nimport { IS_SSR } from './constants';\nimport { SheetEvents } from './types';\nimport { applyRootStyles, cleanupRootStyles } from './utils';\n\nexport const useIsomorphicLayoutEffect = IS_SSR\n  ? React.useEffect\n  : React.useLayoutEffect;\n\nexport const useModalEffect = (isOpen: boolean, rootId?: string) => {\n  const prevOpen = usePrevious(isOpen);\n\n  // Automatically apply the iOS modal effect to the body when sheet opens/closes\n  React.useEffect(() => {\n    if (rootId && !prevOpen && isOpen) {\n      applyRootStyles(rootId);\n    } else if (rootId && !isOpen && prevOpen) {\n      cleanupRootStyles(rootId);\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  // Make sure to cleanup modal styles on unmount\n  React.useEffect(() => {\n    return () => {\n      if (rootId && isOpen) cleanupRootStyles(rootId);\n    };\n  }, [isOpen]); // eslint-disable-line\n};\n\nexport const useEventCallbacks = (\n  isOpen: boolean,\n  callbacks: React.MutableRefObject<SheetEvents>\n) => {\n  const prevOpen = usePrevious(isOpen);\n  const didOpen = React.useRef(false);\n\n  // Because of AnimatePrecence we don't have access to latest isOpen value\n  // so we need to read and write to a ref to determine if we are\n  // opening or closing the sheet\n  const handleAnimationComplete = React.useCallback(() => {\n    if (!didOpen.current) {\n      callbacks.current.onOpenEnd?.();\n      didOpen.current = true;\n    } else {\n      callbacks.current.onCloseEnd?.();\n      didOpen.current = false;\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  React.useEffect(() => {\n    if (!prevOpen && isOpen) {\n      callbacks.current.onOpenStart?.();\n    } else if (!isOpen && prevOpen) {\n      callbacks.current.onCloseStart?.();\n    }\n  }, [isOpen, prevOpen]); // eslint-disable-line\n\n  return { handleAnimationComplete };\n};\n\nexport function useWindowHeight() {\n  const [windowHeight, setWindowHeight] = React.useState(0);\n\n  useIsomorphicLayoutEffect(() => {\n    const updateHeight = () => setWindowHeight(window.innerHeight);\n    window.addEventListener('resize', updateHeight);\n    updateHeight();\n    return () => window.removeEventListener('resize', updateHeight);\n  }, []);\n\n  return windowHeight;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = state;\n  });\n\n  return ref.current;\n}\n\n// Userland version of the `useEvent` React hook:\n// RFC: https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md\nexport function useEvent<T extends (...args: any[]) => any>(handler: T) {\n  const handlerRef = React.useRef<T>();\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return React.useCallback((...args: any[]) => {\n    const fn = handlerRef.current;\n    return fn?.(...args);\n  }, []) as T;\n}\n","import * as React from 'react';\nimport { SheetContextType } from './types';\n\nexport const SheetContext = React.createContext<SheetContextType | undefined>(\n  undefined\n);\n\nexport const useSheetContext = () => {\n  const context = React.useContext(SheetContext);\n  if (!context) throw Error('Sheet context error');\n  return context;\n};\n","import * as CSS from 'csstype';\n\nconst styles: { [key: string]: CSS.Properties } = {\n  wrapper: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 9999999,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n  },\n  backdrop: {\n    zIndex: 1,\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'rgba(51, 51, 51, 0.5)',\n    touchAction: 'none', // Disable iOS body scrolling\n    border: 'none',\n  },\n  container: {\n    zIndex: 2,\n    position: 'absolute',\n    left: 0,\n    bottom: 0,\n    width: '100%',\n    backgroundColor: '#fff',\n    borderTopRightRadius: '8px',\n    borderTopLeftRadius: '8px',\n    boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n    display: 'flex',\n    flexDirection: 'column',\n    pointerEvents: 'auto',\n  },\n  headerWrapper: {\n    width: '100%',\n  },\n  header: {\n    height: '40px',\n    width: '100%',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  indicator: {\n    width: '18px',\n    height: '4px',\n    borderRadius: '99px',\n    backgroundColor: '#ddd',\n  },\n  content: {\n    flex: 1,\n    overflow: 'auto',\n    position: 'relative',\n  },\n};\n\nexport default styles;\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { usePreventScroll } from '@react-aria/overlays';\n\nimport {\n  animate,\n  AnimatePresence,\n  AnimationOptions,\n  PanInfo,\n  useMotionValue,\n  useReducedMotion,\n} from 'framer-motion';\n\nimport {\n  useModalEffect,\n  useWindowHeight,\n  useIsomorphicLayoutEffect,\n  useEvent,\n} from './hooks';\n\nimport {\n  DEFAULT_SPRING_CONFIG,\n  DRAG_CLOSE_THRESHOLD,\n  DRAG_VELOCITY_THRESHOLD,\n  IS_SSR,\n} from './constants';\n\nimport { SheetContextType, SheetProps } from './types';\nimport { SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport styles from './styles';\n\nconst Sheet = React.forwardRef<any, SheetProps>(\n  (\n    {\n      onOpenStart,\n      onOpenEnd,\n      onClose,\n      onCloseStart,\n      onCloseEnd,\n      onSnap,\n      children,\n      isOpen,\n      snapPoints,\n      rootId,\n      mountPoint,\n      style,\n      detent = 'full-height',\n      initialSnap = 0,\n      springConfig = DEFAULT_SPRING_CONFIG,\n      disableDrag = false,\n      prefersReducedMotion = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const sheetRef = React.useRef<any>(null);\n    const indicatorRotation = useMotionValue(0);\n    const windowHeight = useWindowHeight();\n    const shouldReduceMotion = useReducedMotion();\n    const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n    const animationOptions: AnimationOptions<number> = reduceMotion\n      ? { type: 'tween', duration: 0.01 }\n      : { type: 'spring', ...springConfig };\n\n    // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n    // the value driven by the `AnimatePresence` component when the sheet is opened\n    // and after that it is driven by the gestures and/or snapping\n    const y = useMotionValue(0);\n\n    // Keep the callback fns up-to-date so that they can be accessed inside\n    // the effect without including them to the dependencies array\n    const callbacks = React.useRef({\n      onOpenStart,\n      onOpenEnd,\n      onCloseStart,\n      onCloseEnd,\n    });\n\n    useIsomorphicLayoutEffect(() => {\n      callbacks.current = {\n        onOpenStart,\n        onOpenEnd,\n        onCloseStart,\n        onCloseEnd,\n      };\n    });\n\n    if (snapPoints) {\n      // Convert negative / percentage snap points to absolute values\n      snapPoints = snapPoints.map(point => {\n        // Percentage values e.g. between 0.0 and 1.0\n        if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n        return point < 0 ? windowHeight + point : point; // negative values\n      });\n\n      console.assert(\n        inDescendingOrder(snapPoints) || windowHeight === 0,\n        `Snap points need to be in descending order got: [${snapPoints}]`\n      );\n    }\n\n    const onDrag = useEvent((_, { delta }: PanInfo) => {\n      // Update drag indicator rotation based on drag velocity\n      const velocity = y.getVelocity();\n\n      if (velocity > 0) indicatorRotation.set(10);\n      if (velocity < 0) indicatorRotation.set(-10);\n\n      // Make sure user cannot drag beyond the top of the sheet\n      y.set(Math.max(y.get() + delta.y, 0));\n    });\n\n    const onDragEnd = useEvent((_, { velocity }: PanInfo) => {\n      if (velocity.y > DRAG_VELOCITY_THRESHOLD) {\n        // User flicked the sheet down\n        onClose();\n      } else {\n        const sheetEl = sheetRef.current as HTMLDivElement;\n        const sheetHeight = sheetEl.getBoundingClientRect().height;\n        const currentY = y.get();\n\n        let snapTo = 0;\n\n        if (snapPoints) {\n          const snapToValues = snapPoints\n            .map(p => sheetHeight - p)\n            .filter(p => p >= 0); // negative values can occur with `content-height` detent\n\n          // Allow snapping to the top of the sheet if detent is set to `content-height`\n          if (detent === 'content-height' && !snapToValues.includes(0)) {\n            snapToValues.unshift(0);\n          }\n\n          // Get the closest snap point\n          snapTo = getClosest(snapToValues, currentY);\n        } else if (currentY / sheetHeight > DRAG_CLOSE_THRESHOLD) {\n          // Close if dragged over enough far\n          snapTo = sheetHeight;\n        }\n\n        snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n        // Update the spring value so that the sheet is animated to the snap point\n        animate(y, snapTo, animationOptions);\n\n        if (snapPoints && onSnap) {\n          const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n          const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n          onSnap(snapIndex);\n        }\n\n        if (snapTo >= sheetHeight) onClose();\n      }\n\n      // Reset indicator rotation after dragging\n      indicatorRotation.set(0);\n    });\n\n    // Trigger onSnap callback when sheet is opened or closed\n    React.useEffect(() => {\n      if (!snapPoints || !onSnap) return;\n      const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n      onSnap(snapIndex);\n    }, [isOpen]); // eslint-disable-line\n\n    React.useImperativeHandle(ref, () => ({\n      y,\n      snapTo: (snapIndex: number) => {\n        const sheetEl = sheetRef.current as HTMLDivElement | null;\n\n        if (\n          snapPoints &&\n          snapPoints[snapIndex] !== undefined &&\n          sheetEl !== null\n        ) {\n          const sheetHeight = sheetEl.getBoundingClientRect().height;\n          const snapPoint = snapPoints[snapIndex];\n          const snapTo = validateSnapTo({\n            snapTo: sheetHeight - snapPoint,\n            sheetHeight,\n          });\n\n          animate(y, snapTo, animationOptions);\n          if (onSnap) onSnap(snapIndex);\n          if (snapTo >= sheetHeight) onClose();\n        }\n      },\n    }));\n\n    useModalEffect(isOpen, rootId);\n\n    // Framer Motion should handle body scroll locking but it's not working\n    // properly on iOS. Scroll locking from React Aria seems to work much better.\n    usePreventScroll({ isDisabled: !isOpen });\n\n    const dragProps = React.useMemo(() => {\n      const dragProps: SheetContextType['dragProps'] = {\n        drag: 'y',\n        dragElastic: 0,\n        dragConstraints: { top: 0, bottom: 0 },\n        dragMomentum: false,\n        onDrag,\n        onDragEnd,\n      };\n\n      return disableDrag ? undefined : dragProps;\n    }, [disableDrag]); // eslint-disable-line\n\n    const context: SheetContextType = {\n      y,\n      sheetRef,\n      isOpen,\n      initialSnap,\n      snapPoints,\n      detent,\n      indicatorRotation,\n      callbacks,\n      dragProps,\n      windowHeight,\n      animationOptions,\n      reduceMotion,\n    };\n\n    const sheet = (\n      <SheetContext.Provider value={context}>\n        <div {...rest} ref={ref} style={{ ...styles.wrapper, ...style }}>\n          <AnimatePresence>\n            {/* NOTE: AnimatePresence requires us to set keys to children */}\n            {isOpen\n              ? React.Children.map(children, (child: any, i) =>\n                  React.cloneElement(child, { key: `sheet-child-${i}` })\n                )\n              : null}\n          </AnimatePresence>\n        </div>\n      </SheetContext.Provider>\n    );\n\n    if (IS_SSR) return sheet;\n\n    return ReactDOM.createPortal(sheet, mountPoint ?? document.body);\n  }\n);\n\nexport default Sheet;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport mergeRefs from 'react-merge-refs';\n\nimport { SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport styles from './styles';\n\nconst SheetContainer = React.forwardRef<any, SheetContainerProps>(\n  ({ children, style = {}, className = '', ...rest }, ref) => {\n    const {\n      y,\n      isOpen,\n      callbacks,\n      snapPoints,\n      initialSnap = 0,\n      sheetRef,\n      windowHeight,\n      detent,\n      animationOptions,\n      reduceMotion,\n    } = useSheetContext();\n\n    const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n    const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n    const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n    const height =\n      maxSnapHeight !== null\n        ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n        : MAX_HEIGHT;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={mergeRefs([sheetRef, ref])}\n        className={`react-modal-sheet-container ${className}`}\n        style={{\n          ...styles.container,\n          ...style,\n          ...(detent === 'full-height' && { height }),\n          ...(detent === 'content-height' && { maxHeight: height }),\n          y,\n        }}\n        initial={reduceMotion ? false : { y: windowHeight }}\n        animate={{ y: initialY, transition: animationOptions }}\n        exit={{ y: windowHeight, transition: animationOptions }}\n        onAnimationComplete={handleAnimationComplete}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContainer;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetContent = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, disableDrag, className = '', ...rest }, ref) => {\n    const { dragProps } = useSheetContext();\n    const _dragProps = disableDrag ? undefined : dragProps;\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        className={`react-modal-sheet-content ${className}`}\n        style={{ ...styles.content, ...style }}\n        {..._dragProps}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetContent;\n","import * as React from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport styles from './styles';\n\nconst SheetHeader = React.forwardRef<any, SheetDraggableProps>(\n  ({ children, style, disableDrag, ...rest }, ref) => {\n    const { indicatorRotation, dragProps } = useSheetContext();\n    const _dragProps = disableDrag ? undefined : dragProps;\n\n    const indicator1Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(2px) rotate(${r}deg)`\n    );\n\n    const indicator2Transform = useTransform(\n      indicatorRotation,\n      r => `translateX(-2px) rotate(${-1 * r}deg)`\n    );\n\n    return (\n      <motion.div\n        {...rest}\n        ref={ref}\n        style={{ ...styles.headerWrapper, ...style }}\n        {..._dragProps}\n      >\n        {children || (\n          <div className=\"react-modal-sheet-header\" style={styles.header}>\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator1Transform }}\n            />\n            <motion.span\n              className=\"react-modal-sheet-drag-indicator\"\n              style={{ ...styles.indicator, transform: indicator2Transform }}\n            />\n          </div>\n        )}\n      </motion.div>\n    );\n  }\n);\n\nexport default SheetHeader;\n","import * as React from 'react';\nimport { motion } from 'framer-motion';\n\nimport { SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = React.forwardRef<any, SheetBackdropProps>(\n  ({ style = {}, className = '', ...rest }, ref) => {\n    const Comp = isClickable(rest) ? motion.button : motion.div;\n    const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n    return (\n      <Comp\n        {...rest}\n        ref={ref}\n        className={`react-modal-sheet-backdrop ${className}`}\n        style={{ ...styles.backdrop, ...style, pointerEvents }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n      />\n    );\n  }\n);\n\nexport default SheetBackdrop;\n","import { MotionValue } from 'framer-motion';\n\nimport Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport { SheetCompound } from './types';\n\nexport type SheetRef = {\n  y: MotionValue<number>;\n  snapTo: (index: number) => void;\n};\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n\nexport default _SheetCompound as SheetCompound;\n"],"names":["MAX_HEIGHT","IS_SSR","window","DEFAULT_SPRING_CONFIG","stiffness","damping","mass","DRAG_CLOSE_THRESHOLD","DRAG_VELOCITY_THRESHOLD","getClosest","nums","goal","reduce","prev","curr","Math","abs","highlightId","applyRootStyles","rootId","body","document","querySelector","root","p","h","innerHeight","s","style","backgroundColor","overflow","willChange","transition","transform","borderTopRightRadius","borderTopLeftRadius","highlight","createElement","setAttribute","id","position","top","left","bottom","right","opacity","appendChild","requestAnimationFrame","cleanupRootStyles","getElementById","onTransitionEnd","removeProperty","removeEventListener","parentNode","removeChild","addEventListener","inDescendingOrder","arr","i","length","validateSnapTo","snapTo","sheetHeight","console","warn","max","round","useIsomorphicLayoutEffect","React","useModalEffect","isOpen","prevOpen","usePrevious","useEventCallbacks","callbacks","didOpen","handleAnimationComplete","current","onOpenEnd","onCloseEnd","onOpenStart","onCloseStart","useWindowHeight","windowHeight","setWindowHeight","updateHeight","state","ref","useEvent","handler","handlerRef","fn","args","SheetContext","undefined","useSheetContext","context","Error","styles","wrapper","zIndex","pointerEvents","backdrop","width","height","touchAction","border","container","boxShadow","display","flexDirection","headerWrapper","header","alignItems","justifyContent","indicator","borderRadius","content","flex","Sheet","onClose","onSnap","children","snapPoints","mountPoint","detent","initialSnap","springConfig","disableDrag","prefersReducedMotion","rest","sheetRef","indicatorRotation","useMotionValue","shouldReduceMotion","useReducedMotion","reduceMotion","Boolean","animationOptions","type","duration","y","map","point","assert","onDrag","_","delta","velocity","getVelocity","set","get","onDragEnd","sheetEl","getBoundingClientRect","currentY","snapToValues","filter","includes","unshift","animate","snapValue","snapIndex","indexOf","snapPoint","usePreventScroll","isDisabled","dragProps","drag","dragElastic","dragConstraints","dragMomentum","sheet","Provider","value","AnimatePresence","child","key","ReactDOM","SheetContainer","className","initialY","maxSnapHeight","motion","div","mergeRefs","maxHeight","initial","exit","onAnimationComplete","SheetContent","_dragProps","SheetHeader","indicator1Transform","useTransform","r","indicator2Transform","span","isClickable","props","onClick","onTap","SheetBackdrop","Comp","button","_SheetCompound","Container","Header","Content","Backdrop"],"mappings":"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"}

package/dist/types.d.ts

@@ -8,6 +8,9 @@ export declare type SheetEvents = {
     onSnap?: (index: number) => void;
 };
 export declare type SheetDetent = 'full-height' | 'content-height';
+declare type CommonProps = MotionProps & {
+    className?: string;
+};
 export declare type SheetProps = {
     isOpen: boolean;
     children: React.ReactNode;
@@ -21,14 +24,14 @@ export declare type SheetProps = {
     disableDrag?: boolean;
     prefersReducedMotion?: boolean;
 } & SheetEvents & React.HTMLAttributes<HTMLDivElement>;
-export declare type SheetContainerProps = Omit<MotionProps, 'initial' | 'animate' | 'exit' | 'onAnimationComplete'> & {
+export declare type SheetContainerProps = Omit<CommonProps, 'initial' | 'animate' | 'exit' | 'onAnimationComplete'> & {
     children: React.ReactNode;
 };
-export declare type SheetDraggableProps = Omit<MotionProps, 'drag' | 'dragElastic' | 'dragConstraints' | 'dragMomentum' | 'onDrag' | 'onDragStart' | 'onDragEnd'> & {
+export declare type SheetDraggableProps = Omit<CommonProps, 'drag' | 'dragElastic' | 'dragConstraints' | 'dragMomentum' | 'onDrag' | 'onDragStart' | 'onDragEnd'> & {
     children?: React.ReactNode;
     disableDrag?: boolean;
 };
-export declare type SheetBackdropProps = Omit<MotionProps, 'initial' | 'animate' | 'exit'>;
+export declare type SheetBackdropProps = Omit<CommonProps, 'initial' | 'animate' | 'exit'>;
 export declare type SheetDragProps = {
     drag: 'y';
     dragElastic: number;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.8.0",
+  "version": "1.9.0",
   "license": "MIT",
   "name": "react-modal-sheet",
   "description": "Flexible bottom sheet component for your React apps",

package/src/SheetBackdrop.tsx

@@ -7,7 +7,7 @@ import styles from './styles';
 const isClickable = (props: any) => !!props.onClick || !!props.onTap;
 
 const SheetBackdrop = React.forwardRef<any, SheetBackdropProps>(
-  ({ style = {}, ...rest }, ref) => {
+  ({ style = {}, className = '', ...rest }, ref) => {
     const Comp = isClickable(rest) ? motion.button : motion.div;
     const pointerEvents = isClickable(rest) ? 'auto' : 'none';
 
@@ -15,7 +15,7 @@ const SheetBackdrop = React.forwardRef<any, SheetBackdropProps>(
       <Comp
         {...rest}
         ref={ref}
-        className="react-modal-sheet-backdrop"
+        className={`react-modal-sheet-backdrop ${className}`}
         style={{ ...styles.backdrop, ...style, pointerEvents }}
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}

package/src/SheetContainer.tsx

@@ -9,7 +9,7 @@ import { MAX_HEIGHT } from './constants';
 import styles from './styles';
 
 const SheetContainer = React.forwardRef<any, SheetContainerProps>(
-  ({ children, style = {}, ...rest }, ref) => {
+  ({ children, style = {}, className = '', ...rest }, ref) => {
     const {
       y,
       isOpen,
@@ -36,7 +36,7 @@ const SheetContainer = React.forwardRef<any, SheetContainerProps>(
       <motion.div
         {...rest}
         ref={mergeRefs([sheetRef, ref])}
-        className="react-modal-sheet-container"
+        className={`react-modal-sheet-container ${className}`}
         style={{
           ...styles.container,
           ...style,

package/src/SheetContent.tsx

@@ -6,16 +6,17 @@ import { useSheetContext } from './context';
 import styles from './styles';
 
 const SheetContent = React.forwardRef<any, SheetDraggableProps>(
-  ({ children, style, ...rest }, ref) => {
+  ({ children, style, disableDrag, className = '', ...rest }, ref) => {
     const { dragProps } = useSheetContext();
+    const _dragProps = disableDrag ? undefined : dragProps;
 
     return (
       <motion.div
         {...rest}
         ref={ref}
-        className="react-modal-sheet-content"
+        className={`react-modal-sheet-content ${className}`}
         style={{ ...styles.content, ...style }}
-        {...dragProps}
+        {..._dragProps}
       >
         {children}
       </motion.div>

package/src/SheetHeader.tsx

@@ -6,8 +6,9 @@ import { useSheetContext } from './context';
 import styles from './styles';
 
 const SheetHeader = React.forwardRef<any, SheetDraggableProps>(
-  ({ children, style, ...rest }, ref) => {
+  ({ children, style, disableDrag, ...rest }, ref) => {
     const { indicatorRotation, dragProps } = useSheetContext();
+    const _dragProps = disableDrag ? undefined : dragProps;
 
     const indicator1Transform = useTransform(
       indicatorRotation,
@@ -24,7 +25,7 @@ const SheetHeader = React.forwardRef<any, SheetDraggableProps>(
         {...rest}
         ref={ref}
         style={{ ...styles.headerWrapper, ...style }}
-        {...dragProps}
+        {..._dragProps}
       >
         {children || (
           <div className="react-modal-sheet-header" style={styles.header}>

package/src/styles.ts

@@ -20,6 +20,7 @@ const styles: { [key: string]: CSS.Properties } = {
     height: '100%',
     backgroundColor: 'rgba(51, 51, 51, 0.5)',
     touchAction: 'none', // Disable iOS body scrolling
+    border: 'none',
   },
   container: {
     zIndex: 2,

package/src/types.tsx

@@ -16,6 +16,10 @@ export type SheetEvents = {
 
 export type SheetDetent = 'full-height' | 'content-height';
 
+type CommonProps = MotionProps & {
+  className?: string;
+};
+
 export type SheetProps = {
   isOpen: boolean;
   children: React.ReactNode;
@@ -32,14 +36,14 @@ export type SheetProps = {
   React.HTMLAttributes<HTMLDivElement>;
 
 export type SheetContainerProps = Omit<
-  MotionProps,
+  CommonProps,
   'initial' | 'animate' | 'exit' | 'onAnimationComplete'
 > & {
   children: React.ReactNode;
 };
 
 export type SheetDraggableProps = Omit<
-  MotionProps,
+  CommonProps,
   | 'drag'
   | 'dragElastic'
   | 'dragConstraints'
@@ -53,7 +57,7 @@ export type SheetDraggableProps = Omit<
 };
 
 export type SheetBackdropProps = Omit<
-  MotionProps,
+  CommonProps,
   'initial' | 'animate' | 'exit'
 >;