{"version":3,"file":"Button.Cy68AFCc.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/3WZvNZDq3AKzPBbtIH1n/EBUX9hWa8P9ffK8TCuR1/Button.js"],"sourcesContent":["// Button component with paper plane animation that flies to the right when pressed\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";import{useState,startTransition}from\"react\";export default function Button(props){const{label=\"Send Message\",backgroundColor=\"#2457F0\",textColor=\"#FFFFFF\",buttonFont={fontWeight:600,fontSize:\"16px\"},borderRadius=12}=props;const[animationKey,setAnimationKey]=useState(0);const[isAnimating,setIsAnimating]=useState(false);const handleClick=()=>{if(isAnimating)return;startTransition(()=>{setIsAnimating(true);setAnimationKey(prev=>prev+1);});// Reset state after animation completes (approx 1.8s)\nsetTimeout(()=>{startTransition(()=>setIsAnimating(false));},1800);};// Cloud/Smoke particle component\nconst CloudParticle=({delay,xOffset,yOffset,size})=>/*#__PURE__*/_jsx(motion.div,{initial:{scale:0,opacity:0,x:0,y:0},animate:isAnimating?{scale:[0,1,0],opacity:[0,.8,0],x:-20+xOffset,y:yOffset}:{scale:0,opacity:0},transition:{duration:.6,// We delay the clouds until the plane starts flying (approx 0.6s in)\n    delay:.6+delay,ease:\"easeOut\"},style:{position:\"absolute\",top:\"50%\",left:\"50%\",width:size,height:size,borderRadius:\"50%\",backgroundColor:textColor,marginTop:-size/2,marginLeft:-size/2,pointerEvents:\"none\",opacity:.5}},`cloud-${animationKey}-${delay}`);return /*#__PURE__*/_jsxs(\"button\",{onClick:handleClick,style:{position:\"relative\",backgroundColor,color:textColor,border:\"none\",borderRadius,padding:\"12px 24px\",cursor:\"pointer\",...buttonFont,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",overflow:\"hidden\",width:\"100%\",height:\"100%\",minWidth:160,minHeight:50},children:[/*#__PURE__*/_jsx(motion.span,{initial:{y:0,opacity:1},animate:isAnimating?{y:-20,opacity:0}// Move UP and Fade Out\n:{y:0,opacity:1},transition:{duration:.3,ease:\"easeIn\"},style:{zIndex:1},children:label},`text-${animationKey}`),/*#__PURE__*/_jsx(motion.div,{initial:{y:40,x:0,opacity:0,scale:1},animate:isAnimating?{// Keyframes for the sequence\ny:[40,0,0,0],x:[0,0,-5,200],opacity:[0,1,1,0],scale:[1,1,.9,1]}:{y:40,x:0,opacity:0},transition:{duration:1.2,times:[0,.3,.4,1],// 0-30%: Come up from bottom\n// 30-40%: Wait/Anticipate\n// 40-100%: Fly right\nease:\"easeInOut\"},style:{position:\"absolute\",top:\"50%\",left:\"50%\",marginTop:-12,marginLeft:-12,pointerEvents:\"none\",zIndex:2},children:/*#__PURE__*/_jsx(\"svg\",{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{transform:\"rotate(45deg)\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M2 12L22 2L15 22L11 13L2 12Z\"// Slightly more aerodynamic shape\n,fill:textColor,stroke:textColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})},`plane-${animationKey}`),isAnimating&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(CloudParticle,{delay:0,xOffset:-5,yOffset:2,size:6}),/*#__PURE__*/_jsx(CloudParticle,{delay:.1,xOffset:-12,yOffset:-4,size:8}),/*#__PURE__*/_jsx(CloudParticle,{delay:.05,xOffset:-8,yOffset:6,size:5})]})]});}addPropertyControls(Button,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Send\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#000000\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},buttonFont:{type:ControlType.Font,title:\"Button Font\",defaultValue:{variant:\"Semibold\",fontSize:\"14px\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:8,min:0,max:32}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Button\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Button.map"],"mappings":"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"}