{"version":3,"file":"PortfolioGrid.BoaeToGP.mjs","names":["useState","startTransition"],"sources":["https:/framerusercontent.com/modules/mMdqlga2pTqXeqKLjGf5/PQohxmpRSwriad2g5MYC/PortfolioGrid.js"],"sourcesContent":["// Create a component that displays a grid of portfolio items with images, numbers, titles, copyright years, and categories\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{startTransition,useState}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function PortfolioGrid(props){const{items=[{image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Portfolio Image 1\"},number:\"001\",title:\"Velocity Becomes\",year:\"\\xa9 2025\",category:\"Art Direction\",url:\"https://www.framer.com\"},{image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Portfolio Image 2\"},number:\"002\",title:\"Way To Clearance\",year:\"\\xa9 2025\",category:\"Books\",url:\"https://www.framer.com\"},{image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Portfolio Image 3\"},number:\"003\",title:\"All Grapples\",year:\"\\xa9 2025\",category:\"Automotive\",url:\"https://www.framer.com\"},{image:{src:\"https://framerusercontent.com/images/2uTNEj5aTl2K3NJaEFWMbnrA.jpg\",alt:\"Portfolio Image 4\"},number:\"004\",title:\"Flowers Love\",year:\"\\xa9 2025\",category:\"Gardening\",url:\"https://www.framer.com\"}],gap,minColumnWidth,borderRadius,backgroundColor,textColor,numberFont,titleFont,yearFont,categoryFont,style}=props;const[hoveredIndex,setHoveredIndex]=useState(null);const[activeIndex,setActiveIndex]=useState(null);return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:\"100%\",height:\"100%\",backgroundColor,display:\"grid\",gridTemplateColumns:`repeat(auto-fit, minmax(${Math.max(120,minColumnWidth)}px, 1fr))`,gap:`${gap}px`,padding:`${gap}px`},children:items.map((item,index)=>{const itemImage=item.image||{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Portfolio Image\"};const isHovered=hoveredIndex===index;const isActive=activeIndex===index;return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"12px\"},children:/*#__PURE__*/_jsx(\"a\",{href:item.url||\"#\",target:\"_blank\",rel:\"noopener noreferrer\",onMouseEnter:()=>startTransition(()=>setHoveredIndex(index)),onMouseLeave:()=>{startTransition(()=>{setHoveredIndex(null);setActiveIndex(null);});},onMouseDown:()=>startTransition(()=>setActiveIndex(index)),onMouseUp:()=>startTransition(()=>setActiveIndex(null)),style:{width:\"100%\",aspectRatio:\"3/4\",borderRadius:`${borderRadius}px`,overflow:\"hidden\",position:\"relative\",display:\"block\",cursor:\"pointer\",transform:isActive?\"scale(0.95)\":isHovered?\"scale(1.05)\":\"scale(1)\",transition:\"transform 0.3s ease\"},children:/*#__PURE__*/_jsx(\"img\",{src:itemImage.src,alt:itemImage.alt,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\"}})})},index);})});}addPropertyControls(PortfolioGrid,{items:{type:ControlType.Array,title:\"Items\",control:{type:ControlType.Object,controls:{image:{type:ControlType.ResponsiveImage,title:\"Image\"},number:{type:ControlType.String,title:\"Number\",defaultValue:\"001\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Project Title\"},year:{type:ControlType.String,title:\"Year\",defaultValue:\"\\xa9 2025\"},category:{type:ControlType.String,title:\"Category\",defaultValue:\"Category\"},url:{type:ControlType.Link,title:\"URL\",defaultValue:\"https://www.framer.com\"}}},defaultValue:[{image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Portfolio Image 1\"},number:\"001\",title:\"Velocity Becomes\",year:\"\\xa9 2025\",category:\"Art Direction\",url:\"https://www.framer.com\"},{image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Portfolio Image 2\"},number:\"002\",title:\"Way To Clearance\",year:\"\\xa9 2025\",category:\"Books\",url:\"https://www.framer.com\"},{image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Portfolio Image 3\"},number:\"003\",title:\"All Grapples\",year:\"\\xa9 2025\",category:\"Automotive\",url:\"https://www.framer.com\"},{image:{src:\"https://framerusercontent.com/images/2uTNEj5aTl2K3NJaEFWMbnrA.jpg\",alt:\"Portfolio Image 4\"},number:\"004\",title:\"Flowers Love\",year:\"\\xa9 2025\",category:\"Gardening\",url:\"https://www.framer.com\"}]},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:20,min:0,max:100,step:1,unit:\"px\"},minColumnWidth:{type:ControlType.Number,title:\"Min Column\",defaultValue:220,min:120,max:600,step:10,unit:\"px\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:12,min:0,max:50,step:1,unit:\"px\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#F5F5F5\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},numberFont:{type:ControlType.Font,title:\"Number Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"13px\",variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1em\"}},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1.2em\"}},yearFont:{type:ControlType.Font,title:\"Year Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"13px\",variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1em\"}},categoryFont:{type:ControlType.Font,title:\"Category Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"13px\",variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1.2em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PortfolioGrid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PortfolioGrid.map"],"mappings":"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"}