{"version":3,"file":"CardShowcase.vsMT7ZEK.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/zrPbZQCxfhQQwSoudB7o/1ZHCutUQH1ZfEYWadz5b/CardShowcase.js"],"sourcesContent":["// Interactive 3-card showcase section with progress-based expansion\n// Cards expand based on vertical progress bar, auto-advance to next card\n// Desktop: horizontal layout with animations, Mobile: vertical stack without animations\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,AnimatePresence}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function CardShowcase(props){const{cards,progressColor,loop,textColor,numberColor,tagColor,titleFont,descriptionFont,numberFont,tagFont,imageRadius,padding,contentImageGap}=props;const[activeIndex,setActiveIndex]=useState(0);const[isMobile,setIsMobile]=useState(false);useEffect(()=>{if(typeof window===\"undefined\")return;const checkMobile=()=>{startTransition(()=>{setIsMobile(window.innerWidth<768);});};checkMobile();window.addEventListener(\"resize\",checkMobile);return()=>window.removeEventListener(\"resize\",checkMobile);},[]);const handleCardClick=index=>{if(isMobile)return;startTransition(()=>{setActiveIndex(index);});};if(isMobile){return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",padding:`${padding}px`,overflowY:\"auto\",overflowX:\"hidden\",display:\"flex\",flexDirection:\"column\",flex:1},className:\"hide-scrollbar\",children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                    .hide-scrollbar::-webkit-scrollbar {\n                        display: none;\n                    }\n                `}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"20px\",minHeight:\"100%\",flex:1},children:cards.map((card,index)=>{const cardImage=card.image||{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Default image\"};return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:`${contentImageGap}px`,height:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{...numberFont,color:numberColor},children:card.number}),/*#__PURE__*/_jsx(\"div\",{style:{...titleFont,color:textColor},children:card.title}),/*#__PURE__*/_jsx(\"div\",{style:{...descriptionFont,color:textColor,opacity:.8},children:card.description}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"200px\",overflow:\"hidden\",flex:1,display:\"flex\"},children:/*#__PURE__*/_jsx(\"img\",{src:cardImage.src,alt:cardImage.alt,style:{width:\"100%\",height:\"100%\",objectFit:\"fill\",borderRadius:`${imageRadius}px`}})}),card.tag&&/*#__PURE__*/_jsx(\"div\",{style:{...tagFont,color:tagColor,alignSelf:\"flex-start\",marginTop:`${contentImageGap}px`},children:card.tag})]},index);})})]});}return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",padding:`${padding}px`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",overflow:\"hidden\",flex:1,minHeight:0},className:\"hide-scrollbar\",children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .hide-scrollbar::-webkit-scrollbar {\n                    display: none;\n                }\n            `}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",gap:\"20px\",width:\"100%\",height:\"100%\",maxWidth:\"1200px\",minHeight:0,alignItems:\"stretch\"},children:cards.map((card,index)=>{const isActive=index===activeIndex;const cardImage=card.image||{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Default image\"};return /*#__PURE__*/_jsxs(motion.div,{onClick:()=>handleCardClick(index),style:{padding:\"24px\",cursor:\"pointer\",position:\"relative\",overflow:\"hidden\",display:\"flex\",flexDirection:\"column\",gap:`${contentImageGap}px`,minHeight:0},animate:{flex:isActive?2:1},transition:{duration:.5,ease:\"easeInOut\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",bottom:0,left:0,width:\"2px\",height:\"100%\",backgroundColor:\"rgba(0,0,0,0.1)\"},children:isActive&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",bottom:0,left:0,width:\"100%\",height:\"100%\",backgroundColor:progressColor}})}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"flex-start\",gap:\"8px\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{...numberFont,color:numberColor,opacity:isActive?1:.5},children:card.number}),/*#__PURE__*/_jsx(\"div\",{style:{...titleFont,color:textColor,opacity:isActive?1:.7},children:card.title})]}),/*#__PURE__*/_jsx(AnimatePresence,{children:isActive&&/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:\"auto\"},exit:{opacity:0,height:0},transition:{duration:.3},style:{display:\"flex\",flexDirection:\"column\",flex:1,justifyContent:\"space-between\",minHeight:0,height:\"100%\",gap:`${contentImageGap}px`},children:[/*#__PURE__*/_jsx(\"div\",{style:{...descriptionFont,color:textColor,opacity:.8,alignSelf:\"flex-start\"},children:card.description}),/*#__PURE__*/_jsx(\"div\",{style:{flex:1,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",minHeight:0,height:\"100%\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",aspectRatio:\"1/1\",overflow:\"hidden\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",minHeight:0,height:\"100%\"},children:/*#__PURE__*/_jsx(\"img\",{src:cardImage.src,alt:cardImage.alt,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",borderRadius:`${imageRadius}px`,display:\"block\"}})})}),card.tag&&/*#__PURE__*/_jsx(\"div\",{style:{...tagFont,color:tagColor,marginTop:`${contentImageGap}px`,alignSelf:\"flex-start\"},children:card.tag})]})})]},index);})})]});}addPropertyControls(CardShowcase,{cards:{type:ControlType.Array,title:\"Cards\",control:{type:ControlType.Object,controls:{number:{type:ControlType.String,title:\"Number\",defaultValue:\"01\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Project Title\"},description:{type:ControlType.String,title:\"Description\",defaultValue:\"A brief description of this amazing project and what makes it special.\",displayTextArea:true},image:{type:ControlType.ResponsiveImage,title:\"Image\"},tag:{type:ControlType.String,title:\"Tag\",defaultValue:\"Design\"}}},defaultValue:[{number:\"01\",title:\"Creative Design\",description:\"A brief description of this amazing project and what makes it special.\",image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},tag:\"Design\"},{number:\"02\",title:\"Development\",description:\"Building innovative solutions with modern technologies and best practices.\",image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Gradient 2 - Purple\"},tag:\"Development\"},{number:\"03\",title:\"Strategy\",description:\"Planning and executing comprehensive strategies for digital success.\",image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Gradient 3 - Orange\"},tag:\"Strategy\"}]},progressColor:{type:ControlType.Color,title:\"Progress Color\",defaultValue:\"#FF0000\"},loop:{type:ControlType.Boolean,title:\"Loop\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},numberColor:{type:ControlType.Color,title:\"Number Color\",defaultValue:\"#CCCCCC\"},tagColor:{type:ControlType.Color,title:\"Tag Color\",defaultValue:\"#000000\"},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"22px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"}},descriptionFont:{type:ControlType.Font,title:\"Description Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},numberFont:{type:ControlType.Font,title:\"Number Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"40px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1em\"}},tagFont:{type:ControlType.Font,title:\"Tag Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},imageRadius:{type:ControlType.Number,title:\"Image Radius\",defaultValue:8,min:0,max:50,step:1},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:40,min:0,max:100,step:1},contentImageGap:{type:ControlType.Number,title:\"Content-Image Gap\",defaultValue:16,min:0,max:100,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CardShowcase\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CardShowcase.map"],"mappings":"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"}