{"version":3,"file":"Button.DP-JBWds.mjs","names":["React.useState","_Fragment","p"],"sources":["https:/framerusercontent.com/modules/XcJILQ8wPHdEeo2AxtpU/KRmt8yRadRhx7sw8MNNH/Button.js"],"sourcesContent":["// Rounded button with staggered hover text swap + outlined play icon + original wave fill (clipPath circle)\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";import{motion,AnimatePresence}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function NavWaveButton(props){const{text,link,openInNewTab,openOverlay,defaultFont,hoverFont,textColor,hoverTextColor,borderColor,fillColor,radius,paddingX,paddingY,gap,iconSize,showIcon,strokeWidth,// ✅ NEW\ncustomIcon,useCustomIcon,staggerDelay,animationDuration,fillDuration,style}=props;const[isHovered,setIsHovered]=React.useState(false);const[isOpen,setIsOpen]=React.useState(false);const letters=(text||\"\").split(\"\");const isYouTube=!!link&&(link.includes(\"youtube.com\")||link.includes(\"youtu.be\"));const getEmbedURL=url=>{if(!url)return\"\";let id=\"\";if(url.includes(\"youtu.be/\")){id=url.split(\"youtu.be/\")[1]?.split(/[?&]/)[0]??\"\";}else if(url.includes(\"v=\")){id=url.split(\"v=\")[1]?.split(\"&\")[0]??\"\";}return id?`https://www.youtube.com/embed/${id}?autoplay=1`:url;};React.useEffect(()=>{const onKey=e=>{if(e.key===\"Escape\")setIsOpen(false);};window.addEventListener(\"keydown\",onKey);return()=>window.removeEventListener(\"keydown\",onKey);},[]);const shouldUseOverlay=openOverlay&&isYouTube;const content=/*#__PURE__*/_jsxs(motion.div,{style:{...style,position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",gap,padding:`${paddingY}px ${paddingX}px`,borderRadius:radius,border:`1px solid ${borderColor}`,cursor:\"pointer\",userSelect:\"none\",overflow:\"hidden\",width:\"fit-content\",whiteSpace:\"nowrap\",WebkitTapHighlightColor:\"transparent\",background:\"transparent\"},onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),children:[/*#__PURE__*/_jsx(motion.div,{\"aria-hidden\":\"true\",style:{position:\"absolute\",inset:0,background:fillColor,borderRadius:radius,zIndex:0},initial:false,animate:{clipPath:isHovered?\"circle(160% at 0% 0%)\":\"circle(0% at 0% 0%)\"},transition:{duration:fillDuration,ease:[.22,1,.36,1]}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",zIndex:1,display:\"inline-flex\",alignItems:\"center\",gap},children:[showIcon&&/*#__PURE__*/_jsx(motion.span,{\"aria-hidden\":\"true\",style:{display:\"inline-flex\",width:iconSize,height:iconSize,flexShrink:0,alignItems:\"center\",justifyContent:\"center\"},initial:false,animate:{scale:isHovered?1.05:1},transition:{duration:.2,ease:\"easeOut\"},children:useCustomIcon&&customIcon?/*#__PURE__*/_jsx(\"img\",{src:customIcon,alt:\"\",draggable:false,style:{width:iconSize,height:iconSize,objectFit:\"contain\",display:\"block\"}}):/*#__PURE__*/_jsx(\"svg\",{viewBox:\"0 0 24 24\",width:iconSize,height:iconSize,fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M8 6L18 12L8 18V6Z\",stroke:isHovered?hoverTextColor:textColor,strokeWidth:strokeWidth,strokeLinejoin:\"round\"})})}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",display:\"inline-flex\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{display:\"inline-flex\"},children:letters.map((letter,i)=>/*#__PURE__*/_jsx(motion.span,{style:{display:\"inline-block\",whiteSpace:letter===\" \"?\"pre\":\"normal\",...defaultFont,color:textColor},initial:false,animate:{y:isHovered?-18:0,opacity:isHovered?0:1},transition:{duration:animationDuration,delay:i*staggerDelay,ease:\"easeOut\"},children:letter},`d-${i}`))}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,display:\"inline-flex\",pointerEvents:\"none\",opacity:isHovered?1:0},children:letters.map((letter,i)=>/*#__PURE__*/_jsx(motion.span,{style:{display:\"inline-block\",whiteSpace:letter===\" \"?\"pre\":\"normal\",...hoverFont,color:hoverTextColor},initial:false,animate:{y:isHovered?0:18,opacity:isHovered?1:0},transition:{duration:animationDuration,delay:i*staggerDelay,ease:\"easeOut\"},children:letter},`h-${i}`))})]})]})]});return /*#__PURE__*/_jsxs(_Fragment,{children:[link?/*#__PURE__*/_jsx(\"a\",{href:shouldUseOverlay?\"#\":link,target:!shouldUseOverlay&&openInNewTab?\"_blank\":\"_self\",rel:!shouldUseOverlay&&openInNewTab?\"noopener noreferrer\":undefined,onClick:e=>{if(shouldUseOverlay){e.preventDefault();setIsOpen(true);}},style:{textDecoration:\"none\",color:\"inherit\",display:\"inline-block\"},children:content}):content,/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen&&shouldUseOverlay&&/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"fixed\",inset:0,zIndex:999999,background:\"rgba(0,0,0,0.85)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"5vw\"},onClick:()=>setIsOpen(false),children:/*#__PURE__*/_jsx(motion.div,{initial:{scale:.92,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.92,opacity:0},transition:{duration:.25,ease:\"easeOut\"},style:{width:\"100%\",maxWidth:1200,aspectRatio:\"16 / 9\",background:\"#000\",borderRadius:16,overflow:\"hidden\"},onClick:e=>e.stopPropagation(),children:/*#__PURE__*/_jsx(\"iframe\",{src:getEmbedURL(link),width:\"100%\",height:\"100%\",style:{border:\"none\"},allow:\"autoplay; fullscreen\",allowFullScreen:true})})})})]});}NavWaveButton.defaultProps={text:\"Button\",link:\"\",openInNewTab:false,openOverlay:true,defaultFont:{fontSize:\"16px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"},hoverFont:{fontSize:\"16px\",variant:\"Bold\",letterSpacing:\"-0.02em\",lineHeight:\"1em\"},textColor:\"#0A0A0A\",hoverTextColor:\"#0A0A0A\",borderColor:\"#0A0A0A\",fillColor:\"#F2430B\",radius:999,paddingX:16,paddingY:10,gap:10,iconSize:20,strokeWidth:1.8,showIcon:true,// ✅ NEW defaults\nuseCustomIcon:false,customIcon:\"\",staggerDelay:.03,animationDuration:.3,fillDuration:.35};addPropertyControls(NavWaveButton,{text:{type:ControlType.String,title:\"Text\"},link:{type:ControlType.Link,title:\"Link\"},openOverlay:{type:ControlType.Boolean,title:\"Open Overlay\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden:p=>!p.link},openInNewTab:{type:ControlType.Boolean,title:\"Open in New Tab\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden:p=>!p.link},showIcon:{type:ControlType.Boolean,title:\"Icon\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},iconSize:{type:ControlType.Number,title:\"Icon Size\",defaultValue:20,min:10,max:48,step:1,hidden:p=>!p.showIcon},// ✅ NEW controls\nuseCustomIcon:{type:ControlType.Boolean,title:\"Use Custom Icon\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden:p=>!p.showIcon},customIcon:{type:ControlType.File,title:\"Custom Icon\",allowedFileTypes:[\"svg\",\"png\",\"jpg\",\"webp\"],hidden:p=>!p.showIcon||!p.useCustomIcon},strokeWidth:{type:ControlType.Number,title:\"Stroke\",defaultValue:1.8,min:.5,max:6,step:.1,hidden:p=>!p.showIcon||p.useCustomIcon&&!!p.customIcon},defaultFont:{type:ControlType.Font,title:\"Default Font\",controls:\"extended\"},hoverFont:{type:ControlType.Font,title:\"Hover Font\",controls:\"extended\"},textColor:{type:ControlType.Color,title:\"Text\"},hoverTextColor:{type:ControlType.Color,title:\"Hover Text\"},borderColor:{type:ControlType.Color,title:\"Border\"},fillColor:{type:ControlType.Color,title:\"Fill\"},radius:{type:ControlType.Number,title:\"Radius\",min:0,max:200},paddingX:{type:ControlType.Number,title:\"Padding X\",min:0,max:80,step:1},paddingY:{type:ControlType.Number,title:\"Padding Y\",min:0,max:60,step:1},gap:{type:ControlType.Number,title:\"Gap\",min:0,max:40,step:1},staggerDelay:{type:ControlType.Number,title:\"Stagger\",min:0,max:.2,step:.01,unit:\"s\"},animationDuration:{type:ControlType.Number,title:\"Letters Dur\",min:.1,max:1,step:.05,unit:\"s\"},fillDuration:{type:ControlType.Number,title:\"Fill Dur\",min:.1,max:1.5,step:.05,unit:\"s\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NavWaveButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Button.map"],"mappings":"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"}