{"version":3,"file":"AnimatedGradientBorder.BION6fgo.mjs","names":[],"sources":["https:/framerusercontent.com/modules/TibUmUVsaELiokxzokxT/gL2PhtwSoW5mkq4ygqoh/AnimatedGradientBorder.js"],"sourcesContent":["// Animated gradient border box component\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function AnimatedGradientBorder(props){const{borderWidth,borderRadius,backgroundColor,gradientColor1,gradientColor2,gradientColor3,animationSpeed,style}=props;return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",borderRadius,padding:borderWidth,overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",top:-borderWidth,left:-borderWidth,right:-borderWidth,bottom:-borderWidth,background:`linear-gradient(90deg, ${gradientColor1}, ${gradientColor2}, ${gradientColor3}, ${gradientColor1})`,backgroundSize:\"200% 100%\",borderRadius},animate:{backgroundPosition:[\"0% 0%\",\"-200% 0%\"]},transition:{duration:animationSpeed,repeat:Infinity,ease:\"linear\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",backgroundColor,borderRadius:borderRadius-borderWidth,zIndex:1}})]});}addPropertyControls(AnimatedGradientBorder,{borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:3,min:1,max:20,step:1,unit:\"px\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:16,min:0,max:100,step:1,unit:\"px\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},gradientColor1:{type:ControlType.Color,title:\"Gradient Color 1\",defaultValue:\"#0099FF\"},gradientColor2:{type:ControlType.Color,title:\"Gradient Color 2\",defaultValue:\"#8855FF\"},gradientColor3:{type:ControlType.Color,title:\"Gradient Color 3\",defaultValue:\"#FF5588\"},animationSpeed:{type:ControlType.Number,title:\"Animation Speed\",defaultValue:3,min:.5,max:10,step:.5,unit:\"s\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AnimatedGradientBorder\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedGradientBorder.map"],"mappings":"sNAIG,SAAwB,EAAuB,EAAM,CAAC,GAAK,CAAC,cAAY,eAAa,kBAAgB,iBAAe,iBAAe,iBAAe,iBAAe,SAAO,EAAM,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,eAAa,QAAQ,EAAY,SAAS,QAAQ,EAAE,SAAS,CAAc,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,CAAC,EAAY,KAAK,CAAC,EAAY,MAAM,CAAC,EAAY,OAAO,CAAC,EAAY,WAAW,0BAA0B,EAAe,IAAI,EAAe,IAAI,EAAe,IAAI,EAAe,GAAG,eAAe,YAAY,cAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,UAAU,CAAC,EAAE,WAAW,CAAC,SAAS,EAAe,OAAO,IAAS,KAAK,QAAQ,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,kBAAgB,aAAa,EAAa,EAAY,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBAH9zB,IAAkC,IAAoD,EAGyuB,EAAoB,EAAuB,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,IAAI,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,SAAS,EAAE,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,SAAS,EAAE,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,SAAS,EAAE,eAAe,CAAC,KAAK,EAAY,OAAO,MAAM,kBAAkB,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC"}