{"version":3,"file":"ButtonColorChanging.CAQ4_AtM.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/GYkLWNcg7BUM34EHXq3I/eIlZ0TO8YDddsoDb9WXg/ButtonColorChanging.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType,useRouter}from\"framer\";/**\n * ButtonColorChange\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 283\n * @framerIntrinsicHeight 58\n */export default function ButtonColorChange({label=\"Let's Connect\",font,bgColor=\"#68F1FF\",accentColor=\"#000000\",borderRadius=5,link=\"\",onTap,style}){const[hovered,setHovered]=useState(false);const[pressed,setPressed]=useState(false);const router=useRouter();const parseRoute=(routes,targetPath)=>{if(!targetPath)return null;const[routePath,anchorName]=targetPath.split(\"#\");for(const[routeId,routeInfo]of Object.entries(routes||{})){const pattern=routeInfo.path;if(!pattern)continue;const paramNames=[];const regexPattern=pattern.replace(/:(\\w+)/g,(_,name)=>{paramNames.push(name);return\"([^/]+)\";});const match=routePath.match(new RegExp(`^${regexPattern}$`));if(match){const params=paramNames.reduce((acc,name,i)=>{acc[name]=match[i+1];return acc;},{});let anchorId;if(anchorName&&routeInfo.elements){const entry=Object.entries(routeInfo.elements).find(([,v])=>v===anchorName);if(entry)anchorId=entry[0];}return{routeId,params,anchorId};}}return null;};const handleClick=()=>{onTap?.();if(!link)return;const isExternal=link.startsWith(\"http://\")||link.startsWith(\"https://\")||link.startsWith(\"//\")||link.startsWith(\"mailto:\")||link.startsWith(\"tel:\");if(isExternal){window.open(link,\"_blank\",\"noopener noreferrer\");}else{const result=parseRoute(router?.routes,link);if(result){router.navigate(result.routeId,result.anchorId??\"\",result.params);}else{window.location.href=link;}}};const fontStyles={fontFamily:font?.fontFamily??font?.family??\"'Merriweather Sans', sans-serif\",fontSize:font?.fontSize??20,fontWeight:font?.fontWeight??font?.weight??700,fontStyle:font?.fontStyle??font?.style??\"normal\",letterSpacing:font?.letterSpacing??font?.tracking??-1,lineHeight:font?.lineHeight??1.1};return /*#__PURE__*/_jsx(\"div\",{onMouseEnter:()=>setHovered(true),onMouseLeave:()=>{setHovered(false);setPressed(false);},onMouseDown:()=>setPressed(true),onMouseUp:()=>setPressed(false),onTouchStart:()=>setHovered(true),onTouchEnd:()=>setTimeout(()=>setHovered(false),400),onClick:handleClick,style:{width:283,height:58,position:\"relative\",cursor:\"pointer\",transform:pressed?\"scale(0.98)\":\"scale(1)\",transition:\"transform 0.1s ease\",...style},children:/*#__PURE__*/_jsxs(\"div\",{style:{background:bgColor,borderRadius,width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:hovered?-60:-19,top:\"50%\",width:hovered?400:19,height:hovered?400:19,marginTop:hovered?-200:-9.5,borderRadius:\"50%\",background:accentColor,transition:\"width 0.55s cubic-bezier(0.34, 1.1, 0.64, 1), height 0.55s cubic-bezier(0.34, 1.1, 0.64, 1), left 0.55s cubic-bezier(0.34, 1.1, 0.64, 1), margin-top 0.55s cubic-bezier(0.34, 1.1, 0.64, 1)\",zIndex:1}}),/*#__PURE__*/_jsx(\"p\",{style:{position:\"absolute\",left:20,top:\"50%\",...fontStyles,color:hovered?bgColor:accentColor,whiteSpace:\"nowrap\",margin:0,transform:hovered?\"translateY(-50%) translateX(10px)\":\"translateY(-50%) translateX(0px)\",transition:\"transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease\",zIndex:2},children:label}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",background:hovered?bgColor:accentColor,right:6,top:5,height:\"calc(100% - 10px)\",width:56,overflow:\"hidden\",borderRadius:5,zIndex:2,transition:\"background 0.3s ease\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",transform:hovered?\"translateX(51px)\":\"translateX(0px)\",transition:\"transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1)\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:19,top:\"50%\",marginTop:-9,width:18,height:18},children:/*#__PURE__*/_jsx(ArrowIcon,{color:hovered?accentColor:bgColor})}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:-32,top:\"50%\",marginTop:-9,width:18,height:18},children:/*#__PURE__*/_jsx(ArrowIcon,{color:hovered?accentColor:bgColor})})]})})]})});}function ArrowIcon({color}){return /*#__PURE__*/_jsx(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 18 18\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M3 9H15M15 9L10 4M15 9L10 14\",stroke:color,strokeWidth:2,strokeLinecap:\"round\",strokeLinejoin:\"round\"})});}addPropertyControls(ButtonColorChange,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Let's Connect\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\"},bgColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#68F1FF\"},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#000000\"},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:5,min:0,max:60,step:1,displayStepper:true},link:{type:ControlType.Link,title:\"Link To\"},onTap:{type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ButtonColorChange\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicHeight\":\"58\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicWidth\":\"283\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ButtonColorChanging.map"],"mappings":"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"}