https://itbi.smtdata.com/assets/collapsible-content-lmsGcajy.js

1import{it as e,lt as t}from"./components-CAyJ6dMH.js";import{t as n}from"./jsx-runtime-CZ4u3pfT.js";import{r}from"./shared-BJxUEhCp.js";import{i,n as a,t as o}from"./normalize-props-p6XGRFGC.js";import{_ as s,t as c,v as l}from"./create-anatomy-C004gpBP.js";import{r as u}from"./number-C_gi2gvf.js";import{n as d,r as f}from"./runtime-C3LgkApt.js";import{a as p,n as m,s as h,t as g}from"./set-DHKkcn8C.js";import{t as _}from"./computed-style-Ix0KBb5H.js";import{a as v,t as y}from"./use-locale-context-tL7bHafd.js";import{i as b}from"./tabbable-CuRtSQDc.js";import{n as x}from"./mutation-observer-BYKGGdqu.js";import{t as S}from"./create-split-props-DMxiiab1.js";import{n as C,t as w}from"./react-activity-CHOgojVB.js";var T=c(`collapsible`).parts(`root`,`trigger`,`content`,`indicator`),E=T.build(),D=e=>e.ids?.root??`collapsible:${e.id}`,O=e=>e.ids?.content??`collapsible:${e.id}:content`,k=e=>e.ids?.trigger??`collapsible:${e.id}:trigger`,A=e=>e.getById(O(e));function j(e,t){let{state:n,send:i,context:a,scope:o,prop:s}=e,c=n.matches(`open`)||n.matches(`closing`),l=n.matches(`open`),d=n.matches(`closed`),{width:f,height:p}=a.get(`size`),m=!!s(`disabled`),h=s(`collapsedHeight`),g=s(`collapsedWidth`),_=h!=null,v=g!=null,y=_||v,b=!a.get(`initial`)&&l;return{disabled:m,visible:c,open:l,measureSize(){i({type:`size.measure`})},setOpen(e){n.matches(`open`)!==e&&i({type:e?`open`:`close`})},getRootProps(){return t.element({...E.root.attrs,"data-state":l?`open`:`closed`,dir:s(`dir`),id:D(o)})},getContentProps(){return t.element({...E.content.attrs,id:O(o),"data-collapsible":``,"data-state":b?void 0:l?`open`:`closed`,"data-disabled":r(m),"data-has-collapsed-size":r(y),hidden:!c&&!y,dir:s(`dir`),style:{"--height":u(p),"--width":u(f),"--collapsed-height":u(h),"--collapsed-width":u(g),...d&&_&&{overflow:`hidden`,minHeight:u(h),maxHeight:u(h)},...d&&v&&{overflow:`hidden`,minWidth:u(g),maxWidth:u(g)}}})},getTriggerProps(){return t.element({...E.trigger.attrs,id:k(o),dir:s(`dir`),type:`button`,"data-state":l?`open`:`closed`,"data-disabled":r(m),"aria-controls":O(o),"aria-expanded":c||!1,onClick(e){e.defaultPrevented||m||i({type:l?`close`:`open`})}})},getIndicatorProps(){return t.element({...E.indicator.attrs,dir:s(`dir`),"data-state":l?`open`:`closed`,"data-disabled":r(m)})}}}var M=i({initialState({prop:e}){return e(`open`)||e(`defaultOpen`)?`open`:`closed`},context({bindable:e}){return{size:e(()=>({defaultValue:{height:0,width:0},sync:!0})),initial:e(()=>({defaultValue:!1}))}},refs(){return{cleanup:void 0,stylesRef:void 0}},watch({track:e,prop:t,action:n}){e([()=>t(`open`)],()=>{n([`setInitial`,`computeSize`,`toggleVisibility`])})},exit:[`cleanupNode`],states:{closed:{effects:[`trackTabbableElements`],on:{"controlled.open":{target:`open`},open:[{guard:`isOpenControlled`,actions:[`invokeOnOpen`]},{target:`open`,actions:[`setInitial`,`computeSize`,`invokeOnOpen`]}]}},closing:{effects:[`trackExitAnimation`],on:{"controlled.close":{target:`closed`},"controlled.open":{target:`open`},open:[{guard:`isOpenControlled`,actions:[`invokeOnOpen`]},{target:`open`,actions:[`setInitial`,`invokeOnOpen`]}],close:[{guard:`isOpenControlled`,actions:[`invokeOnExitComplete`]},{target:`closed`,actions:[`setInitial`,`computeSize`,`invokeOnExitComplete`]}],"animation.end":{target:`closed`,actions:[`invokeOnExitComplete`,`clearInitial`]}}},open:{effects:[`trackEnterAnimation`],on:{"controlled.close":{target:`closing`},close:[{guard:`isOpenControlled`,actions:[`invokeOnClose`]},{target:`closing`,actions:[`setInitial`,`computeSize`,`invokeOnClose`]}],"size.measure":{actions:[`measureSize`]},"animation.end":{actions:[`clearInitial`]}}}},implementations:{guards:{isOpenControlled:({prop:e})=>e(`open`)!=null},effects:{trackEnterAnimation:({send:e,scope:t})=>{let n,r=h(()=>{let r=A(t);if(!r)return;let i=_(r).animationName;if(!i||i===`none`){e({type:`animation.end`});return}let a=t=>{v(t)===r&&e({type:`animation.end`})};r.addEventListener(`animationend`,a),n=()=>{r.removeEventListener(`animationend`,a)}});return()=>{r(),n?.()}},trackExitAnimation:({send:e,scope:t})=>{let n,r=h(()=>{let r=A(t);if(!r)return;let i=_(r).animationName;if(!i||i===`none`){e({type:`animation.end`});return}let a=t=>{v(t)===r&&e({type:`animation.end`})};r.addEventListener(`animationend`,a);let o=m(r,{animationFillMode:`forwards`});n=()=>{r.removeEventListener(`animationend`,a),p(()=>o())}});return()=>{r(),n?.()}},trackTabbableElements:({scope:e,prop:t})=>{if(!t(`collapsedHeight`)&&!t(`collapsedWidth`))return;let n=A(e);if(!n)return;let r=()=>{let e=b(n).map(e=>g(e,`inert`,``));return()=>

1{e.forEach(e=>e())}},i=r(),a=x(n,{callback(){i(),i=r()}});return()=>{i(),a()}}},actions:{setInitial:({context:e,flush:t})=>{t(()=>{e.set(`initial`,!0)})},clearInitial:({context:e})=>{e.set(`initial`,!1)},cleanupNode:({refs:e})=>{e.set(`stylesRef`,null)},measureSize:({context:e,scope:t})=>{let n=A(t);if(!n)return;let{height:r,width:i}=n.getBoundingClientRect();e.set(`size`,{height:r,width:i})},computeSize:({refs:e,scope:t,context:n})=>{e.get(`cleanup`)?.();let r=h(()=>{let e=A(t);if(!e)return;let r=e.hidden;e.style.animationName=`none`,e.style.animationDuration=`0s`,e.hidden=!1;let i=e.getBoundingClientRect();n.set(`size`,{height:i.height,width:i.width}),n.get(`initial`)&&(e.style.animationName=``,e.style.animationDuration=``),e.hidden=r});e.set(`cleanup`,r)},invokeOnOpen:({prop:e})=>{e(`onOpenChange`)?.({open:!0})},invokeOnClose:({prop:e})=>{e(`onOpenChange`)?.({open:!1})},invokeOnExitComplete:({prop:e})=>{e(`onExitComplete`)?.()},toggleVisibility:({prop:e,send:t})=>{t({type:e(`open`)?`controlled.open`:`controlled.close`})}}}}),[N,P]=l({name:`CollapsibleContext`,hookName:`useCollapsibleContext`,providerName:`<CollapsibleProvider />`}),F=e=>S()(e,[`collapsedHeight`,`collapsedWidth`,`defaultOpen`,`disabled`,`hideMode`,`id`,`ids`,`lazyMount`,`onExitComplete`,`onOpenChange`,`open`,`unmountOnExit`]),I=t(e(),1),L=(e={})=>{let{lazyMount:t,unmountOnExit:n,hideMode:r=`display-none`,...i}=e,c=(0,I.useId)(),l=(0,I.useRef)(!1),{dir:u}=y(),{getRootNode:d}=s(),f={id:c,dir:u,getRootNode:d,...i},p=j(a(M,f),o);p.visible&&(l.current=!0);let m=!p.visible&&!l.current&&t||n&&!p.visible&&l.current,h=r===`activity`&&C?`activity`:`display-none`;return{...p,isUnmounted:m,hideMode:h}},R=n(),z=(0,I.forwardRef)((e,t)=>{let[n,r]=F(e),i=L(n),a=f(i.getRootProps(),r);return(0,R.jsx)(N,{value:i,children:(0,R.jsx)(d.div,{...a,ref:t})})});z.displayName=`CollapsibleRoot`;var B=e=>{let{collapsible:t,children:n}=e;return t.isUnmounted?null:t.hideMode===`activity`&&w?(0,R.jsx)(w,{mode:t.visible?`visible`:`hidden`,children:n}):n},V=(0,I.forwardRef)((e,t)=>{let n=P(),r=f(n.getContentProps(),n.hideMode===`activity`?{hidden:!1}:{},e);return(0,R.jsx)(B,{collapsible:n,children:(0,R.jsx)(d.div,{...r,ref:t})})});V.displayName=`CollapsibleContent`;export{T as a,P as i,z as n,N as r,V as t};