{
  "version": 3,
  "sources": ["ssg: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": "yFAIkB,SAARA,EAAwCC,EAAM,CAAC,GAAK,CAAC,UAAAC,EAAU,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,UAAAC,EAAU,UAAAC,EAAU,UAAAC,EAAU,MAAAC,EAAM,MAAAC,EAAM,MAAAC,EAAM,KAAAC,EAAK,UAAAC,EAAU,UAAAC,CAAS,EAAEb,EAClKc,EAAU,CAAC,EACjBA,EAAU,KAAK,6BAA6BT,CAAS,KAAKH,CAAM,oBAAoBM,CAAK,IAAI,EAC1FI,GAAWT,GAAQW,EAAU,KAAK,6BAA6BR,CAAS,KAAKH,CAAM,oBAAoBM,CAAK,IAAI,EAChHI,GAAWT,GAAQU,EAAU,KAAK,6BAA6BP,CAAS,KAAKH,CAAM,oBAAoBM,CAAK,IAAI,EAAG,IAAMK,EAAgBD,EAAU,KAAK,IAAI,EAAE,OAAoBE,EAAK,MAAM,CAAC,MAAM,CAAC,GAAGhB,EAAM,MAAM,MAAM,OAAO,OAAO,OAAO,SAAS,QAAQ,UAAU,QAAQ,gBAAgBC,EAAU,gBAAAc,EAAgB,eAAe,QAAQ,mBAAmB,SAAS,iBAAiB,YAAY,OAAO,QAAQJ,CAAI,MAAM,SAAS,UAAU,CAAC,CAAC,CAAE,CAACM,EAAoBlB,EAAuB,CAAC,UAAU,CAAC,KAAKmB,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,OAAO,CAAC,KAAKA,EAAY,MAAM,MAAM,UAAU,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,QAAQ,MAAM,cAAc,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,EAAE,OAAO,CAAC,KAAKA,EAAY,MAAM,MAAM,UAAU,aAAa,UAAU,OAAO,CAAC,CAAC,UAAAN,CAAS,IAAI,CAACA,CAAS,EAAE,UAAU,CAAC,KAAKM,EAAY,QAAQ,MAAM,cAAc,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,EAAE,OAAO,CAAC,KAAKA,EAAY,MAAM,MAAM,UAAU,aAAa,UAAU,OAAO,CAAC,CAAC,UAAAL,CAAS,IAAI,CAACA,CAAS,EAAE,UAAU,CAAC,KAAKK,EAAY,OAAO,MAAM,aAAa,aAAa,UAAU,YAAY,cAAc,EAAE,UAAU,CAAC,KAAKA,EAAY,OAAO,MAAM,aAAa,aAAa,UAAU,YAAY,eAAe,OAAO,CAAC,CAAC,UAAAN,CAAS,IAAI,CAACA,CAAS,EAAE,UAAU,CAAC,KAAKM,EAAY,OAAO,MAAM,aAAa,aAAa,UAAU,YAAY,eAAe,OAAO,CAAC,CAAC,UAAAL,CAAS,IAAI,CAACA,CAAS,EAAE,MAAM,CAAC,KAAKK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,IAAI,OAAO,CAAC,CAAC,UAAAN,CAAS,IAAI,CAACA,CAAS,EAAE,MAAM,CAAC,KAAKM,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,IAAI,OAAO,CAAC,CAAC,UAAAL,CAAS,IAAI,CAACA,CAAS,EAAE,KAAK,CAAC,KAAKK,EAAY,OAAO,MAAM,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC",
  "names": ["MeshGradientBackground", "props", "baseColor", "color1", "color2", "color3", "position1", "position2", "position3", "size1", "size2", "size3", "blur", "useColor2", "useColor3", "gradients", "backgroundImage", "p", "addPropertyControls", "ControlType"]
}