@skdx/react 0.28.0 → 0.29.0

package/dist/tree/Tree.cjs

@@ -1 +1,2 @@
-"use strict";var Rt=Object.create;var oe=Object.defineProperty;var Ct=Object.getOwnPropertyDescriptor;var bt=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var Et=(t,r)=>{for(var o in r)oe(t,o,{get:r[o],enumerable:!0})},Ue=(t,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of bt(r))!wt.call(t,a)&&a!==o&&oe(t,a,{get:()=>r[a],enumerable:!(c=Ct(r,a))||c.enumerable});return t};var ie=(t,r,o)=>(o=t!=null?Rt(At(t)):{},Ue(r||!t||!t.__esModule?oe(o,"default",{value:t,enumerable:!0}):o,t)),Pt=t=>Ue(oe({},"__esModule",{value:!0}),t);var Lt={};Et(Lt,{Tree:()=>Ie,TreeAmbientContext:()=>D,TreeGroup:()=>L,TreeItem:()=>ae,TreeItemIndicator:()=>ot,TreeItemProvider:()=>$e,TreeProvider:()=>nt,defaultGetLoadedLabel:()=>tt,staticPosition:()=>Mt,staticSiblingIds:()=>le,useTreeContext:()=>_,useTreeItemContext:()=>U});module.exports=Pt(Lt);var i=ie(require("react"),1),Xe=require("../utils/createContext.cjs"),me=require("../utils/direction.cjs"),Ze=require("../utils/liveAnnouncer.cjs"),je=require("../utils/part.cjs"),B=require("../utils/primitive.cjs"),ue=require("../utils/useControllableState.cjs"),et=require("../utils/useRovingFocus.cjs"),pe=require("../utils/useTypeahead.cjs");var ce=ie(require("react"),1),Je=require("../utils/part.cjs"),Qe=require("../utils/primitive.cjs");var x=ie(require("react"),1),Be=require("../utils/createContext.cjs"),We=require("../utils/part.cjs"),F=require("../utils/primitive.cjs"),Ye=require("../utils/useRovingFocus.cjs");var Ae=require("react/jsx-runtime"),[$e,U]=(0,Be.createSafeContext)("TreeItem");function _e(t){return t.target.closest('[role="treeitem"]')!==t.currentTarget}function St(t){return x.Children.toArray(t).some(r=>x.isValidElement(r)&&r.type===L)}var ae=x.forwardRef(({nodeId:t,disabled:r=!1,hasChildren:o,textValue:c,children:a,...f},T)=>{let d=_("TreeItem"),y=x.useContext(D),W=r&&d.disabledBehavior==="all",A=o??St(a),k=d.expandedIds.has(t),O=d.selectedIds.has(t),M=d.loadingIds.has(t),Y=(0,Ye.rovingTabIndex)(d.activeNodeId!==null,d.activeNodeId===t,W),{registerNode:I,unregisterNode:$}=d,K=y.parentId;x.useEffect(()=>(I(t,K),()=>$(t)),[t,K,I,$]);let R=d.checkedAxisActive||d.selectionPropagation==="descendants"?d.checkedState(t):void 0,G=!d.checkedAxisActive&&d.selectionPropagation==="descendants",N=d.positionOf(t);return(0,Ae.jsx)($e,{nodeId:t,depth:y.depth,expanded:k,selected:O,disabled:r,hasChildren:A,loading:M,children:(0,Ae.jsx)(F.Primitive.div,{role:"treeitem","aria-level":y.depth,"aria-posinset":N?.posinset,"aria-setsize":N?.setsize,"aria-selected":d.selectionMode==="none"||G?void 0:O,"aria-expanded":A?k:void 0,"aria-checked":R===void 0?void 0:R==="mixed"?"mixed":R,"aria-busy":M||void 0,"aria-disabled":r||void 0,"data-state":A?k?"expanded":"collapsed":void 0,"data-checked":R===void 0?void 0:R==="mixed"?"indeterminate":R?"checked":"unchecked","data-loading":M?"":void 0,"data-disabled":r?"":void 0,"data-text-value":c,"data-skdx-tree-node-id":t,"data-skdx-tree-parent-id":y.parentId??void 0,tabIndex:Y,...f,...(0,We.skdxPart)("tree","item",f.className),style:{"--skdx-tree-node-depth":y.depth,...f.style},ref:T,onClick:(0,F.composeEventHandlers)(f.onClick,z=>{r||_e(z)||(d.onSelectedChange(t),d.onActivate(t),A&&d.expandOnClick&&d.onExpandedChange(t,!k))}),onFocus:(0,F.composeEventHandlers)(f.onFocus,z=>{!W&&!_e(z)&&d.setActiveNodeId(t)}),children:a})})});ae.displayName="TreeItem";var we=require("react/jsx-runtime"),L=ce.forwardRef(({forceMount:t,children:r,...o},c)=>{let a=U("TreeGroup"),f=ce.useMemo(()=>({depth:a.depth+1,parentId:a.nodeId,siblingIds:le(r)}),[a.depth,a.nodeId,r]);return t||a.expanded?(0,we.jsx)(D.Provider,{value:f,children:(0,we.jsx)(Qe.Primitive.div,{role:"group",...o,...(0,Je.skdxPart)("tree","group",o.className),ref:c,children:r})}):null});L.displayName="TreeGroup";var de=require("react/jsx-runtime");function Ee(t,r){return t.map(o=>(0,de.jsxs)(ae,{nodeId:o.nodeId,disabled:o.disabled,textValue:o.textValue,hasChildren:o.hasChildren,children:[r?r(o):o.label??o.nodeId,o.children&&o.children.length>0?(0,de.jsx)(L,{children:Ee(o.children,r)}):null]},o.nodeId))}var fe=require("react/jsx-runtime"),Me='[role="treeitem"]:not([data-disabled])',Se='[role="treeitem"]';function tt(t){return`${t} loaded`}var[nt,_]=(0,Xe.createSafeContext)("Tree"),D=i.createContext({depth:1,parentId:null,siblingIds:null});function le(t){let r=i.Children.toArray(t).filter(i.isValidElement);if(r.length===0)return null;let o=[];for(let c of r){let a=c.props.nodeId;if(typeof a!="string"||a==="")return null;o.push(a)}return o}function Mt(t,r){if(t===null)return;let o=t.indexOf(r);if(o!==-1)return{posinset:o+1,setsize:t.length}}function C(t,r=Me){return Array.from(t.querySelectorAll(r))}function b(t){return t.getAttribute("data-skdx-tree-node-id")??""}function It(t){let r=t.getAttribute("data-text-value");if(r!==null)return r;let o="";for(let c of t.childNodes){let a=c.nodeType===1?c:null;a&&(a.getAttribute("role")==="group"||a.getAttribute("aria-hidden")==="true")||(o+=c.textContent??"")}return o}function Nt(t){let r=new Map;for(let c of t.querySelectorAll(Se)){let a=b(c);if(!a)continue;let f=c.getAttribute("data-skdx-tree-parent-id")??"",T=r.get(f);T?T.push(a):r.set(f,[a])}let o=new Map;for(let c of r.values())c.forEach((a,f)=>{o.set(a,{posinset:f+1,setsize:c.length})});return o}function vt(t,r){return t.length===r.length&&t.every((o,c)=>o===r[c])}function Ht(t,r){if(t.size!==r.size)return!1;for(let[o,c]of t){let a=r.get(o);if(!a||a.posinset!==c.posinset||a.setsize!==c.setsize)return!1}return!0}function Pe(t,r,o,c=Me){let a=C(t,c),f=a.indexOf(r);if(f===-1)return;let T=a[f+o];return T?.focus(),T}var Ie=i.forwardRef(({selectionMode:t="single",expandedIds:r,defaultExpandedIds:o=[],onExpandedIdsChange:c,selectedIds:a,defaultSelectedIds:f=[],onSelectedIdsChange:T,checkedIds:d,defaultCheckedIds:y,onCheckedIdsChange:W,selectionPropagation:A="none",loadChildren:k,getLoadedLabel:O=tt,onLoadError:M,onActivate:Y,disabledBehavior:I="all",expandOnClick:$=!0,collection:K,renderLabel:R,children:G,...N},z)=>{let w=i.useRef(null),m=I==="selection"?Se:Me,at=(0,me.useDirection)(),[he,Ne]=i.useState(null),[ct,ve]=i.useState(()=>new Set),v=i.useRef(new Set),[J,He]=i.useState(()=>new Map),Q=A==="descendants",[Le=[],X]=(0,ue.useControllableState)({prop:r,defaultProp:o,onChange:c}),[De=[],xe]=(0,ue.useControllableState)({prop:a,defaultProp:f,onChange:T}),E=d!==void 0||y!==void 0,[Oe=[],lt]=(0,ue.useControllableState)({prop:d,defaultProp:y??[],onChange:W}),P=E?lt:xe,Te=i.useMemo(()=>new Set(Le),[Le]),Z=i.useMemo(()=>new Set(De),[De]),Ke=i.useMemo(()=>new Set(Oe),[Oe]),dt=i.useCallback((e,n)=>{He(s=>s.get(e)===n?s:new Map(s).set(e,n))},[]),ut=i.useCallback(e=>{He(n=>{if(!n.has(e))return n;let s=new Map(n);return s.delete(e),s})},[]),j=i.useMemo(()=>{let e=new Map;for(let[n,s]of J){if(s===null)continue;let l=e.get(s);l?l.push(n):e.set(s,[n])}return e},[J]),[V,ft]=i.useState(()=>new Map),ee=i.useMemo(()=>{let e=null;for(let n of J.keys()){if(!Te.has(n))continue;let s=j.get(n)??[],l=V.get(n);l&&vt(l,s)||(e??(e=new Map(V)),e.set(n,s))}return e??V},[J,Te,j,V]);ee!==V&&ft(ee);let ye=i.useCallback(e=>j.get(e)??ee.get(e)??[],[j,ee]),H=i.useCallback(e=>{let n=[],s=new Set([e]),l=[...ye(e)];for(;l.length>0;){let p=l.pop();s.has(p)||(s.add(p),n.push(p),l.push(...ye(p)))}return n},[ye]),ke=i.useCallback(e=>{let n=E?Ke:Z;if(!Q)return E?n.has(e):!1;let s=H(e);if(s.length===0)return n.has(e);let l=s.filter(p=>n.has(p)).length;return l===0?!1:l===s.length?!0:"mixed"},[E,Q,H,Ke,Z]),te=i.useCallback(e=>{if(!k||v.current.has(e))return;v.current.add(e),ve(s=>new Set(s).add(e));let n=()=>ve(s=>{let l=new Set(s);return l.delete(e),l});Promise.resolve(k(e)).then(()=>{n(),(0,Ze.announce)(O(e))},s=>{v.current.delete(e),n(),M?.({nodeId:e,error:s})})},[k,O,M]),Ge=i.useCallback(e=>{if(e===void 0){v.current.clear();return}v.current.delete(e);for(let n of H(e))v.current.delete(n)},[H]),Re=i.useCallback((e,n)=>{X((s=[])=>n?[...s,e]:s.filter(l=>l!==e)),n&&te(e)},[X,te]),mt=i.useCallback(e=>{if(e.length!==0){X((n=[])=>[...new Set([...n,...e])]);for(let n of e)te(n)}},[X,te]),ne=i.useRef(null),re=i.useCallback(e=>{if(t!=="none"){if(ne.current=e,t==="multiple"&&Q){let n=ke(e)!==!0,s=[e,...H(e)];P((l=[])=>{let p=new Set(l);for(let q of s)n?p.add(q):p.delete(q);return[...p]});return}if(E){P((n=[])=>n.includes(e)?n.filter(s=>s!==e):[...n,e]);return}xe((n=[])=>t==="single"?[e]:n.includes(e)?n.filter(s=>s!==e):[...n,e])}},[t,Q,E,ke,H,P,xe]),ze=i.useCallback(e=>{if(t!=="multiple")return;let n=e[e.length-1];n!==void 0&&(ne.current=n),P((s=[])=>[...new Set([...s,...e])])},[t,P]),pt=i.useCallback(e=>{t!=="multiple"||e.length===0||P((n=[])=>{let s=new Set(n);return e.every(l=>s.has(l))?n.filter(l=>!e.includes(l)):[...new Set([...n,...e])]})},[t,P]),Ve=i.useCallback(e=>{Y?.(e)},[Y]);i.useLayoutEffect(()=>{let e=Array.from(w.current?.querySelectorAll(m)??[],n=>n.getAttribute("data-skdx-tree-node-id")).filter(n=>n!==null&&n!=="");e.length===0||he!==null&&e.includes(he)||Ne(e.find(n=>Z.has(n))??e[0])});let[qe,gt]=i.useState(()=>new Map);i.useLayoutEffect(()=>{let e=w.current;if(!e)return;let n=Nt(e);gt(s=>Ht(s,n)?s:n)});let ht=i.useCallback(e=>qe.get(e),[qe]),xt=i.useMemo(()=>({depth:1,parentId:null,siblingIds:le(G)}),[G]),Tt=(0,et.useRovingFocus)({orientation:"vertical",loop:!1,itemSelector:m,typeahead:!1});i.useImperativeHandle(z,()=>w.current?Object.assign(w.current,{invalidate:Ge}):{invalidate:Ge});let yt=(0,pe.useTypeahead)(i.useCallback(()=>w.current?C(w.current,m).map(It):[],[m])),kt=e=>{let n=e.currentTarget,s=e.target;if(!s.matches('[role="treeitem"]'))return;let l=b(s),p=s.getAttribute("aria-expanded"),q=p!==null,Fe=p==="true",Ce=s.getAttribute("data-skdx-tree-parent-id")||"",se=t==="multiple",h=(0,me.directionalKey)(e.key,e.currentTarget,at);if(se&&e.shiftKey&&(h==="ArrowDown"||h==="ArrowUp")){e.preventDefault();let u=Pe(n,s,h==="ArrowDown"?1:-1,m);u&&re(b(u));return}if(se&&e.shiftKey&&e.key===" "){e.preventDefault();let g=C(n,m).map(b),S=ne.current===null?-1:g.indexOf(ne.current),be=g.indexOf(l);S===-1||be===-1?re(l):ze(g.slice(Math.min(S,be),Math.max(S,be)+1));return}if(se&&e.shiftKey&&(e.key==="Home"||e.key==="End")){e.preventDefault();let u=C(n,m),g=u.indexOf(s),S=e.key==="Home"?0:u.length-1;ze(u.slice(Math.min(g,S),Math.max(g,S)+1).map(b)),u[S]?.focus();return}if(se&&(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),pt(C(n,m).map(b));return}if(I==="selection"&&(h==="ArrowDown"||h==="ArrowUp"||e.key==="Home"||e.key==="End")){if(e.preventDefault(),h==="ArrowDown"||h==="ArrowUp")Pe(n,s,h==="ArrowDown"?1:-1,m);else{let u=C(n,m);(e.key==="Home"?u[0]:u[u.length-1])?.focus()}return}if(h==="ArrowRight")e.preventDefault(),q&&!Fe?Re(l,!0):Pe(n,s,1,m);else if(h==="ArrowLeft")e.preventDefault(),q&&Fe?Re(l,!1):Ce&&C(n,m).find(g=>b(g)===Ce)?.focus();else if(e.key==="Enter"||e.key===" "){if(e.preventDefault(),s.hasAttribute("data-disabled"))return;re(l),e.key==="Enter"&&Ve(l)}else if(e.key==="*")e.preventDefault(),mt(Array.from(n.querySelectorAll(Se)).filter(u=>(u.getAttribute("data-skdx-tree-parent-id")||"")===Ce&&u.getAttribute("aria-expanded")==="false").map(b));else if((0,pe.isTypeaheadKey)(e)){let u=C(n,m),g=yt(e.key,u.indexOf(s));if(g===-1)return;e.preventDefault(),u[g].focus()}};return(0,fe.jsx)(nt,{selectionMode:t,selectionPropagation:A,expandedIds:Te,selectedIds:Z,loadingIds:ct,activeNodeId:he,setActiveNodeId:Ne,disabledBehavior:I,expandOnClick:$,onExpandedChange:Re,onSelectedChange:re,onActivate:Ve,checkedAxisActive:E,checkedState:ke,positionOf:ht,registerNode:dt,unregisterNode:ut,children:(0,fe.jsx)(D.Provider,{value:xt,children:(0,fe.jsx)(B.Primitive.div,{role:"tree","aria-multiselectable":t==="multiple"?!0:void 0,...N,...(0,je.skdxPart)("tree","root",N.className),ref:w,onKeyDown:(0,B.composeEventHandlers)(N.onKeyDown,(0,B.composeEventHandlers)(kt,Tt)),children:K?Ee(K,R):G})})})});Ie.displayName="Tree";var rt=ie(require("react"),1),st=require("../utils/part.cjs"),ge=require("../utils/primitive.cjs");var it=require("react/jsx-runtime"),ot=rt.forwardRef((t,r)=>{let o=_("TreeItemIndicator"),c=U("TreeItemIndicator");return(0,it.jsx)(ge.Primitive.span,{"aria-hidden":"true","data-state":c.hasChildren?c.expanded?"expanded":"collapsed":void 0,...t,...(0,st.skdxPart)("tree","item-indicator",t.className),ref:r,onClick:(0,ge.composeEventHandlers)(t.onClick,a=>{a.stopPropagation(),c.hasChildren&&o.onExpandedChange(c.nodeId,!c.expanded)})})});ot.displayName="TreeItemIndicator";0&&(module.exports={Tree,TreeAmbientContext,TreeGroup,TreeItem,TreeItemIndicator,TreeItemProvider,TreeProvider,defaultGetLoadedLabel,staticPosition,staticSiblingIds,useTreeContext,useTreeItemContext});
+'use client';
+"use strict";var Qe=Object.create;var O=Object.defineProperty;var We=Object.getOwnPropertyDescriptor;var Xe=Object.getOwnPropertyNames;var Ze=Object.getPrototypeOf,et=Object.prototype.hasOwnProperty;var tt=(t,e)=>{for(var n in e)O(t,n,{get:e[n],enumerable:!0})},de=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Xe(e))!et.call(t,o)&&o!==n&&O(t,o,{get:()=>e[o],enumerable:!(r=We(e,o))||r.enumerable});return t};var $=(t,e,n)=>(n=t!=null?Qe(Ze(t)):{},de(e||!t||!t.__esModule?O(n,"default",{value:t,enumerable:!0}):n,t)),nt=t=>de(O({},"__esModule",{value:!0}),t);var Nt={};tt(Nt,{Tree:()=>ee,TreeAmbientContext:()=>P,TreeGroup:()=>M,TreeItem:()=>H,TreeItemIndicator:()=>z,TreeItemProvider:()=>fe,TreeProvider:()=>Ee,defaultGetLoadedLabel:()=>ke,expandStateAttr:()=>G,useTreeContext:()=>D,useTreeItemContext:()=>K});module.exports=nt(Nt);var f=$(require("react"),1),xe=require("../utils/createContext.cjs"),q=require("../utils/direction.cjs"),Ie=require("../utils/liveAnnouncer.cjs"),Se=require("../utils/part.cjs"),N=require("../utils/primitive.cjs"),be=require("../utils/useCallbackRef.cjs"),Re=require("../utils/useControllableState.cjs"),ve=require("../utils/useRovingFocus.cjs"),F=require("../utils/useTypeahead.cjs");var ye=require("../utils/Glyph.cjs");var ge=$(require("react"),1),me=require("../utils/part.cjs"),he=require("../utils/primitive.cjs");var R=$(require("react"),1),ce=require("../utils/createContext.cjs"),le=require("../utils/part.cjs"),w=require("../utils/primitive.cjs"),ue=require("../utils/useRovingFocus.cjs");var j=require("react/jsx-runtime"),[fe,K]=(0,ce.createSafeContext)("TreeItem");function se(t){return t.target.closest('[role="treeitem"]')!==t.currentTarget}function G(t,e){if(t)return e?"expanded":"collapsed"}function rt(t,e,n){if(!(t==="none"||e))return n}function ot(t){if(t!==void 0)return t==="mixed"?"mixed":t}function at(t){if(t!==void 0)return t==="mixed"?"indeterminate":t?"checked":"unchecked"}function pe(t){return R.Children.toArray(t).some(e=>R.isValidElement(e)?e.type===M?!0:e.type===H?!1:pe(e.props.children):!1)}var H=({nodeId:t,disabled:e=!1,hasChildren:n,textValue:r,children:o,ref:i,...c})=>{let l=D("TreeItem"),g=R.useContext(P),m=e&&l.disabledBehavior==="all",s=n??pe(o),d=l.expandedIds.has(t),a=l.selectedIds.has(t),u=l.loadingIds.has(t),p=(0,ue.rovingTabIndex)(l.activeNodeId!==null,l.activeNodeId===t,m),{registerNode:h,unregisterNode:C}=l,S=g.parentId;R.useEffect(()=>(h(t,S),()=>C(t)),[t,S,h,C]);let T=l.selectionPropagation==="descendants"?l.checkedState(t):void 0,b=T!==void 0,y=l.positionOf(t);return(0,j.jsx)(fe,{nodeId:t,depth:g.depth,expanded:d,selected:a,disabled:e,hasChildren:s,loading:u,children:(0,j.jsx)(w.Primitive.div,{role:"treeitem","aria-level":g.depth,"aria-posinset":y?.posinset,"aria-setsize":y?.setsize,"aria-selected":rt(l.selectionMode,b,a),"aria-expanded":s?d:void 0,"aria-checked":ot(T),"aria-busy":u||void 0,"aria-disabled":e||void 0,"data-state":G(s,d),"data-checked":at(T),"data-loading":u?"":void 0,"data-disabled":e?"":void 0,"data-text-value":r,"data-skdx-tree-node-id":t,"data-skdx-tree-parent-id":g.parentId??void 0,tabIndex:p,...c,...(0,le.skdxPart)("tree","item",c.className),style:{"--skdx-tree-node-depth":g.depth,...c.style},ref:i,onClick:(0,w.composeEventHandlers)(c.onClick,x=>{e||se(x)||(l.onSelectedChange(t),l.onActivate(t),s&&l.expandOnClick&&l.onExpandedChange(t,!d))}),onFocus:(0,w.composeEventHandlers)(c.onFocus,x=>{!m&&!se(x)&&l.setActiveNodeId(t)}),children:o})})};H.displayName="TreeItem";var J=require("react/jsx-runtime"),M=({forceMount:t,children:e,ref:n,...r})=>{let o=K("TreeGroup"),i=ge.useMemo(()=>({depth:o.depth+1,parentId:o.nodeId}),[o.depth,o.nodeId]);return t||o.expanded?(0,J.jsx)(P.Provider,{value:i,children:(0,J.jsx)(he.Primitive.div,{role:"group",...r,...(0,me.skdxPart)("tree","group",r.className),ref:n,children:e})}):null};M.displayName="TreeGroup";var Te=require("../utils/part.cjs"),V=require("../utils/primitive.cjs");var Ce=require("react/jsx-runtime"),z=({ref:t,...e})=>{let n=D("TreeItemIndicator"),r=K("TreeItemIndicator");return(0,Ce.jsx)(V.Primitive.span,{"aria-hidden":"true","data-state":G(r.hasChildren,r.expanded),...e,...(0,Te.skdxPart)("tree","item-indicator",e.className),ref:t,onClick:(0,V.composeEventHandlers)(e.onClick,o=>{o.stopPropagation(),r.hasChildren&&n.onExpandedChange(r.nodeId,!r.expanded)})})};z.displayName="TreeItemIndicator";var E=require("react/jsx-runtime"),it=()=>(0,E.jsx)(ye.Glyph,{name:"chevron-right"}),dt=t=>t.hasChildren??(t.children?.length??0)>0;function Q(t,e){return t.map(n=>(0,E.jsxs)(H,{nodeId:n.nodeId,disabled:n.disabled,textValue:n.textValue,hasChildren:n.hasChildren,children:[dt(n)?(0,E.jsx)(z,{children:(0,E.jsx)(it,{})}):null,e?e(n):n.label??n.nodeId,n.children&&n.children.length>0?(0,E.jsx)(M,{children:Q(n.children,e)}):null]},n.nodeId))}var B=require("react/jsx-runtime"),X='[role="treeitem"]:not([data-disabled])',Z='[role="treeitem"]';function ke(t){return`${t} loaded`}var[Ee,D]=(0,xe.createSafeContext)("Tree"),P=f.createContext({depth:1,parentId:null});function A(t,e=X){return Array.from(t.querySelectorAll(e))}function v(t){return t.getAttribute("data-skdx-tree-node-id")??""}function st(t){let e=t.getAttribute("data-text-value");if(e!==null)return e;let n="";for(let r of t.childNodes){if(r.nodeType!==1&&r.nodeType!==3)continue;let o=r.nodeType===1?r:null;o&&(o.getAttribute("role")==="group"||o.getAttribute("aria-hidden")==="true")||(n+=r.textContent??"")}return n}function ct(t){let e=new Map;for(let r of t.querySelectorAll(Z)){let o=v(r);if(!o)continue;let i=r.getAttribute("data-skdx-tree-parent-id")??"",c=e.get(i);c?c.push(o):e.set(i,[o])}let n=new Map;for(let r of e.values())r.forEach((o,i)=>{n.set(o,{posinset:i+1,setsize:r.length})});return n}function lt(t,e){return t.length===e.length&&t.every((n,r)=>n===e[r])}function ut(t,e){if(t.size!==e.size)return!1;for(let[n,r]of t){let o=e.get(n);if(!o||o.posinset!==r.posinset||o.setsize!==r.setsize)return!1}return!0}function Ae(t,e,n,r=X){let o=A(t,r),i=o.indexOf(e);if(i===-1)return;let c=o[i+n];return c?.focus(),c}function ft(t){let{selectionMode:e="single",expandedIds:n,defaultExpandedIds:r=[],onExpandedIdsChange:o,selectedIds:i,defaultSelectedIds:c=[],onSelectedIdsChange:l,checkedIds:g,defaultCheckedIds:m,onCheckedIdsChange:s,selectionPropagation:d="none",loadChildren:a,getLoadedLabel:u=ke,onLoadError:p,onActivate:h,disabledBehavior:C="all",expandOnClick:S=!0,collection:T,renderLabel:b,children:y,...x}=t;return{selectionMode:e,expandedProp:n,defaultExpandedIds:r,onExpandedIdsChange:o,selectedProp:i,defaultSelectedIds:c,onSelectedIdsChange:l,checkedProp:g,defaultCheckedIds:m,onCheckedIdsChange:s,selectionPropagation:d,loadChildren:a,getLoadedLabel:u,onLoadError:p,onActivate:h,disabledBehavior:C,expandOnClick:S,collection:T,renderLabel:b,children:y,rest:x}}function W(t,e,n){let[r=[],o]=(0,Re.useControllableState)({prop:t,defaultProp:e??[],onChange:n});return[r,o]}function pt(t){let[e,n]=f.useState(()=>new Map),r=f.useCallback((d,a)=>{n(u=>u.get(d)===a?u:new Map(u).set(d,a))},[]),o=f.useCallback(d=>{n(a=>{if(!a.has(d))return a;let u=new Map(a);return u.delete(d),u})},[]),i=f.useMemo(()=>{let d=new Map;for(let[a,u]of e){if(u===null)continue;let p=d.get(u);p?p.push(a):d.set(u,[a])}return d},[e]),[c,l]=f.useState(()=>new Map),g=f.useMemo(()=>{let d=null;for(let a of e.keys()){if(!t.has(a))continue;let u=i.get(a)??[],p=c.get(a);p&&lt(p,u)||(d??(d=new Map(c)),d.set(a,u))}return d??c},[e,t,i,c]);g!==c&&l(g);let m=f.useCallback(d=>i.get(d)??g.get(d)??[],[i,g]),s=f.useCallback(d=>{let a=[],u=new Set([d]),p=[...m(d)];for(;p.length>0;){let h=p.pop();u.has(h)||(u.add(h),a.push(h),p.push(...m(h)))}return a},[m]);return{registerNode:r,unregisterNode:o,descendantsOf:s}}function gt(t){let{expandedProp:e,defaultExpandedIds:n,onExpandedIdsChange:r,selectedProp:o,defaultSelectedIds:i,onSelectedIdsChange:c,checkedProp:l,defaultCheckedIds:g,onCheckedIdsChange:m}=t,[s,d]=W(e,n,r),[a,u]=W(o,i,c),p=l!==void 0||g!==void 0,[h,C]=W(l,g,m),S=p?C:u,T=f.useMemo(()=>new Set(s),[s]),b=f.useMemo(()=>new Set(a),[a]),y=f.useMemo(()=>new Set(h),[h]);return{expandedIds:T,selectedIds:b,checkedIds:y,checkedAxisActive:p,setExpandedArr:d,setAxisArr:S}}function mt(t){let{selectionPropagation:e,checkedAxisActive:n,checkedIds:r,selectedIds:o,descendantsOf:i}=t,c=e==="descendants",l=f.useCallback(g=>{let m=n?r:o;if(!c)return!1;let s=i(g);if(s.length===0)return m.has(g);let d=s.filter(a=>m.has(a)).length;return d===0?!1:d===s.length?!0:"mixed"},[n,c,i,r,o]);return{propagating:c,checkedState:l}}function ht(t){let{loadChildren:e,getLoadedLabel:n,onLoadError:r,descendantsOf:o}=t,[i,c]=f.useState(()=>new Set),l=f.useRef(new Set),g=f.useCallback(s=>{if(!e||l.current.has(s))return;l.current.add(s),c(a=>new Set(a).add(s));let d=()=>c(a=>{let u=new Set(a);return u.delete(s),u});Promise.resolve(e(s)).then(()=>{d(),(0,Ie.announce)(n(s))},a=>{l.current.delete(s),d(),r?.({nodeId:s,error:a})})},[e,n,r]);return{loadingIds:i,startLoad:g,invalidate:s=>{if(s===void 0){l.current.clear();return}l.current.delete(s);for(let d of o(s))l.current.delete(d)}}}function Tt(t,e){return{onExpandedChange:f.useCallback((o,i)=>{t((c=[])=>i?[...c,o]:c.filter(l=>l!==o)),i&&e(o)},[t,e]),expandMany:o=>{if(o.length!==0){t((i=[])=>[...new Set([...i,...o])]);for(let i of o)e(i)}}}}function Ct(t){let{selectionMode:e,propagating:n,checkedState:r,descendantsOf:o,setAxisArr:i}=t,c=f.useRef(null);return{onSelectedChange:f.useCallback(s=>{if(e!=="none"){if(c.current=s,e==="multiple"&&n){let d=r(s)!==!0,a=[s,...o(s)];i((u=[])=>{let p=new Set(u);for(let h of a)d?p.add(h):p.delete(h);return[...p]});return}i((d=[])=>e==="single"?[s]:d.includes(s)?d.filter(a=>a!==s):[...d,s])}},[e,n,r,o,i]),selectMany:s=>{if(e!=="multiple")return;let d=s[s.length-1];d!==void 0&&(c.current=d),i((a=[])=>[...new Set([...a,...s])])},toggleSelectAll:s=>{e!=="multiple"||s.length===0||i((d=[])=>{let a=new Set(d);return s.every(u=>a.has(u))?d.filter(u=>!s.includes(u)):[...new Set([...d,...s])]})},anchorRef:c}}function yt(t,e,n){let[r,o]=f.useState(null);return f.useLayoutEffect(()=>{let i=Array.from(t.current?.querySelectorAll(e)??[],c=>c.getAttribute("data-skdx-tree-node-id")).filter(c=>c!==null&&c!=="");i.length===0||r!==null&&i.includes(r)||o(i.find(c=>n.has(c))??i[0])}),[r,o]}function xt(t){let[e,n]=f.useState(()=>new Map);return f.useLayoutEffect(()=>{let r=t.current;if(!r)return;let o=ct(r);n(i=>ut(i,o)?i:o)}),f.useCallback(r=>e.get(r),[e])}function It(t,e,n){if(!(e.multiple&&t.shiftKey&&(n==="ArrowDown"||n==="ArrowUp")))return!1;t.preventDefault();let r=Ae(e.root,e.target,n==="ArrowDown"?1:-1,e.itemSelector);return r&&e.onSelectedChange(v(r)),!0}function St(t,e){if(!(e.multiple&&t.shiftKey&&t.key===" "))return!1;t.preventDefault();let r=A(e.root,e.itemSelector).map(v),o=e.anchorRef.current===null?-1:r.indexOf(e.anchorRef.current),i=r.indexOf(e.nodeId);return o===-1||i===-1?e.onSelectedChange(e.nodeId):e.selectMany(r.slice(Math.min(o,i),Math.max(o,i)+1)),!0}function bt(t,e){if(!(e.multiple&&t.shiftKey&&(t.key==="Home"||t.key==="End")))return!1;t.preventDefault();let n=A(e.root,e.itemSelector),r=n.indexOf(e.target),o=t.key==="Home"?0:n.length-1;return e.selectMany(n.slice(Math.min(r,o),Math.max(r,o)+1).map(v)),n[o]?.focus(),!0}function Rt(t,e){return e.multiple&&(t.ctrlKey||t.metaKey)&&t.key.toLowerCase()==="a"?(t.preventDefault(),e.toggleSelectAll(A(e.root,e.itemSelector).map(v)),!0):!1}function vt(t,e,n){return n!=="ArrowRight"?!1:(t.preventDefault(),e.hasChildren&&!e.expanded?e.onExpandedChange(e.nodeId,!0):Ae(e.root,e.target,1,e.itemSelector),!0)}function kt(t,e,n){return n!=="ArrowLeft"?!1:(t.preventDefault(),e.hasChildren&&e.expanded?e.onExpandedChange(e.nodeId,!1):e.parentId&&A(e.root,e.itemSelector).find(o=>v(o)===e.parentId)?.focus(),!0)}function Et(t,e){return t.key==="Enter"||t.key===" "?(t.preventDefault(),e.target.hasAttribute("data-disabled")||(e.onSelectedChange(e.nodeId),t.key==="Enter"&&e.activate(e.nodeId)),!0):!1}function At(t,e){return t.key!=="*"?!1:(t.preventDefault(),e.expandMany(Array.from(e.root.querySelectorAll(Z)).filter(n=>(n.getAttribute("data-skdx-tree-parent-id")||"")===e.parentId&&n.getAttribute("aria-expanded")==="false").map(v)),!0)}function Mt(t,e){if(!(0,F.isTypeaheadKey)(t))return;let n=A(e.root,e.itemSelector),r=e.matchTypeahead(t.key,n.indexOf(e.target));r!==-1&&(t.preventDefault(),n[r].focus())}function Pt(t){let{selectionMode:e,itemSelector:n,dir:r,anchorRef:o,onSelectedChange:i,selectMany:c,toggleSelectAll:l,onExpandedChange:g,activate:m,expandMany:s,matchTypeahead:d}=t;return a=>{let u=a.currentTarget,p=a.target;if(!p.matches('[role="treeitem"]'))return;let h=v(p),C=p.getAttribute("aria-expanded"),S=C!==null,T=C==="true",b=p.getAttribute("data-skdx-tree-parent-id")||"",y=e==="multiple",x=(0,q.directionalKey)(a.key,a.currentTarget,r),I={root:u,target:p,nodeId:h,hasChildren:S,expanded:T,parentId:b,multiple:y,itemSelector:n,anchorRef:o,onSelectedChange:i,selectMany:c,toggleSelectAll:l,onExpandedChange:g,activate:m,expandMany:s,matchTypeahead:d};It(a,I,x)||St(a,I)||bt(a,I)||Rt(a,I)||vt(a,I,x)||kt(a,I,x)||Et(a,I)||At(a,I)||Mt(a,I)}}var ee=t=>{let{ref:e,...n}=t,{selectionMode:r,expandedProp:o,defaultExpandedIds:i,onExpandedIdsChange:c,selectedProp:l,defaultSelectedIds:g,onSelectedIdsChange:m,checkedProp:s,defaultCheckedIds:d,onCheckedIdsChange:a,selectionPropagation:u,loadChildren:p,getLoadedLabel:h,onLoadError:C,onActivate:S,disabledBehavior:T,expandOnClick:b,collection:y,renderLabel:x,children:I,rest:_}=ft(n),k=f.useRef(null),L=T==="selection"?Z:X,Me=(0,q.useDirection)(),{expandedIds:te,selectedIds:U,checkedIds:Pe,checkedAxisActive:Ne,setExpandedArr:Le,setAxisArr:we}=gt({expandedProp:o,defaultExpandedIds:i,onExpandedIdsChange:c,selectedProp:l,defaultSelectedIds:g,onSelectedIdsChange:m,checkedProp:s,defaultCheckedIds:d,onCheckedIdsChange:a}),{registerNode:Ke,unregisterNode:He,descendantsOf:Y}=pt(te),{propagating:De,checkedState:ne}=mt({selectionPropagation:u,checkedAxisActive:Ne,checkedIds:Pe,selectedIds:U,descendantsOf:Y}),{loadingIds:Oe,startLoad:Ge,invalidate:re}=ht({loadChildren:p,getLoadedLabel:h,onLoadError:C,descendantsOf:Y}),{onExpandedChange:oe,expandMany:Ve}=Tt(Le,Ge),{onSelectedChange:ae,selectMany:ze,toggleSelectAll:Be,anchorRef:qe}=Ct({selectionMode:r,propagating:De,checkedState:ne,descendantsOf:Y,setAxisArr:we}),ie=(0,be.useCallbackRef)(S),[Fe,_e]=yt(k,L,U),Ue=xt(k),Ye=f.useMemo(()=>({depth:1,parentId:null}),[]),$e=(0,ve.useRovingFocus)({orientation:"vertical",loop:!1,itemSelector:L,includeDisabled:T==="selection",typeahead:!1});f.useImperativeHandle(e,()=>k.current?Object.assign(k.current,{invalidate:re}):{invalidate:re});let je=(0,F.useTypeahead)(f.useCallback(()=>k.current?A(k.current,L).map(st):[],[L])),Je=Pt({selectionMode:r,itemSelector:L,dir:Me,anchorRef:qe,onSelectedChange:ae,selectMany:ze,toggleSelectAll:Be,onExpandedChange:oe,activate:ie,expandMany:Ve,matchTypeahead:je});return(0,B.jsx)(Ee,{selectionMode:r,selectionPropagation:u,expandedIds:te,selectedIds:U,loadingIds:Oe,activeNodeId:Fe,setActiveNodeId:_e,disabledBehavior:T,expandOnClick:b,onExpandedChange:oe,onSelectedChange:ae,onActivate:ie,checkedState:ne,positionOf:Ue,registerNode:Ke,unregisterNode:He,children:(0,B.jsx)(P.Provider,{value:Ye,children:(0,B.jsx)(N.Primitive.div,{role:"tree","aria-multiselectable":r==="multiple"?!0:void 0,..._,...(0,Se.skdxPart)("tree","root",_.className),ref:k,onKeyDown:(0,N.composeEventHandlers)(_.onKeyDown,(0,N.useComposedEventHandlers)(Je,$e)),children:y?Q(y,x):I})})})};ee.displayName="Tree";0&&(module.exports={Tree,TreeAmbientContext,TreeGroup,TreeItem,TreeItemIndicator,TreeItemProvider,TreeProvider,defaultGetLoadedLabel,expandStateAttr,useTreeContext,useTreeItemContext});

package/dist/tree/Tree.d.cts

@@ -1,56 +1,17 @@
 import * as React from 'react';
-import type { TreeContextValue, TreeNodePosition, TreeProps } from './types.cjs';
+import type { TreeContextValue, TreeHandle, TreeProps } from './types.cjs';
 /** Default `getLoadedLabel`: `"src loaded"`. */
 export declare function defaultGetLoadedLabel(nodeId: string): string;
-export declare const TreeProvider: {
-    (props: TreeContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTreeContext: (consumerName: string) => TreeContextValue;
-/**
- * Ambient depth/parent-id passed to the next level, plus static sibling set.
- * Each overridden by TreeGroup.
- */
+export declare const TreeProvider: React.FC<TreeContextValue & {
+    children: React.ReactNode;
+}>, useTreeContext: (consumerName: string) => TreeContextValue;
+/** Ambient depth and parent id passed to the next level, overridden by TreeGroup. */
 export declare const TreeAmbientContext: React.Context<{
     depth: number;
     parentId: string | null;
-    /** The container's declared child node ids, or `null` when it cannot tell. */
-    siblingIds: readonly string[] | null;
 }>;
 /**
- * Node ids from JSX children, or `null` if unreliable. Enables `aria-posinset`
- * in server-rendered HTML (DOM measurement runs in layout effect, not on server).
- * All-or-nothing: every child must have `nodeId`, or the whole set is refused.
- */
-export declare function staticSiblingIds(children: React.ReactNode): readonly string[] | null;
-/** One node's place in a statically-declared sibling set, or `undefined` when it is not in one. */
-export declare function staticPosition(siblingIds: readonly string[] | null, nodeId: string): TreeNodePosition | undefined;
-/**
- * Root of a tree view following the WAI-ARIA `treeview` pattern: renders a
- * `<div role="tree">` with `aria-multiselectable` when `selectionMode` is
- * `"multiple"`, and hands state down to `TreeItem`/`TreeGroup`/`TreeItemIndicator`
- * via context.
- *
- * Roving tabindex over the currently *visible* items only. Arrow Up/Down/Home/End
- * move focus; Arrow Right expands (or moves to the first child); Arrow Left
- * collapses (or moves to the parent); Enter selects and fires `onActivate`,
- * Space selects only; printable characters run typeahead; `*` expands the
- * focused node's collapsed siblings. Under `selectionMode="multiple"`:
- * Shift+Arrow moves and toggles, Shift+Space selects the contiguous run from
- * the last selected node, Control+Shift+Home/End selects to an edge, Ctrl+A
- * toggles all/cleared, Ctrl+Arrow moves focus only.
- *
- * Expansion and selection are each controlled or uncontrolled independently.
- *
- * `loadChildren` lazily populates a branch on first expand, marking it
- * `aria-busy` and announcing on arrival. `selectionPropagation="descendants"`
- * makes it a tri-state checkbox tree reporting `aria-checked` instead of
- * `aria-selected`. `checkedIds`/`defaultCheckedIds` give it a checked axis
- * separate from `selectedIds`, which then becomes row highlight only.
- *
- * Needs an accessible name (`aria-label`/`aria-labelledby`) — APG requires one
- * on `role="tree"`, which takes no name from its content or node labels.
+ * Root of a tree view following the WAI-ARIA `treeview` pattern, rendering `role="tree"` with roving tabindex, full keyboard navigation/selection, lazy `loadChildren`, and an optional tri-state `selectionPropagation="descendants"` checkbox mode.
  *
  * @example
  * ```tsx
@@ -60,20 +21,10 @@ export declare function staticPosition(siblingIds: readonly string[] | null, nod
  *   defaultExpandedIds={['src']}
  * />
  * ```
- *
- * @example Full manual composition, for anything `collection` can't express — `@skdx/react/primitives/tree`.
- * ```tsx
- * import { Tree, TreeGroup, TreeItem, TreeItemIndicator } from '@skdx/react/primitives/tree';
- *
- * <Tree aria-label="Project files" defaultExpandedIds={['src']}>
- *   <TreeItem nodeId="src">
- *     <TreeItemIndicator>▸</TreeItemIndicator>
- *     src
- *     <TreeGroup>
- *       <TreeItem nodeId="src/index.ts">index.ts</TreeItem>
- *     </TreeGroup>
- *   </TreeItem>
- * </Tree>
- * ```
  */
-export declare const Tree: React.ForwardRefExoticComponent<Omit<TreeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tree: {
+    (treeProps: Omit<TreeProps, "ref"> & {
+        ref?: React.Ref<HTMLDivElement & TreeHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/tree/Tree.d.ts

@@ -1,56 +1,17 @@
 import * as React from 'react';
-import type { TreeContextValue, TreeNodePosition, TreeProps } from './types.js';
+import type { TreeContextValue, TreeHandle, TreeProps } from './types.js';
 /** Default `getLoadedLabel`: `"src loaded"`. */
 export declare function defaultGetLoadedLabel(nodeId: string): string;
-export declare const TreeProvider: {
-    (props: TreeContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTreeContext: (consumerName: string) => TreeContextValue;
-/**
- * Ambient depth/parent-id passed to the next level, plus static sibling set.
- * Each overridden by TreeGroup.
- */
+export declare const TreeProvider: React.FC<TreeContextValue & {
+    children: React.ReactNode;
+}>, useTreeContext: (consumerName: string) => TreeContextValue;
+/** Ambient depth and parent id passed to the next level, overridden by TreeGroup. */
 export declare const TreeAmbientContext: React.Context<{
     depth: number;
     parentId: string | null;
-    /** The container's declared child node ids, or `null` when it cannot tell. */
-    siblingIds: readonly string[] | null;
 }>;
 /**
- * Node ids from JSX children, or `null` if unreliable. Enables `aria-posinset`
- * in server-rendered HTML (DOM measurement runs in layout effect, not on server).
- * All-or-nothing: every child must have `nodeId`, or the whole set is refused.
- */
-export declare function staticSiblingIds(children: React.ReactNode): readonly string[] | null;
-/** One node's place in a statically-declared sibling set, or `undefined` when it is not in one. */
-export declare function staticPosition(siblingIds: readonly string[] | null, nodeId: string): TreeNodePosition | undefined;
-/**
- * Root of a tree view following the WAI-ARIA `treeview` pattern: renders a
- * `<div role="tree">` with `aria-multiselectable` when `selectionMode` is
- * `"multiple"`, and hands state down to `TreeItem`/`TreeGroup`/`TreeItemIndicator`
- * via context.
- *
- * Roving tabindex over the currently *visible* items only. Arrow Up/Down/Home/End
- * move focus; Arrow Right expands (or moves to the first child); Arrow Left
- * collapses (or moves to the parent); Enter selects and fires `onActivate`,
- * Space selects only; printable characters run typeahead; `*` expands the
- * focused node's collapsed siblings. Under `selectionMode="multiple"`:
- * Shift+Arrow moves and toggles, Shift+Space selects the contiguous run from
- * the last selected node, Control+Shift+Home/End selects to an edge, Ctrl+A
- * toggles all/cleared, Ctrl+Arrow moves focus only.
- *
- * Expansion and selection are each controlled or uncontrolled independently.
- *
- * `loadChildren` lazily populates a branch on first expand, marking it
- * `aria-busy` and announcing on arrival. `selectionPropagation="descendants"`
- * makes it a tri-state checkbox tree reporting `aria-checked` instead of
- * `aria-selected`. `checkedIds`/`defaultCheckedIds` give it a checked axis
- * separate from `selectedIds`, which then becomes row highlight only.
- *
- * Needs an accessible name (`aria-label`/`aria-labelledby`) — APG requires one
- * on `role="tree"`, which takes no name from its content or node labels.
+ * Root of a tree view following the WAI-ARIA `treeview` pattern, rendering `role="tree"` with roving tabindex, full keyboard navigation/selection, lazy `loadChildren`, and an optional tri-state `selectionPropagation="descendants"` checkbox mode.
  *
  * @example
  * ```tsx
@@ -60,20 +21,10 @@ export declare function staticPosition(siblingIds: readonly string[] | null, nod
  *   defaultExpandedIds={['src']}
  * />
  * ```
- *
- * @example Full manual composition, for anything `collection` can't express — `@skdx/react/primitives/tree`.
- * ```tsx
- * import { Tree, TreeGroup, TreeItem, TreeItemIndicator } from '@skdx/react/primitives/tree';
- *
- * <Tree aria-label="Project files" defaultExpandedIds={['src']}>
- *   <TreeItem nodeId="src">
- *     <TreeItemIndicator>▸</TreeItemIndicator>
- *     src
- *     <TreeGroup>
- *       <TreeItem nodeId="src/index.ts">index.ts</TreeItem>
- *     </TreeGroup>
- *   </TreeItem>
- * </Tree>
- * ```
  */
-export declare const Tree: React.ForwardRefExoticComponent<Omit<TreeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tree: {
+    (treeProps: Omit<TreeProps, "ref"> & {
+        ref?: React.Ref<HTMLDivElement & TreeHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/tree/Tree.js

@@ -1 +1,2 @@
-import*as s from"react";import{createSafeContext as lt}from"../utils/createContext.js";import{directionalKey as dt,useDirection as ut}from"../utils/direction.js";import{announce as ft}from"../utils/liveAnnouncer.js";import{skdxPart as mt}from"../utils/part.js";import{composeEventHandlers as Oe,Primitive as pt}from"../utils/primitive.js";import{useControllableState as ge}from"../utils/useControllableState.js";import{useRovingFocus as gt}from"../utils/useRovingFocus.js";import{isTypeaheadKey as ht,useTypeahead as xt}from"../utils/useTypeahead.js";import*as re from"react";import{skdxPart as ot}from"../utils/part.js";import{Primitive as it}from"../utils/primitive.js";import*as x from"react";import{createSafeContext as je}from"../utils/createContext.js";import{skdxPart as et}from"../utils/part.js";import{composeEventHandlers as ve,Primitive as tt}from"../utils/primitive.js";import{rovingTabIndex as nt}from"../utils/useRovingFocus.js";import{jsx as Le}from"react/jsx-runtime";var[rt,te]=je("TreeItem");function He(n){return n.target.closest('[role="treeitem"]')!==n.currentTarget}function st(n){return x.Children.toArray(n).some(o=>x.isValidElement(o)&&o.type===V)}var fe=x.forwardRef(({nodeId:n,disabled:o=!1,hasChildren:i,textValue:c,children:a,...f},T)=>{let d=ne("TreeItem"),y=x.useContext(q),F=o&&d.disabledBehavior==="all",A=i??st(a),k=d.expandedIds.has(n),L=d.selectedIds.has(n),M=d.loadingIds.has(n),U=nt(d.activeNodeId!==null,d.activeNodeId===n,F),{registerNode:I,unregisterNode:_}=d,D=y.parentId;x.useEffect(()=>(I(n,D),()=>_(n)),[n,D,I,_]);let R=d.checkedAxisActive||d.selectionPropagation==="descendants"?d.checkedState(n):void 0,O=!d.checkedAxisActive&&d.selectionPropagation==="descendants",N=d.positionOf(n);return Le(rt,{nodeId:n,depth:y.depth,expanded:k,selected:L,disabled:o,hasChildren:A,loading:M,children:Le(tt.div,{role:"treeitem","aria-level":y.depth,"aria-posinset":N?.posinset,"aria-setsize":N?.setsize,"aria-selected":d.selectionMode==="none"||O?void 0:L,"aria-expanded":A?k:void 0,"aria-checked":R===void 0?void 0:R==="mixed"?"mixed":R,"aria-busy":M||void 0,"aria-disabled":o||void 0,"data-state":A?k?"expanded":"collapsed":void 0,"data-checked":R===void 0?void 0:R==="mixed"?"indeterminate":R?"checked":"unchecked","data-loading":M?"":void 0,"data-disabled":o?"":void 0,"data-text-value":c,"data-skdx-tree-node-id":n,"data-skdx-tree-parent-id":y.parentId??void 0,tabIndex:U,...f,...et("tree","item",f.className),style:{"--skdx-tree-node-depth":y.depth,...f.style},ref:T,onClick:ve(f.onClick,K=>{o||He(K)||(d.onSelectedChange(n),d.onActivate(n),A&&d.expandOnClick&&d.onExpandedChange(n,!k))}),onFocus:ve(f.onFocus,K=>{!F&&!He(K)&&d.setActiveNodeId(n)}),children:a})})});fe.displayName="TreeItem";import{jsx as De}from"react/jsx-runtime";var V=re.forwardRef(({forceMount:n,children:o,...i},c)=>{let a=te("TreeGroup"),f=re.useMemo(()=>({depth:a.depth+1,parentId:a.nodeId,siblingIds:me(o)}),[a.depth,a.nodeId,o]);return n||a.expanded?De(q.Provider,{value:f,children:De(it.div,{role:"group",...i,...ot("tree","group",i.className),ref:c,children:o})}):null});V.displayName="TreeGroup";import{jsx as at,jsxs as ct}from"react/jsx-runtime";function pe(n,o){return n.map(i=>ct(fe,{nodeId:i.nodeId,disabled:i.disabled,textValue:i.textValue,hasChildren:i.hasChildren,children:[o?o(i):i.label??i.nodeId,i.children&&i.children.length>0?at(V,{children:pe(i.children,o)}):null]},i.nodeId))}import{jsx as xe}from"react/jsx-runtime";var ye='[role="treeitem"]:not([data-disabled])',Te='[role="treeitem"]';function Tt(n){return`${n} loaded`}var[yt,ne]=lt("Tree"),q=s.createContext({depth:1,parentId:null,siblingIds:null});function me(n){let o=s.Children.toArray(n).filter(s.isValidElement);if(o.length===0)return null;let i=[];for(let c of o){let a=c.props.nodeId;if(typeof a!="string"||a==="")return null;i.push(a)}return i}function nn(n,o){if(n===null)return;let i=n.indexOf(o);if(i!==-1)return{posinset:i+1,setsize:n.length}}function C(n,o=ye){return Array.from(n.querySelectorAll(o))}function b(n){return n.getAttribute("data-skdx-tree-node-id")??""}function kt(n){let o=n.getAttribute("data-text-value");if(o!==null)return o;let i="";for(let c of n.childNodes){let a=c.nodeType===1?c:null;a&&(a.getAttribute("role")==="group"||a.getAttribute("aria-hidden")==="true")||(i+=c.textContent??"")}return i}function Rt(n){let o=new Map;for(let c of n.querySelectorAll(Te)){let a=b(c);if(!a)continue;let f=c.getAttribute("data-skdx-tree-parent-id")??"",T=o.get(f);T?T.push(a):o.set(f,[a])}let i=new Map;for(let c of o.values())c.forEach((a,f)=>{i.set(a,{posinset:f+1,setsize:c.length})});return i}function Ct(n,o){return n.length===o.length&&n.every((i,c)=>i===o[c])}function bt(n,o){if(n.size!==o.size)return!1;for(let[i,c]of n){let a=o.get(i);if(!a||a.posinset!==c.posinset||a.setsize!==c.setsize)return!1}return!0}function he(n,o,i,c=ye){let a=C(n,c),f=a.indexOf(o);if(f===-1)return;let T=a[f+i];return T?.focus(),T}var Ke=s.forwardRef(({selectionMode:n="single",expandedIds:o,defaultExpandedIds:i=[],onExpandedIdsChange:c,selectedIds:a,defaultSelectedIds:f=[],onSelectedIdsChange:T,checkedIds:d,defaultCheckedIds:y,onCheckedIdsChange:F,selectionPropagation:A="none",loadChildren:k,getLoadedLabel:L=Tt,onLoadError:M,onActivate:U,disabledBehavior:I="all",expandOnClick:_=!0,collection:D,renderLabel:R,children:O,...N},K)=>{let w=s.useRef(null),m=I==="selection"?Te:ye,ze=ut(),[se,ke]=s.useState(null),[Ve,Re]=s.useState(()=>new Set),v=s.useRef(new Set),[B,Ce]=s.useState(()=>new Map),W=A==="descendants",[be=[],Y]=ge({prop:o,defaultProp:i,onChange:c}),[Ae=[],oe]=ge({prop:a,defaultProp:f,onChange:T}),E=d!==void 0||y!==void 0,[we=[],qe]=ge({prop:d,defaultProp:y??[],onChange:F}),P=E?qe:oe,ie=s.useMemo(()=>new Set(be),[be]),$=s.useMemo(()=>new Set(Ae),[Ae]),Ee=s.useMemo(()=>new Set(we),[we]),Fe=s.useCallback((e,t)=>{Ce(r=>r.get(e)===t?r:new Map(r).set(e,t))},[]),Ue=s.useCallback(e=>{Ce(t=>{if(!t.has(e))return t;let r=new Map(t);return r.delete(e),r})},[]),J=s.useMemo(()=>{let e=new Map;for(let[t,r]of B){if(r===null)continue;let l=e.get(r);l?l.push(t):e.set(r,[t])}return e},[B]),[G,_e]=s.useState(()=>new Map),Q=s.useMemo(()=>{let e=null;for(let t of B.keys()){if(!ie.has(t))continue;let r=J.get(t)??[],l=G.get(t);l&&Ct(l,r)||(e??(e=new Map(G)),e.set(t,r))}return e??G},[B,ie,J,G]);Q!==G&&_e(Q);let ae=s.useCallback(e=>J.get(e)??Q.get(e)??[],[J,Q]),H=s.useCallback(e=>{let t=[],r=new Set([e]),l=[...ae(e)];for(;l.length>0;){let p=l.pop();r.has(p)||(r.add(p),t.push(p),l.push(...ae(p)))}return t},[ae]),ce=s.useCallback(e=>{let t=E?Ee:$;if(!W)return E?t.has(e):!1;let r=H(e);if(r.length===0)return t.has(e);let l=r.filter(p=>t.has(p)).length;return l===0?!1:l===r.length?!0:"mixed"},[E,W,H,Ee,$]),X=s.useCallback(e=>{if(!k||v.current.has(e))return;v.current.add(e),Re(r=>new Set(r).add(e));let t=()=>Re(r=>{let l=new Set(r);return l.delete(e),l});Promise.resolve(k(e)).then(()=>{t(),ft(L(e))},r=>{v.current.delete(e),t(),M?.({nodeId:e,error:r})})},[k,L,M]),Pe=s.useCallback(e=>{if(e===void 0){v.current.clear();return}v.current.delete(e);for(let t of H(e))v.current.delete(t)},[H]),le=s.useCallback((e,t)=>{Y((r=[])=>t?[...r,e]:r.filter(l=>l!==e)),t&&X(e)},[Y,X]),Be=s.useCallback(e=>{if(e.length!==0){Y((t=[])=>[...new Set([...t,...e])]);for(let t of e)X(t)}},[Y,X]),Z=s.useRef(null),j=s.useCallback(e=>{if(n!=="none"){if(Z.current=e,n==="multiple"&&W){let t=ce(e)!==!0,r=[e,...H(e)];P((l=[])=>{let p=new Set(l);for(let z of r)t?p.add(z):p.delete(z);return[...p]});return}if(E){P((t=[])=>t.includes(e)?t.filter(r=>r!==e):[...t,e]);return}oe((t=[])=>n==="single"?[e]:t.includes(e)?t.filter(r=>r!==e):[...t,e])}},[n,W,E,ce,H,P,oe]),Se=s.useCallback(e=>{if(n!=="multiple")return;let t=e[e.length-1];t!==void 0&&(Z.current=t),P((r=[])=>[...new Set([...r,...e])])},[n,P]),We=s.useCallback(e=>{n!=="multiple"||e.length===0||P((t=[])=>{let r=new Set(t);return e.every(l=>r.has(l))?t.filter(l=>!e.includes(l)):[...new Set([...t,...e])]})},[n,P]),Me=s.useCallback(e=>{U?.(e)},[U]);s.useLayoutEffect(()=>{let e=Array.from(w.current?.querySelectorAll(m)??[],t=>t.getAttribute("data-skdx-tree-node-id")).filter(t=>t!==null&&t!=="");e.length===0||se!==null&&e.includes(se)||ke(e.find(t=>$.has(t))??e[0])});let[Ie,Ye]=s.useState(()=>new Map);s.useLayoutEffect(()=>{let e=w.current;if(!e)return;let t=Rt(e);Ye(r=>bt(r,t)?r:t)});let $e=s.useCallback(e=>Ie.get(e),[Ie]),Je=s.useMemo(()=>({depth:1,parentId:null,siblingIds:me(O)}),[O]),Qe=gt({orientation:"vertical",loop:!1,itemSelector:m,typeahead:!1});s.useImperativeHandle(K,()=>w.current?Object.assign(w.current,{invalidate:Pe}):{invalidate:Pe});let Xe=xt(s.useCallback(()=>w.current?C(w.current,m).map(kt):[],[m])),Ze=e=>{let t=e.currentTarget,r=e.target;if(!r.matches('[role="treeitem"]'))return;let l=b(r),p=r.getAttribute("aria-expanded"),z=p!==null,Ne=p==="true",de=r.getAttribute("data-skdx-tree-parent-id")||"",ee=n==="multiple",h=dt(e.key,e.currentTarget,ze);if(ee&&e.shiftKey&&(h==="ArrowDown"||h==="ArrowUp")){e.preventDefault();let u=he(t,r,h==="ArrowDown"?1:-1,m);u&&j(b(u));return}if(ee&&e.shiftKey&&e.key===" "){e.preventDefault();let g=C(t,m).map(b),S=Z.current===null?-1:g.indexOf(Z.current),ue=g.indexOf(l);S===-1||ue===-1?j(l):Se(g.slice(Math.min(S,ue),Math.max(S,ue)+1));return}if(ee&&e.shiftKey&&(e.key==="Home"||e.key==="End")){e.preventDefault();let u=C(t,m),g=u.indexOf(r),S=e.key==="Home"?0:u.length-1;Se(u.slice(Math.min(g,S),Math.max(g,S)+1).map(b)),u[S]?.focus();return}if(ee&&(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),We(C(t,m).map(b));return}if(I==="selection"&&(h==="ArrowDown"||h==="ArrowUp"||e.key==="Home"||e.key==="End")){if(e.preventDefault(),h==="ArrowDown"||h==="ArrowUp")he(t,r,h==="ArrowDown"?1:-1,m);else{let u=C(t,m);(e.key==="Home"?u[0]:u[u.length-1])?.focus()}return}if(h==="ArrowRight")e.preventDefault(),z&&!Ne?le(l,!0):he(t,r,1,m);else if(h==="ArrowLeft")e.preventDefault(),z&&Ne?le(l,!1):de&&C(t,m).find(g=>b(g)===de)?.focus();else if(e.key==="Enter"||e.key===" "){if(e.preventDefault(),r.hasAttribute("data-disabled"))return;j(l),e.key==="Enter"&&Me(l)}else if(e.key==="*")e.preventDefault(),Be(Array.from(t.querySelectorAll(Te)).filter(u=>(u.getAttribute("data-skdx-tree-parent-id")||"")===de&&u.getAttribute("aria-expanded")==="false").map(b));else if(ht(e)){let u=C(t,m),g=Xe(e.key,u.indexOf(r));if(g===-1)return;e.preventDefault(),u[g].focus()}};return xe(yt,{selectionMode:n,selectionPropagation:A,expandedIds:ie,selectedIds:$,loadingIds:Ve,activeNodeId:se,setActiveNodeId:ke,disabledBehavior:I,expandOnClick:_,onExpandedChange:le,onSelectedChange:j,onActivate:Me,checkedAxisActive:E,checkedState:ce,positionOf:$e,registerNode:Fe,unregisterNode:Ue,children:xe(q.Provider,{value:Je,children:xe(pt.div,{role:"tree","aria-multiselectable":n==="multiple"?!0:void 0,...N,...mt("tree","root",N.className),ref:w,onKeyDown:Oe(N.onKeyDown,Oe(Ze,Qe)),children:D?pe(D,R):O})})})});Ke.displayName="Tree";import*as Ge from"react";import{skdxPart as At}from"../utils/part.js";import{composeEventHandlers as wt,Primitive as Et}from"../utils/primitive.js";import{jsx as St}from"react/jsx-runtime";var Pt=Ge.forwardRef((n,o)=>{let i=ne("TreeItemIndicator"),c=te("TreeItemIndicator");return St(Et.span,{"aria-hidden":"true","data-state":c.hasChildren?c.expanded?"expanded":"collapsed":void 0,...n,...At("tree","item-indicator",n.className),ref:o,onClick:wt(n.onClick,a=>{a.stopPropagation(),c.hasChildren&&i.onExpandedChange(c.nodeId,!c.expanded)})})});Pt.displayName="TreeItemIndicator";export{Ke as Tree,q as TreeAmbientContext,V as TreeGroup,fe as TreeItem,Pt as TreeItemIndicator,rt as TreeItemProvider,yt as TreeProvider,Tt as defaultGetLoadedLabel,nn as staticPosition,me as staticSiblingIds,ne as useTreeContext,te as useTreeItemContext};
+'use client';
+import*as f from"react";import{createSafeContext as _e}from"../utils/createContext.js";import{directionalKey as Ue,useDirection as Ye}from"../utils/direction.js";import{announce as $e}from"../utils/liveAnnouncer.js";import{skdxPart as je}from"../utils/part.js";import{composeEventHandlers as Je,Primitive as Qe,useComposedEventHandlers as We}from"../utils/primitive.js";import{useCallbackRef as Xe}from"../utils/useCallbackRef.js";import{useControllableState as Ze}from"../utils/useControllableState.js";import{useRovingFocus as et}from"../utils/useRovingFocus.js";import{isTypeaheadKey as tt,useTypeahead as nt}from"../utils/useTypeahead.js";import{Glyph as ze}from"../utils/Glyph.js";import*as ne from"react";import{skdxPart as Ke}from"../utils/part.js";import{Primitive as He}from"../utils/primitive.js";import*as R from"react";import{createSafeContext as ke}from"../utils/createContext.js";import{skdxPart as Ee}from"../utils/part.js";import{composeEventHandlers as W,Primitive as Ae}from"../utils/primitive.js";import{rovingTabIndex as Me}from"../utils/useRovingFocus.js";import{jsx as Z}from"react/jsx-runtime";var[Pe,N]=ke("TreeItem");function X(t){return t.target.closest('[role="treeitem"]')!==t.currentTarget}function G(t,e){if(t)return e?"expanded":"collapsed"}function Ne(t,e,n){if(!(t==="none"||e))return n}function Le(t){if(t!==void 0)return t==="mixed"?"mixed":t}function we(t){if(t!==void 0)return t==="mixed"?"indeterminate":t?"checked":"unchecked"}function ee(t){return R.Children.toArray(t).some(e=>R.isValidElement(e)?e.type===M?!0:e.type===L?!1:ee(e.props.children):!1)}var L=({nodeId:t,disabled:e=!1,hasChildren:n,textValue:r,children:o,ref:i,...c})=>{let l=w("TreeItem"),g=R.useContext(P),m=e&&l.disabledBehavior==="all",s=n??ee(o),d=l.expandedIds.has(t),a=l.selectedIds.has(t),u=l.loadingIds.has(t),p=Me(l.activeNodeId!==null,l.activeNodeId===t,m),{registerNode:h,unregisterNode:C}=l,S=g.parentId;R.useEffect(()=>(h(t,S),()=>C(t)),[t,S,h,C]);let T=l.selectionPropagation==="descendants"?l.checkedState(t):void 0,b=T!==void 0,y=l.positionOf(t);return Z(Pe,{nodeId:t,depth:g.depth,expanded:d,selected:a,disabled:e,hasChildren:s,loading:u,children:Z(Ae.div,{role:"treeitem","aria-level":g.depth,"aria-posinset":y?.posinset,"aria-setsize":y?.setsize,"aria-selected":Ne(l.selectionMode,b,a),"aria-expanded":s?d:void 0,"aria-checked":Le(T),"aria-busy":u||void 0,"aria-disabled":e||void 0,"data-state":G(s,d),"data-checked":we(T),"data-loading":u?"":void 0,"data-disabled":e?"":void 0,"data-text-value":r,"data-skdx-tree-node-id":t,"data-skdx-tree-parent-id":g.parentId??void 0,tabIndex:p,...c,...Ee("tree","item",c.className),style:{"--skdx-tree-node-depth":g.depth,...c.style},ref:i,onClick:W(c.onClick,x=>{e||X(x)||(l.onSelectedChange(t),l.onActivate(t),s&&l.expandOnClick&&l.onExpandedChange(t,!d))}),onFocus:W(c.onFocus,x=>{!m&&!X(x)&&l.setActiveNodeId(t)}),children:o})})};L.displayName="TreeItem";import{jsx as te}from"react/jsx-runtime";var M=({forceMount:t,children:e,ref:n,...r})=>{let o=N("TreeGroup"),i=ne.useMemo(()=>({depth:o.depth+1,parentId:o.nodeId}),[o.depth,o.nodeId]);return t||o.expanded?te(P.Provider,{value:i,children:te(He.div,{role:"group",...r,...Ke("tree","group",r.className),ref:n,children:e})}):null};M.displayName="TreeGroup";import{skdxPart as De}from"../utils/part.js";import{composeEventHandlers as Oe,Primitive as Ge}from"../utils/primitive.js";import{jsx as Ve}from"react/jsx-runtime";var V=({ref:t,...e})=>{let n=w("TreeItemIndicator"),r=N("TreeItemIndicator");return Ve(Ge.span,{"aria-hidden":"true","data-state":G(r.hasChildren,r.expanded),...e,...De("tree","item-indicator",e.className),ref:t,onClick:Oe(e.onClick,o=>{o.stopPropagation(),r.hasChildren&&n.onExpandedChange(r.nodeId,!r.expanded)})})};V.displayName="TreeItemIndicator";import{jsx as K,jsxs as Fe}from"react/jsx-runtime";var Be=()=>K(ze,{name:"chevron-right"}),qe=t=>t.hasChildren??(t.children?.length??0)>0;function z(t,e){return t.map(n=>Fe(L,{nodeId:n.nodeId,disabled:n.disabled,textValue:n.textValue,hasChildren:n.hasChildren,children:[qe(n)?K(V,{children:K(Be,{})}):null,e?e(n):n.label??n.nodeId,n.children&&n.children.length>0?K(M,{children:z(n.children,e)}):null]},n.nodeId))}import{jsx as q}from"react/jsx-runtime";var F='[role="treeitem"]:not([data-disabled])',_='[role="treeitem"]';function rt(t){return`${t} loaded`}var[ot,w]=_e("Tree"),P=f.createContext({depth:1,parentId:null});function E(t,e=F){return Array.from(t.querySelectorAll(e))}function v(t){return t.getAttribute("data-skdx-tree-node-id")??""}function at(t){let e=t.getAttribute("data-text-value");if(e!==null)return e;let n="";for(let r of t.childNodes){if(r.nodeType!==1&&r.nodeType!==3)continue;let o=r.nodeType===1?r:null;o&&(o.getAttribute("role")==="group"||o.getAttribute("aria-hidden")==="true")||(n+=r.textContent??"")}return n}function it(t){let e=new Map;for(let r of t.querySelectorAll(_)){let o=v(r);if(!o)continue;let i=r.getAttribute("data-skdx-tree-parent-id")??"",c=e.get(i);c?c.push(o):e.set(i,[o])}let n=new Map;for(let r of e.values())r.forEach((o,i)=>{n.set(o,{posinset:i+1,setsize:r.length})});return n}function dt(t,e){return t.length===e.length&&t.every((n,r)=>n===e[r])}function st(t,e){if(t.size!==e.size)return!1;for(let[n,r]of t){let o=e.get(n);if(!o||o.posinset!==r.posinset||o.setsize!==r.setsize)return!1}return!0}function re(t,e,n,r=F){let o=E(t,r),i=o.indexOf(e);if(i===-1)return;let c=o[i+n];return c?.focus(),c}function ct(t){let{selectionMode:e="single",expandedIds:n,defaultExpandedIds:r=[],onExpandedIdsChange:o,selectedIds:i,defaultSelectedIds:c=[],onSelectedIdsChange:l,checkedIds:g,defaultCheckedIds:m,onCheckedIdsChange:s,selectionPropagation:d="none",loadChildren:a,getLoadedLabel:u=rt,onLoadError:p,onActivate:h,disabledBehavior:C="all",expandOnClick:S=!0,collection:T,renderLabel:b,children:y,...x}=t;return{selectionMode:e,expandedProp:n,defaultExpandedIds:r,onExpandedIdsChange:o,selectedProp:i,defaultSelectedIds:c,onSelectedIdsChange:l,checkedProp:g,defaultCheckedIds:m,onCheckedIdsChange:s,selectionPropagation:d,loadChildren:a,getLoadedLabel:u,onLoadError:p,onActivate:h,disabledBehavior:C,expandOnClick:S,collection:T,renderLabel:b,children:y,rest:x}}function B(t,e,n){let[r=[],o]=Ze({prop:t,defaultProp:e??[],onChange:n});return[r,o]}function lt(t){let[e,n]=f.useState(()=>new Map),r=f.useCallback((d,a)=>{n(u=>u.get(d)===a?u:new Map(u).set(d,a))},[]),o=f.useCallback(d=>{n(a=>{if(!a.has(d))return a;let u=new Map(a);return u.delete(d),u})},[]),i=f.useMemo(()=>{let d=new Map;for(let[a,u]of e){if(u===null)continue;let p=d.get(u);p?p.push(a):d.set(u,[a])}return d},[e]),[c,l]=f.useState(()=>new Map),g=f.useMemo(()=>{let d=null;for(let a of e.keys()){if(!t.has(a))continue;let u=i.get(a)??[],p=c.get(a);p&&dt(p,u)||(d??(d=new Map(c)),d.set(a,u))}return d??c},[e,t,i,c]);g!==c&&l(g);let m=f.useCallback(d=>i.get(d)??g.get(d)??[],[i,g]),s=f.useCallback(d=>{let a=[],u=new Set([d]),p=[...m(d)];for(;p.length>0;){let h=p.pop();u.has(h)||(u.add(h),a.push(h),p.push(...m(h)))}return a},[m]);return{registerNode:r,unregisterNode:o,descendantsOf:s}}function ut(t){let{expandedProp:e,defaultExpandedIds:n,onExpandedIdsChange:r,selectedProp:o,defaultSelectedIds:i,onSelectedIdsChange:c,checkedProp:l,defaultCheckedIds:g,onCheckedIdsChange:m}=t,[s,d]=B(e,n,r),[a,u]=B(o,i,c),p=l!==void 0||g!==void 0,[h,C]=B(l,g,m),S=p?C:u,T=f.useMemo(()=>new Set(s),[s]),b=f.useMemo(()=>new Set(a),[a]),y=f.useMemo(()=>new Set(h),[h]);return{expandedIds:T,selectedIds:b,checkedIds:y,checkedAxisActive:p,setExpandedArr:d,setAxisArr:S}}function ft(t){let{selectionPropagation:e,checkedAxisActive:n,checkedIds:r,selectedIds:o,descendantsOf:i}=t,c=e==="descendants",l=f.useCallback(g=>{let m=n?r:o;if(!c)return!1;let s=i(g);if(s.length===0)return m.has(g);let d=s.filter(a=>m.has(a)).length;return d===0?!1:d===s.length?!0:"mixed"},[n,c,i,r,o]);return{propagating:c,checkedState:l}}function pt(t){let{loadChildren:e,getLoadedLabel:n,onLoadError:r,descendantsOf:o}=t,[i,c]=f.useState(()=>new Set),l=f.useRef(new Set),g=f.useCallback(s=>{if(!e||l.current.has(s))return;l.current.add(s),c(a=>new Set(a).add(s));let d=()=>c(a=>{let u=new Set(a);return u.delete(s),u});Promise.resolve(e(s)).then(()=>{d(),$e(n(s))},a=>{l.current.delete(s),d(),r?.({nodeId:s,error:a})})},[e,n,r]);return{loadingIds:i,startLoad:g,invalidate:s=>{if(s===void 0){l.current.clear();return}l.current.delete(s);for(let d of o(s))l.current.delete(d)}}}function gt(t,e){return{onExpandedChange:f.useCallback((o,i)=>{t((c=[])=>i?[...c,o]:c.filter(l=>l!==o)),i&&e(o)},[t,e]),expandMany:o=>{if(o.length!==0){t((i=[])=>[...new Set([...i,...o])]);for(let i of o)e(i)}}}}function mt(t){let{selectionMode:e,propagating:n,checkedState:r,descendantsOf:o,setAxisArr:i}=t,c=f.useRef(null);return{onSelectedChange:f.useCallback(s=>{if(e!=="none"){if(c.current=s,e==="multiple"&&n){let d=r(s)!==!0,a=[s,...o(s)];i((u=[])=>{let p=new Set(u);for(let h of a)d?p.add(h):p.delete(h);return[...p]});return}i((d=[])=>e==="single"?[s]:d.includes(s)?d.filter(a=>a!==s):[...d,s])}},[e,n,r,o,i]),selectMany:s=>{if(e!=="multiple")return;let d=s[s.length-1];d!==void 0&&(c.current=d),i((a=[])=>[...new Set([...a,...s])])},toggleSelectAll:s=>{e!=="multiple"||s.length===0||i((d=[])=>{let a=new Set(d);return s.every(u=>a.has(u))?d.filter(u=>!s.includes(u)):[...new Set([...d,...s])]})},anchorRef:c}}function ht(t,e,n){let[r,o]=f.useState(null);return f.useLayoutEffect(()=>{let i=Array.from(t.current?.querySelectorAll(e)??[],c=>c.getAttribute("data-skdx-tree-node-id")).filter(c=>c!==null&&c!=="");i.length===0||r!==null&&i.includes(r)||o(i.find(c=>n.has(c))??i[0])}),[r,o]}function Tt(t){let[e,n]=f.useState(()=>new Map);return f.useLayoutEffect(()=>{let r=t.current;if(!r)return;let o=it(r);n(i=>st(i,o)?i:o)}),f.useCallback(r=>e.get(r),[e])}function Ct(t,e,n){if(!(e.multiple&&t.shiftKey&&(n==="ArrowDown"||n==="ArrowUp")))return!1;t.preventDefault();let r=re(e.root,e.target,n==="ArrowDown"?1:-1,e.itemSelector);return r&&e.onSelectedChange(v(r)),!0}function yt(t,e){if(!(e.multiple&&t.shiftKey&&t.key===" "))return!1;t.preventDefault();let r=E(e.root,e.itemSelector).map(v),o=e.anchorRef.current===null?-1:r.indexOf(e.anchorRef.current),i=r.indexOf(e.nodeId);return o===-1||i===-1?e.onSelectedChange(e.nodeId):e.selectMany(r.slice(Math.min(o,i),Math.max(o,i)+1)),!0}function xt(t,e){if(!(e.multiple&&t.shiftKey&&(t.key==="Home"||t.key==="End")))return!1;t.preventDefault();let n=E(e.root,e.itemSelector),r=n.indexOf(e.target),o=t.key==="Home"?0:n.length-1;return e.selectMany(n.slice(Math.min(r,o),Math.max(r,o)+1).map(v)),n[o]?.focus(),!0}function It(t,e){return e.multiple&&(t.ctrlKey||t.metaKey)&&t.key.toLowerCase()==="a"?(t.preventDefault(),e.toggleSelectAll(E(e.root,e.itemSelector).map(v)),!0):!1}function St(t,e,n){return n!=="ArrowRight"?!1:(t.preventDefault(),e.hasChildren&&!e.expanded?e.onExpandedChange(e.nodeId,!0):re(e.root,e.target,1,e.itemSelector),!0)}function bt(t,e,n){return n!=="ArrowLeft"?!1:(t.preventDefault(),e.hasChildren&&e.expanded?e.onExpandedChange(e.nodeId,!1):e.parentId&&E(e.root,e.itemSelector).find(o=>v(o)===e.parentId)?.focus(),!0)}function Rt(t,e){return t.key==="Enter"||t.key===" "?(t.preventDefault(),e.target.hasAttribute("data-disabled")||(e.onSelectedChange(e.nodeId),t.key==="Enter"&&e.activate(e.nodeId)),!0):!1}function vt(t,e){return t.key!=="*"?!1:(t.preventDefault(),e.expandMany(Array.from(e.root.querySelectorAll(_)).filter(n=>(n.getAttribute("data-skdx-tree-parent-id")||"")===e.parentId&&n.getAttribute("aria-expanded")==="false").map(v)),!0)}function kt(t,e){if(!tt(t))return;let n=E(e.root,e.itemSelector),r=e.matchTypeahead(t.key,n.indexOf(e.target));r!==-1&&(t.preventDefault(),n[r].focus())}function Et(t){let{selectionMode:e,itemSelector:n,dir:r,anchorRef:o,onSelectedChange:i,selectMany:c,toggleSelectAll:l,onExpandedChange:g,activate:m,expandMany:s,matchTypeahead:d}=t;return a=>{let u=a.currentTarget,p=a.target;if(!p.matches('[role="treeitem"]'))return;let h=v(p),C=p.getAttribute("aria-expanded"),S=C!==null,T=C==="true",b=p.getAttribute("data-skdx-tree-parent-id")||"",y=e==="multiple",x=Ue(a.key,a.currentTarget,r),I={root:u,target:p,nodeId:h,hasChildren:S,expanded:T,parentId:b,multiple:y,itemSelector:n,anchorRef:o,onSelectedChange:i,selectMany:c,toggleSelectAll:l,onExpandedChange:g,activate:m,expandMany:s,matchTypeahead:d};Ct(a,I,x)||yt(a,I)||xt(a,I)||It(a,I)||St(a,I,x)||bt(a,I,x)||Rt(a,I)||vt(a,I)||kt(a,I)}}var oe=t=>{let{ref:e,...n}=t,{selectionMode:r,expandedProp:o,defaultExpandedIds:i,onExpandedIdsChange:c,selectedProp:l,defaultSelectedIds:g,onSelectedIdsChange:m,checkedProp:s,defaultCheckedIds:d,onCheckedIdsChange:a,selectionPropagation:u,loadChildren:p,getLoadedLabel:h,onLoadError:C,onActivate:S,disabledBehavior:T,expandOnClick:b,collection:y,renderLabel:x,children:I,rest:H}=ct(n),k=f.useRef(null),A=T==="selection"?_:F,ae=Ye(),{expandedIds:U,selectedIds:D,checkedIds:ie,checkedAxisActive:de,setExpandedArr:se,setAxisArr:ce}=ut({expandedProp:o,defaultExpandedIds:i,onExpandedIdsChange:c,selectedProp:l,defaultSelectedIds:g,onSelectedIdsChange:m,checkedProp:s,defaultCheckedIds:d,onCheckedIdsChange:a}),{registerNode:le,unregisterNode:ue,descendantsOf:O}=lt(U),{propagating:fe,checkedState:Y}=ft({selectionPropagation:u,checkedAxisActive:de,checkedIds:ie,selectedIds:D,descendantsOf:O}),{loadingIds:pe,startLoad:ge,invalidate:$}=pt({loadChildren:p,getLoadedLabel:h,onLoadError:C,descendantsOf:O}),{onExpandedChange:j,expandMany:me}=gt(se,ge),{onSelectedChange:J,selectMany:he,toggleSelectAll:Te,anchorRef:Ce}=mt({selectionMode:r,propagating:fe,checkedState:Y,descendantsOf:O,setAxisArr:ce}),Q=Xe(S),[ye,xe]=ht(k,A,D),Ie=Tt(k),Se=f.useMemo(()=>({depth:1,parentId:null}),[]),be=et({orientation:"vertical",loop:!1,itemSelector:A,includeDisabled:T==="selection",typeahead:!1});f.useImperativeHandle(e,()=>k.current?Object.assign(k.current,{invalidate:$}):{invalidate:$});let Re=nt(f.useCallback(()=>k.current?E(k.current,A).map(at):[],[A])),ve=Et({selectionMode:r,itemSelector:A,dir:ae,anchorRef:Ce,onSelectedChange:J,selectMany:he,toggleSelectAll:Te,onExpandedChange:j,activate:Q,expandMany:me,matchTypeahead:Re});return q(ot,{selectionMode:r,selectionPropagation:u,expandedIds:U,selectedIds:D,loadingIds:pe,activeNodeId:ye,setActiveNodeId:xe,disabledBehavior:T,expandOnClick:b,onExpandedChange:j,onSelectedChange:J,onActivate:Q,checkedState:Y,positionOf:Ie,registerNode:le,unregisterNode:ue,children:q(P.Provider,{value:Se,children:q(Qe.div,{role:"tree","aria-multiselectable":r==="multiple"?!0:void 0,...H,...je("tree","root",H.className),ref:k,onKeyDown:Je(H.onKeyDown,We(ve,be)),children:y?z(y,x):I})})})};oe.displayName="Tree";export{oe as Tree,P as TreeAmbientContext,M as TreeGroup,L as TreeItem,V as TreeItemIndicator,Pe as TreeItemProvider,ot as TreeProvider,rt as defaultGetLoadedLabel,G as expandStateAttr,w as useTreeContext,N as useTreeItemContext};

package/dist/tree/TreeAnatomy.d.cts

@@ -1,11 +1,4 @@
 import type * as React from 'react';
 import type { TreeNode } from './types.cjs';
-/**
- * The `collection` data path: the same `TreeItem` / `TreeGroup` structure a
- * consumer writes by hand, built from `collection` instead. `TreeGroup` is
- * rendered for every branch and unmounts itself while collapsed, which is
- * why it is not gated on the expanded set here.
- *
- * @internal
- */
+/** @internal The `collection` data path: builds the same `TreeItem`/`TreeGroup` structure a consumer writes by hand. */
 export declare function TreeAnatomy(nodes: readonly TreeNode[], renderLabel: ((node: TreeNode) => React.ReactNode) | undefined): React.ReactNode;

package/dist/tree/TreeAnatomy.d.ts

@@ -1,11 +1,4 @@
 import type * as React from 'react';
 import type { TreeNode } from './types.js';
-/**
- * The `collection` data path: the same `TreeItem` / `TreeGroup` structure a
- * consumer writes by hand, built from `collection` instead. `TreeGroup` is
- * rendered for every branch and unmounts itself while collapsed, which is
- * why it is not gated on the expanded set here.
- *
- * @internal
- */
+/** @internal The `collection` data path: builds the same `TreeItem`/`TreeGroup` structure a consumer writes by hand. */
 export declare function TreeAnatomy(nodes: readonly TreeNode[], renderLabel: ((node: TreeNode) => React.ReactNode) | undefined): React.ReactNode;

package/dist/tree/TreeGroup.d.cts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { TreeGroupProps } from './types.cjs';
 /**
- * Collapsible container for child `TreeItem`s: renders a `<div role="group">`.
- * Unmounted while the parent is collapsed (unless `forceMount`). Increments
- * `aria-level` and sets parent via context.
+ * Collapsible `<div role="group">` container for child `TreeItem`s, unmounted while the parent is collapsed unless `forceMount`.
  *
  * @example
  * ```tsx
@@ -15,4 +13,7 @@ import type { TreeGroupProps } from './types.cjs';
  * </TreeItem>
  * ```
  */
-export declare const TreeGroup: React.ForwardRefExoticComponent<Omit<TreeGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeGroup: {
+    ({ forceMount, children, ref: forwardedRef, ...props }: TreeGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree/TreeGroup.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { TreeGroupProps } from './types.js';
 /**
- * Collapsible container for child `TreeItem`s: renders a `<div role="group">`.
- * Unmounted while the parent is collapsed (unless `forceMount`). Increments
- * `aria-level` and sets parent via context.
+ * Collapsible `<div role="group">` container for child `TreeItem`s, unmounted while the parent is collapsed unless `forceMount`.
  *
  * @example
  * ```tsx
@@ -15,4 +13,7 @@ import type { TreeGroupProps } from './types.js';
  * </TreeItem>
  * ```
  */
-export declare const TreeGroup: React.ForwardRefExoticComponent<Omit<TreeGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeGroup: {
+    ({ forceMount, children, ref: forwardedRef, ...props }: TreeGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree/TreeItem.d.cts

@@ -1,20 +1,12 @@
 import * as React from 'react';
 import type { TreeItemContextValue, TreeItemProps } from './types.cjs';
-export declare const TreeItemProvider: {
-    (props: TreeItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTreeItemContext: (consumerName: string) => TreeItemContextValue;
+export declare const TreeItemProvider: React.FC<TreeItemContextValue & {
+    children: React.ReactNode;
+}>, useTreeItemContext: (consumerName: string) => TreeItemContextValue;
+/** @internal Maps hasChildren/expanded to the `data-state` string shared by `TreeItem` and `TreeItemIndicator`. */
+export declare function expandStateAttr(hasChildren: boolean, expanded: boolean): 'expanded' | 'collapsed' | undefined;
 /**
- * Single tree node: role=treeitem with aria-level, aria-posinset/aria-setsize, aria-selected.
- * Detects children via TreeGroup child or hasChildren prop (enables lazy-loaded branches).
- * Click: selects, fires onActivate, toggles expansion (if expandOnClick). Focus: becomes active node.
- *
- * Publishes --skdx-tree-node-depth (CSS indent) and data-text-value (typeahead).
- *
- * aria-busy + data-loading while loadChildren pending.
- * aria-checked + data-checked when checked axis active or selectionPropagation=descendants.
+ * Single tree node (`role="treeitem"`), publishing `aria-level`/`aria-posinset`/`aria-setsize`, `aria-selected`/`aria-checked`, and the CSS custom property `--skdx-tree-node-depth`.
  *
  * @example
  * ```tsx
@@ -27,4 +19,7 @@ export declare const TreeItemProvider: {
  * </TreeItem>
  * ```
  */
-export declare const TreeItem: React.ForwardRefExoticComponent<Omit<TreeItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeItem: {
+    ({ nodeId, disabled, hasChildren: hasChildrenProp, textValue, children, ref: forwardedRef, ...props }: TreeItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree/TreeItem.d.ts

@@ -1,20 +1,12 @@
 import * as React from 'react';
 import type { TreeItemContextValue, TreeItemProps } from './types.js';
-export declare const TreeItemProvider: {
-    (props: TreeItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTreeItemContext: (consumerName: string) => TreeItemContextValue;
+export declare const TreeItemProvider: React.FC<TreeItemContextValue & {
+    children: React.ReactNode;
+}>, useTreeItemContext: (consumerName: string) => TreeItemContextValue;
+/** @internal Maps hasChildren/expanded to the `data-state` string shared by `TreeItem` and `TreeItemIndicator`. */
+export declare function expandStateAttr(hasChildren: boolean, expanded: boolean): 'expanded' | 'collapsed' | undefined;
 /**
- * Single tree node: role=treeitem with aria-level, aria-posinset/aria-setsize, aria-selected.
- * Detects children via TreeGroup child or hasChildren prop (enables lazy-loaded branches).
- * Click: selects, fires onActivate, toggles expansion (if expandOnClick). Focus: becomes active node.
- *
- * Publishes --skdx-tree-node-depth (CSS indent) and data-text-value (typeahead).
- *
- * aria-busy + data-loading while loadChildren pending.
- * aria-checked + data-checked when checked axis active or selectionPropagation=descendants.
+ * Single tree node (`role="treeitem"`), publishing `aria-level`/`aria-posinset`/`aria-setsize`, `aria-selected`/`aria-checked`, and the CSS custom property `--skdx-tree-node-depth`.
  *
  * @example
  * ```tsx
@@ -27,4 +19,7 @@ export declare const TreeItemProvider: {
  * </TreeItem>
  * ```
  */
-export declare const TreeItem: React.ForwardRefExoticComponent<Omit<TreeItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeItem: {
+    ({ nodeId, disabled, hasChildren: hasChildrenProp, textValue, children, ref: forwardedRef, ...props }: TreeItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree/TreeItemIndicator.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TreeItemIndicatorProps } from './types.cjs';
 /**
- * Expand/collapse affordance within a `TreeItem`: renders a `<span>` with
- * `data-state` (`expanded`/`collapsed`). Clicking it toggles expansion and
- * stops propagation.
+ * Expand/collapse affordance within a `TreeItem`, a `<span>` publishing `data-state` that toggles expansion on click.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { TreeItemIndicatorProps } from './types.cjs';
  * </TreeItem>
  * ```
  */
-export declare const TreeItemIndicator: React.ForwardRefExoticComponent<Omit<TreeItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const TreeItemIndicator: {
+    ({ ref: forwardedRef, ...props }: TreeItemIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree/TreeItemIndicator.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TreeItemIndicatorProps } from './types.js';
 /**
- * Expand/collapse affordance within a `TreeItem`: renders a `<span>` with
- * `data-state` (`expanded`/`collapsed`). Clicking it toggles expansion and
- * stops propagation.
+ * Expand/collapse affordance within a `TreeItem`, a `<span>` publishing `data-state` that toggles expansion on click.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { TreeItemIndicatorProps } from './types.js';
  * </TreeItem>
  * ```
  */
-export declare const TreeItemIndicator: React.ForwardRefExoticComponent<Omit<TreeItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const TreeItemIndicator: {
+    ({ ref: forwardedRef, ...props }: TreeItemIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/tree/index.d.cts

@@ -1,2 +1,2 @@
 export { Tree } from './Tree.cjs';
-export type { TreeNode, TreeProps } from './types.cjs';
+export type { TreeHandle, TreeNode, TreeProps } from './types.cjs';

package/dist/tree/index.d.ts

@@ -1,2 +1,2 @@
 export { Tree } from './Tree.js';
-export type { TreeNode, TreeProps } from './types.js';
+export type { TreeHandle, TreeNode, TreeProps } from './types.js';