{"version":3,"file":"Counter.0DxCF2bs.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/iPHD0gpKZVVJi7UOie3m/nTCnyikmSDRfoC7y037g/Counter.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{useInView,useMotionValue,useSpring}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";function Counter({startingNumber,endingNumber,direction,style}){const ref=useRef(null);const motionValue=useMotionValue(direction===\"down\"?endingNumber:startingNumber);const springValue=useSpring(motionValue,{damping:300,stiffness:100,from:{x:startingNumber},to:{x:endingNumber}});const isInView=useInView(ref,{once:true,margin:\"-100px\"});useEffect(()=>{if(isInView){motionValue.set(direction===\"down\"?startingNumber:endingNumber);}},[motionValue,isInView]);useEffect(()=>{springValue.onChange(latest=>{if(ref.current){ref.current.textContent=Intl.NumberFormat(\"en-US\").format(latest.toFixed(0));}});},[springValue]);return /*#__PURE__*/_jsx(\"span\",{ref:ref,style:style});}export default function Animated_Counter({startingNumber,endingNumber,direction,font}){return /*#__PURE__*/_jsx(Counter,{startingNumber:startingNumber,endingNumber:endingNumber,direction:direction,style:{fontSize:font.size,fontWeight:font.weight,color:font.color,fontFamily:`'${font.fontFace}'`}});}addPropertyControls(Animated_Counter,{startingNumber:{type:ControlType.Number,defaultValue:0,title:\"Start from\"},endingNumber:{type:ControlType.Number,defaultValue:1e3,title:\"End at\"},direction:{type:ControlType.Enum,options:[\"down\",\"up\"],optionTitles:[\"Down\",\"Up\"],defaultValue:\"up\"},font:{type:ControlType.Object,controls:{fontFace:{type:ControlType.String,defaultValue:\"Satoshi\"},size:{type:ControlType.Number,defaultValue:55},color:{type:ControlType.Color,defaultValue:\"#fff\"},weight:{type:ControlType.Enum,defaultValue:\"600\",options:[\"400\",\"500\",\"600\",\"800\"]}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Animated_Counter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Counter.map"],"mappings":"gPAAiM,SAAS,EAAQ,CAAC,iBAAe,eAAa,YAAU,SAAO,CAAC,IAAM,EAAIA,EAAO,IAAI,EAAQ,EAAY,EAAe,IAAY,OAAO,EAAa,CAAc,EAAQ,EAAY,EAAU,EAAY,CAAC,QAAQ,IAAI,UAAU,IAAI,KAAK,CAAC,EAAE,CAAc,EAAE,GAAG,CAAC,EAAE,CAAY,CAAC,CAAC,EAAQ,EAAS,EAAU,EAAI,CAAC,KAAK,GAAK,OAAO,QAAQ,CAAC,EAAwR,OAAtR,MAAc,CAAI,GAAU,EAAY,IAAI,IAAY,OAAO,EAAe,CAAY,CAAG,EAAE,CAAC,EAAY,CAAQ,CAAC,EAAE,MAAc,CAAC,EAAY,SAAS,GAAQ,CAAI,EAAI,UAAS,EAAI,QAAQ,YAAY,KAAK,aAAa,OAAO,CAAC,CAAC,OAAO,EAAO,QAAQ,CAAC,CAAC,EAAG,CAAC,CAAE,EAAE,CAAC,CAAW,CAAC,EAAsB,EAAK,OAAO,CAAK,MAAU,OAAK,CAAC,CAAE,CAAC,SAAwB,EAAiB,CAAC,iBAAe,eAAa,YAAU,QAAM,CAAC,OAAoB,EAAK,EAAQ,CAAgB,iBAA4B,eAAuB,YAAU,MAAM,CAAC,SAAS,EAAK,KAAK,WAAW,EAAK,OAAO,MAAM,EAAK,MAAM,WAAW,IAAI,EAAK,SAAS,EAAE,CAAC,CAAC,CAAE,iBAAlmC,IAAoC,IAA8D,IAAoD,EAA68B,EAAoB,EAAiB,CAAC,eAAe,CAAC,KAAK,EAAY,OAAO,aAAa,EAAE,MAAM,YAAY,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,aAAa,IAAI,MAAM,QAAQ,EAAE,UAAU,CAAC,KAAK,EAAY,KAAK,QAAQ,CAAC,OAAO,IAAI,EAAE,aAAa,CAAC,OAAO,IAAI,EAAE,aAAa,IAAI,EAAE,KAAK,CAAC,KAAK,EAAY,OAAO,SAAS,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,aAAa,SAAS,EAAE,KAAK,CAAC,KAAK,EAAY,OAAO,aAAa,EAAE,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,aAAa,MAAM,EAAE,OAAO,CAAC,KAAK,EAAY,KAAK,aAAa,MAAM,QAAQ,CAAC,MAAM,MAAM,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC"}