(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73559],{73559:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>eI});var r=n(87687),o=n(52751),i=n.t(o,2),l=n(31928);function a(e,t=[]){let n=[],i=()=>{let t=n.map(e=>o.createContext(e));return function(n){let r=n?.[e]||t;return o.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return i.scopeName=e,[function(t,i){let l=o.createContext(i),a=n.length;n=[...n,i];let s=t=>{let{scope:n,children:i,...s}=t,u=n?.[e]?.[a]||l,c=o.useMemo(()=>s,Object.values(s));return(0,r.jsx)(u.Provider,{value:c,children:i})};return s.displayName=t+"Provider",[s,function(n,r){let s=r?.[e]?.[a]||l,u=o.useContext(s);if(u)return u;if(void 0!==i)return i;throw Error(`\`${n}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let o=n(e)[`__scope${r}`];return{...t,...o}},{});return o.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}(i,...t)]}function s(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function u(...e){return t=>{let n=!1,r=e.map(e=>{let r=s(e,t);return n||"function"!=typeof r||(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];"function"==typeof n?n():s(e[t],null)}}}}function c(...e){return o.useCallback(u(...e),e)}var d=o.forwardRef((e,t)=>{let{children:n,...i}=e,l=o.Children.toArray(n),a=l.find(m);if(a){let e=a.props.children,n=l.map(t=>t!==a?t:o.Children.count(e)>1?o.Children.only(null):o.isValidElement(e)?e.props.children:null);return(0,r.jsx)(f,{...i,ref:t,children:o.isValidElement(e)?o.cloneElement(e,void 0,n):null})}return(0,r.jsx)(f,{...i,ref:t,children:n})});d.displayName="Slot";var f=o.forwardRef((e,t)=>{let{children:n,...r}=e;if(o.isValidElement(n)){let e=function(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(n=(t=Object.getOwnPropertyDescriptor(e,"ref")?.get)&&"isReactWarning"in t&&t.isReactWarning)?e.props.ref:e.props.ref||e.ref}(n);return o.cloneElement(n,{...function(e,t){let n={...t};for(let r in t){let o=e[r],i=t[r];/^on[A-Z]/.test(r)?o&&i?n[r]=(...e)=>{i(...e),o(...e)}:o&&(n[r]=o):"style"===r?n[r]={...o,...i}:"className"===r&&(n[r]=[o,i].filter(Boolean).join(" "))}return{...e,...n}}(r,n.props),ref:t?u(t,e):e})}return o.Children.count(n)>1?o.Children.only(null):null});f.displayName="SlotClone";var p=({children:e})=>(0,r.jsx)(r.Fragment,{children:e});function m(e){return o.isValidElement(e)&&e.type===p}function v(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),!1===n||!r.defaultPrevented)return t?.(r)}}function h(e){let t=o.useRef(e);return o.useEffect(()=>{t.current=e}),o.useMemo(()=>(...e)=>t.current?.(...e),[])}function w({prop:e,defaultProp:t,onChange:n=()=>{}}){let[r,i]=function({defaultProp:e,onChange:t}){let n=o.useState(e),[r]=n,i=o.useRef(r),l=h(t);return o.useEffect(()=>{i.current!==r&&(l(r),i.current=r)},[r,i,l]),n}({defaultProp:t,onChange:n}),l=void 0!==e,a=l?e:r,s=h(n);return[a,o.useCallback(t=>{if(l){let n="function"==typeof t?t(e):t;n!==e&&s(n)}else i(t)},[l,e,i,s])]}n(82494);var y=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((e,t)=>{let n=o.forwardRef((e,n)=>{let{asChild:o,...i}=e,l=o?d:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,r.jsx)(l,{...i,ref:n})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{}),x=globalThis?.document?o.useLayoutEffect:()=>{},g=e=>{let{present:t,children:n}=e,r=function(e){var t,n;let[r,i]=o.useState(),l=o.useRef({}),a=o.useRef(e),s=o.useRef("none"),[u,c]=(t=e?"mounted":"unmounted",n={mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}},o.useReducer((e,t)=>{let r=n[e][t];return null!=r?r:e},t));return o.useEffect(()=>{let e=b(l.current);s.current="mounted"===u?e:"none"},[u]),x(()=>{let t=l.current,n=a.current;if(n!==e){let r=s.current,o=b(t);e?c("MOUNT"):"none"===o||(null==t?void 0:t.display)==="none"?c("UNMOUNT"):n&&r!==o?c("ANIMATION_OUT"):c("UNMOUNT"),a.current=e}},[e,c]),x(()=>{if(r){var e;let t;let n=null!==(e=r.ownerDocument.defaultView)&&void 0!==e?e:window,o=e=>{let o=b(l.current).includes(e.animationName);if(e.target===r&&o&&(c("ANIMATION_END"),!a.current)){let e=r.style.animationFillMode;r.style.animationFillMode="forwards",t=n.setTimeout(()=>{"forwards"===r.style.animationFillMode&&(r.style.animationFillMode=e)})}},i=e=>{e.target===r&&(s.current=b(l.current))};return r.addEventListener("animationstart",i),r.addEventListener("animationcancel",o),r.addEventListener("animationend",o),()=>{n.clearTimeout(t),r.removeEventListener("animationstart",i),r.removeEventListener("animationcancel",o),r.removeEventListener("animationend",o)}}c("ANIMATION_END")},[r,c]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:o.useCallback(e=>{e&&(l.current=getComputedStyle(e)),i(e)},[])}}(t),i="function"==typeof n?n({present:r.isPresent}):o.Children.only(n),l=c(r.ref,function(e){var t,n;let r=null===(t=Object.getOwnPropertyDescriptor(e.props,"ref"))||void 0===t?void 0:t.get,o=r&&"isReactWarning"in r&&r.isReactWarning;return o?e.ref:(o=(r=null===(n=Object.getOwnPropertyDescriptor(e,"ref"))||void 0===n?void 0:n.get)&&"isReactWarning"in r&&r.isReactWarning)?e.props.ref:e.props.ref||e.ref}(i));return"function"==typeof n||r.isPresent?o.cloneElement(i,{ref:l}):null};function b(e){return(null==e?void 0:e.animationName)||"none"}g.displayName="Presence";var N=i["useId".toString()]||(()=>void 0),j=0;function C(e){let[t,n]=o.useState(N());return x(()=>{e||n(e=>e??String(j++))},[e]),e||(t?`radix-${t}`:"")}var A="Collapsible",[R,I]=a(A),[E,O]=R(A),k=o.forwardRef((e,t)=>{let{__scopeCollapsible:n,open:i,defaultOpen:l,disabled:a,onOpenChange:s,...u}=e,[c=!1,d]=w({prop:i,defaultProp:l,onChange:s});return(0,r.jsx)(E,{scope:n,disabled:a,contentId:C(),open:c,onOpenToggle:o.useCallback(()=>d(e=>!e),[d]),children:(0,r.jsx)(y.div,{"data-state":P(c),"data-disabled":a?"":void 0,...u,ref:t})})});k.displayName=A;var M="CollapsibleTrigger",_=o.forwardRef((e,t)=>{let{__scopeCollapsible:n,...o}=e,i=O(M,n);return(0,r.jsx)(y.button,{type:"button","aria-controls":i.contentId,"aria-expanded":i.open||!1,"data-state":P(i.open),"data-disabled":i.disabled?"":void 0,disabled:i.disabled,...o,ref:t,onClick:v(e.onClick,i.onOpenToggle)})});_.displayName=M;var S="CollapsibleContent",T=o.forwardRef((e,t)=>{let{forceMount:n,...o}=e,i=O(S,e.__scopeCollapsible);return(0,r.jsx)(g,{present:n||i.open,children:e=>{let{present:n}=e;return(0,r.jsx)(D,{...o,ref:t,present:n})}})});T.displayName=S;var D=o.forwardRef((e,t)=>{let{__scopeCollapsible:n,present:i,children:l,...a}=e,s=O(S,n),[u,d]=o.useState(i),f=o.useRef(null),p=c(t,f),m=o.useRef(0),v=m.current,h=o.useRef(0),w=h.current,g=s.open||u,b=o.useRef(g),N=o.useRef(void 0);return o.useEffect(()=>{let e=requestAnimationFrame(()=>b.current=!1);return()=>cancelAnimationFrame(e)},[]),x(()=>{let e=f.current;if(e){N.current=N.current||{transitionDuration:e.style.transitionDuration,animationName:e.style.animationName},e.style.transitionDuration="0s",e.style.animationName="none";let t=e.getBoundingClientRect();m.current=t.height,h.current=t.width,b.current||(e.style.transitionDuration=N.current.transitionDuration,e.style.animationName=N.current.animationName),d(i)}},[s.open,i]),(0,r.jsx)(y.div,{"data-state":P(s.open),"data-disabled":s.disabled?"":void 0,id:s.contentId,hidden:!g,...a,ref:p,style:{"--radix-collapsible-content-height":v?"".concat(v,"px"):void 0,"--radix-collapsible-content-width":w?"".concat(w,"px"):void 0,...e.style},children:g&&l})});function P(e){return e?"open":"closed"}var U=o.createContext(void 0),q="Accordion",L=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[W,z,F]=function(e){let t=e+"CollectionProvider",[n,i]=a(t),[l,s]=n(t,{collectionRef:{current:null},itemMap:new Map}),u=e=>{let{scope:t,children:n}=e,i=o.useRef(null),a=o.useRef(new Map).current;return(0,r.jsx)(l,{scope:t,itemMap:a,collectionRef:i,children:n})};u.displayName=t;let f=e+"CollectionSlot",p=o.forwardRef((e,t)=>{let{scope:n,children:o}=e,i=c(t,s(f,n).collectionRef);return(0,r.jsx)(d,{ref:i,children:o})});p.displayName=f;let m=e+"CollectionItemSlot",v="data-radix-collection-item",h=o.forwardRef((e,t)=>{let{scope:n,children:i,...l}=e,a=o.useRef(null),u=c(t,a),f=s(m,n);return o.useEffect(()=>(f.itemMap.set(a,{ref:a,...l}),()=>void f.itemMap.delete(a))),(0,r.jsx)(d,{[v]:"",ref:u,children:i})});return h.displayName=m,[{Provider:u,Slot:p,ItemSlot:h},function(t){let n=s(e+"CollectionConsumer",t);return o.useCallback(()=>{let e=n.collectionRef.current;if(!e)return[];let t=Array.from(e.querySelectorAll("[".concat(v,"]")));return Array.from(n.itemMap.values()).sort((e,n)=>t.indexOf(e.ref.current)-t.indexOf(n.ref.current))},[n.collectionRef,n.itemMap])},i]}(q),[$,V]=a(q,[F,I]),H=I(),B=o.forwardRef((e,t)=>{let{type:n,...o}=e;return(0,r.jsx)(W.Provider,{scope:e.__scopeAccordion,children:"multiple"===n?(0,r.jsx)(Q,{...o,ref:t}):(0,r.jsx)(J,{...o,ref:t})})});B.displayName=q;var[K,Y]=$(q),[Z,G]=$(q,{collapsible:!1}),J=o.forwardRef((e,t)=>{let{value:n,defaultValue:i,onValueChange:l=()=>{},collapsible:a=!1,...s}=e,[u,c]=w({prop:n,defaultProp:i,onChange:l});return(0,r.jsx)(K,{scope:e.__scopeAccordion,value:u?[u]:[],onItemOpen:c,onItemClose:o.useCallback(()=>a&&c(""),[a,c]),children:(0,r.jsx)(Z,{scope:e.__scopeAccordion,collapsible:a,children:(0,r.jsx)(et,{...s,ref:t})})})}),Q=o.forwardRef((e,t)=>{let{value:n,defaultValue:i,onValueChange:l=()=>{},...a}=e,[s=[],u]=w({prop:n,defaultProp:i,onChange:l}),c=o.useCallback(e=>u(function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return[...t,e]}),[u]),d=o.useCallback(e=>u(function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.filter(t=>t!==e)}),[u]);return(0,r.jsx)(K,{scope:e.__scopeAccordion,value:s,onItemOpen:c,onItemClose:d,children:(0,r.jsx)(Z,{scope:e.__scopeAccordion,collapsible:!0,children:(0,r.jsx)(et,{...a,ref:t})})})}),[X,ee]=$(q),et=o.forwardRef((e,t)=>{let{__scopeAccordion:n,disabled:i,dir:l,orientation:a="vertical",...s}=e,u=c(o.useRef(null),t),d=z(n),f="ltr"===function(e){let t=o.useContext(U);return e||t||"ltr"}(l),p=v(e.onKeyDown,e=>{var t;if(!L.includes(e.key))return;let n=e.target,r=d().filter(e=>{var t;return!(null===(t=e.ref.current)||void 0===t?void 0:t.disabled)}),o=r.findIndex(e=>e.ref.current===n),i=r.length;if(-1===o)return;e.preventDefault();let l=o,s=i-1,u=()=>{(l=o+1)>s&&(l=0)},c=()=>{(l=o-1)<0&&(l=s)};switch(e.key){case"Home":l=0;break;case"End":l=s;break;case"ArrowRight":"horizontal"===a&&(f?u():c());break;case"ArrowDown":"vertical"===a&&u();break;case"ArrowLeft":"horizontal"===a&&(f?c():u());break;case"ArrowUp":"vertical"===a&&c()}null===(t=r[l%i].ref.current)||void 0===t||t.focus()});return(0,r.jsx)(X,{scope:n,disabled:i,direction:l,orientation:a,children:(0,r.jsx)(W.Slot,{scope:n,children:(0,r.jsx)(y.div,{...s,"data-orientation":a,ref:u,onKeyDown:i?void 0:p})})})}),en="AccordionItem",[er,eo]=$(en),ei=o.forwardRef((e,t)=>{let{__scopeAccordion:n,value:o,...i}=e,l=ee(en,n),a=Y(en,n),s=H(n),u=C(),c=o&&a.value.includes(o)||!1,d=l.disabled||e.disabled;return(0,r.jsx)(er,{scope:n,open:c,disabled:d,triggerId:u,children:(0,r.jsx)(k,{"data-orientation":l.orientation,"data-state":ed(c),...s,...i,ref:t,disabled:d,open:c,onOpenChange:e=>{e?a.onItemOpen(o):a.onItemClose(o)}})})});ei.displayName=en;var el="AccordionHeader";o.forwardRef((e,t)=>{let{__scopeAccordion:n,...o}=e,i=ee(q,n),l=eo(el,n);return(0,r.jsx)(y.h3,{"data-orientation":i.orientation,"data-state":ed(l.open),"data-disabled":l.disabled?"":void 0,...o,ref:t})}).displayName=el;var ea="AccordionTrigger",es=o.forwardRef((e,t)=>{let{__scopeAccordion:n,...o}=e,i=ee(q,n),l=eo(ea,n),a=G(ea,n),s=H(n);return(0,r.jsx)(W.ItemSlot,{scope:n,children:(0,r.jsx)(_,{"aria-disabled":l.open&&!a.collapsible||void 0,"data-orientation":i.orientation,id:l.triggerId,...s,...o,ref:t})})});es.displayName=ea;var eu="AccordionContent",ec=o.forwardRef((e,t)=>{let{__scopeAccordion:n,...o}=e,i=ee(q,n),l=eo(eu,n),a=H(n);return(0,r.jsx)(T,{role:"region","aria-labelledby":l.triggerId,"data-orientation":i.orientation,...a,...o,ref:t,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...e.style}})});function ed(e){return e?"open":"closed"}ec.displayName=eu;var ef=n(54401),ep=n(71597),em=n(30251),ev=n(43858);let eh={tension:300,friction:18},ew=(0,l.I)("svg")({name:"Svg",class:"s1wncog4",propsAsIs:!1}),ey=function(e){let{size:t=20,isHovering:n=!1,direction:o="down",...i}=e,l=(0,ev.A)(n),a=(0,ef.A)(),s=(0,em.zh)({points:"down"===o?l?"7 10 12 17 17 10":"6 9 12 15 18 9":l?"7 15 12 7 17 15":"6 15 12 9 18 15",config:eh,immediate:a});return(0,r.jsx)(ew,{xmlns:"http://www.w3.org/2000/svg",width:t/16+"rem",height:t/16+"rem",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",...i,children:(0,r.jsx)(em.CS.polyline,{...s})})};n(93945);let ex=[{title:"Example question",answer:"Example answer"},{title:"Click/tap to expand",answer:"This example answer is much longer, with several lines of text that meander aimlessly. These words aren’t really intended to be read, they exist purely to increase the height of the accordion so that the enter animation is more impressive."},{title:"One last question",answer:"You know the drill by now. These aren’t real questions. \uD83D\uDE05"}];function eg(e){let{title:t,answer:n,isExpanded:i,requiresApproval:l,setHasApprovedMotion:a}=e,[s,u]=o.useState(!1);return(0,r.jsxs)(eN,{value:t,children:[(0,r.jsxs)(ej,{onMouseEnter:()=>{u(!0)},onMouseLeave:()=>{u(!1)},onClick:e=>{l&&(confirm("Your device is configured to reduce motion, and this demo includes a significant amount of motion. Would you like to continue?")?a(!0):e.preventDefault())},children:[(0,r.jsx)(eC,{children:t}),(0,r.jsx)(ey,{direction:i?"up":"down",isHovering:s})]}),(0,r.jsx)(eA,{children:(0,r.jsx)(eR,{children:n})})]},t)}let eb=(0,l.I)(ep.A)({name:"Wrapper",class:"wqnp1ad",propsAsIs:!0}),eN=(0,l.I)(ei)({name:"Item",class:"ip9j52e",propsAsIs:!0}),ej=(0,l.I)(es)({name:"Trigger",class:"t1qbzfzx",propsAsIs:!0}),eC=(0,l.I)("span")({name:"Title",class:"t1iwavr0",propsAsIs:!1}),eA=(0,l.I)(ec)({name:"Content",class:"c1e3vypa",propsAsIs:!0}),eR=(0,l.I)("div")({name:"InnerContent",class:"irynrdh",propsAsIs:!1}),eI=function(){let[e,t]=o.useState(!1),[n,i]=o.useState(""),l=(0,ef.A)()&&!e;return(0,r.jsx)(eb,{children:(0,r.jsx)(B,{className:"AccordionRoot",type:"single",collapsible:!0,onValueChange:e=>{i(e)},children:ex.map(e=>{let o=n===e.title;return(0,r.jsx)(eg,{title:e.title,answer:e.answer,isExpanded:o,requiresApproval:l,setHasApprovedMotion:t},e.title)})})})};n(46182)},93945:e=>{e.exports={s1wncog4:"s1wncog4"}},46182:e=>{e.exports={wqnp1ad:"wqnp1ad",ip9j52e:"ip9j52e",t1qbzfzx:"t1qbzfzx",t1iwavr0:"t1iwavr0",c1e3vypa:"c1e3vypa","slideDown-c1e3vypa":"slideDown-c1e3vypa","slideUp-c1e3vypa":"slideUp-c1e3vypa",irynrdh:"irynrdh"}}}]);
//# sourceMappingURL=73559.2da9e5b3f7cdd81c.js.map