{"version":3,"file":"MotionText.CSlVCGoq.mjs","names":["useState","isLetter","isLine","SplitText"],"sources":["https:/framerusercontent.com/modules/2AusMW9Upi6mhJ0JzKTi/T3PpsJ5IHtZKcvyOM7MR/MotionText.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion,useMotionValue,useAnimate,stagger}from\"framer-motion\";import{SplitText}from\"@cyriacbr/react-split-text\";const visibleVariant={opacity:1,x:0,y:0,scale:1,rotate:0,rotateX:0,rotateY:0};/**\n * Motion Text\n * By Benjamin den Boer & Adam Seckel\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n */export default function MotionText(props){const{opacity,x,y,scale,rotate,rotateX,rotateY}=props.effectOptions;const[hasAnimated,setHasAnimated]=useState(false);const isCanvas=RenderTarget.current()===RenderTarget.canvas;const initialOpacity=useMotionValue(isCanvas?1:0);const isSpring=props.transitionOptions.type===\"spring\";const springCurve={type:props.transitionOptions.type,stiffness:props.transitionOptions.stiffness,damping:props.transitionOptions.damping,mass:props.transitionOptions.mass};const easeCurve={type:props.transitionOptions.type,duration:props.transitionOptions.duration,ease:props.transitionOptions.ease};// Constructing the variants based on Effects\n// Hidden: from, visible: to\nconst item={hidden:{opacity,x,y,scale,rotate,rotateX,rotateY},visible:visibleVariant};const filteredTransition=isSpring?springCurve:easeCurve;const delay=props.transitionOptions.delay;const isLetter=props.type===\"letter\";const isWord=props.type===\"word\";const isLine=props.type===\"line\";const splitWrapperStyle={display:\"contents\"};function getSplitTextProps({isLetter,isWord,isLine}){const sharedProps={type:props.type,variants:item,perWord:props.perWord};if(isLetter)return{LetterWrapper:info=>/*#__PURE__*/_jsx(MotionSpanComponent,{...info,...sharedProps})};if(isLine)return{LineWrapper:info=>/*#__PURE__*/_jsx(MotionSpanComponent,{...info,...sharedProps})};return{WordWrapper:info=>/*#__PURE__*/_jsx(MotionSpanComponent,{...info,...sharedProps})};}const[scope,animate]=useAnimate();// If the variant changes, trigger the animation if the variant boolean has changed.\nuseEffect(()=>{if(isCanvas)return;let animation;const requestId=requestAnimationFrame(()=>{if(!scope.current)return;initialOpacity.set(1);animation=animate(\".motion-text-segment\",props.variant?item.visible:item.hidden,{...filteredTransition,delay:stagger(props.stagger,{startDelay:delay})});animation.then(()=>setHasAnimated(true));});return()=>{animation===null||animation===void 0?void 0:animation.stop();cancelAnimationFrame(requestId);};},[props.variant]);return /*#__PURE__*/_jsx(motion.div,{ref:scope,style:{width:\"100%\",height:\"100%\",// display: \"inline-block\",\nposition:\"relative\",overflow:props.overflow?\"visible\":\"hidden\",fontSize:props.font.fontSize,fontFamily:props.font.font,fontWeight:props.font.fontWeight,letterSpacing:props.font.letterSpacing,lineHeight:props.font.lineHeightType?props.font.lineHeight:`${props.font.lineHeightPixels}px`,textAlign:props.font.textAlign,whiteSpace:props.font.whiteSpace,color:props.color,left:`${props.font.offset}%`,margin:0,padding:0,opacity:initialOpacity},initial:isCanvas||hasAnimated?\"visible\":\"hidden\",children:isCanvas?props.text:/*#__PURE__*/_jsx(SplitText,{style:splitWrapperStyle,...getSplitTextProps({isLetter,isWord,isLine}),children:props.text})});}const getIndex=(isLetter,isWord,isLine,countIndex=0,letterIndex=0,wordIndex=0,lineIndex=0,perWord)=>{if(isLetter)return perWord?letterIndex:countIndex;if(isWord)return countIndex;return lineIndex;};const MotionSpanComponent=({type,countIndex=0,letterIndex=0,wordIndex=0,lineIndex=0,variants,isCanvas,children,perWord,...props})=>{const isLetter=type===\"letter\";const isWord=type===\"word\";const isLine=type===\"line\";const index=getIndex(isLetter,isWord,isLine,countIndex,letterIndex,wordIndex,lineIndex,perWord);return /*#__PURE__*/_jsx(motion.span,{...props,style:{perspective:1200,display:\"inline-block\",whiteSpace:\"pre\",margin:0,padding:0,willChange:\"transform\"},variants:variants,className:\"motion-text-segment\",children:children});};MotionText.displayName=\"Motion Text\";MotionText.defaultProps={text:\"Hello World\",stagger:.05,variant:true,newTab:true,tag:\"heading1\",effectOptions:{x:0,y:100,rotate:0,rotateX:0,rotateY:0},transitionOptions:{type:\"spring\",stiffness:400,damping:30,mass:1,delay:.05},overflow:false,font:{font:\"Inter\",fontSize:32,fontWeight:400,textAlign:\"center\",lineHeight:1.2,lineHeightType:true,lineHeightPixels:100,letterSpacing:0,offset:0,whiteSpace:\"nowrap\"}};/* Property Controls */addPropertyControls(MotionText,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"Hello World\",displayTextArea:true},type:{title:\"Type\",type:ControlType.Enum,options:[\"letter\",\"word\",\"line\"],optionTitles:[\"Letter\",\"Word\",\"Line\"],defaultValue:\"letter\"},// link: { type: ControlType.Link, title: \"Link\" },\n// newTab: { type: ControlType.Boolean, title: \"New Tab\", defaultValue: true },\nperWord:{type:ControlType.Boolean,title:\"Per Word\",defaultValue:false,hidden:props=>props.type!==\"letter\"},variant:{title:\"Animate\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"In\",disabledTitle:\"Out\"},overflow:{title:\"Overflow\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:false},stagger:{title:\"Stagger\",type:ControlType.Number,step:.01,defaultValue:.05,displayStepper:true},effectOptions:{title:\"From\",type:ControlType.Object,controls:{opacity:{title:\"Opacity\",type:ControlType.Number,min:0,max:1,step:.01,defaultValue:0},x:{title:\"X\",type:ControlType.Number,min:-200,max:200,unit:\"%\",step:1,defaultValue:0,displayStepper:true},y:{title:\"Y\",type:ControlType.Number,min:-200,max:200,unit:\"%\",step:1,defaultValue:100,displayStepper:true},scale:{title:\"Scale\",type:ControlType.Number,min:0,max:5,step:.01,defaultValue:1,displayStepper:true},rotate:{title:\"Rotate\",type:ControlType.Number,min:-360,max:360,unit:\"\\xb0\",step:1,defaultValue:0},rotateX:{title:\"Rotate X\",type:ControlType.Number,min:-360,max:360,unit:\"\\xb0\",step:1,defaultValue:0},rotateY:{title:\"Rotate Y\",type:ControlType.Number,min:-360,max:360,unit:\"\\xb0\",step:1,defaultValue:0}}},transitionOptions:{type:ControlType.Transition,title:\"Transition\",defaultValue:{type:\"spring\",stiffness:400,damping:30,mass:1,delay:.05}},color:{type:ControlType.Color,defaultValue:\"#888\"},font:{type:ControlType.Object,controls:{font:{type:ControlType.String,placeholder:\"Inter\",defaultValue:\"Inter\"},fontSize:{title:\"Size\",type:ControlType.Number,min:0,max:500,step:.5,defaultValue:32},fontWeight:{type:ControlType.Enum,options:[100,200,300,400,500,600,700,800,900],defaultValue:400,title:\"Weight\"},textAlign:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"},letterSpacing:{title:\"Letter\",type:ControlType.Number,defaultValue:0,step:.1,displayStepper:true},offset:{type:ControlType.Number,title:\"Offset\",min:-100,max:100,displayStepper:true,step:.25,defaultValue:0,unit:\"%\"},whiteSpace:{type:ControlType.Enum,title:\"Space\",options:[\"normal\",\"nowrap\",\"pre\",\"pre-wrap\",\"preline\",\"break-spaces\"],optionTitles:[\"Normal\",\"No Wrap\",\"Pre\",\"Pre Wrap\",\"Preline\",\"Break Spaces\"],defaultValue:\"center\"},lineHeight:{type:ControlType.Number,title:\"Line\",min:-500,max:500,displayStepper:true,step:.1,defaultValue:1.2,hidden:props=>!props.lineHeightType},lineHeightPixels:{type:ControlType.Number,title:\"Line\",min:-500,max:500,displayStepper:true,step:.1,defaultValue:100,hidden:props=>props.lineHeightType},lineHeightType:{type:ControlType.Boolean,title:\" \",enabledTitle:\"em\",disabledTitle:\"px\",defaultValue:true}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MotionText\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MotionText.map"],"mappings":"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"}