{"version":3,"file":"HoverTextHighlight_1.DIOHvAko.mjs","names":[],"sources":["https:/framerusercontent.com/modules/pt9RP6xTSqwM8dLrmyQ5/iPaGjmve7Jlywqpxw00v/HoverTextHighlight_1.js"],"sourcesContent":["/**\n * Hover Text highlight\n *\n * A text component with animated hover effects such as background wipe or underline animation.\n *\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 800\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";function HoverTextHighlight(props){const{text=\"Hover Me\",color=\"#FFFFFF\",effectColor=\"#01A3FF\",hoverStyle=\"Background\",wipeDirection=\"leftToRight\",font={fontFamily:\"Inter\",fontSize:64,fontWeight:500,fontStyle:\"normal\",letterSpacing:0,lineHeight:1.2},transition={duration:.3,ease:\"easeInOut\"},textAlign=\"center\",underlineThickness=8}=props;const isBackground=hoverStyle===\"Background\";const isLeftToRight=wipeDirection===\"leftToRight\";const origins={background:{rest:isLeftToRight?\"bottom right\":\"bottom left\",hover:isLeftToRight?\"bottom left\":\"bottom right\"},underline:{rest:isLeftToRight?\"left center\":\"right center\",hover:isLeftToRight?\"left center\":\"right center\"}};const wipeVariants={rest:{scaleX:0,transformOrigin:origins[isBackground?\"background\":\"underline\"].rest,transition},hover:{scaleX:1,transformOrigin:origins[isBackground?\"background\":\"underline\"].hover,transition}};const wipeStyle=isBackground?{position:\"absolute\",inset:0,background:effectColor,willChange:\"transform\",zIndex:0}:{position:\"absolute\",bottom:0,left:0,height:underlineThickness,width:\"100%\",backgroundColor:effectColor,willChange:\"transform\",zIndex:1};const textStyle={position:\"relative\",display:\"inline-block\",overflow:\"hidden\",cursor:\"pointer\",color,textAlign,fontFamily:font.fontFamily,fontSize:font.fontSize,fontWeight:font.fontWeight,fontStyle:font.fontStyle,letterSpacing:font.letterSpacing,lineHeight:font.lineHeight};return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",justifyContent:\"center\",alignItems:\"center\",height:\"100%\",width:\"100%\",textAlign},children:/*#__PURE__*/_jsxs(motion.div,{style:textStyle,initial:\"rest\",animate:\"rest\",whileHover:\"hover\",children:[/*#__PURE__*/_jsx(motion.div,{style:wipeStyle,variants:wipeVariants}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"relative\",zIndex:1},children:text})]})});}addPropertyControls(HoverTextHighlight,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"Hover Me\"},font:{type:ControlType.Font,title:\"Font\",defaultValue:{fontFamily:\"Inter\",fontSize:64,fontWeight:500,fontStyle:\"normal\",letterSpacing:0,lineHeight:1.2},controls:\"extended\",defaultFontType:\"sans-serif\"},textAlign:{type:ControlType.Enum,title:\"Text Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"},color:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},effectColor:{type:ControlType.Color,title:\"Hover Color\",defaultValue:\"#01A3FF\"},hoverStyle:{type:ControlType.Enum,title:\"Hover Style\",options:[\"Background\",\"Underline\"],optionTitles:[\"Background\",\"Underline\"],defaultValue:\"Background\"},wipeDirection:{type:ControlType.Enum,title:\"Wipe Direction\",options:[\"leftToRight\",\"rightToLeft\"],optionTitles:[\"Left → Right\",\"Right → Left\"],defaultValue:\"leftToRight\"},transition:{type:ControlType.Transition,title:\"Transition\",defaultValue:{duration:.3,ease:\"easeInOut\"}},underlineThickness:{type:ControlType.Number,title:\"Underline Thickness\",defaultValue:8,min:0,max:100,step:1,unit:\"px\",hidden(props){return props.hoverStyle!==\"Underline\";}}});/**\n * @framerDisableUnlink\n */export default HoverTextHighlight;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HoverTextHighlight\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HoverTextHighlight_1.map"],"mappings":"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"}