{"version":3,"file":"GradientText.BypfiGhT.mjs","names":["useState","useMemo","_Fragment"],"sources":["https:/framerusercontent.com/modules/dZe4Z9rkiL86POLlkOPA/cxoSmgJ8Iwtqa1jRVIfn/GradientText.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo,useEffect,useState}from\"react\";/**\n * A text component that allows for a solid color part and a gradient part\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function GradientText(props){const{text,gradientText,solidColor,gradientColors,gradientDirection,fontSize,fontWeight,textAlign,invert,font,style}=props;// Responsive font size state\nconst[responsiveFontSize,setResponsiveFontSize]=useState(fontSize);// Calculate responsive font size based on container width\nuseEffect(()=>{if(typeof window===\"undefined\")return;const handleResize=()=>{const width=window.innerWidth;let newSize=fontSize;if(width<480){// Mobile\nnewSize=fontSize*.5;}else if(width<768){// Tablet\nnewSize=fontSize*.7;}else if(width<1024){// Small desktop\nnewSize=fontSize*.85;}setResponsiveFontSize(newSize);};handleResize();window.addEventListener(\"resize\",handleResize);return()=>window.removeEventListener(\"resize\",handleResize);},[fontSize]);const gradient=useMemo(()=>{return`linear-gradient(${gradientDirection}, ${gradientColors.join(\", \")})`;},[gradientColors,gradientDirection]);const isFixedWidth=props?.style&&props.style.width===\"100%\";return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",display:\"flex\",alignItems:\"center\",justifyContent:textAlign===\"center\"?\"center\":textAlign===\"right\"?\"flex-end\":\"flex-start\",width:\"100%\",height:\"100%\",...style},children:/*#__PURE__*/_jsx(\"h1\",{style:{margin:0,fontSize:`${responsiveFontSize}px`,fontWeight,textAlign,width:\"100%\",...font},children:invert?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"span\",{style:{background:gradient,WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\",backgroundClip:\"text\",color:\"transparent\"},children:gradientText}),\" \",/*#__PURE__*/_jsx(\"span\",{style:{color:solidColor},children:text})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"span\",{style:{color:solidColor},children:text}),\" \",/*#__PURE__*/_jsx(\"span\",{style:{background:gradient,WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\",backgroundClip:\"text\",color:\"transparent\"},children:gradientText})]})})});}addPropertyControls(GradientText,{invert:{type:ControlType.Boolean,title:\"Invert Order\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},text:{type:ControlType.String,title:\"Solid Text\",defaultValue:\"Measure and Optimize your\"},gradientText:{type:ControlType.String,title:\"Gradient Text\",defaultValue:\"Media Mix with AI\"},solidColor:{type:ControlType.Color,title:\"Solid Color\",defaultValue:\"#1D0E3D\"},gradientColors:{type:ControlType.Array,title:\"Gradient Colors\",control:{type:ControlType.Color},defaultValue:[\"#E6007E\",\"#9738CD\"],maxCount:5},gradientDirection:{type:ControlType.Enum,title:\"Direction\",options:[\"to right\",\"to left\",\"to bottom\",\"to top\"],defaultValue:\"to right\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:64,min:10,max:200,step:1},fontWeight:{type:ControlType.Number,title:\"Font Weight\",defaultValue:700,min:100,max:900,step:100},textAlign:{type:ControlType.Enum,title:\"Align\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"64px\",lineHeight:\"1.2em\",letterSpacing:\"-0.02em\",variant:\"Bold\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientText\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientText.map"],"mappings":"wUAKG,SAAwB,EAAa,EAAM,CAAC,GAAK,CAAC,OAAK,eAAa,aAAW,iBAAe,oBAAkB,WAAS,aAAW,YAAU,SAAO,OAAK,QAAM,CAAC,EAC/J,CAAC,EAAmB,EAAsB,CAACA,EAAS,GACzD,MAAc,CAAC,GAAU,IAAS,OAAY,OAAO,IAAM,MAAiB,CAAC,IAAM,EAAM,EAAO,WAAe,EAAQ,EAAY,EAAM,IACzI,EAAQ,EAAS,GAAY,EAAM,IACnC,EAAQ,EAAS,GAAY,EAAM,OACnC,EAAQ,EAAS,KAAK,EAAsB,EAAU,EAA+D,OAA9D,IAAe,EAAO,iBAAiB,SAAS,OAAwB,EAAO,oBAAoB,SAAS,EAAe,EAAC,CAAC,EAAS,EAAE,IAAM,EAASC,MAAmB,mBAAmB,EAAkB,IAAI,EAAe,KAAK,MAAM,GAAK,CAAC,EAAe,EAAkB,EAA8D,OAAzC,GAAO,OAAO,EAAM,MAAM,MAAmC,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,QAAQ,OAAO,WAAW,SAAS,eAAe,IAAY,SAAS,SAAS,IAAY,QAAQ,WAAW,aAAa,MAAM,OAAO,OAAO,OAAO,GAAG,EAAM,CAAC,SAAsB,EAAK,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,GAAG,EAAmB,IAAI,aAAW,YAAU,MAAM,OAAO,GAAG,EAAK,CAAC,SAAS,EAAoB,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,WAAW,EAAS,qBAAqB,OAAO,oBAAoB,cAAc,eAAe,OAAO,MAAM,cAAc,CAAC,SAAS,EAAa,EAAE,IAAiB,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAW,CAAC,SAAS,EAAK,EAAE,CAAC,EAAe,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAW,CAAC,SAAS,EAAK,EAAE,IAAiB,EAAK,OAAO,CAAC,MAAM,CAAC,WAAW,EAAS,qBAAqB,OAAO,oBAAoB,cAAc,eAAe,OAAO,MAAM,cAAc,CAAC,SAAS,EAAa,EAAE,CAAC,EAAE,EAAE,CAAG,iCAAoB,EAAa,CAAC,OAAO,CAAC,KAAK,EAAY,QAAQ,MAAM,eAAe,aAAa,GAAM,aAAa,MAAM,cAAc,KAAK,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,4BAA4B,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,oBAAoB,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,aAAa,UAAU,CAAC,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,kBAAkB,QAAQ,CAAC,KAAK,EAAY,MAAM,CAAC,aAAa,CAAC,UAAU,UAAU,CAAC,SAAS,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAY,KAAK,MAAM,YAAY,QAAQ,CAAC,WAAW,UAAU,YAAY,SAAS,CAAC,aAAa,WAAW,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,QAAQ,QAAQ,CAAC,OAAO,SAAS,QAAQ,CAAC,aAAa,OAAO,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,OAAO,WAAW,QAAQ,cAAc,UAAU,QAAQ,OAAO,CAAC,CAAC"}