{
"version": 3,
"sources": ["ssg:https://framerusercontent.com/modules/A4rdhq7VabjF9YEx1fsj/AA0PvEN9svF5CugbDUKx/PeekyNavbar.js"],
"sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{useScroll,useVelocity}from\"framer-motion\";/**\n * This override allows to show and hide the navbar if the user scrolls up,\n * or if the mouse is at the top of the screen.\n *\n * @author Joe From Framer Today, Stanislas Laurent\n * @see https://framer.today/6/\n */ export function reactToScroll(Component){/** The sensitivity to the scroll gesture. The lower the more sentsitive. */ const SCROLL_SENSITIVITY=1;/** The height of the visible navbar */ const VISUAL_NAVBAR_HEIGHT=76;/** The height of the navbar's hitbox */ const NAVBAR_HITBOX_HEIGHT=294;/**\n * The parameters of the animation used to show/hide the navbar.\n * Make sure they are consistent with other animations across the rest of the website.\n */ const slideAnimation={duration:.2,ease:\"spring\",stiffness:400,damping:30,mass:1,//Leave below properties as is for better visual effect\ndelay:.25};/**\n * Helper hook to obtain the current mouse Y coordinate.\n *\n * @author Josh Comeau\n * @see https://www.joshwcomeau.com/snippets/react-hooks/use-mouse-position/\n */ const useMousePositionY=()=>{const[mousePosition,setMousePosition]=useState(null);useEffect(()=>{const updateMousePosition=ev=>{setMousePosition(ev.clientY);};window.addEventListener(\"mousemove\",updateMousePosition);return()=>{window.removeEventListener(\"mousemove\",updateMousePosition);};},[]);return mousePosition;};/**\n * Handles detecting scroll direction and position\n */ return props=>{const{scrollY}=useScroll();const scrollVelocity=useVelocity(scrollY);const mousePositionY=useMousePositionY();/** True if the scroll gesture is towards the top. */ const[isScrollingUp,setIsScrollingUp]=useState(false);/** True if the scroll position is at the top of the page. */ const[isAtTop,setIsAtTop]=useState(true);/** True if the navbar is visible. */ const[navBarVisible,setNavBarVisible]=useState(true);/**\n * Determine if user is scrolling up when the scroll position changes\n */ useEffect(()=>scrollVelocity.onChange(latest=>{if(latest>0){setIsScrollingUp(false);return;}if(latest<-SCROLL_SENSITIVITY){setIsScrollingUp(true);return;}}),[]);/**\n * Determine if the scroll position is at the top of the page when the scroll position changes\n */ useEffect(()=>scrollY.onChange(latest=>setIsAtTop(latest<=0)),[]);/**\n * Handles the navbar visibility based on the scoll direction and position, and the ouse position\n * whenever the scroll position, scroll direction or mouse position changes.\n */ useEffect(()=>{const isMouseInHitbox=mousePositionY