{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/CsipM6D0sxQHbA5NU4vr/rwrz6gHfrPhD7ZoE7DRt/Count.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion,useInView,useMotionValue,useTransform,animate}from\"framer-motion\";import{useRef,useEffect}from\"react\";export default function Count(props){const{from,to,once,size,color,spacing,delay,duration,style}=props;const ref=useRef(null);const isInView=useInView(ref);const count=useMotionValue(Number(from));const rounded=useTransform(count,Math.round);useEffect(()=>{let animation=null;if(isInView){animation=animate(count,Number(to),{duration,delay});}else{if(!once){count.set(Number(from));}}return()=>animation===null||animation===void 0?void 0:animation.stop();},[from,to,duration,delay,isInView]);return /*#__PURE__*/_jsx(motion.div,{ref:ref,style:{fontFamily:`\"Inter\", sans-serif`,fontWeight:900,fontVariantNumeric:\"tabular-nums\",color:color,fontSize:size,letterSpacing:spacing,lineHeight:1.2,textAlign:\"center\",...style},children:rounded});}Count.defaultProps={from:\"0\",to:\"100\",start:false,size:80,color:\"#000\",spacing:-3,delay:0,duration:1};addPropertyControls(Count,{from:{title:\"From\",type:ControlType.String},to:{title:\"To\",type:ControlType.String},once:{title:\"Once\",type:ControlType.Boolean},size:{title:\"Size\",type:ControlType.Number,min:20,max:100},color:{title:\"Color\",type:ControlType.Color},spacing:{title:\"Spacing\",type:ControlType.Number,min:-10,max:10},delay:{title:\"Delay\",type:ControlType.Number,min:0,max:1,step:.1,displayStepper:true},duration:{title:\"Duration\",type:ControlType.Number,min:0,max:10,step:.1,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Count\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Count.map"],
  "mappings": "0IAAkO,SAARA,EAAuBC,EAAM,CAAC,GAAK,CAAC,KAAAC,EAAK,GAAAC,EAAG,KAAAC,EAAK,KAAAC,EAAK,MAAAC,EAAM,QAAAC,EAAQ,MAAAC,EAAM,SAAAC,EAAS,MAAAC,CAAK,EAAET,EAAYU,EAAIC,EAAO,IAAI,EAAQC,EAASC,EAAUH,CAAG,EAAQI,EAAMC,EAAe,OAAOd,CAAI,CAAC,EAAQe,EAAQC,EAAaH,EAAM,KAAK,KAAK,EAAE,OAAAI,EAAU,IAAI,CAAC,IAAIC,EAAU,KAAK,OAAGP,EAAUO,EAAUC,EAAQN,EAAM,OAAOZ,CAAE,EAAE,CAAC,SAAAM,EAAS,MAAAD,CAAK,CAAC,EAAYJ,GAAMW,EAAM,IAAI,OAAOb,CAAI,CAAC,EAAU,IAAgDkB,GAAU,KAAK,CAAE,EAAE,CAAClB,EAAKC,EAAGM,EAASD,EAAMK,CAAQ,CAAC,EAAsBS,EAAKC,EAAO,IAAI,CAAC,IAAIZ,EAAI,MAAM,CAAC,WAAW,sBAAsB,WAAW,IAAI,mBAAmB,eAAe,MAAML,EAAM,SAASD,EAAK,cAAcE,EAAQ,WAAW,IAAI,UAAU,SAAS,GAAGG,CAAK,EAAE,SAASO,CAAO,CAAC,CAAE,CAACjB,EAAM,aAAa,CAAC,KAAK,IAAI,GAAG,MAAM,MAAM,GAAM,KAAK,GAAG,MAAM,OAAO,QAAQ,GAAG,MAAM,EAAE,SAAS,CAAC,EAAEwB,EAAoBxB,EAAM,CAAC,KAAK,CAAC,MAAM,OAAO,KAAKyB,EAAY,MAAM,EAAE,GAAG,CAAC,MAAM,KAAK,KAAKA,EAAY,MAAM,EAAE,KAAK,CAAC,MAAM,OAAO,KAAKA,EAAY,OAAO,EAAE,KAAK,CAAC,MAAM,OAAO,KAAKA,EAAY,OAAO,IAAI,GAAG,IAAI,GAAG,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAKA,EAAY,KAAK,EAAE,QAAQ,CAAC,MAAM,UAAU,KAAKA,EAAY,OAAO,IAAI,IAAI,IAAI,EAAE,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAKA,EAAY,OAAO,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,eAAe,EAAI,EAAE,SAAS,CAAC,MAAM,WAAW,KAAKA,EAAY,OAAO,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,eAAe,EAAI,CAAC,CAAC",
  "names": ["Count", "props", "from", "to", "once", "size", "color", "spacing", "delay", "duration", "style", "ref", "pe", "isInView", "useInView", "count", "useMotionValue", "rounded", "useTransform", "ue", "animation", "animate", "p", "motion", "addPropertyControls", "ControlType"]
}