{"version":3,"file":"EventCountdown.C9cd0rtb.mjs","names":["useState","useMemo"],"sources":["https:/framerusercontent.com/modules/kPjd8tPY6JJp1ZiFV6Vz/yXBY43W01M1vpWjHrFeX/EventCountdown.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useMemo,useState,startTransition}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";function getTimeParts(milliseconds){const totalSeconds=Math.max(0,Math.floor(milliseconds/1e3));const days=Math.floor(totalSeconds/86400);const hours=Math.floor(totalSeconds%86400/3600);const minutes=Math.floor(totalSeconds%3600/60);const seconds=totalSeconds%60;return[{label:\"Days\",value:days},{label:\"Hours\",value:hours},{label:\"Minutes\",value:minutes},{label:\"Seconds\",value:seconds}];}/**\n * Event countdown with an exact date and time target.\n *\n * @framerIntrinsicWidth 520\n * @framerIntrinsicHeight 112\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function EventCountdown(props){const{targetDate=\"2026-09-17T13:00:00.000Z\",eyebrow=\"EVENT STARTS IN\",completeText=\"THE EVENT IS UNDERWAY\",numberColor=\"#000000\",labelColor=\"#666666\",accentColor=\"#0779FF\",cellBackground=\"rgba(7, 121, 255, 0.06)\",cellBorder=\"rgba(7, 121, 255, 0.20)\",font}=props;const isStatic=useIsStaticRenderer();const[now,setNow]=useState(()=>Date.now());const target=useMemo(()=>new Date(targetDate).getTime(),[targetDate]);const remaining=Math.max(0,target-now);const parts=getTimeParts(remaining);useEffect(()=>{if(isStatic||typeof window===\"undefined\")return;const interval=window.setInterval(()=>{startTransition(()=>setNow(Date.now()));},1e3);return()=>window.clearInterval(interval);},[isStatic]);const accessibleTime=parts.map(part=>String(part.value)+\" \"+part.label.toLowerCase()).join(\", \");return /*#__PURE__*/_jsxs(\"section\",{role:\"timer\",\"aria-live\":\"off\",\"aria-label\":remaining>0?\"Event starts in \"+accessibleTime:completeText,style:{...props.style,position:\"relative\",width:\"100%\",height:\"auto\",display:\"flex\",flexDirection:\"column\",alignItems:\"stretch\",gap:10,overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{color:accentColor,fontFamily:font?.fontFamily,fontWeight:700,fontSize:11,lineHeight:\"1.2em\",letterSpacing:\"0.12em\",textTransform:\"uppercase\"},children:eyebrow}),remaining>0?/*#__PURE__*/_jsx(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"repeat(4, minmax(0, 1fr))\",gap:8,width:\"100%\"},children:parts.map(part=>/*#__PURE__*/_jsxs(\"div\",{style:{minWidth:0,display:\"flex\",flexDirection:\"column\",alignItems:\"flex-start\",gap:5,padding:\"12px 12px 11px\",background:cellBackground,border:\"1px solid \"+cellBorder,borderRadius:12},children:[/*#__PURE__*/_jsx(\"span\",{style:{...font,color:numberColor,fontSize:font?.fontSize??\"30px\",fontWeight:font?.fontWeight??700,lineHeight:font?.lineHeight??\"1em\",letterSpacing:font?.letterSpacing??\"-0.02em\",fontVariantNumeric:\"tabular-nums\",whiteSpace:\"nowrap\"},children:String(part.value).padStart(2,\"0\")}),/*#__PURE__*/_jsx(\"span\",{style:{color:labelColor,fontFamily:font?.fontFamily,fontWeight:600,fontSize:10,lineHeight:\"1.2em\",letterSpacing:\"0.08em\",textTransform:\"uppercase\",whiteSpace:\"nowrap\"},children:part.label})]},part.label))}):/*#__PURE__*/_jsx(\"div\",{style:{color:numberColor,background:cellBackground,border:\"1px solid \"+cellBorder,borderRadius:12,padding:\"16px\",...font,fontWeight:700},children:completeText})]});}addPropertyControls(EventCountdown,{targetDate:{type:ControlType.Date,title:\"Event Time\",displayTime:true,defaultValue:\"2026-09-17T13:00:00.000Z\"},eyebrow:{type:ControlType.String,title:\"Label\",defaultValue:\"EVENT STARTS IN\"},completeText:{type:ControlType.String,title:\"Complete Text\",defaultValue:\"THE EVENT IS UNDERWAY\"},font:{type:ControlType.Font,title:\"Numbers\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{variant:\"Bold\",fontSize:\"30px\",letterSpacing:\"-0.02em\",lineHeight:\"1em\"}},numberColor:{type:ControlType.Color,title:\"Numbers\",defaultValue:\"#000000\"},labelColor:{type:ControlType.Color,title:\"Labels\",defaultValue:\"#666666\"},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#0779FF\"},cellBackground:{type:ControlType.Color,title:\"Cell Fill\",defaultValue:\"rgba(7, 121, 255, 0.06)\"},cellBorder:{type:ControlType.Color,title:\"Cell Border\",defaultValue:\"rgba(7, 121, 255, 0.20)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"EventCountdown\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"112\",\"framerIntrinsicWidth\":\"520\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./EventCountdown.map"],"mappings":"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"}