{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/bfaOXkOvtWdZ5qYjauy3/6VWplZm0oKddjscUsLTR/GradientBorder.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,motion}from\"framer\";export default function GradientBorder({style,children,gradient,gradientAngle,borderRadius,borderSize,backdrop,transition,effects:{hover:hoverEffect},overflow}){const gradientColors=gradient.map(({color,stop})=>`${color} ${stop}%`).join(\", \");const{gradientAngle:hoverGradientAngle,borderRadius:hoverBorderRadius,borderSize:hoverBorderSize}=hoverEffect.isEnabled&&hoverEffect||{};const borderContainer={...style,background:`linear-gradient(${gradientAngle}deg, ${gradientColors})`,padding:`${borderSize}px`,borderRadius,\"--inner-border-radius\":`${borderRadius-borderSize}px`,overflow:overflow===\"visible\"?\"visible\":\"hidden\"};const borderContainerHover=hoverEffect.isEnabled&&{background:`linear-gradient(${hoverGradientAngle}deg, ${gradientColors})`,padding:`${hoverBorderSize!==null&&hoverBorderSize!==void 0?hoverBorderSize:borderSize}px`,borderTopLeftRadius:`${hoverBorderRadius!==null&&hoverBorderRadius!==void 0?hoverBorderRadius:borderRadius}px`,borderTopRightRadius:`${hoverBorderRadius!==null&&hoverBorderRadius!==void 0?hoverBorderRadius:borderRadius}px`,borderBottomLeftRadius:`${hoverBorderRadius!==null&&hoverBorderRadius!==void 0?hoverBorderRadius:borderRadius}px`,borderBottomRightRadius:`${hoverBorderRadius!==null&&hoverBorderRadius!==void 0?hoverBorderRadius:borderRadius}px`,\"--inner-border-radius\":`${(hoverBorderRadius!==null&&hoverBorderRadius!==void 0?hoverBorderRadius:borderRadius)-borderSize}px`};const backgroundContainer={height:\"100%\",width:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",background:backdrop,borderTopLeftRadius:\"var(--inner-border-radius)\",borderTopRightRadius:\"var(--inner-border-radius)\",borderBottomLeftRadius:\"var(--inner-border-radius)\",borderBottomRightRadius:\"var(--inner-border-radius)\",overflow};return /*#__PURE__*/_jsx(motion.div,{style:borderContainer,whileHover:borderContainerHover,transition:transition,children:/*#__PURE__*/_jsx(motion.div,{style:backgroundContainer,transition:transition,children:children})});}addPropertyControls(GradientBorder,{children:{type:ControlType.ComponentInstance,title:\"Content\"},gradient:{type:ControlType.Array,title:\"Gradient\",control:{type:ControlType.Object,title:\"Color stop\",controls:{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#111111\"},stop:{type:ControlType.Number,title:\"Color stop\",defaultValue:0,unit:\"%\",min:0,max:100}}}},gradientAngle:{type:ControlType.Number,title:\"Gradient angle\",defaultValue:0,unit:\"deg\",min:0,max:360},borderRadius:{type:ControlType.Number,title:\"Border radius\",defaultValue:0,unit:\"px\",min:0},borderSize:{type:ControlType.Number,title:\"Border width\",defaultValue:1,unit:\"px\",min:0},backdrop:{type:ControlType.Color,title:\"Content background\",defaultValue:\"#fafafa\"},transition:{type:ControlType.Transition,defaultValue:{type:false}},effects:{type:ControlType.Object,title:\"Effects\",controls:{hover:{type:ControlType.Object,controls:{isEnabled:{type:ControlType.Enum,title:\"Enable\",options:[false,true],optionTitles:[\"No\",\"Yes\"],defaultValue:false,displaySegmentedControl:true},gradientAngle:{type:ControlType.Number,title:\"Gradient angle\",defaultValue:0,unit:\"deg\",min:0,max:360,hidden:({isEnabled})=>!isEnabled},borderRadius:{type:ControlType.Number,title:\"Border radius\",defaultValue:0,unit:\"px\",min:0,hidden:({isEnabled})=>!isEnabled},borderSize:{type:ControlType.Number,title:\"Border width\",defaultValue:0,unit:\"px\",min:0,hidden:({isEnabled})=>!isEnabled}}}}},overflow:{type:ControlType.Enum,title:\"Overflow\",defaultValue:\"visible\",options:[\"visible\",\"hidden\",\"scroll\",\"auto\"],optionTitles:[\"Visible\",\"Hidden\",\"Scroll\",\"Auto\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientBorder\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientBorder.map"],
  "mappings": "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",
  "names": ["GradientBorder", "style", "children", "gradient", "gradientAngle", "borderRadius", "borderSize", "backdrop", "transition", "hoverEffect", "overflow", "gradientColors", "color", "stop", "hoverGradientAngle", "hoverBorderRadius", "hoverBorderSize", "borderContainer", "borderContainerHover", "backgroundContainer", "p", "motion", "addPropertyControls", "ControlType", "isEnabled"]
}
