{"version":3,"file":"Button_Animation_Text.BCAx3U8q.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/4e90rhpKVmSrFe3F6Wio/p3dpEJwwbN7wG63pJJZx/Button_Animation_Text.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";export default function TextStaggerHover(props){const{text=\"Hover Me\",font,color=\"#000000\",transition={type:\"tween\",duration:.4,ease:\"easeInOut\"},stagger=30,distance=120,textTransform=\"none\",padding=0,paddingPerSide=false,paddingTop=0,paddingRight=0,paddingBottom=0,paddingLeft=0}=props;const[isHovered,setIsHovered]=useState(false);const duration=transition?.duration??.4;const chars=text.split(\"\");const maxDelay=stagger/100*duration;const perCharDelay=chars.length>1?maxDelay/(chars.length-1):0;const baseDelay=transition?.delay??0;const dist=`${distance/100}em`;const paddingStyle=paddingPerSide?{paddingTop,paddingRight,paddingBottom,paddingLeft}:{padding};const ease=\"cubic-bezier(0.25, 0.1, 0.25, 1)\";return /*#__PURE__*/_jsx(\"div\",{onPointerEnter:()=>setIsHovered(true),onPointerLeave:()=>setIsHovered(false),style:{...paddingStyle,boxSizing:\"border-box\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsxs(\"span\",{style:{...font,color,textTransform,display:\"inline\",position:\"relative\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{visibility:\"hidden\",whiteSpace:\"pre\"},children:text}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",left:0,top:0,display:\"inline\",whiteSpace:\"nowrap\"},children:chars.map((char,i)=>{const delay=baseDelay+i*perCharDelay;const t=`transform ${duration}s ${ease} ${delay}s, opacity ${duration}s ${ease} ${delay}s`;const ch=char===\" \"?\"\\xa0\":char;return /*#__PURE__*/_jsxs(\"span\",{style:{display:\"inline-block\",position:\"relative\",whiteSpace:\"pre\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",transition:t,transform:isHovered?`translateY(-${dist})`:\"translateY(0)\",opacity:isHovered?0:1},children:ch}),/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",position:\"absolute\",left:0,top:0,transition:t,transform:isHovered?\"translateY(0)\":`translateY(${dist})`,opacity:isHovered?1:0},children:ch})]},i);})})]})});}addPropertyControls(TextStaggerHover,{text:{type:ControlType.String,defaultValue:\"Hover Me\",title:\"Text\"},font:{type:ControlType.Font,controls:\"extended\",title:\"Font\"},color:{type:ControlType.Color,defaultValue:\"#000000\",title:\"Color\"},textTransform:{type:ControlType.Enum,options:[\"none\",\"uppercase\",\"lowercase\",\"capitalize\"],optionTitles:[\"None\",\"Uppercase\",\"Lowercase\",\"Capitalize\"],defaultValue:\"none\",title:\"Transform\"},transition:{type:ControlType.Transition,title:\"Transition\"},stagger:{type:ControlType.Number,defaultValue:30,min:0,max:100,step:1,unit:\"%\",title:\"Stagger\"},distance:{type:ControlType.Number,defaultValue:120,min:50,max:300,step:5,unit:\"%\",title:\"Distance\"},padding:{type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"All\",\"Per Side\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0,title:\"Padding\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TextStaggerHover\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Button_Animation_Text.map"],"mappings":"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"}