{"version":3,"file":"V4pwnbvX0.DlgzJQxY.mjs","names":["useState","useRef","useCallback","fonts","css","className","__esmMin","te","ne","_e","p","c","init_jsx_runtime","init_npm_react_18_3_1","de","fontStore","init_framer_B1b760uK","ControlType","addPropertyControls","PolaroidImage","props","hovered","setHovered","mouse","setMouse","containerRef","handleMouseMove","rect","x","y","handleMouseEnter","handleMouseLeave","tiltX","tiltY","totalTilt","tilt","shineAngle","style","borderWidth","borderColor","shadow","image","imageBorderRadius","innerShadowSpread","innerShadowOpacity","captionColor","captionSize","font","caption","init_PolaroidImage","fonts$1","css$1","className$1","init_HeHM51Jry","fonts","css","className","init_V4pwnbvX0"],"sources":["https:/framerusercontent.com/modules/3UWbQY5WypXgmBDfgXq7/1i5iBU3AlWAKMyJt7L9x/PolaroidImage.js","https:/framerusercontent.com/modules/6eu9vghCVFUZIVIOPd4R/TebuOWkm7ZiskK3WqF7t/HeHM51Jry.js","https:/framerusercontent.com/modules/qMzR8yMguTNXVSKhBrK2/FiSjG1HowRe474jZ6yPm/V4pwnbvX0.js"],"sourcesContent":["// PolaroidImage style image component with slight tilt\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useRef,useState,useCallback,startTransition}from\"react\";/**\n * PolaroidImage Image\n *\n * @framerIntrinsicWidth 240\n * @framerIntrinsicHeight 300\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function PolaroidImage(props){const{image={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"PolaroidImage\"},caption,background,borderColor,borderWidth,borderRadius,imageBorderRadius,tilt,shadow,font,captionColor,captionSize,innerShadowOpacity,innerShadowSpread,style}=props;// Mouse movement state for tilt and shine\nconst[hovered,setHovered]=useState(false);const[mouse,setMouse]=useState({x:.5,y:.5});const containerRef=useRef(null);// Mouse move handler\nconst handleMouseMove=useCallback(e=>{if(!containerRef.current)return;const rect=containerRef.current.getBoundingClientRect();const x=(e.clientX-rect.left)/rect.width;const y=(e.clientY-rect.top)/rect.height;startTransition(()=>setMouse({x:Math.max(0,Math.min(1,x)),y:Math.max(0,Math.min(1,y))}));},[]);const handleMouseEnter=useCallback(()=>{startTransition(()=>setHovered(true));},[]);const handleMouseLeave=useCallback(()=>{startTransition(()=>setHovered(false));startTransition(()=>setMouse({x:.5,y:.5}));},[]);// Calculate tilt and shine\nconst maxTilt=10;const tiltX=hovered?(mouse.y-.5)*-maxTilt:0;const tiltY=hovered?(mouse.x-.5)*maxTilt:0;const totalTilt=tilt+tiltX;const shineAngle=Math.atan2(mouse.y-.5,mouse.x-.5)*(180/Math.PI)+180;return /*#__PURE__*/_jsxs(\"div\",{ref:containerRef,style:{...style,width:\"100%\",height:\"100%\",background,border:`${borderWidth}px solid ${borderColor}`,borderRadius,boxShadow:shadow?\"0 8px 24px rgba(0,0,0,0.18)\":\"none\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"flex-start\",padding:\"12px 12px 27px 12px\",transform:`rotate(${totalTilt}deg) perspective(600px) rotateX(${tiltX}deg) rotateY(${tiltY}deg) scale(${hovered?1.025:1})`,transformOrigin:\"center center\",transition:hovered?\"transform 0.18s cubic-bezier(.4,2,.6,1)\":\"transform 0.32s cubic-bezier(.4,2,.6,1)\",position:\"relative\",overflow:\"visible\",boxSizing:\"border-box\",cursor:\"pointer\"},onMouseMove:handleMouseMove,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:[/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",flex:1,position:\"relative\",display:\"flex\",alignItems:\"stretch\",justifyContent:\"center\",minHeight:0},children:[/*#__PURE__*/_jsx(\"img\",{src:image.src,alt:image.alt,style:{width:\"100%\",height:\"100%\",aspectRatio:\"4/3\",objectFit:\"cover\",borderRadius:imageBorderRadius,boxShadow:`inset 0 0 ${innerShadowSpread}px rgba(0,0,0,${innerShadowOpacity})`,background:\"#eee\",display:\"block\",position:\"relative\",zIndex:1}}),/*#__PURE__*/_jsx(\"div\",{style:{pointerEvents:\"none\",position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",zIndex:2,opacity:hovered?.45:0,transition:\"opacity 0.25s cubic-bezier(.4,2,.6,1)\",background:`linear-gradient(${shineAngle}deg, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.12) 60%, rgba(255,255,255,0.0) 100%)`,borderRadius:imageBorderRadius}})]}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",marginTop:15,marginBottom:-8,textAlign:\"center\",color:captionColor,fontSize:`${captionSize}px`,...font,background:\"transparent\",wordBreak:\"break-word\"},children:caption})]});}addPropertyControls(PolaroidImage,{image:{type:ControlType.ResponsiveImage,title:\"Image\"},caption:{type:ControlType.String,title:\"Caption\",defaultValue:\"A moment in time\"},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#fff\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#eee\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:2,min:0,max:20,step:1,unit:\"px\"},borderRadius:{type:ControlType.Number,title:\"Frame Radius\",defaultValue:16,min:0,max:32},imageBorderRadius:{type:ControlType.Number,title:\"Image Radius\",defaultValue:8,min:0,max:32},tilt:{type:ControlType.Number,title:\"Tilt (deg)\",defaultValue:-6,min:-20,max:20,step:.5},shadow:{type:ControlType.Boolean,title:\"Shadow\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},font:{type:ControlType.Font,title:\"Caption Font\",defaultValue:{variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\",textAlign:\"center\"},controls:\"extended\",defaultFontType:\"sans-serif\"},captionColor:{type:ControlType.Color,title:\"Caption Color\",defaultValue:\"#333\"},captionSize:{type:ControlType.Number,title:\"Caption Size\",defaultValue:15,min:8,max:32,step:1,unit:\"px\"},innerShadowOpacity:{type:ControlType.Number,title:\"Inner Shadow Opacity\",defaultValue:.2,min:0,max:1,step:.1},innerShadowSpread:{type:ControlType.Number,title:\"Inner Shadow Spread\",defaultValue:8,min:0,max:32,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PolaroidImage\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"300\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"240\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PolaroidImage.map","// Generated by Framer (a4aa1f7)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-typaL .framer-styles-preset-cvhvq4:not(.rich-text-wrapper), .framer-typaL .framer-styles-preset-cvhvq4.rich-text-wrapper a { --framer-link-current-text-color: var(--token-16cb4594-cd3f-4982-ac65-ab1b90516e94, #423521); --framer-link-current-text-decoration: underline; --framer-link-hover-text-color: var(--token-aa02f2f8-6f3c-4366-8702-31e56031c9ff, rgba(66, 53, 33, 0.7)); --framer-link-hover-text-decoration: underline; --framer-link-text-color: var(--token-16cb4594-cd3f-4982-ac65-ab1b90516e94, #423521); --framer-link-text-decoration: underline; transition-delay: 0s; transition-duration: 0.4s; transition-property: color,text-decoration-color,text-decoration-thickness,text-underline-offset; transition-timing-function: cubic-bezier(0.44, 0, 0.56, 1); }\"];export const className=\"framer-typaL\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (a4aa1f7)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-mXDtb .framer-styles-preset-1bsejri:not(.rich-text-wrapper), .framer-mXDtb .framer-styles-preset-1bsejri.rich-text-wrapper a { --framer-link-current-text-color: var(--token-16cb4594-cd3f-4982-ac65-ab1b90516e94, #423521); --framer-link-current-text-decoration: none; --framer-link-hover-text-color: var(--token-aa02f2f8-6f3c-4366-8702-31e56031c9ff, rgba(66, 53, 33, 0.7)); --framer-link-hover-text-decoration: none; --framer-link-text-color: var(--token-16cb4594-cd3f-4982-ac65-ab1b90516e94, #423521); --framer-link-text-decoration: none; transition-delay: 0s; transition-duration: 0.4s; transition-property: color; transition-timing-function: cubic-bezier(0.44, 0, 0.56, 1); }\"];export const className=\"framer-mXDtb\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}