{"version":3,"file":"Progress.ChtwC44P.mjs","names":["suffix","React.useContext","React.useMemo","React.useRef","React.useId","sharedStyle.className","className","RichText","React.Fragment","sharedStyle.css","sharedStyle.fonts","useState"],"sources":["https:/framerusercontent.com/modules/3s1YDGCMvs7p3fO9bmkN/3ubDlTLOe5RcVlh4QIwe/RZheGmE_a.js","https:/framerusercontent.com/modules/nlSLzZnQEmR2JtLXRSiG/hGS5FEvat7AoKaRe6h47/Progress.js"],"sourcesContent":["// Generated by Framer (7699a62)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useConstant,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/1flVd08fThS6q69U4EgR/ORZIiQUrQMbdOV8NIihl/l18Fo0cuF.js\";const cycleOrder=[\"ZzVwCOiPZ\"];const serializationHash=\"framer-zuSHZ\";const variantClassNames={ZzVwCOiPZ:\"framer-v-1xk0oqv\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const suffix=(value,suffix)=>{if(typeof value===\"string\"&&typeof suffix===\"string\"){return value+suffix;}else if(typeof value===\"string\"){return value;}else if(typeof suffix===\"string\"){return suffix;}return\"\";};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const getProps=({height,id,progress,width,...props})=>{return{...props,oihHTLkc4:progress??props.oihHTLkc4??\"100\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,oihHTLkc4,...restProps}=getProps(props);const initialVariant=useConstant(()=>variant);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"ZzVwCOiPZ\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const textContent=suffix(oihHTLkc4,\"%\");const defaultLayoutId=React.useId();const sharedStyleClassNames=[sharedStyle.className];return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Transition,{value:transition,children:/*#__PURE__*/_jsx(motion.div,{...restProps,animate:variants,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1xk0oqv\",className,classNames),\"data-framer-name\":\"Variant 1\",initial:initialVariant,layoutDependency:layoutDependency,layoutId:\"ZzVwCOiPZ\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref??ref1,style:{...style},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-yo33vq\",\"data-styles-preset\":\"l18Fo0cuF\",children:\"100%\"})}),className:\"framer-eptl9l\",layoutDependency:layoutDependency,layoutId:\"KhGCHw06K\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:textContent,verticalAlignment:\"top\",withExternalLayout:true})})})});});const css=['.framer-zuSHZ[data-border=\"true\"]::after, .framer-zuSHZ [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-zuSHZ.framer-zem2a8, .framer-zuSHZ .framer-zem2a8 { display: block; }\",\".framer-zuSHZ.framer-1xk0oqv { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-zuSHZ .framer-eptl9l { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-zuSHZ.framer-1xk0oqv { gap: 0px; } .framer-zuSHZ.framer-1xk0oqv > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-zuSHZ.framer-1xk0oqv > :first-child { margin-left: 0px; } .framer-zuSHZ.framer-1xk0oqv > :last-child { margin-right: 0px; } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 16\n * @framerIntrinsicWidth 31\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"oihHTLkc4\":\"progress\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n */const FramerRZheGmE_a=withCSS(Component,css,\"framer-zuSHZ\");export default FramerRZheGmE_a;FramerRZheGmE_a.displayName=\"Progress\";FramerRZheGmE_a.defaultProps={height:16,width:31};addPropertyControls(FramerRZheGmE_a,{oihHTLkc4:{defaultValue:\"100\",displayTextArea:false,title:\"Progress\",type:ControlType.String}});addFonts(FramerRZheGmE_a,[...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerRZheGmE_a\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"31\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"oihHTLkc4\\\":\\\"progress\\\"}\",\"framerIntrinsicHeight\":\"16\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{useScroll,useSpring,useTransform}from\"framer-motion\";export function withScrollProgress(Component){return props=>{const[scrollProgress,setScrollProgress]=useState(\"0\");const{scrollYProgress}=useScroll();const scaleY=useSpring(scrollYProgress,{stiffness:600,damping:30});const scaleYTransform=useTransform(scaleY,[0,1],[0,100]);useEffect(()=>scaleYTransform.onChange(latest=>{setScrollProgress(latest.toFixed(0));}),[scaleYTransform]);return /*#__PURE__*/_jsx(Component,{...props,progress:scrollProgress});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withScrollProgress\":{\"type\":\"reactHoc\",\"name\":\"withScrollProgress\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Progress.map"],"mappings":"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"}