@skdx/react 0.28.0 → 0.30.0

package/dist/tree-select/TreeSelect.js

@@ -1 +1,2 @@
-import*as i from"react";import{clamp as fr}from"../utils/clamp.js";import{createSafeContext as pr}from"../utils/createContext.js";import{directionalKey as mr,useDirection as hr}from"../utils/direction.js";import{MirroredValues as Sr}from"../utils/hiddenInput.js";import{announce as gr}from"../utils/liveAnnouncer.js";import{PopperRoot as Tr}from"../utils/popper.js";import{useControllableState as ne}from"../utils/useControllableState.js";import{useOpenChangeComplete as yr}from"../utils/useOpenChangeComplete.js";import{isTypeaheadKey as Rr,useTypeahead as vr}from"../utils/useTypeahead.js";function Le(e){let a=new Map,t=[],l=(n,o,s,c)=>{for(let d of n){let f=c||d.disabled===!0,u=d.children??[],m={node:d,parent:o,depth:s,childValues:u.map(h=>h.value),descendants:[],leaves:[],disabled:f};if(a.set(d.value,m),t.push(d.value),l(u,d.value,s+1,f),u.length===0)f||m.leaves.push(d.value);else for(let h of u){let R=a.get(h.value);R&&(m.descendants.push(h.value,...R.descendants),m.leaves.push(...R.leaves))}}};return l(e,null,1,!1),{index:a,order:t}}function Oe(e,a){let t=[],l=a.get(e)?.parent??null;for(;l!==null;)t.push(l),l=a.get(l)?.parent??null;return t}function ue(e){return e==="cascade"||e==="descendants"}function fe(e){return e==="cascade"||e==="ancestors"}function He(e,a){return a==="leaf"?fe(e)?"leaf":"all":a==="shallowest"?ue(e)?"shallowest":"all":a}function pe(e,a,t,l){if(l==="independent")return a.has(e);let n=t.get(e);if(!n||n.leaves.length===0)return a.has(e);let o=0;for(let s of n.leaves)a.has(s)&&o++;return o===n.leaves.length||a.has(e)?!0:o===0?!1:"mixed"}function Ae(e,a,t,l){let n=new Set;for(let o of e)a.has(o)&&n.add(o);if(l==="independent")return n;if(ue(l))for(let o of[...n]){let s=a.get(o);if(s)for(let c of s.descendants)a.get(c)?.disabled||n.add(c)}if(fe(l))for(let o of t){let s=a.get(o);s&&(s.leaves.length===0||s.childValues.length===0||(s.leaves.every(c=>n.has(c))?n.add(o):l==="cascade"&&n.delete(o)))}return n}function Fe(e,a,t,l){let n=t.filter(o=>e.has(o));return l==="all"?n:l==="leaf"?n.filter(o=>a.get(o)?.childValues.length===0):n.filter(o=>{let s=a.get(o)?.parent??null;return s===null||!e.has(s)})}function Ke(e,a,t,l,n){if(!n)return a.size===1&&a.has(e)?new Set:new Set([e]);let o=new Set(a),s=t.get(e);if(l==="independent"||!s)return o.has(e)?o.delete(e):o.add(e),o;let c=pe(e,a,t,l)!==!0;for(let d of ue(l)?[e,...s.descendants]:[e])t.get(d)?.disabled||(c?o.add(d):o.delete(d));if(fe(l))for(let d of Oe(e,t)){let f=t.get(d);f&&(f.leaves.length>0&&f.leaves.every(u=>o.has(u))?o.add(d):o.delete(d))}return o}function ze(e,a,t){let l=new Set,n=new Set,o=0;for(let s of a){let c=e.get(s);if(c&&t(c.node)){o++,l.add(s);for(let d of Oe(s,e))l.add(d),n.add(d);for(let d of c.descendants)l.add(d)}}return{visible:l,autoExpanded:n,matchCount:o}}function Be(e,a,t,l){let n=[],o=c=>t===null||t.has(c.value),s=(c,d)=>{let f=c.filter(o);f.forEach((u,m)=>{let h=a.get(u.value);if(!h)return;let R=(u.children??[]).filter(o),V=l.has(u.value);n.push({value:u.value,parent:d,depth:h.depth,disabled:h.disabled,hasChildren:R.length>0||u.hasChildren===!0,expanded:V,posinset:m+1,setsize:f.length}),R.length>0&&V&&s(R,u.value)})};return s(e,null),n}import*as j from"react";import{useComposedRefs as Dt}from"../utils/composeRefs.js";import{skdxPart as Lt}from"../utils/part.js";import{PopperContent as Ot}from"../utils/popper.js";import{composeEventHandlers as Ht}from"../utils/primitive.js";import{useDismiss as At}from"../utils/useDismiss.js";import{jsx as Kt}from"react/jsx-runtime";function Ft(e,a){if(!e.contains(a))return;let t=e.getBoundingClientRect(),l=a.getBoundingClientRect();e.scrollTop+=l.top-t.top-(t.height-l.height)/2}var me=j.forwardRef(({forceMount:e,side:a="bottom",align:t="start",sideOffset:l=4,onEscapeKeyDown:n,onPointerDownOutside:o,onFocusOutside:s,onInteractOutside:c,...d},f)=>{let u=v("TreeSelectContent"),m=Dt(f,u.contentRef),{open:h,onOpenChange:R,triggerRef:V,inputRef:z}=u;At({enabled:h,onEscapeKeyDown:x=>{n?.(x),!x.defaultPrevented&&(R(!1),V.current?.focus())},onInteractOutside:c,onPointerDownOutside:x=>{o?.(x),x.defaultPrevented||R(!1)},onFocusOutside:x=>{s?.(x),x.defaultPrevented||R(!1)}},[u.contentRef,V]);let{contentRef:U}=u;return j.useEffect(()=>{if(!h)return;let x=requestAnimationFrame(()=>{z.current?.focus({preventScroll:!0});let H=U.current,A=H?.querySelector('[role="treeitem"][data-highlighted]');H&&A&&Ft(H,A)});return()=>cancelAnimationFrame(x)},[h,z,U]),e||h?Kt(Ot,{component:"tree-select","data-state":h?"open":"closed","data-multiple":u.multiple?"":void 0,side:a,align:t,sideOffset:l,...d,...Lt("tree-select","content",d.className),ref:m,onMouseDown:Ht(d.onMouseDown,x=>{x.target!==z.current&&x.preventDefault()})}):null});me.displayName="TreeSelectContent";import*as $e from"react";import{skdxPart as zt}from"../utils/part.js";import{Primitive as Bt}from"../utils/primitive.js";import{jsx as $t}from"react/jsx-runtime";var he=$e.forwardRef((e,a)=>v("TreeSelectEmpty").flat.length===0?$t(Bt.div,{role:"presentation",...e,...zt("tree-select","empty",e.className),ref:a}):null);he.displayName="TreeSelectEmpty";import*as ee from"react";import{useComposedRefs as qt}from"../utils/composeRefs.js";import{skdxPart as Gt}from"../utils/part.js";import{composeEventHandlers as qe,Primitive as Ut}from"../utils/primitive.js";import{jsx as _t}from"react/jsx-runtime";var Se=ee.forwardRef((e,a)=>{let t=v("TreeSelectInput"),l=qt(a,t.inputRef),{setHasInput:n}=t;return ee.useEffect(()=>(n(!0),()=>n(!1)),[n]),_t(Ut.input,{type:"text",autoComplete:"off","aria-controls":t.treeId,"aria-activedescendant":t.activeValue===null?void 0:t.itemId(t.activeValue),"aria-readonly":t.readOnly?!0:void 0,"data-readonly":t.readOnly?"":void 0,disabled:t.disabled||void 0,...e,...Gt("tree-select","input",e.className),ref:l,value:t.inputValue,onChange:qe(e.onChange,o=>t.onInputValueChange(o.target.value)),onKeyDown:qe(e.onKeyDown,o=>t.onNavigationKeyDown(o,{typeahead:!1,selectOnSpace:!1}))})});Se.displayName="TreeSelectInput";import{Portal as Wt}from"../utils/portal.js";import{jsx as Yt}from"react/jsx-runtime";var ge=({forceMount:e,children:a,...t})=>{let l=v("TreeSelectPortal");return e||l.open?Yt(Wt,{...t,children:a}):null};ge.displayName="TreeSelectPortal";import*as re from"react";import{Tree as tr}from"../tree/Tree.js";import{TreeGroup as rr}from"../tree/Tree.js";import{skdxPart as nr}from"../utils/part.js";import*as Ue from"react";import{TreeItem as Jt}from"../tree/Tree.js";import{createSafeContext as Qt}from"../utils/createContext.js";import{skdxPart as Xt}from"../utils/part.js";import{composeEventHandlers as Zt}from"../utils/primitive.js";import{jsx as Ge}from"react/jsx-runtime";var[jt,_e]=Qt("TreeSelectItem");function er(e){return e.target.closest('[role="treeitem"]')!==e.currentTarget}var te=Ue.forwardRef(({node:e,children:a,...t},l)=>{let n=v("TreeSelectItem"),o=n.index.get(e.value),s=n.flatMap.get(e.value),c=n.checkStateOf(e.value),d=o?.disabled??e.disabled??!1,f=n.expanded.has(e.value),u=s?.hasChildren??!1,m=n.activeValue===e.value,h=n.loadingValues.has(e.value);return Ge(jt,{value:e.value,checkState:c,disabled:d,expanded:f,hasChildren:u,active:m,children:Ge(Jt,{nodeId:e.value,disabled:d,hasChildren:s?.hasChildren,"aria-busy":h||void 0,"data-loading":h?"":void 0,id:n.itemId(e.value),"data-value":e.value,"data-highlighted":m?"":void 0,"aria-checked":n.multiple?c==="mixed"?"mixed":c:void 0,"aria-selected":n.multiple?void 0:c===!0,"data-checked":c==="mixed"?"indeterminate":c?"checked":"unchecked","aria-posinset":s?.posinset,"aria-setsize":s?.setsize,tabIndex:-1,...t,...Xt("tree-select","item",t.className),ref:l,onClick:Zt(t.onClick,R=>{er(R)||(R.preventDefault(),!d&&(n.setActiveValue(e.value),n.commit(e.value),n.expandOnClick&&u&&n.setExpanded(e.value,!f)))}),children:a})})});te.displayName="TreeSelectItem";import{jsx as Te,jsxs as ar}from"react/jsx-runtime";var ye=re.forwardRef(({renderLabel:e,rows:a,...t},l)=>{let n=v("TreeSelectTree"),{isVisible:o,setVisibleRowValues:s}=n;re.useEffect(()=>(s(a?new Set(a.map(f=>f.value)):null),()=>s(null)),[a,s]);let c=f=>f.filter(u=>o(u.value)).map(u=>{let m=(u.children??[]).filter(h=>o(h.value));return ar(te,{node:u,children:[e?e(u):u.label??u.value,m.length>0?Te(rr,{children:c(m)}):null]},u.value)}),d=f=>f.map(u=>{let m=n.index.get(u.value)?.node;return m?Te(te,{node:m,"aria-level":u.depth,children:e?e(m):m.label??m.value},u.value):null});return Te(tr,{id:n.treeId,selectionMode:"none","aria-multiselectable":n.multiple||void 0,"aria-readonly":n.readOnly||void 0,expandedIds:n.expandedIds,onExpandedIdsChange:n.onTreeExpandedIdsChange,expandOnClick:!1,...t,...nr("tree-select","tree",t.className),ref:l,children:a?d(a):c(n.collection)})});ye.displayName="TreeSelectTree";import*as Je from"react";import{useComposedRefs as or}from"../utils/composeRefs.js";import{skdxPart as lr}from"../utils/part.js";import{PopperAnchor as sr}from"../utils/popper.js";import{composeEventHandlers as We,Primitive as ir}from"../utils/primitive.js";import{jsx as Ye}from"react/jsx-runtime";var Re=Je.forwardRef((e,a)=>{let t=v("TreeSelectTrigger"),l=or(a,t.triggerRef),n=t.disabled||e.disabled,o=t.open&&!t.hasInput?t.activeValue:null;return Ye(sr,{asChild:!0,children:Ye(ir.button,{type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":t.open,"aria-controls":t.open?t.treeId:void 0,"aria-activedescendant":o===null?void 0:t.itemId(o),"aria-readonly":t.readOnly?!0:void 0,"data-state":t.open?"open":"closed","data-disabled":n?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-multiple":t.multiple?"":void 0,"data-placeholder":t.value.length===0?"":void 0,disabled:n,...e,...lr("tree-select","trigger",e.className),ref:l,onClick:We(e.onClick,()=>t.onOpenChange(!t.open)),onKeyDown:We(e.onKeyDown,s=>t.onNavigationKeyDown(s,{typeahead:!0,selectOnSpace:!0}))})})});Re.displayName="TreeSelectTrigger";import*as Xe from"react";import{skdxPart as cr}from"../utils/part.js";import{Primitive as dr}from"../utils/primitive.js";import{jsx as Qe}from"react/jsx-runtime";var ve=Xe.forwardRef(({placeholder:e,children:a,...t},l)=>{let{value:n,multiple:o,getLabel:s}=v("TreeSelectValue"),c,d=!1;return a!==void 0?c=a:n.length===0?(c=e,d=!0):o?c=n.map(f=>Qe("span",{"data-chip":"","data-value":f,children:s(f)},f)):c=s(n[0]),Qe(dr.span,{"data-multiple":o?"":void 0,"data-placeholder":d?"":void 0,...t,...cr("tree-select","value",t.className),ref:l,style:{pointerEvents:"none",...t.style},children:c})});ve.displayName="TreeSelectValue";import{Fragment as ur,jsx as K,jsxs as Ze}from"react/jsx-runtime";var je=({renderNode:e,placeholder:a,emptyMessage:t,ariaLabel:l,passThrough:n})=>{let o=l??a;return Ze(ur,{children:[K(Re,{...n,"aria-label":o,children:K(ve,{placeholder:a})}),K(ge,{children:Ze(me,{children:[K(Se,{"aria-label":o?`${o} filter`:void 0,placeholder:"Filter\u2026"}),K(ye,{"aria-label":o,renderLabel:e}),K(he,{children:t})]})})]})};import{jsx as xe,jsxs as Cr}from"react/jsx-runtime";function et(e,a){return(e.label??e.value).toLowerCase().includes(a.trim().toLowerCase())}function tt(e){return`${e} match${e===1?"":"es"} available`}var[xr,v]=pr("TreeSelect"),br=new Set;function rt({children:e,collection:a,value:t,defaultValue:l,onValueChange:n,multiple:o=!1,checkStrategy:s="cascade",valueStrategy:c="all",expandedIds:d,defaultExpandedIds:f,onExpandedChange:u,open:m,defaultOpen:h=!1,onOpenChange:R,onOpenChangeComplete:V,inputValue:z,defaultInputValue:U="",onInputValueChange:x,filter:H=et,loadChildren:A,disabled:F=!1,name:at,form:ot,readOnly:ae=!1,closeOnSelect:be=!o,getMatchCountLabel:Ce=tt,getValueLabel:Ie,expandOnClick:lt=!1,renderNode:st,placeholder:it,emptyMessage:ct="No matches","aria-label":dt,...ut}){let oe=i.useRef(null),_=i.useRef(null),ft=i.useRef(null),[pt,mt]=i.useState(!1),[b,W]=i.useState(null),[w,ht]=i.useState(null),we=i.useId(),St=i.useId(),ke=hr(),[B=[],Pe]=ne({prop:t,defaultProp:l??[],onChange:n}),[le=[],Ee]=ne({prop:d,defaultProp:f??[],onChange:u}),[g=!1,k]=ne({prop:m,defaultProp:h,onChange:R});yr(g,_,V);let[Y="",gt]=ne({prop:z,defaultProp:U,onChange:x}),{index:T,order:P}=i.useMemo(()=>Le(a),[a]),E=o?s:"independent",Tt=E!=="independent",J=i.useMemo(()=>Ae(B,T,P,E),[B,T,P,E]),Q=Y.trim()!=="",{visible:$,autoExpanded:se,matchCount:Ne}=i.useMemo(()=>Q?ze(T,P,r=>H(r,Y)):{visible:null,autoExpanded:br,matchCount:P.length},[Q,T,P,H,Y]),q=i.useMemo(()=>{if(se.size===0)return le;let r=new Set(le);for(let S of se)r.add(S);return[...r]},[le,se]),G=i.useMemo(()=>new Set(q),[q]),yt=i.useCallback(r=>$===null||$.has(r),[$]),C=i.useMemo(()=>Be(a,T,$,G),[a,T,$,G]),X=i.useMemo(()=>new Map(C.map(r=>[r.value,r])),[C]),Rt=i.useCallback(r=>pe(r,J,T,E),[J,T,E]),[vt,Ve]=i.useState(()=>new Set),ie=i.useRef(new Set),Me=i.useCallback(r=>{if(!A||ie.current.has(r))return;ie.current.add(r),Ve(p=>new Set(p).add(r));let S=()=>Ve(p=>{let y=new Set(p);return y.delete(r),y});Promise.resolve(A(r)).then(S,()=>{ie.current.delete(r),S()})},[A]),N=i.useCallback((r,S)=>{Ee((p=[])=>S?p.includes(r)?p:[...p,r]:p.filter(y=>y!==r)),S&&!Q&&Me(r)},[Ee,Q,Me]),xt=i.useCallback(r=>{let S=new Set(r),p=r.find(L=>!G.has(L));if(p!==void 0){N(p,!0);return}let y=q.find(L=>!S.has(L));y!==void 0&&N(y,!1)},[G,q,N]),ce=i.useCallback(r=>{if(F||ae)return;let S=T.get(r);if(!S||S.disabled)return;let p=Ke(r,J,T,E,o);Pe(Fe(p,T,P,He(E,c))),be&&(k(!1),oe.current?.focus())},[F,ae,T,J,E,o,P,c,Pe,be,k]),[bt,Ct]=i.useState(!1),[It,wt]=i.useState(C),[kt,Pt]=i.useState(w),de=i.useMemo(()=>w===null?C:C.filter(r=>w.has(r.value)),[C,w]);if(g!==bt||C!==It||w!==kt){if(Ct(g),wt(C),Pt(w),!g)W(null);else if(b===null||X.get(b)?.disabled!==!1||w!==null&&!w.has(b)){let r=de.filter(p=>!p.disabled),S=r.find(p=>B.includes(p.value));W(S?.value??r[0]?.value??null)}}i.useEffect(()=>{g&&gr(Ce(Ne))},[g,Ne,Ce]);let Et=i.useCallback(r=>`${we}item-${r}`,[we]),Nt=i.useCallback(r=>T.get(r)?.node.label??Ie?.(r)??r,[T,Ie]),I=i.useMemo(()=>de.filter(r=>!r.disabled),[de]),Z=i.useRef(I);i.useEffect(()=>{Z.current=I});let De=vr(i.useCallback(()=>Z.current.map(r=>T.get(r.value)?.node.label??r.value),[T])),M=i.useCallback(r=>{W(r);let S=_.current?.querySelectorAll('[role="treeitem"][data-value]');for(let p of S??[])if(p.getAttribute("data-value")===r){p.scrollIntoView?.({block:"nearest"});return}},[]),D=i.useCallback(r=>{if(I.length===0)return;if(r==="first"){M(I[0].value);return}if(r==="last"){M(I[I.length-1].value);return}let S=I.findIndex(p=>p.value===b);M(I[fr(S+r,0,I.length-1)].value)},[I,b,M]),Vt=i.useCallback((r,S)=>{if(F)return;let p=mr(r.key,r.currentTarget,ke),y=b===null?void 0:X.get(b);if(r.key==="Escape"){if(!g||_.current)return;r.preventDefault(),k(!1),oe.current?.focus();return}if(r.key==="Tab"){g&&k(!1);return}if(p==="ArrowDown"){r.preventDefault(),g?D(1):(k(!0),D("first"));return}if(p==="ArrowUp"){r.preventDefault(),g?D(-1):(k(!0),D("last"));return}if(p==="ArrowRight"){if(!g)return;r.preventDefault(),y?.hasChildren&&!y.expanded?N(y.value,!0):D(1);return}if(p==="ArrowLeft"){if(!g)return;r.preventDefault(),y?.hasChildren&&y.expanded?N(y.value,!1):y?.parent&&M(y.parent);return}if(r.key==="Home"||r.key==="End"){if(!g)return;r.preventDefault(),D(r.key==="Home"?"first":"last");return}if(r.key==="*"){if(!g)return;r.preventDefault();let L=y?.parent??null;for(let O of C)O.parent===L&&O.hasChildren&&!O.expanded&&N(O.value,!0);return}if(r.key==="Enter"||r.key===" "&&S.selectOnSpace){if(r.preventDefault(),!g){k(!0);return}b!==null&&ce(b);return}if(S.typeahead&&g&&Rr(r)){r.preventDefault();let L=Z.current.findIndex(Mt=>Mt.value===b),O=De(r.key,L);O!==-1&&M(Z.current[O].value)}},[F,ke,b,C,X,g,k,D,M,N,ce,De]);return xe(Tr,{children:Cr(xr,{collection:a,index:T,order:P,value:B,multiple:o,cascade:Tt,disabled:F,readOnly:ae,checkStateOf:Rt,commit:ce,open:g,onOpenChange:k,expandedIds:q,expanded:G,setExpanded:N,loadingValues:vt,onTreeExpandedIdsChange:xt,expandOnClick:lt,isVisible:yt,flat:C,flatMap:X,activeValue:b,setActiveValue:W,itemId:Et,treeId:St,triggerRef:oe,contentRef:_,inputRef:ft,hasInput:pt,setHasInput:mt,inputValue:Y,onInputValueChange:gt,getLabel:Nt,onNavigationKeyDown:Vt,visibleRowValues:w,setVisibleRowValues:ht,children:[e??xe(je,{renderNode:st,placeholder:it,emptyMessage:ct,ariaLabel:dt,passThrough:ut}),xe(Sr,{name:at,values:B,disabled:F,form:ot})]})})}rt.displayName="TreeSelect";import*as nt from"react";import{skdxPart as Ir}from"../utils/part.js";import{Primitive as wr}from"../utils/primitive.js";import{jsx as Pr}from"react/jsx-runtime";var kr=nt.forwardRef(({forceMount:e,...a},t)=>{let l=_e("TreeSelectItemIndicator"),{checkState:n}=l;return e||n!==!1?Pr(wr.span,{"aria-hidden":!0,"data-state":n==="mixed"?"indeterminate":n?"checked":"unchecked",...a,...Ir("tree-select","item-indicator",a.className),ref:t}):null});kr.displayName="TreeSelectItemIndicator";export{rt as TreeSelect,me as TreeSelectContent,he as TreeSelectEmpty,Se as TreeSelectInput,te as TreeSelectItem,kr as TreeSelectItemIndicator,jt as TreeSelectItemProvider,ge as TreeSelectPortal,xr as TreeSelectProvider,ye as TreeSelectTree,Re as TreeSelectTrigger,ve as TreeSelectValue,tt as defaultGetMatchCountLabel,et as defaultTreeSelectFilter,v as useTreeSelectContext,_e as useTreeSelectItemContext};
+'use client';
+import*as d from"react";import{clamp as jt}from"../utils/clamp.js";import{createSafeContext as Qt}from"../utils/createContext.js";import{directionalKey as Zt,useDirection as en}from"../utils/direction.js";import{MirroredValues as tn}from"../utils/hiddenInput.js";import{announce as nn}from"../utils/liveAnnouncer.js";import{PopperRoot as rn}from"../utils/popper.js";import{recipeAxis as an}from"../utils/recipeAxis.js";import{columnIndexOf as ln,pathTo as on,treeColumns as sn}from"../utils/tree-columns.js";import{useControllableState as oe}from"../utils/useControllableState.js";import{useOpenChangeComplete as cn}from"../utils/useOpenChangeComplete.js";import{isTypeaheadKey as un,useTypeahead as dn}from"../utils/useTypeahead.js";function pe(t){let e=new Map,n=[],r=(a,l,o,i)=>{for(let s of a){let u=i||s.disabled===!0,c=s.children??[],f={node:s,parent:l,depth:o,childValues:c.map(m=>m.value),descendants:[],leaves:[],disabled:u};if(e.set(s.value,f),n.push(s.value),r(c,s.value,o+1,u),c.length===0)u||f.leaves.push(s.value);else for(let m of c){let p=e.get(m.value);p&&(f.descendants.push(m.value,...p.descendants),f.leaves.push(...p.leaves))}}};return r(t,null,1,!1),{index:e,order:n}}function me(t,e){let n=[],r=e.get(t)?.parent??null;for(;r!==null;)n.push(r),r=e.get(r)?.parent??null;return n}function X(t){return t==="cascade"||t==="descendants"}function W(t){return t==="cascade"||t==="ancestors"}function ge(t,e){return e==="leaf"?W(t)?"leaf":"all":e==="shallowest"?X(t)?"shallowest":"all":e}function Y(t,e,n,r){if(r==="independent")return e.has(t);let a=n.get(t);if(!a||a.leaves.length===0)return e.has(t);let l=0;for(let o of a.leaves)e.has(o)&&l++;return l===a.leaves.length||e.has(t)?!0:l===0?!1:"mixed"}function st(t,e){for(let n of[...t]){let r=e.get(n);if(r)for(let a of r.descendants)e.get(a)?.disabled||t.add(a)}}function ct(t,e,n,r){for(let a of n){let l=e.get(a);l&&(l.leaves.length===0||l.childValues.length===0||(l.leaves.every(o=>t.has(o))?t.add(a):r==="cascade"&&t.delete(a)))}}function Se(t,e,n,r){let a=new Set;for(let l of t)e.has(l)&&a.add(l);return r==="independent"||(X(r)&&st(a,e),W(r)&&ct(a,e,n,r)),a}function Te(t,e,n,r){let a=n.filter(l=>t.has(l));return r==="all"?a:r==="leaf"?a.filter(l=>e.get(l)?.childValues.length===0):a.filter(l=>{let o=e.get(l)?.parent??null;return o===null||!t.has(o)})}function ut(t,e,n,r){for(let a of e)n.get(a)?.disabled||(r?t.add(a):t.delete(a))}function dt(t,e,n){for(let r of me(e,n)){let a=n.get(r);a&&(a.leaves.length>0&&a.leaves.every(l=>t.has(l))?t.add(r):t.delete(r))}}function he(t,e,n,r,a){if(!a)return e.size===1&&e.has(t)?new Set:new Set([t]);let l=new Set(e),o=n.get(t);if(r==="independent"||!o)return l.has(t)?l.delete(t):l.add(t),l;let i=Y(t,e,n,r)!==!0;return ut(l,X(r)?[t,...o.descendants]:[t],n,i),W(r)&&dt(l,t,n),l}function ye(t,e,n){let r=new Set,a=new Set,l=0;for(let o of e){let i=t.get(o);if(i&&n(i.node)){l++,r.add(o);for(let s of me(o,t))r.add(s),a.add(s);for(let s of i.descendants)r.add(s)}}return{visible:r,autoExpanded:a,matchCount:l}}function ve(t,e,n,r){let a=[],l=i=>n===null||n.has(i.value),o=(i,s)=>{let u=i.filter(l);u.forEach((c,f)=>{let m=e.get(c.value);if(!m)return;let p=(c.children??[]).filter(l),g=r.has(c.value);a.push({value:c.value,parent:s,depth:m.depth,disabled:m.disabled,hasChildren:p.length>0||c.hasChildren===!0,expanded:g,posinset:f+1,setsize:u.length}),p.length>0&&g&&o(p,c.value)})};return o(t,null),a}import{skdxPart as ft}from"../utils/part.js";import{Primitive as pt}from"../utils/primitive.js";import{jsx as mt}from"react/jsx-runtime";var _=({ref:t,...e})=>v("TreeSelectColumns").layout!=="columns"?null:mt(pt.div,{role:"presentation","data-layout":"columns",...e,...ft("tree-select","columns",e.className),ref:t});_.displayName="TreeSelectColumns";import*as be from"react";import{appearanceAttrs as gt}from"../utils/appearance.js";import{useComposedRefs as St}from"../utils/composeRefs.js";import{skdxPart as Tt}from"../utils/part.js";import{PopperContent as ht}from"../utils/popper.js";import{useComposedEventHandlers as yt}from"../utils/primitive.js";import{useDismiss as vt}from"../utils/useDismiss.js";import{jsx as Rt}from"react/jsx-runtime";function bt(t,e){if(!t.contains(e))return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect();t.scrollTop+=r.top-n.top-(n.height-r.height)/2}var j=({forceMount:t,side:e="bottom",align:n="start",sideOffset:r=4,onEscapeKeyDown:a,onPointerDownOutside:l,onFocusOutside:o,onInteractOutside:i,ref:s,size:u,...c})=>{let f=v("TreeSelectContent"),m=St(s,f.contentRef),{open:p,onOpenChange:g,triggerRef:h,inputRef:T}=f;vt({enabled:p,onEscapeKeyDown:S=>{a?.(S),!S.defaultPrevented&&(g(!1),h.current?.focus())},onInteractOutside:i,onPointerDownOutside:S=>{l?.(S),S.defaultPrevented||g(!1)},onFocusOutside:S=>{o?.(S),S.defaultPrevented||g(!1)}},[f.contentRef,h]);let{contentRef:y}=f;be.useEffect(()=>{if(!p)return;let S=requestAnimationFrame(()=>{T.current?.focus({preventScroll:!0});let x=y.current,C=x?.querySelector('[role="treeitem"][data-highlighted]');x&&C&&bt(x,C)});return()=>cancelAnimationFrame(S)},[p,T,y]);let R=yt(c.onMouseDown,S=>{S.target!==T.current&&S.preventDefault()});return t||p?Rt(ht,{component:"tree-select","data-state":p?"open":"closed","data-multiple":f.multiple?"":void 0,"data-layout":f.layout,side:e,align:n,sideOffset:r,...c,...gt({size:u},c),...Tt("tree-select","content",c.className),ref:m,onMouseDown:R}):null};j.displayName="TreeSelectContent";import{skdxPart as Ct}from"../utils/part.js";import{Primitive as xt}from"../utils/primitive.js";import{jsx as Et}from"react/jsx-runtime";var Q=({ref:t,...e})=>v("TreeSelectEmpty").flat.length===0?Et(xt.div,{role:"presentation",...e,...Ct("tree-select","empty",e.className),ref:t}):null;Q.displayName="TreeSelectEmpty";import*as Ce from"react";import{useComposedRefs as It}from"../utils/composeRefs.js";import{skdxPart as Vt}from"../utils/part.js";import{composeEventHandlers as Re,Primitive as Nt}from"../utils/primitive.js";import{jsx as wt}from"react/jsx-runtime";var Z=({ref:t,...e})=>{let n=v("TreeSelectInput"),r=It(t,n.inputRef),{setHasInput:a}=n;return Ce.useEffect(()=>(a(!0),()=>a(!1)),[a]),wt(Nt.input,{type:"text",autoComplete:"off","aria-controls":n.activeTreeId,"aria-activedescendant":n.activeValue===null?void 0:n.itemId(n.activeValue),"aria-readonly":n.readOnly?!0:void 0,"data-readonly":n.readOnly?"":void 0,disabled:n.disabled||void 0,...e,...Vt("tree-select","input",e.className),ref:r,value:n.inputValue,onChange:Re(e.onChange,l=>n.onInputValueChange(l.target.value)),onKeyDown:Re(e.onKeyDown,l=>n.onNavigationKeyDown(l,{typeahead:!1,selectOnSpace:!1}))})};Z.displayName="TreeSelectInput";import{Portal as kt}from"../utils/portal.js";import{jsx as Mt}from"react/jsx-runtime";var ee=({forceMount:t,children:e,...n})=>{let r=v("TreeSelectPortal");return t||r.open?Mt(kt,{...n,children:e}):null};ee.displayName="TreeSelectPortal";import*as Ie from"react";import{Tree as Ft}from"../tree/Tree.js";import{TreeGroup as zt}from"../tree/Tree.js";import{skdxPart as Bt}from"../utils/part.js";import{TreeItem as Pt}from"../tree/Tree.js";import{createSafeContext as Ot}from"../utils/createContext.js";import{skdxPart as Lt}from"../utils/part.js";import{composeEventHandlers as Kt}from"../utils/primitive.js";import{jsx as xe}from"react/jsx-runtime";var[Dt,Ee]=Ot("TreeSelectItem");function At(t){return t.target.closest('[role="treeitem"]')!==t.currentTarget}function te(t){return t==="mixed"?"indeterminate":t?"checked":"unchecked"}function Ht(t,e){if(t)return e==="mixed"?"mixed":e}var H=({node:t,children:e,ref:n,...r})=>{let a=v("TreeSelectItem"),l=a.index.get(t.value),o=a.flatMap.get(t.value),i=a.checkStateOf(t.value),s=l?.disabled??t.disabled??!1,u=a.expanded.has(t.value),c=o?.hasChildren??!1,f=a.activeValue===t.value,m=a.loadingValues.has(t.value);return xe(Dt,{value:t.value,checkState:i,disabled:s,expanded:u,hasChildren:c,active:f,children:xe(Pt,{nodeId:t.value,disabled:s,hasChildren:o?.hasChildren,"aria-busy":m||void 0,"data-loading":m?"":void 0,id:a.itemId(t.value),"data-value":t.value,"data-highlighted":f?"":void 0,"aria-checked":Ht(a.multiple,i),"aria-selected":a.multiple?void 0:i===!0,"data-checked":te(i),"aria-posinset":o?.posinset,"aria-setsize":o?.setsize,tabIndex:-1,...r,...Lt("tree-select","item",r.className),ref:n,onClick:Kt(r.onClick,p=>{At(p)||(p.preventDefault(),!s&&(a.setActiveValue(t.value),a.commit(t.value),a.expandOnClick&&c&&a.setExpanded(t.value,!u)))}),children:e})})};H.displayName="TreeSelectItem";import{jsx as ne,jsxs as $t}from"react/jsx-runtime";var F=({renderLabel:t,rows:e,ref:n,...r})=>{let a=v("TreeSelectTree"),{isVisible:l,setVisibleRowValues:o}=a;Ie.useEffect(()=>(o(e?new Set(e.map(u=>u.value)):null),()=>o(null)),[e,o]);let i=u=>u.filter(c=>l(c.value)).map(c=>{let f=(c.children??[]).filter(m=>l(m.value));return $t(H,{node:c,children:[t?t(c):c.label??c.value,f.length>0?ne(zt,{children:i(f)}):null]},c.value)}),s=u=>u.map(c=>{let f=a.index.get(c.value)?.node;return f?ne(H,{node:f,"aria-level":c.depth,children:t?t(f):f.label??f.value},c.value):null});return ne(Ft,{id:a.treeId,selectionMode:"none","aria-multiselectable":a.multiple||void 0,"aria-readonly":a.readOnly||void 0,expandedIds:a.expandedIds,onExpandedIdsChange:a.onTreeExpandedIdsChange,expandOnClick:!1,...r,...Bt("tree-select","tree",r.className),ref:n,children:e?s(e):i(a.collection)})};F.displayName="TreeSelectTree";import{useComposedRefs as Ut}from"../utils/composeRefs.js";import{skdxPart as qt}from"../utils/part.js";import{PopperAnchor as Gt}from"../utils/popper.js";import{composeEventHandlers as Ve,Primitive as Jt}from"../utils/primitive.js";import{jsx as Ne}from"react/jsx-runtime";var re=({ref:t,...e})=>{let n=v("TreeSelectTrigger"),r=Ut(t,n.triggerRef),a=n.disabled||e.disabled,l=n.open&&!n.hasInput?n.activeValue:null;return Ne(Gt,{asChild:!0,children:Ne(Jt.button,{type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":n.open,"aria-controls":n.open?n.activeTreeId:void 0,"aria-activedescendant":l===null?void 0:n.itemId(l),"aria-readonly":n.readOnly?!0:void 0,"data-state":n.open?"open":"closed","data-disabled":a?"":void 0,"data-readonly":n.readOnly?"":void 0,"data-multiple":n.multiple?"":void 0,"data-placeholder":n.value.length===0?"":void 0,disabled:a,...e,...qt("tree-select","trigger",e.className),ref:r,onClick:Ve(e.onClick,()=>n.onOpenChange(!n.open)),onKeyDown:Ve(e.onKeyDown,o=>n.onNavigationKeyDown(o,{typeahead:!0,selectOnSpace:!0}))})})};re.displayName="TreeSelectTrigger";import{skdxPart as Xt}from"../utils/part.js";import{Primitive as Wt}from"../utils/primitive.js";import{jsx as we}from"react/jsx-runtime";var ae=({placeholder:t,children:e,ref:n,...r})=>{let{value:a,multiple:l,getLabel:o}=v("TreeSelectValue"),i,s=!1;return e!==void 0?i=e:a.length===0?(i=t,s=!0):l?i=a.map(u=>we("span",{"data-chip":"","data-value":u,children:o(u)},u)):i=o(a[0]),we(Wt.span,{"data-multiple":l?"":void 0,"data-placeholder":s?"":void 0,...r,...Xt("tree-select","value",r.className),ref:n,style:{pointerEvents:"none",...r.style},children:i})};ae.displayName="TreeSelectValue";import{Fragment as _t,jsx as k,jsxs as ke}from"react/jsx-runtime";function Yt(t,e,n){return e===null?{"aria-label":n}:t.flatMap.has(e)?{"aria-labelledby":t.itemId(e)}:{"aria-label":t.getLabel(e)}}var Me=({size:t,renderNode:e,placeholder:n,emptyMessage:r,ariaLabel:a,passThrough:l})=>{let o=v("TreeSelectAnatomy"),{layout:i}=o,s=a??n;return ke(_t,{children:[k(re,{...l,"data-size":void 0,"aria-label":s,children:k(ae,{placeholder:n})}),k(ee,{children:ke(j,{size:t,children:[k(Z,{"aria-label":s?`${s} filter`:void 0}),i==="columns"?k(_,{children:o.columns.map((u,c)=>k(F,{id:o.columnTreeId(c),rows:u.rows,renderLabel:e,"data-skdx-tree-parent-id":u.parent??void 0,...Yt(o,u.parent,s)},u.parent??""))}):k(F,{"aria-label":s,renderLabel:e}),k(Q,{children:r})]})})]})};import{jsx as le,jsxs as Jn}from"react/jsx-runtime";function Oe(t,e){return(t.label??t.value).toLowerCase().includes(e.trim().toLowerCase())}function Le(t){return`${t} match${t===1?"":"es"} available`}var[fn,v]=Qt("TreeSelect"),pn=new Set;function mn(t){let{children:e,collection:n,value:r,defaultValue:a,onValueChange:l,multiple:o=!1,checkStrategy:i="cascade",valueStrategy:s="all",expanded:u,defaultExpanded:c,onExpandedChange:f,open:m,defaultOpen:p=!1,onOpenChange:g,onOpenChangeComplete:h,inputValue:T,defaultInputValue:y="",onInputValueChange:R,filter:S=Oe,loadChildren:x,disabled:C=!1,name:V,form:b,readOnly:M=!1,closeOnSelect:O=!o,getMatchCountLabel:N=Le,getValueLabel:I,expandOnClick:w=!1,layout:z="tree",renderNode:P,placeholder:L,emptyMessage:D="No matches","aria-label":B,size:E,...K}=t;return{children:e,collection:n,valueProp:r,defaultValue:a,onValueChange:l,multiple:o,checkStrategy:i,valueStrategy:s,expandedProp:u,defaultExpanded:c,onExpandedChange:f,openProp:m,defaultOpen:p,onOpenChange:g,onOpenChangeComplete:h,inputValueProp:T,defaultInputValue:y,onInputValueChange:R,filter:S,loadChildren:x,disabled:C,name:V,form:b,readOnly:M,closeOnSelect:O,getMatchCountLabel:N,getValueLabel:I,expandOnClick:w,layout:z,renderNode:P,placeholder:L,emptyMessage:D,ariaLabel:B,size:E,rest:K}}function Pe(t,e,n){let[r=[],a]=oe({prop:t,defaultProp:e??[],onChange:n});return[r,a]}function gn(t,e,n){let[r=!1,a]=oe({prop:t,defaultProp:e,onChange:n});return[r,a]}function Sn(t,e,n){let[r="",a]=oe({prop:t,defaultProp:e,onChange:n});return[r,a]}function Tn(t,e){let[n,r]=Pe(t.valueProp,t.defaultValue,t.onValueChange),[a,l]=Pe(t.expandedProp,t.defaultExpanded,t.onExpandedChange),[o,i]=gn(t.openProp,t.defaultOpen,t.onOpenChange);cn(o,e,t.onOpenChangeComplete);let[s,u]=Sn(t.inputValueProp,t.defaultInputValue,t.onInputValueChange);return{value:n,setValue:r,baseExpanded:a,setBaseExpanded:l,open:o,setOpen:i,inputValue:s,setInputValue:u}}function hn(t,e,n,r){let{index:a,order:l}=d.useMemo(()=>pe(t),[t]),o=e?n:"independent",i=o!=="independent",s=d.useMemo(()=>Se(r,a,l,o),[r,a,l,o]);return{index:a,order:l,strategy:o,cascade:i,checked:s}}function yn(t,e,n,r){let a=d.useMemo(()=>ve(t,e,n,r),[t,e,n,r]),l=d.useMemo(()=>new Map(a.map(o=>[o.value,o])),[a]);return{flat:a,flatMap:l}}function vn(t,e,n){let r=d.useCallback(l=>`${t}item-${l}`,[t]),a=d.useCallback(l=>e.get(l)?.node.label??n?.(l)??l,[e,n]);return{itemId:r,getLabel:a}}function bn(t){let{index:e,order:n,filter:r,inputValue:a}=t,l=a.trim()!=="",{visible:o,autoExpanded:i,matchCount:s}=d.useMemo(()=>l?ye(e,n,c=>r(c,a)):{visible:null,autoExpanded:pn,matchCount:n.length},[l,e,n,r,a]),u=d.useCallback(c=>o===null||o.has(c),[o]);return{filtering:l,visible:o,autoExpanded:i,matchCount:s,isVisible:u}}function Rn(t){let{collection:e,layout:n,filtering:r,baseExpanded:a}=t,l=n==="columns"&&!r,o=d.useMemo(()=>l?sn(e,a):[],[l,e,a]),i=d.useMemo(()=>o.map((c,f)=>({parent:c.parent,rows:c.nodes.map(m=>({value:m.value,depth:f+1}))})),[o]),s=d.useMemo(()=>o.map(c=>c.parent).filter(c=>c!==null),[o]),u=d.useMemo(()=>l?new Set(o.flatMap(c=>c.nodes.map(f=>f.value))):null,[l,o]);return{columnMode:l,rawColumns:o,columns:i,columnExpandedIds:s,columnRowValues:u}}function Cn(t){let{collection:e,baseExpanded:n,setBaseExpanded:r,autoExpanded:a,filtering:l,startLoad:o,columnMode:i,columnExpandedIds:s}=t,u=d.useMemo(()=>{if(i)return s;if(a.size===0)return n;let p=new Set(n);for(let g of a)p.add(g);return[...p]},[i,s,n,a]),c=d.useMemo(()=>new Set(u),[u]),f=d.useCallback((p,g)=>{let h=i?on(e,p):[];h.length>0?r(g?h:h.slice(0,-1)):r((T=[])=>g?T.includes(p)?T:[...T,p]:T.filter(y=>y!==p)),g&&!l&&o(p)},[i,e,r,l,o]),m=d.useCallback(p=>{let g=new Set(p),h=p.find(y=>!c.has(y));if(h!==void 0){f(h,!0);return}let T=u.find(y=>!g.has(y));T!==void 0&&f(T,!1)},[c,u,f]);return{expandedIds:u,expanded:c,setExpanded:f,onTreeExpandedIdsChange:m}}function xn(t){let[e,n]=d.useState(()=>new Set),r=d.useRef(new Set),a=d.useCallback(l=>{if(!t||r.current.has(l))return;r.current.add(l),n(i=>new Set(i).add(l));let o=()=>n(i=>{let s=new Set(i);return s.delete(l),s});Promise.resolve(t(l)).then(o,()=>{r.current.delete(l),o()})},[t]);return{loadingValues:e,startLoad:a}}function En(t){let{disabled:e,readOnly:n,index:r,checked:a,strategy:l,multiple:o,order:i,valueStrategy:s,setValue:u,closeOnSelect:c,setOpen:f,triggerRef:m}=t;return d.useCallback(p=>{if(e||n)return;let g=r.get(p);if(!g||g.disabled)return;let h=he(p,a,r,l,o);u(Te(h,r,i,ge(l,s))),c&&(f(!1),m.current?.focus())},[e,n,r,a,l,o,i,s,u,c,f,m])}function In(t,e,n){return t===null||e.get(t)?.disabled!==!1?!0:n!==null&&!n.has(t)}function Vn(t){let{open:e,flat:n,visibleRowValues:r,flatMap:a,value:l,navigableFlat:o}=t,[i,s]=d.useState(null),[u,c]=d.useState(!1),[f,m]=d.useState(n),[p,g]=d.useState(r);if(e!==u||n!==f||r!==p){if(c(e),m(n),g(r),!e)s(null);else if(In(i,a,r)){let h=o.filter(y=>!y.disabled),T=h.find(y=>l.includes(y.value));s(T?.value??h[0]?.value??null)}}return[i,s]}function Nn(t,e,n){d.useEffect(()=>{t&&nn(n(e))},[t,e,n])}function wn(t){let{navigableFlat:e,index:n,activeValue:r,setActiveValue:a,contentRef:l,columnMode:o}=t,i=d.useMemo(()=>e.filter(m=>!m.disabled),[e]),s=d.useRef(i);d.useEffect(()=>{s.current=i});let u=dn(d.useCallback(()=>s.current.map(m=>n.get(m.value)?.node.label??m.value),[n])),c=d.useCallback(m=>{a(m);let p=l.current?.querySelectorAll('[role="treeitem"][data-value]');for(let g of p??[])if(g.getAttribute("data-value")===m){g.scrollIntoView?.(o?{block:"nearest",inline:"nearest"}:{block:"nearest"});return}},[a,l,o]),f=d.useCallback(m=>{if(i.length===0)return;if(m==="first"){c(i[0].value);return}if(m==="last"){c(i[i.length-1].value);return}let p=i.findIndex(g=>g.value===r);c(i[jt(p+m,0,i.length-1)].value)},[i,r,c]);return{navigable:i,navigableRef:s,matchTypeahead:u,activate:c,move:f}}function Ke(t,e){return t.get(e)?.childValues.find(r=>t.get(r)?.disabled!==!0)??null}function kn(t){let{columnMode:e,activeValue:n,expanded:r,loadingValues:a,index:l,activate:o}=t,i=d.useRef(null),s=d.useCallback(u=>{i.current=u},[]);return d.useEffect(()=>{let u=i.current;if(u===null)return;if(!e||u!==n||!r.has(u)){i.current=null;return}if(a.has(u))return;i.current=null;let c=Ke(l,u);c!==null&&o(c)},[e,n,r,a,l,o]),{awaitColumn:s}}function Mn(t){let{open:e,flat:n,flatMap:r,value:a,index:l,expanded:o,loadingValues:i,columnMode:s,rawColumns:u,columnRowValues:c,visibleRowValues:f,contentRef:m,treeId:p}=t,g=c??f,h=d.useMemo(()=>g===null?n:n.filter(I=>g.has(I.value)),[n,g]),[T,y]=Vn({open:e,flat:n,visibleRowValues:g,flatMap:r,value:a,navigableFlat:h}),R=s?Math.max(ln(u,T??""),0):0,S=d.useMemo(()=>s?{index:R,parent:u[R]?.parent??null}:null,[s,R,u]),x=d.useMemo(()=>{if(!s)return h;let I=new Set(u[R]?.nodes.map(w=>w.value)??[]);return n.filter(w=>I.has(w.value))},[s,h,u,R,n]),{navigableRef:C,matchTypeahead:V,activate:b,move:M}=wn({navigableFlat:x,index:l,activeValue:T,setActiveValue:y,contentRef:m,columnMode:s}),{awaitColumn:O}=kn({columnMode:s,activeValue:T,expanded:o,loadingValues:i,index:l,activate:b}),N=d.useCallback(I=>I===0?p:`${p}c${I}`,[p]);return{activeValue:T,setActiveValue:y,activeColumn:S,activeColumnIndex:R,columnTreeId:N,navigableRef:C,matchTypeahead:V,activate:b,move:M,awaitColumn:O}}function Pn(t,e){return t.key!=="Escape"?!1:(!e.open||e.contentRef.current||(t.preventDefault(),e.setOpen(!1),e.triggerRef.current?.focus()),!0)}function On(t,e){return t.key!=="Tab"?!1:(e.open&&e.setOpen(!1),!0)}function Ln(t,e,n){return n!=="ArrowDown"?!1:(t.preventDefault(),e.open?e.move(1):(e.setOpen(!0),e.move("first")),!0)}function Kn(t,e,n){return n!=="ArrowUp"?!1:(t.preventDefault(),e.open?e.move(-1):(e.setOpen(!0),e.move("last")),!0)}function Dn(t,e,n,r){return n!=="ArrowRight"?!1:(e.open&&(t.preventDefault(),r?.hasChildren&&!r.expanded?e.setExpanded(r.value,!0):e.move(1)),!0)}function An(t,e,n,r){return n!=="ArrowLeft"?!1:(e.open&&(t.preventDefault(),r?.hasChildren&&r.expanded?e.setExpanded(r.value,!1):r?.parent&&e.activate(r.parent)),!0)}function Hn(t,e,n){if(n!=="ArrowRight")return!1;if(!e.open)return!0;let r=e.activeValue===null?void 0:e.index.get(e.activeValue);if(!r||!(r.childValues.length>0||r.node.hasChildren===!0))return!0;t.preventDefault(),e.setExpanded(r.node.value,!0);let l=Ke(e.index,r.node.value);return l!==null?e.activate(l):e.awaitColumn(r.node.value),!0}function Fn(t,e,n,r){return n!=="ArrowLeft"?!1:(!e.open||r.index<=0||r.parent===null||(t.preventDefault(),e.setExpanded(r.parent,!1),e.activate(r.parent)),!0)}function zn(t,e){return t.key!=="Home"&&t.key!=="End"?!1:(e.open&&(t.preventDefault(),e.move(t.key==="Home"?"first":"last")),!0)}function Bn(t,e,n){if(t.key!=="*")return!1;if(!e.open)return!0;t.preventDefault();let r=n?.parent??null;for(let a of e.flat)a.parent===r&&a.hasChildren&&!a.expanded&&e.setExpanded(a.value,!0);return!0}function $n(t,e,n){return t.key==="Enter"||t.key===" "&&n.selectOnSpace?(t.preventDefault(),e.open?(e.activeValue!==null&&e.commit(e.activeValue),!0):(e.setOpen(!0),!0)):!1}function Un(t,e,n){if(!(n.typeahead&&e.open&&un(t)))return;t.preventDefault();let r=e.navigableRef.current.findIndex(l=>l.value===e.activeValue),a=e.matchTypeahead(t.key,r);a!==-1&&e.activate(e.navigableRef.current[a].value)}function qn(t,e,n,r,a){return r?Hn(t,e,n)||Fn(t,e,n,r)?!0:t.key==="*":Dn(t,e,n,a)?!0:An(t,e,n,a)}function Gn(t){let{disabled:e,direction:n,activeValue:r,flat:a,flatMap:l,index:o,activeColumn:i,awaitColumn:s,open:u,setOpen:c,move:f,activate:m,setExpanded:p,commit:g,matchTypeahead:h,navigableRef:T,triggerRef:y,contentRef:R}=t;return d.useCallback((S,x)=>{if(e)return;let C=Zt(S.key,S.currentTarget,n),V=r===null?void 0:l.get(r),b={activeValue:r,flat:a,index:o,awaitColumn:s,open:u,setOpen:c,move:f,activate:m,setExpanded:p,commit:g,matchTypeahead:h,navigableRef:T,triggerRef:y,contentRef:R};Pn(S,b)||On(S,b)||Ln(S,b,C)||Kn(S,b,C)||qn(S,b,C,i,V)||zn(S,b)||!i&&Bn(S,b,V)||$n(S,b,x)||Un(S,b,x)},[e,n,r,a,l,o,i,s,u,c,f,m,p,g,h,T,y,R])}function De(t){let e=mn(t),{children:n,collection:r,multiple:a,disabled:l,name:o,form:i,readOnly:s,expandOnClick:u,renderNode:c,placeholder:f,emptyMessage:m,ariaLabel:p,size:g,rest:h}=e,T=d.useRef(null),y=d.useRef(null),R=d.useRef(null),[S,x]=d.useState(!1),[C,V]=d.useState(null),b=d.useId(),M=d.useId(),O=en(),{value:N,setValue:I,baseExpanded:w,setBaseExpanded:z,open:P,setOpen:L,inputValue:D,setInputValue:B}=Tn(e,y),{index:E,order:K,strategy:$,cascade:Ae,checked:U}=hn(r,a,e.checkStrategy,N),{filtering:ie,visible:He,autoExpanded:Fe,matchCount:ze,isVisible:Be}=bn({index:E,order:K,filter:e.filter,inputValue:D}),{loadingValues:se,startLoad:$e}=xn(e.loadChildren),{columnMode:A,rawColumns:Ue,columns:qe,columnExpandedIds:Ge,columnRowValues:Je}=Rn({collection:r,layout:e.layout,filtering:ie,baseExpanded:w}),{expandedIds:Xe,expanded:q,setExpanded:ce,onTreeExpandedIdsChange:We}=Cn({collection:r,baseExpanded:w,setBaseExpanded:z,autoExpanded:Fe,filtering:ie,startLoad:$e,columnMode:A,columnExpandedIds:Ge}),{flat:G,flatMap:J}=yn(r,E,He,q),Ye=d.useCallback(it=>Y(it,U,E,$),[U,E,$]),ue=En({disabled:l,readOnly:s,index:E,checked:U,strategy:$,multiple:a,order:K,valueStrategy:e.valueStrategy,setValue:I,closeOnSelect:e.closeOnSelect,setOpen:L,triggerRef:T}),{activeValue:de,setActiveValue:_e,activeColumn:je,activeColumnIndex:Qe,columnTreeId:fe,navigableRef:Ze,matchTypeahead:et,activate:tt,move:nt,awaitColumn:rt}=Mn({open:P,flat:G,flatMap:J,value:N,index:E,expanded:q,loadingValues:se,columnMode:A,rawColumns:Ue,columnRowValues:Je,visibleRowValues:C,contentRef:y,treeId:M});Nn(P,ze,e.getMatchCountLabel);let{itemId:at,getLabel:lt}=vn(b,E,e.getValueLabel),ot=Gn({disabled:l,direction:O,activeValue:de,flat:G,flatMap:J,index:E,activeColumn:je,awaitColumn:rt,open:P,setOpen:L,move:nt,activate:tt,setExpanded:ce,commit:ue,matchTypeahead:et,navigableRef:Ze,triggerRef:T,contentRef:y});return le(rn,{children:Jn(fn,{collection:r,index:E,order:K,value:N,multiple:a,cascade:Ae,disabled:l,readOnly:s,checkStateOf:Ye,commit:ue,open:P,onOpenChange:L,expandedIds:Xe,expanded:q,setExpanded:ce,loadingValues:se,onTreeExpandedIdsChange:We,expandOnClick:A||u,isVisible:Be,layout:A?"columns":"tree",columns:qe,columnTreeId:fe,activeTreeId:fe(Qe),flat:G,flatMap:J,activeValue:de,setActiveValue:_e,itemId:at,treeId:M,triggerRef:T,contentRef:y,inputRef:R,hasInput:S,setHasInput:x,inputValue:D,onInputValueChange:B,getLabel:lt,onNavigationKeyDown:ot,visibleRowValues:C,setVisibleRowValues:V,children:[n??le(Me,{size:an(g,h,"data-size"),renderNode:c,placeholder:f,emptyMessage:m,ariaLabel:p,passThrough:h}),le(tn,{name:o,values:N,disabled:l,form:i})]})})}De.displayName="TreeSelect";import{skdxPart as Xn}from"../utils/part.js";import{Primitive as Wn}from"../utils/primitive.js";import{jsx as _n}from"react/jsx-runtime";var Yn=({forceMount:t,ref:e,...n})=>{let r=Ee("TreeSelectItemIndicator"),{checkState:a}=r;return t||a!==!1?_n(Wn.span,{"aria-hidden":!0,"data-state":te(a),...n,...Xn("tree-select","item-indicator",n.className),ref:e}):null};Yn.displayName="TreeSelectItemIndicator";export{De as TreeSelect,_ as TreeSelectColumns,j as TreeSelectContent,Q as TreeSelectEmpty,Z as TreeSelectInput,H as TreeSelectItem,Yn as TreeSelectItemIndicator,Dt as TreeSelectItemProvider,ee as TreeSelectPortal,fn as TreeSelectProvider,F as TreeSelectTree,re as TreeSelectTrigger,ae as TreeSelectValue,te as checkStateAttr,Le as defaultGetMatchCountLabel,Oe as defaultTreeSelectFilter,v as useTreeSelectContext,Ee as useTreeSelectItemContext};

package/dist/tree-select/TreeSelectAnatomy.d.cts

@@ -1,19 +1,12 @@
 import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.cjs';
-import type { TreeSelectNode } from './types.cjs';
-/**
- * The anatomy a {@link TreeSelect} draws given no manually-composed
- * `TreeSelectTrigger`/`TreeSelectPortal`: the trigger, the portal, a filter
- * input, and the tree — `TreeSelectTree` already renders one `TreeSelectItem`
- * per visible `collection` node on its own, so there is no per-node loop
- * here.
- *
- * @internal
- */
-export declare const TreeSelectAnatomy: ({ renderNode, placeholder, emptyMessage, ariaLabel, passThrough, }: {
-    renderNode?: (node: TreeSelectNode) => React.ReactNode;
-    placeholder?: string;
+import type { TreeSelectContentProps, TreeSelectNode } from './types.cjs';
+/** @internal Default anatomy a {@link TreeSelect} draws with no manually-composed trigger/portal. */
+export declare const TreeSelectAnatomy: ({ size, renderNode, placeholder, emptyMessage, ariaLabel, passThrough, }: {
+    size?: TreeSelectContentProps["size"] | undefined;
+    renderNode?: ((node: TreeSelectNode) => React.ReactNode) | undefined;
+    placeholder?: string | undefined;
     emptyMessage: string;
-    ariaLabel?: string;
-    passThrough?: PassThroughProps;
+    ariaLabel?: string | undefined;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;

package/dist/tree-select/TreeSelectAnatomy.d.ts

@@ -1,19 +1,12 @@
 import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.js';
-import type { TreeSelectNode } from './types.js';
-/**
- * The anatomy a {@link TreeSelect} draws given no manually-composed
- * `TreeSelectTrigger`/`TreeSelectPortal`: the trigger, the portal, a filter
- * input, and the tree — `TreeSelectTree` already renders one `TreeSelectItem`
- * per visible `collection` node on its own, so there is no per-node loop
- * here.
- *
- * @internal
- */
-export declare const TreeSelectAnatomy: ({ renderNode, placeholder, emptyMessage, ariaLabel, passThrough, }: {
-    renderNode?: (node: TreeSelectNode) => React.ReactNode;
-    placeholder?: string;
+import type { TreeSelectContentProps, TreeSelectNode } from './types.js';
+/** @internal Default anatomy a {@link TreeSelect} draws with no manually-composed trigger/portal. */
+export declare const TreeSelectAnatomy: ({ size, renderNode, placeholder, emptyMessage, ariaLabel, passThrough, }: {
+    size?: TreeSelectContentProps["size"] | undefined;
+    renderNode?: ((node: TreeSelectNode) => React.ReactNode) | undefined;
+    placeholder?: string | undefined;
     emptyMessage: string;
-    ariaLabel?: string;
-    passThrough?: PassThroughProps;
+    ariaLabel?: string | undefined;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;

package/dist/tree-select/TreeSelectColumns.d.cts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import type { TreeSelectColumnsProps } from './types.cjs';
+/**
+ * The `role="presentation"` track holding one `TreeSelectTree` per open level while a {@link TreeSelect} draws the columns layout, rendering nothing in the tree layout or while a filter narrows the popup.
+ *
+ * @example
+ * ```tsx
+ * <TreeSelectContent>
+ *   <TreeSelectColumns>
+ *     <TreeSelectTree aria-label="Regions" />
+ *   </TreeSelectColumns>
+ * </TreeSelectContent>
+ * ```
+ */
+export declare const TreeSelectColumns: {
+    ({ ref: forwardedRef, ...props }: TreeSelectColumnsProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectColumns.d.ts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import type { TreeSelectColumnsProps } from './types.js';
+/**
+ * The `role="presentation"` track holding one `TreeSelectTree` per open level while a {@link TreeSelect} draws the columns layout, rendering nothing in the tree layout or while a filter narrows the popup.
+ *
+ * @example
+ * ```tsx
+ * <TreeSelectContent>
+ *   <TreeSelectColumns>
+ *     <TreeSelectTree aria-label="Regions" />
+ *   </TreeSelectColumns>
+ * </TreeSelectContent>
+ * ```
+ */
+export declare const TreeSelectColumns: {
+    ({ ref: forwardedRef, ...props }: TreeSelectColumnsProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectContent.d.cts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import type { TreeSelectContentProps } from './types.cjs';
 /**
- * Popup panel for a {@link TreeSelect}, positioned via floating-ui.
- * Renders plain `<div>` holding `TreeSelectTree` (role), `TreeSelectInput`, `TreeSelectEmpty`.
- * Focuses input on open; tree navigated via `aria-activedescendant`.
- * Closes on Escape or outside interaction unless prevented.
+ * Popup panel for a {@link TreeSelect}, positioned via floating-ui, focusing the filter input on open and closing on Escape or outside interaction unless prevented.
  *
  * @example
  * ```tsx
@@ -15,4 +12,7 @@ import type { TreeSelectContentProps } from './types.cjs';
  * </TreeSelectContent>
  * ```
  */
-export declare const TreeSelectContent: React.ForwardRefExoticComponent<Omit<TreeSelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectContent: {
+    ({ forceMount, side, align, sideOffset, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, ref: forwardedRef, size, ...props }: TreeSelectContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectContent.d.ts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import type { TreeSelectContentProps } from './types.js';
 /**
- * Popup panel for a {@link TreeSelect}, positioned via floating-ui.
- * Renders plain `<div>` holding `TreeSelectTree` (role), `TreeSelectInput`, `TreeSelectEmpty`.
- * Focuses input on open; tree navigated via `aria-activedescendant`.
- * Closes on Escape or outside interaction unless prevented.
+ * Popup panel for a {@link TreeSelect}, positioned via floating-ui, focusing the filter input on open and closing on Escape or outside interaction unless prevented.
  *
  * @example
  * ```tsx
@@ -15,4 +12,7 @@ import type { TreeSelectContentProps } from './types.js';
  * </TreeSelectContent>
  * ```
  */
-export declare const TreeSelectContent: React.ForwardRefExoticComponent<Omit<TreeSelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectContent: {
+    ({ forceMount, side, align, sideOffset, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, ref: forwardedRef, size, ...props }: TreeSelectContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectEmpty.d.cts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TreeSelectEmptyProps } from './types.cjs';
 /**
- * Fallback shown when no nodes match the filter or collection is empty.
- * Renders nothing while at least one node is visible.
+ * Fallback shown when no nodes match the filter or the collection is empty; renders nothing while a node is visible.
  *
  * @example
  * ```tsx
@@ -13,4 +12,7 @@ import type { TreeSelectEmptyProps } from './types.cjs';
  * </TreeSelectContent>
  * ```
  */
-export declare const TreeSelectEmpty: React.ForwardRefExoticComponent<Omit<TreeSelectEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectEmpty: {
+    ({ ref: forwardedRef, ...props }: TreeSelectEmptyProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectEmpty.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TreeSelectEmptyProps } from './types.js';
 /**
- * Fallback shown when no nodes match the filter or collection is empty.
- * Renders nothing while at least one node is visible.
+ * Fallback shown when no nodes match the filter or the collection is empty; renders nothing while a node is visible.
  *
  * @example
  * ```tsx
@@ -13,4 +12,7 @@ import type { TreeSelectEmptyProps } from './types.js';
  * </TreeSelectContent>
  * ```
  */
-export declare const TreeSelectEmpty: React.ForwardRefExoticComponent<Omit<TreeSelectEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectEmpty: {
+    ({ ref: forwardedRef, ...props }: TreeSelectEmptyProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectInput.d.cts

@@ -1,15 +1,14 @@
 import * as React from 'react';
 import type { TreeSelectInputProps } from './types.cjs';
 /**
- * Optional filter field inside {@link TreeSelectContent}. Plain textbox
- * (not combobox) with `aria-controls` at the tree and `aria-activedescendant`
- * at the focused node. Typing filters; matches expand transiently with
- * ancestor chain visible. Arrow keys, Home/End, Enter, Escape behave as on
- * trigger; Space stays as a character.
+ * Optional filter field inside {@link TreeSelectContent}, a plain textbox pointing `aria-controls`/`aria-activedescendant` at the tree and its focused node.
  *
  * @example
  * ```tsx
  * <TreeSelectInput placeholder="Filter regions…" aria-label="Filter regions" />
  * ```
  */
-export declare const TreeSelectInput: React.ForwardRefExoticComponent<Omit<TreeSelectInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const TreeSelectInput: {
+    ({ ref: forwardedRef, ...props }: TreeSelectInputProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectInput.d.ts

@@ -1,15 +1,14 @@
 import * as React from 'react';
 import type { TreeSelectInputProps } from './types.js';
 /**
- * Optional filter field inside {@link TreeSelectContent}. Plain textbox
- * (not combobox) with `aria-controls` at the tree and `aria-activedescendant`
- * at the focused node. Typing filters; matches expand transiently with
- * ancestor chain visible. Arrow keys, Home/End, Enter, Escape behave as on
- * trigger; Space stays as a character.
+ * Optional filter field inside {@link TreeSelectContent}, a plain textbox pointing `aria-controls`/`aria-activedescendant` at the tree and its focused node.
  *
  * @example
  * ```tsx
  * <TreeSelectInput placeholder="Filter regions…" aria-label="Filter regions" />
  * ```
  */
-export declare const TreeSelectInput: React.ForwardRefExoticComponent<Omit<TreeSelectInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const TreeSelectInput: {
+    ({ ref: forwardedRef, ...props }: TreeSelectInputProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectItem.d.cts

@@ -1,20 +1,13 @@
-import * as React from 'react';
+import type * as React from 'react';
+import type { TreeCheckedState } from '../tree/types.cjs';
 import type { TreeSelectItemContextValue, TreeSelectItemProps } from './types.cjs';
-export declare const TreeSelectItemProvider: {
-    (props: TreeSelectItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTreeSelectItemContext: (consumerName: string) => TreeSelectItemContextValue;
+export declare const TreeSelectItemProvider: React.FC<TreeSelectItemContextValue & {
+    children: React.ReactNode;
+}>, useTreeSelectItemContext: (consumerName: string) => TreeSelectItemContextValue;
+/** @internal Maps a {@link TreeCheckedState} to the `data-checked` string (`'checked'` / `'unchecked'` / `'indeterminate'`). */
+export declare function checkStateAttr(checkState: TreeCheckedState): 'indeterminate' | 'checked' | 'unchecked';
 /**
- * Checkable tree node composing TreeItem. Inherits role=treeitem, aria-level, aria-expanded.
- *
- * Adds: aria-checked (true/false/mixed) with data-checked (checked/unchecked/indeterminate).
- * In multiple mode, aria-checked is the only selection attribute (Tree gets selectionMode=none).
- * Single-select keeps aria-selected only. aria-posinset/aria-setsize respect visible siblings.
- *
- * Clicking checks node (cascades under checkStrategy=cascade) instead of selecting+expanding.
- * Expansion remains on chevron (TreeItemIndicator). tabIndex={-1}; navigated by aria-activedescendant.
+ * Checkable tree node composing `TreeItem`, adding `aria-checked`/`data-checked` and checking (cascading under `checkStrategy="cascade"`) instead of selecting on click.
  *
  * @example
  * ```tsx
@@ -25,4 +18,7 @@ export declare const TreeSelectItemProvider: {
  * </TreeSelectItem>
  * ```
  */
-export declare const TreeSelectItem: React.ForwardRefExoticComponent<Omit<TreeSelectItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectItem: {
+    ({ node, children, ref: forwardedRef, ...props }: TreeSelectItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectItem.d.ts

@@ -1,20 +1,13 @@
-import * as React from 'react';
+import type * as React from 'react';
+import type { TreeCheckedState } from '../tree/types.js';
 import type { TreeSelectItemContextValue, TreeSelectItemProps } from './types.js';
-export declare const TreeSelectItemProvider: {
-    (props: TreeSelectItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTreeSelectItemContext: (consumerName: string) => TreeSelectItemContextValue;
+export declare const TreeSelectItemProvider: React.FC<TreeSelectItemContextValue & {
+    children: React.ReactNode;
+}>, useTreeSelectItemContext: (consumerName: string) => TreeSelectItemContextValue;
+/** @internal Maps a {@link TreeCheckedState} to the `data-checked` string (`'checked'` / `'unchecked'` / `'indeterminate'`). */
+export declare function checkStateAttr(checkState: TreeCheckedState): 'indeterminate' | 'checked' | 'unchecked';
 /**
- * Checkable tree node composing TreeItem. Inherits role=treeitem, aria-level, aria-expanded.
- *
- * Adds: aria-checked (true/false/mixed) with data-checked (checked/unchecked/indeterminate).
- * In multiple mode, aria-checked is the only selection attribute (Tree gets selectionMode=none).
- * Single-select keeps aria-selected only. aria-posinset/aria-setsize respect visible siblings.
- *
- * Clicking checks node (cascades under checkStrategy=cascade) instead of selecting+expanding.
- * Expansion remains on chevron (TreeItemIndicator). tabIndex={-1}; navigated by aria-activedescendant.
+ * Checkable tree node composing `TreeItem`, adding `aria-checked`/`data-checked` and checking (cascading under `checkStrategy="cascade"`) instead of selecting on click.
  *
  * @example
  * ```tsx
@@ -25,4 +18,7 @@ export declare const TreeSelectItemProvider: {
  * </TreeSelectItem>
  * ```
  */
-export declare const TreeSelectItem: React.ForwardRefExoticComponent<Omit<TreeSelectItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectItem: {
+    ({ node, children, ref: forwardedRef, ...props }: TreeSelectItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectItemIndicator.d.cts

@@ -1,13 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TreeSelectItemIndicatorProps } from './types.cjs';
 /**
- * Marker shown in a {@link TreeSelectItem} when checked or partially checked.
- * Partially checked (half-chosen branch) shows `data-state="indeterminate"`
- * for a dash instead of tick. Renders `aria-hidden` `<span>` with state
- * attributes; nothing when unchecked unless `forceMount` is set.
- *
- * Check state is announced by the item's `aria-checked`, so this is purely
- * visual.
+ * Purely visual `aria-hidden` marker shown in a {@link TreeSelectItem} when checked or partially checked, publishing `data-state`.
  *
  * @example
  * ```tsx
@@ -17,4 +11,7 @@ import type { TreeSelectItemIndicatorProps } from './types.cjs';
  * </TreeSelectItem>
  * ```
  */
-export declare const TreeSelectItemIndicator: React.ForwardRefExoticComponent<Omit<TreeSelectItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const TreeSelectItemIndicator: {
+    ({ forceMount, ref: forwardedRef, ...props }: TreeSelectItemIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectItemIndicator.d.ts

@@ -1,13 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TreeSelectItemIndicatorProps } from './types.js';
 /**
- * Marker shown in a {@link TreeSelectItem} when checked or partially checked.
- * Partially checked (half-chosen branch) shows `data-state="indeterminate"`
- * for a dash instead of tick. Renders `aria-hidden` `<span>` with state
- * attributes; nothing when unchecked unless `forceMount` is set.
- *
- * Check state is announced by the item's `aria-checked`, so this is purely
- * visual.
+ * Purely visual `aria-hidden` marker shown in a {@link TreeSelectItem} when checked or partially checked, publishing `data-state`.
  *
  * @example
  * ```tsx
@@ -17,4 +11,7 @@ import type { TreeSelectItemIndicatorProps } from './types.js';
  * </TreeSelectItem>
  * ```
  */
-export declare const TreeSelectItemIndicator: React.ForwardRefExoticComponent<Omit<TreeSelectItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const TreeSelectItemIndicator: {
+    ({ forceMount, ref: forwardedRef, ...props }: TreeSelectItemIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectPortal.d.cts

@@ -1,7 +1,7 @@
+import type { JSX } from 'react';
 import type { TreeSelectPortalProps } from './types.cjs';
 /**
- * Teleports its children to `document.body` or `container`, escaping
- * clipping/overflow while open. Renders nothing while closed unless `forceMount` is set.
+ * Teleports its children to `document.body` or `container` while open, escaping clipping/overflow.
  *
  * @example
  * ```tsx
@@ -13,6 +13,6 @@ import type { TreeSelectPortalProps } from './types.cjs';
  * ```
  */
 export declare const TreeSelectPortal: {
-    ({ forceMount, children, ...props }: TreeSelectPortalProps): import("react").JSX.Element | null;
+    ({ forceMount, children, ...props }: TreeSelectPortalProps): JSX.Element | null;
     displayName: string;
 };

package/dist/tree-select/TreeSelectPortal.d.ts

@@ -1,7 +1,7 @@
+import type { JSX } from 'react';
 import type { TreeSelectPortalProps } from './types.js';
 /**
- * Teleports its children to `document.body` or `container`, escaping
- * clipping/overflow while open. Renders nothing while closed unless `forceMount` is set.
+ * Teleports its children to `document.body` or `container` while open, escaping clipping/overflow.
  *
  * @example
  * ```tsx
@@ -13,6 +13,6 @@ import type { TreeSelectPortalProps } from './types.js';
  * ```
  */
 export declare const TreeSelectPortal: {
-    ({ forceMount, children, ...props }: TreeSelectPortalProps): import("react").JSX.Element | null;
+    ({ forceMount, children, ...props }: TreeSelectPortalProps): JSX.Element | null;
     displayName: string;
 };

package/dist/tree-select/TreeSelectTree.d.cts

@@ -1,15 +1,8 @@
 import * as React from 'react';
+import type { TreeHandle } from '../tree/types.cjs';
 import type { TreeSelectTreeProps } from './types.cjs';
 /**
- * The `role="tree"` inside a {@link TreeSelect}'s popup: renders one `TreeSelectItem`
- * per *visible* collection node, nesting branches in `TreeGroup`. Carries `aria-multiselectable`
- * while root is `multiple`, `aria-readonly` while `readOnly`, and the id for `aria-controls`.
- *
- * Expansion is controlled via `Tree`; chevron (`TreeItemIndicator`) works like plain tree.
- * Selection is not: root owns cascading check state for collapsed branches `Tree` cannot see.
- * Real DOM focus never enters — every node is `tabIndex={-1}`, navigation on trigger or input.
- *
- * Give it an accessible name (`aria-label` or `aria-labelledby`); unnamed trees announce as unnamed groups.
+ * The `role="tree"` inside a {@link TreeSelect}'s popup, rendering one `TreeSelectItem` per visible collection node with real DOM focus never entering it.
  *
  * @example
  * ```tsx
@@ -25,4 +18,9 @@ import type { TreeSelectTreeProps } from './types.cjs';
  * />
  * ```
  */
-export declare const TreeSelectTree: React.ForwardRefExoticComponent<Omit<TreeSelectTreeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectTree: {
+    ({ renderLabel, rows, ref: forwardedRef, ...props }: Omit<TreeSelectTreeProps, "ref"> & {
+        ref?: React.Ref<HTMLDivElement & TreeHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectTree.d.ts

@@ -1,15 +1,8 @@
 import * as React from 'react';
+import type { TreeHandle } from '../tree/types.js';
 import type { TreeSelectTreeProps } from './types.js';
 /**
- * The `role="tree"` inside a {@link TreeSelect}'s popup: renders one `TreeSelectItem`
- * per *visible* collection node, nesting branches in `TreeGroup`. Carries `aria-multiselectable`
- * while root is `multiple`, `aria-readonly` while `readOnly`, and the id for `aria-controls`.
- *
- * Expansion is controlled via `Tree`; chevron (`TreeItemIndicator`) works like plain tree.
- * Selection is not: root owns cascading check state for collapsed branches `Tree` cannot see.
- * Real DOM focus never enters — every node is `tabIndex={-1}`, navigation on trigger or input.
- *
- * Give it an accessible name (`aria-label` or `aria-labelledby`); unnamed trees announce as unnamed groups.
+ * The `role="tree"` inside a {@link TreeSelect}'s popup, rendering one `TreeSelectItem` per visible collection node with real DOM focus never entering it.
  *
  * @example
  * ```tsx
@@ -25,4 +18,9 @@ import type { TreeSelectTreeProps } from './types.js';
  * />
  * ```
  */
-export declare const TreeSelectTree: React.ForwardRefExoticComponent<Omit<TreeSelectTreeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectTree: {
+    ({ renderLabel, rows, ref: forwardedRef, ...props }: Omit<TreeSelectTreeProps, "ref"> & {
+        ref?: React.Ref<HTMLDivElement & TreeHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectTrigger.d.cts

@@ -1,10 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TreeSelectTriggerProps } from './types.cjs';
 /**
- * Opens the popup and displays current selection. Renders
- * `<button role="combobox">` with `aria-haspopup="tree"`, `aria-expanded`,
- * `aria-controls`, and `aria-activedescendant` (unless `TreeSelectInput` is
- * mounted).
+ * Opens the popup and displays the current selection as a `<button role="combobox">` with `aria-haspopup="tree"`, `aria-expanded` and `aria-controls`.
  *
  * @example
  * ```tsx
@@ -13,4 +10,7 @@ import type { TreeSelectTriggerProps } from './types.cjs';
  * </TreeSelectTrigger>
  * ```
  */
-export declare const TreeSelectTrigger: React.ForwardRefExoticComponent<Omit<TreeSelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TreeSelectTrigger: {
+    ({ ref: forwardedRef, ...props }: TreeSelectTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree-select/TreeSelectTrigger.d.ts

@@ -1,10 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TreeSelectTriggerProps } from './types.js';
 /**
- * Opens the popup and displays current selection. Renders
- * `<button role="combobox">` with `aria-haspopup="tree"`, `aria-expanded`,
- * `aria-controls`, and `aria-activedescendant` (unless `TreeSelectInput` is
- * mounted).
+ * Opens the popup and displays the current selection as a `<button role="combobox">` with `aria-haspopup="tree"`, `aria-expanded` and `aria-controls`.
  *
  * @example
  * ```tsx
@@ -13,4 +10,7 @@ import type { TreeSelectTriggerProps } from './types.js';
  * </TreeSelectTrigger>
  * ```
  */
-export declare const TreeSelectTrigger: React.ForwardRefExoticComponent<Omit<TreeSelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TreeSelectTrigger: {
+    ({ ref: forwardedRef, ...props }: TreeSelectTriggerProps): React.ReactNode;
+    displayName: string;
+};