{"version":3,"file":"GradientBorder.djtO2jEH.mjs","names":[],"sources":["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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"}