{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/BCRshRhSwX7cWS7cmlbq/AUwooBBzzo7l4b3ij0uP/Hover_Image_Reveal.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function HoverRevealBox({image,widthBreakpoints,heightBreakpoints,alignment}){const[isHovered,setIsHovered]=useState(false);const[mousePosition,setMousePosition]=useState({x:0,y:0});const handleMouseEnter=()=>{setIsHovered(true);};const handleMouseLeave=()=>{setIsHovered(false);};const handleMouseMove=event=>{setMousePosition({x:event.clientX,y:event.clientY});};let positionStyle={};switch(alignment){case\"TopLeft\":positionStyle={top:mousePosition.y,left:mousePosition.x};break;case\"TopRight\":positionStyle={top:mousePosition.y,right:window.innerWidth-mousePosition.x};break;case\"BottomLeft\":positionStyle={bottom:window.innerHeight-mousePosition.y,left:mousePosition.x};break;case\"BottomRight\":positionStyle={bottom:window.innerHeight-mousePosition.y,right:window.innerWidth-mousePosition.x};break;case\"Center\":default:positionStyle={top:mousePosition.y-heightBreakpoints/2,left:mousePosition.x-widthBreakpoints/2};break;}return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",backgroundColor:\"transparent\",position:\"relative\"},onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,onMouseMove:handleMouseMove,children:isHovered&&/*#__PURE__*/_jsx(\"img\",{src:image,style:{width:widthBreakpoints,height:heightBreakpoints,position:\"fixed\",borderRadius:0,pointerEvents:\"none\",objectFit:\"cover\",...positionStyle}})});}addPropertyControls(HoverRevealBox,{image:{type:ControlType.Image},widthBreakpoints:{type:ControlType.Number,title:\"Width\",defaultValue:400,displayStepper:true,step:10,min:0,max:1300,unit:\"px\"},heightBreakpoints:{type:ControlType.Number,title:\"Height\",defaultValue:500,displayStepper:true,step:10,min:0,max:1300,unit:\"px\"},alignment:{type:ControlType.Enum,title:\"Alignment\",defaultValue:\"Center\",options:[\"Center\",\"TopLeft\",\"TopRight\",\"BottomLeft\",\"BottomRight\"],optionTitles:[\"Center\",\"Top Left\",\"Top Right\",\"Bottom Left\",\"Bottom Right\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"HoverRevealBox\":{\"type\":\"reactComponent\",\"name\":\"HoverRevealBox\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Hover_Image_Reveal.map"],
  "mappings": "yIAAkI,SAASA,EAAe,CAAC,MAAAC,EAAM,iBAAAC,EAAiB,kBAAAC,EAAkB,UAAAC,CAAS,EAAE,CAAC,GAAK,CAACC,EAAUC,CAAY,EAAEC,EAAS,EAAK,EAAO,CAACC,EAAcC,CAAgB,EAAEF,EAAS,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAQG,EAAiB,IAAI,CAACJ,EAAa,EAAI,CAAE,EAAQK,EAAiB,IAAI,CAACL,EAAa,EAAK,CAAE,EAAQM,EAAgBC,GAAO,CAACJ,EAAiB,CAAC,EAAEI,EAAM,QAAQ,EAAEA,EAAM,OAAO,CAAC,CAAE,EAAMC,EAAc,CAAC,EAAE,OAAOV,EAAU,CAAC,IAAI,UAAUU,EAAc,CAAC,IAAIN,EAAc,EAAE,KAAKA,EAAc,CAAC,EAAE,MAAM,IAAI,WAAWM,EAAc,CAAC,IAAIN,EAAc,EAAE,MAAMO,EAAO,WAAWP,EAAc,CAAC,EAAE,MAAM,IAAI,aAAaM,EAAc,CAAC,OAAOC,EAAO,YAAYP,EAAc,EAAE,KAAKA,EAAc,CAAC,EAAE,MAAM,IAAI,cAAcM,EAAc,CAAC,OAAOC,EAAO,YAAYP,EAAc,EAAE,MAAMO,EAAO,WAAWP,EAAc,CAAC,EAAE,MAAM,IAAI,SAAS,QAAQM,EAAc,CAAC,IAAIN,EAAc,EAAEL,EAAkB,EAAE,KAAKK,EAAc,EAAEN,EAAiB,CAAC,EAAE,KAAM,CAAC,OAAoBc,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,gBAAgB,cAAc,SAAS,UAAU,EAAE,aAAaN,EAAiB,aAAaC,EAAiB,YAAYC,EAAgB,SAASP,GAAwBW,EAAK,MAAM,CAAC,IAAIf,EAAM,MAAM,CAAC,MAAMC,EAAiB,OAAOC,EAAkB,SAAS,QAAQ,aAAa,EAAE,cAAc,OAAO,UAAU,QAAQ,GAAGW,CAAa,CAAC,CAAC,CAAC,CAAC,CAAE,CAACG,EAAoBjB,EAAe,CAAC,MAAM,CAAC,KAAKkB,EAAY,KAAK,EAAE,iBAAiB,CAAC,KAAKA,EAAY,OAAO,MAAM,QAAQ,aAAa,IAAI,eAAe,GAAK,KAAK,GAAG,IAAI,EAAE,IAAI,KAAK,KAAK,IAAI,EAAE,kBAAkB,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,aAAa,IAAI,eAAe,GAAK,KAAK,GAAG,IAAI,EAAE,IAAI,KAAK,KAAK,IAAI,EAAE,UAAU,CAAC,KAAKA,EAAY,KAAK,MAAM,YAAY,aAAa,SAAS,QAAQ,CAAC,SAAS,UAAU,WAAW,aAAa,aAAa,EAAE,aAAa,CAAC,SAAS,WAAW,YAAY,cAAc,cAAc,CAAC,CAAC,CAAC",
  "names": ["HoverRevealBox", "image", "widthBreakpoints", "heightBreakpoints", "alignment", "isHovered", "setIsHovered", "ye", "mousePosition", "setMousePosition", "handleMouseEnter", "handleMouseLeave", "handleMouseMove", "event", "positionStyle", "window", "p", "addPropertyControls", "ControlType"]
}