{"version":3,"file":"ScrollProgressBar.C8HbZCkH.mjs","names":["fonts","css","className","useState"],"sources":["https:/framerusercontent.com/modules/ixhb6jBAGdL9hm7lyuMs/bSVzBdM1x8Lhl0GH4ZH9/NuSzZG3o7.js","https:/framerusercontent.com/modules/SrxCOAVoAwSpMpLRpO4e/xXPuMjS0z5sAYQ3fpbyH/tIesUtyl0.js","https:/framerusercontent.com/modules/YVJR8hp53pO4EeieraSB/p1imBeCkuDX1eiejiE8a/ScrollProgressBar.js"],"sourcesContent":["// Generated by Framer (46bf165)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOMV2;Neue Haas Grotesk Text Medium\",\"CUSTOMV2;Neue Haas Grotesk Text Medium Italic\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Neue Haas Grotesk Text Medium\",source:\"custom\",style:\"normal\",uiFamilyName:\"Neue Haas Grotesk Text\",url:\"https://framerusercontent.com/assets/GI0oZbZ2LEMHZnjDo2seGMqtns.woff2\",weight:\"500\"},{cssFamilyName:\"Neue Haas Grotesk Text Medium Italic\",source:\"custom\",style:\"italic\",uiFamilyName:\"Neue Haas Grotesk Text\",url:\"https://framerusercontent.com/assets/PBoHH7oyTrajPlxOnfpdWSpFKUI.woff2\",weight:\"500\"}]}];export const css=['.framer-aLxUt .framer-styles-preset-1uu32ou:not(.rich-text-wrapper), .framer-aLxUt .framer-styles-preset-1uu32ou.rich-text-wrapper h1 { --framer-font-family: \"Neue Haas Grotesk Text Medium\", \"Neue Haas Grotesk Text Medium Placeholder\", sans-serif; --framer-font-family-italic: \"Neue Haas Grotesk Text Medium Italic\", \"Neue Haas Grotesk Text Medium Italic Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 40px; --framer-font-style: normal; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 0px; --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; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-aLxUt .framer-styles-preset-1uu32ou:not(.rich-text-wrapper), .framer-aLxUt .framer-styles-preset-1uu32ou.rich-text-wrapper h1 { --framer-font-family: \"Neue Haas Grotesk Text Medium\", \"Neue Haas Grotesk Text Medium Placeholder\", sans-serif; --framer-font-family-italic: \"Neue Haas Grotesk Text Medium Italic\", \"Neue Haas Grotesk Text Medium Italic Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 32px; --framer-font-style: normal; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 0px; --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; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-aLxUt .framer-styles-preset-1uu32ou:not(.rich-text-wrapper), .framer-aLxUt .framer-styles-preset-1uu32ou.rich-text-wrapper h1 { --framer-font-family: \"Neue Haas Grotesk Text Medium\", \"Neue Haas Grotesk Text Medium Placeholder\", sans-serif; --framer-font-family-italic: \"Neue Haas Grotesk Text Medium Italic\", \"Neue Haas Grotesk Text Medium Italic Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 26px; --framer-font-style: normal; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 0px; --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-aLxUt\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (8bbc62e)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-Ngkwz .framer-styles-preset-1vszxvp:not(.rich-text-wrapper), .framer-Ngkwz .framer-styles-preset-1vszxvp.rich-text-wrapper a { --framer-link-hover-text-color: var(--token-eb87fab8-db90-42ae-ae93-cd6d7b9277ce, #ff008f); --framer-link-text-background-padding: 0px; --framer-link-text-color: var(--token-4bb8857d-8ae5-4eaf-bc55-e906de224a6c, #241a14); --framer-link-text-decoration: underline; --framer-link-text-decoration-offset: 3px; --framer-link-text-decoration-thickness: 1px; }\"];export const className=\"framer-Ngkwz\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Scroll Progress Bar with customizable colors\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState,startTransition}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";/**\n * Scroll Progress Bar\n * Shows a progress bar that fills as you scroll the page. Colors are customizable.\n *\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 8\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight fixed\n */export default function ScrollProgressBar(props){const{backgroundColor,fillColor,style}=props;const[progress,setProgress]=useState(0);useEffect(()=>{if(typeof window===\"undefined\")return;function onScroll(){const scrollTop=window.scrollY||window.pageYOffset;const docHeight=document.documentElement.scrollHeight-window.innerHeight;const percent=docHeight>0?Math.min(1,Math.max(0,scrollTop/docHeight)):0;startTransition(()=>setProgress(percent));}window.addEventListener(\"scroll\",onScroll,{passive:true});onScroll();return()=>window.removeEventListener(\"scroll\",onScroll);},[]);if(RenderTarget.current()===RenderTarget.thumbnail)return null;return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:\"100%\",height:props.height,background:backgroundColor,borderRadius:0,overflow:\"hidden\",position:\"relative\"},children:/*#__PURE__*/_jsx(\"div\",{style:{height:\"100%\",width:`${progress*100}%`,background:fillColor,borderRadius:0,transition:\"none\",position:\"absolute\",left:0,top:0},\"aria-valuenow\":Math.round(progress*100),\"aria-valuemin\":0,\"aria-valuemax\":100,role:\"progressbar\"})});}addPropertyControls(ScrollProgressBar,{height:{type:ControlType.Number,title:\"Height\",defaultValue:3,min:2,max:40,unit:\"px\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#EEEEEE\"},fillColor:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#0099FF\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ScrollProgressBar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"600\",\"framerIntrinsicHeight\":\"8\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollProgressBar.map"],"mappings":"2OAC8B,GAAU,UAAU,CAAC,yCAAyC,gDAAgD,CAAC,CAAcA,EAAM,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,cAAc,gCAAgC,OAAO,SAAS,MAAM,SAAS,aAAa,yBAAyB,IAAI,wEAAwE,OAAO,MAAM,CAAC,CAAC,cAAc,uCAAuC,OAAO,SAAS,MAAM,SAAS,aAAa,yBAAyB,IAAI,yEAAyE,OAAO,MAAM,CAAC,CAAC,CAAC,CAAcC,EAAI,CAAC,44BAA44B,k8BAAk8B,+7BAA+7B,CAAcC,EAAU,qCCA73G,GAAU,UAAU,EAAE,CAAC,CAAc,EAAM,CAAC,CAAC,cAAc,GAAK,MAAM,EAAE,CAAC,CAAC,CAAc,EAAI,CAAC,4eAA4e,CAAc,EAAU,kBCS5nB,SAAwB,EAAkB,EAAM,CAAC,GAAK,CAAC,kBAAgB,YAAU,SAAO,EAAW,CAAC,EAAS,GAAaC,EAAS,EAAE,CAA2f,OAA1f,MAAc,CAAC,GAAU,IAAS,OAAY,OAAO,SAAS,GAAU,CAAC,IAAM,EAAU,EAAO,SAAS,EAAO,YAAkB,EAAU,SAAS,gBAAgB,aAAa,EAAO,YAAkB,EAAQ,EAAU,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,EAAU,EAAU,CAAC,CAAC,EAAE,MAAoB,EAAY,EAAQ,CAAC,CAAuE,OAArE,EAAO,iBAAiB,SAAS,EAAS,CAAC,QAAQ,GAAK,CAAC,CAAC,GAAU,KAAW,EAAO,oBAAoB,SAAS,EAAS,EAAG,EAAE,CAAC,CAAI,EAAa,SAAS,GAAG,EAAa,UAAiB,KAAyB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,OAAO,EAAM,OAAO,WAAW,EAAgB,aAAa,EAAE,SAAS,SAAS,SAAS,WAAW,CAAC,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,OAAO,OAAO,MAAM,GAAG,EAAS,IAAI,GAAG,WAAW,EAAU,aAAa,EAAE,WAAW,OAAO,SAAS,WAAW,KAAK,EAAE,IAAI,EAAE,CAAC,gBAAgB,KAAK,MAAM,EAAS,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,sBATvgC,IAAsD,IAAiE,CASk5B,EAAoB,EAAkB,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,UAAU,CAAC,CAAC"}