{"version":3,"file":"GrowthSubscriptionCard.CKVpTYDh.mjs","names":["useState","useCallback"],"sources":["https:/framerusercontent.com/modules/pxqPkfdP3FwodCzoBMlv/16UTkdjyMNZYTUTS9wJs/GrowthSubscriptionCard.js"],"sourcesContent":["// GrowthSubscriptionCard: Always-visible plan selector card with toast\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useCallback,startTransition}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{motion,AnimatePresence}from\"framer-motion\";const DEMO_PLANS=[{id:\"organic\",label:\"Organic Growth\",icon:\"bolt\",tagline:\"Best for steady, long-term results.\"},{id:\"demand\",label:\"Demand-Gen\",icon:\"bolt\",tagline:\"Accelerate leads with paid & organic.\"},{id:\"custom\",label:\"Tailor Your Plan\",icon:\"bolt\",tagline:\"Let's build your custom solution.\"}];function BoltIcon({color,fill=\"none\",strokeOpacity=1}){return /*#__PURE__*/_jsx(\"svg\",{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:fill,\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M13 2L3 14h7v8l10-12h-7V2z\",stroke:color,strokeWidth:\"2\",strokeLinejoin:\"round\",fill:fill,strokeOpacity:strokeOpacity})});}/**\n * GrowthSubscriptionCard\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 498\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function GrowthSubscriptionCard(props){const{plans=DEMO_PLANS,onSelect,primaryColor=\"#6D5CFF\",style}=props;const isStatic=useIsStaticRenderer();const[selected,setSelected]=useState(plans[0]?.id||null);const[showTagline,setShowTagline]=useState(plans[0]?.id||null);const handleSelect=useCallback((plan,idx)=>{startTransition(()=>{setSelected(plan.id);setShowTagline(plan.id);});if(onSelect)onSelect(plan.id);},[onSelect]);// Card styles\nconst cardStyles={...style,width:\"100%\",maxWidth:400,minWidth:0,background:\"linear-gradient(135deg, #FFFFFF 0%, #F8F8FF 100%)\",borderRadius:16,boxShadow:\"0 12px 28px 0 rgba(109,92,255,0.12)\",paddingTop:56,paddingRight:32,paddingBottom:32,paddingLeft:32,display:\"flex\",flexDirection:\"column\",fontFamily:\"system-ui, sans-serif\",boxSizing:\"border-box\"};return /*#__PURE__*/_jsxs(\"div\",{style:cardStyles,children:[/*#__PURE__*/_jsx(\"h2\",{style:{...props.headlineFont||{},fontWeight:props.headlineFont?.variant===\"Bold\"?700:props.headlineFont?.fontWeight||600,fontSize:props.headlineFont?.fontSize||22,margin:0,marginBottom:28,color:\"#18182C\",letterSpacing:\"-0.01em\",wordBreak:\"break-word\",whiteSpace:\"normal\",width:\"100%\"},children:props.headlineText||\"Growth Engine Subscription\"}),/*#__PURE__*/_jsx(motion.ul,{style:{display:\"flex\",flexDirection:\"column\",gap:14,margin:0,padding:0,listStyle:\"none\"},children:plans.map((plan,idx)=>{const isSelected=selected===plan.id;const defaultPad=props.itemPadding??12;const activePad=props.activeItemPadding??20;return /*#__PURE__*/_jsxs(motion.li,{style:{display:\"flex\",alignItems:\"center\",gap:20,borderRadius:8,paddingTop:isSelected?activePad:defaultPad,paddingBottom:isSelected?activePad:defaultPad,paddingLeft:20,paddingRight:20,fontWeight:isSelected?600:500,fontSize:15,color:\"#222\",background:isSelected?\"#EEF1FF\":\"#fff\",cursor:isStatic?\"default\":\"pointer\",position:\"relative\",boxShadow:\"none\",outline:\"none\",userSelect:undefined,opacity:1,transition:\"background .15s, font-weight .15s, padding .18s cubic-bezier(.4,0,.2,1)\"},whileHover:isStatic?undefined:{x:4,opacity:1},whileTap:undefined,transition:{type:\"spring\",stiffness:380,damping:26},onClick:isStatic?undefined:()=>handleSelect(plan,idx),tabIndex:0,\"aria-selected\":isSelected,role:\"option\",children:[isSelected&&/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",left:0,top:0,height:\"100%\",width:4,borderRadius:4,background:primaryColor}}),/*#__PURE__*/_jsx(\"span\",{style:{display:\"flex\",alignItems:\"center\",zIndex:1},children:/*#__PURE__*/_jsx(BoltIcon,{color:primaryColor,fill:isSelected?primaryColor:\"none\",strokeOpacity:isSelected?1:.7})}),/*#__PURE__*/_jsxs(\"span\",{style:{...props.planFont||{},fontWeight:isSelected?600:props.planFont?.variant===\"Medium\"?500:props.planFont?.fontWeight||500,fontSize:props.planFont?.fontSize||15,zIndex:1,display:\"flex\",flexDirection:\"column\"},children:[plan.label,/*#__PURE__*/_jsx(AnimatePresence,{children:isSelected&&showTagline===plan.id&&plan.tagline&&/*#__PURE__*/_jsx(motion.small,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:8},transition:{type:\"tween\",duration:.22},style:{...props.tagFont||{},fontWeight:props.tagFont?.variant===\"Regular\"?400:props.tagFont?.fontWeight||400,fontSize:props.tagFont?.fontSize||13,color:primaryColor,marginTop:8,letterSpacing:0,lineHeight:1.2,display:\"block\"},children:plan.tagline},plan.id+\"-tagline\")})]})]},plan.id);})})]});}addPropertyControls(GrowthSubscriptionCard,{headlineText:{type:ControlType.String,title:\"Headline Text\",defaultValue:\"Growth Engine Subscription\",placeholder:\"Headline...\"},itemPadding:{type:ControlType.Number,title:\"Item Padding\",defaultValue:12,min:4,max:40,step:1,unit:\"px\"},activeItemPadding:{type:ControlType.Number,title:\"Active Padding\",defaultValue:20,min:4,max:56,step:1,unit:\"px\"},plans:{type:ControlType.Array,title:\"Plans\",control:{type:ControlType.Object,controls:{id:{type:ControlType.String,defaultValue:\"organic\"},label:{type:ControlType.String,defaultValue:\"Organic Growth\"},icon:{type:ControlType.String,defaultValue:\"bolt\"},tagline:{type:ControlType.String,defaultValue:\"Best for steady, long-term results.\"}}},defaultValue:DEMO_PLANS,maxCount:5},primaryColor:{type:ControlType.Color,title:\"Primary Color\",defaultValue:\"#6D5CFF\"},headlineFont:{type:ControlType.Font,title:\"Headline Font\",defaultValue:{fontSize:22,variant:\"Bold\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},planFont:{type:ControlType.Font,title:\"Plan Title Font\",defaultValue:{fontSize:15,variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},tagFont:{type:ControlType.Font,title:\"Tagline Font\",defaultValue:{fontSize:13,variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1.2em\"},controls:\"extended\",defaultFontType:\"sans-serif\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GrowthSubscriptionCard\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"498\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GrowthSubscriptionCard.map"],"mappings":"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"}