{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/L2GMBO4NszJGhG39YZAU/EaUz5azHWlVqxVzTmUZu/TextStyleMixer.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * @copyright \u00A9framersnippets.com\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 221\n * @framerDisableUnlink\n **/export default function TextStyleMixer(props){const{content,font,color,mix,textWrap,tag}=props;const renderMixedText=()=>{const regex=new RegExp(`(${mix.map(m=>m.text).join(\"|\")})`,\"gi\");const parts=content.split(regex);return parts.map((part,index)=>{const mixItem=mix.find(m=>m.text.toLowerCase()===part.toLowerCase());if(mixItem){return /*#__PURE__*/_jsx(\"span\",{style:{...mixItem.font,color:mixItem.useColor?mixItem.color:color,marginLeft:mixItem.useGap?`${mixItem.leftGap}px`:0,marginRight:mixItem.useGap?`${mixItem.rightGap}px`:0,lineHeight:\"inherit\"},children:part},index);}return part;});};const Tag=tag||\"p\";return /*#__PURE__*/_jsx(motion.div,{style:{...font,display:\"block\",overflow:\"visible\",color:color,alignItems:\"baseline\",whiteSpace:\"normal\",wordWrap:\"break-word\",textWrap:textWrap?\"balance\":\"unset\"},children:/*#__PURE__*/_jsx(Tag,{style:{all:\"unset\",fontSize:font.fontSize},children:renderMixedText()})});}TextStyleMixer.defaultProps={content:\"Blend styles to craft unique headlines for your designs\",font:{fontSize:16},color:\"#000\",mix:[{text:\"unique\",useColor:true,color:\"#0599ff\",font:{},useGap:false,leftGap:0,rightGap:0}],textWrap:true,tag:\"h1\"};addPropertyControls(TextStyleMixer,{content:{type:ControlType.String,title:\"Content\",placeholder:\"Your content..\",displayTextArea:true},font:{type:ControlType.Font,controls:\"extended\",displayFontSize:true,defaultFontType:\"sans-serif\",defaultValue:{fontSize:15,lineHeight:1.4,letterSpacing:0}},color:{type:ControlType.Color,title:\"Color\"},mix:{type:ControlType.Array,title:\"Mix\",propertyControl:{type:ControlType.Object,controls:{text:{type:ControlType.String,title:\"Text\",placeholder:\"Text to style...\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",displayFontSize:true,displayTextAlignment:false,defaultFontType:\"sans-serif\",defaultValue:{fontSize:15,lineHeight:1.4,letterSpacing:0}},useColor:{type:ControlType.Boolean,title:\"Color\",defaultValue:false},color:{type:ControlType.Color,title:\"\u200E\",hidden:props=>!props.useColor},useGap:{type:ControlType.Boolean,title:\"Gap\",defaultValue:false},leftGap:{type:ControlType.Number,title:\"Left\",min:0,max:100,step:1,defaultValue:0,displayStepper:true,hidden:props=>!props.useGap},rightGap:{type:ControlType.Number,title:\"Right\",min:0,max:100,step:1,defaultValue:0,displayStepper:true,hidden:props=>!props.useGap}}}},textWrap:{type:ControlType.Boolean,title:\"Balance\",defaultValue:true},tag:{type:ControlType.Enum,title:\"Tag\",options:[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"p\",\"span\"],optionTitles:[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"p\",\"span\"],defaultValue:\"h1\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TextStyleMixer\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"221\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextStyleMixer.map"],
  "mappings": "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",
  "names": ["TextStyleMixer", "props", "content", "font", "color", "mix", "textWrap", "tag", "renderMixedText", "regex", "m", "part", "index", "mixItem", "p", "Tag", "motion", "addPropertyControls", "ControlType"]
}