{"version":3,"file":"TextMask.D3aamfl7.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/03zP8fr8vhK84vEIwNba/KCnqyiDpKMl6eaabkrJM/TextMask.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef}from\"react\";import{motion,useMotionValue,useMotionTemplate,animate}from\"framer-motion\";export function withSoftMask(Component){return props=>{const maskX=useMotionValue(1);const maskY=useMotionValue(0);const maskSize=useMotionValue(0);const maskImage=useMotionTemplate`radial-gradient(circle ${maskSize}px at ${maskX}px ${maskY}px, black, black 50%, transparent 80%)`;const ref=useRef(null);return /*#__PURE__*/_jsx(motion.div,{ref:ref,onHoverStart:()=>{animate(maskSize,300,{duration:.3,ease:\"easeOut\"});},onHoverEnd:()=>{animate(maskSize,0,{duration:.3,ease:\"easeIn\"});},onPointerMove:e=>{const{top,left}=ref.current.getBoundingClientRect();maskX.set(e.clientX-left);maskY.set(e.clientY-top);},style:{WebkitMaskImage:maskImage,maskImage,WebkitMaskSize:\"100%\",maskSize:\"100%\",WebkitMaskComposite:\"destination-out\",maskComposite:\"destination-out\"},...props,children:/*#__PURE__*/_jsx(Component,{...props})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withSoftMask\":{\"type\":\"reactHoc\",\"name\":\"withSoftMask\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextMask.map"],"mappings":"wLAAgJ,SAAgB,EAAa,EAAU,CAAC,MAAO,IAAO,CAAC,IAAM,EAAM,EAAe,EAAE,CAAO,EAAM,EAAe,EAAE,CAAO,EAAS,EAAe,EAAE,CAAO,EAAU,CAAiB,0BAA0B,EAAS,QAAQ,EAAM,KAAK,EAAM,wCAA8C,EAAIA,EAAO,KAAK,CAAC,OAAoB,EAAK,EAAO,IAAI,CAAK,MAAI,iBAAiB,CAAC,EAAQ,EAAS,IAAI,CAAC,SAAS,GAAG,KAAK,UAAU,CAAC,EAAG,eAAe,CAAC,EAAQ,EAAS,EAAE,CAAC,SAAS,GAAG,KAAK,SAAS,CAAC,EAAG,cAAc,GAAG,CAAC,GAAK,CAAC,MAAI,QAAM,EAAI,QAAQ,uBAAuB,CAAC,EAAM,IAAI,EAAE,QAAQ,EAAK,CAAC,EAAM,IAAI,EAAE,QAAQ,EAAI,EAAG,MAAM,CAAC,gBAAgB,EAAU,YAAU,eAAe,OAAO,SAAS,OAAO,oBAAoB,kBAAkB,cAAc,kBAAkB,CAAC,GAAG,EAAM,SAAsB,EAAK,EAAU,CAAC,GAAG,EAAM,CAAC,CAAC,CAAC,mBAAz5B,IAA0B,IAA2E"}