{"version":3,"file":"StaggerText.Dc6MM0D3.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/uT5o0whyjDSE7mdImllg/eHSUdJRoSgjaEoYOI39I/StaggerText.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef,useState}from\"react\";import{motion,useInView}from\"framer-motion\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";export default function StaggerText(props){const{text=\"HEY\",font,color,textTransform,splitType,trigger,delay,stagger,duration,yOffset,htmlTag=\"h1\"}=props;const containerRef=useRef(null);const isInView=useInView(containerRef,{once:true,margin:\"-10%\"});const[isHovered,setIsHovered]=useState(false);const isStatic=useIsStaticRenderer();const shouldAnimate=isStatic?true:trigger===\"inView\"?isInView:isHovered;const currentAlign=font?.textAlign||\"left\";const flexAlign=currentAlign===\"center\"?\"center\":currentAlign===\"right\"?\"flex-end\":\"flex-start\";const MotionTag=motion[htmlTag]||motion.div;const containerVariants={hidden:{},visible:{transition:{staggerChildren:stagger,delayChildren:delay}}};const itemVariants={hidden:{y:`${yOffset}%`},visible:{y:\"0%\",transition:{duration:duration,ease:[.76,0,.24,1]}}};const srOnlyStyle={position:\"absolute\",width:\"1px\",height:\"1px\",padding:0,margin:\"-1px\",overflow:\"hidden\",clip:\"rect(0, 0, 0, 0)\",whiteSpace:\"nowrap\",border:0};return /*#__PURE__*/_jsxs(MotionTag,{ref:containerRef,onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),initial:\"hidden\",animate:shouldAnimate?\"visible\":\"hidden\",variants:isStatic?{}:containerVariants,style:{display:\"flex\",flexDirection:\"column\",alignItems:flexAlign,color:color,textTransform:textTransform,width:\"100%\",margin:0,...font,fontFamily:font?.fontFamily?`${font.fontFamily}, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif`:\"system-ui, sans-serif\"},children:[/*#__PURE__*/_jsx(\"span\",{style:srOnlyStyle,children:text}),/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{display:\"flex\",flexDirection:\"column\",alignItems:flexAlign,width:\"100%\"},children:text.split(/\\r?\\n/).map((line,lineIndex)=>/*#__PURE__*/_jsx(\"span\",{style:{display:\"flex\",flexWrap:\"wrap\",justifyContent:flexAlign,width:\"100%\",alignContent:\"flex-start\"},children:line===\"\"?/*#__PURE__*/_jsx(\"span\",{style:{height:\"1em\"},children:\"\\xa0\"}):splitType===\"lines\"?/*#__PURE__*/_jsx(MaskedItem,{item:line,variants:itemVariants,isStatic:isStatic}):splitType===\"words\"?(line.match(/(\\s+|\\S+)/g)||[]).map((word,wordIndex)=>/*#__PURE__*/_jsx(MaskedItem,{item:word,variants:itemVariants,isStatic:isStatic},wordIndex)):(line.match(/(\\s+|\\S+)/g)||[]).map((chunk,chunkIndex)=>{if(/^\\s+$/.test(chunk)){return /*#__PURE__*/_jsx(MaskedItem,{item:chunk,variants:itemVariants,isStatic:isStatic},`space-${chunkIndex}`);}return /*#__PURE__*/_jsx(\"span\",{style:{display:\"flex\",flexWrap:\"nowrap\"},children:chunk.split(\"\").map((char,charIndex)=>/*#__PURE__*/_jsx(MaskedItem,{item:char,variants:itemVariants,isStatic:isStatic},charIndex))},chunkIndex);})},`line-${lineIndex}`))})]});}function MaskedItem({item,variants,isStatic}){return /*#__PURE__*/_jsx(\"span\",{style:{overflow:\"hidden\",display:\"inline-flex\",padding:\"0.2em 0.15em\",margin:\"-0.2em -0.15em\"},children:/*#__PURE__*/_jsx(motion.span,{variants:isStatic?{}:variants,style:{whiteSpace:\"pre\",display:\"inline-block\",willChange:\"transform\"},children:item})});}addPropertyControls(StaggerText,{text:{type:ControlType.String,title:\"Texto\",defaultValue:\"Director-led premium\\nagency crafting...\",displayTextArea:true},htmlTag:{type:ControlType.Enum,title:\"HTML Tag\",options:[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"p\",\"div\",\"span\"],defaultValue:\"h1\"},font:{// @ts-ignore\ntype:ControlType.Font,title:\"Font\",controls:\"extended\",defaultValue:{fontFamily:\"geist\",fontSize:16,fontWeight:500,letterSpacing:-2,lineHeight:1.1,textAlign:\"left\"}},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#FFFFFF\"},textTransform:{type:ControlType.Enum,title:\"Text Transform\",options:[\"none\",\"uppercase\",\"lowercase\"],optionTitles:[\"Normal\",\"MAY\\xdaS\",\"min\\xfas\"],defaultValue:\"none\"},splitType:{type:ControlType.Enum,title:\"Split Type\",options:[\"chars\",\"words\",\"lines\"],optionTitles:[\"Letras\",\"Palabras\",\"L\\xedneas\"],defaultValue:\"chars\",displaySegmentedControl:true},trigger:{type:ControlType.Enum,title:\"Trigger\",options:[\"inView\",\"hover\"],optionTitles:[\"Scroll\",\"Hover\"],defaultValue:\"inView\",displaySegmentedControl:true},delay:{type:ControlType.Number,title:\"Delay\",defaultValue:0,step:.1,displayStepper:true},stagger:{type:ControlType.Number,title:\"Stagger\",defaultValue:.02,step:.01},duration:{type:ControlType.Number,title:\"Duration\",defaultValue:1,step:.1},yOffset:{type:ControlType.Number,title:\"(Y%) Offset\",defaultValue:100,min:10,max:200}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"StaggerText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StaggerText.map"],"mappings":"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"}