{"version":3,"file":"Gradients.C7NRRN2o.mjs","names":["useMemo"],"sources":["https:/framerusercontent.com/modules/dPqP9aEJqn12Bzd2yJjO/cJ2dQjR6ncRm0G9Wutgg/Gradients.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo}from\"react\";// Each preset returns a CSS background built around the angle. Accent radial\n// layers sit on top of an opaque linear base, so the surface always reads in\n// its intended light or dark register.\nconst presets={// Light: sky / brand / amber / steel tints over white surfaces.\nlightMist:a=>`radial-gradient(120% 90% at 85% -10%, rgba(93,184,224,0.18), transparent 55%), linear-gradient(${a}deg, #EAF4F8 0%, #F4F7FB 55%, #FFFFFF 100%)`,lightSkyWash:a=>`radial-gradient(110% 85% at 15% 0%, rgba(143,210,239,0.40), transparent 55%), linear-gradient(${a}deg, #B8E0F0 0%, #EAF4F8 55%, #FFFFFF 100%)`,lightSoftBrand:a=>`radial-gradient(120% 90% at 80% -10%, rgba(0,107,153,0.16), transparent 55%), linear-gradient(${a}deg, #E6F0F6 0%, #F4F7FB 60%, #FFFFFF 100%)`,lightDawn:a=>`radial-gradient(110% 85% at 88% -12%, rgba(201,138,46,0.22), transparent 55%), linear-gradient(${a}deg, #F4E6CD 0%, #FAF4E9 50%, #FFFFFF 100%)`,lightPaleSteel:a=>`radial-gradient(120% 90% at 80% -10%, rgba(91,113,128,0.12), transparent 55%), linear-gradient(${a}deg, #EAEFF6 0%, #F4F7FB 55%, #F8FAFC 100%)`,lightSkyHalo:a=>`radial-gradient(80% 70% at 50% 16%, rgba(143,210,239,0.50), rgba(143,210,239,0) 70%), linear-gradient(${a}deg, #FFFFFF 0%, #F4F7FB 100%)`,// Light brand-primary: the core #006B99 teal-blue read at low saturation\n// over white, for sections that should feel on-brand but stay light.\nlightBrandGlow:a=>`radial-gradient(115% 85% at 78% -12%, rgba(0,107,153,0.22), transparent 55%), linear-gradient(${a}deg, #D7E8F1 0%, #EEF4F9 55%, #FFFFFF 100%)`,lightBrandHaze:a=>`radial-gradient(100% 80% at 16% -4%, rgba(0,84,122,0.18), transparent 55%), radial-gradient(120% 90% at 92% 8%, rgba(93,184,224,0.30), transparent 55%), linear-gradient(${a}deg, #CFE4EF 0%, #EAF2F8 55%, #FBFDFE 100%)`,// Mesh light options — soft multi-radial blobs over a light base (no\n// angular/diagonal gradients). lightAirMesh keeps its subtle linear base.\nlightAirMesh:a=>`radial-gradient(65% 60% at 10% 6%, rgba(143,210,239,0.42), transparent 55%), radial-gradient(58% 60% at 92% 10%, rgba(201,138,46,0.14), transparent 55%), radial-gradient(80% 75% at 72% 108%, rgba(0,107,153,0.18), transparent 55%), linear-gradient(${a}deg, #FFFFFF 0%, #F4F7FB 100%)`,lightMeshAurora:()=>`radial-gradient(70% 60% at 20% 20%, rgba(143,210,239,0.45), transparent 55%), radial-gradient(65% 65% at 85% 30%, rgba(0,107,153,0.18), transparent 55%), radial-gradient(75% 70% at 50% 102%, rgba(93,184,224,0.30), transparent 55%), #FFFFFF`,lightMeshTide:()=>`radial-gradient(60% 60% at 8% 80%, rgba(0,107,153,0.20), transparent 55%), radial-gradient(70% 65% at 90% 85%, rgba(93,184,224,0.34), transparent 55%), radial-gradient(60% 55% at 60% 4%, rgba(143,210,239,0.30), transparent 55%), #F8FAFC`,lightMeshDawn:()=>`radial-gradient(65% 60% at 85% 12%, rgba(201,138,46,0.20), transparent 55%), radial-gradient(70% 65% at 12% 30%, rgba(143,210,239,0.34), transparent 55%), radial-gradient(70% 70% at 55% 108%, rgba(0,107,153,0.14), transparent 55%), #FFFDFB`,lightMeshBloom:()=>`radial-gradient(55% 55% at 30% 12%, rgba(93,184,224,0.38), transparent 55%), radial-gradient(60% 60% at 80% 38%, rgba(91,113,128,0.12), transparent 55%), radial-gradient(70% 65% at 18% 100%, rgba(0,84,122,0.16), transparent 55%), radial-gradient(50% 50% at 96% 96%, rgba(143,210,239,0.30), transparent 55%), #FFFFFF`,lightMeshDrift:()=>`radial-gradient(52% 50% at 50% 22%, rgba(143,210,239,0.36), transparent 60%), radial-gradient(55% 55% at 16% 72%, rgba(0,107,153,0.16), transparent 55%), radial-gradient(55% 55% at 86% 76%, rgba(93,184,224,0.30), transparent 55%), #F4F7FB`,// Brand card: a saturated sky-blue gradient, darker top to medium bottom, for\n// CTA panels that carry white text. Top highlight gives a soft sheen.\nbrandCard:a=>`radial-gradient(120% 80% at 50% -15%, rgba(255,255,255,0.16), transparent 60%), linear-gradient(${a}deg, #1E6F99 0%, #2F90BD 46%, #4FA9D6 100%)`,// Dark: teal / brand / amber glows over the brand near-blacks.\ndarkNight:a=>`radial-gradient(120% 90% at 50% -10%, rgba(255,255,255,0.05), transparent 55%), linear-gradient(${a}deg, #060E16 0%, #0B1620 100%)`,darkDeepSea:a=>`radial-gradient(110% 85% at 85% -10%, rgba(0,107,153,0.30), transparent 55%), linear-gradient(${a}deg, #060E16 0%, #06222F 100%)`,darkTealGlow:a=>`radial-gradient(110% 90% at 50% 115%, rgba(0,55,79,0.55), transparent 60%), linear-gradient(${a}deg, #0B1620 0%, #06222F 100%)`,darkHarbor:a=>`radial-gradient(110% 85% at 90% 110%, rgba(0,55,79,0.45), transparent 55%), radial-gradient(110% 90% at 0% -10%, rgba(93,184,224,0.22), transparent 55%), linear-gradient(${a}deg, #0B1620 0%, #06222F 100%)`,darkEmber:a=>`radial-gradient(100% 80% at 50% 115%, rgba(201,138,46,0.26), rgba(201,138,46,0) 60%), linear-gradient(${a}deg, #060E16 0%, #0B1620 100%)`,darkAbyss:a=>`radial-gradient(110% 85% at 80% 15%, rgba(0,107,153,0.26), transparent 55%), radial-gradient(110% 90% at 10% 100%, rgba(0,55,79,0.50), transparent 55%), linear-gradient(${a}deg, #060E16 0%, #06222F 100%)`,// Dark brand-primary: the core teal-blue carried into the dark register,\n// glowing #006B99 over the Darker/Deep brand bases (#00425F / #00547A).\ndarkBrandTide:a=>`radial-gradient(115% 85% at 50% -12%, rgba(0,107,153,0.48), transparent 60%), linear-gradient(${a}deg, #00314A 0%, #00547A 100%)`,darkBrandDepth:a=>`radial-gradient(110% 85% at 12% -10%, rgba(0,107,153,0.42), transparent 55%), radial-gradient(120% 90% at 88% 112%, rgba(93,184,224,0.20), transparent 55%), linear-gradient(${a}deg, #002738 0%, #00425F 100%)`};// Opaque fallback per preset so a slow paint never flashes the wrong register.\nconst fallbacks={lightMist:\"#FFFFFF\",lightSkyWash:\"#FFFFFF\",lightSoftBrand:\"#FFFFFF\",lightDawn:\"#FFFFFF\",lightPaleSteel:\"#F8FAFC\",lightSkyHalo:\"#FFFFFF\",lightBrandGlow:\"#FFFFFF\",lightBrandHaze:\"#FBFDFE\",lightAirMesh:\"#FFFFFF\",lightMeshAurora:\"#FFFFFF\",lightMeshTide:\"#F8FAFC\",lightMeshDawn:\"#FFFDFB\",lightMeshBloom:\"#FFFFFF\",lightMeshDrift:\"#F4F7FB\",brandCard:\"#2F90BD\",darkNight:\"#060E16\",darkDeepSea:\"#060E16\",darkTealGlow:\"#0B1620\",darkHarbor:\"#0B1620\",darkEmber:\"#060E16\",darkAbyss:\"#060E16\",darkBrandTide:\"#00314A\",darkBrandDepth:\"#002738\"};export default function Gradients(props){const{preset=\"lightMist\",angle=135,opacity=1,radius=0,style}=props;const background=useMemo(()=>(presets[preset]??presets.lightMist)(angle),[preset,angle]);return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",borderRadius:radius,opacity,background,backgroundColor:fallbacks[preset]??\"#FFFFFF\"}});}addPropertyControls(Gradients,{preset:{type:ControlType.Enum,title:\"Preset\",options:[\"lightMist\",\"lightSkyWash\",\"lightSoftBrand\",\"lightDawn\",\"lightPaleSteel\",\"lightSkyHalo\",\"lightBrandGlow\",\"lightBrandHaze\",\"lightAirMesh\",\"lightMeshAurora\",\"lightMeshTide\",\"lightMeshDawn\",\"lightMeshBloom\",\"lightMeshDrift\",\"brandCard\",\"darkNight\",\"darkDeepSea\",\"darkTealGlow\",\"darkHarbor\",\"darkEmber\",\"darkAbyss\",\"darkBrandTide\",\"darkBrandDepth\"],optionTitles:[\"Light \\xb7 Mist\",\"Light \\xb7 Sky Wash\",\"Light \\xb7 Soft Brand\",\"Light \\xb7 Dawn\",\"Light \\xb7 Pale Steel\",\"Light \\xb7 Sky Halo\",\"Light \\xb7 Brand Glow\",\"Light \\xb7 Brand Haze\",\"Light \\xb7 Air Mesh\",\"Light \\xb7 Mesh Aurora\",\"Light \\xb7 Mesh Tide\",\"Light \\xb7 Mesh Dawn\",\"Light \\xb7 Mesh Bloom\",\"Light \\xb7 Mesh Drift\",\"Brand \\xb7 Sky Card\",\"Dark \\xb7 Night\",\"Dark \\xb7 Deep Sea\",\"Dark \\xb7 Teal Glow\",\"Dark \\xb7 Harbor\",\"Dark \\xb7 Ember\",\"Dark \\xb7 Abyss\",\"Dark \\xb7 Brand Tide\",\"Dark \\xb7 Brand Depth\"],defaultValue:\"lightMist\"},angle:{type:ControlType.Number,title:\"Angle\",min:0,max:360,unit:\"\\xb0\",step:1,defaultValue:135,displayStepper:false},opacity:{type:ControlType.Number,title:\"Opacity\",min:0,max:1,step:.01,defaultValue:1},radius:{type:ControlType.Number,title:\"Radius\",min:0,max:400,unit:\"px\",step:1,defaultValue:0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Gradients\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Gradients.map"],"mappings":"0KAckiB,SAAwB,EAAU,EAAM,CAAC,GAAK,CAAC,SAAO,YAAY,QAAM,IAAI,UAAQ,EAAE,SAAO,EAAE,SAAO,EAAY,EAAWA,OAAa,EAAQ,IAAS,EAAQ,UAAA,CAAW,CAAK,EAAE,CAAC,EAAO,CAAK,CAAC,EAAE,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,aAAa,EAAO,UAAQ,aAAW,gBAAgB,EAAU,IAAS,SAAS,CAAC,CAAC,CAAE,qBAdn3B,IAAoD,IAA2B,EAGnH,EAAQ,CACd,UAAU,GAAG,kGAAkG,EAAE,6CAA6C,aAAa,GAAG,iGAAiG,EAAE,6CAA6C,eAAe,GAAG,iGAAiG,EAAE,6CAA6C,UAAU,GAAG,kGAAkG,EAAE,6CAA6C,eAAe,GAAG,kGAAkG,EAAE,6CAA6C,aAAa,GAAG,yGAAyG,EAAE,gCAE55B,eAAe,GAAG,iGAAiG,EAAE,6CAA6C,eAAe,GAAG,4KAA4K,EAAE,6CAElW,aAAa,GAAG,0PAA0P,EAAE,gCAAgC,oBAAoB,kPAAkP,kBAAkB,+OAA+O,kBAAkB,kPAAkP,mBAAmB,8TAA8T,mBAAmB,iPAE35C,UAAU,GAAG,mGAAmG,EAAE,6CAClH,UAAU,GAAG,mGAAmG,EAAE,gCAAgC,YAAY,GAAG,iGAAiG,EAAE,gCAAgC,aAAa,GAAG,+FAA+F,EAAE,gCAAgC,WAAW,GAAG,6KAA6K,EAAE,gCAAgC,UAAU,GAAG,yGAAyG,EAAE,gCAAgC,UAAU,GAAG,4KAA4K,EAAE,gCAEr+B,cAAc,GAAG,iGAAiG,EAAE,gCAAgC,eAAe,GAAG,gLAAgL,EAAE,+BAA+B,EACjX,EAAU,CAAC,UAAU,UAAU,aAAa,UAAU,eAAe,UAAU,UAAU,UAAU,eAAe,UAAU,aAAa,UAAU,eAAe,UAAU,eAAe,UAAU,aAAa,UAAU,gBAAgB,UAAU,cAAc,UAAU,cAAc,UAAU,eAAe,UAAU,eAAe,UAAU,UAAU,UAAU,UAAU,UAAU,YAAY,UAAU,aAAa,UAAU,WAAW,UAAU,UAAU,UAAU,UAAU,UAAU,cAAc,UAAU,eAAe,SAAS,EAA8X,EAAoB,EAAU,CAAC,OAAO,CAAC,KAAK,EAAY,KAAK,MAAM,SAAS,QAAQ,CAAC,YAAY,eAAe,iBAAiB,YAAY,iBAAiB,eAAe,iBAAiB,iBAAiB,eAAe,kBAAkB,gBAAgB,gBAAgB,iBAAiB,iBAAiB,YAAY,YAAY,cAAc,eAAe,aAAa,YAAY,YAAY,gBAAgB,gBAAgB,EAAE,aAAa,CAAC,eAAkB,mBAAsB,qBAAwB,eAAkB,qBAAwB,mBAAsB,qBAAwB,qBAAwB,mBAAsB,sBAAyB,oBAAuB,oBAAuB,qBAAwB,qBAAwB,mBAAsB,eAAkB,kBAAqB,mBAAsB,gBAAmB,eAAkB,eAAkB,oBAAuB,oBAAuB,EAAE,aAAa,WAAW,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,IAAI,EAAE,IAAI,IAAI,KAAK,IAAO,KAAK,EAAE,aAAa,IAAI,eAAe,EAAK,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,aAAa,CAAC,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC"}