{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/rofp3mS0LNY15cjhHzia/mqQEarGIByho1rG31aTv/BlurGradient_Prod.js"],
  "sourcesContent": ["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": "uGAQG,SAASA,EAAa,CAAC,KAAAC,EAAK,aAAAC,EAAa,UAAAC,EAAU,WAAAC,CAAU,EAAE,CAAC,IAAMC,EAAUC,EAAQ,IAAI,CAAC,CAAC,KAAK,GAAGL,EAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,SAAS,2FAA2F,EAAE,CAAC,KAAK,GAAGA,EAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,SAAS,4FAA4F,EAAE,CAAC,KAAK,GAAGA,EAAK,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,SAAS,4FAA4F,EAAE,CAAC,KAAK,GAAGA,EAAK,EAAE,EAAE,EAAE,CAAC,KAAK,SAAS,4FAA4F,EAAE,CAAC,KAAK,GAAGA,EAAK,EAAE,EAAE,CAAC,KAAK,SAAS,4FAA4F,EAAE,CAAC,KAAK,GAAGA,EAAK,EAAE,CAAC,KAAK,SAAS,6FAA6F,EAAE,CAAC,KAAK,GAAGA,EAAK,CAAC,KAAK,SAAS,qEAAqE,EAAE,CAAC,KAAK,GAAGA,CAAI,KAAK,SAAS,+CAA+C,CAAC,EAAE,CAACA,CAAI,CAAC,EAAE,OAAoBM,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,SAAS,QAAQ,EAAE,SAASF,EAAU,IAAI,CAACG,EAAKC,IAAqBF,EAAKG,EAAO,IAAI,CAAC,WAAWN,EAAW,QAAQ,CAAC,eAAe,QAAQI,EAAK,IAAI,GAAG,EAAE,QAAQ,CAAC,eAAe,QAAQA,EAAK,IAAI,GAAG,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,WAAW,MAAM,EAAE,OAAOC,EAAM,EAAE,UAAU,mBAAmBN,CAAS,KAAKK,EAAK,QAAQ,IAAI,gBAAgB,mBAAmBL,CAAS,KAAKK,EAAK,QAAQ,IAAI,aAAaN,EAAa,cAAc,MAAM,CAAC,EAAEO,CAAK,CAAC,CAAC,CAAC,CAAE,CAACT,EAAa,aAAa,CAAC,KAAK,GAAG,aAAa,MAAM,UAAU,WAAW,WAAW,CAAC,SAAS,EAAE,CAAC,EAAEW,EAAoBX,EAAa,CAAC,KAAK,CAAC,MAAM,OAAO,KAAKY,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,YAAY,iDAAiD,EAAE,aAAa,CAAC,MAAM,SAAS,KAAKA,EAAY,aAAa,aAAa,MAAM,YAAY,kLAAkL,EAAE,UAAU,CAAC,MAAM,YAAY,KAAKA,EAAY,cAAc,QAAQ,CAAC,YAAY,SAAS,UAAU,UAAU,EAAE,aAAa,CAAC,SAAI,SAAI,SAAI,QAAG,EAAE,aAAa,WAAW,EAAE,WAAW,CAAC,KAAKA,EAAY,WAAW,aAAa,CAAC,SAAS,EAAE,EAAE,MAAM,aAAa,YAAY;AAAA;AAAA,mEAAwJ,CAAC,CAAC,EAAEZ,EAAa,YAAY,gBAAgB,IAAOa,EAAQb",
  "names": ["BlurGradient", "blur", "borderRadius", "direction", "transition", "blurSteps", "se", "p", "step", "index", "motion", "addPropertyControls", "ControlType", "BlurGradient_Prod_default"]
}