{"version":3,"file":"AnimatedText.BymID1J5.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/grZF1aJppB6vBVNNaIPE/4pkhqNEFJYwvkvMPSpV2/AnimatedText.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{useScroll,motion,useTransform}from\"framer-motion\";export default function AnimatedText(props){const element=useRef(null);const words=props.text.split(\" \");console.log(props.offsetStart);const{scrollYProgress}=useScroll({target:element,offset:[`start ${props.offsetStart}`,`start ${props.offsetEnd}`]});const font=props.font;return /*#__PURE__*/_jsx(\"p\",{ref:element,style:{...textStyle,fontFamily:font.fontFamily,fontSize:font.fontSize,fontStyle:font.fontStyle,fontWeight:font.fontWeight,letterSpacing:font.letterSpacing,lineHeight:font.lineHeight,textAlign:font.textAlign,color:props.color},children:words.map((word,index)=>{const start=index/words.length;const end=start+1/words.length;return /*#__PURE__*/_jsx(Word,{range:[start,end],progress:scrollYProgress,shadowOpacity:props.shadowOpacity,children:word},index);})});}const Word=({children,range,progress,shadowOpacity})=>{const characters=children.split(\"\");const amount=range[1]-range[0];const step=amount/children.length;return /*#__PURE__*/_jsx(\"span\",{style:wordStyle,children:characters.map((character,index)=>{const start=range[0]+step*index;const end=range[0]+step*(index+1);return /*#__PURE__*/_jsx(Character,{range:[start,end],progress:progress,shadowOpacity:shadowOpacity,children:character},index);})});};const Character=({children,range,progress,shadowOpacity})=>{const opacity=useTransform(progress,range,[0,1]);return /*#__PURE__*/_jsxs(\"span\",{style:wordStyle,children:[/*#__PURE__*/_jsx(\"span\",{style:{...shadowStyle,opacity:shadowOpacity},children:children}),/*#__PURE__*/_jsx(motion.span,{style:{opacity},children:children})]});};AnimatedText.defaultProps={text:\"Hello World!\",font:{fontFamily:\"Jost\",fontStyle:\"normal\",fontWeight:\"400\",fontSize:40,letterSpacing:0,lineHeight:\"1.2em\",textAlign:\"center\"},color:\"#ffffff\",shadowOpacity:.1,offsetStart:1,offsetEnd:.3};addPropertyControls(AnimatedText,{text:{type:ControlType.String,title:\"Text\",displayTextArea:true},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontFamily:\"Inter\",fontStyle:\"normal\",fontWeight:\"400\",fontSize:32,letterSpacing:0,lineHeight:\"1.2em\",textAlign:\"center\"}},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000\"},shadowOpacity:{type:ControlType.Number,title:\"Shadow Opacity\",defaultValue:.1,min:0,max:1,step:.05,displayStepper:true},offsetStart:{type:ControlType.Number,title:\"Offset Start\",defaultValue:1,min:0,max:1,step:.05},offsetEnd:{type:ControlType.Number,title:\"Offset End\",defaultValue:.2,min:0,max:1,step:.05}});const textStyle={display:\"flex\",flexWrap:\"wrap\",gap:\"0 10px\",padding:0};const wordStyle={position:\"relative\"};const shadowStyle={position:\"absolute\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AnimatedText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedText.map"],"mappings":"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"}