{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/uXEepku4laNBFfwBKDSx/3eSJSxjP1npHR2Fp7RAL/Card3D.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useState,useEffect}from\"react\";import{useMotionValue}from\"framer-motion\";export function withHover(Component){return props=>{const x=useMotionValue(0);const y=useMotionValue(0);const[scale,setScale]=useState(1);const cardRef=useRef(null);const handleMouseMove=e=>{if(cardRef.current){const rect=cardRef.current.getBoundingClientRect();const xPos=e.clientX-rect.left-rect.width/2;const yPos=e.clientY-rect.top-rect.height/2;x.set(xPos/20);y.set(-yPos/20);}};const handleMouseEnter=()=>{setScale(1.05);};const handleMouseLeave=()=>{x.set(0);y.set(0);setScale(1);};useEffect(()=>{const elem=cardRef.current;const applyTransform=()=>{if(elem){elem.style.transform=`perspective(1000px) rotateX(${y.get()}deg) rotateY(${x.get()}deg) scale(${scale})`;}};applyTransform();const unsubX=x.onChange(applyTransform);const unsubY=y.onChange(applyTransform);return()=>{unsubX();unsubY();};},[x,y,scale]);return /*#__PURE__*/ _jsx(Component,{...props,ref:cardRef,onMouseMove:handleMouseMove,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,style:{transition:\"transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1)\",...props.style}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Card3D.map"],
  "mappings": "qEAAyI,SAASA,EAAUC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMC,EAAEC,EAAe,CAAC,EAAQC,EAAED,EAAe,CAAC,EAAO,CAACE,EAAMC,CAAQ,EAAEC,EAAS,CAAC,EAAQC,EAAQC,EAAO,IAAI,EAAQC,EAAgBC,GAAG,CAAC,GAAGH,EAAQ,QAAQ,CAAC,IAAMI,EAAKJ,EAAQ,QAAQ,sBAAsB,EAAQK,EAAKF,EAAE,QAAQC,EAAK,KAAKA,EAAK,MAAM,EAAQE,EAAKH,EAAE,QAAQC,EAAK,IAAIA,EAAK,OAAO,EAAEV,EAAE,IAAIW,EAAK,EAAE,EAAET,EAAE,IAAI,CAACU,EAAK,EAAE,EAAG,EAAQC,EAAiB,IAAI,CAACT,EAAS,IAAI,CAAE,EAAQU,EAAiB,IAAI,CAACd,EAAE,IAAI,CAAC,EAAEE,EAAE,IAAI,CAAC,EAAEE,EAAS,CAAC,CAAE,EAAE,OAAAW,EAAU,IAAI,CAAC,IAAMC,EAAKV,EAAQ,QAAcW,EAAe,IAAI,CAAID,IAAMA,EAAK,MAAM,UAAU,+BAA+Bd,EAAE,IAAI,iBAAiBF,EAAE,IAAI,eAAeG,KAAU,EAAEc,EAAe,EAAE,IAAMC,EAAOlB,EAAE,SAASiB,CAAc,EAAQE,EAAOjB,EAAE,SAASe,CAAc,EAAE,MAAM,IAAI,CAACC,EAAO,EAAEC,EAAO,CAAE,CAAE,EAAE,CAACnB,EAAEE,EAAEC,CAAK,CAAC,EAAuBiB,EAAKtB,EAAU,CAAC,GAAGC,EAAM,IAAIO,EAAQ,YAAYE,EAAgB,aAAaK,EAAiB,aAAaC,EAAiB,MAAM,CAAC,WAAW,gDAAgD,GAAGf,EAAM,KAAK,CAAC,CAAC,CAAE,CAAE",
  "names": ["withHover", "Component", "props", "x", "useMotionValue", "y", "scale", "setScale", "ye", "cardRef", "pe", "handleMouseMove", "e", "rect", "xPos", "yPos", "handleMouseEnter", "handleMouseLeave", "ue", "elem", "applyTransform", "unsubX", "unsubY", "p"]
}