{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/zmnOLU61qTIXHfjj7Jda/VojAD2H2hth7oZAbMy0A/Examples.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{useMotionValue,useSpring,useInView}from\"framer-motion\";const withIntensity=(Component,maxDistancePercentage,maxOffsetX,maxOffsetY)=>{const SPRING_CONFIG={damping:100,stiffness:400};return props=>{const x=useMotionValue(0);const y=useMotionValue(0);const ref=useRef(null);const springX=useSpring(x,SPRING_CONFIG);const springY=useSpring(y,SPRING_CONFIG);const isInView=useInView(ref);useEffect(()=>{if(!isInView){x.set(0);y.set(0);}},[isInView]);useEffect(()=>{const calculateDistance=e=>{if(ref.current&&isInView){const rect=ref.current.getBoundingClientRect();const centerX=rect.left+rect.width/2;const centerY=rect.top+rect.height/2;let distanceX=e.clientX-centerX;let distanceY=e.clientY-centerY;distanceX=Math.max(Math.min(distanceX,maxOffsetX),-maxOffsetX);distanceY=Math.max(Math.min(distanceY,maxOffsetY),-maxOffsetY);x.set(distanceX*(maxDistancePercentage/100));y.set(distanceY*(maxDistancePercentage/100));}};document.addEventListener(\"mousemove\",calculateDistance);return()=>{document.removeEventListener(\"mousemove\",calculateDistance);};},[ref,isInView,maxOffsetX,maxOffsetY]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,style:{x:springX,y:springY}});};};export const withIntensity10=Component=>withIntensity(Component,10,400,2e3);export const withIntensity5=Component=>withIntensity(Component,5,2e3,2e3);export const withIntensity1=Component=>withIntensity(Component,1,2e3,2e3);\nexport const __FramerMetadata__ = {\"exports\":{\"withIntensity10\":{\"type\":\"reactHoc\",\"name\":\"withIntensity10\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withIntensity5\":{\"type\":\"reactHoc\",\"name\":\"withIntensity5\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withIntensity1\":{\"type\":\"reactHoc\",\"name\":\"withIntensity1\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],
  "mappings": "8GAA6I,IAAMA,EAAc,CAACC,EAAUC,EAAsBC,EAAWC,IAAa,CAAC,IAAMC,EAAc,CAAC,QAAQ,IAAI,UAAU,GAAG,EAAE,OAAOC,GAAO,CAAC,IAAMC,EAAEC,EAAe,CAAC,EAAQC,EAAED,EAAe,CAAC,EAAQE,EAAIC,EAAO,IAAI,EAAQC,EAAQC,EAAUN,EAAEF,CAAa,EAAQS,EAAQD,EAAUJ,EAAEJ,CAAa,EAAQU,EAASC,EAAUN,CAAG,EAAE,OAAAO,EAAU,IAAI,CAAKF,IAAUR,EAAE,IAAI,CAAC,EAAEE,EAAE,IAAI,CAAC,EAAG,EAAE,CAACM,CAAQ,CAAC,EAAEE,EAAU,IAAI,CAAC,IAAMC,EAAkBC,GAAG,CAAC,GAAGT,EAAI,SAASK,EAAS,CAAC,IAAMK,EAAKV,EAAI,QAAQ,sBAAsB,EAAQW,EAAQD,EAAK,KAAKA,EAAK,MAAM,EAAQE,EAAQF,EAAK,IAAIA,EAAK,OAAO,EAAMG,EAAUJ,EAAE,QAAQE,EAAYG,EAAUL,EAAE,QAAQG,EAAQC,EAAU,KAAK,IAAI,KAAK,IAAIA,EAAUpB,CAAU,EAAE,CAACA,CAAU,EAAEqB,EAAU,KAAK,IAAI,KAAK,IAAIA,EAAUpB,CAAU,EAAE,CAACA,CAAU,EAAEG,EAAE,IAAIgB,GAAWrB,EAAsB,IAAI,EAAEO,EAAE,IAAIe,GAAWtB,EAAsB,IAAI,CAAE,CAAC,EAAE,gBAAS,iBAAiB,YAAYgB,CAAiB,EAAQ,IAAI,CAAC,SAAS,oBAAoB,YAAYA,CAAiB,CAAE,CAAE,EAAE,CAACR,EAAIK,EAASZ,EAAWC,CAAU,CAAC,EAAsBqB,EAAKxB,EAAU,CAAC,GAAGK,EAAM,IAAII,EAAI,MAAM,CAAC,EAAEE,EAAQ,EAAEE,CAAO,CAAC,CAAC,CAAE,CAAE,EAAeY,EAAgBzB,GAAWD,EAAcC,EAAU,GAAG,IAAI,GAAG,EAAe0B,EAAe1B,GAAWD,EAAcC,EAAU,EAAE,IAAI,GAAG,EAAe2B,EAAe3B,GAAWD,EAAcC,EAAU,EAAE,IAAI,GAAG",
  "names": ["withIntensity", "Component", "maxDistancePercentage", "maxOffsetX", "maxOffsetY", "SPRING_CONFIG", "props", "x", "useMotionValue", "y", "ref", "pe", "springX", "useSpring", "springY", "isInView", "useInView", "ue", "calculateDistance", "e", "rect", "centerX", "centerY", "distanceX", "distanceY", "p", "withIntensity10", "withIntensity5", "withIntensity1"]
}