{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/VqlZhBix1qbbfKWmeasT/AJIfmXKN0zvNtuB0QJqu/GradientText_1.js"],
  "sourcesContent": ["// Create a component with gradient text between { } markers and customizable styling options\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo}from\"react\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function GradientText(props){const{content=\"This is normal text with {gradient text} in between.\",elementType=\"p\",normalTextFont,gradientTextFont,normalTextColor,gradientStartColor,gradientEndColor,gradientDirection,style}=props;const processedContent=useMemo(()=>{const parts=content.split(/(\\{[^}]*\\})/g);return parts.map((part,index)=>{if(part.startsWith(\"{\")&&part.endsWith(\"}\")){const gradientText=part.slice(1,-1);return /*#__PURE__*/_jsx(\"span\",{style:{background:`linear-gradient(${gradientDirection}, ${gradientStartColor}, ${gradientEndColor})`,WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\",backgroundClip:\"text\",...gradientTextFont},children:gradientText},index);}return part;});},[content,gradientStartColor,gradientEndColor,gradientDirection,gradientTextFont]);const isFixedWidth=style?.width===\"100%\";const Element=elementType;return /*#__PURE__*/_jsx(Element,{style:{...style,position:\"relative\",...isFixedWidth?{}:{width:\"max-content\"},color:normalTextColor,margin:0,...normalTextFont},children:processedContent});}addPropertyControls(GradientText,{content:{type:ControlType.String,title:\"Content\",defaultValue:\"This is normal text with {gradient text} in between.\",displayTextArea:true},elementType:{type:ControlType.Enum,title:\"Element Type\",options:[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"p\"],optionTitles:[\"H1\",\"H2\",\"H3\",\"H4\",\"H5\",\"H6\",\"Paragraph\"],defaultValue:\"p\"},normalTextFont:{type:ControlType.Font,title:\"Normal Text Font\",defaultValue:{fontSize:\"16px\",variant:\"Regular\",letterSpacing:\"-0.01em\",lineHeight:\"1.4em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},gradientTextFont:{type:ControlType.Font,title:\"Gradient Text Font\",defaultValue:{fontSize:\"16px\",variant:\"Bold\",letterSpacing:\"-0.01em\",lineHeight:\"1.4em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},normalTextColor:{type:ControlType.Color,title:\"Normal Text Color\",defaultValue:\"#000000\"},gradientStartColor:{type:ControlType.Color,title:\"Gradient Start Color\",defaultValue:\"#563EE2\"},gradientEndColor:{type:ControlType.Color,title:\"Gradient End Color\",defaultValue:\"#02E3CA\"},gradientDirection:{type:ControlType.Enum,title:\"Gradient Direction\",options:[\"to right\",\"to left\",\"to bottom\",\"to top\",\"45deg\",\"135deg\",\"225deg\",\"315deg\"],optionTitles:[\"Left to Right\",\"Right to Left\",\"Top to Bottom\",\"Bottom to Top\",\"Diagonal \u2197\",\"Diagonal \u2196\",\"Diagonal \u2199\",\"Diagonal \u2198\"],defaultValue:\"to right\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientText\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientText_1.map"],
  "mappings": "2DAIkB,SAARA,EAA8BC,EAAM,CAAC,GAAK,CAAC,QAAAC,EAAQ,uDAAuD,YAAAC,EAAY,IAAI,eAAAC,EAAe,iBAAAC,EAAiB,gBAAAC,EAAgB,mBAAAC,EAAmB,iBAAAC,EAAiB,kBAAAC,EAAkB,MAAAC,CAAK,EAAET,EAAYU,EAAiBC,EAAQ,IAAiBV,EAAQ,MAAM,cAAc,EAAe,IAAI,CAACW,EAAKC,IAAQ,CAAC,GAAGD,EAAK,WAAW,GAAG,GAAGA,EAAK,SAAS,GAAG,EAAE,CAAC,IAAME,EAAaF,EAAK,MAAM,EAAE,EAAE,EAAE,OAAoBG,EAAK,OAAO,CAAC,MAAM,CAAC,WAAW,mBAAmBP,CAAiB,KAAKF,CAAkB,KAAKC,CAAgB,IAAI,qBAAqB,OAAO,oBAAoB,cAAc,eAAe,OAAO,GAAGH,CAAgB,EAAE,SAASU,CAAY,EAAED,CAAK,CAAE,CAAC,OAAOD,CAAK,CAAC,EAAI,CAACX,EAAQK,EAAmBC,EAAiBC,EAAkBJ,CAAgB,CAAC,EAAQY,EAAaP,GAAO,QAAQ,OAAiC,OAAoBM,EAAhCb,EAA6C,CAAC,MAAM,CAAC,GAAGO,EAAM,SAAS,WAAW,GAAGO,EAAa,CAAC,EAAE,CAAC,MAAM,aAAa,EAAE,MAAMX,EAAgB,OAAO,EAAE,GAAGF,CAAc,EAAE,SAASO,CAAgB,CAAC,CAAE,CAACO,EAAoBlB,EAAa,CAAC,QAAQ,CAAC,KAAKmB,EAAY,OAAO,MAAM,UAAU,aAAa,uDAAuD,gBAAgB,EAAI,EAAE,YAAY,CAAC,KAAKA,EAAY,KAAK,MAAM,eAAe,QAAQ,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG,EAAE,aAAa,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,WAAW,EAAE,aAAa,GAAG,EAAE,eAAe,CAAC,KAAKA,EAAY,KAAK,MAAM,mBAAmB,aAAa,CAAC,SAAS,OAAO,QAAQ,UAAU,cAAc,UAAU,WAAW,OAAO,EAAE,SAAS,WAAW,gBAAgB,YAAY,EAAE,iBAAiB,CAAC,KAAKA,EAAY,KAAK,MAAM,qBAAqB,aAAa,CAAC,SAAS,OAAO,QAAQ,OAAO,cAAc,UAAU,WAAW,OAAO,EAAE,SAAS,WAAW,gBAAgB,YAAY,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,oBAAoB,aAAa,SAAS,EAAE,mBAAmB,CAAC,KAAKA,EAAY,MAAM,MAAM,uBAAuB,aAAa,SAAS,EAAE,iBAAiB,CAAC,KAAKA,EAAY,MAAM,MAAM,qBAAqB,aAAa,SAAS,EAAE,kBAAkB,CAAC,KAAKA,EAAY,KAAK,MAAM,qBAAqB,QAAQ,CAAC,WAAW,UAAU,YAAY,SAAS,QAAQ,SAAS,SAAS,QAAQ,EAAE,aAAa,CAAC,gBAAgB,gBAAgB,gBAAgB,gBAAgB,kBAAa,kBAAa,kBAAa,iBAAY,EAAE,aAAa,UAAU,CAAC,CAAC",
  "names": ["GradientText", "props", "content", "elementType", "normalTextFont", "gradientTextFont", "normalTextColor", "gradientStartColor", "gradientEndColor", "gradientDirection", "style", "processedContent", "se", "part", "index", "gradientText", "p", "isFixedWidth", "addPropertyControls", "ControlType"]
}