{"version":3,"file":"KineticFAQ.LTIvKzmc.mjs","names":["useRef","useState","p","__esmMin","init_ssg_sandbox_shims","window","_e","de","p","init_npm_react_18_3_1","ce","init_framer_B6PCHH0A","ControlType","addPropertyControls","Row","p$1","inner","h","setH","hover","setHover","el","ro","t","reduce","EASE","bid","id","i","pid","open","onToggle","narrow","qa","KineticFAQ","props","list","items","DEFAULT_ITEMS","setOpen","firstOpen","uid","box","w","setW","toggle","o","x","single","lineColor","accent","init_KineticFAQ","init_jsx_runtime"],"sources":["https:/framerusercontent.com/modules/fR3phh6WHAxmmnax9SkG/R3RSwcCLGIy4rg8S7etV/KineticFAQ.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const EASE=\"cubic-bezier(.22,1,.36,1)\";let uid=0;function Row({qa,i,open,onToggle,p,id,reduce,narrow}){const inner=useRef(null);const[h,setH]=useState(0);const[hover,setHover]=useState(false);useEffect(()=>{const el=inner.current;if(!el||typeof ResizeObserver===\"undefined\")return;const ro=new ResizeObserver(()=>setH(el.offsetHeight));ro.observe(el);setH(el.offsetHeight);return()=>ro.disconnect();},[]);const t=reduce?\"none\":`${p.duration}s ${EASE}`;const bid=`${id}-q${i}`,pid=`${id}-a${i}`;return /*#__PURE__*/_jsxs(\"div\",{style:{borderBottom:`1px solid ${p.lineColor}`},children:[/*#__PURE__*/_jsx(\"h3\",{style:{margin:0},children:/*#__PURE__*/_jsxs(\"button\",{type:\"button\",id:bid,\"aria-expanded\":open,\"aria-controls\":pid,onClick:onToggle,onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),className:\"kfaq-q\",style:{...p.questionFont,fontSize:narrow?(parseFloat(String(p.questionFont?.fontSize??22))||22)*.8:p.questionFont?.fontSize,width:\"100%\",display:\"grid\",gridTemplateColumns:p.showIndex?\"auto 1fr auto\":\"1fr auto\",alignItems:\"center\",columnGap:narrow?12:20,textAlign:\"left\",padding:`${p.rowPadding}px ${p.rowPadding*.6}px`,margin:0,border:0,cursor:\"pointer\",color:p.textColor,borderRadius:p.radius,background:hover||open?p.hoverFill:\"transparent\",transition:reduce?\"none\":`background-color .35s ease`},children:[p.showIndex?/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{...p.indexFont,color:open?p.accent:p.mutedColor,transition:\"color .3s ease\",minWidth:narrow?\"auto\":\"2.4em\"},children:String(i+1).padStart(2,\"0\")}):null,/*#__PURE__*/_jsx(\"span\",{style:{transform:hover&&!open?\"translateX(6px)\":\"none\",transition:reduce?\"none\":`transform .5s ${EASE}`},children:qa.question}),/*#__PURE__*/_jsxs(\"span\",{\"aria-hidden\":\"true\",style:{position:\"relative\",width:34,height:34,borderRadius:999,border:`1px solid ${open?p.accent:p.lineColor}`,background:open?p.accent:\"transparent\",color:open?p.accentInk:p.textColor,transition:reduce?\"none\":`all .4s ${EASE}`,flexShrink:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",left:10,right:10,top:16,height:1.5,background:\"currentColor\"}}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",left:10,right:10,top:16,height:1.5,background:\"currentColor\",transform:open?\"rotate(0deg) scaleX(0)\":\"rotate(90deg)\",transition:t===\"none\"?\"none\":`transform ${t}`}})]})]})}),/*#__PURE__*/_jsx(\"div\",{id:pid,role:\"region\",\"aria-labelledby\":bid,style:{height:open?h:0,overflow:\"hidden\",transition:t===\"none\"?\"none\":`height ${t}`},children:/*#__PURE__*/_jsx(\"div\",{ref:inner,style:{padding:`0 ${p.rowPadding*.6}px ${p.rowPadding*1.1}px`,paddingLeft:p.showIndex&&!narrow?`calc(${p.rowPadding*.6}px + 2.4em + 20px)`:p.rowPadding*.6,boxSizing:\"border-box\",opacity:open?1:0,transform:open?\"none\":\"translateY(-8px)\",transition:reduce?\"none\":`opacity ${p.duration*.8}s ${EASE} ${open?p.duration*.15:0}s, transform ${p.duration}s ${EASE}`},children:/*#__PURE__*/_jsx(\"p\",{style:{...p.answerFont,color:p.mutedColor,margin:0,maxWidth:\"62ch\",whiteSpace:\"pre-line\"},children:qa.answer})})})]});}/**\n * Kinetic FAQ — a smooth, accessible accordion.\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 880\n */export default function KineticFAQ(props){const{items,single,firstOpen,lineColor,accent}=props;const list=items&&items.length?items:DEFAULT_ITEMS;const[open,setOpen]=useState(firstOpen?[0]:[]);const id=useRef(`kfaq${++uid}`).current;const reduce=typeof window!==\"undefined\"&&!!window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;const box=useRef(null);const[w,setW]=useState(880);useEffect(()=>{const el=box.current;if(!el||typeof ResizeObserver===\"undefined\")return;const ro=new ResizeObserver(()=>setW(el.clientWidth));ro.observe(el);setW(el.clientWidth);return()=>ro.disconnect();},[]);const toggle=i=>setOpen(o=>o.includes(i)?o.filter(x=>x!==i):single?[i]:[...o,i]);return /*#__PURE__*/_jsxs(\"div\",{ref:box,style:{...props.style,width:\"100%\",borderTop:`1px solid ${lineColor}`},children:[/*#__PURE__*/_jsx(\"style\",{children:`.kfaq-q:focus-visible{outline:2px solid ${accent};outline-offset:-2px}`}),list.map((qa,i)=>/*#__PURE__*/_jsx(Row,{qa:qa,i:i,open:open.includes(i),onToggle:()=>toggle(i),p:props,id:id,reduce:reduce,narrow:w<520},i))]});}const DEFAULT_ITEMS=[{question:\"What does KYBRE actually design?\",answer:\"Robots for real homes: humanoid helpers, robot vacuums, companions and the software that makes them feel calm to live with. We take a product from first sketch to the version you can build at scale.\"},{question:\"Do you only work with robotics companies?\",answer:\"Mostly. We also partner with appliance brands and research labs moving into robotics, as long as the product will live around people.\"},{question:\"How long does a typical project take?\",answer:\"A focused sprint (concept, form and interaction) takes 6–8 weeks. A full product, through engineering and pilot builds, usually runs 9–14 months.\"},{question:\"Can you help with manufacturing?\",answer:\"Yes. Our hardware team designs for manufacture from day one and stays on through prototyping, tooling and the first production run.\"},{question:\"How do we start?\",answer:\"Send a short note about what you're building. We'll come back within two working days with questions, not a sales deck.\"}];KineticFAQ.defaultProps={items:DEFAULT_ITEMS,single:true,firstOpen:true,showIndex:true,textColor:\"#EDEAE4\",mutedColor:\"rgba(237,234,228,0.6)\",lineColor:\"rgba(237,234,228,0.14)\",accent:\"#FF5A1F\",accentInk:\"#0E0F11\",hoverFill:\"rgba(237,234,228,0.04)\",rowPadding:24,radius:14,duration:.65};addPropertyControls(KineticFAQ,{items:{type:ControlType.Array,title:\"Questions\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"Question\"},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"Answer\",displayTextArea:true}}},defaultValue:DEFAULT_ITEMS},single:{type:ControlType.Boolean,title:\"Open\",defaultValue:true,enabledTitle:\"One\",disabledTitle:\"Many\"},firstOpen:{type:ControlType.Boolean,title:\"First Open\",defaultValue:true},showIndex:{type:ControlType.Boolean,title:\"Numbers\",defaultValue:true},textColor:{type:ControlType.Color,title:\"Question\",defaultValue:\"#EDEAE4\"},mutedColor:{type:ControlType.Color,title:\"Answer\",defaultValue:\"rgba(237,234,228,0.6)\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#FF5A1F\"},accentInk:{type:ControlType.Color,title:\"Icon on Accent\",defaultValue:\"#0E0F11\"},lineColor:{type:ControlType.Color,title:\"Lines\",defaultValue:\"rgba(237,234,228,0.14)\"},hoverFill:{type:ControlType.Color,title:\"Hover Fill\",defaultValue:\"rgba(237,234,228,0.04)\"},rowPadding:{type:ControlType.Number,title:\"Row Padding\",defaultValue:24,min:8,max:64,unit:\"px\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:14,min:0,max:40,unit:\"px\"},duration:{type:ControlType.Number,title:\"Duration\",defaultValue:.65,min:.1,max:2,step:.05,unit:\"s\"},questionFont:{type:ControlType.Font,title:\"Question Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:22,lineHeight:\"1.3em\",letterSpacing:\"-0.01em\"}},answerFont:{type:ControlType.Font,title:\"Answer Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:16,lineHeight:\"1.6em\"}},indexFont:{type:ControlType.Font,title:\"Number Font\",controls:\"extended\",defaultFontType:\"monospace\",defaultValue:{fontSize:12,letterSpacing:\"0.12em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"KineticFAQ\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"880\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./KineticFAQ.map"],"mappings":"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"}