{"version":3,"file":"InspiraGradientMeshBackground.BAyHi20S.mjs","names":[],"sources":["https:/framerusercontent.com/modules/guQggEqTZQpKnAQEwvHv/K5H34CBWV4xIsdla39vu/InspiraGradientMeshBackground.js"],"sourcesContent":["// Copy this file into a Framer code component, or edit it there. Depends on `framer` + `framer-motion` (provided by Framer).\n// https://www.framer.com/developers\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";const BASE_ORB_STYLE={position:\"absolute\",borderRadius:\"9999px\",pointerEvents:\"none\"};// --- Pulse orbs (opacity + scale “breathe”) ---------------------------------\n// Raising speeds / amplitudes makes the mesh feel more alive; lowering feels calmer.\n/** Seconds for one full pulse loop. Lower = faster breathing; higher = slower, heavier pulse. */const PULSE_DURATION_S=4;/** Opacity at the start/end of each pulse (the “bright” points). Higher = stronger glow; very high can look flat. */const PULSE_OPACITY_HIGH=.6;/**\n * Opacity at the middle of the pulse (the “dip”). Lower = more contrast / flicker;\n * too low can read as blinking. Raise toward PULSE_OPACITY_HIGH to soften.\n */const PULSE_OPACITY_LOW=.22;/**\n * Max scale during the pulse (1 = no growth). This is the main “size” of the motion.\n * Was ~1.1; 1.15–1.22 is a noticeable bump; much beyond ~1.28 can look glitchy with heavy blur.\n */const PULSE_SCALE_MAX=1.18;// --- Float orbs (slow translate + rotate drift) -----------------------------\n// These values are in px (x, y) and degrees (rotate). Bigger = wider wander / more tilt.\n/** Seconds for one full float loop. Lower = faster drift; higher = lazier, oceanic motion. */const FLOAT_DURATION_S=8;/**\n * Horizontal drift path (keyframes at times below). |middle values| = how far it slides\n * right (positive) or left (negative) from rest. Increase both for wider side-to-side travel.\n */const FLOAT_X=[0,25,-32,0];/**\n * Vertical drift path. More negative = orb rises higher mid-path; adjust mid values to\n * change how “tall” the figure-eight / loop feels.\n */const FLOAT_Y=[0,-37,-24,0];/**\n * Rotation through the same keyframe times. Larger degrees = more noticeable tilt while drifting;\n * keep small (±1–4) for subtlety.\n */const FLOAT_ROTATE=[0,3.6,-3,0];/**\n * Where each float keyframe sits in the loop (0 → 1). Pull values toward 0 or 1 to\n * linger longer near start/end; squeeze the middle two closer to make the motion “snappier” mid-path.\n */const FLOAT_TIMES=[0,.33,.66,1];/** Stagger: seconds each orb waits before its loop starts (same order as JSX). Higher = more desync between orbs. */const PULSE_DELAYS_S=[0,1,5]// top-left, center, bottom-right pulse orbs\n;const FLOAT_DELAYS_S=[2,4,3]// upper-right, lower-left, upper-right-small float orbs\n;// ---------------------------------------------------------------------------\nconst PULSE_REPEAT={duration:PULSE_DURATION_S,repeat:Infinity,ease:\"easeInOut\"};const FLOAT_REPEAT={duration:FLOAT_DURATION_S,repeat:Infinity,ease:\"easeInOut\",times:[...FLOAT_TIMES]};function pulseTransition(delay,enabled){return enabled?{...PULSE_REPEAT,delay}:{duration:0};}function floatTransition(delay,enabled){return enabled?{...FLOAT_REPEAT,delay}:{duration:0};}/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function InspiraGradientMeshBackground(props){const{gradientStart,gradientMid,gradientEnd,blur,animateOrbs,style,children}=props;const baseGradient=`linear-gradient(to bottom right, ${gradientStart}, ${gradientMid}, ${gradientEnd})`;const blurFilter=`blur(${blur}px)`;const pulseLoop={opacity:[PULSE_OPACITY_HIGH,PULSE_OPACITY_LOW,PULSE_OPACITY_HIGH],scale:[1,PULSE_SCALE_MAX,1]};const pulseRest=opacity=>({opacity,scale:1});const floatLoop={x:[...FLOAT_X],y:[...FLOAT_Y],rotate:[...FLOAT_ROTATE]};const floatRest={x:0,y:0,rotate:0};return /*#__PURE__*/_jsxs(motion.div,{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",margin:0,background:baseGradient,...style},children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",inset:0,overflow:\"hidden\"},\"aria-hidden\":true,children:[/*#__PURE__*/_jsx(motion.div,{animate:animateOrbs?pulseLoop:pulseRest(.6),transition:pulseTransition(PULSE_DELAYS_S[0],animateOrbs),style:{...BASE_ORB_STYLE,top:\"25%\",left:\"25%\",width:\"clamp(12rem, 40vw, 24rem)\",height:\"clamp(12rem, 40vw, 24rem)\",background:\"linear-gradient(to right, #4EADEB, #67e8f9)\",filter:blurFilter}}),/*#__PURE__*/_jsx(motion.div,{animate:animateOrbs?floatLoop:floatRest,transition:floatTransition(FLOAT_DELAYS_S[0],animateOrbs),style:{...BASE_ORB_STYLE,top:\"33%\",right:\"25%\",width:\"clamp(10rem, 33vw, 20rem)\",height:\"clamp(10rem, 33vw, 20rem)\",background:\"linear-gradient(to right, #FF9067, #f9a8d4)\",opacity:.5,filter:blurFilter}}),/*#__PURE__*/_jsx(motion.div,{animate:animateOrbs?floatLoop:floatRest,transition:floatTransition(FLOAT_DELAYS_S[1],animateOrbs),style:{...BASE_ORB_STYLE,bottom:\"33%\",left:\"33%\",width:\"clamp(9rem,30vw,18rem)\",height:\"clamp(9rem,30vw,18rem)\",background:\"linear-gradient(to right, #B36DA0, #4EADEB)\",opacity:.4,filter:blurFilter}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"50%\",left:\"50%\",width:\"clamp(8rem, 28vw, 16rem)\",height:\"clamp(8rem, 28vw, 16rem)\",transform:\"translate(-50%, -50%)\",pointerEvents:\"none\"},children:/*#__PURE__*/_jsx(motion.div,{animate:animateOrbs?pulseLoop:pulseRest(.3),transition:pulseTransition(PULSE_DELAYS_S[1],animateOrbs),style:{width:\"100%\",height:\"100%\",borderRadius:\"9999px\",filter:blurFilter,background:\"linear-gradient(to right, #fde047, #FF9067)\"}})}),/*#__PURE__*/_jsx(motion.div,{animate:animateOrbs?floatLoop:floatRest,transition:floatTransition(FLOAT_DELAYS_S[2],animateOrbs),style:{...BASE_ORB_STYLE,top:\"16.67%\",right:\"33%\",width:\"clamp(7rem, 25vw, 14rem)\",height:\"clamp(7rem, 25vw, 14rem)\",background:\"linear-gradient(to right, #f472b6, #B36DA0)\",opacity:.35,filter:blurFilter}}),/*#__PURE__*/_jsx(motion.div,{animate:animateOrbs?pulseLoop:pulseRest(.25),transition:pulseTransition(PULSE_DELAYS_S[2],animateOrbs),style:{...BASE_ORB_STYLE,bottom:\"25%\",right:\"16.67%\",width:\"clamp(6rem, 22vw, 12rem)\",height:\"clamp(6rem, 22vw, 12rem)\",background:\"linear-gradient(to right, #67e8f9, #4EADEB)\",filter:blurFilter}})]}),children!=null?/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",zIndex:1,width:\"100%\",minHeight:\"100%\",height:\"100%\"},children:children}):null]});}addPropertyControls(InspiraGradientMeshBackground,{gradientStart:{title:\"Gradient start\",type:ControlType.Color,defaultValue:\"#60a5fa\"},gradientMid:{title:\"Gradient mid\",type:ControlType.Color,defaultValue:\"#d8b4fe\"},gradientEnd:{title:\"Gradient end\",type:ControlType.Color,defaultValue:\"#fdba74\"},blur:{title:\"Orb blur\",type:ControlType.Number,defaultValue:64,min:24,max:120,step:4,displayStepper:true},animateOrbs:{title:\"Animate orbs\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"InspiraGradientMeshBackground\",\"slots\":[\"children\"],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./InspiraGradientMeshBackground.map"],"mappings":"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"}