{"version":3,"file":"HeadlineImage.m26muO2b.mjs","names":[],"sources":["https:/framerusercontent.com/modules/COFL3Aj3T9YSQP6QE7EJ/9k0zO5WKWQE0yUapSfln/HeadlineImage.js"],"sourcesContent":["// Text Image Mask component with image fill capability\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function TextImageMask(props){const{text,backgroundImage={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},font,lastLetterFont,textAlign,padding}=props;const isFixedWidth=props?.style&&props.style.width===\"100%\";// Split text into main part and last letter\nconst mainText=text.slice(0,-1);const lastLetter=text.slice(-1);const baseStyle={...props.style,...isFixedWidth?{}:{width:\"max-content\"},margin:0,padding,backgroundImage:`url(${backgroundImage.src})`,backgroundSize:\"cover\",backgroundPosition:\"center\",backgroundClip:\"text\",WebkitBackgroundClip:\"text\",color:\"transparent\",textAlign,whiteSpace:\"pre-line\",...font};const lastLetterStyle={...lastLetterFont};return /*#__PURE__*/_jsxs(\"h1\",{style:baseStyle,children:[mainText,/*#__PURE__*/_jsx(\"span\",{style:lastLetterStyle,children:lastLetter})]});}addPropertyControls(TextImageMask,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"HeadlineImage\",displayTextArea:true},backgroundImage:{type:ControlType.ResponsiveImage,title:\"Fill Image\"},font:{type:ControlType.Font,title:\"Font\",defaultValue:{fontSize:\"40px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},lastLetterFont:{type:ControlType.Font,title:\"Last Letter Font\",defaultValue:{fontSize:\"40px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},textAlign:{type:ControlType.Enum,title:\"Text Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"left\",displaySegmentedControl:true},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"8px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TextImageMask\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HeadlineImage.map"],"mappings":"mKAIG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,OAAK,kBAAgB,CAAC,IAAI,sEAAsE,IAAI,mBAAmB,EAAE,OAAK,iBAAe,YAAU,WAAS,EAAY,EAAa,GAAO,OAAO,EAAM,MAAM,QAAQ,OAC3Q,EAAS,EAAK,MAAM,EAAE,EAAE,EAAQ,EAAW,EAAK,MAAM,EAAE,EAAsV,OAAoB,EAAM,KAAK,CAAC,MAAM,CAAzW,GAAG,EAAM,MAAM,GAAG,EAAa,CAAC,EAAE,CAAC,MAAM,aAAa,EAAE,OAAO,EAAE,UAAQ,gBAAgB,OAAO,EAAgB,IAAI,GAAG,eAAe,QAAQ,mBAAmB,SAAS,eAAe,OAAO,qBAAqB,OAAO,MAAM,cAAc,YAAU,WAAW,WAAW,GAAG,CAA8F,EAAE,SAAS,CAAC,EAAsB,EAAK,OAAO,CAAC,MAAM,CAAtH,GAAG,CAAiI,EAAE,SAAS,CAAU,CAAC,CAAC,CAAC,CAAC,CAAE,iBAJxe,IAAoD,EAIqb,EAAoB,EAAc,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,gBAAgB,gBAAgB,EAAI,EAAE,gBAAgB,CAAC,KAAK,EAAY,gBAAgB,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,aAAa,CAAC,SAAS,OAAO,QAAQ,OAAO,cAAc,UAAU,WAAW,KAAK,EAAE,SAAS,WAAW,gBAAgB,YAAY,EAAE,eAAe,CAAC,KAAK,EAAY,KAAK,MAAM,mBAAmB,aAAa,CAAC,SAAS,OAAO,QAAQ,OAAO,cAAc,UAAU,WAAW,KAAK,EAAE,SAAS,WAAW,gBAAgB,YAAY,EAAE,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,QAAQ,CAAC,OAAO,SAAS,OAAO,EAAE,aAAa,CAAC,OAAO,SAAS,OAAO,EAAE,aAAa,OAAO,wBAAwB,EAAI,EAAE,QAAQ,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,KAAK,CAAC,CAAC"}