{"version":3,"file":"Mask_text_effect.DP8APK1d.mjs","names":[],"sources":["https:/framerusercontent.com/modules/CWzTHfPzeSAGyDGCGgxK/VcG2PFAZNEuO0i0rhvXT/Mask_text_effect.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";// Only load Google Fonts in the browser, after mount\nfunction useGoogleFont(){React.useEffect(()=>{const href=\"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700&display=swap\";if(typeof document!==\"undefined\"&&!document.querySelector(`link[href=\"${href}\"]`)){const fontLink=document.createElement(\"link\");fontLink.href=href;fontLink.rel=\"stylesheet\";document.head.appendChild(fontLink);}},[]);}export function MaskedReveal(props){useGoogleFont();const{text,tag,color,fontSize,fontFamily,fontWeight,letterSpacing,lineHeight,textAlign,textTransform,staggerDelay,animationDuration,animationDelay}=props;const lines=text.split(\"\\n\");const isCanvas=RenderTarget.current()===RenderTarget.canvas;const alignmentMap={left:\"flex-start\",center:\"center\",right:\"flex-end\"};const lineVariant={hidden:{y:\"110%\"},visible:{y:\"0%\",transition:{duration:animationDuration,ease:[.25,1,.5,1]}}};const MotionTag=motion[tag];// Use <span> if tag = \"p\", else <div>\nconst InnerWrapper=tag===\"p\"?\"span\":\"div\";return /*#__PURE__*/_jsx(MotionTag,{initial:isCanvas?\"visible\":\"hidden\",whileInView:isCanvas?undefined:\"visible\",viewport:isCanvas?undefined:{once:true,margin:\"-10% 0px -10% 0px\"},transition:{staggerChildren:staggerDelay,delayChildren:animationDelay},style:{display:\"flex\",flexDirection:\"column\",alignItems:alignmentMap[textAlign],color,fontFamily,fontSize,fontWeight,letterSpacing,lineHeight,textTransform,width:\"100%\",margin:0,padding:0},children:lines.map((line,index)=>/*#__PURE__*/_jsx(InnerWrapper,{style:{display:\"block\",overflow:isCanvas?\"visible\":\"hidden\",textAlign,width:\"100%\",paddingBottom:\"0.15em\",marginBottom:\"-0.15em\"},children:/*#__PURE__*/_jsx(motion.span,{variants:lineVariant,style:{display:\"block\",fontWeight},children:line})},index))});}MaskedReveal.defaultProps={text:\"Talk to our\\nconcierge\",tag:\"div\",color:\"#000000\",fontSize:64,fontFamily:\"Montserrat\",fontWeight:400,letterSpacing:0,lineHeight:1.1,textAlign:\"left\",textTransform:\"none\",staggerDelay:.1,animationDuration:1.2,animationDelay:.2};addPropertyControls(MaskedReveal,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"Talk to our\\nconcierge\",displayTextArea:true},tag:{type:ControlType.Enum,title:\"HTML Tag\",options:[\"div\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"p\",\"span\",\"section\"],optionTitles:[\"Div\",\"H1\",\"H2\",\"H3\",\"H4\",\"H5\",\"H6\",\"Paragraph\",\"Span\",\"Section\"],defaultValue:\"div\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"},fontFamily:{type:ControlType.Enum,title:\"Font Family\",options:[\"Montserrat\",\"Inter\",\"Bricolage Grotesque\"],optionTitles:[\"Mont\",\"Inter\",\"Brico\"],defaultValue:\"Montserrat\",displaySegmentedControl:true},fontSize:{type:ControlType.Number,title:\"Size\",defaultValue:64,min:8,max:200,step:1,displayStepper:true},fontWeight:{type:ControlType.Number,title:\"Weight\",defaultValue:400,min:100,max:900,step:100,displayStepper:true},letterSpacing:{type:ControlType.Number,title:\"Letter Spacing\",defaultValue:0,min:-10,max:20,step:.1,displayStepper:true},lineHeight:{type:ControlType.Number,title:\"Line Height\",defaultValue:1.1,min:.5,max:3,step:.1,displayStepper:true},textAlign:{type:ControlType.Enum,title:\"Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"left\",displaySegmentedControl:true},textTransform:{type:ControlType.Enum,title:\"Transform\",options:[\"none\",\"uppercase\",\"lowercase\",\"capitalize\"],optionTitles:[\"None\",\"AA\",\"aa\",\"Aa\"],defaultValue:\"none\",displaySegmentedControl:true},staggerDelay:{type:ControlType.Number,title:\"Stagger Delay\",defaultValue:.1,min:0,max:1,step:.05,displayStepper:true},animationDuration:{type:ControlType.Number,title:\"Duration\",defaultValue:1.2,min:.1,max:3,step:.1,displayStepper:true},animationDelay:{type:ControlType.Number,title:\"Initial Delay\",defaultValue:.2,min:0,max:8,step:.1,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"MaskedReveal\":{\"type\":\"reactComponent\",\"name\":\"MaskedReveal\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Mask_text_effect.map"],"mappings":"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"}