react-modal-sheet 1.7.0 → 1.8.1

package/README.md

@@ -1,7 +1,8 @@
+<p align='center'>
+  <img src="media/banner.jpg" alt="React Modal Sheet logo"/>
+<p/>
+
 <div align="center" >
-  <br/>
-  <br/>
-  <h1>🪐 React Modal Sheet</h1>
   &middot;
   <i>Flexible bottom sheet component for your React apps</i>
   &middot;
@@ -71,23 +72,24 @@ Also, by constructing the sheet from smaller pieces makes it easier to apply any
 
 ## Props
 
-| Name           | Required | Default          | Description                                                                                                                                                                                                                       |
-| -------------- | -------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `children`     | yes      |                  | Use `Sheet.Container/Content/Header/Backdrop` to compose your bottom sheet.                                                                                                                                                       |
-| `isOpen`       | yes      |                  | Boolean that indicates whether the sheet is open or not.                                                                                                                                                                          |
-| `onClose`      | yes      |                  | Callback fn that is called when the sheet is closed by the user.                                                                                                                                                                  |
-| `disableDrag`  | no       | false            | Disable drag for the whole sheet.                                                                                                                                                                                                 |
-| `detent`       | no       | `'full-height'`  | The [detent](https://developer.apple.com/design/human-interface-guidelines/components/presentation/sheets#ios-ipados) in which the sheet should be in when opened. Available values: `'full-height'` or `'content-height'`.       |
-| `onOpenStart`  | no       |                  | Callback fn that is called when the sheet opening animation starts.                                                                                                                                                               |
-| `onOpenEnd`    | no       |                  | Callback fn that is called when the sheet opening animation is completed.                                                                                                                                                         |
-| `onCloseStart` | no       |                  | Callback fn that is called when the sheet closing animation starts.                                                                                                                                                               |
-| `onCloseEnd`   | no       |                  | Callback fn that is called when the sheet closing animation is completed.                                                                                                                                                         |
-| `onSnap`       | no       |                  | Callback fn that is called with the current snap point index when the sheet snaps to a new snap point. Requires `snapPoints` prop.                                                                                                |
-| `snapPoints`   | no       |                  | Eg. `[-50, 0.5, 100, 0]` - where positive values are pixels from the bottom of the screen and negative from the top. Values between 0-1 represent percentages, eg. `0.5` means 50% of window height from the bottom of the sceen. |
-| `initialSnap`  | no       | 0                | Initial snap point when sheet is opened (index from `snapPoints`).                                                                                                                                                                |
-| `rootId`       | no       |                  | The id of the element where the main app is mounted, eg. "root". Enables iOS modal effect.                                                                                                                                        |
-| `springConfig` | no       | `DEFAULT_SPRING` | Overrides the config for the [spring animation](https://www.framer.com/api/motion/types/#spring).                                                                                                                                 |
-| `mountPoint`   | no       | `document.body`  | HTML element that should be used as the mount point for the sheet.                                                                                                                                                                |
+| Name                   | Required | Default          | Description                                                                                                                                                                                                                       |
+|------------------------|----------|------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `children`             | yes      |                  | Use `Sheet.Container/Content/Header/Backdrop` to compose your bottom sheet.                                                                                                                                                       |
+| `isOpen`               | yes      |                  | Boolean that indicates whether the sheet is open or not.                                                                                                                                                                          |
+| `onClose`              | yes      |                  | Callback fn that is called when the sheet is closed by the user.                                                                                                                                                                  |
+| `disableDrag`          | no       | false            | Disable drag for the whole sheet.                                                                                                                                                                                                 |
+| `detent`               | no       | `'full-height'`  | The [detent](https://developer.apple.com/design/human-interface-guidelines/components/presentation/sheets#ios-ipados) in which the sheet should be in when opened. Available values: `'full-height'` or `'content-height'`.       |
+| `onOpenStart`          | no       |                  | Callback fn that is called when the sheet opening animation starts.                                                                                                                                                               |
+| `onOpenEnd`            | no       |                  | Callback fn that is called when the sheet opening animation is completed.                                                                                                                                                         |
+| `onCloseStart`         | no       |                  | Callback fn that is called when the sheet closing animation starts.                                                                                                                                                               |
+| `onCloseEnd`           | no       |                  | Callback fn that is called when the sheet closing animation is completed.                                                                                                                                                         |
+| `onSnap`               | no       |                  | Callback fn that is called with the current snap point index when the sheet snaps to a new snap point. Requires `snapPoints` prop.                                                                                                |
+| `snapPoints`           | no       |                  | Eg. `[-50, 0.5, 100, 0]` - where positive values are pixels from the bottom of the screen and negative from the top. Values between 0-1 represent percentages, eg. `0.5` means 50% of window height from the bottom of the sceen. |
+| `initialSnap`          | no       | 0                | Initial snap point when sheet is opened (index from `snapPoints`).                                                                                                                                                                |
+| `rootId`               | no       |                  | The id of the element where the main app is mounted, eg. "root". Enables iOS modal effect.                                                                                                                                        |
+| `springConfig`         | no       | `DEFAULT_SPRING` | Overrides the config for the [spring animation](https://www.framer.com/api/motion/types/#spring).                                                                                                                                 |
+| `mountPoint`           | no       | `document.body`  | HTML element that should be used as the mount point for the sheet.                                                                                                                                                                |
+| `prefersReducedMotion` | no       | false            | Skip sheet animations (sheet instantly snaps to desired location).                                                                                                                                                                |
 
 **`DEFAULT_SPRING`**
 
@@ -218,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
 
@@ -237,7 +239,7 @@ Sheet content acts as a drag target and makes sure that content which doesn't fi
 #### Content props
 
 | Name          | Required | Default | Description                         |
-| ------------- | -------- | ------- | ----------------------------------- |
+|---------------|----------|---------|-------------------------------------|
 | `disableDrag` | no       | false   | Disable drag for the sheet content. |
 
 ### `Sheet.Header`
@@ -249,7 +251,7 @@ Sheet header acts as a drag target and has a dragging direction indicator. Rende
 #### Header props
 
 | Name          | Required | Default | Description                        |
-| ------------- | -------- | ------- | ---------------------------------- |
+|---------------|----------|---------|------------------------------------|
 | `disableDrag` | no       | false   | Disable drag for the sheet header. |
 
 ### `Sheet.Backdrop`

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

@@ -303,21 +303,32 @@ var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       children = _ref.children,
       isOpen = _ref.isOpen,
       snapPoints = _ref.snapPoints,
-      detent = _ref.detent,
-      _ref$initialSnap = _ref.initialSnap,
-      initialSnap = _ref$initialSnap === void 0 ? 0 : _ref$initialSnap,
       rootId = _ref.rootId,
       mountPoint = _ref.mountPoint,
+      style = _ref.style,
+      _ref$detent = _ref.detent,
+      detent = _ref$detent === void 0 ? 'full-height' : _ref$detent,
+      _ref$initialSnap = _ref.initialSnap,
+      initialSnap = _ref$initialSnap === void 0 ? 0 : _ref$initialSnap,
       _ref$springConfig = _ref.springConfig,
       springConfig = _ref$springConfig === void 0 ? DEFAULT_SPRING_CONFIG : _ref$springConfig,
       _ref$disableDrag = _ref.disableDrag,
       disableDrag = _ref$disableDrag === void 0 ? false : _ref$disableDrag,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["onOpenStart", "onOpenEnd", "onClose", "onCloseStart", "onCloseEnd", "onSnap", "children", "isOpen", "snapPoints", "detent", "initialSnap", "rootId", "mountPoint", "springConfig", "disableDrag", "style"]);
+      _ref$prefersReducedMo = _ref.prefersReducedMotion,
+      prefersReducedMotion = _ref$prefersReducedMo === void 0 ? false : _ref$prefersReducedMo,
+      rest = _objectWithoutPropertiesLoose(_ref, ["onOpenStart", "onOpenEnd", "onClose", "onCloseStart", "onCloseEnd", "onSnap", "children", "isOpen", "snapPoints", "rootId", "mountPoint", "style", "detent", "initialSnap", "springConfig", "disableDrag", "prefersReducedMotion"]);
 
   var sheetRef = React.useRef(null);
   var indicatorRotation = framerMotion.useMotionValue(0);
-  var windowHeight = useWindowHeight(); // NOTE: the inital value for `y` doesn't matter since it is overwritten by
+  var windowHeight = useWindowHeight();
+  var shouldReduceMotion = framerMotion.useReducedMotion();
+  var reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);
+  var animationOptions = reduceMotion ? {
+    type: 'tween',
+    duration: 0.01
+  } : _extends({
+    type: 'spring'
+  }, springConfig); // NOTE: the inital value for `y` doesn't matter since it is overwritten by
   // the value driven by the `AnimatePresence` component when the sheet is opened
   // and after that it is driven by the gestures and/or snapping
 
@@ -394,9 +405,7 @@ var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         sheetHeight: sheetHeight
       }); // Update the spring value so that the sheet is animated to the snap point
 
-      framerMotion.animate(y, snapTo, _extends({
-        type: 'spring'
-      }, springConfig));
+      framerMotion.animate(y, snapTo, animationOptions);
 
       if (snapPoints && onSnap) {
         var snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));
@@ -431,9 +440,7 @@ var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
             snapTo: sheetHeight - snapPoint,
             sheetHeight: sheetHeight
           });
-          framerMotion.animate(y, snapTo, _extends({
-            type: 'spring'
-          }, springConfig));
+          framerMotion.animate(y, snapTo, animationOptions);
           if (onSnap) onSnap(snapIndex);
           if (snapTo >= sheetHeight) onClose();
         }
@@ -472,7 +479,8 @@ var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     callbacks: callbacks,
     dragProps: dragProps,
     windowHeight: windowHeight,
-    springConfig: springConfig
+    animationOptions: animationOptions,
+    reduceMotion: reduceMotion
   };
   var sheet = React.createElement(SheetContext.Provider, {
     value: context
@@ -503,9 +511,9 @@ var SheetContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       initialSnap = _useSheetContext$init === void 0 ? 0 : _useSheetContext$init,
       sheetRef = _useSheetContext.sheetRef,
       windowHeight = _useSheetContext.windowHeight,
-      springConfig = _useSheetContext.springConfig,
-      _useSheetContext$dete = _useSheetContext.detent,
-      detent = _useSheetContext$dete === void 0 ? 'full-height' : _useSheetContext$dete;
+      detent = _useSheetContext.detent,
+      animationOptions = _useSheetContext.animationOptions,
+      reduceMotion = _useSheetContext.reduceMotion;
 
   var _useEventCallbacks = useEventCallbacks(isOpen, callbacks),
       handleAnimationComplete = _useEventCallbacks.handleAnimationComplete;
@@ -523,17 +531,16 @@ var SheetContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }, {
       y: y
     }),
-    initial: {
+    initial: reduceMotion ? false : {
       y: windowHeight
     },
     animate: {
       y: initialY,
-      transition: _extends({
-        type: 'spring'
-      }, springConfig)
+      transition: animationOptions
     },
     exit: {
-      y: windowHeight
+      y: windowHeight,
+      transition: animationOptions
     },
     onAnimationComplete: handleAnimationComplete
   }), children);
@@ -542,27 +549,33 @@ 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,
+      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "disableDrag"]);
 
   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",
     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)";
   });
@@ -572,7 +585,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, {

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  PanInfo,\n  useMotionValue,\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      detent,\n      initialSnap = 0,\n      rootId,\n      mountPoint,\n      springConfig = DEFAULT_SPRING_CONFIG,\n      disableDrag = false,\n      style,\n      ...rest\n    },\n    ref\n  ) => {\n    const sheetRef = React.useRef<any>(null);\n    const indicatorRotation = useMotionValue(0);\n    const windowHeight = useWindowHeight();\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, { type: 'spring', ...springConfig });\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, { type: 'spring', ...springConfig });\n\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      springConfig,\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      springConfig,\n      detent = 'full-height',\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={{ y: windowHeight }}\n        animate={{\n          y: initialY,\n          transition: { type: 'spring', ...springConfig },\n        }}\n        exit={{ y: windowHeight }}\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","detent","initialSnap","mountPoint","springConfig","disableDrag","rest","sheetRef","indicatorRotation","useMotionValue","y","map","point","assert","onDrag","_","delta","velocity","getVelocity","set","get","onDragEnd","sheetEl","getBoundingClientRect","currentY","snapToValues","filter","includes","unshift","animate","type","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  },\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, disableDrag, ...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\"\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 = {}, ...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","_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 g=t.createContext(void 0),v=function(){var e=t.useContext(g);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,v=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.detent,k=e.initialSnap,M=void 0===k?0:k,j=e.rootId,T=e.mountPoint,H=e.springConfig,q=void 0===H?c:H,I=e.disableDrag,A=void 0!==I&&I,L=e.style,N=s(e,["onOpenStart","onOpenEnd","onClose","onCloseStart","onCloseEnd","onSnap","children","isOpen","snapPoints","detent","initialSnap","rootId","mountPoint","springConfig","disableDrag","style"]),D=t.useRef(null),z=o.useMotionValue(0),B=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}(),V=o.useMotionValue(0),W=t.useRef({onOpenStart:l,onOpenEnd:v,onCloseStart:x,onCloseEnd:C});h((function(){W.current={onOpenStart:l,onOpenEnd:v,onCloseStart:x,onCloseEnd:C}})),R&&(R=R.map((function(e){return e>0&&e<=1?Math.round(e*B):e<0?B+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===B,"Snap points need to be in descending order got: ["+R+"]"));var X=y((function(e,t){var n=t.delta,r=V.getVelocity();r>0&&z.set(10),r<0&&z.set(-10),V.set(Math.max(V.get()+n.y,0))})),_=y((function(e,t){if(t.velocity.y>500)E();else{var n=D.current.getBoundingClientRect().height,r=V.get(),i=0;if(R){var s=R.map((function(e){return n-e})).filter((function(e){return e>=0}));"content-height"!==P||s.includes(0)||s.unshift(0),i=d(s,r)}else r/n>.6&&(i=n);if(i=p({snapTo:i,sheetHeight:n}),o.animate(V,i,a({type:"spring"},q)),R&&w){var l=Math.abs(Math.round(R[0]-i)),u=R.indexOf(d(R,l));w(u)}i>=n&&E()}z.set(0)}));t.useEffect((function(){R&&w&&w(S?M:R.length-1)}),[S]),t.useImperativeHandle(i,(function(){return{y:V,snapTo:function(e){var t=D.current;if(R&&void 0!==R[e]&&null!==t){var n=t.getBoundingClientRect().height,r=p({snapTo:n-R[e],sheetHeight:n});o.animate(V,r,a({type:"spring"},q)),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,j),r.usePreventScroll({isDisabled:!S});var F=t.useMemo((function(){return A?void 0:{drag:"y",dragElastic:0,dragConstraints:{top:0,bottom:0},dragMomentum:!1,onDrag:X,onDragEnd:_}}),[A]),Y=t.createElement(g.Provider,{value:{y:V,sheetRef:D,isOpen:S,initialSnap:M,snapPoints:R,detent:P,indicatorRotation:z,callbacks:W,dragProps:F,windowHeight:B,springConfig:q}},t.createElement("div",Object.assign({},N,{ref:i,style:a({},b.wrapper,L)}),t.createElement(o.AnimatePresence,null,S?t.Children.map(O,(function(e,n){return t.cloneElement(e,{key:"sheet-child-"+n})})):null)));return u?Y:n.createPortal(Y,null!=T?T: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=v(),p=f.y,h=f.snapPoints,y=f.initialSnap,g=void 0===y?0:y,E=f.sheetRef,x=f.windowHeight,C=f.springConfig,w=f.detent,O=void 0===w?"full-height":w,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[g]:0,P=h?h[0]:null,k=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"===O&&{height:k},"content-height"===O&&{maxHeight:k},{y:p}),initial:{y:x},animate:{y:R,transition:a({type:"spring"},C)},exit:{y:x},onAnimationComplete:S}),r)})),C=t.forwardRef((function(e,n){var r=e.children,i=e.style,l=s(e,["children","style"]),u=v().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=v(),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)",u="undefined"==typeof window,d={stiffness:300,damping:30,mass:.2};function c(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,D=e.initialSnap,H=void 0===D?0:D,q=e.springConfig,I=void 0===q?d:q,A=e.disableDrag,L=void 0!==A&&A,N=e.prefersReducedMotion,B=void 0!==N&&N,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(B||_),Y=F?{type:"tween",duration:.01}:a({type:"spring"},I),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=c(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(c(R,s));w(l)}i>=n&&E()}W.set(0)}));t.useEffect((function(){R&&w&&w(S?H: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 L?void 0:{drag:"y",dragElastic:0,dragConstraints:{top:0,bottom:0},dragMomentum:!1,onDrag:K,onDragEnd:Q}}),[L]),Z=t.createElement(v.Provider,{value:{y:G,sheetRef:V,isOpen:S,initialSnap:H,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,d=void 0===u?{}:u,c=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({},c,{ref:i([E,n]),className:"react-modal-sheet-container",style:a({},b.container,d,"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=e.disableDrag,u=s(e,["children","style","disableDrag"]),d=g(),c=l?void 0:d.dragProps;return t.createElement(o.motion.div,Object.assign({},u,{ref:n,className:"react-modal-sheet-content",style:a({},b.content,i)},c),r)})),w=t.forwardRef((function(e,n){var r=e.children,i=e.style,l=e.disableDrag,u=s(e,["children","style","disableDrag"]),d=g(),c=d.indicatorRotation,f=l?void 0:d.dragProps,p=o.useTransform(c,(function(e){return"translateX(2px) rotate("+e+"deg)"})),h=o.useTransform(c,(function(e){return"translateX(-2px) rotate("+-1*e+"deg)"}));return t.createElement(o.motion.div,Object.assign({},u,{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:h})})))})),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,d=O(l)?"auto":"none";return t.createElement(u,Object.assign({},l,{ref:n,className:"react-modal-sheet-backdrop",style:a({},b.backdrop,i,{pointerEvents:d}),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