{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/luj2q9jm9YBji92T42sq/3CQYxU8WX4vowJCarx5l/Gradient_Border.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect,useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Gradient_Border({color,length,duration,repeatType,animate,loop,distance,angle,eased}){const conicGradientRef=useRef(null);const[aspectRatio,setAspectRatio]=useState(1);useEffect(()=>{if(conicGradientRef.current){const{width,height}=conicGradientRef.current.getBoundingClientRect();setAspectRatio(width/height);}},[conicGradientRef.current]);return /*#__PURE__*/_jsx(motion.div,{ref:conicGradientRef,style:{display:\"grid\",alignItems:\"center\",color:\"white\",justifyItems:\"center\",width:\"100%\",height:\"100%\",background:`conic-gradient(from -55deg at ${distance/aspectRatio}% ${distance}% , transparent ${angle-(10+length)}deg, ${color}  ${angle}deg, transparent ${angle+length}deg)`},initial:\"initial\",animate:{background:[`conic-gradient(from -55deg at ${distance/aspectRatio}% ${distance}% , transparent ${angle-(2+length)}deg, ${color}  ${angle}deg, transparent ${angle+length}deg)`,`conic-gradient(from 35deg at ${100-distance/aspectRatio}% ${distance}% , transparent ${angle-(2+length)}deg, ${color}  ${angle}deg, transparent ${angle+length}deg)`,`conic-gradient(from 125deg at ${100-distance/aspectRatio}% ${100-distance}% , transparent ${angle-(2+length)}deg, ${color}  ${angle}deg, transparent ${angle+length}deg)`,`conic-gradient(from 215deg at ${distance/aspectRatio}% ${100-distance}% , transparent ${angle-(2+length)}deg, ${color}  ${angle}deg, transparent ${angle+length}deg)`,`conic-gradient(from 310deg at ${distance/aspectRatio}% ${distance}% , transparent ${angle-(2+length)}deg, ${color}  ${angle}deg, transparent ${angle+length}deg)`]},transition:{duration,repeat:loop?Infinity:1,repeatType,ease:\"linear\",[eased&&\"times\"]:aspectRatio>1?[0,.25+.25/aspectRatio,.5,.75+.25/aspectRatio,1]:[0,aspectRatio*.25,.5,.5+aspectRatio*.25,1]}});}Gradient_Border.displayName=\"Gradient Border\";addPropertyControls(Gradient_Border,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#ff5e5e\"},angle:{type:ControlType.Number,title:\"Angle\",defaultValue:315,min:0,max:360,step:1},length:{type:ControlType.Number,title:\"Length\",defaultValue:10,min:1,max:100,step:1},distance:{type:ControlType.Number,title:\"Distance\",defaultValue:5,min:1,max:100,step:1},duration:{type:ControlType.Number,title:\"Duration\",defaultValue:4,min:1,max:20,step:1},animate:{type:ControlType.Boolean,title:\"Animate Rotation\",defaultValue:true},eased:{type:ControlType.Boolean,title:\"Ease\",defaultValue:true},loop:{type:ControlType.Boolean,title:\"Loop\",defaultValue:true},repeatType:{type:ControlType.Enum,title:\"Replay Type\",defaultValue:\"loop\",options:[\"loop\",\"reverse\",\"mirror\"],optionTitles:[\"Loop\",\"Reverse\",\"Mirror\"],description:\"More components at [Framer University](https://frameruni.link/cc).\",hidden(props){return!props.loop;}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Gradient_Border\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Gradient_Border.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "Gradient_Border", "color", "length", "duration", "repeatType", "animate", "loop", "distance", "angle", "eased", "conicGradientRef", "pe", "aspectRatio", "setAspectRatio", "ye", "ue", "width", "height", "p", "motion", "addPropertyControls", "ControlType", "props"]
}