react-modal-sheet 1.8.1 → 1.9.0

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' && {
@@ -550,7 +553,9 @@ var SheetContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       style = _ref.style,
       disableDrag = _ref.disableDrag,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "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;
@@ -559,7 +564,7 @@ var SheetContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   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);
 });
@@ -608,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, 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,UAAU,GAAG,8CAAnB;AAEA,IAAMC,MAAM,GAAG,OAAOC,MAAP,KAAkB,WAAjC;AAEA,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,SAAS,EAAE,GADwB;AAEnCC,EAAAA,OAAO,EAAE,EAF0B;AAGnCC,EAAAA,IAAI,EAAE;AAH6B,CAA9B;AAMA,IAAMC,oBAAoB,GAAG,GAA7B;AAEA,IAAMC,uBAAuB,GAAG,GAAhC;;SCZSC,WAAWC,MAAgBC;AACzC,SAAOD,IAAI,CAACE,MAAL,CAAY,UAACC,IAAD,EAAOC,IAAP;AACjB,WAAOC,IAAI,CAACC,GAAL,CAASF,IAAI,GAAGH,IAAhB,IAAwBI,IAAI,CAACC,GAAL,CAASH,IAAI,GAAGF,IAAhB,CAAxB,GAAgDG,IAAhD,GAAuDD,IAA9D;AACD,GAFM,CAAP;AAGD;AAED,IAAMI,WAAW,GAAG,6BAApB;AAEA,SAAgBC,gBAAgBC;AAC9B,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAT,CAAuB,MAAvB,CAAb;AACA,MAAMC,IAAI,GAAGF,QAAQ,CAACC,aAAT,OAA2BH,MAA3B,CAAb;;AAEA,MAAII,IAAJ,EAAU;AACR,QAAMC,CAAC,GAAG,EAAV;AACA,QAAMC,CAAC,GAAGvB,MAAM,CAACwB,WAAjB;AACA,QAAMC,CAAC,GAAG,CAACF,CAAC,GAAGD,CAAL,IAAUC,CAApB;AACAL,IAAAA,IAAI,CAACQ,KAAL,CAAWC,eAAX,GAA6B,MAA7B;AACAN,IAAAA,IAAI,CAACK,KAAL,CAAWE,QAAX,GAAsB,QAAtB;AACAP,IAAAA,IAAI,CAACK,KAAL,CAAWG,UAAX,GAAwB,WAAxB;AACAR,IAAAA,IAAI,CAACK,KAAL,CAAWI,UAAX,GAAwB,wBAAxB;AACAT,IAAAA,IAAI,CAACK,KAAL,CAAWK,SAAX,mDAAqET,CAAC,GAAG,CAAzE,mBAAwFG,CAAxF,OARQ;;AASRJ,IAAAA,IAAI,CAACK,KAAL,CAAWM,oBAAX,GAAkC,MAAlC;AACAX,IAAAA,IAAI,CAACK,KAAL,CAAWO,mBAAX,GAAiC,MAAjC,CAVQ;;AAaR,QAAMC,SAAS,GAAGf,QAAQ,CAACgB,aAAT,CAAuB,KAAvB,CAAlB;AACAD,IAAAA,SAAS,CAACE,YAAV,CAAuB,aAAvB,EAAsC,MAAtC;AACAF,IAAAA,SAAS,CAACG,EAAV,GAAetB,WAAf;AACAmB,IAAAA,SAAS,CAACR,KAAV,CAAgBY,QAAhB,GAA2B,UAA3B;AACAJ,IAAAA,SAAS,CAACR,KAAV,CAAgBa,GAAhB,GAAsB,KAAtB;AACAL,IAAAA,SAAS,CAACR,KAAV,CAAgBc,IAAhB,GAAuB,KAAvB;AACAN,IAAAA,SAAS,CAACR,KAAV,CAAgBe,MAAhB,GAAyB,KAAzB;AACAP,IAAAA,SAAS,CAACR,KAAV,CAAgBgB,KAAhB,GAAwB,KAAxB;AACAR,IAAAA,SAAS,CAACR,KAAV,CAAgBiB,OAAhB,GAA0B,GAA1B;AACAT,IAAAA,SAAS,CAACR,KAAV,CAAgBI,UAAhB,GAA6B,sBAA7B;AACAI,IAAAA,SAAS,CAACR,KAAV,CAAgBC,eAAhB,GAAkC,0BAAlC;AAEAN,IAAAA,IAAI,CAACuB,WAAL,CAAiBV,SAAjB;AACAW,IAAAA,qBAAqB,CAAC;AAAA,aAAOX,SAAS,CAACR,KAAV,CAAgBiB,OAAhB,GAA0B,GAAjC;AAAA,KAAD,CAArB;AACD;AACF;AAED,SAAgBG,kBAAkB7B;AAChC,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAT,CAAuB,MAAvB,CAAb;AACA,MAAMC,IAAI,GAAGF,QAAQ,CAAC4B,cAAT,CAAwB9B,MAAxB,CAAb;AACA,MAAMiB,SAAS,GAAGf,QAAQ,CAAC4B,cAAT,CAAwBhC,WAAxB,CAAlB;;AAEA,WAASiC,eAAT;;;AACE3B,IAAAA,IAAI,CAACK,KAAL,CAAWuB,cAAX,CAA0B,UAA1B;AACA5B,IAAAA,IAAI,CAACK,KAAL,CAAWuB,cAAX,CAA0B,aAA1B;AACA5B,IAAAA,IAAI,CAACK,KAAL,CAAWuB,cAAX,CAA0B,YAA1B;AACA/B,IAAAA,IAAI,CAACQ,KAAL,CAAWuB,cAAX,CAA0B,kBAA1B;AACA5B,IAAAA,IAAI,CAAC6B,mBAAL,CAAyB,eAAzB,EAA0CF,eAA1C;AACA,6BAAAd,SAAS,CAACiB,UAAV,2CAAsBC,WAAtB,CAAkClB,SAAlC;AACD;;AAED,MAAIb,IAAI,IAAIa,SAAZ,EAAuB;AACrB;AACAb,IAAAA,IAAI,CAACK,KAAL,CAAWuB,cAAX,CAA0B,yBAA1B;AACA5B,IAAAA,IAAI,CAACK,KAAL,CAAWuB,cAAX,CAA0B,wBAA1B;AACA5B,IAAAA,IAAI,CAACK,KAAL,CAAWuB,cAAX,CAA0B,WAA1B;AACAf,IAAAA,SAAS,CAACR,KAAV,CAAgBiB,OAAhB,GAA0B,GAA1B,CALqB;;AAQrBtB,IAAAA,IAAI,CAACgC,gBAAL,CAAsB,eAAtB,EAAuCL,eAAvC;AACD;AACF;AAED,SAAgBM,kBAAkBC;AAChC,OAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,GAAG,CAACE,MAAxB,EAAgCD,CAAC,EAAjC,EAAqC;AACnC,QAAID,GAAG,CAACC,CAAC,GAAG,CAAL,CAAH,GAAaD,GAAG,CAACC,CAAD,CAApB,EAAyB,OAAO,KAAP;AAC1B;;AAED,SAAO,IAAP;AACD;AAED,SAAgBE;MACdC,cAAAA;MACAC,mBAAAA;;AAKA,MAAID,MAAM,GAAG,CAAb,EAAgB;AACdE,IAAAA,OAAO,CAACC,IAAR,mDACkDF,WADlD,4BACmFA,WAAW,GAC1F/C,IAAI,CAACC,GAAL,CAAS6C,MAAT,CAFJ;AAID;;AAED,SAAO9C,IAAI,CAACkD,GAAL,CAASlD,IAAI,CAACmD,KAAL,CAAWL,MAAX,CAAT,EAA6B,CAA7B,CAAP;AACD;;ACrFM,IAAMM,yBAAyB,GAAGlE,MAAM,GAC3CmE,eAD2C,GAE3CA,qBAFG;AAIP,AAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,MAAD,EAAkBnD,MAAlB;AAC5B,MAAMoD,QAAQ,GAAGC,WAAW,CAACF,MAAD,CAA5B;;AAGAF,EAAAA,eAAA,CAAgB;AACd,QAAIjD,MAAM,IAAI,CAACoD,QAAX,IAAuBD,MAA3B,EAAmC;AACjCpD,MAAAA,eAAe,CAACC,MAAD,CAAf;AACD,KAFD,MAEO,IAAIA,MAAM,IAAI,CAACmD,MAAX,IAAqBC,QAAzB,EAAmC;AACxCvB,MAAAA,iBAAiB,CAAC7B,MAAD,CAAjB;AACD;AACF,GAND,EAMG,CAACmD,MAAD,EAASC,QAAT,CANH;AAQA;;AACAH,EAAAA,eAAA,CAAgB;AACd,WAAO;AACL,UAAIjD,MAAM,IAAImD,MAAd,EAAsBtB,iBAAiB,CAAC7B,MAAD,CAAjB;AACvB,KAFD;AAGD,GAJD,EAIG,CAACmD,MAAD,CAJH;AAKD,CAlBM;AAoBP,AAAO,IAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,CAC/BH,MAD+B,EAE/BI,SAF+B;AAI/B,MAAMH,QAAQ,GAAGC,WAAW,CAACF,MAAD,CAA5B;AACA,MAAMK,OAAO,GAAGP,YAAA,CAAa,KAAb,CAAhB;AAGA;AACA;;AACA,MAAMQ,uBAAuB,GAAGR,iBAAA,CAAkB;AAChD,QAAI,CAACO,OAAO,CAACE,OAAb,EAAsB;AACpBH,MAAAA,SAAS,CAACG,OAAV,CAAkBC,SAAlB,oBAAAJ,SAAS,CAACG,OAAV,CAAkBC,SAAlB;AACAH,MAAAA,OAAO,CAACE,OAAR,GAAkB,IAAlB;AACD,KAHD,MAGO;AACLH,MAAAA,SAAS,CAACG,OAAV,CAAkBE,UAAlB,oBAAAL,SAAS,CAACG,OAAV,CAAkBE,UAAlB;AACAJ,MAAAA,OAAO,CAACE,OAAR,GAAkB,KAAlB;AACD;AACF,GAR+B,EAQ7B,CAACP,MAAD,EAASC,QAAT,CAR6B,CAAhC;;AAUAH,EAAAA,eAAA,CAAgB;AACd,QAAI,CAACG,QAAD,IAAaD,MAAjB,EAAyB;AACvBI,MAAAA,SAAS,CAACG,OAAV,CAAkBG,WAAlB,oBAAAN,SAAS,CAACG,OAAV,CAAkBG,WAAlB;AACD,KAFD,MAEO,IAAI,CAACV,MAAD,IAAWC,QAAf,EAAyB;AAC9BG,MAAAA,SAAS,CAACG,OAAV,CAAkBI,YAAlB,oBAAAP,SAAS,CAACG,OAAV,CAAkBI,YAAlB;AACD;AACF,GAND,EAMG,CAACX,MAAD,EAASC,QAAT,CANH;;AAQA,SAAO;AAAEK,IAAAA,uBAAuB,EAAvBA;AAAF,GAAP;AACD,CA7BM;AA+BP,SAAgBM;wBAC0Bd,cAAA,CAAe,CAAf;MAAjCe;MAAcC;;AAErBjB,EAAAA,yBAAyB,CAAC;AACxB,QAAMkB,YAAY,GAAG,SAAfA,YAAe;AAAA,aAAMD,eAAe,CAAClF,MAAM,CAACwB,WAAR,CAArB;AAAA,KAArB;;AACAxB,IAAAA,MAAM,CAACqD,gBAAP,CAAwB,QAAxB,EAAkC8B,YAAlC;AACAA,IAAAA,YAAY;AACZ,WAAO;AAAA,aAAMnF,MAAM,CAACkD,mBAAP,CAA2B,QAA3B,EAAqCiC,YAArC,CAAN;AAAA,KAAP;AACD,GALwB,EAKtB,EALsB,CAAzB;AAOA,SAAOF,YAAP;AACD;AAED,SAAgBX,YAAec;AAC7B,MAAMC,GAAG,GAAGnB,YAAA,EAAZ;AAEAA,EAAAA,eAAA,CAAgB;AACdmB,IAAAA,GAAG,CAACV,OAAJ,GAAcS,KAAd;AACD,GAFD;AAIA,SAAOC,GAAG,CAACV,OAAX;AACD;AAGD;;AACA,SAAgBW,SAA4CC;AAC1D,MAAMC,UAAU,GAAGtB,YAAA,EAAnB;AAEAD,EAAAA,yBAAyB,CAAC;AACxBuB,IAAAA,UAAU,CAACb,OAAX,GAAqBY,OAArB;AACD,GAFwB,CAAzB;AAIA,SAAOrB,iBAAA,CAAkB;AACvB,QAAMuB,EAAE,GAAGD,UAAU,CAACb,OAAtB;;sCAD2Be;AAAAA,MAAAA;;;AAE3B,WAAOD,EAAP,oBAAOA,EAAE,MAAF,SAAQC,IAAR,CAAP;AACD,GAHM,EAGJ,EAHI,CAAP;AAID;;AC9FM,IAAMC,YAAY,gBAAGzB,mBAAA,CAC1B0B,SAD0B,CAArB;AAIP,AAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAC7B,MAAMC,OAAO,GAAG5B,gBAAA,CAAiByB,YAAjB,CAAhB;AACA,MAAI,CAACG,OAAL,EAAc,MAAMC,KAAK,CAAC,qBAAD,CAAX;AACd,SAAOD,OAAP;AACD,CAJM;;ACLP,IAAME,MAAM,GAAsC;AAChDC,EAAAA,OAAO,EAAE;AACP3D,IAAAA,QAAQ,EAAE,OADH;AAEPC,IAAAA,GAAG,EAAE,CAFE;AAGPE,IAAAA,MAAM,EAAE,CAHD;AAIPD,IAAAA,IAAI,EAAE,CAJC;AAKPE,IAAAA,KAAK,EAAE,CALA;AAMPwD,IAAAA,MAAM,EAAE,OAND;AAOPtE,IAAAA,QAAQ,EAAE,QAPH;AAQPuE,IAAAA,aAAa,EAAE;AARR,GADuC;AAWhDC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,MAAM,EAAE,CADA;AAER5D,IAAAA,QAAQ,EAAE,OAFF;AAGRC,IAAAA,GAAG,EAAE,CAHG;AAIRC,IAAAA,IAAI,EAAE,CAJE;AAKR6D,IAAAA,KAAK,EAAE,MALC;AAMRC,IAAAA,MAAM,EAAE,MANA;AAOR3E,IAAAA,eAAe,EAAE,uBAPT;AAQR4E,IAAAA,WAAW,EAAE;AARL,GAXsC;AAqBhDC,EAAAA,SAAS,EAAE;AACTN,IAAAA,MAAM,EAAE,CADC;AAET5D,IAAAA,QAAQ,EAAE,UAFD;AAGTE,IAAAA,IAAI,EAAE,CAHG;AAITC,IAAAA,MAAM,EAAE,CAJC;AAKT4D,IAAAA,KAAK,EAAE,MALE;AAMT1E,IAAAA,eAAe,EAAE,MANR;AAOTK,IAAAA,oBAAoB,EAAE,KAPb;AAQTC,IAAAA,mBAAmB,EAAE,KARZ;AASTwE,IAAAA,SAAS,EAAE,kCATF;AAUTC,IAAAA,OAAO,EAAE,MAVA;AAWTC,IAAAA,aAAa,EAAE,QAXN;AAYTR,IAAAA,aAAa,EAAE;AAZN,GArBqC;AAmChDS,EAAAA,aAAa,EAAE;AACbP,IAAAA,KAAK,EAAE;AADM,GAnCiC;AAsChDQ,EAAAA,MAAM,EAAE;AACNP,IAAAA,MAAM,EAAE,MADF;AAEND,IAAAA,KAAK,EAAE,MAFD;AAGN/D,IAAAA,QAAQ,EAAE,UAHJ;AAINoE,IAAAA,OAAO,EAAE,MAJH;AAKNI,IAAAA,UAAU,EAAE,QALN;AAMNC,IAAAA,cAAc,EAAE;AANV,GAtCwC;AA8ChDC,EAAAA,SAAS,EAAE;AACTX,IAAAA,KAAK,EAAE,MADE;AAETC,IAAAA,MAAM,EAAE,KAFC;AAGTW,IAAAA,YAAY,EAAE,MAHL;AAITtF,IAAAA,eAAe,EAAE;AAJR,GA9CqC;AAoDhDuF,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE,CADC;AAEPvF,IAAAA,QAAQ,EAAE,MAFH;AAGPU,IAAAA,QAAQ,EAAE;AAHH;AApDuC,CAAlD;;AC8BA,IAAM8E,KAAK,gBAAGlD,gBAAA,CACZ,gBAqBEmB,GArBF;MAEIP,mBAAAA;MACAF,iBAAAA;MACAyC,eAAAA;MACAtC,oBAAAA;MACAF,kBAAAA;MACAyC,cAAAA;MACAC,gBAAAA;MACAnD,cAAAA;MACAoD,kBAAAA;MACAvG,cAAAA;MACAwG,kBAAAA;MACA/F,aAAAA;yBACAgG;MAAAA,kCAAS;8BACTC;MAAAA,4CAAc;+BACdC;MAAAA,8CAAe3H;8BACf4H;MAAAA,4CAAc;mCACdC;MAAAA,0DAAuB;MACpBC;;AAIL,MAAMC,QAAQ,GAAG9D,YAAA,CAAkB,IAAlB,CAAjB;AACA,MAAM+D,iBAAiB,GAAGC,2BAAc,CAAC,CAAD,CAAxC;AACA,MAAMjD,YAAY,GAAGD,eAAe,EAApC;AACA,MAAMmD,kBAAkB,GAAGC,6BAAgB,EAA3C;AACA,MAAMC,YAAY,GAAGC,OAAO,CAACR,oBAAoB,IAAIK,kBAAzB,CAA5B;AACA,MAAMI,gBAAgB,GAA6BF,YAAY,GAC3D;AAAEG,IAAAA,IAAI,EAAE,OAAR;AAAiBC,IAAAA,QAAQ,EAAE;AAA3B,GAD2D;AAEzDD,IAAAA,IAAI,EAAE;AAFmD,KAEtCZ,YAFsC,CAA/D;AAKA;AACA;;AACA,MAAMc,CAAC,GAAGR,2BAAc,CAAC,CAAD,CAAxB;AAGA;;AACA,MAAM1D,SAAS,GAAGN,YAAA,CAAa;AAC7BY,IAAAA,WAAW,EAAXA,WAD6B;AAE7BF,IAAAA,SAAS,EAATA,SAF6B;AAG7BG,IAAAA,YAAY,EAAZA,YAH6B;AAI7BF,IAAAA,UAAU,EAAVA;AAJ6B,GAAb,CAAlB;AAOAZ,EAAAA,yBAAyB,CAAC;AACxBO,IAAAA,SAAS,CAACG,OAAV,GAAoB;AAClBG,MAAAA,WAAW,EAAXA,WADkB;AAElBF,MAAAA,SAAS,EAATA,SAFkB;AAGlBG,MAAAA,YAAY,EAAZA,YAHkB;AAIlBF,MAAAA,UAAU,EAAVA;AAJkB,KAApB;AAMD,GAPwB,CAAzB;;AASA,MAAI2C,UAAJ,EAAgB;AACd;AACAA,IAAAA,UAAU,GAAGA,UAAU,CAACmB,GAAX,CAAe,UAAAC,KAAK;AAC/B;AACA,UAAIA,KAAK,GAAG,CAAR,IAAaA,KAAK,IAAI,CAA1B,EAA6B,OAAO/H,IAAI,CAACmD,KAAL,CAAW4E,KAAK,GAAG3D,YAAnB,CAAP;AAC7B,aAAO2D,KAAK,GAAG,CAAR,GAAY3D,YAAY,GAAG2D,KAA3B,GAAmCA,KAA1C;AACD,KAJY,CAAb;AAMA/E,IAAAA,OAAO,CAACgF,MAAR,CACEvF,iBAAiB,CAACkE,UAAD,CAAjB,IAAiCvC,YAAY,KAAK,CADpD,wDAEsDuC,UAFtD;AAID;;AAED,MAAMsB,MAAM,GAAGxD,QAAQ,CAAC,UAACyD,CAAD;QAAMC,cAAAA;AAC5B;AACA,QAAMC,QAAQ,GAAGP,CAAC,CAACQ,WAAF,EAAjB;AAEA,QAAID,QAAQ,GAAG,CAAf,EAAkBhB,iBAAiB,CAACkB,GAAlB,CAAsB,EAAtB;AAClB,QAAIF,QAAQ,GAAG,CAAf,EAAkBhB,iBAAiB,CAACkB,GAAlB,CAAsB,CAAC,EAAvB;;AAGlBT,IAAAA,CAAC,CAACS,GAAF,CAAMtI,IAAI,CAACkD,GAAL,CAAS2E,CAAC,CAACU,GAAF,KAAUJ,KAAK,CAACN,CAAzB,EAA4B,CAA5B,CAAN;AACD,GATsB,CAAvB;AAWA,MAAMW,SAAS,GAAG/D,QAAQ,CAAC,UAACyD,CAAD;QAAME,iBAAAA;;AAC/B,QAAIA,QAAQ,CAACP,CAAT,GAAapI,uBAAjB,EAA0C;AACxC;AACA+G,MAAAA,OAAO;AACR,KAHD,MAGO;AACL,UAAMiC,OAAO,GAAGtB,QAAQ,CAACrD,OAAzB;AACA,UAAMf,WAAW,GAAG0F,OAAO,CAACC,qBAAR,GAAgCjD,MAApD;AACA,UAAMkD,QAAQ,GAAGd,CAAC,CAACU,GAAF,EAAjB;AAEA,UAAIzF,MAAM,GAAG,CAAb;;AAEA,UAAI6D,UAAJ,EAAgB;AACd,YAAMiC,YAAY,GAAGjC,UAAU,CAC5BmB,GADkB,CACd,UAAArH,CAAC;AAAA,iBAAIsC,WAAW,GAAGtC,CAAlB;AAAA,SADa,EAElBoI,MAFkB,CAEX,UAAApI,CAAC;AAAA,iBAAIA,CAAC,IAAI,CAAT;AAAA,SAFU,CAArB,CADc;AAKd;;AACA,YAAIoG,MAAM,KAAK,gBAAX,IAA+B,CAAC+B,YAAY,CAACE,QAAb,CAAsB,CAAtB,CAApC,EAA8D;AAC5DF,UAAAA,YAAY,CAACG,OAAb,CAAqB,CAArB;AACD,SARa;;;AAWdjG,QAAAA,MAAM,GAAGpD,UAAU,CAACkJ,YAAD,EAAeD,QAAf,CAAnB;AACD,OAZD,MAYO,IAAIA,QAAQ,GAAG5F,WAAX,GAAyBvD,oBAA7B,EAAmD;AACxD;AACAsD,QAAAA,MAAM,GAAGC,WAAT;AACD;;AAEDD,MAAAA,MAAM,GAAGD,cAAc,CAAC;AAAEC,QAAAA,MAAM,EAANA,MAAF;AAAUC,QAAAA,WAAW,EAAXA;AAAV,OAAD,CAAvB,CAxBK;;AA2BLiG,MAAAA,oBAAO,CAACnB,CAAD,EAAI/E,MAAJ,EAAY4E,gBAAZ,CAAP;;AAEA,UAAIf,UAAU,IAAIF,MAAlB,EAA0B;AACxB,YAAMwC,SAAS,GAAGjJ,IAAI,CAACC,GAAL,CAASD,IAAI,CAACmD,KAAL,CAAWwD,UAAU,CAAC,CAAD,CAAV,GAAgB7D,MAA3B,CAAT,CAAlB;AACA,YAAMoG,SAAS,GAAGvC,UAAU,CAACwC,OAAX,CAAmBzJ,UAAU,CAACiH,UAAD,EAAasC,SAAb,CAA7B,CAAlB,CAFwB;;AAGxBxC,QAAAA,MAAM,CAACyC,SAAD,CAAN;AACD;;AAED,UAAIpG,MAAM,IAAIC,WAAd,EAA2ByD,OAAO;AACnC;;;AAGDY,IAAAA,iBAAiB,CAACkB,GAAlB,CAAsB,CAAtB;AACD,GA5CyB,CAA1B;;AA+CAjF,EAAAA,eAAA,CAAgB;AACd,QAAI,CAACsD,UAAD,IAAe,CAACF,MAApB,EAA4B;AAC5B,QAAMyC,SAAS,GAAG3F,MAAM,GAAGuD,WAAH,GAAiBH,UAAU,CAAC/D,MAAX,GAAoB,CAA7D;AACA6D,IAAAA,MAAM,CAACyC,SAAD,CAAN;AACD,GAJD,EAIG,CAAC3F,MAAD,CAJH;;AAMAF,EAAAA,yBAAA,CAA0BmB,GAA1B,EAA+B;AAAA,WAAO;AACpCqD,MAAAA,CAAC,EAADA,CADoC;AAEpC/E,MAAAA,MAAM,EAAE,gBAACoG,SAAD;AACN,YAAMT,OAAO,GAAGtB,QAAQ,CAACrD,OAAzB;;AAEA,YACE6C,UAAU,IACVA,UAAU,CAACuC,SAAD,CAAV,KAA0BnE,SAD1B,IAEA0D,OAAO,KAAK,IAHd,EAIE;AACA,cAAM1F,WAAW,GAAG0F,OAAO,CAACC,qBAAR,GAAgCjD,MAApD;AACA,cAAM2D,SAAS,GAAGzC,UAAU,CAACuC,SAAD,CAA5B;AACA,cAAMpG,MAAM,GAAGD,cAAc,CAAC;AAC5BC,YAAAA,MAAM,EAAEC,WAAW,GAAGqG,SADM;AAE5BrG,YAAAA,WAAW,EAAXA;AAF4B,WAAD,CAA7B;AAKAiG,UAAAA,oBAAO,CAACnB,CAAD,EAAI/E,MAAJ,EAAY4E,gBAAZ,CAAP;AACA,cAAIjB,MAAJ,EAAYA,MAAM,CAACyC,SAAD,CAAN;AACZ,cAAIpG,MAAM,IAAIC,WAAd,EAA2ByD,OAAO;AACnC;AACF;AArBmC,KAAP;AAAA,GAA/B;AAwBAlD,EAAAA,cAAc,CAACC,MAAD,EAASnD,MAAT,CAAd;AAGA;;AACAiJ,EAAAA,yBAAgB,CAAC;AAAEC,IAAAA,UAAU,EAAE,CAAC/F;AAAf,GAAD,CAAhB;AAEA,MAAMgG,SAAS,GAAGlG,aAAA,CAAc;AAC9B,QAAMkG,SAAS,GAAkC;AAC/CC,MAAAA,IAAI,EAAE,GADyC;AAE/CC,MAAAA,WAAW,EAAE,CAFkC;AAG/CC,MAAAA,eAAe,EAAE;AAAEhI,QAAAA,GAAG,EAAE,CAAP;AAAUE,QAAAA,MAAM,EAAE;AAAlB,OAH8B;AAI/C+H,MAAAA,YAAY,EAAE,KAJiC;AAK/C1B,MAAAA,MAAM,EAANA,MAL+C;AAM/CO,MAAAA,SAAS,EAATA;AAN+C,KAAjD;AASA,WAAOxB,WAAW,GAAGjC,SAAH,GAAewE,SAAjC;AACD,GAXiB,EAWf,CAACvC,WAAD,CAXe,CAAlB;;AAaA,MAAM/B,OAAO,GAAqB;AAChC4C,IAAAA,CAAC,EAADA,CADgC;AAEhCV,IAAAA,QAAQ,EAARA,QAFgC;AAGhC5D,IAAAA,MAAM,EAANA,MAHgC;AAIhCuD,IAAAA,WAAW,EAAXA,WAJgC;AAKhCH,IAAAA,UAAU,EAAVA,UALgC;AAMhCE,IAAAA,MAAM,EAANA,MANgC;AAOhCO,IAAAA,iBAAiB,EAAjBA,iBAPgC;AAQhCzD,IAAAA,SAAS,EAATA,SARgC;AAShC4F,IAAAA,SAAS,EAATA,SATgC;AAUhCnF,IAAAA,YAAY,EAAZA,YAVgC;AAWhCsD,IAAAA,gBAAgB,EAAhBA,gBAXgC;AAYhCF,IAAAA,YAAY,EAAZA;AAZgC,GAAlC;AAeA,MAAMoC,KAAK,GACTvG,mBAAA,CAACyB,YAAY,CAAC+E,QAAd;AAAuBC,IAAAA,KAAK,EAAE7E;GAA9B,EACE5B,mBAAA,MAAA,oBAAS6D;AAAM1C,IAAAA,GAAG,EAAEA;AAAK3D,IAAAA,KAAK,eAAOsE,MAAM,CAACC,OAAd,EAA0BvE,KAA1B;IAA9B,EACEwC,mBAAA,CAAC0G,4BAAD,MAAA,EAEGxG,MAAM,GACHF,cAAA,CAAeyE,GAAf,CAAmBpB,QAAnB,EAA6B,UAACsD,KAAD,EAAarH,CAAb;AAAA,WAC3BU,kBAAA,CAAmB2G,KAAnB,EAA0B;AAAEC,MAAAA,GAAG,mBAAiBtH;AAAtB,KAA1B,CAD2B;AAAA,GAA7B,CADG,GAIH,IANN,CADF,CADF,CADF;AAeA,MAAIzD,MAAJ,EAAY,OAAO0K,KAAP;AAEZ,SAAOM,qBAAA,CAAsBN,KAAtB,EAA6BhD,UAA7B,WAA6BA,UAA7B,GAA2CtG,QAAQ,CAACD,IAApD,CAAP;AACD,CAlNW,CAAd;;ACtBA,IAAM8J,cAAc,gBAAG9G,gBAAA,CACrB,gBAAoCmB,GAApC;MAAGkC,gBAAAA;wBAAU7F;MAAAA,gCAAQ;MAAOqG;;yBAYtBlC,eAAe;MAVjB6C,qBAAAA;MACAtE,0BAAAA;MACAI,6BAAAA;MACAgD,8BAAAA;+CACAG;MAAAA,iDAAc;MACdK,4BAAAA;MACA/C,gCAAAA;MACAyC,0BAAAA;MACAa,oCAAAA;MACAF,gCAAAA;;2BAGkC9D,iBAAiB,CAACH,MAAD,EAASI,SAAT;MAA7CE,6CAAAA;;AACR,MAAMuG,QAAQ,GAAGzD,UAAU,GAAGA,UAAU,CAAC,CAAD,CAAV,GAAgBA,UAAU,CAACG,WAAD,CAA7B,GAA6C,CAAxE;AACA,MAAMuD,aAAa,GAAG1D,UAAU,GAAGA,UAAU,CAAC,CAAD,CAAb,GAAmB,IAAnD;AAEA,MAAMlB,MAAM,GACV4E,aAAa,KAAK,IAAlB,YACWA,aADX,YAC+BpL,UAD/B,SAEIA,UAHN;AAKA,SACEoE,mBAAA,CAACiH,mBAAM,CAACC,GAAR,oBACMrD;AACJ1C,IAAAA,GAAG,EAAEgG,SAAS,CAAC,CAACrD,QAAD,EAAW3C,GAAX,CAAD;AACdiG,IAAAA,SAAS,EAAC;AACV5J,IAAAA,KAAK,eACAsE,MAAM,CAACQ,SADP,EAEA9E,KAFA,EAGCgG,MAAM,KAAK,aAAX,IAA4B;AAAEpB,MAAAA,MAAM,EAANA;AAAF,KAH7B,EAICoB,MAAM,KAAK,gBAAX,IAA+B;AAAE6D,MAAAA,SAAS,EAAEjF;AAAb,KAJhC;AAKHoC,MAAAA,CAAC,EAADA;AALG;AAOL8C,IAAAA,OAAO,EAAEnD,YAAY,GAAG,KAAH,GAAW;AAAEK,MAAAA,CAAC,EAAEzD;AAAL;AAChC4E,IAAAA,OAAO,EAAE;AAAEnB,MAAAA,CAAC,EAAEuC,QAAL;AAAenJ,MAAAA,UAAU,EAAEyG;AAA3B;AACTkD,IAAAA,IAAI,EAAE;AAAE/C,MAAAA,CAAC,EAAEzD,YAAL;AAAmBnD,MAAAA,UAAU,EAAEyG;AAA/B;AACNmD,IAAAA,mBAAmB,EAAEhH;IAdvB,EAgBG6C,QAhBH,CADF;AAoBD,CA5CoB,CAAvB;;ACHA,IAAMoE,YAAY,gBAAGzH,gBAAA,CACnB,gBAA4CmB,GAA5C;MAAGkC,gBAAAA;MAAU7F,aAAAA;MAAOmG,mBAAAA;MAAgBE;;yBACZlC,eAAe;MAA7BuE,6BAAAA;;AACR,MAAMwB,UAAU,GAAG/D,WAAW,GAAGjC,SAAH,GAAewE,SAA7C;;AAEA,SACElG,mBAAA,CAACiH,mBAAM,CAACC,GAAR,oBACMrD;AACJ1C,IAAAA,GAAG,EAAEA;AACLiG,IAAAA,SAAS,EAAC;AACV5J,IAAAA,KAAK,eAAOsE,MAAM,CAACkB,OAAd,EAA0BxF,KAA1B;KACDkK,WALN,EAOGrE,QAPH,CADF;AAWD,CAhBkB,CAArB;;ACAA,IAAMsE,WAAW,gBAAG3H,gBAAA,CAClB,gBAA4CmB,GAA5C;MAAGkC,gBAAAA;MAAU7F,aAAAA;MAAOmG,mBAAAA;MAAgBE;;yBACOlC,eAAe;MAAhDoC,qCAAAA;MAAmBmC,6BAAAA;;AAC3B,MAAMwB,UAAU,GAAG/D,WAAW,GAAGjC,SAAH,GAAewE,SAA7C;;AAEA,MAAM0B,mBAAmB,GAAGC,yBAAY,CACtC9D,iBADsC,EAEtC,UAAA+D,CAAC;AAAA,uCAA8BA,CAA9B;AAAA,GAFqC,CAAxC;AAKA,MAAMC,mBAAmB,GAAGF,yBAAY,CACtC9D,iBADsC,EAEtC,UAAA+D,CAAC;AAAA,wCAA+B,CAAC,CAAD,GAAKA,CAApC;AAAA,GAFqC,CAAxC;AAKA,SACE9H,mBAAA,CAACiH,mBAAM,CAACC,GAAR,oBACMrD;AACJ1C,IAAAA,GAAG,EAAEA;AACL3D,IAAAA,KAAK,eAAOsE,MAAM,CAACY,aAAd,EAAgClF,KAAhC;KACDkK,WAJN,EAMGrE,QAAQ,IACPrD,mBAAA,MAAA;AAAKoH,IAAAA,SAAS,EAAC;AAA2B5J,IAAAA,KAAK,EAAEsE,MAAM,CAACa;GAAxD,EACE3C,mBAAA,CAACiH,mBAAM,CAACe,IAAR;AACEZ,IAAAA,SAAS,EAAC;AACV5J,IAAAA,KAAK,eAAOsE,MAAM,CAACgB,SAAd;AAAyBjF,MAAAA,SAAS,EAAE+J;AAApC;GAFP,CADF,EAKE5H,mBAAA,CAACiH,mBAAM,CAACe,IAAR;AACEZ,IAAAA,SAAS,EAAC;AACV5J,IAAAA,KAAK,eAAOsE,MAAM,CAACgB,SAAd;AAAyBjF,MAAAA,SAAS,EAAEkK;AAApC;GAFP,CALF,CAPJ,CADF;AAqBD,CApCiB,CAApB;;ACDA,IAAME,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,SAAgB,CAAC,CAACA,KAAK,CAACC,OAAR,IAAmB,CAAC,CAACD,KAAK,CAACE,KAA3C;AAAA,CAApB;;AAEA,IAAMC,aAAa,gBAAGrI,gBAAA,CACpB,gBAA0BmB,GAA1B;wBAAG3D;MAAAA,gCAAQ;MAAOqG;;AAChB,MAAMyE,IAAI,GAAGL,WAAW,CAACpE,IAAD,CAAX,GAAoBoD,mBAAM,CAACsB,MAA3B,GAAoCtB,mBAAM,CAACC,GAAxD;AACA,MAAMjF,aAAa,GAAGgG,WAAW,CAACpE,IAAD,CAAX,GAAoB,MAApB,GAA6B,MAAnD;AAEA,SACE7D,mBAAA,CAACsI,IAAD,oBACMzE;AACJ1C,IAAAA,GAAG,EAAEA;AACLiG,IAAAA,SAAS,EAAC;AACV5J,IAAAA,KAAK,eAAOsE,MAAM,CAACI,QAAd,EAA2B1E,KAA3B;AAAkCyE,MAAAA,aAAa,EAAbA;AAAlC;AACLqF,IAAAA,OAAO,EAAE;AAAE7I,MAAAA,OAAO,EAAE;AAAX;AACTkH,IAAAA,OAAO,EAAE;AAAElH,MAAAA,OAAO,EAAE;AAAX;AACT8I,IAAAA,IAAI,EAAE;AAAE9I,MAAAA,OAAO,EAAE;AAAX;IAPR,CADF;AAWD,CAhBmB,CAAtB;;ACOA,IAAM+J,cAAc,GAAQtF,KAA5B;AACAsF,cAAc,CAACC,SAAf,GAA2B3B,cAA3B;AACA0B,cAAc,CAACE,MAAf,GAAwBf,WAAxB;AACAa,cAAc,CAACG,OAAf,GAAyBlB,YAAzB;AACAe,cAAc,CAACI,QAAf,GAA0BP,aAA1B;;;;"}
+{"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,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;
+"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, 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","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","_dragProps","SheetHeader","indicator1Transform","useTransform","r","indicator2Transform","span","isClickable","props","onClick","onTap","SheetBackdrop","Comp","button","_SheetCompound","Container","Header","Content","Backdrop"],"mappings":"qlBAAO,IAAMA,EAAa,+CAEbC,EAA2B,oBAAXC,OAEhBC,EAAwB,CACnCC,UAAW,IACXC,QAAS,GACTC,KAAM,aCPQC,EAAWC,EAAgBC,UAClCD,EAAKE,QAAO,SAACC,EAAMC,UACjBC,KAAKC,IAAIF,EAAOH,GAAQI,KAAKC,IAAIH,EAAOF,GAAQG,EAAOD,cAwClDI,EAAkBC,OAC1BC,EAAOC,SAASC,cAAc,QAC9BC,EAAOF,SAASG,eAAeL,GAC/BM,EAAYJ,SAASG,eAvCT,+BAkDdD,GAAQE,IAEVF,EAAKG,MAAMC,eAAe,2BAC1BJ,EAAKG,MAAMC,eAAe,0BAC1BJ,EAAKG,MAAMC,eAAe,aAC1BF,EAAUC,MAAME,QAAU,IAG1BL,EAAKM,iBAAiB,0BAjBfC,UACPP,EAAKG,MAAMC,eAAe,YAC1BJ,EAAKG,MAAMC,eAAe,eAC1BJ,EAAKG,MAAMC,eAAe,cAC1BP,EAAKM,MAAMC,eAAe,oBAC1BJ,EAAKQ,oBAAoB,gBAAiBD,YAC1CL,EAAUO,eAAYC,YAAYR,gBAuBtBS,SACdC,IAAAA,OACAC,IAAAA,mBAKID,EAAS,GACXE,QAAQC,qDAC0CF,yBAAiCA,EAC/EpB,KAAKC,IAAIkB,SAIRnB,KAAKuB,IAAIvB,KAAKwB,MAAML,GAAS,OCpFzBM,EAA4BrC,EACrCsC,YACAA,2BAkEYC,EAAeC,OACvBC,EAAMH,kBAEZA,aAAgB,WACdG,EAAIC,QAAUF,KAGTC,EAAIC,iBAKGC,EAA4CC,OACpDC,EAAaP,kBAEnBD,GAA0B,WACxBQ,EAAWH,QAAUE,KAGhBN,eAAkB,mBACjBQ,EAAKD,EAAWH,2BADKK,2BAAAA,+BAEpBD,SAAAA,eAAQC,KACd,IC7FE,IAAMC,EAAeV,qBAC1BW,GAGWC,EAAkB,eACvBC,EAAUb,aAAiBU,OAC5BG,EAAS,MAAMC,MAAM,8BACnBD,GCRHE,EAA4C,CAChDC,QAAS,CACPC,SAAU,QACVC,IAAK,EACLC,OAAQ,EACRC,KAAM,EACNC,MAAO,EACPC,OAAQ,QACRC,SAAU,SACVC,cAAe,QAEjBC,SAAU,CACRH,OAAQ,EACRL,SAAU,QACVC,IAAK,EACLE,KAAM,EACNM,MAAO,OACPC,OAAQ,OACRC,gBAAiB,wBACjBC,YAAa,QAEfC,UAAW,CACTR,OAAQ,EACRL,SAAU,WACVG,KAAM,EACND,OAAQ,EACRO,MAAO,OACPE,gBAAiB,OACjBG,qBAAsB,MACtBC,oBAAqB,MACrBC,UAAW,mCACXC,QAAS,OACTC,cAAe,SACfX,cAAe,QAEjBY,cAAe,CACbV,MAAO,QAETW,OAAQ,CACNV,OAAQ,OACRD,MAAO,OACPT,SAAU,WACViB,QAAS,OACTI,WAAY,SACZC,eAAgB,UAElBC,UAAW,CACTd,MAAO,OACPC,OAAQ,MACRc,aAAc,OACdb,gBAAiB,QAEnBc,QAAS,CACPC,KAAM,EACNpB,SAAU,OACVN,SAAU,aCzBR2B,EAAQ5C,cACZ,WAqBEG,OAnBE0C,IAAAA,YACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,aACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,WACA5E,IAAAA,OACA6E,IAAAA,WACAtE,IAAAA,UACAuE,OAAAA,aAAS,oBACTC,YAAAA,aAAc,QACdC,aAAAA,aAAe7F,QACf8F,YAAAA,oBACAC,qBAAAA,gBACGC,4NAICC,EAAW7D,SAAkB,MAC7B8D,EAAoBC,iBAAe,GACnCC,EHGV,iBAC0ChE,WAAe,GAAhDgE,OAAcC,cAErBlE,GAA0B,eAClBmE,EAAe,kBAAMD,EAAgBtG,OAAOwG,qBAClDxG,OAAOwB,iBAAiB,SAAU+E,GAClCA,IACO,kBAAMvG,OAAO0B,oBAAoB,SAAU6E,MACjD,IAEIF,EGbgBI,GACfC,EAAqBC,qBACrBC,EAAeC,QAAQb,GAAwBU,GAC/CI,EAA6CF,EAC/C,CAAEG,KAAM,QAASC,SAAU,QACzBD,KAAM,UAAajB,GAKnBmB,EAAIb,iBAAe,GAInBc,EAAY7E,SAAa,CAC7B6C,YAAAA,EACAC,UAAAA,EACAE,aAAAA,EACAC,WAAAA,IAGFlD,GAA0B,WACxB8E,EAAUzE,QAAU,CAClByC,YAAAA,EACAC,UAAAA,EACAE,aAAAA,EACAC,WAAAA,MAIAI,IAEFA,EAAaA,EAAWyB,KAAI,SAAAC,UAEtBA,EAAQ,GAAKA,GAAS,EAAUzG,KAAKwB,MAAMiF,EAAQf,GAChDe,EAAQ,EAAIf,EAAee,EAAQA,KAG5CpF,QAAQqF,gBJ5BoBC,OAC3B,IAAIC,EAAI,EAAGA,EAAID,EAAIE,OAAQD,OAC1BD,EAAIC,EAAI,GAAKD,EAAIC,GAAI,OAAO,SAG3B,EIwBDE,CAAkB/B,IAAgC,IAAjBW,sDACmBX,YAIlDgC,EAAShF,GAAS,SAACiF,SAAKC,IAAAA,MAEtBC,EAAWZ,EAAEa,cAEfD,EAAW,GAAG1B,EAAkB4B,IAAI,IACpCF,EAAW,GAAG1B,EAAkB4B,KAAK,IAGzCd,EAAEc,IAAIpH,KAAKuB,IAAI+E,EAAEe,MAAQJ,EAAMX,EAAG,OAG9BgB,EAAYvF,GAAS,SAACiF,UAAKE,SAClBZ,ELtGoB,IKwG/B7B,QACK,KAECrD,EADUmE,EAASzD,QACGyF,wBAAwBlE,OAC9CmE,EAAWlB,EAAEe,MAEflG,EAAS,KAET4D,EAAY,KACR0C,EAAe1C,EAClByB,KAAI,SAAAkB,UAAKtG,EAAcsG,KACvBC,QAAO,SAAAD,UAAKA,GAAK,KAGL,mBAAXzC,GAAgCwC,EAAaG,SAAS,IACxDH,EAAaI,QAAQ,GAIvB1G,EAASzB,EAAW+H,EAAcD,QACzBA,EAAWpG,EL9HM,KKgI1BD,EAASC,MAGXD,EAASD,EAAe,CAAEC,OAAAA,EAAQC,YAAAA,IAGlC0G,UAAQxB,EAAGnF,EAAQgF,GAEfpB,GAAcH,EAAQ,KAClBmD,EAAY/H,KAAKC,IAAID,KAAKwB,MAAMuD,EAAW,GAAK5D,IAChD6G,EAAYjD,EAAWkD,QAAQvI,EAAWqF,EAAYgD,IAC5DnD,EAAOoD,GAGL7G,GAAUC,GAAaqD,IAI7Be,EAAkB4B,IAAI,MAIxB1F,aAAgB,WACTqD,GAAeH,GAEpBA,EADkBE,EAASI,EAAcH,EAAW8B,OAAS,KAE5D,CAAC/B,IAEJpD,sBAA0BG,GAAK,iBAAO,CACpCyE,EAAAA,EACAnF,OAAQ,SAAC6G,OACDE,EAAU3C,EAASzD,WAGvBiD,QAC0B1C,IAA1B0C,EAAWiD,IACC,OAAZE,EACA,KACM9G,EAAc8G,EAAQX,wBAAwBlE,OAE9ClC,EAASD,EAAe,CAC5BC,OAAQC,EAFQ2D,EAAWiD,GAG3B5G,YAAAA,IAGF0G,UAAQxB,EAAGnF,EAAQgF,GACfvB,GAAQA,EAAOoD,GACf7G,GAAUC,GAAaqD,UH/KP,SAACK,EAAiB3E,OACxCgI,EAAWxG,EAAYmD,GAG7BpD,aAAgB,WACVvB,IAAWgI,GAAYrD,WDPC3E,OACxBC,EAAOC,SAASC,cAAc,QAC9BC,EAAOF,SAASC,kBAAkBH,MAEpCI,EAAM,KAEF6H,EAAI/I,OAAOwG,YACXwC,GAAKD,EAFD,IAEUA,EACpBhI,EAAKM,MAAM4C,gBAAkB,OAC7B/C,EAAKG,MAAMuC,SAAW,SACtB1C,EAAKG,MAAM4H,WAAa,YACxB/H,EAAKG,MAAM6H,WAAa,yBACxBhI,EAAKG,MAAM8H,qEAA6EH,MACxF9H,EAAKG,MAAM+C,qBAAuB,OAClClD,EAAKG,MAAMgD,oBAAsB,WAG3BjD,EAAYJ,SAASoI,cAAc,OACzChI,EAAUiI,aAAa,cAAe,QACtCjI,EAAUkI,GArBM,8BAsBhBlI,EAAUC,MAAMiC,SAAW,WAC3BlC,EAAUC,MAAMkC,IAAM,MACtBnC,EAAUC,MAAMoC,KAAO,MACvBrC,EAAUC,MAAMmC,OAAS,MACzBpC,EAAUC,MAAMqC,MAAQ,MACxBtC,EAAUC,MAAME,QAAU,IAC1BH,EAAUC,MAAM6H,WAAa,uBAC7B9H,EAAUC,MAAM4C,gBAAkB,2BAElC/C,EAAKqI,YAAYnI,GACjBoI,uBAAsB,kBAAOpI,EAAUC,MAAME,QAAU,QCtBrDkI,CAAgB3I,GACPA,IAAW2E,GAAUqD,GAC9BjI,EAAkBC,KAEnB,CAAC2E,EAAQqD,IAGZzG,aAAgB,kBACP,WACDvB,GAAU2E,GAAQ5E,EAAkBC,MAEzC,CAAC2E,IGmKFiE,CAAejE,EAAQ3E,GAIvB6I,mBAAiB,CAAEC,YAAanE,QAE1BoE,EAAYxH,WAAc,kBAUvB0D,OAAc/C,EAT4B,CAC/C8G,KAAM,IACNC,YAAa,EACbC,gBAAiB,CAAEzG,IAAK,EAAGC,OAAQ,GACnCyG,cAAc,EACdvC,OAAAA,EACAO,UAAAA,KAID,CAAClC,IAiBEmE,EACJ7H,gBAACU,EAAaoH,UAASC,MAhBS,CAChCnD,EAAAA,EACAf,SAAAA,EACAT,OAAAA,EACAI,YAAAA,EACAH,WAAAA,EACAE,OAAAA,EACAO,kBAAAA,EACAe,UAAAA,EACA2C,UAAAA,EACAxD,aAAAA,EACAS,iBAAAA,EACAF,aAAAA,IAKEvE,uCAAS4D,GAAMzD,IAAKA,EAAKnB,WAAY+B,EAAOC,QAAYhC,KACtDgB,gBAACgI,uBAEE5E,EACGpD,WAAe8E,IAAI3B,GAAU,SAAC8E,EAAY/C,UACxClF,eAAmBiI,EAAO,CAAEC,mBAAoBhD,OAElD,eAMRxH,EAAemK,EAEZM,eAAsBN,QAAOvE,EAAAA,EAAc3E,SAASD,SCvOzD0J,EAAiBpI,cACrB,WAAoCG,OAAjCgD,IAAAA,aAAUnE,MAAAA,aAAQ,KAAO4E,8BAYtBhD,IAVFgE,IAAAA,EAGAvB,IAAAA,eACAG,YAAAA,aAAc,IACdK,IAAAA,SACAG,IAAAA,aACAT,IAAAA,OACAkB,IAAAA,iBACAF,IAAAA,aAGM8D,EJKqB,SAC/BjF,EACAyB,OAEM4B,EAAWxG,EAAYmD,GACvBkF,EAAUtI,UAAa,GAKvBqI,EAA0BrI,eAAkB,WAC3CsI,EAAQlI,eAIXyE,EAAUzE,QAAQ6C,YAAlB4B,EAAUzE,QAAQ6C,aAClBqF,EAAQlI,SAAU,UAJlByE,EAAUzE,QAAQ0C,WAAlB+B,EAAUzE,QAAQ0C,YAClBwF,EAAQlI,SAAU,KAKnB,CAACgD,EAAQqD,WAEZzG,aAAgB,YACTyG,GAAYrD,QACfyB,EAAUzE,QAAQyC,aAAlBgC,EAAUzE,QAAQyC,eACRO,GAAUqD,UACpB5B,EAAUzE,QAAQ4C,cAAlB6B,EAAUzE,QAAQ4C,kBAEnB,CAACI,EAAQqD,IAEL,CAAE4B,wBAAAA,GIjC6BE,GAXlCnF,SACAyB,WAUMwD,wBACFG,EAAWnF,EAAaA,EAAW,GAAKA,EAAWG,GAAe,EAClEiF,EAAgBpF,EAAaA,EAAW,GAAK,KAE7C1B,EACc,OAAlB8G,SACWA,SAAoBhL,MAC3BA,SAGJuC,gBAAC0I,SAAOC,qBACF/E,GACJzD,IAAKyI,EAAU,CAAC/E,EAAU1D,IAC1B0I,UAAU,8BACV7J,WACK+B,EAAOe,UACP9C,EACY,gBAAXuE,GAA4B,CAAE5B,OAAAA,GACnB,mBAAX4B,GAA+B,CAAEuF,UAAWnH,IAChDiD,EAAAA,IAEFmE,SAASxE,GAAuB,CAAEK,EAAGZ,GACrCoC,QAAS,CAAExB,EAAG4D,EAAU3B,WAAYpC,GACpCuE,KAAM,CAAEpE,EAAGZ,EAAc6C,WAAYpC,GACrCwE,oBAAqBZ,IAEpBlF,MC5CH+F,EAAelJ,cACnB,WAA4CG,OAAzCgD,IAAAA,SAAUnE,IAAAA,MAAO0E,IAAAA,YAAgBE,4CACZhD,IAChBuI,EAAazF,OAAc/C,IADzB6G,iBAINxH,gBAAC0I,SAAOC,qBACF/E,GACJzD,IAAKA,EACL0I,UAAU,4BACV7J,WAAY+B,EAAO2B,QAAY1D,IAC3BmK,GAEHhG,MCbHiG,EAAcpJ,cAClB,WAA4CG,OAAzCgD,IAAAA,SAAUnE,IAAAA,MAAO0E,IAAAA,YAAgBE,4CACOhD,IAAjCkD,IAAAA,kBACFqF,EAAazF,OAAc/C,IADN6G,UAGrB6B,EAAsBC,eAC1BxF,GACA,SAAAyF,mCAA+BA,YAG3BC,EAAsBF,eAC1BxF,GACA,SAAAyF,qCAAiC,EAAIA,mBAIrCvJ,gBAAC0I,SAAOC,qBACF/E,GACJzD,IAAKA,EACLnB,WAAY+B,EAAOqB,cAAkBpD,IACjCmK,GAEHhG,GACCnD,uBAAK6I,UAAU,2BAA2B7J,MAAO+B,EAAOsB,QACtDrC,gBAAC0I,SAAOe,MACNZ,UAAU,mCACV7J,WAAY+B,EAAOyB,WAAWsE,UAAWuC,MAE3CrJ,gBAAC0I,SAAOe,MACNZ,UAAU,mCACV7J,WAAY+B,EAAOyB,WAAWsE,UAAW0C,WC/BjDE,EAAc,SAACC,WAAiBA,EAAMC,WAAaD,EAAME,OAEzDC,EAAgB9J,cACpB,WAA0BG,WAAvBnB,MAAAA,aAAQ,KAAO4E,iBACVmG,EAAOL,EAAY9F,GAAQ8E,SAAOsB,OAAStB,SAAOC,IAClDnH,EAAgBkI,EAAY9F,GAAQ,OAAS,cAGjD5D,gBAAC+J,mBACKnG,GACJzD,IAAKA,EACL0I,UAAU,6BACV7J,WAAY+B,EAAOU,SAAazC,GAAOwC,cAAAA,IACvCuH,QAAS,CAAE7J,QAAS,GACpBkH,QAAS,CAAElH,QAAS,GACpB8J,KAAM,CAAE9J,QAAS,SCNnB+K,EAAsBrH,EAC5BqH,EAAeC,UAAY9B,EAC3B6B,EAAeE,OAASf,EACxBa,EAAeG,QAAUlB,EACzBe,EAAeI,SAAWP"}
+{"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' && {
@@ -544,7 +547,9 @@ var SheetContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       style = _ref.style,
       disableDrag = _ref.disableDrag,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "style", "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;
@@ -553,7 +558,7 @@ var SheetContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   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);
 });
@@ -602,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, 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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"}
+{"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.1",
+  "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,7 +6,7 @@ import { useSheetContext } from './context';
 import styles from './styles';
 
 const SheetContent = React.forwardRef<any, SheetDraggableProps>(
-  ({ children, style, disableDrag, ...rest }, ref) => {
+  ({ children, style, disableDrag, className = '', ...rest }, ref) => {
     const { dragProps } = useSheetContext();
     const _dragProps = disableDrag ? undefined : dragProps;
 
@@ -14,7 +14,7 @@ const SheetContent = React.forwardRef<any, SheetDraggableProps>(
       <motion.div
         {...rest}
         ref={ref}
-        className="react-modal-sheet-content"
+        className={`react-modal-sheet-content ${className}`}
         style={{ ...styles.content, ...style }}
         {..._dragProps}
       >

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'
 >;