{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/kF6EaK4I6EBupLCfkphU/Z3vLJtcKGQ02Hs5EP1pE/GDNpReCJz.js", "ssg:https://framerusercontent.com/modules/rofp3mS0LNY15cjhHzia/mqQEarGIByho1rG31aTv/BlurGradient_Prod.js"], "sourcesContent": ["// Generated by Framer (6807895)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,cx,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const serializationHash=\"framer-BHJnP\";const variantClassNames={parz3JfAO:\"framer-v-1lciyqh\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};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 Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"parz3JfAO\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1lciyqh\",className,classNames),\"data-framer-name\":\"Primary\",layoutDependency:layoutDependency,layoutId:\"parz3JfAO\",ref:ref??ref1,style:{...style},children:/*#__PURE__*/_jsx(SVG,{className:\"framer-177u6pg\",\"data-framer-name\":\"Arrow Down\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"JZsP4X1Ba\",opacity:1,svg:'',svgContentId:10004993011,withExternalLayout:true})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-BHJnP.framer-10ababa, .framer-BHJnP .framer-10ababa { display: block; }\",\".framer-BHJnP.framer-1lciyqh { 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; position: relative; width: min-content; }\",\".framer-BHJnP .framer-177u6pg { flex: none; height: 30px; position: relative; width: 31px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-BHJnP.framer-1lciyqh { gap: 0px; } .framer-BHJnP.framer-1lciyqh > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-BHJnP.framer-1lciyqh > :first-child { margin-left: 0px; } .framer-BHJnP.framer-1lciyqh > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 30\n * @framerIntrinsicWidth 31\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerGDNpReCJz=withCSS(Component,css,\"framer-BHJnP\");export default FramerGDNpReCJz;FramerGDNpReCJz.displayName=\"Scroll Down Arrow\";FramerGDNpReCJz.defaultProps={height:30,width:31};addFonts(FramerGDNpReCJz,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerGDNpReCJz\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"31\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicHeight\":\"30\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GDNpReCJz.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 240\n * @framerIntrinsicHeight 240\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */function BlurGradient({blur,borderRadius,direction,transition}){const blurSteps=useMemo(()=>[{blur:`${blur/2/2/2/2/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 37.5%`},{blur:`${blur/2/2/2/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 0) 50%`},{blur:`${blur/2/2/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 62.5%`},{blur:`${blur/2/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 75%`},{blur:`${blur/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 87.5%`},{blur:`${blur/2/2}px`,gradient:`rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%`},{blur:`${blur/2}px`,gradient:`rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 1) 100%`},{blur:`${blur}px`,gradient:`rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 1) 100%`}],[blur]);return /*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,overflow:\"hidden\"},children:blurSteps.map((step,index)=>/*#__PURE__*/_jsx(motion.div,{transition:transition,initial:{backdropFilter:`blur(${step.blur})`},animate:{backdropFilter:`blur(${step.blur})`},style:{opacity:1,position:\"absolute\",inset:0,zIndex:index+1,maskImage:`linear-gradient(${direction}, ${step.gradient})`,WebkitMaskImage:`linear-gradient(${direction}, ${step.gradient})`,borderRadius:borderRadius,pointerEvents:\"none\"}},index))});}BlurGradient.defaultProps={blur:10,borderRadius:\"0px\",direction:\"toBottom\",transition:{duration:.3}};addPropertyControls(BlurGradient,{blur:{title:\"Blur\",type:ControlType.Number,defaultValue:10,min:0,max:100,step:1,description:\"Large blur values (10<) can impact performance.\"},borderRadius:{title:\"Radius\",type:ControlType.BorderRadius,defaultValue:\"0px\",description:\"Blur Gradient component's parent frame can't have border radius (it will break the component). If you need corner radius, apply it directly to the Blur Gradient component here.\"},direction:{title:\"Direction\",type:ControlType.SegmentedEnum,options:[\"to bottom\",\"to top\",\"to left\",\"to right\"],optionTitles:[\"\u2193\",\"\u2191\",\"\u2190\",\"\u2192\"],defaultValue:\"to bottom\"},transition:{type:ControlType.Transition,defaultValue:{duration:.3},title:\"Transition\",description:\"Control how the blur animates when used on hover states or any othe interaction.\\n\\nMore components at [Framer University](https://frameruni.link/cc).\"}});BlurGradient.displayName=\"Blur Gradient\";export default BlurGradient;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlurGradient\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"240\",\"framerIntrinsicWidth\":\"240\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlurGradient_Prod.map"], "mappings": "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", "names": ["serializationHash", "variantClassNames", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "getProps", "height", "id", "width", "props", "createLayoutDependency", "variants", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "variantClassNames", "layoutDependency", "scopingClassNames", "cx", "serializationHash", "ref1", "pe", "defaultLayoutId", "ae", "componentViewport", "useComponentViewport", "LayoutGroup", "SVG", "css", "FramerGDNpReCJz", "withCSS", "GDNpReCJz_default", "addFonts", "BlurGradient", "blur", "borderRadius", "direction", "transition", "blurSteps", "se", "p", "step", "index", "motion", "addPropertyControls", "ControlType", "BlurGradient_Prod_default"] }