@skdx/react 0.26.0 → 0.28.0

package/dist/tree/types.d.ts

@@ -1,20 +1,20 @@
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 /** How many nodes a {@link Tree} allows selected at once: one, many, or no selection. */
 export type SelectionMode = 'single' | 'multiple' | 'none';
-/**
- * Whether selecting a node also selects its subtree. `'descendants'` turns the
- * tree into a tri-state checkbox tree: toggling a node applies to every one of
- * its descendants, and a parent reports `aria-checked` of `true`, `false`, or
- * `"mixed"` derived from them.
- */
+/** Whether selecting a node also selects its subtree, turning the tree into a tri-state checkbox tree. */
 export type TreeSelectionPropagation = 'none' | 'descendants';
 /** A node's tri-state checkbox value, as reported on `aria-checked`. */
 export type TreeCheckedState = boolean | 'mixed';
-/**
- * A node's place among its siblings — the ones at its own level under its own
- * parent, not a flat index over the tree — as reported on `aria-posinset`
- * (1-based) and `aria-setsize`.
- */
+/** What a `TreeItem`'s `disabled` takes away: `'all'` makes it inert and unreachable, `'selection'` keeps it reachable but refusing selection. */
+export type TreeDisabledBehavior = 'all' | 'selection';
+/** Payload of {@link TreeProps.onLoadError} — the branch whose `loadChildren` rejected, and why. */
+export interface TreeLoadErrorDetail {
+    /** The node whose `loadChildren` call rejected. */
+    nodeId: string;
+    /** Whatever the rejected promise rejected with. Unknown by construction: `loadChildren` is the consumer's. */
+    error: unknown;
+}
+/** Node's position among siblings (reported as `aria-posinset` / `aria-setsize`, 1-based). */
 export interface TreeNodePosition {
     posinset: number;
     setsize: number;
@@ -29,21 +29,21 @@ export interface TreeContextValue {
     loadingIds: Set<string>;
     activeNodeId: string | null;
     setActiveNodeId: (nodeId: string) => void;
+    disabledBehavior: TreeDisabledBehavior;
+    /** Whether branch clicks toggle expansion and selection. */
+    expandOnClick: boolean;
     onExpandedChange: (nodeId: string, expanded: boolean) => void;
+    /** Toggles selection or checked state (depending on checked axis). */
     onSelectedChange: (nodeId: string) => void;
-    /**
-     * Tri-state value for a node: derived from its registered descendants when it
-     * has any, otherwise its own membership in `selectedIds`. Always `false` for
-     * every node unless `selectionPropagation` is `'descendants'`.
-     */
+    /** Fires root's `onActivate` (Enter and click, not Space). */
+    onActivate: (nodeId: string) => void;
+    /** Whether tree has own checked axis (from `checkedIds` / `defaultCheckedIds`). */
+    checkedAxisActive: boolean;
+    /** Node's checked value (from `checkedIds` or `selectedIds`; tri-state with propagation). */
     checkedState: (nodeId: string) => TreeCheckedState;
-    /**
-     * A node's `aria-posinset`/`aria-setsize`, measured off the rendered DOM in
-     * document order. `undefined` until the first measurement lands (one commit
-     * after mount) or for a node that isn't rendered.
-     */
+    /** Node's `aria-posinset` / `aria-setsize` (measured from DOM; undefined until first measurement). */
     positionOf: (nodeId: string) => TreeNodePosition | undefined;
-    /** Called by each `TreeItem` on mount so the root can walk the node hierarchy without touching the DOM. */
+    /** Called by each `TreeItem` on mount (lets root walk hierarchy without touching DOM). */
     registerNode: (nodeId: string, parentId: string | null) => void;
     unregisterNode: (nodeId: string) => void;
 }
@@ -58,95 +58,168 @@ export interface TreeItemContextValue {
     /** Whether this node's `loadChildren` call is still pending. */
     loading: boolean;
 }
-/** Props for the {@link Tree} root. */
+/** Collection node; `nodeId` must be unique and keys all state. */
+export interface TreeNode {
+    /** Node identity in `expandedIds`, `selectedIds`, `checkedIds`, active node and `loadChildren`. */
+    nodeId: string;
+    /**
+     * Text rendered as node content (falls back to `nodeId`).
+     * @default undefined
+     */
+    label?: string;
+    /**
+     * Excludes node from selection and activation (like `TreeItem`'s `disabled`).
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Declares node as branch with unloaded children (reports `aria-expanded="false"`).
+     * @default undefined — inferred from `children`.
+     */
+    hasChildren?: boolean;
+    /**
+     * Text typeahead matches against (falls back to rendered text).
+     * @default undefined
+     */
+    textValue?: string;
+    /**
+     * Child nodes (rendered in collapsible `TreeGroup`).
+     * @default undefined — leaf.
+     */
+    children?: TreeNode[];
+}
 export interface TreeProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue'> {
     /**
-     * `"single"`, `"multiple"`, or `"none"` (not selectable, just expand/collapse).
+     * Hierarchical data the tree renders from (becomes source of truth; `children` ignored).
+     * @default undefined — renders `children`.
+     */
+    collection?: readonly TreeNode[];
+    /**
+     * Renders collection node content (ignored without `collection`).
+     * @default undefined — renders `label ?? nodeId`.
+     */
+    renderLabel?: (node: TreeNode) => React.ReactNode;
+    /**
+     * Selection mode (`'single'`, `'multiple'`, or `'none'` for expand/collapse only).
      * @default 'single'
      */
     selectionMode?: SelectionMode;
     /**
-     * Expanded node ids, for controlled usage. Pair with `onExpandedIdsChange`.
-     * @default undefined — uncontrolled, tracks its own expanded set internally.
+     * Expanded ids for controlled usage; pair with `onExpandedIdsChange`.
+     * @default undefined — uncontrolled.
      */
     expandedIds?: string[];
     /**
-     * Initially expanded node ids, for uncontrolled usage.
+     * Initial expanded ids for uncontrolled usage.
      * @default []
      */
     defaultExpandedIds?: string[];
     /**
-     * Fires with the new set of expanded ids whenever a node is expanded or collapsed, controlled or not.
-     * @default undefined — no-op if omitted.
+     * Fires with new expanded ids on expand/collapse.
+     * @default undefined — no-op.
      */
     onExpandedIdsChange?: (ids: string[]) => void;
     /**
-     * Selected node ids, for controlled usage. Pair with `onSelectedIdsChange`.
-     * @default undefined — uncontrolled, tracks its own selected set internally.
+     * Selected ids for controlled usage; pair with `onSelectedIdsChange`.
+     * @default undefined — uncontrolled.
      */
     selectedIds?: string[];
     /**
-     * Initially selected node ids, for uncontrolled usage.
+     * Initial selected ids for uncontrolled usage.
      * @default []
      */
     defaultSelectedIds?: string[];
     /**
-     * Fires with the new set of selected ids whenever selection changes, controlled or not.
-     * @default undefined — no-op if omitted.
+     * Fires with new selected ids on selection change.
+     * @default undefined — no-op.
      */
     onSelectedIdsChange?: (ids: string[]) => void;
     /**
-     * Turns the tree into a tri-state checkbox tree: toggling a node selects or
-     * deselects its whole subtree, and each node reports `aria-checked` of
-     * `true`/`false`/`"mixed"` derived from its descendants. Only meaningful with
-     * `selectionMode="multiple"`; ignored otherwise.
-     *
-     * Propagation reaches *rendered* descendants only — a collapsed `TreeGroup`
-     * is unmounted, so its nodes are not registered and cannot be toggled.
+     * Checked ids for controlled usage (second axis from `selectedIds`); pair with `onCheckedIdsChange`.
+     * @default undefined — uncontrolled; `aria-checked` derives from `selectedIds`.
+     */
+    checkedIds?: string[];
+    /**
+     * Initial checked ids for uncontrolled usage (gives tree own checked axis).
+     * @default undefined — no checked axis.
+     */
+    defaultCheckedIds?: string[];
+    /**
+     * Fires with new checked ids on check/uncheck.
+     * @default undefined — no-op.
+     */
+    onCheckedIdsChange?: (ids: string[]) => void;
+    /**
+     * Tri-state checkbox tree with selection propagation (toggle node selects/deselects subtree).
      * @default 'none'
      */
     selectionPropagation?: TreeSelectionPropagation;
     /**
-     * Loads a node's children the first time it is expanded. Return a promise to
-     * mark the node busy (`aria-busy="true"` plus `data-loading`) until it
-     * settles; when it resolves, `getLoadedLabel` is announced through the shared
-     * live region. A rejected promise clears the busy state, announces nothing,
-     * and leaves the node eligible to retry on the next expand.
-     *
-     * The node still needs a `TreeGroup` child to be expandable at all — render
-     * an empty one and fill it in when the promise resolves.
-     * @default undefined — children are always rendered eagerly.
+     * Loads node's children on first expansion (marks node busy until settled).
+     * @default undefined — children eager.
      */
     loadChildren?: (nodeId: string) => void | Promise<void>;
     /**
-     * Formats the message announced when a lazily-loaded node's children arrive —
-     * newly rendered children are otherwise silent. Return an empty string to
-     * announce nothing. Close over your own data if you want a count in it.
-     * @default defaultGetLoadedLabel — e.g. `"src loaded"`
+     * Formats announcement when lazily-loaded children arrive.
+     * @default defaultGetLoadedLabel — e.g. `"src loaded"`.
      */
     getLoadedLabel?: (nodeId: string) => string;
+    /**
+     * Fires when `loadChildren` rejects (swallowed silently if not fired).
+     * @default undefined — no-op.
+     */
+    onLoadError?: (detail: TreeLoadErrorDetail) => void;
+    /**
+     * Fires on Enter or click (not Space).
+     * @default undefined — no-op.
+     */
+    onActivate?: (nodeId: string) => void;
+    /**
+     * What node's `disabled` takes away (see {@link TreeDisabledBehavior}}).
+     * @default 'all'
+     */
+    disabledBehavior?: TreeDisabledBehavior;
+    /**
+     * Whether branch clicks toggle expansion and selection.
+     * @default true
+     */
+    expandOnClick?: boolean;
 }
+/** Imperative Tree contract (assigned on root `<div>`). */
+export interface TreeHandle {
+    /** Clears load marker (or node + subtree with `nodeId`) for refetch on next expansion. */
+    invalidate(nodeId?: string): void;
+}
+/** {@link Tree}}'s forwarded ref (root `<div>` plus `invalidate()`). */
+export type TreeElementHandle = HTMLDivElement & TreeHandle;
 /** Props for a single {@link TreeItem} node. */
 export interface TreeItemProps extends PrimitivePropsWithRef<'div'> {
     /** Unique identifier tracked in the tree's expanded/selected/active state. */
     nodeId: string;
     /**
-     * Excludes this node (and its subtree's roving-focus/typeahead reach) from
-     * selection and keyboard activation.
+     * Excludes node from selection and activation (not inherited by descendants).
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Typeahead text (published as `data-text-value`; falls back to rendered text).
+     * @default undefined
+     */
+    textValue?: string;
+    /**
+     * Declares node as branch, overriding `TreeGroup` scan (true makes it expandable before group mounts).
+     * @default undefined — inferred from `TreeGroup`.
+     */
+    hasChildren?: boolean;
 }
-/** Props for {@link TreeGroup}, the collapsible container of a `TreeItem`'s children. */
+/** Props for {@link TreeGroup}}, collapsible container of `TreeItem`'s children. */
 export interface TreeGroupProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Keep this group mounted even while its parent `TreeItem` is collapsed,
-     * instead of unmounting it. Useful for animation libraries that need the
-     * outgoing content present in the DOM during an exit transition.
+     * Keep group mounted while parent `TreeItem` collapsed.
      * @default false
      */
     forceMount?: boolean;
 }
-/** Props for {@link TreeItemIndicator}, the expand/collapse affordance (e.g. a chevron) within a `TreeItem`. */
+/** Props for {@link TreeItemIndicator}}, the expand/collapse affordance. */
 export interface TreeItemIndicatorProps extends PrimitivePropsWithRef<'span'> {
 }

package/dist/tree-select/TreeSelect.cjs

@@ -1 +1 @@
-"use strict";var Yt=Object.create;var Q=Object.defineProperty;var Jt=Object.getOwnPropertyDescriptor;var Qt=Object.getOwnPropertyNames;var Xt=Object.getPrototypeOf,Zt=Object.prototype.hasOwnProperty;var jt=(e,r)=>{for(var t in r)Q(e,t,{get:r[t],enumerable:!0})},Oe=(e,r,t,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Qt(r))!Zt.call(e,n)&&n!==t&&Q(e,n,{get:()=>r[n],enumerable:!(l=Jt(r,n))||l.enumerable});return e};var N=(e,r,t)=>(t=e!=null?Yt(Xt(e)):{},Oe(r||!e||!e.__esModule?Q(t,"default",{value:e,enumerable:!0}):t,e)),er=e=>Oe(Q({},"__esModule",{value:!0}),e);var or={};jt(or,{TreeSelect:()=>fe,TreeSelectContent:()=>he,TreeSelectEmpty:()=>Re,TreeSelectInput:()=>Ie,TreeSelectItem:()=>B,TreeSelectItemIndicator:()=>ve,TreeSelectPortal:()=>ge,TreeSelectTree:()=>xe,TreeSelectTrigger:()=>me,TreeSelectValue:()=>Te,defaultGetMatchCountLabel:()=>ue,defaultTreeSelectFilter:()=>de});module.exports=er(or);var d=N(require("react"),1),$e=require("../utils/clamp.cjs"),Be=require("../utils/createContext.cjs"),Z=require("../utils/direction.cjs"),_e=require("../utils/liveAnnouncer.cjs"),qe=require("../utils/popper.cjs"),G=require("../utils/useControllableState.cjs"),Ue=require("../utils/useOpenChangeComplete.cjs"),j=require("../utils/useTypeahead.cjs");function He(e){let r=new Map,t=[],l=(n,a,c,s)=>{for(let i of n){let u=s||i.disabled===!0,f=i.children??[],y={node:i,parent:a,depth:c,childValues:f.map(p=>p.value),descendants:[],leaves:[],disabled:u};if(r.set(i.value,y),t.push(i.value),l(f,i.value,c+1,u),f.length===0)u||y.leaves.push(i.value);else for(let p of f){let x=r.get(p.value);x&&(y.descendants.push(p.value,...x.descendants),y.leaves.push(...x.leaves))}}};return l(e,null,1,!1),{index:r,order:t}}function Le(e,r){let t=[],l=r.get(e)?.parent??null;for(;l!==null;)t.push(l),l=r.get(l)?.parent??null;return t}function X(e,r,t,l){if(!l)return r.has(e);let n=t.get(e);if(!n||n.leaves.length===0)return r.has(e);let a=0;for(let c of n.leaves)r.has(c)&&a++;return a===0?!1:a===n.leaves.length?!0:"mixed"}function Fe(e,r,t,l){let n=new Set;for(let a of e)r.has(a)&&n.add(a);if(!l)return n;for(let a of[...n]){let c=r.get(a);if(c)for(let s of c.descendants)r.get(s)?.disabled||n.add(s)}for(let a of t){let c=r.get(a);c&&(c.leaves.length===0||c.childValues.length===0||(c.leaves.every(s=>n.has(s))?n.add(a):n.delete(a)))}return n}function Ke(e,r,t,l){let n=t.filter(a=>e.has(a));return l==="all"?n:l==="leaf"?n.filter(a=>r.get(a)?.childValues.length===0):n.filter(a=>{let c=r.get(a)?.parent??null;return c===null||!e.has(c)})}function Ae(e,r,t,l,n){if(!n)return new Set([e]);let a=new Set(r),c=t.get(e);if(!l||!c)return a.has(e)?a.delete(e):a.add(e),a;let s=X(e,r,t,!0)!==!0;for(let i of[e,...c.descendants])t.get(i)?.disabled||(s?a.add(i):a.delete(i));for(let i of Le(e,t)){let u=t.get(i);u&&(u.leaves.length>0&&u.leaves.every(f=>a.has(f))?a.add(i):a.delete(i))}return a}function ze(e,r,t){let l=new Set,n=new Set,a=0;for(let c of r){let s=e.get(c);if(s&&t(s.node)){a++,l.add(c);for(let i of Le(c,e))l.add(i),n.add(i);for(let i of s.descendants)l.add(i)}}return{visible:l,autoExpanded:n,matchCount:a}}function Ge(e,r,t,l){let n=[],a=s=>t===null||t.has(s.value),c=(s,i)=>{let u=s.filter(a);u.forEach((f,y)=>{let p=r.get(f.value);if(!p)return;let x=(f.children??[]).filter(a),V=l.has(f.value);n.push({value:f.value,parent:i,depth:p.depth,disabled:p.disabled,hasChildren:x.length>0,expanded:V,posinset:y+1,setsize:u.length}),x.length>0&&V&&c(x,f.value)})};return c(e,null),n}var ie=require("react/jsx-runtime");function de(e,r){return(e.label??e.value).toLowerCase().includes(r.trim().toLowerCase())}function ue(e){return`${e} match${e===1?"":"es"} available`}var[tr,g]=(0,Be.createSafeContext)("TreeSelect"),rr=new Set;function fe({children:e,collection:r,value:t,defaultValue:l,onValueChange:n,multiple:a=!1,checkStrategy:c="cascade",valueStrategy:s="all",expandedValue:i,defaultExpandedValue:u,onExpandedChange:f,open:y,defaultOpen:p=!1,onOpenChange:x,onOpenChangeComplete:V,inputValue:H,defaultInputValue:h="",onInputValueChange:Nt,filter:be=de,disabled:L=!1,readOnly:re=!1,closeOnSelect:Ce=!a,getMatchCountLabel:Pe=ue}){let ne=d.useRef(null),ae=d.useRef(null),wt=d.useRef(null),[Vt,Mt]=d.useState(!1),[I,w]=d.useState(null),Ee=d.useId(),Dt=d.useId(),Ot=d.useId(),ke=(0,Z.useDirection)(),[oe=[],Ne]=(0,G.useControllableState)({prop:t,defaultProp:l??[],onChange:n}),[le=[],we]=(0,G.useControllableState)({prop:i,defaultProp:u??[],onChange:f}),[S=!1,E]=(0,G.useControllableState)({prop:y,defaultProp:p,onChange:x});(0,Ue.useOpenChangeComplete)(S,ae,V);let[U="",Ht]=(0,G.useControllableState)({prop:H,defaultProp:h,onChange:Nt}),{index:m,order:b}=d.useMemo(()=>He(r),[r]),C=a&&c==="cascade",O=d.useMemo(()=>Fe(oe,m,b,C),[oe,m,b,C]),W=U.trim()!=="",{visible:F,autoExpanded:se,matchCount:Ve}=d.useMemo(()=>W?ze(m,b,o=>be(o,U)):{visible:null,autoExpanded:rr,matchCount:b.length},[W,m,b,be,U]),K=d.useMemo(()=>{if(se.size===0)return le;let o=new Set(le);for(let v of se)o.add(v);return[...o]},[le,se]),A=d.useMemo(()=>new Set(K),[K]),Lt=d.useCallback(o=>F===null||F.has(o),[F]),k=d.useMemo(()=>Ge(r,m,F,A),[r,m,F,A]),Y=d.useMemo(()=>new Map(k.map(o=>[o.value,o])),[k]),Ft=d.useCallback(o=>X(o,O,m,C),[O,m,C]),Kt=d.useMemo(()=>b.filter(o=>X(o,O,m,C)===!0),[b,O,m,C]),M=d.useCallback((o,v)=>{we((T=[])=>v?T.includes(o)?T:[...T,o]:T.filter(R=>R!==o))},[we]),At=d.useCallback(o=>{let v=new Set(o),T=o.find(z=>!A.has(z));if(T!==void 0){M(T,!0);return}let R=K.find(z=>!v.has(z));R!==void 0&&M(R,!1)},[A,K,M]),ce=d.useCallback(o=>{if(L||re)return;let v=m.get(o);if(!v||v.disabled)return;let T=Ae(o,O,m,C,a);Ne(Ke(T,m,b,C?s:"all")),Ce&&(E(!1),ne.current?.focus())},[L,re,m,O,C,a,b,s,Ne,Ce,E]),[zt,Gt]=d.useState(!1),[$t,Bt]=d.useState(k);(S!==zt||k!==$t)&&(Gt(S),Bt(k),S?(I===null||Y.get(I)?.disabled!==!1)&&w(k.find(o=>!o.disabled)?.value??null):w(null)),d.useEffect(()=>{!S||!W||(0,_e.announce)(Pe(Ve))},[S,W,Ve,Pe]);let _t=d.useCallback(o=>`${Ee}item-${o}`,[Ee]),qt=d.useCallback(o=>m.get(o)?.node.label??o,[m]),P=d.useMemo(()=>k.filter(o=>!o.disabled),[k]),J=d.useRef(P);d.useEffect(()=>{J.current=P});let Me=(0,j.useTypeahead)(d.useCallback(()=>J.current.map(o=>m.get(o.value)?.node.label??o.value),[m])),D=d.useCallback(o=>{if(P.length===0)return;if(o==="first"){w(P[0].value);return}if(o==="last"){w(P[P.length-1].value);return}let v=P.findIndex(T=>T.value===I);w(P[(0,$e.clamp)(v+o,0,P.length-1)].value)},[P,I]),Ut=d.useCallback((o,v)=>{if(L)return;let T=(0,Z.directionalKey)(o.key,o.currentTarget,ke),R=I===null?void 0:Y.get(I);if(o.key==="Escape"){if(!S||ae.current)return;o.preventDefault(),E(!1),ne.current?.focus();return}if(o.key==="Tab"){S&&E(!1);return}if(T==="ArrowDown"){o.preventDefault(),S?D(1):(E(!0),D("first"));return}if(T==="ArrowUp"){o.preventDefault(),S?D(-1):(E(!0),D("last"));return}if(T==="ArrowRight"){if(!S)return;o.preventDefault(),R?.hasChildren&&!R.expanded?M(R.value,!0):D(1);return}if(T==="ArrowLeft"){if(!S)return;o.preventDefault(),R?.hasChildren&&R.expanded?M(R.value,!1):R?.parent&&w(R.parent);return}if(o.key==="Home"||o.key==="End"){if(!S)return;o.preventDefault(),D(o.key==="Home"?"first":"last");return}if(o.key==="Enter"||o.key===" "&&v.selectOnSpace){if(o.preventDefault(),!S){E(!0);return}I!==null&&ce(I);return}if(v.typeahead&&S&&(0,j.isTypeaheadKey)(o)){o.preventDefault();let z=J.current.findIndex(Wt=>Wt.value===I),De=Me(o.key,z);De!==-1&&w(J.current[De].value)}},[L,ke,I,Y,S,E,D,M,ce,Me]);return(0,ie.jsx)(qe.PopperRoot,{children:(0,ie.jsx)(tr,{collection:r,index:m,order:b,value:oe,multiple:a,cascade:C,disabled:L,readOnly:re,checkStateOf:Ft,commit:ce,open:S,onOpenChange:E,expandedIds:K,expanded:A,setExpanded:M,onTreeExpandedIdsChange:At,selectedIds:Kt,isVisible:Lt,flat:k,flatMap:Y,activeValue:I,setActiveValue:w,itemId:_t,treeId:Dt,contentId:Ot,triggerRef:ne,contentRef:ae,inputRef:wt,hasInput:Vt,setHasInput:Mt,inputValue:U,onInputValueChange:Ht,getLabel:qt,onNavigationKeyDown:Ut,children:e})})}fe.displayName="TreeSelect";var We=N(require("react"),1),Ye=require("../utils/composeRefs.cjs"),Je=require("../utils/part.cjs"),Qe=require("../utils/popper.cjs"),$=require("../utils/primitive.cjs");var pe=require("react/jsx-runtime"),me=We.forwardRef((e,r)=>{let t=g("TreeSelectTrigger"),l=(0,Ye.useComposedRefs)(r,t.triggerRef),n=t.disabled||e.disabled,a=t.open&&!t.hasInput?t.activeValue:null;return(0,pe.jsx)(Qe.PopperAnchor,{asChild:!0,children:(0,pe.jsx)($.Primitive.button,{type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":t.open,"aria-controls":t.treeId,"aria-activedescendant":a===null?void 0:t.itemId(a),"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,...(0,Je.skdxPart)("tree-select","trigger",e.className),ref:l,onClick:(0,$.composeEventHandlers)(e.onClick,()=>t.onOpenChange(!t.open)),onKeyDown:(0,$.composeEventHandlers)(e.onKeyDown,c=>t.onNavigationKeyDown(c,{typeahead:!0,selectOnSpace:!0}))})})});me.displayName="TreeSelectTrigger";var Xe=N(require("react"),1),Ze=require("../utils/part.cjs"),je=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime"),Te=Xe.forwardRef(({placeholder:e,children:r,...t},l)=>{let{value:n,multiple:a,getLabel:c}=g("TreeSelectValue"),s,i=!1;return r!==void 0?s=r:n.length===0?(s=e,i=!0):a?s=n.map(u=>(0,Se.jsx)("span",{"data-chip":"","data-value":u,children:c(u)},u)):s=c(n[0]),(0,Se.jsx)(je.Primitive.span,{"data-multiple":a?"":void 0,"data-placeholder":i?"":void 0,...t,...(0,Ze.skdxPart)("tree-select","value",t.className),ref:l,style:{pointerEvents:"none",...t.style},children:s})});Te.displayName="TreeSelectValue";var et=require("../utils/portal.cjs");var tt=require("react/jsx-runtime"),ge=({forceMount:e,children:r,...t})=>{let l=g("TreeSelectPortal");return e||l.open?(0,tt.jsx)(et.Portal,{...t,children:r}):null};ge.displayName="TreeSelectPortal";var ee=N(require("react"),1),rt=require("../utils/composeRefs.cjs"),nt=require("../utils/part.cjs"),at=require("../utils/popper.cjs"),ot=require("../utils/primitive.cjs"),lt=require("../utils/useDismiss.cjs");var st=require("react/jsx-runtime"),he=ee.forwardRef(({forceMount:e,side:r="bottom",align:t="start",sideOffset:l=4,onEscapeKeyDown:n,onPointerDownOutside:a,onFocusOutside:c,onInteractOutside:s,...i},u)=>{let f=g("TreeSelectContent"),y=(0,rt.useComposedRefs)(u,f.contentRef),{open:p,onOpenChange:x,triggerRef:V,inputRef:H}=f;return(0,lt.useDismiss)({enabled:p,onEscapeKeyDown:h=>{n?.(h),!h.defaultPrevented&&(x(!1),V.current?.focus())},onInteractOutside:s,onPointerDownOutside:h=>{a?.(h),h.defaultPrevented||x(!1)},onFocusOutside:h=>{c?.(h),h.defaultPrevented||x(!1)}},[f.contentRef,V]),ee.useEffect(()=>{if(!p)return;let h=requestAnimationFrame(()=>H.current?.focus());return()=>cancelAnimationFrame(h)},[p,H]),e||p?(0,st.jsx)(at.PopperContent,{component:"tree-select",id:f.contentId,"data-state":p?"open":"closed","data-multiple":f.multiple?"":void 0,side:r,align:t,sideOffset:l,...i,...(0,nt.skdxPart)("tree-select","content",i.className),ref:y,onMouseDown:(0,ot.composeEventHandlers)(i.onMouseDown,h=>{h.target!==H.current&&h.preventDefault()})}):null});he.displayName="TreeSelectContent";var mt=N(require("react"),1),St=require("../tree/Tree.cjs"),Tt=require("../tree/Tree.cjs"),gt=require("../utils/part.cjs");var ct=N(require("react"),1),it=require("../tree/Tree.cjs"),dt=require("../utils/createContext.cjs"),ut=require("../utils/part.cjs"),ft=require("../utils/primitive.cjs");var ye=require("react/jsx-runtime"),[nr,pt]=(0,dt.createSafeContext)("TreeSelectItem");function ar(e){return e.target.closest('[role="treeitem"]')!==e.currentTarget}var B=ct.forwardRef(({node:e,children:r,...t},l)=>{let n=g("TreeSelectItem"),a=n.index.get(e.value),c=n.flatMap.get(e.value),s=n.checkStateOf(e.value),i=a?.disabled??e.disabled??!1,u=n.expanded.has(e.value),f=c?.hasChildren??!1,y=n.activeValue===e.value;return(0,ye.jsx)(nr,{value:e.value,checkState:s,disabled:i,expanded:u,hasChildren:f,active:y,children:(0,ye.jsx)(it.TreeItem,{nodeId:e.value,disabled:i,id:n.itemId(e.value),"data-value":e.value,"data-highlighted":y?"":void 0,"aria-checked":n.multiple?s==="mixed"?"mixed":s:void 0,"data-checked":s==="mixed"?"indeterminate":s?"checked":"unchecked","aria-posinset":c?.posinset,"aria-setsize":c?.setsize,tabIndex:-1,...t,...(0,ut.skdxPart)("tree-select","item",t.className),ref:l,onClick:(0,ft.composeEventHandlers)(t.onClick,p=>{ar(p)||(p.preventDefault(),!i&&(n.setActiveValue(e.value),n.commit(e.value)))}),children:r})})});B.displayName="TreeSelectItem";var _=require("react/jsx-runtime"),xe=mt.forwardRef(({renderLabel:e,...r},t)=>{let l=g("TreeSelectTree"),{isVisible:n}=l,a=c=>c.filter(s=>n(s.value)).map(s=>{let i=(s.children??[]).filter(u=>n(u.value));return(0,_.jsxs)(B,{node:s,children:[e?e(s):s.label??s.value,i.length>0?(0,_.jsx)(Tt.TreeGroup,{children:a(i)}):null]},s.value)});return(0,_.jsx)(St.Tree,{id:l.treeId,selectionMode:l.multiple?"multiple":"single","aria-readonly":l.readOnly||void 0,expandedIds:l.expandedIds,onExpandedIdsChange:l.onTreeExpandedIdsChange,selectedIds:l.selectedIds,...r,...(0,gt.skdxPart)("tree-select","tree",r.className),ref:t,children:a(l.collection)})});xe.displayName="TreeSelectTree";var ht=N(require("react"),1),yt=require("../utils/part.cjs"),xt=require("../utils/primitive.cjs");var vt=require("react/jsx-runtime"),ve=ht.forwardRef(({forceMount:e,...r},t)=>{let l=pt("TreeSelectItemIndicator"),{checkState:n}=l;return e||n!==!1?(0,vt.jsx)(xt.Primitive.span,{"aria-hidden":!0,"data-state":n==="mixed"?"indeterminate":n?"checked":"unchecked",...r,...(0,yt.skdxPart)("tree-select","item-indicator",r.className),ref:t}):null});ve.displayName="TreeSelectItemIndicator";var Rt=N(require("react"),1),It=require("../utils/part.cjs"),bt=require("../utils/primitive.cjs");var Ct=require("react/jsx-runtime"),Re=Rt.forwardRef((e,r)=>g("TreeSelectEmpty").flat.length===0?(0,Ct.jsx)(bt.Primitive.div,{role:"presentation",...e,...(0,It.skdxPart)("tree-select","empty",e.className),ref:r}):null);Re.displayName="TreeSelectEmpty";var te=N(require("react"),1),Pt=require("../utils/composeRefs.cjs"),Et=require("../utils/part.cjs"),q=require("../utils/primitive.cjs");var kt=require("react/jsx-runtime"),Ie=te.forwardRef((e,r)=>{let t=g("TreeSelectInput"),l=(0,Pt.useComposedRefs)(r,t.inputRef),{setHasInput:n}=t;return te.useEffect(()=>(n(!0),()=>n(!1)),[n]),(0,kt.jsx)(q.Primitive.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,...(0,Et.skdxPart)("tree-select","input",e.className),ref:l,value:t.inputValue,onChange:(0,q.composeEventHandlers)(e.onChange,a=>t.onInputValueChange(a.target.value)),onKeyDown:(0,q.composeEventHandlers)(e.onKeyDown,a=>t.onNavigationKeyDown(a,{typeahead:!1,selectOnSpace:!1}))})});Ie.displayName="TreeSelectInput";0&&(module.exports={TreeSelect,TreeSelectContent,TreeSelectEmpty,TreeSelectInput,TreeSelectItem,TreeSelectItemIndicator,TreeSelectPortal,TreeSelectTree,TreeSelectTrigger,TreeSelectValue,defaultGetMatchCountLabel,defaultTreeSelectFilter});
+"use strict";var vr=Object.create;var le=Object.defineProperty;var xr=Object.getOwnPropertyDescriptor;var br=Object.getOwnPropertyNames;var Cr=Object.getPrototypeOf,Ir=Object.prototype.hasOwnProperty;var wr=(e,r)=>{for(var t in r)le(e,t,{get:r[t],enumerable:!0})},We=(e,r,t,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of br(r))!Ir.call(e,n)&&n!==t&&le(e,n,{get:()=>r[n],enumerable:!(l=xr(r,n))||l.enumerable});return e};var E=(e,r,t)=>(t=e!=null?vr(Cr(e)):{},We(r||!e||!e.__esModule?le(t,"default",{value:e,enumerable:!0}):t,e)),kr=e=>We(le({},"__esModule",{value:!0}),e);var Vr={};wr(Vr,{TreeSelect:()=>Oe,TreeSelectContent:()=>ie,TreeSelectEmpty:()=>ce,TreeSelectInput:()=>ue,TreeSelectItem:()=>J,TreeSelectItemIndicator:()=>Gt,TreeSelectItemProvider:()=>xt,TreeSelectPortal:()=>fe,TreeSelectProvider:()=>zt,TreeSelectTree:()=>me,TreeSelectTrigger:()=>he,TreeSelectValue:()=>Se,defaultGetMatchCountLabel:()=>Le,defaultTreeSelectFilter:()=>De,useTreeSelectContext:()=>R,useTreeSelectItemContext:()=>Ne});module.exports=kr(Vr);var i=E(require("react"),1),Lt=require("../utils/clamp.cjs"),Ot=require("../utils/createContext.cjs"),ge=require("../utils/direction.cjs"),Ht=require("../utils/hiddenInput.cjs"),At=require("../utils/liveAnnouncer.cjs"),Ft=require("../utils/popper.cjs"),X=require("../utils/useControllableState.cjs"),Kt=require("../utils/useOpenChangeComplete.cjs"),Te=require("../utils/useTypeahead.cjs");function Ye(e){let r=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(r.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 v=r.get(h.value);v&&(m.descendants.push(h.value,...v.descendants),m.leaves.push(...v.leaves))}}};return l(e,null,1,!1),{index:r,order:t}}function Je(e,r){let t=[],l=r.get(e)?.parent??null;for(;l!==null;)t.push(l),l=r.get(l)?.parent??null;return t}function we(e){return e==="cascade"||e==="descendants"}function ke(e){return e==="cascade"||e==="ancestors"}function Qe(e,r){return r==="leaf"?ke(e)?"leaf":"all":r==="shallowest"?we(e)?"shallowest":"all":r}function Pe(e,r,t,l){if(l==="independent")return r.has(e);let n=t.get(e);if(!n||n.leaves.length===0)return r.has(e);let o=0;for(let s of n.leaves)r.has(s)&&o++;return o===n.leaves.length||r.has(e)?!0:o===0?!1:"mixed"}function Xe(e,r,t,l){let n=new Set;for(let o of e)r.has(o)&&n.add(o);if(l==="independent")return n;if(we(l))for(let o of[...n]){let s=r.get(o);if(s)for(let c of s.descendants)r.get(c)?.disabled||n.add(c)}if(ke(l))for(let o of t){let s=r.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 Ze(e,r,t,l){let n=t.filter(o=>e.has(o));return l==="all"?n:l==="leaf"?n.filter(o=>r.get(o)?.childValues.length===0):n.filter(o=>{let s=r.get(o)?.parent??null;return s===null||!e.has(s)})}function je(e,r,t,l,n){if(!n)return r.size===1&&r.has(e)?new Set:new Set([e]);let o=new Set(r),s=t.get(e);if(l==="independent"||!s)return o.has(e)?o.delete(e):o.add(e),o;let c=Pe(e,r,t,l)!==!0;for(let d of we(l)?[e,...s.descendants]:[e])t.get(d)?.disabled||(c?o.add(d):o.delete(d));if(ke(l))for(let d of Je(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 et(e,r,t){let l=new Set,n=new Set,o=0;for(let s of r){let c=e.get(s);if(c&&t(c.node)){o++,l.add(s);for(let d of Je(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 tt(e,r,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=r.get(u.value);if(!h)return;let v=(u.children??[]).filter(o),D=l.has(u.value);n.push({value:u.value,parent:d,depth:h.depth,disabled:h.disabled,hasChildren:v.length>0||u.hasChildren===!0,expanded:D,posinset:m+1,setsize:f.length}),v.length>0&&D&&s(v,u.value)})};return s(e,null),n}var se=E(require("react"),1),rt=require("../utils/composeRefs.cjs"),nt=require("../utils/part.cjs"),at=require("../utils/popper.cjs"),ot=require("../utils/primitive.cjs"),lt=require("../utils/useDismiss.cjs");var st=require("react/jsx-runtime");function Pr(e,r){if(!e.contains(r))return;let t=e.getBoundingClientRect(),l=r.getBoundingClientRect();e.scrollTop+=l.top-t.top-(t.height-l.height)/2}var ie=se.forwardRef(({forceMount:e,side:r="bottom",align:t="start",sideOffset:l=4,onEscapeKeyDown:n,onPointerDownOutside:o,onFocusOutside:s,onInteractOutside:c,...d},f)=>{let u=R("TreeSelectContent"),m=(0,rt.useComposedRefs)(f,u.contentRef),{open:h,onOpenChange:v,triggerRef:D,inputRef:q}=u;(0,lt.useDismiss)({enabled:h,onEscapeKeyDown:x=>{n?.(x),!x.defaultPrevented&&(v(!1),D.current?.focus())},onInteractOutside:c,onPointerDownOutside:x=>{o?.(x),x.defaultPrevented||v(!1)},onFocusOutside:x=>{s?.(x),x.defaultPrevented||v(!1)}},[u.contentRef,D]);let{contentRef:Z}=u;return se.useEffect(()=>{if(!h)return;let x=requestAnimationFrame(()=>{q.current?.focus({preventScroll:!0});let F=Z.current,K=F?.querySelector('[role="treeitem"][data-highlighted]');F&&K&&Pr(F,K)});return()=>cancelAnimationFrame(x)},[h,q,Z]),e||h?(0,st.jsx)(at.PopperContent,{component:"tree-select","data-state":h?"open":"closed","data-multiple":u.multiple?"":void 0,side:r,align:t,sideOffset:l,...d,...(0,nt.skdxPart)("tree-select","content",d.className),ref:m,onMouseDown:(0,ot.composeEventHandlers)(d.onMouseDown,x=>{x.target!==q.current&&x.preventDefault()})}):null});ie.displayName="TreeSelectContent";var it=E(require("react"),1),ct=require("../utils/part.cjs"),dt=require("../utils/primitive.cjs");var ut=require("react/jsx-runtime"),ce=it.forwardRef((e,r)=>R("TreeSelectEmpty").flat.length===0?(0,ut.jsx)(dt.Primitive.div,{role:"presentation",...e,...(0,ct.skdxPart)("tree-select","empty",e.className),ref:r}):null);ce.displayName="TreeSelectEmpty";var de=E(require("react"),1),ft=require("../utils/composeRefs.cjs"),pt=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs");var mt=require("react/jsx-runtime"),ue=de.forwardRef((e,r)=>{let t=R("TreeSelectInput"),l=(0,ft.useComposedRefs)(r,t.inputRef),{setHasInput:n}=t;return de.useEffect(()=>(n(!0),()=>n(!1)),[n]),(0,mt.jsx)(Y.Primitive.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,...(0,pt.skdxPart)("tree-select","input",e.className),ref:l,value:t.inputValue,onChange:(0,Y.composeEventHandlers)(e.onChange,o=>t.onInputValueChange(o.target.value)),onKeyDown:(0,Y.composeEventHandlers)(e.onKeyDown,o=>t.onNavigationKeyDown(o,{typeahead:!1,selectOnSpace:!1}))})});ue.displayName="TreeSelectInput";var ht=require("../utils/portal.cjs");var St=require("react/jsx-runtime"),fe=({forceMount:e,children:r,...t})=>{let l=R("TreeSelectPortal");return e||l.open?(0,St.jsx)(ht.Portal,{...t,children:r}):null};fe.displayName="TreeSelectPortal";var pe=E(require("react"),1),bt=require("../tree/Tree.cjs"),Ct=require("../tree/Tree.cjs"),It=require("../utils/part.cjs");var gt=E(require("react"),1),Tt=require("../tree/Tree.cjs"),yt=require("../utils/createContext.cjs"),Rt=require("../utils/part.cjs"),vt=require("../utils/primitive.cjs");var Ee=require("react/jsx-runtime"),[xt,Ne]=(0,yt.createSafeContext)("TreeSelectItem");function Er(e){return e.target.closest('[role="treeitem"]')!==e.currentTarget}var J=gt.forwardRef(({node:e,children:r,...t},l)=>{let n=R("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(0,Ee.jsx)(xt,{value:e.value,checkState:c,disabled:d,expanded:f,hasChildren:u,active:m,children:(0,Ee.jsx)(Tt.TreeItem,{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,...(0,Rt.skdxPart)("tree-select","item",t.className),ref:l,onClick:(0,vt.composeEventHandlers)(t.onClick,v=>{Er(v)||(v.preventDefault(),!d&&(n.setActiveValue(e.value),n.commit(e.value),n.expandOnClick&&u&&n.setExpanded(e.value,!f)))}),children:r})})});J.displayName="TreeSelectItem";var B=require("react/jsx-runtime"),me=pe.forwardRef(({renderLabel:e,rows:r,...t},l)=>{let n=R("TreeSelectTree"),{isVisible:o,setVisibleRowValues:s}=n;pe.useEffect(()=>(s(r?new Set(r.map(f=>f.value)):null),()=>s(null)),[r,s]);let c=f=>f.filter(u=>o(u.value)).map(u=>{let m=(u.children??[]).filter(h=>o(h.value));return(0,B.jsxs)(J,{node:u,children:[e?e(u):u.label??u.value,m.length>0?(0,B.jsx)(Ct.TreeGroup,{children:c(m)}):null]},u.value)}),d=f=>f.map(u=>{let m=n.index.get(u.value)?.node;return m?(0,B.jsx)(J,{node:m,"aria-level":u.depth,children:e?e(m):m.label??m.value},u.value):null});return(0,B.jsx)(bt.Tree,{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,...(0,It.skdxPart)("tree-select","tree",t.className),ref:l,children:r?d(r):c(n.collection)})});me.displayName="TreeSelectTree";var wt=E(require("react"),1),kt=require("../utils/composeRefs.cjs"),Pt=require("../utils/part.cjs"),Et=require("../utils/popper.cjs"),Q=require("../utils/primitive.cjs");var Ve=require("react/jsx-runtime"),he=wt.forwardRef((e,r)=>{let t=R("TreeSelectTrigger"),l=(0,kt.useComposedRefs)(r,t.triggerRef),n=t.disabled||e.disabled,o=t.open&&!t.hasInput?t.activeValue:null;return(0,Ve.jsx)(Et.PopperAnchor,{asChild:!0,children:(0,Ve.jsx)(Q.Primitive.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,...(0,Pt.skdxPart)("tree-select","trigger",e.className),ref:l,onClick:(0,Q.composeEventHandlers)(e.onClick,()=>t.onOpenChange(!t.open)),onKeyDown:(0,Q.composeEventHandlers)(e.onKeyDown,s=>t.onNavigationKeyDown(s,{typeahead:!0,selectOnSpace:!0}))})})});he.displayName="TreeSelectTrigger";var Nt=E(require("react"),1),Vt=require("../utils/part.cjs"),Mt=require("../utils/primitive.cjs");var Me=require("react/jsx-runtime"),Se=Nt.forwardRef(({placeholder:e,children:r,...t},l)=>{let{value:n,multiple:o,getLabel:s}=R("TreeSelectValue"),c,d=!1;return r!==void 0?c=r:n.length===0?(c=e,d=!0):o?c=n.map(f=>(0,Me.jsx)("span",{"data-chip":"","data-value":f,children:s(f)},f)):c=s(n[0]),(0,Me.jsx)(Mt.Primitive.span,{"data-multiple":o?"":void 0,"data-placeholder":d?"":void 0,...t,...(0,Vt.skdxPart)("tree-select","value",t.className),ref:l,style:{pointerEvents:"none",...t.style},children:c})});Se.displayName="TreeSelectValue";var C=require("react/jsx-runtime"),Dt=({renderNode:e,placeholder:r,emptyMessage:t,ariaLabel:l,passThrough:n})=>{let o=l??r;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(he,{...n,"aria-label":o,children:(0,C.jsx)(Se,{placeholder:r})}),(0,C.jsx)(fe,{children:(0,C.jsxs)(ie,{children:[(0,C.jsx)(ue,{"aria-label":o?`${o} filter`:void 0,placeholder:"Filter\u2026"}),(0,C.jsx)(me,{"aria-label":o,renderLabel:e}),(0,C.jsx)(ce,{children:t})]})})]})};var $=require("react/jsx-runtime");function De(e,r){return(e.label??e.value).toLowerCase().includes(r.trim().toLowerCase())}function Le(e){return`${e} match${e===1?"":"es"} available`}var[zt,R]=(0,Ot.createSafeContext)("TreeSelect"),Nr=new Set;function Oe({children:e,collection:r,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:v,onOpenChangeComplete:D,inputValue:q,defaultInputValue:Z="",onInputValueChange:x,filter:F=De,loadChildren:K,disabled:z=!1,name:_t,form:Wt,readOnly:ye=!1,closeOnSelect:He=!o,getMatchCountLabel:Ae=Le,getValueLabel:Fe,expandOnClick:Yt=!1,renderNode:Jt,placeholder:Qt,emptyMessage:Xt="No matches","aria-label":Zt,...jt}){let Re=i.useRef(null),j=i.useRef(null),er=i.useRef(null),[tr,rr]=i.useState(!1),[b,ee]=i.useState(null),[k,nr]=i.useState(null),Ke=i.useId(),ar=i.useId(),ze=(0,ge.useDirection)(),[G=[],Be]=(0,X.useControllableState)({prop:t,defaultProp:l??[],onChange:n}),[ve=[],$e]=(0,X.useControllableState)({prop:d,defaultProp:f??[],onChange:u}),[g=!1,P]=(0,X.useControllableState)({prop:m,defaultProp:h,onChange:v});(0,Kt.useOpenChangeComplete)(g,j,D);let[te="",or]=(0,X.useControllableState)({prop:q,defaultProp:Z,onChange:x}),{index:T,order:N}=i.useMemo(()=>Ye(r),[r]),V=o?s:"independent",lr=V!=="independent",re=i.useMemo(()=>Xe(G,T,N,V),[G,T,N,V]),ne=te.trim()!=="",{visible:U,autoExpanded:xe,matchCount:qe}=i.useMemo(()=>ne?et(T,N,a=>F(a,te)):{visible:null,autoExpanded:Nr,matchCount:N.length},[ne,T,N,F,te]),_=i.useMemo(()=>{if(xe.size===0)return ve;let a=new Set(ve);for(let S of xe)a.add(S);return[...a]},[ve,xe]),W=i.useMemo(()=>new Set(_),[_]),sr=i.useCallback(a=>U===null||U.has(a),[U]),I=i.useMemo(()=>tt(r,T,U,W),[r,T,U,W]),ae=i.useMemo(()=>new Map(I.map(a=>[a.value,a])),[I]),ir=i.useCallback(a=>Pe(a,re,T,V),[re,T,V]),[cr,Ge]=i.useState(()=>new Set),be=i.useRef(new Set),Ue=i.useCallback(a=>{if(!K||be.current.has(a))return;be.current.add(a),Ge(p=>new Set(p).add(a));let S=()=>Ge(p=>{let y=new Set(p);return y.delete(a),y});Promise.resolve(K(a)).then(S,()=>{be.current.delete(a),S()})},[K]),M=i.useCallback((a,S)=>{$e((p=[])=>S?p.includes(a)?p:[...p,a]:p.filter(y=>y!==a)),S&&!ne&&Ue(a)},[$e,ne,Ue]),dr=i.useCallback(a=>{let S=new Set(a),p=a.find(H=>!W.has(H));if(p!==void 0){M(p,!0);return}let y=_.find(H=>!S.has(H));y!==void 0&&M(y,!1)},[W,_,M]),Ce=i.useCallback(a=>{if(z||ye)return;let S=T.get(a);if(!S||S.disabled)return;let p=je(a,re,T,V,o);Be(Ze(p,T,N,Qe(V,c))),He&&(P(!1),Re.current?.focus())},[z,ye,T,re,V,o,N,c,Be,He,P]),[ur,fr]=i.useState(!1),[pr,mr]=i.useState(I),[hr,Sr]=i.useState(k),Ie=i.useMemo(()=>k===null?I:I.filter(a=>k.has(a.value)),[I,k]);if(g!==ur||I!==pr||k!==hr){if(fr(g),mr(I),Sr(k),!g)ee(null);else if(b===null||ae.get(b)?.disabled!==!1||k!==null&&!k.has(b)){let a=Ie.filter(p=>!p.disabled),S=a.find(p=>G.includes(p.value));ee(S?.value??a[0]?.value??null)}}i.useEffect(()=>{g&&(0,At.announce)(Ae(qe))},[g,qe,Ae]);let gr=i.useCallback(a=>`${Ke}item-${a}`,[Ke]),Tr=i.useCallback(a=>T.get(a)?.node.label??Fe?.(a)??a,[T,Fe]),w=i.useMemo(()=>Ie.filter(a=>!a.disabled),[Ie]),oe=i.useRef(w);i.useEffect(()=>{oe.current=w});let _e=(0,Te.useTypeahead)(i.useCallback(()=>oe.current.map(a=>T.get(a.value)?.node.label??a.value),[T])),L=i.useCallback(a=>{ee(a);let S=j.current?.querySelectorAll('[role="treeitem"][data-value]');for(let p of S??[])if(p.getAttribute("data-value")===a){p.scrollIntoView?.({block:"nearest"});return}},[]),O=i.useCallback(a=>{if(w.length===0)return;if(a==="first"){L(w[0].value);return}if(a==="last"){L(w[w.length-1].value);return}let S=w.findIndex(p=>p.value===b);L(w[(0,Lt.clamp)(S+a,0,w.length-1)].value)},[w,b,L]),yr=i.useCallback((a,S)=>{if(z)return;let p=(0,ge.directionalKey)(a.key,a.currentTarget,ze),y=b===null?void 0:ae.get(b);if(a.key==="Escape"){if(!g||j.current)return;a.preventDefault(),P(!1),Re.current?.focus();return}if(a.key==="Tab"){g&&P(!1);return}if(p==="ArrowDown"){a.preventDefault(),g?O(1):(P(!0),O("first"));return}if(p==="ArrowUp"){a.preventDefault(),g?O(-1):(P(!0),O("last"));return}if(p==="ArrowRight"){if(!g)return;a.preventDefault(),y?.hasChildren&&!y.expanded?M(y.value,!0):O(1);return}if(p==="ArrowLeft"){if(!g)return;a.preventDefault(),y?.hasChildren&&y.expanded?M(y.value,!1):y?.parent&&L(y.parent);return}if(a.key==="Home"||a.key==="End"){if(!g)return;a.preventDefault(),O(a.key==="Home"?"first":"last");return}if(a.key==="*"){if(!g)return;a.preventDefault();let H=y?.parent??null;for(let A of I)A.parent===H&&A.hasChildren&&!A.expanded&&M(A.value,!0);return}if(a.key==="Enter"||a.key===" "&&S.selectOnSpace){if(a.preventDefault(),!g){P(!0);return}b!==null&&Ce(b);return}if(S.typeahead&&g&&(0,Te.isTypeaheadKey)(a)){a.preventDefault();let H=oe.current.findIndex(Rr=>Rr.value===b),A=_e(a.key,H);A!==-1&&L(oe.current[A].value)}},[z,ze,b,I,ae,g,P,O,L,M,Ce,_e]);return(0,$.jsx)(Ft.PopperRoot,{children:(0,$.jsxs)(zt,{collection:r,index:T,order:N,value:G,multiple:o,cascade:lr,disabled:z,readOnly:ye,checkStateOf:ir,commit:Ce,open:g,onOpenChange:P,expandedIds:_,expanded:W,setExpanded:M,loadingValues:cr,onTreeExpandedIdsChange:dr,expandOnClick:Yt,isVisible:sr,flat:I,flatMap:ae,activeValue:b,setActiveValue:ee,itemId:gr,treeId:ar,triggerRef:Re,contentRef:j,inputRef:er,hasInput:tr,setHasInput:rr,inputValue:te,onInputValueChange:or,getLabel:Tr,onNavigationKeyDown:yr,visibleRowValues:k,setVisibleRowValues:nr,children:[e??(0,$.jsx)(Dt,{renderNode:Jt,placeholder:Qt,emptyMessage:Xt,ariaLabel:Zt,passThrough:jt}),(0,$.jsx)(Ht.MirroredValues,{name:_t,values:G,disabled:z,form:Wt})]})})}Oe.displayName="TreeSelect";var Bt=E(require("react"),1),$t=require("../utils/part.cjs"),qt=require("../utils/primitive.cjs");var Ut=require("react/jsx-runtime"),Gt=Bt.forwardRef(({forceMount:e,...r},t)=>{let l=Ne("TreeSelectItemIndicator"),{checkState:n}=l;return e||n!==!1?(0,Ut.jsx)(qt.Primitive.span,{"aria-hidden":!0,"data-state":n==="mixed"?"indeterminate":n?"checked":"unchecked",...r,...(0,$t.skdxPart)("tree-select","item-indicator",r.className),ref:t}):null});Gt.displayName="TreeSelectItemIndicator";0&&(module.exports={TreeSelect,TreeSelectContent,TreeSelectEmpty,TreeSelectInput,TreeSelectItem,TreeSelectItemIndicator,TreeSelectItemProvider,TreeSelectPortal,TreeSelectProvider,TreeSelectTree,TreeSelectTrigger,TreeSelectValue,defaultGetMatchCountLabel,defaultTreeSelectFilter,useTreeSelectContext,useTreeSelectItemContext});

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

@@ -29,10 +29,16 @@ export declare const TreeSelectProvider: {
  * ancestors of a filter match visible — all have to be correct for branches
  * that are collapsed, and a collapsed branch is not in the DOM.
  *
- * Works controlled (`value` + `onValueChange`, `expandedValue` +
+ * `loadChildren` covers the collection that is *not* all in memory: mark a
+ * branch with `hasChildren` and it is expandable with nothing under it,
+ * `aria-busy` while its children are fetched. It deliberately does not run
+ * while filtering — the filter cannot match what has not arrived, and the
+ * branches it opens were opened by the filter rather than by the user.
+ *
+ * Works controlled (`value` + `onValueChange`, `expandedIds` +
  * `onExpandedChange`, `open` + `onOpenChange`, `inputValue` +
  * `onInputValueChange`) or uncontrolled (`defaultValue`,
- * `defaultExpandedValue`, `defaultOpen`, `defaultInputValue`).
+ * `defaultExpandedIds`, `defaultOpen`, `defaultInputValue`).
  *
  * @example
  * ```tsx
@@ -54,7 +60,7 @@ export declare const TreeSelectProvider: {
  * </TreeSelect>
  * ```
  */
-export declare function TreeSelect({ children, collection, value: valueProp, defaultValue, onValueChange, multiple, checkStrategy, valueStrategy, expandedValue: expandedProp, defaultExpandedValue, onExpandedChange, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, inputValue: inputValueProp, defaultInputValue, onInputValueChange, filter, disabled, readOnly, closeOnSelect, getMatchCountLabel, }: TreeSelectProps): React.JSX.Element;
+export declare function TreeSelect({ children, collection, value: valueProp, defaultValue, onValueChange, multiple, checkStrategy, valueStrategy, expandedIds: expandedProp, defaultExpandedIds, onExpandedChange, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, inputValue: inputValueProp, defaultInputValue, onInputValueChange, filter, loadChildren, disabled, name, form, readOnly, closeOnSelect, getMatchCountLabel, getValueLabel, expandOnClick, renderNode, placeholder, emptyMessage, 'aria-label': ariaLabel, ...rest }: TreeSelectProps): React.JSX.Element;
 export declare namespace TreeSelect {
     var displayName: string;
 }

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

@@ -29,10 +29,16 @@ export declare const TreeSelectProvider: {
  * ancestors of a filter match visible — all have to be correct for branches
  * that are collapsed, and a collapsed branch is not in the DOM.
  *
- * Works controlled (`value` + `onValueChange`, `expandedValue` +
+ * `loadChildren` covers the collection that is *not* all in memory: mark a
+ * branch with `hasChildren` and it is expandable with nothing under it,
+ * `aria-busy` while its children are fetched. It deliberately does not run
+ * while filtering — the filter cannot match what has not arrived, and the
+ * branches it opens were opened by the filter rather than by the user.
+ *
+ * Works controlled (`value` + `onValueChange`, `expandedIds` +
  * `onExpandedChange`, `open` + `onOpenChange`, `inputValue` +
  * `onInputValueChange`) or uncontrolled (`defaultValue`,
- * `defaultExpandedValue`, `defaultOpen`, `defaultInputValue`).
+ * `defaultExpandedIds`, `defaultOpen`, `defaultInputValue`).
  *
  * @example
  * ```tsx
@@ -54,7 +60,7 @@ export declare const TreeSelectProvider: {
  * </TreeSelect>
  * ```
  */
-export declare function TreeSelect({ children, collection, value: valueProp, defaultValue, onValueChange, multiple, checkStrategy, valueStrategy, expandedValue: expandedProp, defaultExpandedValue, onExpandedChange, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, inputValue: inputValueProp, defaultInputValue, onInputValueChange, filter, disabled, readOnly, closeOnSelect, getMatchCountLabel, }: TreeSelectProps): React.JSX.Element;
+export declare function TreeSelect({ children, collection, value: valueProp, defaultValue, onValueChange, multiple, checkStrategy, valueStrategy, expandedIds: expandedProp, defaultExpandedIds, onExpandedChange, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, inputValue: inputValueProp, defaultInputValue, onInputValueChange, filter, loadChildren, disabled, name, form, readOnly, closeOnSelect, getMatchCountLabel, getValueLabel, expandOnClick, renderNode, placeholder, emptyMessage, 'aria-label': ariaLabel, ...rest }: TreeSelectProps): React.JSX.Element;
 export declare namespace TreeSelect {
     var displayName: string;
 }

package/dist/tree-select/TreeSelect.js

@@ -1 +1 @@
-import*as d from"react";import{clamp as it}from"../utils/clamp.js";import{createSafeContext as dt}from"../utils/createContext.js";import{directionalKey as ut,useDirection as ft}from"../utils/direction.js";import{announce as pt}from"../utils/liveAnnouncer.js";import{PopperRoot as mt}from"../utils/popper.js";import{useControllableState as q}from"../utils/useControllableState.js";import{useOpenChangeComplete as St}from"../utils/useOpenChangeComplete.js";import{isTypeaheadKey as Tt,useTypeahead as gt}from"../utils/useTypeahead.js";function fe(e){let o=new Map,t=[],l=(n,r,c,s)=>{for(let i of n){let u=s||i.disabled===!0,f=i.children??[],y={node:i,parent:r,depth:c,childValues:f.map(p=>p.value),descendants:[],leaves:[],disabled:u};if(o.set(i.value,y),t.push(i.value),l(f,i.value,c+1,u),f.length===0)u||y.leaves.push(i.value);else for(let p of f){let x=o.get(p.value);x&&(y.descendants.push(p.value,...x.descendants),y.leaves.push(...x.leaves))}}};return l(e,null,1,!1),{index:o,order:t}}function pe(e,o){let t=[],l=o.get(e)?.parent??null;for(;l!==null;)t.push(l),l=o.get(l)?.parent??null;return t}function _(e,o,t,l){if(!l)return o.has(e);let n=t.get(e);if(!n||n.leaves.length===0)return o.has(e);let r=0;for(let c of n.leaves)o.has(c)&&r++;return r===0?!1:r===n.leaves.length?!0:"mixed"}function me(e,o,t,l){let n=new Set;for(let r of e)o.has(r)&&n.add(r);if(!l)return n;for(let r of[...n]){let c=o.get(r);if(c)for(let s of c.descendants)o.get(s)?.disabled||n.add(s)}for(let r of t){let c=o.get(r);c&&(c.leaves.length===0||c.childValues.length===0||(c.leaves.every(s=>n.has(s))?n.add(r):n.delete(r)))}return n}function Se(e,o,t,l){let n=t.filter(r=>e.has(r));return l==="all"?n:l==="leaf"?n.filter(r=>o.get(r)?.childValues.length===0):n.filter(r=>{let c=o.get(r)?.parent??null;return c===null||!e.has(c)})}function Te(e,o,t,l,n){if(!n)return new Set([e]);let r=new Set(o),c=t.get(e);if(!l||!c)return r.has(e)?r.delete(e):r.add(e),r;let s=_(e,o,t,!0)!==!0;for(let i of[e,...c.descendants])t.get(i)?.disabled||(s?r.add(i):r.delete(i));for(let i of pe(e,t)){let u=t.get(i);u&&(u.leaves.length>0&&u.leaves.every(f=>r.has(f))?r.add(i):r.delete(i))}return r}function ge(e,o,t){let l=new Set,n=new Set,r=0;for(let c of o){let s=e.get(c);if(s&&t(s.node)){r++,l.add(c);for(let i of pe(c,e))l.add(i),n.add(i);for(let i of s.descendants)l.add(i)}}return{visible:l,autoExpanded:n,matchCount:r}}function he(e,o,t,l){let n=[],r=s=>t===null||t.has(s.value),c=(s,i)=>{let u=s.filter(r);u.forEach((f,y)=>{let p=o.get(f.value);if(!p)return;let x=(f.children??[]).filter(r),w=l.has(f.value);n.push({value:f.value,parent:i,depth:p.depth,disabled:p.disabled,hasChildren:x.length>0,expanded:w,posinset:y+1,setsize:u.length}),x.length>0&&w&&c(x,f.value)})};return c(e,null),n}import{jsx as ye}from"react/jsx-runtime";function xe(e,o){return(e.label??e.value).toLowerCase().includes(o.trim().toLowerCase())}function ve(e){return`${e} match${e===1?"":"es"} available`}var[ht,g]=dt("TreeSelect"),yt=new Set;function Re({children:e,collection:o,value:t,defaultValue:l,onValueChange:n,multiple:r=!1,checkStrategy:c="cascade",valueStrategy:s="all",expandedValue:i,defaultExpandedValue:u,onExpandedChange:f,open:y,defaultOpen:p=!1,onOpenChange:x,onOpenChangeComplete:w,inputValue:O,defaultInputValue:h="",onInputValueChange:_e,filter:re=xe,disabled:H=!1,readOnly:J=!1,closeOnSelect:ne=!r,getMatchCountLabel:ae=ve}){let Q=d.useRef(null),X=d.useRef(null),qe=d.useRef(null),[Ue,We]=d.useState(!1),[I,N]=d.useState(null),oe=d.useId(),Ye=d.useId(),Je=d.useId(),le=ft(),[Z=[],se]=q({prop:t,defaultProp:l??[],onChange:n}),[j=[],ce]=q({prop:i,defaultProp:u??[],onChange:f}),[S=!1,E]=q({prop:y,defaultProp:p,onChange:x});St(S,X,w);let[z="",Qe]=q({prop:O,defaultProp:h,onChange:_e}),{index:m,order:b}=d.useMemo(()=>fe(o),[o]),C=r&&c==="cascade",D=d.useMemo(()=>me(Z,m,b,C),[Z,m,b,C]),G=z.trim()!=="",{visible:L,autoExpanded:ee,matchCount:ie}=d.useMemo(()=>G?ge(m,b,a=>re(a,z)):{visible:null,autoExpanded:yt,matchCount:b.length},[G,m,b,re,z]),F=d.useMemo(()=>{if(ee.size===0)return j;let a=new Set(j);for(let v of ee)a.add(v);return[...a]},[j,ee]),K=d.useMemo(()=>new Set(F),[F]),Xe=d.useCallback(a=>L===null||L.has(a),[L]),k=d.useMemo(()=>he(o,m,L,K),[o,m,L,K]),$=d.useMemo(()=>new Map(k.map(a=>[a.value,a])),[k]),Ze=d.useCallback(a=>_(a,D,m,C),[D,m,C]),je=d.useMemo(()=>b.filter(a=>_(a,D,m,C)===!0),[b,D,m,C]),V=d.useCallback((a,v)=>{ce((T=[])=>v?T.includes(a)?T:[...T,a]:T.filter(R=>R!==a))},[ce]),et=d.useCallback(a=>{let v=new Set(a),T=a.find(A=>!K.has(A));if(T!==void 0){V(T,!0);return}let R=F.find(A=>!v.has(A));R!==void 0&&V(R,!1)},[K,F,V]),te=d.useCallback(a=>{if(H||J)return;let v=m.get(a);if(!v||v.disabled)return;let T=Te(a,D,m,C,r);se(Se(T,m,b,C?s:"all")),ne&&(E(!1),Q.current?.focus())},[H,J,m,D,C,r,b,s,se,ne,E]),[tt,rt]=d.useState(!1),[nt,at]=d.useState(k);(S!==tt||k!==nt)&&(rt(S),at(k),S?(I===null||$.get(I)?.disabled!==!1)&&N(k.find(a=>!a.disabled)?.value??null):N(null)),d.useEffect(()=>{!S||!G||pt(ae(ie))},[S,G,ie,ae]);let ot=d.useCallback(a=>`${oe}item-${a}`,[oe]),lt=d.useCallback(a=>m.get(a)?.node.label??a,[m]),P=d.useMemo(()=>k.filter(a=>!a.disabled),[k]),B=d.useRef(P);d.useEffect(()=>{B.current=P});let de=gt(d.useCallback(()=>B.current.map(a=>m.get(a.value)?.node.label??a.value),[m])),M=d.useCallback(a=>{if(P.length===0)return;if(a==="first"){N(P[0].value);return}if(a==="last"){N(P[P.length-1].value);return}let v=P.findIndex(T=>T.value===I);N(P[it(v+a,0,P.length-1)].value)},[P,I]),st=d.useCallback((a,v)=>{if(H)return;let T=ut(a.key,a.currentTarget,le),R=I===null?void 0:$.get(I);if(a.key==="Escape"){if(!S||X.current)return;a.preventDefault(),E(!1),Q.current?.focus();return}if(a.key==="Tab"){S&&E(!1);return}if(T==="ArrowDown"){a.preventDefault(),S?M(1):(E(!0),M("first"));return}if(T==="ArrowUp"){a.preventDefault(),S?M(-1):(E(!0),M("last"));return}if(T==="ArrowRight"){if(!S)return;a.preventDefault(),R?.hasChildren&&!R.expanded?V(R.value,!0):M(1);return}if(T==="ArrowLeft"){if(!S)return;a.preventDefault(),R?.hasChildren&&R.expanded?V(R.value,!1):R?.parent&&N(R.parent);return}if(a.key==="Home"||a.key==="End"){if(!S)return;a.preventDefault(),M(a.key==="Home"?"first":"last");return}if(a.key==="Enter"||a.key===" "&&v.selectOnSpace){if(a.preventDefault(),!S){E(!0);return}I!==null&&te(I);return}if(v.typeahead&&S&&Tt(a)){a.preventDefault();let A=B.current.findIndex(ct=>ct.value===I),ue=de(a.key,A);ue!==-1&&N(B.current[ue].value)}},[H,le,I,$,S,E,M,V,te,de]);return ye(mt,{children:ye(ht,{collection:o,index:m,order:b,value:Z,multiple:r,cascade:C,disabled:H,readOnly:J,checkStateOf:Ze,commit:te,open:S,onOpenChange:E,expandedIds:F,expanded:K,setExpanded:V,onTreeExpandedIdsChange:et,selectedIds:je,isVisible:Xe,flat:k,flatMap:$,activeValue:I,setActiveValue:N,itemId:ot,treeId:Ye,contentId:Je,triggerRef:Q,contentRef:X,inputRef:qe,hasInput:Ue,setHasInput:We,inputValue:z,onInputValueChange:Qe,getLabel:lt,onNavigationKeyDown:st,children:e})})}Re.displayName="TreeSelect";import*as Ce from"react";import{useComposedRefs as xt}from"../utils/composeRefs.js";import{skdxPart as vt}from"../utils/part.js";import{PopperAnchor as Rt}from"../utils/popper.js";import{composeEventHandlers as Ie,Primitive as It}from"../utils/primitive.js";import{jsx as be}from"react/jsx-runtime";var Pe=Ce.forwardRef((e,o)=>{let t=g("TreeSelectTrigger"),l=xt(o,t.triggerRef),n=t.disabled||e.disabled,r=t.open&&!t.hasInput?t.activeValue:null;return be(Rt,{asChild:!0,children:be(It.button,{type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":t.open,"aria-controls":t.treeId,"aria-activedescendant":r===null?void 0:t.itemId(r),"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,...vt("tree-select","trigger",e.className),ref:l,onClick:Ie(e.onClick,()=>t.onOpenChange(!t.open)),onKeyDown:Ie(e.onKeyDown,c=>t.onNavigationKeyDown(c,{typeahead:!0,selectOnSpace:!0}))})})});Pe.displayName="TreeSelectTrigger";import*as ke from"react";import{skdxPart as bt}from"../utils/part.js";import{Primitive as Ct}from"../utils/primitive.js";import{jsx as Ee}from"react/jsx-runtime";var Ne=ke.forwardRef(({placeholder:e,children:o,...t},l)=>{let{value:n,multiple:r,getLabel:c}=g("TreeSelectValue"),s,i=!1;return o!==void 0?s=o:n.length===0?(s=e,i=!0):r?s=n.map(u=>Ee("span",{"data-chip":"","data-value":u,children:c(u)},u)):s=c(n[0]),Ee(Ct.span,{"data-multiple":r?"":void 0,"data-placeholder":i?"":void 0,...t,...bt("tree-select","value",t.className),ref:l,style:{pointerEvents:"none",...t.style},children:s})});Ne.displayName="TreeSelectValue";import{Portal as Pt}from"../utils/portal.js";import{jsx as Et}from"react/jsx-runtime";var we=({forceMount:e,children:o,...t})=>{let l=g("TreeSelectPortal");return e||l.open?Et(Pt,{...t,children:o}):null};we.displayName="TreeSelectPortal";import*as U from"react";import{useComposedRefs as kt}from"../utils/composeRefs.js";import{skdxPart as Nt}from"../utils/part.js";import{PopperContent as wt}from"../utils/popper.js";import{composeEventHandlers as Vt}from"../utils/primitive.js";import{useDismiss as Mt}from"../utils/useDismiss.js";import{jsx as Dt}from"react/jsx-runtime";var Ve=U.forwardRef(({forceMount:e,side:o="bottom",align:t="start",sideOffset:l=4,onEscapeKeyDown:n,onPointerDownOutside:r,onFocusOutside:c,onInteractOutside:s,...i},u)=>{let f=g("TreeSelectContent"),y=kt(u,f.contentRef),{open:p,onOpenChange:x,triggerRef:w,inputRef:O}=f;return Mt({enabled:p,onEscapeKeyDown:h=>{n?.(h),!h.defaultPrevented&&(x(!1),w.current?.focus())},onInteractOutside:s,onPointerDownOutside:h=>{r?.(h),h.defaultPrevented||x(!1)},onFocusOutside:h=>{c?.(h),h.defaultPrevented||x(!1)}},[f.contentRef,w]),U.useEffect(()=>{if(!p)return;let h=requestAnimationFrame(()=>O.current?.focus());return()=>cancelAnimationFrame(h)},[p,O]),e||p?Dt(wt,{component:"tree-select",id:f.contentId,"data-state":p?"open":"closed","data-multiple":f.multiple?"":void 0,side:o,align:t,sideOffset:l,...i,...Nt("tree-select","content",i.className),ref:y,onMouseDown:Vt(i.onMouseDown,h=>{h.target!==O.current&&h.preventDefault()})}):null});Ve.displayName="TreeSelectContent";import*as Le from"react";import{Tree as zt}from"../tree/Tree.js";import{TreeGroup as Gt}from"../tree/Tree.js";import{skdxPart as $t}from"../utils/part.js";import*as De from"react";import{TreeItem as Ot}from"../tree/Tree.js";import{createSafeContext as Ht}from"../utils/createContext.js";import{skdxPart as Lt}from"../utils/part.js";import{composeEventHandlers as Ft}from"../utils/primitive.js";import{jsx as Me}from"react/jsx-runtime";var[Kt,Oe]=Ht("TreeSelectItem");function At(e){return e.target.closest('[role="treeitem"]')!==e.currentTarget}var W=De.forwardRef(({node:e,children:o,...t},l)=>{let n=g("TreeSelectItem"),r=n.index.get(e.value),c=n.flatMap.get(e.value),s=n.checkStateOf(e.value),i=r?.disabled??e.disabled??!1,u=n.expanded.has(e.value),f=c?.hasChildren??!1,y=n.activeValue===e.value;return Me(Kt,{value:e.value,checkState:s,disabled:i,expanded:u,hasChildren:f,active:y,children:Me(Ot,{nodeId:e.value,disabled:i,id:n.itemId(e.value),"data-value":e.value,"data-highlighted":y?"":void 0,"aria-checked":n.multiple?s==="mixed"?"mixed":s:void 0,"data-checked":s==="mixed"?"indeterminate":s?"checked":"unchecked","aria-posinset":c?.posinset,"aria-setsize":c?.setsize,tabIndex:-1,...t,...Lt("tree-select","item",t.className),ref:l,onClick:Ft(t.onClick,p=>{At(p)||(p.preventDefault(),!i&&(n.setActiveValue(e.value),n.commit(e.value)))}),children:o})})});W.displayName="TreeSelectItem";import{jsx as He,jsxs as Bt}from"react/jsx-runtime";var Fe=Le.forwardRef(({renderLabel:e,...o},t)=>{let l=g("TreeSelectTree"),{isVisible:n}=l,r=c=>c.filter(s=>n(s.value)).map(s=>{let i=(s.children??[]).filter(u=>n(u.value));return Bt(W,{node:s,children:[e?e(s):s.label??s.value,i.length>0?He(Gt,{children:r(i)}):null]},s.value)});return He(zt,{id:l.treeId,selectionMode:l.multiple?"multiple":"single","aria-readonly":l.readOnly||void 0,expandedIds:l.expandedIds,onExpandedIdsChange:l.onTreeExpandedIdsChange,selectedIds:l.selectedIds,...o,...$t("tree-select","tree",o.className),ref:t,children:r(l.collection)})});Fe.displayName="TreeSelectTree";import*as Ke from"react";import{skdxPart as _t}from"../utils/part.js";import{Primitive as qt}from"../utils/primitive.js";import{jsx as Ut}from"react/jsx-runtime";var Ae=Ke.forwardRef(({forceMount:e,...o},t)=>{let l=Oe("TreeSelectItemIndicator"),{checkState:n}=l;return e||n!==!1?Ut(qt.span,{"aria-hidden":!0,"data-state":n==="mixed"?"indeterminate":n?"checked":"unchecked",...o,..._t("tree-select","item-indicator",o.className),ref:t}):null});Ae.displayName="TreeSelectItemIndicator";import*as ze from"react";import{skdxPart as Wt}from"../utils/part.js";import{Primitive as Yt}from"../utils/primitive.js";import{jsx as Jt}from"react/jsx-runtime";var Ge=ze.forwardRef((e,o)=>g("TreeSelectEmpty").flat.length===0?Jt(Yt.div,{role:"presentation",...e,...Wt("tree-select","empty",e.className),ref:o}):null);Ge.displayName="TreeSelectEmpty";import*as Y from"react";import{useComposedRefs as Qt}from"../utils/composeRefs.js";import{skdxPart as Xt}from"../utils/part.js";import{composeEventHandlers as $e,Primitive as Zt}from"../utils/primitive.js";import{jsx as jt}from"react/jsx-runtime";var Be=Y.forwardRef((e,o)=>{let t=g("TreeSelectInput"),l=Qt(o,t.inputRef),{setHasInput:n}=t;return Y.useEffect(()=>(n(!0),()=>n(!1)),[n]),jt(Zt.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,...Xt("tree-select","input",e.className),ref:l,value:t.inputValue,onChange:$e(e.onChange,r=>t.onInputValueChange(r.target.value)),onKeyDown:$e(e.onKeyDown,r=>t.onNavigationKeyDown(r,{typeahead:!1,selectOnSpace:!1}))})});Be.displayName="TreeSelectInput";export{Re as TreeSelect,Ve as TreeSelectContent,Ge as TreeSelectEmpty,Be as TreeSelectInput,W as TreeSelectItem,Ae as TreeSelectItemIndicator,we as TreeSelectPortal,Fe as TreeSelectTree,Pe as TreeSelectTrigger,Ne as TreeSelectValue,ve as defaultGetMatchCountLabel,xe as defaultTreeSelectFilter};
+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};

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

@@ -0,0 +1,19 @@
+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;
+    emptyMessage: string;
+    ariaLabel?: string;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

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

@@ -0,0 +1,19 @@
+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;
+    emptyMessage: string;
+    ariaLabel?: string;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

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

@@ -1,26 +1,10 @@
 import * as React from 'react';
 import type { TreeSelectContentProps } from './types.cjs';
 /**
- * The popup panel for a {@link TreeSelect}, positioned relative to the trigger
- * via floating-ui (see {@link TreeSelectContentProps}). Renders a plain
- * `<div>` — the tree role lives on `TreeSelectTree` inside it, so the panel
- * can also hold a `TreeSelectInput` and a `TreeSelectEmpty` without lying
- * about its contents. Carries `data-state` and `data-side`/`data-align` from
- * the popper, and exposes the popper's measurement custom properties under
- * `--skdx-tree-select-*`.
- *
- * On open it moves real DOM focus to `TreeSelectInput` if one is mounted, and
- * otherwise leaves it on the trigger — either way focus never enters the tree,
- * which is navigated through `aria-activedescendant`. `mousedown` inside the
- * panel is prevented (except on the input) so clicking a node cannot steal
- * focus away from whichever element is holding it.
- *
- * Closes on Escape (returning focus to the trigger) or on an outside
- * interaction — pointer-down outside or focus moving outside, each reported to
- * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
- * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)
- * calling `event.preventDefault()` keeps it open. Unmounts when closed unless
- * `forceMount` is set.
+ * 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.
  *
  * @example
  * ```tsx

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

@@ -1,26 +1,10 @@
 import * as React from 'react';
 import type { TreeSelectContentProps } from './types.js';
 /**
- * The popup panel for a {@link TreeSelect}, positioned relative to the trigger
- * via floating-ui (see {@link TreeSelectContentProps}). Renders a plain
- * `<div>` — the tree role lives on `TreeSelectTree` inside it, so the panel
- * can also hold a `TreeSelectInput` and a `TreeSelectEmpty` without lying
- * about its contents. Carries `data-state` and `data-side`/`data-align` from
- * the popper, and exposes the popper's measurement custom properties under
- * `--skdx-tree-select-*`.
- *
- * On open it moves real DOM focus to `TreeSelectInput` if one is mounted, and
- * otherwise leaves it on the trigger — either way focus never enters the tree,
- * which is navigated through `aria-activedescendant`. `mousedown` inside the
- * panel is prevented (except on the input) so clicking a node cannot steal
- * focus away from whichever element is holding it.
- *
- * Closes on Escape (returning focus to the trigger) or on an outside
- * interaction — pointer-down outside or focus moving outside, each reported to
- * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
- * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)
- * calling `event.preventDefault()` keeps it open. Unmounts when closed unless
- * `forceMount` is set.
+ * 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.
  *
  * @example
  * ```tsx