{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/5kKfa7Hnndg0UaeCuLWp/uCdlEI9397LyIyREqcha/Counter_1.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:15e3,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\"]}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Animated_Counter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Counter_1.map"],
  "mappings": "gKAAAA,IAAiM,SAASC,EAAQ,CAAC,eAAAC,EAAe,aAAAC,EAAa,UAAAC,EAAU,MAAAC,CAAK,EAAE,CAAC,IAAMC,EAAIC,EAAO,IAAI,EAAQC,EAAYC,EAAeL,IAAY,OAAOD,EAAaD,CAAc,EAAQQ,EAAYC,EAAUH,EAAY,CAAC,QAAQ,IAAI,UAAU,IAAI,KAAK,CAAC,EAAEN,CAAc,EAAE,GAAG,CAAC,EAAEC,CAAY,CAAC,CAAC,EAAQS,EAASC,EAAUP,EAAI,CAAC,KAAK,GAAK,OAAO,QAAQ,CAAC,EAAE,OAAAQ,EAAU,IAAI,CAAIF,GAAUJ,EAAY,IAAIJ,IAAY,OAAOF,EAAeC,CAAY,CAAG,EAAE,CAACK,EAAYI,CAAQ,CAAC,EAAEE,EAAU,IAAI,CAACJ,EAAY,SAASK,GAAQ,CAAIT,EAAI,UAASA,EAAI,QAAQ,YAAY,KAAK,aAAa,OAAO,EAAE,OAAOS,EAAO,QAAQ,CAAC,CAAC,EAAG,CAAC,CAAE,EAAE,CAACL,CAAW,CAAC,EAAuBM,EAAK,OAAO,CAAC,IAAIV,EAAI,MAAMD,CAAK,CAAC,CAAE,CAAgB,SAARY,EAAkC,CAAC,eAAAf,EAAe,aAAAC,EAAa,UAAAC,EAAU,KAAAc,CAAI,EAAE,CAAC,OAAqBF,EAAKf,EAAQ,CAAC,eAAeC,EAAe,aAAaC,EAAa,UAAUC,EAAU,MAAM,CAAC,SAASc,EAAK,KAAK,WAAWA,EAAK,OAAO,MAAMA,EAAK,MAAM,WAAW,IAAIA,EAAK,QAAQ,GAAG,CAAC,CAAC,CAAE,CAAEC,EAAoBF,EAAiB,CAAC,eAAe,CAAC,KAAKG,EAAY,OAAO,aAAa,EAAE,MAAM,YAAY,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,aAAa,KAAK,MAAM,QAAQ,EAAE,UAAU,CAAC,KAAKA,EAAY,KAAK,QAAQ,CAAC,OAAO,IAAI,EAAE,aAAa,CAAC,OAAO,IAAI,EAAE,aAAa,IAAI,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,SAAS,CAAC,SAAS,CAAC,KAAKA,EAAY,OAAO,aAAa,SAAS,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,aAAa,MAAM,EAAE,OAAO,CAAC,KAAKA,EAAY,KAAK,aAAa,MAAM,QAAQ,CAAC,MAAM,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC",
  "names": ["init_ssg_sandbox_shims", "Counter", "startingNumber", "endingNumber", "direction", "style", "ref", "pe", "motionValue", "useMotionValue", "springValue", "useSpring", "isInView", "useInView", "ue", "latest", "p", "Animated_Counter", "font", "addPropertyControls", "ControlType"]
}