https://consistentcharacterai.org/assets/accordion-BEu0JRlG.js

1import{o as e,t}from"./jsx-runtime-DVpe7PXp.js";import{d as n,t as r}from"./utils-DEAxkJ1G.js";import{t as i}from"./chevron-down-cOttPUq7.js";import{t as a}from"./chevron-up-RUbeZoYc.js";import{S as o,b as s,h as c,i as l,m as u,v as d}from"./button-C4JLP-6L.js";import{a as f,c as p,l as m,n as h,o as g,r as _,s as v,t as y}from"./useOpenChangeComplete-DtQbsVl3.js";import{It as b,d as x,l as S,p as C,s as w,u as T}from"./useOpenInteractionType-CPPUzLUi.js";import{_ as E,f as D,r as O,t as k}from"./useBaseUiId-wQwKVONO.js";import{c as A,n as j,s as M}from"./useCompositeListItem-D5Vpv2e8.js";import{n as N}from"./useField-BDvyQ_Vs.js";import{t as P}from"./isElementDisabled-KSuuBj8D.js";var F=e(n()),I=F.createContext(void 0);function L(){let e=F.useContext(I);if(e===void 0)throw Error(d(10));return e}var R=t(),z={value:()=>null},B=F.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,hiddenUntilFound:a,keepMounted:s,loopFocus:c=!0,onValueChange:u,multiple:d=!1,orientation:f=`vertical`,value:p,defaultValue:m,...h}=e,g=M(),_=F.useMemo(()=>{if(p===void 0)return m??[]},[p,m]),v=o(u),y=F.useRef([]),[b,x]=N({controlled:p,default:_,name:`Accordion`,state:`value`}),S=o((e,t)=>{let n=O(D);if(!d){let t=b[0]===e?[]:[e];if(v(t,n),n.isCanceled)return;x(t)}else if(t){let t=b.slice();if(t.push(e),v(t,n),n.isCanceled)return;x(t)}else{let t=b.filter(t=>t!==e);if(v(t,n),n.isCanceled)return;x(t)}}),C=F.useMemo(()=>({value:b,disabled:i,orientation:f}),[b,i,f]),w=F.useMemo(()=>({accordionItemRefs:y,direction:g,disabled:i,handleValueChange:S,hiddenUntilFound:a??!1,keepMounted:s??!1,loopFocus:c,orientation:f,state:C,value:b}),[g,i,S,a,s,c,f,C,b]),T=l(`div`,e,{state:C,ref:t,props:[{dir:g,role:`region`},h],stateAttributesMapping:z});return(0,R.jsx)(I.Provider,{value:w,children:(0,R.jsx)(A,{elementsRef:y,children:T})})});function V(e){let{open:t,defaultOpen:n,onOpenChange:r,disabled:i}=e,a=t!==void 0,[c,l]=N({controlled:t,default:n,name:`Collapsible`,state:`open`}),{mounted:u,setMounted:d,transitionStatus:f}=_(c,!0,!0),[p,m]=F.useState(c),[{height:g,width:v},y]=F.useState({height:void 0,width:void 0}),b=k(),[x,S]=F.useState(),C=x??b,[w,T]=F.useState(!1),[D,A]=F.useState(!1),j=F.useRef(null),M=F.useRef(null),P=F.useRef(null),I=F.useRef(null),L=h(I,!1),R=o(e=>{let t=!c,n=O(E,e.nativeEvent);if(r(t,n),n.isCanceled)return;let i=I.current;M.current===`css-animation`&&i!=null&&i.style.removeProperty(`animation-name`),!w&&!D&&(M.current!=null&&M.current!==`css-animation`&&!u&&t&&d(!0),M.current===`css-animation`&&(!p&&t&&m(!0),!u&&t&&d(!0))),l(t),M.current===`none`&&u&&!t&&d(!1)});return s(()=>{a&&M.current===`none`&&!D&&!c&&d(!1)},[a,D,c,t,d]),F.useMemo(()=>({abortControllerRef:j,animationTypeRef:M,disabled:i,handleTrigger:R,height:g,mounted:u,open:c,panelId:C,panelRef:I,runOnceAnimationsFinish:L,setDimensions:y,setHiddenUntilFound:T,setKeepMounted:A,setMounted:d,setOpen:l,setPanelIdState:S,setVisible:m,transitionDimensionRef:P,transitionStatus:f,visible:p,width:v}),[j,M,i,R,g,u,c,C,I,L,y,T,A,d,l,m,P,f,p,v])}var H=F.createContext(void 0);function U(){let e=F.useContext(H);if(e===void 0)throw Error(d(15));return e}var W=F.createContext(void 0);function G(){let e=F.useContext(W);if(e===void 0)throw Error(d(9));return e}var K=function(e){return e.open=`data-open`,e.closed=`data-closed`,e[e.startingStyle=p.startingStyle]=`startingStyle`,e[e.endingStyle=p.endingStyle]=`endingStyle`,e}({}),q=function(e){return e.panelOpen=`data-panel-open`,e}({}),J={[K.open]:``},Y={[K.closed]:``},X={open(e){return e?{[q.panelOpen]:``}:null}},Z={open(e){return e?J:Y}},ee=function(e){return e.index=`data-index`,e.disabled=`data-disabled`,e.open=`data-open`,e}({}),Q={...Z,index:e=>Number.isInteger(e)?{[ee.index]:String(e)}:null,...m,value:()=>null},te=F.forwardRef(function(e,t){let{className:n,disabled:r=!1,onOpenChange:i,render:a,value:s,...c}=e,{ref:d,index:f}=j(),p=u(t,d),{disabled:m,handleValueChange:h,state:g,value:_}=L(),v=k(),y=s??v,b=r||m,x=F.useMemo(()=>{if(!_)return!1;for(let e=0;e<_.length;e+=1)if(_[e]===y)return!0;return!1},[_,y]),S=o((e,t)=>

1{i?.(e,t),!t.isCanceled&&h(y,e)}),C=V({open:x,onOpenChange:S,disabled:b}),w=F.useMemo(()=>({open:C.open,disabled:C.disabled,hidden:!C.mounted,transitionStatus:C.transitionStatus}),[C.open,C.disabled,C.mounted,C.transitionStatus]),T=F.useMemo(()=>({...C,onOpenChange:S,state:w}),[C,w,S]),E=F.useMemo(()=>({...g,index:f,disabled:b,open:x}),[b,f,x,g]),[D,O]=F.useState(k()),A=F.useMemo(()=>({open:x,state:E,setTriggerId:O,triggerId:D}),[x,E,O,D]),M=l(`div`,e,{state:E,ref:p,props:c,stateAttributesMapping:Q});return(0,R.jsx)(H.Provider,{value:T,children:(0,R.jsx)(W.Provider,{value:A,children:M})})}),ne=F.forwardRef(function(e,t){let{render:n,className:r,...i}=e,{state:a}=G();return l(`h3`,e,{state:a,ref:t,props:i,stateAttributesMapping:Q})}),re=new Set([w,x,T,S,C,`End`]);function ie(e){let{current:t}=e,n=[];for(let e=0;e<t.length;e+=1){let r=t[e];if(!P(r)){let e=r?.querySelector(`[type="button"], [role="button"]`);e&&!P(e)&&n.push(e)}}return n}var ae=F.forwardRef(function(e,t){let{disabled:n,className:r,id:i,render:a,nativeButton:o=!0,...u}=e,{panelId:d,open:f,handleTrigger:p,disabled:m}=U(),{getButtonProps:h,buttonRef:g}=c({disabled:n??m,focusableWhenDisabled:!0,native:o,composite:!0}),{accordionItemRefs:_,direction:v,loopFocus:y,orientation:C}=L(),E=v===`rtl`,D=C===`horizontal`,{state:O,setTriggerId:k,triggerId:A}=G();s(()=>(i&&k(i),()=>{k(void 0)}),[i,k]);let j=F.useMemo(()=>({"aria-controls":f?d:void 0,"aria-expanded":f,id:A,tabIndex:0,onClick:p,onKeyDown(e){if(!re.has(e.key))return;b(e);let t=ie(_),n=t.length-1,r=-1,i=t.indexOf(e.target);function a(){r=y?i+1>n?0:i+1:Math.min(i+1,n)}function o(){r=y&&i===0?n:i-1}switch(e.key){case w:D||a();break;case x:D||o();break;case T:D&&(E?o():a());break;case S:D&&(E?a():o());break;case`Home`:r=0;break;case`End`:r=n;break;default:break}r>-1&&t[r].focus()}}),[_,p,A,D,E,y,f,d]);return l(`button`,e,{state:O,ref:[t,g],props:[j,u,h],stateAttributesMapping:X})}),oe=function(e){return e.disabled=`data-disabled`,e.orientation=`data-orientation`,e}({});function se(e){let{abortControllerRef:t,animationTypeRef:n,externalRef:r,height:i,hiddenUntilFound:a,keepMounted:c,id:l,mounted:d,onOpenChange:p,open:m,panelRef:h,runOnceAnimationsFinish:_,setDimensions:y,setMounted:b,setOpen:x,setVisible:S,transitionDimensionRef:C,visible:w,width:T}=e,E=F.useRef(!1),k=F.useRef(null),A=F.useRef(m),j=F.useRef(m),M=g(),N=F.useMemo(()=>n.current===`css-animation`?!w:!m&&!d,[m,d,w,n]),P=u(r,h,o(e=>{if(!e)return;if(n.current==null||C.current==null){let t=getComputedStyle(e),r=t.animationName!==`none`&&t.animationName!==``,i=t.transitionDuration!==`0s`&&t.transitionDuration!==``;r&&i||(t.animationName===`none`&&t.transitionDuration!==`0s`?n.current=`css-transition`:t.animationName!==`none`&&t.transitionDuration===`0s`?n.current=`css-animation`:n.current=`none`),e.getAttribute(oe.orientation)===`horizontal`||t.transitionProperty.indexOf(`width`)>-1?C.current=`width`:C.current=`height`}if(n.current!==`css-transition`)return;(i===void 0||T===void 0)&&(y({height:e.scrollHeight,width:e.scrollWidth}),j.current&&e.style.setProperty(`transition-duration`,`0s`));let t=-1,r=-1;return t=f.request(()=>{j.current=!1,r=f.request(()=>{setTimeout(()=>{e.style.removeProperty(`transition-duration`)})})}),()=>{f.cancel(t),f.cancel(r)}}));return s(()=>{if(n.current!==`css-transition`)return;let e=h.current;if(!e)return;let r=-1;if(t.current!=null&&(t.current.abort(),t.current=null),m){let t={"justify-content":e.style.justifyContent,"align-items":e.style.alignItems,"align-content":e.style.alignContent,"justify-items":e.style.justifyItems};Object.keys(t).forEach(t=>{e.style.setProperty(t,`initial`,`important`)}),!j.current&&!c&&e.setAttribute(K.startingStyle,``),y({height:e.scrollHeight,width:e.scrollWidth}),r=f.request(()=>{Object.entries(t).forEach(([t,n])=>{n===``?e.style.removeProperty(t):e.style.setProperty(t,n)})})}else{if(e.scrollHeight===0&&e.scrollWidth===0)return;y({height:e.scrollHeight,width:e.scrollWidth});let n=new AbortController;t.current=n;let r=n.signal,i=null,a=K.endingStyle;return i=new MutationObserver(o=>{o.some(e=>e.type===`attributes`&&e.attributeName===a)&&(i?.disconnect(),i=null,_(()=>{y({height:0,width:0}),e.style.removeProperty(`content-visibility`),b(!1),t.current===n&&(t.current=null)},r))}),i.observe(e,{attributes:!0,attributeFilter:[a]}),()=>{i?.disconnect(),M.cancel(),t.current===n&&(n.abort(),t.current=null)}}return()=>{f.cancel(r)}},[t,n,M,a,c,d,m,h,_,y,b]),s(()=>

1{if(n.current!==`css-animation`)return;let e=h.current;e&&(k.current=e.style.animationName||k.current,e.style.setProperty(`animation-name`,`none`),y({height:e.scrollHeight,width:e.scrollWidth}),!A.current&&!E.current&&e.style.removeProperty(`animation-name`),m?(t.current!=null&&(t.current.abort(),t.current=null),b(!0),S(!0)):(t.current=new AbortController,_(()=>{b(!1),S(!1),t.current=null},t.current.signal)))},[t,n,m,h,_,y,b,S,w]),v(()=>{let e=f.request(()=>{A.current=!1});return()=>f.cancel(e)}),s(()=>{if(!a)return;let e=h.current;if(!e)return;let t=-1,n=-1;return m&&E.current&&(e.style.transitionDuration=`0s`,y({height:e.scrollHeight,width:e.scrollWidth}),t=f.request(()=>{E.current=!1,n=f.request(()=>{setTimeout(()=>{e.style.removeProperty(`transition-duration`)})})})),()=>{f.cancel(t),f.cancel(n)}},[a,m,h,y]),s(()=>{let e=h.current;e&&a&&N&&(e.setAttribute(`hidden`,`until-found`),n.current===`css-transition`&&e.setAttribute(K.startingStyle,``))},[a,N,n,h]),F.useEffect(function(){let e=h.current;if(!e)return;function t(e){E.current=!0,x(!0),p(!0,O(D,e))}return e.addEventListener(`beforematch`,t),()=>{e.removeEventListener(`beforematch`,t)}},[p,h,x]),F.useMemo(()=>({props:{hidden:N,id:l,ref:P}}),[N,l,P])}var $=function(e){return e.accordionPanelHeight=`--accordion-panel-height`,e.accordionPanelWidth=`--accordion-panel-width`,e}({}),ce=F.forwardRef(function(e,t){let{className:n,hiddenUntilFound:r,keepMounted:i,id:a,render:o,...c}=e,{hiddenUntilFound:u,keepMounted:d}=L(),{abortControllerRef:f,animationTypeRef:p,height:m,mounted:h,onOpenChange:g,open:_,panelId:v,panelRef:b,runOnceAnimationsFinish:x,setDimensions:S,setHiddenUntilFound:C,setKeepMounted:w,setMounted:T,setOpen:E,setVisible:D,transitionDimensionRef:O,visible:k,width:A,setPanelIdState:j,transitionStatus:M}=U(),N=r??u,P=i??d;s(()=>{if(a)return j(a),()=>{j(void 0)}},[a,j]),s(()=>{C(N)},[C,N]),s(()=>{w(P)},[w,P]),y({open:_&&M===`idle`,ref:b,onComplete(){_&&S({width:void 0,height:void 0})}});let{props:I}=se({abortControllerRef:f,animationTypeRef:p,externalRef:t,height:m,hiddenUntilFound:N,id:a??v,keepMounted:P,mounted:h,onOpenChange:g,open:_,panelRef:b,runOnceAnimationsFinish:x,setDimensions:S,setMounted:T,setOpen:E,setVisible:D,transitionDimensionRef:O,visible:k,width:A}),{state:R,triggerId:z}=G(),B=l(`div`,e,{state:F.useMemo(()=>({...R,transitionStatus:M}),[R,M]),ref:[t,b],props:[I,{"aria-labelledby":z,role:`region`,style:{[$.accordionPanelHeight]:m===void 0?`auto`:`${m}px`,[$.accordionPanelWidth]:A===void 0?`auto`:`${A}px`}},c],stateAttributesMapping:Q});return P||N||!P&&h?B:null});function le({className:e,...t}){return(0,R.jsx)(B,{"data-slot":`accordion`,className:r(`flex w-full flex-col`,e),...t})}function ue({className:e,...t}){return(0,R.jsx)(te,{"data-slot":`accordion-item`,className:r(`not-last:border-b`,e),...t})}function de({className:e,children:t,...n}){return(0,R.jsx)(ne,{className:`flex`,children:(0,R.jsxs)(ae,{"data-slot":`accordion-trigger`,className:r(`group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground`,e),...n,children:[t,(0,R.jsx)(i,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,R.jsx)(a,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function fe({className:e,children:t,...n}){return(0,R.jsx)(ce,{"data-slot":`accordion-content`,className:`overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up`,...n,children:(0,R.jsx)(`div`,{className:r(`h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4`,e),children:t})})}

1export{de as i,fe as n,ue as r,le as t};