{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/kr5EZvz5SmErXRyhPtvV/pp662mOedPlhITyTrfE1/Mouse_follow_image.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{motionValue,useTransform,useSpring}from\"framer-motion\";const x=motionValue(.5);const y=motionValue(.5);export function Main(Component){return props=>{const handleMouseMove=event=>{const rect=event.currentTarget.getBoundingClientRect();const mouseX=event.clientX-rect.left;const mouseY=event.clientY-rect.top;x.set(mouseX/rect.width);y.set(mouseY/rect.height);};return /*#__PURE__*/_jsx(Component,{...props,onMouseMove:handleMouseMove,onMouseLeave:()=>{x.set(.5);y.set(.5);}});};}export function Child1(Component){return props=>{const translateX=useTransform(x,[0,1],[-30,30]);const translateY=useTransform(y,[0,1],[-30,30]);const animatedX=useSpring(translateX,{stiffness:200,damping:30});const animatedY=useSpring(translateY,{stiffness:200,damping:30});return /*#__PURE__*/_jsx(Component,{...props,// as={motion.div}\nstyle:{...props.style,translateX:animatedX,translateY:animatedY,transformOrigin:\"center\"}});};}export function Child2(Component){return props=>{const translateX=useTransform(x,[0,1],[-50,50]);const translateY=useTransform(y,[0,1],[-50,50]);const animatedX=useSpring(translateX,{stiffness:200,damping:30});const animatedY=useSpring(translateY,{stiffness:200,damping:30});return /*#__PURE__*/_jsx(Component,{...props,// as={motion.div}\nstyle:{...props.style,translateX:animatedX,translateY:animatedY,transformOrigin:\"center\"}});};}export function Child3(Component){return props=>{const translateX=useTransform(x,[0,1],[-60,60]);const translateY=useTransform(y,[0,1],[-60,60]);const animatedX=useSpring(translateX,{stiffness:200,damping:30});const animatedY=useSpring(translateY,{stiffness:200,damping:30});return /*#__PURE__*/_jsx(Component,{...props,// as={motion.div}\nstyle:{...props.style,translateX:animatedX,translateY:animatedY,transformOrigin:\"center\"}});};}export function Child4(Component){return props=>{const translateX=useTransform(x,[0,1],[-70,70]);const translateY=useTransform(y,[0,1],[-70,70]);const animatedX=useSpring(translateX,{stiffness:200,damping:30});const animatedY=useSpring(translateY,{stiffness:200,damping:30});return /*#__PURE__*/_jsx(Component,{...props,// as={motion.div}\nstyle:{...props.style,translateX:animatedX,translateY:animatedY,transformOrigin:\"center\"}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"Child1\":{\"type\":\"reactHoc\",\"name\":\"Child1\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Child2\":{\"type\":\"reactHoc\",\"name\":\"Child2\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Child3\":{\"type\":\"reactHoc\",\"name\":\"Child3\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Child4\":{\"type\":\"reactHoc\",\"name\":\"Child4\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Main\":{\"type\":\"reactHoc\",\"name\":\"Main\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Mouse_follow_image.map"],
  "mappings": "oIAAAA,IAAyG,IAAMC,EAAEC,EAAY,EAAE,EAAQC,EAAED,EAAY,EAAE,EAAS,SAASE,EAAKC,EAAU,CAAC,OAAOC,GAA+OC,EAAKF,EAAU,CAAC,GAAGC,EAAM,YAA1OE,GAAO,CAAC,IAAMC,EAAKD,EAAM,cAAc,sBAAsB,EAAQE,EAAOF,EAAM,QAAQC,EAAK,KAAWE,EAAOH,EAAM,QAAQC,EAAK,IAAIR,EAAE,IAAIS,EAAOD,EAAK,KAAK,EAAEN,EAAE,IAAIQ,EAAOF,EAAK,MAAM,CAAE,EAA2E,aAAa,IAAI,CAACR,EAAE,IAAI,EAAE,EAAEE,EAAE,IAAI,EAAE,CAAE,CAAC,CAAC,CAAI,CAAQ,SAASS,EAAOP,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMO,EAAWC,EAAab,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAQc,EAAWD,EAAaX,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAQa,EAAUC,EAAUJ,EAAW,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAQK,EAAUD,EAAUF,EAAW,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAE,OAAoBR,EAAKF,EAAU,CAAC,GAAGC,EAC30B,MAAM,CAAC,GAAGA,EAAM,MAAM,WAAWU,EAAU,WAAWE,EAAU,gBAAgB,QAAQ,CAAC,CAAC,CAAE,CAAE,CAAQ,SAASC,EAAOd,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMO,EAAWC,EAAab,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAQc,EAAWD,EAAaX,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAQa,EAAUC,EAAUJ,EAAW,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAQK,EAAUD,EAAUF,EAAW,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAE,OAAoBR,EAAKF,EAAU,CAAC,GAAGC,EACzZ,MAAM,CAAC,GAAGA,EAAM,MAAM,WAAWU,EAAU,WAAWE,EAAU,gBAAgB,QAAQ,CAAC,CAAC,CAAE,CAAE,CAAQ,SAASE,EAAOf,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMO,EAAWC,EAAab,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAQc,EAAWD,EAAaX,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAQa,EAAUC,EAAUJ,EAAW,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAQK,EAAUD,EAAUF,EAAW,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAE,OAAoBR,EAAKF,EAAU,CAAC,GAAGC,EACzZ,MAAM,CAAC,GAAGA,EAAM,MAAM,WAAWU,EAAU,WAAWE,EAAU,gBAAgB,QAAQ,CAAC,CAAC,CAAE,CAAE,CAAQ,SAASG,EAAOhB,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMO,EAAWC,EAAab,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAQc,EAAWD,EAAaX,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAQa,EAAUC,EAAUJ,EAAW,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAQK,EAAUD,EAAUF,EAAW,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAE,OAAoBR,EAAKF,EAAU,CAAC,GAAGC,EACzZ,MAAM,CAAC,GAAGA,EAAM,MAAM,WAAWU,EAAU,WAAWE,EAAU,gBAAgB,QAAQ,CAAC,CAAC,CAAE,CAAE",
  "names": ["init_ssg_sandbox_shims", "x", "motionValue", "y", "Main", "Component", "props", "p", "event", "rect", "mouseX", "mouseY", "Child1", "translateX", "useTransform", "translateY", "animatedX", "useSpring", "animatedY", "Child2", "Child3", "Child4"]
}