{"version":3,"file":"GradientBox.ChdXWQjQ.mjs","names":["React.useMemo","p"],"sources":["https:/framerusercontent.com/modules/jRV2rZWmNJQfvfCVDSIo/yFIwp6hrO4XVT5hgC8hs/GradientBox.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Gradient Box\n *\n * @framerIntrinsicWidth 360\n * @framerIntrinsicHeight 220\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function GradientBox(props){const{type,angle,radialSize,radialPosition,overlay,overlayOpacity,overlayBlendMode,borderRadius,padding,children}=props;const stops=React.useMemo(()=>{const clamp01=v=>Math.max(0,Math.min(100,v));const base=[{color:props.color1,stop:clamp01(props.stop1)},{color:props.color2,stop:clamp01(props.stop2)}];if(props.enable3)base.push({color:props.color3,stop:clamp01(props.stop3)});if(props.enable4)base.push({color:props.color4,stop:clamp01(props.stop4)});// Ensure CSS-friendly ordering (stable)\nreturn base.map((s,idx)=>({...s,idx})).sort((a,b)=>a.stop-b.stop||a.idx-b.idx).map(s=>`${s.color} ${s.stop}%`);},[props.color1,props.stop1,props.color2,props.stop2,props.enable3,props.color3,props.stop3,props.enable4,props.color4,props.stop4]);const gradient=React.useMemo(()=>{if(type===\"radial\"){return`radial-gradient(${radialSize} at ${radialPosition}, ${stops.join(\", \")})`;}return`linear-gradient(${angle}deg, ${stops.join(\", \")})`;},[type,angle,radialSize,radialPosition,stops]);const isFixedWidth=props?.style&&props.style.width===\"100%\";const isFixedHeight=props?.style&&props.style.height===\"100%\";return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",borderRadius,backgroundImage:gradient,padding,display:\"flex\",alignItems:\"stretch\",justifyContent:\"stretch\",...isFixedWidth?null:{minWidth:\"max-content\"},...isFixedHeight?null:{minHeight:\"max-content\"},...props.style},\"aria-label\":\"Gradient background\",role:\"img\",children:[overlay&&/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",inset:0,background:\"#000000\",opacity:Math.max(0,Math.min(1,overlayOpacity)),mixBlendMode:overlayBlendMode,pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\"},children:children})]});}addPropertyControls(GradientBox,{type:{type:ControlType.Enum,title:\"Type\",options:[\"linear\",\"radial\"],optionTitles:[\"Linear\",\"Radial\"],defaultValue:\"linear\",displaySegmentedControl:true},angle:{type:ControlType.Number,title:\"Angle\",defaultValue:135,min:0,max:360,step:1,unit:\"deg\",hidden:p=>p.type!==\"linear\"},radialSize:{type:ControlType.Enum,title:\"Radial Size\",options:[\"closest-side\",\"closest-corner\",\"farthest-side\",\"farthest-corner\"],defaultValue:\"farthest-corner\",hidden:p=>p.type!==\"radial\"},radialPosition:{type:ControlType.Enum,title:\"Radial Pos\",options:[\"center\",\"top\",\"bottom\",\"left\",\"right\",\"top left\",\"top right\",\"bottom left\",\"bottom right\"],defaultValue:\"center\",hidden:p=>p.type!==\"radial\"},color1:{type:ControlType.Color,title:\"Color 1\",defaultValue:\"#000000\"},stop1:{type:ControlType.Number,title:\"Stop 1\",defaultValue:0,min:0,max:100,step:1,unit:\"%\"},color2:{type:ControlType.Color,title:\"Color 2\",defaultValue:\"#CCCCCC\"},stop2:{type:ControlType.Number,title:\"Stop 2\",defaultValue:100,min:0,max:100,step:1,unit:\"%\"},enable3:{type:ControlType.Boolean,title:\"3rd Stop\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},color3:{type:ControlType.Color,title:\"Color 3\",defaultValue:\"#EEEEEE\",hidden:p=>!p.enable3},stop3:{type:ControlType.Number,title:\"Stop 3\",defaultValue:60,min:0,max:100,step:1,unit:\"%\",hidden:p=>!p.enable3},enable4:{type:ControlType.Boolean,title:\"4th Stop\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},color4:{type:ControlType.Color,title:\"Color 4\",defaultValue:\"#FFFFFF\",hidden:p=>!p.enable4},stop4:{type:ControlType.Number,title:\"Stop 4\",defaultValue:85,min:0,max:100,step:1,unit:\"%\",hidden:p=>!p.enable4},overlay:{type:ControlType.Boolean,title:\"Overlay\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},overlayOpacity:{type:ControlType.Number,title:\"Overlay Opacity\",defaultValue:.2,min:0,max:1,step:.01,hidden:p=>!p.overlay},overlayBlendMode:{type:ControlType.Enum,title:\"Blend Mode\",options:[\"normal\",\"multiply\",\"screen\",\"overlay\",\"darken\",\"lighten\",\"color-dodge\",\"color-burn\",\"hard-light\",\"soft-light\",\"difference\",\"exclusion\"],defaultValue:\"normal\",hidden:p=>!p.overlay},borderRadius:{type:ControlType.BorderRadius,title:\"Radius\",defaultValue:\"16px\"},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"16px\"},children:{type:ControlType.Slot,title:\"Content\",maxCount:5}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientBox\",\"slots\":[\"children\"],\"annotations\":{\"framerIntrinsicWidth\":\"360\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"220\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientBox.map"],"mappings":"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"}