{"version":3,"file":"ProjectStatusTracker.CEFDYFL2.mjs","names":["React.useRef","React.useMemo","React.useCallback"],"sources":["https:/framerusercontent.com/modules/OopEbMgkkg1nwLHGp3jD/jhLtEp9cEPiei9CjrepG/ProjectStatusTracker.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{motion,useInView}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function ProjectStatusTracker(props){const{projectTitle=\"Website Relaunch\",statusText=\"On track\",phaseLabels=[\"Discovery\",\"Design\",\"Build\",\"Launch\"],activePhase=3,progressPercent=62,accentColor=\"#6D28D9\"}=props;const isStatic=useIsStaticRenderer();const rootRef=React.useRef(null);const isInView=useInView(rootRef,{amount:.4,once:true});const safeActivePhase=React.useMemo(()=>{const rounded=Math.round(activePhase);return Math.min(4,Math.max(1,rounded));},[activePhase]);const safeProgress=React.useMemo(()=>{const rounded=Math.round(progressPercent);return Math.min(100,Math.max(0,rounded));},[progressPercent]);const safeLabels=React.useMemo(()=>{const fallback=[\"Discovery\",\"Design\",\"Build\",\"Launch\"];const source=Array.isArray(phaseLabels)?phaseLabels:fallback;return fallback.map((item,index)=>{const candidate=source[index];return typeof candidate===\"string\"&&candidate.trim().length>0?candidate:item;});},[phaseLabels]);const activeIndex=safeActivePhase-1;const connectionPercent=activeIndex/3*100;const shouldAnimate=!isStatic&&isInView;const renderNodeContent=React.useCallback(index=>{const completed=index<activeIndex;const active=index===activeIndex;if(completed){return /*#__PURE__*/_jsx(\"div\",{style:{width:14,height:14,borderRadius:\"50%\",background:accentColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"8\",height:\"8\",viewBox:\"0 0 10 10\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M2 5.3L4.2 7.4L8 3.2\",fill:\"none\",stroke:\"#FFFFFF\",strokeWidth:\"1.7\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})});}if(active){return /*#__PURE__*/_jsx(\"div\",{style:{width:14,height:14,borderRadius:\"50%\",border:`2px solid ${accentColor}`,background:\"#FFFFFF\",position:\"relative\",boxSizing:\"border-box\"},children:shouldAnimate?/*#__PURE__*/_jsx(motion.div,{\"aria-hidden\":\"true\",style:{position:\"absolute\",inset:-3,borderRadius:\"50%\",border:`1px solid ${accentColor}`},animate:{scale:[1,1.22,1],opacity:[.42,.12,.42]},transition:{duration:1.8,repeat:Infinity,ease:\"easeInOut\"}}):null});}return /*#__PURE__*/_jsx(\"div\",{style:{width:14,height:14,borderRadius:\"50%\",background:\"#E5E7EB\"}});},[accentColor,activeIndex,shouldAnimate]);return /*#__PURE__*/_jsxs(\"div\",{ref:rootRef,style:{position:\"relative\",width:\"min(100%, 620px)\",background:\"#FFFFFF\",border:\"1px solid rgba(0,0,0,0.08)\",borderRadius:12,boxShadow:\"0 8px 24px rgba(15, 23, 42, 0.08)\",padding:16,boxSizing:\"border-box\",fontFamily:'-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif',display:\"flex\",flexDirection:\"column\",gap:10,overflow:\"hidden\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",gap:8},children:[/*#__PURE__*/_jsx(\"div\",{style:{color:\"#6B7280\",fontSize:12,lineHeight:1.2,whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},children:\"Project Status\"}),/*#__PURE__*/_jsx(\"div\",{style:{background:\"rgba(22, 163, 74, 0.14)\",color:\"#166534\",borderRadius:999,padding:\"4px 8px\",fontSize:11,lineHeight:1.1,fontWeight:600,maxWidth:\"62%\",whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},children:statusText})]}),/*#__PURE__*/_jsx(\"div\",{style:{color:\"#1F2937\",fontSize:15,fontWeight:500,lineHeight:1.25,whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\",minWidth:0},children:projectTitle}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",paddingTop:2,paddingBottom:2},children:[/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",left:\"calc(12.5% - 7px)\",right:\"calc(12.5% - 7px)\",top:9,height:2,borderRadius:999,background:\"#E5E7EB\"}}),shouldAnimate?/*#__PURE__*/_jsx(motion.div,{\"aria-hidden\":\"true\",style:{position:\"absolute\",left:\"calc(12.5% - 7px)\",top:9,height:2,borderRadius:999,background:accentColor,width:0},initial:{width:0},animate:{width:`calc((100% - 25% + 14px) * ${connectionPercent/100})`},transition:{duration:.8,ease:\"easeOut\"}}):/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",left:\"calc(12.5% - 7px)\",top:9,height:2,borderRadius:999,background:accentColor,width:`calc((100% - 25% + 14px) * ${connectionPercent/100})`}}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"repeat(4, minmax(0, 1fr))\",gap:4,alignItems:\"start\",position:\"relative\"},children:safeLabels.map((label,index)=>{const completedOrActive=index<=activeIndex;const labelColor=completedOrActive?\"#374151\":\"#9CA3AF\";const delay=index*.08;return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",gap:6,minWidth:0},children:[shouldAnimate?/*#__PURE__*/_jsx(motion.div,{initial:{scale:.84,opacity:.7},animate:{scale:completedOrActive?1:.96,opacity:completedOrActive?1:.9},transition:{duration:.28,delay,ease:\"easeOut\"},style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:18,height:18},children:renderNodeContent(index)}):/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:18,height:18},children:renderNodeContent(index)}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:10,lineHeight:1.2,color:labelColor,textAlign:\"center\",width:\"100%\",whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},title:label,children:label})]},`${label}-${index}`);})})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:8},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",gap:8},children:[/*#__PURE__*/_jsx(\"div\",{style:{color:\"#6B7280\",fontSize:12,lineHeight:1.2},children:`Phase ${safeActivePhase} of 4`}),/*#__PURE__*/_jsx(\"div\",{style:{color:\"#1F2937\",fontSize:12,lineHeight:1.2,fontWeight:500},children:`${safeProgress}% complete`})]}),/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{width:\"100%\",height:6,borderRadius:999,background:\"#E5E7EB\",overflow:\"hidden\"},children:shouldAnimate?/*#__PURE__*/_jsx(motion.div,{style:{height:\"100%\",borderRadius:999,background:accentColor},initial:{width:0},animate:{width:`${safeProgress}%`},transition:{duration:.8,ease:\"easeOut\",delay:.14}}):/*#__PURE__*/_jsx(\"div\",{style:{width:`${safeProgress}%`,height:\"100%\",borderRadius:999,background:accentColor}})})]})]});}addPropertyControls(ProjectStatusTracker,{projectTitle:{type:ControlType.String,title:\"Project\",defaultValue:\"Website Relaunch\"},statusText:{type:ControlType.String,title:\"Status\",defaultValue:\"On track\"},phaseLabels:{type:ControlType.Array,title:\"Phases\",maxCount:4,defaultValue:[\"Discovery\",\"Design\",\"Build\",\"Launch\"],control:{type:ControlType.String,defaultValue:\"Phase\"}},activePhase:{type:ControlType.Number,title:\"Active\",defaultValue:3,min:1,max:4,step:1},progressPercent:{type:ControlType.Number,title:\"Progress\",defaultValue:62,min:0,max:100,step:1,unit:\"%\"},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#6D28D9\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProjectStatusTracker\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProjectStatusTracker.map"],"mappings":"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"}