{"version":3,"file":"GradientOverlay.DPME75DM.mjs","names":[],"sources":["https:/framerusercontent.com/modules/kZJ8okTPxC87b3Nj6OO0/n4KHxgpVtsMTmnlSBr3u/GradientOverlay.js"],"sourcesContent":["// Smooth linear gradient overlay with extensive customization options\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function GradientOverlay(props){const{angle,colorStops,opacity,blendMode,easing,style}=props;// Apply easing function to color stop positions\nconst easedColorStops=colorStops.map(stop=>{const normalizedPosition=stop.position/100;let easedPosition=normalizedPosition;switch(easing){case\"linear\":easedPosition=normalizedPosition;break;case\"ease-in\":easedPosition=normalizedPosition*normalizedPosition;break;case\"ease-out\":easedPosition=1-Math.pow(1-normalizedPosition,2);break;case\"ease-in-out\":easedPosition=normalizedPosition<.5?2*normalizedPosition*normalizedPosition:1-Math.pow(-2*normalizedPosition+2,2)/2;break;case\"ease-in-cubic\":easedPosition=Math.pow(normalizedPosition,3);break;case\"ease-out-cubic\":easedPosition=1-Math.pow(1-normalizedPosition,3);break;case\"ease-in-out-cubic\":easedPosition=normalizedPosition<.5?4*Math.pow(normalizedPosition,3):1-Math.pow(-2*normalizedPosition+2,3)/2;break;case\"ease-in-quart\":easedPosition=Math.pow(normalizedPosition,4);break;case\"ease-out-quart\":easedPosition=1-Math.pow(1-normalizedPosition,4);break;case\"ease-in-out-quart\":easedPosition=normalizedPosition<.5?8*Math.pow(normalizedPosition,4):1-Math.pow(-2*normalizedPosition+2,4)/2;break;}return{...stop,position:easedPosition*100};});const gradientString=`linear-gradient(${angle}deg, ${easedColorStops.map(stop=>`${stop.color} ${stop.position}%`).join(\", \")})`;return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:\"100%\",height:\"100%\",background:gradientString,opacity:opacity,mixBlendMode:blendMode,position:\"relative\"}});}addPropertyControls(GradientOverlay,{angle:{type:ControlType.Number,title:\"Angle\",defaultValue:180,min:0,max:360,step:1,unit:\"deg\"},colorStops:{type:ControlType.Array,title:\"Color Stops\",control:{type:ControlType.Object,controls:{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"},position:{type:ControlType.Number,title:\"Position\",defaultValue:0,min:0,max:100,step:1,unit:\"%\"}}},defaultValue:[{color:\"#000000\",position:0},{color:\"#FFFFFF\",position:100}]},opacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:1,min:0,max:1,step:.01},blendMode:{type:ControlType.Enum,title:\"Blend Mode\",options:[\"normal\",\"multiply\",\"screen\",\"overlay\",\"darken\",\"lighten\",\"color-dodge\",\"color-burn\",\"hard-light\",\"soft-light\",\"difference\",\"exclusion\",\"hue\",\"saturation\",\"color\",\"luminosity\"],optionTitles:[\"Normal\",\"Multiply\",\"Screen\",\"Overlay\",\"Darken\",\"Lighten\",\"Color Dodge\",\"Color Burn\",\"Hard Light\",\"Soft Light\",\"Difference\",\"Exclusion\",\"Hue\",\"Saturation\",\"Color\",\"Luminosity\"],defaultValue:\"normal\",displaySegmentedControl:false},easing:{type:ControlType.Enum,title:\"Easing\",options:[\"linear\",\"ease-in\",\"ease-out\",\"ease-in-out\",\"ease-in-cubic\",\"ease-out-cubic\",\"ease-in-out-cubic\",\"ease-in-quart\",\"ease-out-quart\",\"ease-in-out-quart\"],optionTitles:[\"Linear\",\"Ease In\",\"Ease Out\",\"Ease In-Out\",\"Ease In Cubic\",\"Ease Out Cubic\",\"Ease In-Out Cubic\",\"Ease In Quart\",\"Ease Out Quart\",\"Ease In-Out Quart\"],defaultValue:\"linear\",displaySegmentedControl:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientOverlay\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"200\",\"framerIntrinsicHeight\":\"200\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientOverlay.map"],"mappings":"4JAMG,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,QAAM,aAAW,UAAQ,YAAU,SAAO,SAAO,EACi+B,EAAe,mBAAmB,EAAM,OAA5lC,EAAW,IAAI,GAAM,CAAC,IAAM,EAAmB,EAAK,SAAS,IAAQ,EAAc,EAAmB,OAAO,EAAP,CAAe,IAAI,SAAS,EAAc,EAAmB,MAAM,IAAI,UAAU,EAAc,EAAmB,EAAmB,MAAM,IAAI,WAAW,EAAc,GAAW,EAAE,IAAmB,EAAG,MAAM,IAAI,cAAc,EAAc,EAAmB,GAAG,EAAE,EAAmB,EAAmB,GAAW,GAAG,EAAmB,IAAE,EAAG,EAAE,MAAM,IAAI,gBAAgB,EAAuB,GAAmB,EAAG,MAAM,IAAI,iBAAiB,EAAc,GAAW,EAAE,IAAmB,EAAG,MAAM,IAAI,oBAAoB,EAAc,EAAmB,GAAG,EAAW,GAAmB,EAAG,GAAW,GAAG,EAAmB,IAAE,EAAG,EAAE,MAAM,IAAI,gBAAgB,EAAuB,GAAmB,EAAG,MAAM,IAAI,iBAAiB,EAAc,GAAW,EAAE,IAAmB,EAAG,MAAM,IAAI,oBAAoB,EAAc,EAAmB,GAAG,EAAW,GAAmB,EAAG,GAAW,GAAG,EAAmB,IAAE,EAAG,EAAE,MAAO,MAAM,CAAC,GAAG,EAAK,SAAS,EAAc,IAAI,EAAG,CAAsE,IAAI,GAAM,GAAG,EAAK,MAAM,GAAG,EAAK,SAAS,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,OAAO,OAAO,WAAW,EAAuB,UAAQ,aAAa,EAAU,SAAS,WAAW,CAAC,CAAC,kBAN3zC,IAAoD,CAMywC,EAAoB,EAAgB,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,MAAM,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,QAAQ,CAAC,KAAK,EAAY,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,UAAU,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,UAAU,SAAS,EAAE,CAAC,CAAC,MAAM,UAAU,SAAS,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,QAAQ,CAAC,SAAS,WAAW,SAAS,UAAU,SAAS,UAAU,cAAc,aAAa,aAAa,aAAa,aAAa,YAAY,MAAM,aAAa,QAAQ,aAAa,CAAC,aAAa,CAAC,SAAS,WAAW,SAAS,UAAU,SAAS,UAAU,cAAc,aAAa,aAAa,aAAa,aAAa,YAAY,MAAM,aAAa,QAAQ,aAAa,CAAC,aAAa,SAAS,wBAAwB,GAAM,CAAC,OAAO,CAAC,KAAK,EAAY,KAAK,MAAM,SAAS,QAAQ,CAAC,SAAS,UAAU,WAAW,cAAc,gBAAgB,iBAAiB,oBAAoB,gBAAgB,iBAAiB,oBAAoB,CAAC,aAAa,CAAC,SAAS,UAAU,WAAW,cAAc,gBAAgB,iBAAiB,oBAAoB,gBAAgB,iBAAiB,oBAAoB,CAAC,aAAa,SAAS,wBAAwB,GAAM,CAAC,CAAC"}