{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/8eJFo8ZehkgMEIVw4R2a/DAQTBFlPgyPUf6P291r1/Ballpark.js", "ssg:https://framerusercontent.com/modules/iBfZNyHGiSQ0M7JWIlIS/ylLYWvWrm3X5CPdVuCpx/AccordionFAQ.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";export function withBallpark(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,onClick:()=>window?.showBallParkWidget?.()});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withBallpark\":{\"type\":\"reactHoc\",\"name\":\"withBallpark\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Ballpark.map", "// Accordion FAQ component with 5 questions, expandable, animated\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useCallback,startTransition,useEffect}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";const defaultFaqs=[{question:\"What is Framer?\",answer:\"Framer is a design and prototyping tool for teams building digital products.\"},{question:\"How do I use this FAQ?\",answer:\"Click on a question to expand and see the answer.\"},{question:\"Can I add more questions?\",answer:\"Yes, you can add as many questions as you like in the property panel.\"},{question:\"Is this component responsive?\",answer:\"Yes, it adapts to the width of its container.\"},{question:\"Are animations included?\",answer:\"Yes, expanding and collapsing is smoothly animated.\"}];/**\n * Accordion FAQ\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function AccordionFAQ(props){const{faqs=defaultFaqs,background,questionColor,answerColor,borderColor,chevronColor,borderRadius,questionFont,answerFont,questionSpacing,style}=props;const isStatic=useIsStaticRenderer();// Track open state for each accordion\nconst[openStates,setOpenStates]=useState(()=>faqs.map((_,i)=>i===0));useEffect(()=>{// If faqs array changes length, reset openStates\nsetOpenStates(prev=>{if(faqs.length!==prev.length){return faqs.map((_,i)=>i===0);}return prev;});},[faqs.length]);const handleToggle=useCallback(idx=>{startTransition(()=>{setOpenStates(prev=>{const next=[...prev];next[idx]=!next[idx];return next;});});},[]);return /*#__PURE__*/_jsx(\"div\",{style:{...style,background,borderRadius,boxShadow:\"none\",padding:0,width:\"100%\",minWidth:240,maxWidth:\"100%\",overflow:\"hidden\",border:`1px solid ${borderColor}`},children:faqs.map((item,idx)=>{const expanded=openStates[idx];// --- Begin: Smooth collapse/expand state management ---\nconst[rendered,setRendered]=useState(expanded);useEffect(()=>{let timeout;if(expanded){setRendered(true);}else{timeout=setTimeout(()=>setRendered(false),1100);}return()=>clearTimeout(timeout);},[expanded]);// --- End: Smooth collapse/expand state management ---\nreturn /*#__PURE__*/_jsxs(\"div\",{style:{background:background,transition:\"background 0.2s\",marginBottom:idx<faqs.length-1?questionSpacing:0},children:[/*#__PURE__*/_jsxs(\"button\",{\"aria-expanded\":expanded,\"aria-controls\":`faq-answer-${idx}`,onClick:()=>handleToggle(idx),style:{width:\"100%\",textAlign:\"left\",background:\"none\",border:\"none\",outline:\"none\",padding:\"0 0 10px 0\",cursor:\"pointer\",color:questionColor,display:\"flex\",alignItems:\"flex-start\",gap:12,...questionFont,fontSize:questionFont.fontSize,borderRadius:expanded?`${borderRadius}px ${borderRadius}px 0 0`:`${borderRadius}px`,transition:\"background 0.2s, color 0.2s\",boxShadow:\"none\",textShadow:\"none\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-flex\",height:questionFont.lineHeight?typeof questionFont.lineHeight===\"string\"&&questionFont.lineHeight.endsWith(\"em\")?`calc(${questionFont.fontSize} * ${parseFloat(questionFont.lineHeight)})`:questionFont.lineHeight:questionFont.fontSize,minHeight:questionFont.fontSize,alignItems:\"center\",justifyContent:\"center\",marginRight:0,userSelect:\"none\"},\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-flex\",alignItems:\"center\",transition:\"transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)\",transform:expanded?\"rotate(180deg)\":\"rotate(0deg)\",color:borderColor},children:/*#__PURE__*/_jsx(\"svg\",{width:\"13\",height:\"7\",viewBox:\"0 0 13 7\",fill:\"none\",stroke:chevronColor||borderColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",style:{display:\"block\"},children:/*#__PURE__*/_jsx(\"polyline\",{points:\"1 1 6.5 6 12 1\"})})})}),/*#__PURE__*/_jsx(\"span\",{style:{flex:1,whiteSpace:\"pre-line\",wordBreak:\"break-word\"},children:item.question})]}),/*#__PURE__*/_jsx(\"div\",{id:`faq-answer-${idx}`,style:{maxHeight:expanded?500:0,opacity:expanded?1:0,overflow:\"hidden\",transition:isStatic?\"none\":\"max-height 1.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.1s cubic-bezier(0.4, 0, 0.2, 1), padding 1.1s cubic-bezier(0.4, 0, 0.2, 1)\",background:background,padding:expanded?\"0 0 10px 37px\":\"0 0 0 37px\",color:answerColor,...answerFont,fontWeight:400,fontSize:answerFont.fontSize,lineHeight:answerFont.lineHeight,willChange:\"max-height, opacity, padding\"},\"aria-live\":\"polite\",children:rendered&&/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",whiteSpace:\"pre-line\",pointerEvents:expanded?\"auto\":\"none\",visibility:expanded?\"visible\":\"visible\"},children:item.answer})})]},idx);})});}addPropertyControls(AccordionFAQ,{faqs:{type:ControlType.Array,title:\"FAQs\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"What is Framer?\"},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"Framer is a design and prototyping tool for teams building digital products.\",displayTextArea:true}}},maxCount:20,defaultValue:defaultFaqs},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},questionColor:{type:ControlType.Color,title:\"Question Color\",defaultValue:\"#000000\"},answerColor:{type:ControlType.Color,title:\"Answer Color\",defaultValue:\"#222222\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#EEEEEE\"},chevronColor:{type:ControlType.Color,title:\"Chevron Color\",defaultValue:\"#CCCCCC\"},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:8,min:0,max:32},questionFont:{type:ControlType.Font,title:\"Question Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"18px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"}},answerFont:{type:ControlType.Font,title:\"Answer Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Regular\",letterSpacing:\"-0.01em\",lineHeight:\"1.5em\"}},questionSpacing:{type:ControlType.Number,title:\"Question Spacing\",defaultValue:20,min:0,max:60,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AccordionFAQ\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AccordionFAQ.map"],
  "mappings": "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",
  "names": ["withBallpark", "Component", "props", "p", "window", "defaultFaqs", "AccordionFAQ", "props", "faqs", "background", "questionColor", "answerColor", "borderColor", "chevronColor", "borderRadius", "questionFont", "answerFont", "questionSpacing", "style", "isStatic", "useIsStaticRenderer", "openStates", "setOpenStates", "ye", "_", "i", "ue", "prev", "handleToggle", "te", "idx", "Z", "next", "p", "item", "expanded", "rendered", "setRendered", "timeout", "u", "addPropertyControls", "ControlType"]
}