@skdx/react 0.27.0 → 0.29.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,19 @@ 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;
+    /** 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 +56,168 @@ export interface TreeItemContextValue {
     /** Whether this node's `loadChildren` call is still pending. */
     loading: boolean;
 }
-/** Props for the {@link Tree} root. */
-export interface TreeProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue'> {
+/** 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 | undefined;
+    /**
+     * Excludes node from selection and activation (like `TreeItem`'s `disabled`).
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Declares node as branch with unloaded children (reports `aria-expanded="false"`).
+     * @default undefined — inferred from `children`.
+     */
+    hasChildren?: boolean | undefined;
+    /**
+     * Text typeahead matches against (falls back to rendered text).
+     * @default undefined
+     */
+    textValue?: string | undefined;
+    /**
+     * Child nodes (rendered in collapsible `TreeGroup`).
+     * @default undefined — leaf.
+     */
+    children?: TreeNode[] | undefined;
+}
+export interface TreeProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'ref'> {
+    /**
+     * Hierarchical data the tree renders from (becomes source of truth; `children` ignored).
+     * @default undefined — renders `children`.
+     */
+    collection?: readonly TreeNode[] | undefined;
     /**
-     * `"single"`, `"multiple"`, or `"none"` (not selectable, just expand/collapse).
+     * Renders collection node content (ignored without `collection`).
+     * @default undefined — renders `label ?? nodeId`.
+     */
+    renderLabel?: ((node: TreeNode) => React.ReactNode) | undefined;
+    /**
+     * Selection mode (`'single'`, `'multiple'`, or `'none'` for expand/collapse only).
      * @default 'single'
      */
-    selectionMode?: SelectionMode;
+    selectionMode?: SelectionMode | undefined;
     /**
-     * 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[];
+    expandedIds?: string[] | undefined;
     /**
-     * Initially expanded node ids, for uncontrolled usage.
+     * Initial expanded ids for uncontrolled usage.
      * @default []
      */
-    defaultExpandedIds?: string[];
+    defaultExpandedIds?: string[] | undefined;
     /**
-     * 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;
+    onExpandedIdsChange?: ((ids: string[]) => void) | undefined;
     /**
-     * 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[];
+    selectedIds?: string[] | undefined;
     /**
-     * Initially selected node ids, for uncontrolled usage.
+     * Initial selected ids for uncontrolled usage.
      * @default []
      */
-    defaultSelectedIds?: string[];
+    defaultSelectedIds?: string[] | undefined;
+    /**
+     * Fires with new selected ids on selection change.
+     * @default undefined — no-op.
+     */
+    onSelectedIdsChange?: ((ids: string[]) => void) | undefined;
+    /**
+     * Checked ids for controlled usage (second axis from `selectedIds`); pair with `onCheckedIdsChange`.
+     * @default undefined — uncontrolled; `aria-checked` derives from `selectedIds`.
+     */
+    checkedIds?: string[] | undefined;
     /**
-     * Fires with the new set of selected ids whenever selection changes, controlled or not.
-     * @default undefined — no-op if omitted.
+     * Initial checked ids for uncontrolled usage (gives tree own checked axis).
+     * @default undefined — no checked axis.
      */
-    onSelectedIdsChange?: (ids: string[]) => void;
+    defaultCheckedIds?: string[] | undefined;
     /**
-     * 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.
+     * Fires with new checked ids on check/uncheck.
+     * @default undefined — no-op.
+     */
+    onCheckedIdsChange?: ((ids: string[]) => void) | undefined;
+    /**
+     * Tri-state checkbox tree with selection propagation (toggle node selects/deselects subtree).
      * @default 'none'
      */
-    selectionPropagation?: TreeSelectionPropagation;
+    selectionPropagation?: TreeSelectionPropagation | undefined;
     /**
-     * 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>;
+    loadChildren?: ((nodeId: string) => void | Promise<void>) | undefined;
     /**
-     * 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;
+    getLoadedLabel?: ((nodeId: string) => string) | undefined;
+    /**
+     * Fires when `loadChildren` rejects (swallowed silently if not fired).
+     * @default undefined — no-op.
+     */
+    onLoadError?: ((detail: TreeLoadErrorDetail) => void) | undefined;
+    /**
+     * Fires on Enter or click (not Space).
+     * @default undefined — no-op.
+     */
+    onActivate?: ((nodeId: string) => void) | undefined;
+    /**
+     * What node's `disabled` takes away (see {@link TreeDisabledBehavior}}).
+     * @default 'all'
+     */
+    disabledBehavior?: TreeDisabledBehavior | undefined;
+    /**
+     * Whether branch clicks toggle expansion and selection.
+     * @default true
+     */
+    expandOnClick?: boolean | undefined;
 }
+/** 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;
+    disabled?: boolean | undefined;
+    /**
+     * Typeahead text (published as `data-text-value`; falls back to rendered text).
+     * @default undefined
+     */
+    textValue?: string | undefined;
+    /**
+     * Declares node as branch, overriding `TreeGroup` scan (true makes it expandable before group mounts).
+     * @default undefined — inferred from `TreeGroup`.
+     */
+    hasChildren?: boolean | undefined;
 }
-/** 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;
+    forceMount?: boolean | undefined;
 }
-/** 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,2 @@
-"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({preventScroll:!0}));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 client';
+"use strict";var nn=Object.create;var G=Object.defineProperty;var rn=Object.getOwnPropertyDescriptor;var an=Object.getOwnPropertyNames;var ln=Object.getPrototypeOf,on=Object.prototype.hasOwnProperty;var sn=(e,t)=>{for(var n in t)G(e,n,{get:t[n],enumerable:!0})},Ve=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of an(t))!on.call(e,a)&&a!==n&&G(e,a,{get:()=>t[a],enumerable:!(r=rn(t,a))||r.enumerable});return e};var J=(e,t,n)=>(n=e!=null?nn(ln(e)):{},Ve(t||!e||!e.__esModule?G(n,"default",{value:e,enumerable:!0}):n,e)),cn=e=>Ve(G({},"__esModule",{value:!0}),e);var jn={};sn(jn,{TreeSelect:()=>ve,TreeSelectColumns:()=>X,TreeSelectContent:()=>W,TreeSelectEmpty:()=>Y,TreeSelectInput:()=>_,TreeSelectItem:()=>z,TreeSelectItemIndicator:()=>wt,TreeSelectItemProvider:()=>ot,TreeSelectPortal:()=>j,TreeSelectProvider:()=>Et,TreeSelectTree:()=>B,TreeSelectTrigger:()=>Z,TreeSelectValue:()=>ee,checkStateAttr:()=>Q,defaultGetMatchCountLabel:()=>ye,defaultTreeSelectFilter:()=>he,useTreeSelectContext:()=>v,useTreeSelectItemContext:()=>ge});module.exports=cn(jn);var d=J(require("react"),1),ht=require("../utils/clamp.cjs"),yt=require("../utils/createContext.cjs"),te=require("../utils/direction.cjs"),vt=require("../utils/hiddenInput.cjs"),bt=require("../utils/liveAnnouncer.cjs"),Rt=require("../utils/popper.cjs"),Ct=require("../utils/recipeAxis.cjs"),K=require("../utils/tree-columns.cjs"),ne=require("../utils/useControllableState.cjs"),xt=require("../utils/useOpenChangeComplete.cjs"),re=require("../utils/useTypeahead.cjs");function Ne(e){let t=new Map,n=[],r=(a,l,o,i)=>{for(let s of a){let u=i||s.disabled===!0,c=s.children??[],f={node:s,parent:l,depth:o,childValues:c.map(m=>m.value),descendants:[],leaves:[],disabled:u};if(t.set(s.value,f),n.push(s.value),r(c,s.value,o+1,u),c.length===0)u||f.leaves.push(s.value);else for(let m of c){let p=t.get(m.value);p&&(f.descendants.push(m.value,...p.descendants),f.leaves.push(...p.leaves))}}};return r(e,null,1,!1),{index:t,order:n}}function we(e,t){let n=[],r=t.get(e)?.parent??null;for(;r!==null;)n.push(r),r=t.get(r)?.parent??null;return n}function de(e){return e==="cascade"||e==="descendants"}function fe(e){return e==="cascade"||e==="ancestors"}function ke(e,t){return t==="leaf"?fe(e)?"leaf":"all":t==="shallowest"?de(e)?"shallowest":"all":t}function pe(e,t,n,r){if(r==="independent")return t.has(e);let a=n.get(e);if(!a||a.leaves.length===0)return t.has(e);let l=0;for(let o of a.leaves)t.has(o)&&l++;return l===a.leaves.length||t.has(e)?!0:l===0?!1:"mixed"}function un(e,t){for(let n of[...e]){let r=t.get(n);if(r)for(let a of r.descendants)t.get(a)?.disabled||e.add(a)}}function dn(e,t,n,r){for(let a of n){let l=t.get(a);l&&(l.leaves.length===0||l.childValues.length===0||(l.leaves.every(o=>e.has(o))?e.add(a):r==="cascade"&&e.delete(a)))}}function Me(e,t,n,r){let a=new Set;for(let l of e)t.has(l)&&a.add(l);return r==="independent"||(de(r)&&un(a,t),fe(r)&&dn(a,t,n,r)),a}function Pe(e,t,n,r){let a=n.filter(l=>e.has(l));return r==="all"?a:r==="leaf"?a.filter(l=>t.get(l)?.childValues.length===0):a.filter(l=>{let o=t.get(l)?.parent??null;return o===null||!e.has(o)})}function fn(e,t,n,r){for(let a of t)n.get(a)?.disabled||(r?e.add(a):e.delete(a))}function pn(e,t,n){for(let r of we(t,n)){let a=n.get(r);a&&(a.leaves.length>0&&a.leaves.every(l=>e.has(l))?e.add(r):e.delete(r))}}function Oe(e,t,n,r,a){if(!a)return t.size===1&&t.has(e)?new Set:new Set([e]);let l=new Set(t),o=n.get(e);if(r==="independent"||!o)return l.has(e)?l.delete(e):l.add(e),l;let i=pe(e,t,n,r)!==!0;return fn(l,de(r)?[e,...o.descendants]:[e],n,i),fe(r)&&pn(l,e,n),l}function Le(e,t,n){let r=new Set,a=new Set,l=0;for(let o of t){let i=e.get(o);if(i&&n(i.node)){l++,r.add(o);for(let s of we(o,e))r.add(s),a.add(s);for(let s of i.descendants)r.add(s)}}return{visible:r,autoExpanded:a,matchCount:l}}function Ke(e,t,n,r){let a=[],l=i=>n===null||n.has(i.value),o=(i,s)=>{let u=i.filter(l);u.forEach((c,f)=>{let m=t.get(c.value);if(!m)return;let p=(c.children??[]).filter(l),g=r.has(c.value);a.push({value:c.value,parent:s,depth:m.depth,disabled:m.disabled,hasChildren:p.length>0||c.hasChildren===!0,expanded:g,posinset:f+1,setsize:u.length}),p.length>0&&g&&o(p,c.value)})};return o(e,null),a}var De=require("../utils/part.cjs"),Ae=require("../utils/primitive.cjs");var He=require("react/jsx-runtime"),X=({ref:e,...t})=>v("TreeSelectColumns").layout!=="columns"?null:(0,He.jsx)(Ae.Primitive.div,{role:"presentation","data-layout":"columns",...t,...(0,De.skdxPart)("tree-select","columns",t.className),ref:e});X.displayName="TreeSelectColumns";var Fe=J(require("react"),1),ze=require("../utils/appearance.cjs"),Be=require("../utils/composeRefs.cjs"),$e=require("../utils/part.cjs"),Ue=require("../utils/popper.cjs"),qe=require("../utils/primitive.cjs"),Ge=require("../utils/useDismiss.cjs");var Je=require("react/jsx-runtime");function mn(e,t){if(!e.contains(t))return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();e.scrollTop+=r.top-n.top-(n.height-r.height)/2}var W=({forceMount:e,side:t="bottom",align:n="start",sideOffset:r=4,onEscapeKeyDown:a,onPointerDownOutside:l,onFocusOutside:o,onInteractOutside:i,ref:s,size:u,...c})=>{let f=v("TreeSelectContent"),m=(0,Be.useComposedRefs)(s,f.contentRef),{open:p,onOpenChange:g,triggerRef:h,inputRef:T}=f;(0,Ge.useDismiss)({enabled:p,onEscapeKeyDown:S=>{a?.(S),!S.defaultPrevented&&(g(!1),h.current?.focus())},onInteractOutside:i,onPointerDownOutside:S=>{l?.(S),S.defaultPrevented||g(!1)},onFocusOutside:S=>{o?.(S),S.defaultPrevented||g(!1)}},[f.contentRef,h]);let{contentRef:y}=f;Fe.useEffect(()=>{if(!p)return;let S=requestAnimationFrame(()=>{T.current?.focus({preventScroll:!0});let E=y.current,x=E?.querySelector('[role="treeitem"][data-highlighted]');E&&x&&mn(E,x)});return()=>cancelAnimationFrame(S)},[p,T,y]);let R=(0,qe.useComposedEventHandlers)(c.onMouseDown,S=>{S.target!==T.current&&S.preventDefault()});return e||p?(0,Je.jsx)(Ue.PopperContent,{component:"tree-select","data-state":p?"open":"closed","data-multiple":f.multiple?"":void 0,"data-layout":f.layout,side:t,align:n,sideOffset:r,...c,...(0,ze.appearanceAttrs)({size:u},c),...(0,$e.skdxPart)("tree-select","content",c.className),ref:m,onMouseDown:R}):null};W.displayName="TreeSelectContent";var Xe=require("../utils/part.cjs"),We=require("../utils/primitive.cjs");var Ye=require("react/jsx-runtime"),Y=({ref:e,...t})=>v("TreeSelectEmpty").flat.length===0?(0,Ye.jsx)(We.Primitive.div,{role:"presentation",...t,...(0,Xe.skdxPart)("tree-select","empty",t.className),ref:e}):null;Y.displayName="TreeSelectEmpty";var _e=J(require("react"),1),je=require("../utils/composeRefs.cjs"),Qe=require("../utils/part.cjs"),F=require("../utils/primitive.cjs");var Ze=require("react/jsx-runtime"),_=({ref:e,...t})=>{let n=v("TreeSelectInput"),r=(0,je.useComposedRefs)(e,n.inputRef),{setHasInput:a}=n;return _e.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,Ze.jsx)(F.Primitive.input,{type:"text",autoComplete:"off","aria-controls":n.activeTreeId,"aria-activedescendant":n.activeValue===null?void 0:n.itemId(n.activeValue),"aria-readonly":n.readOnly?!0:void 0,"data-readonly":n.readOnly?"":void 0,disabled:n.disabled||void 0,...t,...(0,Qe.skdxPart)("tree-select","input",t.className),ref:r,value:n.inputValue,onChange:(0,F.composeEventHandlers)(t.onChange,l=>n.onInputValueChange(l.target.value)),onKeyDown:(0,F.composeEventHandlers)(t.onKeyDown,l=>n.onNavigationKeyDown(l,{typeahead:!1,selectOnSpace:!1}))})};_.displayName="TreeSelectInput";var et=require("../utils/portal.cjs");var tt=require("react/jsx-runtime"),j=({forceMount:e,children:t,...n})=>{let r=v("TreeSelectPortal");return e||r.open?(0,tt.jsx)(et.Portal,{...n,children:t}):null};j.displayName="TreeSelectPortal";var it=J(require("react"),1),st=require("../tree/Tree.cjs"),ct=require("../tree/Tree.cjs"),ut=require("../utils/part.cjs");var nt=require("../tree/Tree.cjs"),rt=require("../utils/createContext.cjs"),at=require("../utils/part.cjs"),lt=require("../utils/primitive.cjs");var me=require("react/jsx-runtime"),[ot,ge]=(0,rt.createSafeContext)("TreeSelectItem");function gn(e){return e.target.closest('[role="treeitem"]')!==e.currentTarget}function Q(e){return e==="mixed"?"indeterminate":e?"checked":"unchecked"}function Sn(e,t){if(e)return t==="mixed"?"mixed":t}var z=({node:e,children:t,ref:n,...r})=>{let a=v("TreeSelectItem"),l=a.index.get(e.value),o=a.flatMap.get(e.value),i=a.checkStateOf(e.value),s=l?.disabled??e.disabled??!1,u=a.expanded.has(e.value),c=o?.hasChildren??!1,f=a.activeValue===e.value,m=a.loadingValues.has(e.value);return(0,me.jsx)(ot,{value:e.value,checkState:i,disabled:s,expanded:u,hasChildren:c,active:f,children:(0,me.jsx)(nt.TreeItem,{nodeId:e.value,disabled:s,hasChildren:o?.hasChildren,"aria-busy":m||void 0,"data-loading":m?"":void 0,id:a.itemId(e.value),"data-value":e.value,"data-highlighted":f?"":void 0,"aria-checked":Sn(a.multiple,i),"aria-selected":a.multiple?void 0:i===!0,"data-checked":Q(i),"aria-posinset":o?.posinset,"aria-setsize":o?.setsize,tabIndex:-1,...r,...(0,at.skdxPart)("tree-select","item",r.className),ref:n,onClick:(0,lt.composeEventHandlers)(r.onClick,p=>{gn(p)||(p.preventDefault(),!s&&(a.setActiveValue(e.value),a.commit(e.value),a.expandOnClick&&c&&a.setExpanded(e.value,!u)))}),children:t})})};z.displayName="TreeSelectItem";var O=require("react/jsx-runtime"),B=({renderLabel:e,rows:t,ref:n,...r})=>{let a=v("TreeSelectTree"),{isVisible:l,setVisibleRowValues:o}=a;it.useEffect(()=>(o(t?new Set(t.map(u=>u.value)):null),()=>o(null)),[t,o]);let i=u=>u.filter(c=>l(c.value)).map(c=>{let f=(c.children??[]).filter(m=>l(m.value));return(0,O.jsxs)(z,{node:c,children:[e?e(c):c.label??c.value,f.length>0?(0,O.jsx)(ct.TreeGroup,{children:i(f)}):null]},c.value)}),s=u=>u.map(c=>{let f=a.index.get(c.value)?.node;return f?(0,O.jsx)(z,{node:f,"aria-level":c.depth,children:e?e(f):f.label??f.value},c.value):null});return(0,O.jsx)(st.Tree,{id:a.treeId,selectionMode:"none","aria-multiselectable":a.multiple||void 0,"aria-readonly":a.readOnly||void 0,expandedIds:a.expandedIds,onExpandedIdsChange:a.onTreeExpandedIdsChange,expandOnClick:!1,...r,...(0,ut.skdxPart)("tree-select","tree",r.className),ref:n,children:t?s(t):i(a.collection)})};B.displayName="TreeSelectTree";var dt=require("../utils/composeRefs.cjs"),ft=require("../utils/part.cjs"),pt=require("../utils/popper.cjs"),$=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime"),Z=({ref:e,...t})=>{let n=v("TreeSelectTrigger"),r=(0,dt.useComposedRefs)(e,n.triggerRef),a=n.disabled||t.disabled,l=n.open&&!n.hasInput?n.activeValue:null;return(0,Se.jsx)(pt.PopperAnchor,{asChild:!0,children:(0,Se.jsx)($.Primitive.button,{type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":n.open,"aria-controls":n.open?n.activeTreeId:void 0,"aria-activedescendant":l===null?void 0:n.itemId(l),"aria-readonly":n.readOnly?!0:void 0,"data-state":n.open?"open":"closed","data-disabled":a?"":void 0,"data-readonly":n.readOnly?"":void 0,"data-multiple":n.multiple?"":void 0,"data-placeholder":n.value.length===0?"":void 0,disabled:a,...t,...(0,ft.skdxPart)("tree-select","trigger",t.className),ref:r,onClick:(0,$.composeEventHandlers)(t.onClick,()=>n.onOpenChange(!n.open)),onKeyDown:(0,$.composeEventHandlers)(t.onKeyDown,o=>n.onNavigationKeyDown(o,{typeahead:!0,selectOnSpace:!0}))})})};Z.displayName="TreeSelectTrigger";var mt=require("../utils/part.cjs"),gt=require("../utils/primitive.cjs");var Te=require("react/jsx-runtime"),ee=({placeholder:e,children:t,ref:n,...r})=>{let{value:a,multiple:l,getLabel:o}=v("TreeSelectValue"),i,s=!1;return t!==void 0?i=t:a.length===0?(i=e,s=!0):l?i=a.map(u=>(0,Te.jsx)("span",{"data-chip":"","data-value":u,children:o(u)},u)):i=o(a[0]),(0,Te.jsx)(gt.Primitive.span,{"data-multiple":l?"":void 0,"data-placeholder":s?"":void 0,...r,...(0,mt.skdxPart)("tree-select","value",r.className),ref:n,style:{pointerEvents:"none",...r.style},children:i})};ee.displayName="TreeSelectValue";var C=require("react/jsx-runtime");function Tn(e,t,n){return t===null?{"aria-label":n}:e.flatMap.has(t)?{"aria-labelledby":e.itemId(t)}:{"aria-label":e.getLabel(t)}}var St=({size:e,renderNode:t,placeholder:n,emptyMessage:r,ariaLabel:a,passThrough:l})=>{let o=v("TreeSelectAnatomy"),{layout:i}=o,s=a??n;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(Z,{...l,"data-size":void 0,"aria-label":s,children:(0,C.jsx)(ee,{placeholder:n})}),(0,C.jsx)(j,{children:(0,C.jsxs)(W,{size:e,children:[(0,C.jsx)(_,{"aria-label":s?`${s} filter`:void 0}),i==="columns"?(0,C.jsx)(X,{children:o.columns.map((u,c)=>(0,C.jsx)(B,{id:o.columnTreeId(c),rows:u.rows,renderLabel:t,"data-skdx-tree-parent-id":u.parent??void 0,...Tn(o,u.parent,s)},u.parent??""))}):(0,C.jsx)(B,{"aria-label":s,renderLabel:t}),(0,C.jsx)(Y,{children:r})]})})]})};var L=require("react/jsx-runtime");function he(e,t){return(e.label??e.value).toLowerCase().includes(t.trim().toLowerCase())}function ye(e){return`${e} match${e===1?"":"es"} available`}var[Et,v]=(0,yt.createSafeContext)("TreeSelect"),hn=new Set;function yn(e){let{children:t,collection:n,value:r,defaultValue:a,onValueChange:l,multiple:o=!1,checkStrategy:i="cascade",valueStrategy:s="all",expanded:u,defaultExpanded:c,onExpandedChange:f,open:m,defaultOpen:p=!1,onOpenChange:g,onOpenChangeComplete:h,inputValue:T,defaultInputValue:y="",onInputValueChange:R,filter:S=he,loadChildren:E,disabled:x=!1,name:N,form:b,readOnly:M=!1,closeOnSelect:D=!o,getMatchCountLabel:w=ye,getValueLabel:V,expandOnClick:k=!1,layout:ae="tree",renderNode:P,placeholder:A,emptyMessage:U="No matches","aria-label":le,size:I,...H}=e;return{children:t,collection:n,valueProp:r,defaultValue:a,onValueChange:l,multiple:o,checkStrategy:i,valueStrategy:s,expandedProp:u,defaultExpanded:c,onExpandedChange:f,openProp:m,defaultOpen:p,onOpenChange:g,onOpenChangeComplete:h,inputValueProp:T,defaultInputValue:y,onInputValueChange:R,filter:S,loadChildren:E,disabled:x,name:N,form:b,readOnly:M,closeOnSelect:D,getMatchCountLabel:w,getValueLabel:V,expandOnClick:k,layout:ae,renderNode:P,placeholder:A,emptyMessage:U,ariaLabel:le,size:I,rest:H}}function Tt(e,t,n){let[r=[],a]=(0,ne.useControllableState)({prop:e,defaultProp:t??[],onChange:n});return[r,a]}function vn(e,t,n){let[r=!1,a]=(0,ne.useControllableState)({prop:e,defaultProp:t,onChange:n});return[r,a]}function bn(e,t,n){let[r="",a]=(0,ne.useControllableState)({prop:e,defaultProp:t,onChange:n});return[r,a]}function Rn(e,t){let[n,r]=Tt(e.valueProp,e.defaultValue,e.onValueChange),[a,l]=Tt(e.expandedProp,e.defaultExpanded,e.onExpandedChange),[o,i]=vn(e.openProp,e.defaultOpen,e.onOpenChange);(0,xt.useOpenChangeComplete)(o,t,e.onOpenChangeComplete);let[s,u]=bn(e.inputValueProp,e.defaultInputValue,e.onInputValueChange);return{value:n,setValue:r,baseExpanded:a,setBaseExpanded:l,open:o,setOpen:i,inputValue:s,setInputValue:u}}function Cn(e,t,n,r){let{index:a,order:l}=d.useMemo(()=>Ne(e),[e]),o=t?n:"independent",i=o!=="independent",s=d.useMemo(()=>Me(r,a,l,o),[r,a,l,o]);return{index:a,order:l,strategy:o,cascade:i,checked:s}}function xn(e,t,n,r){let a=d.useMemo(()=>Ke(e,t,n,r),[e,t,n,r]),l=d.useMemo(()=>new Map(a.map(o=>[o.value,o])),[a]);return{flat:a,flatMap:l}}function En(e,t,n){let r=d.useCallback(l=>`${e}item-${l}`,[e]),a=d.useCallback(l=>t.get(l)?.node.label??n?.(l)??l,[t,n]);return{itemId:r,getLabel:a}}function In(e){let{index:t,order:n,filter:r,inputValue:a}=e,l=a.trim()!=="",{visible:o,autoExpanded:i,matchCount:s}=d.useMemo(()=>l?Le(t,n,c=>r(c,a)):{visible:null,autoExpanded:hn,matchCount:n.length},[l,t,n,r,a]),u=d.useCallback(c=>o===null||o.has(c),[o]);return{filtering:l,visible:o,autoExpanded:i,matchCount:s,isVisible:u}}function Vn(e){let{collection:t,layout:n,filtering:r,baseExpanded:a}=e,l=n==="columns"&&!r,o=d.useMemo(()=>l?(0,K.treeColumns)(t,a):[],[l,t,a]),i=d.useMemo(()=>o.map((c,f)=>({parent:c.parent,rows:c.nodes.map(m=>({value:m.value,depth:f+1}))})),[o]),s=d.useMemo(()=>o.map(c=>c.parent).filter(c=>c!==null),[o]),u=d.useMemo(()=>l?new Set(o.flatMap(c=>c.nodes.map(f=>f.value))):null,[l,o]);return{columnMode:l,rawColumns:o,columns:i,columnExpandedIds:s,columnRowValues:u}}function Nn(e){let{collection:t,baseExpanded:n,setBaseExpanded:r,autoExpanded:a,filtering:l,startLoad:o,columnMode:i,columnExpandedIds:s}=e,u=d.useMemo(()=>{if(i)return s;if(a.size===0)return n;let p=new Set(n);for(let g of a)p.add(g);return[...p]},[i,s,n,a]),c=d.useMemo(()=>new Set(u),[u]),f=d.useCallback((p,g)=>{let h=i?(0,K.pathTo)(t,p):[];h.length>0?r(g?h:h.slice(0,-1)):r((T=[])=>g?T.includes(p)?T:[...T,p]:T.filter(y=>y!==p)),g&&!l&&o(p)},[i,t,r,l,o]),m=d.useCallback(p=>{let g=new Set(p),h=p.find(y=>!c.has(y));if(h!==void 0){f(h,!0);return}let T=u.find(y=>!g.has(y));T!==void 0&&f(T,!1)},[c,u,f]);return{expandedIds:u,expanded:c,setExpanded:f,onTreeExpandedIdsChange:m}}function wn(e){let[t,n]=d.useState(()=>new Set),r=d.useRef(new Set),a=d.useCallback(l=>{if(!e||r.current.has(l))return;r.current.add(l),n(i=>new Set(i).add(l));let o=()=>n(i=>{let s=new Set(i);return s.delete(l),s});Promise.resolve(e(l)).then(o,()=>{r.current.delete(l),o()})},[e]);return{loadingValues:t,startLoad:a}}function kn(e){let{disabled:t,readOnly:n,index:r,checked:a,strategy:l,multiple:o,order:i,valueStrategy:s,setValue:u,closeOnSelect:c,setOpen:f,triggerRef:m}=e;return d.useCallback(p=>{if(t||n)return;let g=r.get(p);if(!g||g.disabled)return;let h=Oe(p,a,r,l,o);u(Pe(h,r,i,ke(l,s))),c&&(f(!1),m.current?.focus())},[t,n,r,a,l,o,i,s,u,c,f,m])}function Mn(e,t,n){return e===null||t.get(e)?.disabled!==!1?!0:n!==null&&!n.has(e)}function Pn(e){let{open:t,flat:n,visibleRowValues:r,flatMap:a,value:l,navigableFlat:o}=e,[i,s]=d.useState(null),[u,c]=d.useState(!1),[f,m]=d.useState(n),[p,g]=d.useState(r);if(t!==u||n!==f||r!==p){if(c(t),m(n),g(r),!t)s(null);else if(Mn(i,a,r)){let h=o.filter(y=>!y.disabled),T=h.find(y=>l.includes(y.value));s(T?.value??h[0]?.value??null)}}return[i,s]}function On(e,t,n){d.useEffect(()=>{e&&(0,bt.announce)(n(t))},[e,t,n])}function Ln(e){let{navigableFlat:t,index:n,activeValue:r,setActiveValue:a,contentRef:l,columnMode:o}=e,i=d.useMemo(()=>t.filter(m=>!m.disabled),[t]),s=d.useRef(i);d.useEffect(()=>{s.current=i});let u=(0,re.useTypeahead)(d.useCallback(()=>s.current.map(m=>n.get(m.value)?.node.label??m.value),[n])),c=d.useCallback(m=>{a(m);let p=l.current?.querySelectorAll('[role="treeitem"][data-value]');for(let g of p??[])if(g.getAttribute("data-value")===m){g.scrollIntoView?.(o?{block:"nearest",inline:"nearest"}:{block:"nearest"});return}},[a,l,o]),f=d.useCallback(m=>{if(i.length===0)return;if(m==="first"){c(i[0].value);return}if(m==="last"){c(i[i.length-1].value);return}let p=i.findIndex(g=>g.value===r);c(i[(0,ht.clamp)(p+m,0,i.length-1)].value)},[i,r,c]);return{navigable:i,navigableRef:s,matchTypeahead:u,activate:c,move:f}}function It(e,t){return e.get(t)?.childValues.find(r=>e.get(r)?.disabled!==!0)??null}function Kn(e){let{columnMode:t,activeValue:n,expanded:r,loadingValues:a,index:l,activate:o}=e,i=d.useRef(null),s=d.useCallback(u=>{i.current=u},[]);return d.useEffect(()=>{let u=i.current;if(u===null)return;if(!t||u!==n||!r.has(u)){i.current=null;return}if(a.has(u))return;i.current=null;let c=It(l,u);c!==null&&o(c)},[t,n,r,a,l,o]),{awaitColumn:s}}function Dn(e){let{open:t,flat:n,flatMap:r,value:a,index:l,expanded:o,loadingValues:i,columnMode:s,rawColumns:u,columnRowValues:c,visibleRowValues:f,contentRef:m,treeId:p}=e,g=c??f,h=d.useMemo(()=>g===null?n:n.filter(V=>g.has(V.value)),[n,g]),[T,y]=Pn({open:t,flat:n,visibleRowValues:g,flatMap:r,value:a,navigableFlat:h}),R=s?Math.max((0,K.columnIndexOf)(u,T??""),0):0,S=d.useMemo(()=>s?{index:R,parent:u[R]?.parent??null}:null,[s,R,u]),E=d.useMemo(()=>{if(!s)return h;let V=new Set(u[R]?.nodes.map(k=>k.value)??[]);return n.filter(k=>V.has(k.value))},[s,h,u,R,n]),{navigableRef:x,matchTypeahead:N,activate:b,move:M}=Ln({navigableFlat:E,index:l,activeValue:T,setActiveValue:y,contentRef:m,columnMode:s}),{awaitColumn:D}=Kn({columnMode:s,activeValue:T,expanded:o,loadingValues:i,index:l,activate:b}),w=d.useCallback(V=>V===0?p:`${p}c${V}`,[p]);return{activeValue:T,setActiveValue:y,activeColumn:S,activeColumnIndex:R,columnTreeId:w,navigableRef:x,matchTypeahead:N,activate:b,move:M,awaitColumn:D}}function An(e,t){return e.key!=="Escape"?!1:(!t.open||t.contentRef.current||(e.preventDefault(),t.setOpen(!1),t.triggerRef.current?.focus()),!0)}function Hn(e,t){return e.key!=="Tab"?!1:(t.open&&t.setOpen(!1),!0)}function Fn(e,t,n){return n!=="ArrowDown"?!1:(e.preventDefault(),t.open?t.move(1):(t.setOpen(!0),t.move("first")),!0)}function zn(e,t,n){return n!=="ArrowUp"?!1:(e.preventDefault(),t.open?t.move(-1):(t.setOpen(!0),t.move("last")),!0)}function Bn(e,t,n,r){return n!=="ArrowRight"?!1:(t.open&&(e.preventDefault(),r?.hasChildren&&!r.expanded?t.setExpanded(r.value,!0):t.move(1)),!0)}function $n(e,t,n,r){return n!=="ArrowLeft"?!1:(t.open&&(e.preventDefault(),r?.hasChildren&&r.expanded?t.setExpanded(r.value,!1):r?.parent&&t.activate(r.parent)),!0)}function Un(e,t,n){if(n!=="ArrowRight")return!1;if(!t.open)return!0;let r=t.activeValue===null?void 0:t.index.get(t.activeValue);if(!r||!(r.childValues.length>0||r.node.hasChildren===!0))return!0;e.preventDefault(),t.setExpanded(r.node.value,!0);let l=It(t.index,r.node.value);return l!==null?t.activate(l):t.awaitColumn(r.node.value),!0}function qn(e,t,n,r){return n!=="ArrowLeft"?!1:(!t.open||r.index<=0||r.parent===null||(e.preventDefault(),t.setExpanded(r.parent,!1),t.activate(r.parent)),!0)}function Gn(e,t){return e.key!=="Home"&&e.key!=="End"?!1:(t.open&&(e.preventDefault(),t.move(e.key==="Home"?"first":"last")),!0)}function Jn(e,t,n){if(e.key!=="*")return!1;if(!t.open)return!0;e.preventDefault();let r=n?.parent??null;for(let a of t.flat)a.parent===r&&a.hasChildren&&!a.expanded&&t.setExpanded(a.value,!0);return!0}function Xn(e,t,n){return e.key==="Enter"||e.key===" "&&n.selectOnSpace?(e.preventDefault(),t.open?(t.activeValue!==null&&t.commit(t.activeValue),!0):(t.setOpen(!0),!0)):!1}function Wn(e,t,n){if(!(n.typeahead&&t.open&&(0,re.isTypeaheadKey)(e)))return;e.preventDefault();let r=t.navigableRef.current.findIndex(l=>l.value===t.activeValue),a=t.matchTypeahead(e.key,r);a!==-1&&t.activate(t.navigableRef.current[a].value)}function Yn(e,t,n,r,a){return r?Un(e,t,n)||qn(e,t,n,r)?!0:e.key==="*":Bn(e,t,n,a)?!0:$n(e,t,n,a)}function _n(e){let{disabled:t,direction:n,activeValue:r,flat:a,flatMap:l,index:o,activeColumn:i,awaitColumn:s,open:u,setOpen:c,move:f,activate:m,setExpanded:p,commit:g,matchTypeahead:h,navigableRef:T,triggerRef:y,contentRef:R}=e;return d.useCallback((S,E)=>{if(t)return;let x=(0,te.directionalKey)(S.key,S.currentTarget,n),N=r===null?void 0:l.get(r),b={activeValue:r,flat:a,index:o,awaitColumn:s,open:u,setOpen:c,move:f,activate:m,setExpanded:p,commit:g,matchTypeahead:h,navigableRef:T,triggerRef:y,contentRef:R};An(S,b)||Hn(S,b)||Fn(S,b,x)||zn(S,b,x)||Yn(S,b,x,i,N)||Gn(S,b)||!i&&Jn(S,b,N)||Xn(S,b,E)||Wn(S,b,E)},[t,n,r,a,l,o,i,s,u,c,f,m,p,g,h,T,y,R])}function ve(e){let t=yn(e),{children:n,collection:r,multiple:a,disabled:l,name:o,form:i,readOnly:s,expandOnClick:u,renderNode:c,placeholder:f,emptyMessage:m,ariaLabel:p,size:g,rest:h}=t,T=d.useRef(null),y=d.useRef(null),R=d.useRef(null),[S,E]=d.useState(!1),[x,N]=d.useState(null),b=d.useId(),M=d.useId(),D=(0,te.useDirection)(),{value:w,setValue:V,baseExpanded:k,setBaseExpanded:ae,open:P,setOpen:A,inputValue:U,setInputValue:le}=Rn(t,y),{index:I,order:H,strategy:oe,cascade:Mt,checked:ie}=Cn(r,a,t.checkStrategy,w),{filtering:be,visible:Pt,autoExpanded:Ot,matchCount:Lt,isVisible:Kt}=In({index:I,order:H,filter:t.filter,inputValue:U}),{loadingValues:Re,startLoad:Dt}=wn(t.loadChildren),{columnMode:q,rawColumns:At,columns:Ht,columnExpandedIds:Ft,columnRowValues:zt}=Vn({collection:r,layout:t.layout,filtering:be,baseExpanded:k}),{expandedIds:Bt,expanded:se,setExpanded:Ce,onTreeExpandedIdsChange:$t}=Nn({collection:r,baseExpanded:k,setBaseExpanded:ae,autoExpanded:Ot,filtering:be,startLoad:Dt,columnMode:q,columnExpandedIds:Ft}),{flat:ce,flatMap:ue}=xn(r,I,Pt,se),Ut=d.useCallback(tn=>pe(tn,ie,I,oe),[ie,I,oe]),xe=kn({disabled:l,readOnly:s,index:I,checked:ie,strategy:oe,multiple:a,order:H,valueStrategy:t.valueStrategy,setValue:V,closeOnSelect:t.closeOnSelect,setOpen:A,triggerRef:T}),{activeValue:Ee,setActiveValue:qt,activeColumn:Gt,activeColumnIndex:Jt,columnTreeId:Ie,navigableRef:Xt,matchTypeahead:Wt,activate:Yt,move:_t,awaitColumn:jt}=Dn({open:P,flat:ce,flatMap:ue,value:w,index:I,expanded:se,loadingValues:Re,columnMode:q,rawColumns:At,columnRowValues:zt,visibleRowValues:x,contentRef:y,treeId:M});On(P,Lt,t.getMatchCountLabel);let{itemId:Qt,getLabel:Zt}=En(b,I,t.getValueLabel),en=_n({disabled:l,direction:D,activeValue:Ee,flat:ce,flatMap:ue,index:I,activeColumn:Gt,awaitColumn:jt,open:P,setOpen:A,move:_t,activate:Yt,setExpanded:Ce,commit:xe,matchTypeahead:Wt,navigableRef:Xt,triggerRef:T,contentRef:y});return(0,L.jsx)(Rt.PopperRoot,{children:(0,L.jsxs)(Et,{collection:r,index:I,order:H,value:w,multiple:a,cascade:Mt,disabled:l,readOnly:s,checkStateOf:Ut,commit:xe,open:P,onOpenChange:A,expandedIds:Bt,expanded:se,setExpanded:Ce,loadingValues:Re,onTreeExpandedIdsChange:$t,expandOnClick:q||u,isVisible:Kt,layout:q?"columns":"tree",columns:Ht,columnTreeId:Ie,activeTreeId:Ie(Jt),flat:ce,flatMap:ue,activeValue:Ee,setActiveValue:qt,itemId:Qt,treeId:M,triggerRef:T,contentRef:y,inputRef:R,hasInput:S,setHasInput:E,inputValue:U,onInputValueChange:le,getLabel:Zt,onNavigationKeyDown:en,visibleRowValues:x,setVisibleRowValues:N,children:[n??(0,L.jsx)(St,{size:(0,Ct.recipeAxis)(g,h,"data-size"),renderNode:c,placeholder:f,emptyMessage:m,ariaLabel:p,passThrough:h}),(0,L.jsx)(vt.MirroredValues,{name:o,values:w,disabled:l,form:i})]})})}ve.displayName="TreeSelect";var Vt=require("../utils/part.cjs"),Nt=require("../utils/primitive.cjs");var kt=require("react/jsx-runtime"),wt=({forceMount:e,ref:t,...n})=>{let r=ge("TreeSelectItemIndicator"),{checkState:a}=r;return e||a!==!1?(0,kt.jsx)(Nt.Primitive.span,{"aria-hidden":!0,"data-state":Q(a),...n,...(0,Vt.skdxPart)("tree-select","item-indicator",n.className),ref:t}):null};wt.displayName="TreeSelectItemIndicator";0&&(module.exports={TreeSelect,TreeSelectColumns,TreeSelectContent,TreeSelectEmpty,TreeSelectInput,TreeSelectItem,TreeSelectItemIndicator,TreeSelectItemProvider,TreeSelectPortal,TreeSelectProvider,TreeSelectTree,TreeSelectTrigger,TreeSelectValue,checkStateAttr,defaultGetMatchCountLabel,defaultTreeSelectFilter,useTreeSelectContext,useTreeSelectItemContext});

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

@@ -4,35 +4,11 @@ import type { TreeSelectContextValue, TreeSelectNode, TreeSelectProps } from './
 export declare function defaultTreeSelectFilter(node: TreeSelectNode, inputValue: string): boolean;
 /** Default `getMatchCountLabel`: `"1 match available"` / `"3 matches available"`. */
 export declare function defaultGetMatchCountLabel(count: number): string;
-export declare const TreeSelectProvider: {
-    (props: TreeSelectContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTreeSelectContext: (consumerName: string) => TreeSelectContextValue;
+export declare const TreeSelectProvider: React.FC<TreeSelectContextValue & {
+    children: React.ReactNode;
+}>, useTreeSelectContext: (consumerName: string) => TreeSelectContextValue;
 /**
- * Root of a tree select: a `role="combobox"` trigger whose popup is a
- * WAI-ARIA `treeview`, for picking from hierarchical data. Owns the checked
- * set, expansion, filter text, open state and virtual focus, and hands all of
- * them to every other `TreeSelect*` part via context. Renders no DOM of its
- * own.
- *
- * Real DOM focus never enters the tree: it stays on the trigger, or on
- * `TreeSelectInput` when one is mounted, and the focused node is tracked as
- * virtual focus through `aria-activedescendant`. The popup composes the
- * `Tree` family for its `role="tree"`/`role="treeitem"` markup, but drives
- * navigation itself for exactly that reason.
- *
- * The data is a `collection` of plain nodes rather than children, because the
- * three things this component exists to do — cascade a check through a
- * subtree, project the checked set through `valueStrategy`, and keep the
- * 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` +
- * `onExpandedChange`, `open` + `onOpenChange`, `inputValue` +
- * `onInputValueChange`) or uncontrolled (`defaultValue`,
- * `defaultExpandedValue`, `defaultOpen`, `defaultInputValue`).
+ * Root of a tree select: a `role="combobox"` trigger whose popup is a WAI-ARIA `treeview` for picking from hierarchical `collection` data, driving virtual focus via `aria-activedescendant` and cascading checks through `valueStrategy`.
  *
  * @example
  * ```tsx
@@ -54,7 +30,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(treeSelectProps: TreeSelectProps): React.JSX.Element;
 export declare namespace TreeSelect {
     var displayName: string;
 }

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

@@ -4,35 +4,11 @@ import type { TreeSelectContextValue, TreeSelectNode, TreeSelectProps } from './
 export declare function defaultTreeSelectFilter(node: TreeSelectNode, inputValue: string): boolean;
 /** Default `getMatchCountLabel`: `"1 match available"` / `"3 matches available"`. */
 export declare function defaultGetMatchCountLabel(count: number): string;
-export declare const TreeSelectProvider: {
-    (props: TreeSelectContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTreeSelectContext: (consumerName: string) => TreeSelectContextValue;
+export declare const TreeSelectProvider: React.FC<TreeSelectContextValue & {
+    children: React.ReactNode;
+}>, useTreeSelectContext: (consumerName: string) => TreeSelectContextValue;
 /**
- * Root of a tree select: a `role="combobox"` trigger whose popup is a
- * WAI-ARIA `treeview`, for picking from hierarchical data. Owns the checked
- * set, expansion, filter text, open state and virtual focus, and hands all of
- * them to every other `TreeSelect*` part via context. Renders no DOM of its
- * own.
- *
- * Real DOM focus never enters the tree: it stays on the trigger, or on
- * `TreeSelectInput` when one is mounted, and the focused node is tracked as
- * virtual focus through `aria-activedescendant`. The popup composes the
- * `Tree` family for its `role="tree"`/`role="treeitem"` markup, but drives
- * navigation itself for exactly that reason.
- *
- * The data is a `collection` of plain nodes rather than children, because the
- * three things this component exists to do — cascade a check through a
- * subtree, project the checked set through `valueStrategy`, and keep the
- * 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` +
- * `onExpandedChange`, `open` + `onOpenChange`, `inputValue` +
- * `onInputValueChange`) or uncontrolled (`defaultValue`,
- * `defaultExpandedValue`, `defaultOpen`, `defaultInputValue`).
+ * Root of a tree select: a `role="combobox"` trigger whose popup is a WAI-ARIA `treeview` for picking from hierarchical `collection` data, driving virtual focus via `aria-activedescendant` and cascading checks through `valueStrategy`.
  *
  * @example
  * ```tsx
@@ -54,7 +30,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(treeSelectProps: TreeSelectProps): React.JSX.Element;
 export declare namespace TreeSelect {
     var displayName: string;
 }

package/dist/tree-select/TreeSelect.js

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

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

@@ -0,0 +1,12 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.cjs';
+import type { TreeSelectContentProps, TreeSelectNode } from './types.cjs';
+/** @internal Default anatomy a {@link TreeSelect} draws with no manually-composed trigger/portal. */
+export declare const TreeSelectAnatomy: ({ size, renderNode, placeholder, emptyMessage, ariaLabel, passThrough, }: {
+    size?: TreeSelectContentProps["size"] | undefined;
+    renderNode?: ((node: TreeSelectNode) => React.ReactNode) | undefined;
+    placeholder?: string | undefined;
+    emptyMessage: string;
+    ariaLabel?: string | undefined;
+    passThrough?: PassThroughProps | undefined;
+}) => React.JSX.Element;