{"version":3,"file":"PortfolioGrid.D70lttKQ.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/eE2Ka3LDPNgn66C1S3Rl/KIXtpEqJwSKkTSMVR9zq/PortfolioGrid.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const FONT=`\"FCG Archivo\", \"Archivo\", \"Helvetica Neue\", Arial, sans-serif`;const EASE=\"cubic-bezier(.2,.7,.2,1)\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function PortfolioGrid(props){const{ink,muted,signal,rule,hoverFill,tileHeight}=props;const tiles=[1,2,3,4,5,6].map(i=>({name:props[`name${i}`],logo:props[`logo${i}`],lw:props[`logoW${i}`]||150,href:props[`href${i}`],line:props[`line${i}`],status:(s=>s&&s.trim()&&s.trim().toLowerCase()!==\"none\"?s.trim():\"\")(props[`status${i}`]),stealth:props[`stealth${i}`]})).filter(t=>t.name);const[hov,setHov]=useState(null);const[w,setW]=useState(1120);const ref=useRef(null);useEffect(()=>{const el=ref.current;if(!el)return;const ro=new ResizeObserver(([e])=>setW(e.contentRect.width));ro.observe(el);return()=>ro.disconnect();},[]);const cols=w<600?1:3;return /*#__PURE__*/_jsx(\"div\",{ref:ref,onMouseLeave:()=>setHov(null),style:{width:\"100%\",fontFamily:FONT,display:\"grid\",gridTemplateColumns:`repeat(${cols}, minmax(0,1fr))`,borderTop:`1px solid ${rule}`,borderBottom:`1px solid ${rule}`},children:tiles.map((t,i)=>{const interactive=!t.stealth&&!!t.line;const a=interactive&&hov===i;const lastInRow=(i+1)%cols===0||i===tiles.length-1;const Tag=t.href&&!t.stealth?\"a\":\"div\";return /*#__PURE__*/_jsxs(Tag,{href:t.href&&!t.stealth?t.href:undefined,target:t.href&&!t.stealth?\"_blank\":undefined,rel:t.href&&!t.stealth?\"noopener\":undefined,onMouseEnter:()=>setHov(i),onFocus:()=>setHov(i),onBlur:()=>setHov(null),style:{position:\"relative\",display:\"block\",height:cols===1?Math.round(tileHeight*.8):tileHeight,borderRight:!lastInRow?`1px solid ${rule}`:\"none\",borderTop:i>=cols?`1px solid ${rule}`:\"none\",background:a?hoverFill:\"rgba(255,255,255,0)\",transition:`background-color .45s ${EASE}`,cursor:Tag===\"a\"?\"pointer\":\"default\",color:ink,textDecoration:\"none\",overflow:\"hidden\",outline:\"none\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",opacity:a?0:1,transform:a?\"translateY(-18px)\":\"none\",transition:`opacity .4s ${EASE}, transform .55s ${EASE}`},children:t.stealth||!t.logo?/*#__PURE__*/_jsx(\"span\",{style:{fontSize:15,fontWeight:700,letterSpacing:\"0.28em\",color:muted},children:(t.stealth?\"STEALTH\":t.name).toUpperCase()}):/*#__PURE__*/_jsx(\"img\",{src:t.logo,alt:t.name,style:{width:t.lw,height:\"auto\",opacity:.88,display:\"block\"}})}),interactive?/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",inset:0,padding:\"0 32px\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",textAlign:\"center\",gap:14,opacity:a?1:0,transform:a?\"none\":\"translateY(14px)\",transition:`opacity .45s ${EASE} .05s, transform .55s ${EASE} .05s`,pointerEvents:\"none\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:13,fontWeight:700,letterSpacing:\"0.18em\",color:muted},children:t.name.toUpperCase()}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:19,lineHeight:1.35,fontWeight:600,letterSpacing:\"-0.01em\",color:ink,maxWidth:\"24ch\",fontVariationSettings:'\"wdth\" 96, \"wght\" 600'},children:t.line}),t.status?/*#__PURE__*/_jsxs(\"div\",{style:{fontSize:11,fontWeight:700,letterSpacing:\"0.18em\",color:muted},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:signal,marginRight:8},children:\"//\"}),t.status.toUpperCase()]}):null]}):null]},i);})});}const D={name1:\"Ladder\",logo1:\"\",logoW1:156,href1:\"https://www.joinladder.com\",line1:\"A daily strength training app, led by world-class coaches.\",status1:\"\",stealth1:false,name2:\"Magic\",logo2:\"\",logoW2:140,href2:\"https://www.magic.company\",line2:\"Personalization software for hospitality.\",status2:\"\",stealth2:false,name3:\"Stealth\",logo3:\"\",logoW3:150,href3:\"\",line3:\"\",status3:\"\",stealth3:true};PortfolioGrid.defaultProps={...D,tileHeight:240,ink:\"#101010\",muted:\"#5C5C58\",signal:\"#DE3A11\",rule:\"rgb(190, 184, 174)\",hoverFill:\"rgba(255,255,255,0.7)\"};const tileControls={};for(let i=1;i<=6;i++){Object.assign(tileControls,{[`name${i}`]:{type:ControlType.String,title:`Company ${i}`},[`logo${i}`]:{type:ControlType.String,title:`Logo ${i} URL`},[`logoW${i}`]:{type:ControlType.Number,title:`Logo ${i} width`,min:40,max:300,unit:\"px\"},[`href${i}`]:{type:ControlType.String,title:`Link ${i}`},[`line${i}`]:{type:ControlType.String,title:`One-liner ${i}`,displayTextArea:true},[`status${i}`]:{type:ControlType.String,title:`Status ${i}`},[`stealth${i}`]:{type:ControlType.Boolean,title:`Stealth ${i}`}});}addPropertyControls(PortfolioGrid,{...tileControls,tileHeight:{type:ControlType.Number,title:\"Tile height\",min:140,max:480,unit:\"px\"},ink:{type:ControlType.Color},muted:{type:ControlType.Color},signal:{type:ControlType.Color},rule:{type:ControlType.Color},hoverFill:{type:ControlType.Color,title:\"Highlight\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PortfolioGrid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PortfolioGrid.map"],"mappings":"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"}