{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/DuR6VDtxvwo2eUI8Aa0Z/rxhYoZ6upN9r1gj1OkXg/AnimatedNumber.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{motion,useInView,useMotionValue,useSpring,useTransform}from\"framer-motion\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n *\n * @framerDisableUnlink\n */export function AnimatedNumber({start=0,end=100,decimals=0,font,color=\"#000\"}){const ref=useRef(null);const isInView=useInView(ref,{once:true,amount:.5});const value=useMotionValue(start);const spring=useSpring(value,{damping:30,stiffness:100});// const display = useTransform(spring, (num) => num.toFixed(decimals))\nconst display=useTransform(spring,num=>{const fixed=num.toFixed(decimals);return num>=1e3?Number(fixed).toLocaleString():fixed;});useEffect(()=>{value.set(isInView?end:start);},[start,end,isInView,value]);return /*#__PURE__*/_jsx(motion.span,{ref:ref,style:{color:color,display:\"inline-block\",...font},children:display});}addPropertyControls(AnimatedNumber,{start:{type:ControlType.Number,title:\"Start\",defaultValue:0,min:0,max:1e5,step:1},end:{type:ControlType.Number,title:\"End\",defaultValue:100,min:0,max:1e5,step:1},decimals:{type:ControlType.Number,title:\"Decimals\",defaultValue:0,min:0,max:10,step:1},font:{type:ControlType.Font,controls:\"extended\",title:\"Styles\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"AnimatedNumber\":{\"type\":\"reactComponent\",\"name\":\"AnimatedNumber\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedNumber.map"],
  "mappings": "0IAGU,SAASA,EAAe,CAAC,MAAAC,EAAM,EAAE,IAAAC,EAAI,IAAI,SAAAC,EAAS,EAAE,KAAAC,EAAK,MAAAC,EAAM,MAAM,EAAE,CAAC,IAAMC,EAAIC,EAAO,IAAI,EAAQC,EAASC,EAAUH,EAAI,CAAC,KAAK,GAAK,OAAO,EAAE,CAAC,EAAQI,EAAMC,EAAeV,CAAK,EAAQW,EAAOC,EAAUH,EAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,CAAC,EAChPI,EAAQC,EAAaH,EAAOI,GAAK,CAAC,IAAMC,EAAMD,EAAI,QAAQb,CAAQ,EAAE,OAAOa,GAAK,IAAI,OAAOC,CAAK,EAAE,eAAe,EAAEA,CAAM,CAAC,EAAE,OAAAC,EAAU,IAAI,CAACR,EAAM,IAAIF,EAASN,EAAID,CAAK,CAAE,EAAE,CAACA,EAAMC,EAAIM,EAASE,CAAK,CAAC,EAAsBS,EAAKC,EAAO,KAAK,CAAC,IAAId,EAAI,MAAM,CAAC,MAAMD,EAAM,QAAQ,eAAe,GAAGD,CAAI,EAAE,SAASU,CAAO,CAAC,CAAE,CAACO,EAAoBrB,EAAe,CAAC,MAAM,CAAC,KAAKsB,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,IAAI,CAAC,KAAKA,EAAY,OAAO,MAAM,MAAM,aAAa,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,WAAW,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,KAAK,CAAC,KAAKA,EAAY,KAAK,SAAS,WAAW,MAAM,QAAQ,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,aAAa,MAAM,CAAC,CAAC",
  "names": ["AnimatedNumber", "start", "end", "decimals", "font", "color", "ref", "pe", "isInView", "useInView", "value", "useMotionValue", "spring", "useSpring", "display", "useTransform", "num", "fixed", "ue", "p", "motion", "addPropertyControls", "ControlType"]
}