{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/dHal5bDIJCf7bmjsdd02/ZJ6d6yh7lB0XIGPMEcKy/Style_Test.js"],
  "sourcesContent": ["//Text Styles.tsx//\n\"use client\";import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import*as React from\"react\";// Breakpoint values in pixels\nconst BREAKPOINTS={XS:480,S:768,M:1024,L:1200};// Text style presets with breakpoints\nconst TEXT_STYLES={\"Heading 1\":{fontSize:{L:64,M:56,S:44,XS:42},lineHeightPercent:110,fontFamily:\"Poppins, sans-serif\",fontWeight:400,letterSpacing:{L:-1,M:-1,S:-.5,XS:0}},\"Heading 2\":{fontSize:{L:48,M:42,S:36,XS:32},lineHeightPercent:110,fontFamily:\"Poppins, sans-serif\",fontWeight:400,letterSpacing:{L:0,M:0,S:0,XS:0}},\"Heading 3\":{fontSize:{L:40,M:38,S:36,XS:32},lineHeightPercent:130,fontFamily:\"Poppins, sans-serif\",fontWeight:400,letterSpacing:{L:-.5,M:-.5,S:0,XS:0}},\"Heading 4\":{fontSize:{L:32,M:28,S:24,XS:20},lineHeightPercent:130,fontFamily:\"Poppins, sans-serif\",fontWeight:400,letterSpacing:{L:-.5,M:-.5,S:0,XS:0}},\"Heading 5\":{fontSize:{L:24,M:20,S:16,XS:16},lineHeightPercent:130,fontFamily:\"Poppins, sans-serif\",fontWeight:400,letterSpacing:{L:0,M:0,S:0,XS:0}},\"Heading 6\":{fontSize:{L:18,M:18,S:18,XS:16},lineHeightPercent:130,fontFamily:\"Poppins, sans-serif\",fontWeight:400,letterSpacing:{L:0,M:0,S:0,XS:0}},\"Body regular\":{fontSize:{L:16,M:16,S:16,XS:16},lineHeightPercent:150,fontFamily:\"Poppins, sans-serif\",fontWeight:400,letterSpacing:{L:0,M:0,S:0,XS:0}}};export function HeadingHighlight(props){const{text,highlightedWord,tag,textStyle,color,highlightFontFamily,highlightFontStyle,highlightFontWeight,customStylesEnabled,customFontSize,customLineHeightPercent,customFontFamily,alignment,width,height}=props;const Tag=tag;const presetStyle=TEXT_STYLES[textStyle]||TEXT_STYLES[\"Body regular\"];const[currentBreakpoint,setCurrentBreakpoint]=React.useState(\"L\");// Handle responsive breakpoints\nReact.useEffect(()=>{function handleResize(){const width=window.innerWidth;if(width<=BREAKPOINTS.XS)setCurrentBreakpoint(\"XS\");else if(width<=BREAKPOINTS.S)setCurrentBreakpoint(\"S\");else if(width<=BREAKPOINTS.M)setCurrentBreakpoint(\"M\");else setCurrentBreakpoint(\"L\");}handleResize()// Initial check\n;window.addEventListener(\"resize\",handleResize);return()=>window.removeEventListener(\"resize\",handleResize);},[]);const fontSize=customStylesEnabled?customFontSize:presetStyle.fontSize[currentBreakpoint];const lineHeightPercent=customStylesEnabled?customLineHeightPercent:presetStyle.lineHeightPercent;const fontFamily=customStylesEnabled?customFontFamily:presetStyle.fontFamily;const letterSpacing=customStylesEnabled?0:presetStyle.letterSpacing[currentBreakpoint];const calculatedLineHeight=`${lineHeightPercent}%`;const parts=text.split(new RegExp(`(${highlightedWord})`,\"gi\"));return /*#__PURE__*/_jsx(\"div\",{style:{width,height,display:\"flex\",justifyContent:alignment===\"center\"?\"center\":alignment===\"right\"?\"flex-end\":\"flex-start\",alignItems:\"flex-start\",overflow:\"visible\"},children:/*#__PURE__*/_jsx(Tag,{style:{margin:0,color:color,fontSize:`${fontSize}px`,lineHeight:calculatedLineHeight,fontFamily,fontWeight:presetStyle.fontWeight,letterSpacing:`${letterSpacing}px`,textAlign:alignment,wordWrap:\"break-word\",maxWidth:\"100%\"},role:tag===\"span\"?\"heading\":undefined,\"aria-level\":tag===\"span\"?2:undefined,children:parts.map((part,index)=>part.toLowerCase()===highlightedWord.toLowerCase()?/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:highlightFontFamily,fontStyle:highlightFontStyle,fontWeight:highlightFontWeight},children:part},index):part)})});}HeadingHighlight.defaultProps={text:\"Your team needs real UX practitioners\",highlightedWord:\"real\",tag:\"h2\",textStyle:\"Heading 2\",color:\"#030926\",highlightFontFamily:\"Georgia, serif\",highlightFontStyle:\"italic\",highlightFontWeight:\"bold\",customStylesEnabled:false,customFontSize:32,customLineHeightPercent:120,customFontFamily:\"Poppins, sans-serif\",alignment:\"left\",width:\"100%\",height:\"auto\"};addPropertyControls(HeadingHighlight,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"Your team needs real UX practitioners\"},highlightedWord:{type:ControlType.String,title:\"Highlight Word\",defaultValue:\"real\"},tag:{type:ControlType.Enum,title:\"Tag\",options:[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"p\",\"span\"],defaultValue:\"h2\"},textStyle:{type:ControlType.Enum,title:\"Text Style\",options:Object.keys(TEXT_STYLES),optionTitles:Object.keys(TEXT_STYLES),defaultValue:\"Heading 2\"},color:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#030926\"},highlightFontFamily:{type:ControlType.String,title:\"Highlight Font\",defaultValue:\"Georgia, serif\"},highlightFontStyle:{type:ControlType.Enum,title:\"Highlight Style\",options:[\"normal\",\"italic\"],optionTitles:[\"Normal\",\"Italic\"],defaultValue:\"italic\"},highlightFontWeight:{type:ControlType.Enum,title:\"Highlight Weight\",options:[\"normal\",\"bold\"],optionTitles:[\"Normal\",\"Bold\"],defaultValue:\"bold\"},customStylesEnabled:{type:ControlType.Boolean,title:\"Custom Styles\",defaultValue:false},customFontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:32,min:10,max:200,hidden:props=>!props.customStylesEnabled},customLineHeightPercent:{type:ControlType.Number,title:\"Line Height %\",defaultValue:120,min:80,max:300,hidden:props=>!props.customStylesEnabled},customFontFamily:{type:ControlType.String,title:\"Font Family\",defaultValue:\"Poppins, sans-serif\",hidden:props=>!props.customStylesEnabled},alignment:{type:ControlType.SegmentedEnum,title:\"Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"left\"}});export default HeadingHighlight;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HeadingHighlight\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"HeadingHighlight\":{\"type\":\"reactComponent\",\"name\":\"HeadingHighlight\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Style_Test.map"],
  "mappings": "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",
  "names": ["BREAKPOINTS", "TEXT_STYLES", "HeadingHighlight", "props", "text", "highlightedWord", "tag", "textStyle", "color", "highlightFontFamily", "highlightFontStyle", "highlightFontWeight", "customStylesEnabled", "customFontSize", "customLineHeightPercent", "customFontFamily", "alignment", "width", "height", "Tag", "presetStyle", "currentBreakpoint", "setCurrentBreakpoint", "ye", "ue", "handleResize", "window", "fontSize", "lineHeightPercent", "fontFamily", "letterSpacing", "calculatedLineHeight", "parts", "p", "part", "index", "addPropertyControls", "ControlType", "Style_Test_default"]
}