{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/JyX3pCI5SUgGkMnkI1xo/wo5HBUFKXB5Bb7QDSAIP/GradientBorder.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import supportsCSSProperty from\"https://framerusercontent.com/modules/17QdXAWmhGmRMFnEtQWY/reF2RDBHSqOuZgxKhllA/SupportsCSSProperty.js\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n */export default function GradientBorder(props){const{style,border,gradient,borderRadius}=props;const classList={gradientBorder:`gradient-border`};const fallback=`\n        mask-composite: unset !important;\n        -webkit-mask-composite: unset !important;\n        mask: unset !important;\n        -webkit-mask: unset !important;\n        background: transparent !important;\n        border-width: ${border.borderWidth}px !important;\n        border-style: ${border.borderStyle} !important;\n        border-color: ${border.borderColor} !important;\n    `;return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{className:classList.gradientBorder,\"aria-hidden\":\"true\",style:{...style,borderWidth:`${border.borderWidth}px`,borderStyle:`${border.borderStyle}`,borderRadius:`${borderRadius}`,color:`${border.borderColor}`,background:`linear-gradient(${gradient.direction}deg, ${gradient.startColor} ${gradient.startPosition}%, ${gradient.endColor} ${gradient.endPosition}%) border-box`}}),/*#__PURE__*/_jsx(\"style\",{children:`\n                .${classList.gradientBorder} {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n\n                    border-color: transparent;\n                    \n                    -webkit-mask: linear-gradient(#fff 0 0) padding-box,\n                        linear-gradient(#fff 0 0);\n                    mask: linear-gradient(#fff 0 0) padding-box,\n                        linear-gradient(#fff 0 0);\n                    -webkit-mask-composite: destination-out;\n                    mask-composite: exclude;\n\n                    @supports (not (-webkit-mask: linear-gradient(#fff 0 0) padding-box,\n                        linear-gradient(#fff 0 0))) and (not (mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0))) {\n                        ${fallback}\n                    };\n\n                    @supports (not (-webkit-mask-composite: destination-out)) and (not (mask-composite: exclude)) {\n                        ${fallback}\n                    };\n\n                    ${supportsCSSProperty({property:\"background-image\",value:\"linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%)\"})?``:fallback}\n\n                    // @supports (not (background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%) border-box border-box)) {\n                    //     ${fallback}\n                    // };\n                    \n                }\n            `})]});}const styles={border:{}};addPropertyControls(GradientBorder,{gradient:{type:ControlType.Object,controls:{direction:{type:ControlType.Number,title:\"Direction\",defaultValue:180,min:0,max:360,unit:\"deg\",step:1},startColor:{type:ControlType.Color,title:\"Start Color\",defaultValue:\"#fff\"},startPosition:{type:ControlType.Number,title:\"Start Position\",defaultValue:0,min:0,max:100,unit:\"%\",step:1},endColor:{type:ControlType.Color,title:\"End Color\",defaultValue:\"#000\"},endPosition:{type:ControlType.Number,title:\"End Position\",defaultValue:100,min:0,max:100,unit:\"%\",step:1}}},border:{title:\"Border\",type:ControlType.Border,description:\"Border Color serves as a fallback\",defaultValue:{borderWidth:1,borderStyle:\"solid\",borderColor:\"rgba(0, 0, 0, 0.5)\"}},borderRadius:{type:ControlType.BorderRadius,title:\"Border Radius\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientBorder\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientBorder.map"],
  "mappings": "gJASkB,SAARA,EAAgCC,EAAM,CAAC,GAAK,CAAC,MAAAC,EAAM,OAAAC,EAAO,SAAAC,EAAS,aAAAC,CAAY,EAAEJ,EAAYK,EAAU,CAAC,eAAe,iBAAiB,EAAQC,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAM3IJ,EAAO,WAAW;AAAA,wBAClBA,EAAO,WAAW;AAAA,wBAClBA,EAAO,WAAW;AAAA,MACpC,OAAoBK,EAAMC,EAAU,CAAC,SAAS,CAAcC,EAAK,MAAM,CAAC,UAAUJ,EAAU,eAAe,cAAc,OAAO,MAAM,CAAC,GAAGJ,EAAM,YAAY,GAAGC,EAAO,WAAW,KAAK,YAAY,GAAGA,EAAO,WAAW,GAAG,aAAa,GAAGE,CAAY,GAAG,MAAM,GAAGF,EAAO,WAAW,GAAG,WAAW,mBAAmBC,EAAS,SAAS,QAAQA,EAAS,UAAU,IAAIA,EAAS,aAAa,MAAMA,EAAS,QAAQ,IAAIA,EAAS,WAAW,eAAe,CAAC,CAAC,EAAeM,EAAK,QAAQ,CAAC,SAAS;AAAA,mBACrdJ,EAAU,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAkBjBC,CAAQ;AAAA;AAAA;AAAA;AAAA,0BAIRA,CAAQ;AAAA;AAAA;AAAA,sBAGZI,EAAoB,CAAC,SAAS,mBAAmB,MAAM,mFAAmF,CAAC,EAAE,GAAGJ,CAAQ;AAAA;AAAA;AAAA,6BAGjJA,CAAQ;AAAA;AAAA;AAAA;AAAA,aAIxB,CAAC,CAAC,CAAC,CAAC,CAAE,CAA0BK,EAAoBC,EAAe,CAAC,SAAS,CAAC,KAAKC,EAAY,OAAO,SAAS,CAAC,UAAU,CAAC,KAAKA,EAAY,OAAO,MAAM,YAAY,aAAa,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,MAAM,KAAK,CAAC,EAAE,WAAW,CAAC,KAAKA,EAAY,MAAM,MAAM,cAAc,aAAa,MAAM,EAAE,cAAc,CAAC,KAAKA,EAAY,OAAO,MAAM,iBAAiB,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,IAAI,KAAK,CAAC,EAAE,SAAS,CAAC,KAAKA,EAAY,MAAM,MAAM,YAAY,aAAa,MAAM,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,aAAa,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,SAAS,KAAKA,EAAY,OAAO,YAAY,oCAAoC,aAAa,CAAC,YAAY,EAAE,YAAY,QAAQ,YAAY,oBAAoB,CAAC,EAAE,aAAa,CAAC,KAAKA,EAAY,aAAa,MAAM,eAAe,CAAC,CAAC",
  "names": ["GradientBorder", "props", "style", "border", "gradient", "borderRadius", "classList", "fallback", "u", "l", "p", "supportsCSSProperty", "addPropertyControls", "GradientBorder", "ControlType"]
}