{"version":3,"file":"ColorGradient.B0DwkKay.mjs","names":["useMemo","__esmMin","init_ssg_sandbox_shims","window","pe","c","init_jsx_runtime","init_npm_react_18_3_1","addPropertyControls","init_framer_DymZktPS","ControlType","GradientComponent","props","gradientStyle","rgb","tempDiv","colorValue","computedColor","rgbMatch","hex","color","transparentColor","opacity","style","init_ColorGradient"],"sources":["https:/framerusercontent.com/modules/jkPN31kymhRGa6K7MAbw/zGQLYXLIU90rF4CerX24/ColorGradient.js"],"sourcesContent":["// Gradient component with customizable color and opacity\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo}from\"react\";/**\n * Gradient Component\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function GradientComponent(props){const{color,opacity,style}=props;const gradientStyle=useMemo(()=>{// Handle different color formats (hex, rgb, hsl, etc.)\nconst parseColor=colorValue=>{// Create a temporary element to get computed color\nif(typeof document!==\"undefined\"){const tempDiv=document.createElement(\"div\");tempDiv.style.color=colorValue;document.body.appendChild(tempDiv);const computedColor=window.getComputedStyle(tempDiv).color;document.body.removeChild(tempDiv);// Extract RGB values from computed color\nconst rgbMatch=computedColor.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/);if(rgbMatch){return{r:parseInt(rgbMatch[1]),g:parseInt(rgbMatch[2]),b:parseInt(rgbMatch[3])};}}// Fallback for hex colors\nconst hex=colorValue.replace(\"#\",\"\");if(hex.length===6){return{r:parseInt(hex.substr(0,2),16),g:parseInt(hex.substr(2,2),16),b:parseInt(hex.substr(4,2),16)};}// Default fallback\nreturn{r:0,g:0,b:0};};const rgb=parseColor(color);const transparentColor=`rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0)`;const opaqueColor=`rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${opacity})`;return{background:`linear-gradient(0deg, ${transparentColor} 0%, ${opaqueColor} 50%, ${transparentColor} 100%)`};},[color,opacity]);return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:\"100%\",height:\"100%\",...gradientStyle}});}addPropertyControls(GradientComponent,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"},opacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:.8,min:0,max:1,step:.01}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientComponent\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ColorGradient.map"],"mappings":"A,wLAMG,SAAwBW,EAAkB,EAAM,CAAC,GAAK,CAAC,QAAM,UAAQ,SAAOC,EAAYC,EAAcb,MAAY,CAK/F,IAAMc,GAJX,GAAY,CAC7B,GAAG,OAAO,SAAW,IAAY,CAAC,IAAMC,EAAQ,SAAS,cAAc,KAAK,EAAE,EAAQ,MAAM,MAAMC,EAAW,SAAS,KAAK,YAAYD,CAAO,EAAE,IAAME,EAAcd,EAAO,iBAAiBY,CAAO,CAAC,CAAC,MAAM,SAAS,KAAK,YAAYA,CAAO,EAC5O,IAAMG,EAASD,EAAc,MAAM,gCAAgC,EAAE,GAAGC,EAAU,MAAM,CAAC,EAAE,SAASA,EAAS,EAAE,EAAE,EAAE,SAASA,EAAS,EAAE,EAAE,EAAE,SAASA,EAAS,EAAE,CAAC,CAAG,CACnK,IAAMC,EAAIH,EAAW,QAAQ,IAAI,EAAE,EACnC,OADwCG,EAAI,SAAS,EAAS,CAAC,EAAE,SAASA,EAAI,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,SAASA,EAAI,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,SAASA,EAAI,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,EACrJ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAE,EAAY,CAAWC,CAAK,EAAQC,EAAiB,QAAQP,EAAI,EAAE,IAAIA,EAAI,EAAE,IAAIA,EAAI,EAAE,MAAyE,MAAM,CAAC,WAAW,yBAAyBO,EAAiB,OAAO,QAA5GP,EAAI,EAAE,IAAIA,EAAI,EAAE,IAAIA,EAAI,EAAE,IAAIQ,EAAQ,GAAkF,QAAQD,EAAiB,OAAO,CAAE,EAAE,CAACD,EAAME,CAAO,CAAC,EAAE,MAAoB,gBAAK,MAAM,CAAC,MAAM,CAAC,GAAGC,EAAM,MAAM,OAAO,OAAO,OAAO,GAAGV,CAAa,CAAC,CAAC,CAAE,C,8CAACL,EAAoBG,EAAkB,CAAC,MAAM,CAAC,KAAKD,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,aAAa,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,C"}