{"version":3,"file":"CaseStudyCardCode.DlAahuJs.mjs","names":["React.useState","React.useMemo"],"sources":["https:/framerusercontent.com/modules/rsgSHYiMKfFfTg1bd1TA/6vxPfvdbfwLoP9sQqfVG/CaseStudyCardCode.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";const isCanvas=()=>RenderTarget.current()===RenderTarget.canvas;const imageVariants={idle:{scale:1,filter:\"blur(0px)\"},hover:{scale:1.08,filter:\"blur(8px)\"},mobile:{scale:1,filter:\"blur(0px)\"}};const overlayVariants={idle:{opacity:1},hover:{opacity:1},mobile:{opacity:1}};const logoVariants={idle:{opacity:1,scale:1},hover:{opacity:0,scale:.9},mobile:{opacity:1,scale:1}};const contentVariants={idle:{opacity:0,y:50,height:0},hover:{opacity:1,y:0,height:\"auto\"},mobile:{opacity:1,y:0}};const tagsVariants={idle:{opacity:1,y:0},hover:{opacity:0,y:-20},mobile:{opacity:1,y:0}};export default function CaseStudyCardCode(props){const{logo,image,content=\"Project description goes here.\",link,hasTitle=false,title=\"Project Title\",titleFont,descriptionFont,cornerRadius=16,mobileBreakpoint=390,overlayColor=\"4,36,43\",variant=\"auto\",industry,imageSize=220,imageSizeMobile=120,tag1,tag2,tag3,tag4,tag5,tag6,tag7,tag8}=props;const[isMobile,setIsMobile]=React.useState(false);const[isHovered,setIsHovered]=React.useState(false);const onCanvas=isCanvas();// Combine all tags, filter out empty ones\n// Industry first, then other tags\nconst allTags=[industry,tag1,tag2,tag3,tag4,tag5,tag6,tag7,tag8].filter(Boolean);const imageSrc=React.useMemo(()=>{if(image){if(typeof image===\"string\"&&image.length>0)return image;const img=image;const src=img?.src||img?.url;if(src)return src;}return props.imageFallback||\"https://framerusercontent.com/images/YDHeJat9CwvVVSxzu16yX1XhSTI.jpg\";},[image,props.imageFallback]);const logoSrc=React.useMemo(()=>{if(logo){if(typeof logo===\"string\"&&logo.length>0)return logo;const l=logo;const src=l?.src||l?.url;if(src)return src;}return props.logoFallback||\"https://framerusercontent.com/images/fq0QpZJihXpp1TCLYctWjKapX8.svg\";},[logo,props.logoFallback]);React.useEffect(()=>{if(onCanvas)return;const check=()=>setIsMobile(window.innerWidth<=mobileBreakpoint);check();window.addEventListener(\"resize\",check);return()=>window.removeEventListener(\"resize\",check);},[mobileBreakpoint,onCanvas]);const handleClick=()=>{if(link)window.location.href=link;};const getVariant=()=>{if(variant!==\"auto\")return variant;if(onCanvas)return\"idle\";if(isMobile)return\"mobile\";if(isHovered)return\"hover\";return\"idle\";};const currentVariant=getVariant();const overlayGradient=currentVariant===\"hover\"?`linear-gradient(to top, rgba(${overlayColor},1) 0%, rgba(${overlayColor},0.9) 50%, rgba(${overlayColor},0.9) 100%)`:`linear-gradient(to top, rgba(${overlayColor},1) 0%, rgba(${overlayColor},0.25) 100%)`;return /*#__PURE__*/_jsxs(motion.div,{initial:false,animate:currentVariant,onHoverStart:()=>setIsHovered(true),onHoverEnd:()=>setIsHovered(false),onTap:handleClick,style:{borderRadius:cornerRadius,cornerShape:\"superellipse(2)\",overflow:\"clip\",cursor:link?\"pointer\":\"default\",position:\"relative\",width:\"100%\",height:\"100%\"},children:[imageSrc&&/*#__PURE__*/_jsx(motion.div,{variants:imageVariants,transition:{type:\"spring\",stiffness:200,damping:20},style:{position:\"absolute\",inset:0,backgroundImage:`url(${imageSrc})`,backgroundSize:\"cover\",backgroundPosition:\"center\",pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(motion.div,{variants:overlayVariants,transition:{type:\"spring\",stiffness:200,damping:20},style:{position:\"absolute\",inset:0,background:overlayGradient,pointerEvents:\"none\"}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",inset:0,display:\"grid\",gridTemplateRows:logoSrc&&title?\"1fr auto auto auto\":logoSrc||title?\"1fr auto auto\":\"auto auto\",placeContent:\"end stretch\",padding:\"18px 24px\",boxSizing:\"border-box\",pointerEvents:\"none\"},children:[logoSrc&&/*#__PURE__*/_jsx(motion.div,{variants:logoVariants,transition:{duration:.2,ease:\"easeOut\"},style:currentVariant===\"mobile\"?{gridRow:1,display:\"grid\",placeContent:\"start start\",backgroundImage:`url(${logoSrc})`,backgroundSize:imageSizeMobile,backgroundPosition:\"0% 100%\",backgroundRepeat:\"no-repeat\",transformOrigin:\"center bottom\",marginBottom:12}:{backgroundImage:`url(${logoSrc})`,backgroundSize:imageSize,backgroundPosition:\"50% 80%\",backgroundRepeat:\"no-repeat\",display:\"grid\",placeContent:\"end center\",transformOrigin:\"center bottom\"}}),title&&/*#__PURE__*/_jsx(\"h3\",{style:{fontFamily:\"DM Sans\",fontSize:currentVariant===\"mobile\"?18:28,fontWeight:600,...titleFont,color:\"#FFFFFF\",lineHeight:1.3,margin:0,marginBottom:8,alignSelf:\"end\",gridRow:logoSrc?2:1},children:title}),allTags.length>0&&/*#__PURE__*/_jsx(motion.div,{variants:tagsVariants,transition:{type:\"spring\",stiffness:300,damping:30},style:{gridRow:(logoSrc?1:0)+(title?1:0)+2,display:\"flex\",alignItems:\"center\",flexWrap:\"wrap\",gap:8,alignSelf:\"start\",paddingBlock:8},children:allTags.map((tag,i)=>/*#__PURE__*/_jsx(\"span\",{style:{padding:\"4px 10px\",borderRadius:4,background:i===0&&industry?\"rgba(135, 212, 233, 0.3)\":\"rgba(255,255,255,0.15)\",color:\"#fff\",fontSize:12,fontFamily:\"Geist Mono\",fontWeight:i===0&&industry?600:500},children:tag},`${tag}-${i}`))}),/*#__PURE__*/_jsx(motion.div,{variants:contentVariants,transition:{type:\"spring\",stiffness:300,damping:30},style:{gridRow:(logoSrc?1:0)+(title?1:0)+1,width:\"100%\",color:\"#fff\",fontFamily:\"DM Sans\",fontSize:currentVariant===\"mobile\"?14:18,lineHeight:1.4,fontWeight:500,...descriptionFont,maxWidth:500},children:typeof content===\"string\"?/*#__PURE__*/_jsx(\"span\",{dangerouslySetInnerHTML:{__html:content}}):content})]})]});}addPropertyControls(CaseStudyCardCode,{image:{type:ControlType.ResponsiveImage,title:\"Image\"},imageFallback:{type:ControlType.String,title:\"Image URL (fallback)\",defaultValue:\"https://framerusercontent.com/images/YDHeJat9CwvVVSxzu16yX1XhSTI.jpg\",hidden:props=>!!props.image},logo:{type:ControlType.ResponsiveImage,title:\"Logo\"},logoFallback:{type:ControlType.String,title:\"Logo URL (fallback)\",defaultValue:\"https://framerusercontent.com/images/fq0QpZJihXpp1TCLYctWjKapX8.svg\",hidden:props=>!!props.logo},content:{type:\"richtext\",title:\"Content\",defaultValue:\"Project description goes here.\"},link:{type:ControlType.Link,title:\"Link\"},industry:{type:ControlType.String,title:\"Industry\",defaultValue:\"Industry\"},tag1:{type:ControlType.String,title:\"Tag 1\",defaultValue:\"Tag 1\"},tag2:{type:ControlType.String,title:\"Tag 2\",defaultValue:\"Tag 2\"},tag3:{type:ControlType.String,title:\"Tag 3\",defaultValue:\"Tag 3\"},tag4:{type:ControlType.String,title:\"Tag 4\",defaultValue:\"Tag 4\"},tag5:{type:ControlType.String,title:\"Tag 5\",defaultValue:\"Tag 5\"},tag6:{type:ControlType.String,title:\"Tag 6\",defaultValue:\"Tag 6\"},tag7:{type:ControlType.String,title:\"Tag 7\",defaultValue:\"Tag 7\"},tag8:{type:ControlType.String,title:\"Tag 8\",defaultValue:\"Tag 8\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Project Title\"},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\"},descriptionFont:{type:ControlType.Font,title:\"Description Font\",controls:\"extended\"},overlayColor:{type:ControlType.String,title:\"Overlay RGB\",defaultValue:\"4,36,43\"},imageSize:{type:ControlType.Number,title:\"Image Size\",defaultValue:100,min:0,max:200},imageSizeMobile:{type:ControlType.Number,title:\"Mobile Image Size\",defaultValue:80,min:0,max:200},cornerRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:16,min:0,max:40},mobileBreakpoint:{type:ControlType.Number,title:\"Mobile BP\",defaultValue:390,min:320,max:1200},variant:{type:ControlType.Enum,title:\"Variant\",options:[\"auto\",\"idle\",\"hover\",\"mobile\"],optionTitles:[\"Auto\",\"Idle\",\"Hover\",\"Mobile\"],defaultValue:\"auto\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CaseStudyCardCode\",\"slots\":[\"content\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CaseStudyCardCode.map"],"mappings":"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"}