{"version":3,"file":"Examples.1nvQfMFg.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/hzdBlTGtDDniG5CG9BJD/DI8ekMBpLAbl3zC3Sal3/Examples.js"],"sourcesContent":["/**\n * Hover Mask - Mastering Framer\n * by Rick Waalders\n * https://x.com/rickwaalders\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";const MASK_SIZE=100;export function bottomLayer(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{pointerEvents:\"none\"}});};}export function topLayer(Component){return props=>{const ref=useRef(null);const[mousePosition,setMousePosition]=useState({x:0,y:0});useEffect(()=>{const handleMouseMove=e=>{if(ref.current){const rect=ref.current.getBoundingClientRect();setMousePosition({x:e.clientX-rect.left,y:e.clientY-rect.top});}};window.addEventListener(\"mousemove\",handleMouseMove);return()=>{if(window){window.removeEventListener(\"mousemove\",handleMouseMove);}};},[]);const extendedStyle={color:\"red\",clipPath:`circle(${MASK_SIZE}px at ${mousePosition.x}px ${mousePosition.y}px)`,pointerEvents:\"none\"};return /*#__PURE__*/_jsx(Component,{...props,ref:el=>{ref.current=el;},style:extendedStyle});};}\nexport const __FramerMetadata__ = {\"exports\":{\"bottomLayer\":{\"type\":\"reactHoc\",\"name\":\"bottomLayer\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"topLayer\":{\"type\":\"reactHoc\",\"name\":\"topLayer\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"mNAI+G,SAAgB,EAAY,EAAU,CAAC,MAAO,IAA4B,EAAK,EAAU,CAAC,GAAG,EAAM,MAAM,CAAC,cAAc,OAAO,CAAC,CAAK,UAAgB,EAAS,EAAU,CAAC,MAAO,IAAO,CAAC,IAAM,EAAIA,EAAO,MAAW,CAAC,EAAc,EAAiB,CAACC,EAAS,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAc,CAAC,IAAM,EAAgB,GAAG,CAAC,GAAG,EAAI,QAAQ,CAAC,IAAM,EAAK,EAAI,QAAQ,wBAAwB,EAAiB,CAAC,EAAE,EAAE,QAAQ,EAAK,KAAK,EAAE,EAAE,QAAQ,EAAK,IAAI,CAAG,CAAC,EAAsD,OAArD,EAAO,iBAAiB,YAAY,OAA2B,CAAI,GAAQ,EAAO,oBAAoB,YAAY,EAAmB,CAAE,EAAC,EAAE,EAAE,IAAM,EAAc,CAAC,MAAM,MAAM,SAAS,UAAU,EAAU,QAAQ,EAAc,EAAE,KAAK,EAAc,EAAE,KAAK,cAAc,OAAO,CAAC,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAM,IAAI,GAAI,CAAC,EAAI,QAAQ,CAAI,EAAC,MAAM,EAAc,CAAG,CAAE,6BAAnzB,EAAU"}