{"version":3,"file":"WorkCard.CPbKsq-R.mjs","names":["useRef","useState","startTransition"],"sources":["https:/framerusercontent.com/modules/5tRVB1l4wvmlqJSZz9NJ/p2V8plquTHomOJPoT9ty/WorkCard.js"],"sourcesContent":["// Bobby Telepam site: Selected Works card — photo OR looping video. Media zooms, regains colour and gently tilts\n// toward the cursor on hover, with a sliding \"Let's create\" pill and rotating arrow badge.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{useRef,useState,startTransition}from\"react\";/**\n * @framerIntrinsicWidth 520\n * @framerIntrinsicHeight 480\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function WorkCard(props){const{media=\"image\",image,imageUrl=\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",video=\"\",videoUrl=\"\",number=\"01\",title=\"TV Production\",category=\"BROADCAST / DIRECTION\",href=\"/#contact\",ctaLabel=\"LET'S CREATE\",imageHeight=410,titleColor=\"#111111\",metaColor=\"#777777\",accent=\"#ef382f\",titleFont,metaFont}=props;const isStatic=useIsStaticRenderer();const src=image?.src||imageUrl;const videoSrc=video||videoUrl;const showVideo=media===\"video\"&&!!videoSrc;const ref=useRef(null);const[hover,setHover]=useState(false);const[tilt,setTilt]=useState({x:0,y:0});const ease=\"cubic-bezier(.2,.8,.2,1)\";const onMove=e=>{if(isStatic||!ref.current)return;const r=ref.current.getBoundingClientRect();const x=(e.clientX-r.left)/r.width-.5;const y=(e.clientY-r.top)/r.height-.5;startTransition(()=>setTilt({x,y}));};const mediaStyle={width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\",transform:`scale(${hover?1.08:1}) translate(${-tilt.x*10}px, ${-tilt.y*10}px)`,filter:hover?\"saturate(1.1) contrast(1.05)\":\"saturate(.55)\",transition:`transform .9s ${ease}, filter .7s ${ease}`};return /*#__PURE__*/_jsxs(\"a\",{ref:ref,href:href,onMouseEnter:()=>startTransition(()=>setHover(true)),onMouseLeave:()=>startTransition(()=>{setHover(false);setTilt({x:0,y:0});}),onMouseMove:onMove,style:{position:\"relative\",display:\"block\",width:\"100%\",textDecoration:\"none\",color:titleColor},children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",height:imageHeight,overflow:\"hidden\",borderRadius:hover?26:14,background:\"#d9d9d4\",transform:`perspective(1200px) rotateX(${-tilt.y*4}deg) rotateY(${tilt.x*4}deg)`,transition:`border-radius .5s ${ease}, transform .4s ${ease}, box-shadow .5s ${ease}`,boxShadow:hover?\"0 30px 60px rgba(17,17,17,.22)\":\"0 0 0 rgba(0,0,0,0)\"},children:[showVideo?/*#__PURE__*/_jsx(\"video\",{src:videoSrc,poster:src||undefined,autoPlay:!isStatic,muted:true,loop:true,playsInline:true,preload:\"metadata\",\"aria-label\":`${title} — ${category}`,style:mediaStyle}):/*#__PURE__*/_jsx(\"img\",{src:src,srcSet:image?.srcSet,alt:image?.alt||`${title} — ${category}`,loading:\"lazy\",style:mediaStyle}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,background:\"linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55))\",opacity:hover?1:0,transition:\"opacity .5s\"}}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",top:18,left:18,padding:\"7px 11px\",borderRadius:100,background:\"rgba(245,245,242,.9)\",color:\"#111\",fontSize:11,fontWeight:700,letterSpacing:\".1em\",...metaFont},children:number}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",top:18,right:18,width:48,height:48,borderRadius:\"50%\",display:\"grid\",placeItems:\"center\",background:hover?accent:\"#f7f7f4\",color:hover?\"#fff\":\"#111\",transform:`rotate(${hover?0:-45}deg) scale(${hover?1:.85})`,opacity:hover?1:.85,transition:`all .45s ${ease}`},children:/*#__PURE__*/_jsx(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2.2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M7 17 17 7M8 7h9v9\"})})}),/*#__PURE__*/_jsxs(\"span\",{style:{position:\"absolute\",left:18,bottom:18,display:\"inline-flex\",alignItems:\"center\",gap:8,padding:\"11px 16px\",borderRadius:100,background:\"#f7f7f4\",color:\"#111\",fontSize:11,fontWeight:700,letterSpacing:\".12em\",transform:`translateY(${hover?0:20}px)`,opacity:hover?1:0,transition:`all .5s ${ease}`},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:7,height:7,borderRadius:\"50%\",background:accent}}),ctaLabel]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",alignItems:\"flex-start\",gap:12,paddingTop:18},children:[/*#__PURE__*/_jsxs(\"span\",{style:{color:titleColor,transform:hover?\"translateX(6px)\":\"none\",transition:`transform .45s ${ease}`,...titleFont},children:[number,\". \",title]}),/*#__PURE__*/_jsx(\"span\",{style:{color:hover?accent:metaColor,textAlign:\"right\",transition:\"color .35s\",...metaFont},children:category})]})]});}addPropertyControls(WorkCard,{media:{type:ControlType.Enum,title:\"Media\",options:[\"image\",\"video\"],optionTitles:[\"Photo\",\"Video\"],displaySegmentedControl:true,defaultValue:\"image\"},image:{type:ControlType.ResponsiveImage,title:\"Photo / Poster\"},imageUrl:{type:ControlType.String,title:\"Photo URL\",defaultValue:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\"},video:{type:ControlType.File,title:\"Video\",allowedFileTypes:[\"mp4\",\"webm\",\"mov\",\"m4v\"],hidden:p=>p.media!==\"video\"},videoUrl:{type:ControlType.String,title:\"Video URL\",defaultValue:\"\",placeholder:\"https://…/clip.mp4\",hidden:p=>p.media!==\"video\"},number:{type:ControlType.String,title:\"Number\",defaultValue:\"01\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"TV Production\"},category:{type:ControlType.String,title:\"Category\",defaultValue:\"BROADCAST / DIRECTION\"},href:{type:ControlType.String,title:\"Link\",defaultValue:\"/#contact\"},ctaLabel:{type:ControlType.String,title:\"Hover Label\",defaultValue:\"LET'S CREATE\"},imageHeight:{type:ControlType.Number,title:\"Media H\",defaultValue:410,min:200,max:800,unit:\"px\"},titleColor:{type:ControlType.Color,title:\"Title\",defaultValue:\"#111111\"},metaColor:{type:ControlType.Color,title:\"Meta\",defaultValue:\"#777777\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#ef382f\"},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"30px\",variant:\"Bold\",letterSpacing:\"-0.05em\",lineHeight:\"1.1em\"}},metaFont:{type:ControlType.Font,title:\"Meta Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"11px\",variant:\"Bold\",letterSpacing:\"0.14em\",lineHeight:\"1.5em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"WorkCard\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"520\",\"framerIntrinsicHeight\":\"480\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WorkCard.map"],"mappings":"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"}