{"version":3,"file":"MeshGradientBackground.Dkg5NGtw.mjs","names":[],"sources":["https:/framerusercontent.com/modules/RI9sKsWzeD3Lz2SL0xzU/5rZS40xTzfsAEIxD27iH/MeshGradientBackground.js"],"sourcesContent":["// Responsive mesh background component with 1-3 blended colors and blur effect\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function MeshGradientBackground(props){const{baseColor,color1,color2,color3,position1,position2,position3,size1,size2,size3,blur,useColor2,useColor3}=props;// Build gradient layers based on enabled colors\nconst gradients=[];// Always include color1\ngradients.push(`radial-gradient(circle at ${position1}, ${color1} 0%, transparent ${size1}%)`);// Add color2 if enabled\nif(useColor2&&color2){gradients.push(`radial-gradient(circle at ${position2}, ${color2} 0%, transparent ${size2}%)`);}// Add color3 if enabled\nif(useColor3&&color3){gradients.push(`radial-gradient(circle at ${position3}, ${color3} 0%, transparent ${size3}%)`);}const backgroundImage=gradients.join(\", \");return /*#__PURE__*/_jsx(\"div\",{style:{...props.style,width:\"100%\",height:\"100%\",minWidth:\"200px\",minHeight:\"200px\",backgroundColor:baseColor,backgroundImage,backgroundSize:\"cover\",backgroundPosition:\"center\",backgroundRepeat:\"no-repeat\",filter:`blur(${blur}px)`,position:\"relative\"}});}addPropertyControls(MeshGradientBackground,{baseColor:{type:ControlType.Color,title:\"Base Color\",defaultValue:\"#000000\"},color1:{type:ControlType.Color,title:\"Color 1\",defaultValue:\"#FF5588\"},useColor2:{type:ControlType.Boolean,title:\"Use Color 2\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},color2:{type:ControlType.Color,title:\"Color 2\",defaultValue:\"#8855FF\",hidden:({useColor2})=>!useColor2},useColor3:{type:ControlType.Boolean,title:\"Use Color 3\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},color3:{type:ControlType.Color,title:\"Color 3\",defaultValue:\"#0099FF\",hidden:({useColor3})=>!useColor3},position1:{type:ControlType.String,title:\"Position 1\",defaultValue:\"30% 40%\",placeholder:\"e.g. 30% 40%\"},position2:{type:ControlType.String,title:\"Position 2\",defaultValue:\"70% 20%\",placeholder:\"e.g. 70% 20%\",hidden:({useColor2})=>!useColor2},position3:{type:ControlType.String,title:\"Position 3\",defaultValue:\"50% 80%\",placeholder:\"e.g. 50% 80%\",hidden:({useColor3})=>!useColor3},size1:{type:ControlType.Number,title:\"Size 1\",defaultValue:60,min:10,max:100,unit:\"%\"},size2:{type:ControlType.Number,title:\"Size 2\",defaultValue:50,min:10,max:100,unit:\"%\",hidden:({useColor2})=>!useColor2},size3:{type:ControlType.Number,title:\"Size 3\",defaultValue:70,min:10,max:100,unit:\"%\",hidden:({useColor3})=>!useColor3},blur:{type:ControlType.Number,title:\"Blur\",defaultValue:40,min:0,max:100,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MeshGradientBackground\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MeshGradientBackground.map"],"mappings":"iOAIG,SAAwB,EAAuB,EAAM,CAAC,GAAK,CAAC,YAAU,SAAO,SAAO,SAAO,YAAU,YAAU,YAAU,QAAM,QAAM,QAAM,OAAK,YAAU,aAAW,EAClK,EAAU,EAAE,CAClB,EAAU,KAAK,6BAA6B,EAAU,IAAI,EAAO,mBAAmB,EAAM,IAAI,CAC3F,GAAW,GAAQ,EAAU,KAAK,6BAA6B,EAAU,IAAI,EAAO,mBAAmB,EAAM,IAAI,CACjH,GAAW,GAAQ,EAAU,KAAK,6BAA6B,EAAU,IAAI,EAAO,mBAAmB,EAAM,IAAI,CAAE,IAAM,EAAgB,EAAU,KAAK,KAAK,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,MAAM,MAAM,OAAO,OAAO,OAAO,SAAS,QAAQ,UAAU,QAAQ,gBAAgB,EAAU,kBAAgB,eAAe,QAAQ,mBAAmB,SAAS,iBAAiB,YAAY,OAAO,QAAQ,EAAK,KAAK,SAAS,WAAW,CAAC,CAAC,kBAPnZ,IAAoD,CAOiW,EAAoB,EAAuB,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,aAAa,UAAU,CAAC,UAAU,CAAC,KAAK,EAAY,QAAQ,MAAM,cAAc,aAAa,GAAK,aAAa,KAAK,cAAc,MAAM,CAAC,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,aAAa,UAAU,QAAQ,CAAC,eAAa,CAAC,EAAU,CAAC,UAAU,CAAC,KAAK,EAAY,QAAQ,MAAM,cAAc,aAAa,GAAK,aAAa,KAAK,cAAc,MAAM,CAAC,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,aAAa,UAAU,QAAQ,CAAC,eAAa,CAAC,EAAU,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,UAAU,YAAY,eAAe,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,UAAU,YAAY,eAAe,QAAQ,CAAC,eAAa,CAAC,EAAU,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,UAAU,YAAY,eAAe,QAAQ,CAAC,eAAa,CAAC,EAAU,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,IAAI,QAAQ,CAAC,eAAa,CAAC,EAAU,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,IAAI,QAAQ,CAAC,eAAa,CAAC,EAAU,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,CAAC"}