{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/v5MJOY0qNWcRAPBPJIWx/STfoCqqQZMJHDxIuh2QV/ScrollProgressBar.js", "ssg:https://framerusercontent.com/modules/7vRZHeKFXWzBlXOWmJig/n3enxsDsc9LAdLxlZmL2/CCCj4xSZ8.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion,useSpring,useTransform,useScroll}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 40\n */export default function ScrollProgressBar(props){const isCanvas=RenderTarget.current()===RenderTarget.canvas;const borderRadius=props.radiusIsMixed?`${props.topLeft}px ${props.topRight}px ${props.bottomRight}px ${props.bottomLeft}px`:`${props.radius}px`;const isVertical=props.direction==\"vertical\";const previewScroll=props.previewPercent/100;const{alignment}=props;const gradientScaled=props.fill.gradientScaled;const{scrollYProgress}=useScroll();const scroll=useSpring(scrollYProgress,props.transition);return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:props.direction==\"horizontal\"?\"row\":\"column\",justifyContent:alignment,borderRadius:borderRadius,backgroundColor:props.background,overflow:\"hidden\",...props.style},children:/*#__PURE__*/_jsx(motion.div,{initial:false,transition:{type:false},style:{[isVertical?\"width\":\"height\"]:\"100%\",[isVertical?\"height\":\"width\"]:useTransform(()=>`${isCanvas?previewScroll*100:scroll.get()*100}%`),background:useTransform(()=>props.fill.mode==\"color\"?props.fill.color:`linear-gradient(to ${isVertical?\"bottom\":\"right\"}, ${props.fill.startColor} ${gradientScaled?0:alignment==\"center\"?50+-50/(isCanvas?previewScroll:scroll.get()):alignment==\"flex-end\"?-100/(isCanvas?previewScroll:scroll.get())+100:0}%, ${props.fill.endColor} ${gradientScaled?100:alignment==\"center\"?50+50/(isCanvas?previewScroll:scroll.get()):alignment==\"flex-start\"?100/(isCanvas?previewScroll:scroll.get()):100}%)`),borderRadius:props.innerRadius?borderRadius:\"0px\"}})});}ScrollProgressBar.displayName=\"Scroll Progress Bar\";addPropertyControls(ScrollProgressBar,{fill:{type:ControlType.Object,controls:{mode:{type:ControlType.Enum,defaultValue:\"color\",options:[\"color\",\"gradient\"],optionTitles:[\"Solid\",\"Gradient\"],displaySegmentedControl:true},color:{type:ControlType.Color,defaultValue:\"#000\",hidden(props){return props.mode!=\"color\";}},startColor:{type:ControlType.Color,defaultValue:\"#000\",hidden(props){return props.mode!=\"gradient\";}},endColor:{type:ControlType.Color,defaultValue:\"#CCC\",hidden(props){return props.mode!=\"gradient\";}},gradientScaled:{type:ControlType.Boolean,defaultValue:false,title:\"Scaled\"}}},background:{type:ControlType.Color,defaultValue:\"#EDEDED\",optional:true},direction:{type:ControlType.Enum,defaultValue:\"horizontal\",options:[\"horizontal\",\"vertical\"],displaySegmentedControl:true},alignment:{type:ControlType.Enum,defaultValue:\"flex-start\",options:[\"flex-start\",\"center\",\"flex-end\"],optionIcons:{direction:{horizontal:[\"align-left\",\"align-center\",\"align-right\"],vertical:[\"align-top\",\"align-middle\",\"align-bottom\"]}},displaySegmentedControl:true},previewPercent:{type:ControlType.Number,defaultValue:75,min:0,max:100,unit:\"%\",title:\"Preview\"},radius:{type:ControlType.FusedNumber,defaultValue:10,toggleKey:\"radiusIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"topLeft\",\"topRight\",\"bottomRight\",\"bottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0},innerRadius:{type:ControlType.Boolean,defaultValue:true},transition:{type:ControlType.Transition,defaultValue:{type:false,damping:60,delay:0,duration:.3,mass:1,stiffness:600},description:'Do not use \"Ease\"'}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ScrollProgressBar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"40\",\"framerIntrinsicWidth\":\"400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollProgressBar.map", "// Generated by Framer (fb31e5e)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOM;Aeonik Pro Variable\",\"CUSTOM;Aeonik Pro VariableVF=IndnaHQiIDQ2MA==\",\"CUSTOM;Aeonik Pro VariableVF=IndnaHQiIDQ2MA==\",\"CUSTOM;Aeonik Pro VariableVF=IndnaHQiIDQ2MA==\"]);const variationAxes=[{defaultValue:400,maxValue:900,minValue:100,name:\"Weight\",tag:\"wght\"}];export const fonts=[{explicitInter:true,fonts:[{family:\"Aeonik Pro Variable\",source:\"custom\",url:\"https://framerusercontent.com/assets/dGVWkDrJfDb0hO9FUw7JQW17f0.woff2\",variationAxes}]}];export const css=['.framer-N3Omf .framer-styles-preset-73kvuy:not(.rich-text-wrapper), .framer-N3Omf .framer-styles-preset-73kvuy.rich-text-wrapper p { --framer-font-family: \"Aeonik Pro Variable\", \"Aeonik Pro Placeholder\", sans-serif; --framer-font-family-bold: \"Aeonik Pro Variable\", \"Aeonik Pro Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Aeonik Pro Variable\", \"Aeonik Pro Placeholder\", sans-serif; --framer-font-family-italic: \"Aeonik Pro Variable\", \"Aeonik Pro Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv09\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv11\\' on; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: normal; --framer-font-style-italic: normal; --framer-font-variation-axes: \"wght\" 460; --framer-font-variation-axes-bold: \"wght\" 460; --framer-font-variation-axes-bold-italic: \"wght\" 460; --framer-font-variation-axes-italic: \"wght\" 460; --framer-font-weight: 400; --framer-font-weight-bold: 400; --framer-font-weight-bold-italic: 400; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 120%; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: #000000; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-N3Omf\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["ScrollProgressBar", "props", "isCanvas", "RenderTarget", "borderRadius", "isVertical", "previewScroll", "alignment", "gradientScaled", "scrollYProgress", "useScroll", "scroll", "useSpring", "p", "motion", "useTransform", "addPropertyControls", "ControlType", "fontStore", "variationAxes", "fonts", "css", "className"]
}