{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/LwAajFORy48Hf8EQpxlD/MFuL7sP0fr8xrbuFy5Uy/Scroll.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useViewportScroll,useTransform,motion}from\"framer\";export function ScrollProgressBar(props){const{scrollYProgress}=useViewportScroll();const scaleX=useTransform(scrollYProgress,[0,1],[0,1]);return /*#__PURE__*/_jsx(\"div\",{style:{position:\"fixed\",top:0,left:0,width:\"100%\",height:props.height,pointerEvents:\"none\",zIndex:9999,background:\"transparent\"},children:/*#__PURE__*/_jsx(motion.div,{style:{height:\"8px\",width:\"100%\",background:props.color,transformOrigin:\"0% 0%\",scaleX}})});}addPropertyControls(ScrollProgressBar,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#09f\"},height:{type:ControlType.Number,title:\"Height\",defaultValue:4,min:1,max:20,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollProgressBar\":{\"type\":\"reactComponent\",\"name\":\"ScrollProgressBar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Scroll.map"],
  "mappings": "8GAA4I,SAASA,EAAkBC,EAAM,CAAC,GAAK,CAAC,gBAAAC,CAAe,EAAEC,EAAkB,EAAQC,EAAOC,EAAaH,EAAgB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAoBI,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,QAAQ,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,OAAOL,EAAM,OAAO,cAAc,OAAO,OAAO,KAAK,WAAW,aAAa,EAAE,SAAsBK,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,OAAO,MAAM,MAAM,OAAO,WAAWN,EAAM,MAAM,gBAAgB,QAAQ,OAAAG,CAAM,CAAC,CAAC,CAAC,CAAC,CAAE,CAACI,EAAoBR,EAAkB,CAAC,MAAM,CAAC,KAAKS,EAAY,MAAM,MAAM,QAAQ,aAAa,MAAM,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC",
  "names": ["ScrollProgressBar", "props", "scrollYProgress", "useViewportScroll", "scaleX", "useTransform", "p", "motion", "addPropertyControls", "ControlType"]
}