@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/tree/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree/tree.js","sources":["../../../../../src/tree/tree.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ChevronRight, File, Folder, FolderOpen, LoaderCircle } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Checkbox } from '../checkbox';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Result } from '../result';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { TreeDragRow, TreeDragScope } from './drag';\nimport { treeChecks, treeMatches, treeModel } from './model';\n\nexport interface TreeNode {\n  key: string;\n  title: ReactNode;\n  children?: readonly TreeNode[];\n  icon?: ReactNode;\n  disabled?: boolean;\n  selectable?: boolean;\n  checkable?: boolean;\n  disableCheckbox?: boolean;\n  searchLabel?: string;\n  isLeaf?: boolean;\n}\nexport interface TreeSelectInfo {\n  node: TreeNode;\n  selected: boolean;\n  selectedNodes: readonly TreeNode[];\n}\nexport interface TreeCheckInfo {\n  node: TreeNode;\n  checked: boolean;\n  checkedNodes: readonly TreeNode[];\n  halfCheckedKeys: readonly string[];\n}\nexport interface TreeExpandInfo {\n  node: TreeNode;\n  expanded: boolean;\n}\nexport interface TreeDropInfo {\n  node: TreeNode;\n  target: TreeNode;\n  position: 'before' | 'inside' | 'after';\n  data: TreeNode[];\n}\nexport interface TreeProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onDrop' | 'onLoad' | 'draggable'> {\n  data: readonly TreeNode[];\n  selectedKeys?: readonly string[];\n  defaultSelectedKeys?: readonly string[];\n  onSelect?: (keys: string[], info: TreeSelectInfo) => void;\n  multiple?: boolean;\n  selectable?: boolean;\n  checkable?: boolean;\n  checkStrictly?: boolean;\n  checkedKeys?: readonly string[];\n  defaultCheckedKeys?: readonly string[];\n  onCheck?: (keys: string[], info: TreeCheckInfo) => void;\n  expandedKeys?: readonly string[];\n  defaultExpandedKeys?: readonly string[];\n  defaultExpandAll?: boolean;\n  onExpand?: (keys: string[], info: TreeExpandInfo) => void;\n  disabled?: boolean;\n  showLine?: boolean;\n  showIcon?: boolean;\n  searchValue?: string;\n  filterTreeNode?: (node: TreeNode, query: string) => boolean;\n  notFoundContent?: ReactNode;\n  loadData?: (node: TreeNode, signal: AbortSignal) => Promise<readonly TreeNode[]>;\n  cacheKey?: string | number;\n  nodeRender?: (node: TreeNode) => ReactNode;\n  onLoad?: (node: TreeNode, children: readonly TreeNode[]) => void;\n  onLoadError?: (error: unknown, node: TreeNode) => void;\n  virtual?: boolean;\n  height?: number;\n  itemHeight?: number;\n  draggable?: boolean | ((node: TreeNode) => boolean);\n  allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;\n  onDrop?: (info: TreeDropInfo) => void;\n}\nexport function Tree({\n  data: suppliedData,\n  selectedKeys,\n  defaultSelectedKeys = [],\n  onSelect,\n  multiple = false,\n  selectable = true,\n  checkable = false,\n  checkStrictly = false,\n  checkedKeys,\n  defaultCheckedKeys = [],\n  onCheck,\n  expandedKeys,\n  defaultExpandedKeys = [],\n  defaultExpandAll = false,\n  onExpand,\n  disabled = false,\n  showLine = false,\n  showIcon = false,\n  searchValue = '',\n  filterTreeNode,\n  notFoundContent,\n  loadData,\n  cacheKey,\n  nodeRender,\n  onLoad,\n  onLoadError,\n  virtual = false,\n  height = 320,\n  itemHeight = 34,\n  draggable = false,\n  allowDrop,\n  onDrop,\n  className,\n  'aria-label': label,\n  ...props\n}: TreeProps) {\n  const { messages, direction } = useLeafConfig();\n  const [loaded, setLoaded] = useState<Map<string, readonly TreeNode[]>>(new Map());\n  const [loading, setLoading] = useState<readonly string[]>([]);\n  const requests = useRef(new Map<string, AbortController>());\n  const latestLoad = useRef({ loadData, onLoad, onLoadError });\n  latestLoad.current = { loadData, onLoad, onLoadError };\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Invalidate node caches whenever the supplied data, loader or cache version changes.\n  useEffect(() => {\n    for (const request of requests.current.values()) request.abort();\n    requests.current.clear();\n    setLoaded(new Map());\n    setLoading([]);\n  }, [suppliedData, loadData, cacheKey]);\n  const data = useMemo(() => {\n    const merge = (nodes: readonly TreeNode[]): TreeNode[] =>\n      nodes.map((node) => {\n        const children = node.children ?? loaded.get(node.key);\n        return children\n          ? { ...node, children: merge(children), isLeaf: children.length === 0 }\n          : node;\n      });\n    return merge(suppliedData);\n  }, [suppliedData, loaded]);\n  useEffect(\n    () => () => {\n      for (const request of requests.current.values()) request.abort();\n      requests.current.clear();\n    },\n    [],\n  );\n  const load = useCallback(\n    (node: TreeNode) => {\n      const callback = latestLoad.current.loadData;\n      if (\n        !callback ||\n        node.isLeaf ||\n        node.children !== undefined ||\n        loaded.has(node.key) ||\n        requests.current.has(node.key)\n      )\n        return;\n      const request = new AbortController();\n      requests.current.set(node.key, request);\n      setLoading((previous) => [...previous, node.key]);\n      Promise.resolve()\n        .then(() => (request.signal.aborted ? [] : callback(node, request.signal)))\n        .then((children) => {\n          if (request.signal.aborted) return;\n          setLoaded((previous) => new Map(previous).set(node.key, children ?? []));\n          latestLoad.current.onLoad?.(node, children ?? []);\n        })\n        .catch((reason) => {\n          if (!request.signal.aborted) latestLoad.current.onLoadError?.(reason, node);\n        })\n        .finally(() => {\n          // A replayed effect may have started a newer request for the same node.\n          if (requests.current.get(node.key) !== request) return;\n          requests.current.delete(node.key);\n          if (!request.signal.aborted)\n            setLoading((previous) => previous.filter((key) => key !== node.key));\n        });\n    },\n    [loaded],\n  );\n  const records = useMemo(() => treeModel(data), [data]);\n  const [selection, setSelection] = useState<readonly string[]>(defaultSelectedKeys);\n  const [checks, setChecks] = useState<readonly string[]>(defaultCheckedKeys);\n  const [expansion, setExpansion] = useState<readonly string[]>(() =>\n    defaultExpandAll ? [...records.keys()] : defaultExpandedKeys,\n  );\n  const selected = selectedKeys ?? selection;\n  const expanded = new Set(expandedKeys ?? expansion);\n  useEffect(() => {\n    if (disabled) return;\n    for (const key of expandedKeys ?? expansion) {\n      const record = records.get(key);\n      if (record) load(record.node);\n    }\n  }, [records, expandedKeys, expansion, disabled, load]);\n  const state = useMemo(\n    () => treeChecks(records, checkedKeys ?? checks, checkStrictly),\n    [records, checkedKeys, checks, checkStrictly],\n  );\n  const checked = new Set(state.checked);\n  const half = new Set(state.half);\n  const matches = useMemo(\n    () => treeMatches(records, searchValue, filterTreeNode),\n    [records, searchValue, filterTreeNode],\n  );\n  const [active, setActive] = useState<string>();\n  const elements = useRef(new Map<string, HTMLDivElement>());\n  const anchor = useRef<string | undefined>(undefined);\n  const typeAhead = useRef({ text: '', time: 0 });\n  const visible: TreeNode[] = [];\n  const isExpanded = (key: string) => (matches ? matches.visible.has(key) : expanded.has(key));\n  const collect = (nodes: readonly TreeNode[]) => {\n    for (const node of nodes) {\n      if (matches && !matches.visible.has(node.key)) continue;\n      visible.push(node);\n      if (isExpanded(node.key) && node.children) collect(node.children);\n    }\n  };\n  collect(data);\n  const root = useRef<HTMLDivElement>(null);\n  const virtualizer = useVirtualizer({\n    count: visible.length,\n    getScrollElement: () => root.current,\n    estimateSize: () => Math.max(24, itemHeight),\n    overscan: 5,\n    enabled: virtual,\n    initialRect: { height, width: 400 },\n    getItemKey: (index) => visible[index]?.key ?? index,\n  });\n  const focusKey = visible.some((node) => node.key === active)\n    ? active\n    : (visible.find((node) => selected.includes(node.key))?.key ?? visible[0]?.key);\n  const focus = (key?: string) => {\n    if (key) {\n      setActive(key);\n      if (virtual) {\n        const index = visible.findIndex((node) => node.key === key);\n        if (index >= 0) virtualizer.scrollToIndex(index, { align: 'auto' });\n        requestAnimationFrame(() => elements.current.get(key)?.focus());\n      }\n      elements.current.get(key)?.focus();\n    }\n  };\n  const expand = (node: TreeNode, next: boolean) => {\n    if (disabled) return;\n    if (next) load(node);\n    const keys = next\n      ? [...new Set([...expanded, node.key])]\n      : [...expanded].filter((key) => key !== node.key);\n    if (expandedKeys === undefined) setExpansion(keys);\n    onExpand?.(keys, { node, expanded: next });\n  };\n  const select = (\n    node: TreeNode,\n    modifiers?: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean },\n  ) => {\n    if (disabled || node.disabled || !selectable || node.selectable === false) return;\n    let next = selected.includes(node.key) ? [] : [node.key];\n    if (multiple) {\n      if (modifiers?.shiftKey && anchor.current) {\n        const first = visible.findIndex((item) => item.key === anchor.current);\n        const last = visible.indexOf(node);\n        next = visible\n          .slice(Math.max(0, Math.min(first, last)), Math.max(first, last) + 1)\n          .filter((item) => !item.disabled && item.selectable !== false)\n          .map((item) => item.key);\n      } else\n        next = selected.includes(node.key)\n          ? selected.filter((key) => key !== node.key)\n          : [...selected, node.key];\n    }\n    if (!modifiers?.shiftKey) anchor.current = node.key;\n    if (selectedKeys === undefined) setSelection(next);\n    onSelect?.(next, {\n      node,\n      selected: next.includes(node.key),\n      selectedNodes: next.flatMap((key) => records.get(key)?.node ?? []),\n    });\n  };\n  const check = (node: TreeNode) => {\n    if (disabled || node.disabled || node.disableCheckbox || node.checkable === false) return;\n    const next = treeChecks(records, state.checked, checkStrictly, {\n      key: node.key,\n      checked: !checked.has(node.key),\n    });\n    if (checkedKeys === undefined) setChecks(next.checked);\n    onCheck?.(next.checked, {\n      node,\n      checked: !checked.has(node.key),\n      checkedNodes: next.checked.flatMap((key) => records.get(key)?.node ?? []),\n      halfCheckedKeys: next.half,\n    });\n  };\n  const keyDown = (event: KeyboardEvent<HTMLDivElement>, node: TreeNode) => {\n    if (\n      event.target !== event.currentTarget &&\n      (event.target as HTMLElement).closest(\n        'input,textarea,select,button,a[href],[contenteditable=\"true\"]',\n      )\n    )\n      return;\n    if (event.defaultPrevented || (event.target as HTMLElement).closest('.leaf-tree__drag-handle'))\n      return;\n    event.stopPropagation();\n    const index = visible.indexOf(node);\n    const hasChildren = Boolean(\n      node.children?.length || (loadData && !node.isLeaf && node.children === undefined),\n    );\n    if (event.key === 'ArrowDown') focus(visible[Math.min(index + 1, visible.length - 1)]?.key);\n    else if (event.key === 'ArrowUp') focus(visible[Math.max(0, index - 1)]?.key);\n    else if (event.key === 'Home') focus(visible[0]?.key);\n    else if (event.key === 'End') focus(visible.at(-1)?.key);\n    else if (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')) {\n      if (hasChildren && !isExpanded(node.key)) expand(node, true);\n      else if (hasChildren)\n        focus(node.children?.find((child) => !matches || matches.visible.has(child.key))?.key);\n    } else if (event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')) {\n      if (hasChildren && isExpanded(node.key)) expand(node, false);\n      else focus(records.get(node.key)?.parent);\n    } else if (event.key === ' ' || event.key === 'Enter') {\n      if (checkable && event.key === ' ') check(node);\n      else select(node, event);\n    } else if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {\n      const now = Date.now();\n      typeAhead.current = {\n        text:\n          (now - typeAhead.current.time < 600 ? typeAhead.current.text : '') +\n          event.key.toLocaleLowerCase(),\n        time: now,\n      };\n      const ordered = [...visible.slice(index + 1), ...visible.slice(0, index + 1)];\n      focus(\n        ordered.find((item) =>\n          (item.searchLabel ?? (typeof item.title === 'string' ? item.title : item.key))\n            .toLocaleLowerCase()\n            .startsWith(typeAhead.current.text),\n        )?.key,\n      );\n    } else return;\n    event.preventDefault();\n  };\n  const renderNode = (\n    node: TreeNode,\n    level: number,\n    index: number,\n    setSize: number,\n    flat = false,\n  ): ReactNode => {\n    const hasChildren = Boolean(\n      node.children?.length || (loadData && !node.isLeaf && node.children === undefined),\n    );\n    const opened = hasChildren && isExpanded(node.key);\n    const inactive = disabled || node.disabled;\n    const Icon = hasChildren ? (opened ? FolderOpen : Folder) : File;\n    return (\n      <div\n        role=\"treeitem\"\n        key={node.key}\n        aria-level={level}\n        aria-label={node.searchLabel ?? (typeof node.title === 'string' ? node.title : undefined)}\n        aria-posinset={index + 1}\n        aria-setsize={setSize}\n        aria-expanded={hasChildren ? opened : undefined}\n        aria-selected={\n          selectable && node.selectable !== false ? selected.includes(node.key) : undefined\n        }\n        aria-checked={\n          checkable && node.checkable !== false\n            ? half.has(node.key)\n              ? 'mixed'\n              : checked.has(node.key)\n            : undefined\n        }\n        aria-disabled={inactive || undefined}\n        tabIndex={focusKey === node.key ? 0 : -1}\n        className=\"leaf-tree__item\"\n        data-node-key={node.key}\n        ref={(element) => {\n          if (element) elements.current.set(node.key, element);\n          else elements.current.delete(node.key);\n        }}\n        onFocus={(event) => {\n          if (event.target === event.currentTarget) setActive(node.key);\n        }}\n        onKeyDown={(event) => keyDown(event, node)}\n        onClick={(event) => {\n          event.stopPropagation();\n          if (\n            !event.currentTarget.firstElementChild?.contains(event.target as Node) ||\n            (event.target as HTMLElement).closest(\n              '.leaf-tree__check, .leaf-tree__drag-handle, input, textarea, select, button, a[href], [contenteditable=\"true\"]',\n            )\n          )\n            return;\n          focus(node.key);\n          select(node, event);\n        }}\n      >\n        <TreeRow\n          enabled={Boolean(draggable)}\n          node={node}\n          draggable={\n            !disabled && Boolean(typeof draggable === 'function' ? draggable(node) : draggable)\n          }\n        >\n          {' '}\n          <div\n            className=\"leaf-tree__row\"\n            data-selected={selected.includes(node.key) || undefined}\n            data-disabled={inactive || undefined}\n            style={{ paddingInlineStart: `${(level - 1) * 20 + 4}px` }}\n          >\n            <button\n              type=\"button\"\n              className=\"leaf-tree__toggle\"\n              tabIndex={-1}\n              aria-label={`${opened ? messages.collapseNode : messages.expand} ${node.searchLabel ?? (typeof node.title === 'string' ? node.title : node.key)}`}\n              disabled={disabled}\n              data-hidden={!hasChildren || undefined}\n              data-open={opened || undefined}\n              aria-hidden={!hasChildren || undefined}\n              onClick={(event) => {\n                event.stopPropagation();\n                focus(node.key);\n                expand(node, !opened);\n              }}\n            >\n              {loading.includes(node.key) ? (\n                <LoaderCircle size={14} className=\"leaf-tree__spinner\" aria-hidden=\"true\" />\n              ) : (\n                hasChildren && <ChevronRight size={14} aria-hidden=\"true\" />\n              )}\n            </button>\n            {checkable && node.checkable !== false && (\n              <span className=\"leaf-tree__check\">\n                <Checkbox\n                  checked={checked.has(node.key)}\n                  indeterminate={half.has(node.key)}\n                  disabled={inactive || node.disableCheckbox}\n                  tabIndex={-1}\n                  aria-label={\n                    node.searchLabel ?? (typeof node.title === 'string' ? node.title : node.key)\n                  }\n                  onChange={() => {\n                    focus(node.key);\n                    check(node);\n                  }}\n                />\n              </span>\n            )}\n            {(showIcon || node.icon) && (\n              <span className=\"leaf-tree__icon\" aria-hidden=\"true\">\n                {node.icon ?? <Icon size={16} />}\n              </span>\n            )}\n            <span\n              className=\"leaf-tree__title\"\n              data-match={matches?.matched.has(node.key) || undefined}\n            >\n              {nodeRender?.(node) ?? node.title}\n            </span>\n          </div>\n        </TreeRow>\n        {hasChildren && !flat && (\n          <TreeGroup\n            open={opened}\n            style={{ '--leaf-tree-line-left': `${(level - 1) * 20 + 14}px` } as CSSProperties}\n          >\n            {() => renderNodes(node.children ?? [], level + 1)}\n          </TreeGroup>\n        )}\n      </div>\n    );\n  };\n\n  const renderNodes = (nodes: readonly TreeNode[], level: number): ReactNode => {\n    const siblings = nodes.filter((node) => !matches || matches.visible.has(node.key));\n    return siblings.map((node, index) => renderNode(node, level, index, siblings.length));\n  };\n  const content = (\n    <div\n      {...props}\n      ref={root}\n      style={{ ...(virtual ? { height, overflow: 'auto' } : {}), ...props.style }}\n      role=\"tree\"\n      aria-label={label ?? messages.tree}\n      aria-multiselectable={multiple || checkable || undefined}\n      aria-disabled={disabled || undefined}\n      className={classes('leaf-tree', showLine && 'leaf-tree--lines', className)}\n    >\n      {visible.length ? (\n        virtual ? (\n          <div style={{ position: 'relative', height: virtualizer.getTotalSize() }}>\n            {virtualizer.getVirtualItems().map((row) => {\n              const node = visible[row.index];\n              if (!node) return null;\n              const record = records.get(node.key);\n              const siblings = (\n                record?.parent ? (records.get(record.parent)?.node.children ?? []) : data\n              ).filter((item) => !matches || matches.visible.has(item.key));\n              return (\n                <div\n                  key={node.key}\n                  ref={virtualizer.measureElement}\n                  data-index={row.index}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    transform: `translateY(${row.start}px)`,\n                  }}\n                >\n                  {renderNode(\n                    node,\n                    record?.level ?? 1,\n                    siblings.findIndex((item) => item.key === node.key),\n                    siblings.length,\n                    true,\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        ) : (\n          renderNodes(data, 1)\n        )\n      ) : (\n        (notFoundContent ?? <Result size=\"sm\" title={messages.empty} icon={null} />)\n      )}\n    </div>\n  );\n  return draggable ? (\n    <TreeDragScope data={data} nodes={records} allowDrop={allowDrop} onDrop={onDrop}>\n      {content}\n    </TreeDragScope>\n  ) : (\n    content\n  );\n}\n\nfunction TreeGroup({\n  open,\n  style,\n  children,\n}: {\n  open: boolean;\n  style: CSSProperties;\n  children: () => ReactNode;\n}) {\n  const [visited, setVisited] = useState(open);\n  if (open && !visited) setVisited(true);\n  return (\n    <fieldset\n      className=\"leaf-tree__group\"\n      style={style}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n      data-open={open || undefined}\n    >\n      <div className=\"leaf-tree__group-inner\">\n        <div className=\"leaf-tree__group-content\">{visited && children()}</div>\n      </div>\n    </fieldset>\n  );\n}\n\nfunction TreeRow({\n  enabled,\n  node,\n  draggable,\n  children,\n}: {\n  enabled: boolean;\n  node: TreeNode;\n  draggable: boolean;\n  children: ReactNode;\n}) {\n  return enabled ? (\n    <TreeDragRow node={node} draggable={draggable}>\n      {children}\n    </TreeDragRow>\n  ) : (\n    children\n  );\n}\n"],"names":["Tree","suppliedData","selectedKeys","defaultSelectedKeys","onSelect","multiple","selectable","checkable","checkStrictly","checkedKeys","defaultCheckedKeys","onCheck","expandedKeys","defaultExpandedKeys","defaultExpandAll","onExpand","disabled","showLine","showIcon","searchValue","filterTreeNode","notFoundContent","loadData","cacheKey","nodeRender","onLoad","onLoadError","virtual","height","itemHeight","draggable","allowDrop","onDrop","className","label","props","messages","direction","useLeafConfig","loaded","setLoaded","useState","Map","loading","setLoading","requests","useRef","latestLoad","useEffect","request","data","useMemo","merge","nodes","node","children","load","useCallback","callback","undefined","AbortController","previous","Promise","reason","key","records","treeModel","selection","setSelection","checks","setChecks","expansion","setExpansion","selected","expanded","Set","record","state","treeChecks","checked","half","matches","treeMatches","active","setActive","elements","anchor","typeAhead","visible","isExpanded","collect","root","virtualizer","useVirtualizer","Math","index","focusKey","focus","requestAnimationFrame","expand","next","keys","select","modifiers","first","item","last","check","keyDown","event","hasChildren","Boolean","child","now","Date","ordered","renderNode","level","setSize","flat","opened","inactive","Icon","FolderOpen","Folder","File","element","TreeRow","LoaderCircle","ChevronRight","Checkbox","TreeGroup","renderNodes","siblings","content","classes","row","Result","TreeDragScope","open","style","visited","setVisited","inertProps","enabled","TreeDragRow"],"mappings":"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"}
+{"version":3,"file":"tree/tree.js","sources":["../../../../../src/tree/tree.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ChevronRight, File, Folder, FolderOpen, LoaderCircle } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { CheckboxControl as Checkbox } from '../checkbox/checkbox';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { ResultControl as Result } from '../result/result';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { TreeDragRow, TreeDragScope } from './drag';\nimport { treeChecks, treeMatches, treeModel } from './model';\n\nexport interface TreeNode {\n  key: string;\n  title: ReactNode;\n  children?: readonly TreeNode[];\n  icon?: ReactNode;\n  disabled?: boolean;\n  selectable?: boolean;\n  checkable?: boolean;\n  disableCheckbox?: boolean;\n  searchLabel?: string;\n  isLeaf?: boolean;\n}\nexport interface TreeSelectInfo {\n  node: TreeNode;\n  selected: boolean;\n  selectedNodes: readonly TreeNode[];\n}\nexport interface TreeCheckInfo {\n  node: TreeNode;\n  checked: boolean;\n  checkedNodes: readonly TreeNode[];\n  halfCheckedKeys: readonly string[];\n}\nexport interface TreeExpandInfo {\n  node: TreeNode;\n  expanded: boolean;\n}\nexport interface TreeDropInfo {\n  node: TreeNode;\n  target: TreeNode;\n  position: 'before' | 'inside' | 'after';\n  data: TreeNode[];\n}\nexport interface TreeProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onDrop' | 'onLoad' | 'draggable'> {\n  data: readonly TreeNode[];\n  selectedKeys?: readonly string[];\n  defaultSelectedKeys?: readonly string[];\n  onSelect?: (keys: string[], info: TreeSelectInfo) => void;\n  multiple?: boolean;\n  selectable?: boolean;\n  checkable?: boolean;\n  checkStrictly?: boolean;\n  checkedKeys?: readonly string[];\n  defaultCheckedKeys?: readonly string[];\n  onCheck?: (keys: string[], info: TreeCheckInfo) => void;\n  expandedKeys?: readonly string[];\n  defaultExpandedKeys?: readonly string[];\n  defaultExpandAll?: boolean;\n  onExpand?: (keys: string[], info: TreeExpandInfo) => void;\n  disabled?: boolean;\n  showLine?: boolean;\n  showIcon?: boolean;\n  searchValue?: string;\n  filterTreeNode?: (node: TreeNode, query: string) => boolean;\n  notFoundContent?: ReactNode;\n  loadData?: (node: TreeNode, signal: AbortSignal) => Promise<readonly TreeNode[]>;\n  cacheKey?: string | number;\n  nodeRender?: (node: TreeNode) => ReactNode;\n  onLoad?: (node: TreeNode, children: readonly TreeNode[]) => void;\n  onLoadError?: (error: unknown, node: TreeNode) => void;\n  virtual?: boolean;\n  height?: number;\n  itemHeight?: number;\n  draggable?: boolean | ((node: TreeNode) => boolean);\n  allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;\n  onDrop?: (info: TreeDropInfo) => void;\n}\nexport function TreeControl({\n  data: suppliedData,\n  selectedKeys,\n  defaultSelectedKeys = [],\n  onSelect,\n  multiple = false,\n  selectable = true,\n  checkable = false,\n  checkOnClick = false,\n  expandOnClick = false,\n  checkStrictly = false,\n  checkedKeys,\n  defaultCheckedKeys = [],\n  onCheck,\n  expandedKeys,\n  defaultExpandedKeys = [],\n  defaultExpandAll = false,\n  onExpand,\n  disabled = false,\n  showLine = false,\n  showIcon = false,\n  searchValue = '',\n  filterTreeNode,\n  notFoundContent,\n  loadData,\n  cacheKey,\n  nodeRender,\n  onLoad,\n  onLoadError,\n  virtual = false,\n  height = 320,\n  itemHeight: itemHeightProp,\n  draggable = false,\n  allowDrop,\n  onDrop,\n  className,\n  'aria-label': label,\n  ...props\n}: TreeProps & { checkOnClick?: boolean; expandOnClick?: boolean }) {\n  const { messages, direction, theme, density } = useLeafConfig();\n  const format = useFormattedText();\n  const itemHeight = itemHeightProp ?? estimateControlHeight(theme, density) + 6;\n  const [loaded, setLoaded] = useState<Map<string, readonly TreeNode[]>>(new Map());\n  const [loading, setLoading] = useState<readonly string[]>([]);\n  const requests = useRef(new Map<string, AbortController>());\n  const latestLoad = useRef({ loadData, onLoad, onLoadError });\n  latestLoad.current = { loadData, onLoad, onLoadError };\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Invalidate node caches whenever the supplied data, loader or cache version changes.\n  useEffect(() => {\n    for (const request of requests.current.values()) request.abort();\n    requests.current.clear();\n    setLoaded(new Map());\n    setLoading([]);\n  }, [suppliedData, loadData, cacheKey]);\n  const data = useMemo(() => {\n    const merge = (nodes: readonly TreeNode[]): TreeNode[] =>\n      nodes.map((node) => {\n        const children = node.children ?? loaded.get(node.key);\n        return children\n          ? { ...node, children: merge(children), isLeaf: children.length === 0 }\n          : node;\n      });\n    return merge(suppliedData);\n  }, [suppliedData, loaded]);\n  useEffect(\n    () => () => {\n      for (const request of requests.current.values()) request.abort();\n      requests.current.clear();\n    },\n    [],\n  );\n  const load = useCallback(\n    (node: TreeNode) => {\n      const callback = latestLoad.current.loadData;\n      if (\n        !callback ||\n        node.isLeaf ||\n        node.children !== undefined ||\n        loaded.has(node.key) ||\n        requests.current.has(node.key)\n      )\n        return;\n      const request = new AbortController();\n      requests.current.set(node.key, request);\n      setLoading((previous) => [...previous, node.key]);\n      Promise.resolve()\n        .then(() => (request.signal.aborted ? [] : callback(node, request.signal)))\n        .then((children) => {\n          if (request.signal.aborted) return;\n          setLoaded((previous) => new Map(previous).set(node.key, children ?? []));\n          latestLoad.current.onLoad?.(node, children ?? []);\n        })\n        .catch((reason) => {\n          if (!request.signal.aborted) latestLoad.current.onLoadError?.(reason, node);\n        })\n        .finally(() => {\n          // A replayed effect may have started a newer request for the same node.\n          if (requests.current.get(node.key) !== request) return;\n          requests.current.delete(node.key);\n          if (!request.signal.aborted)\n            setLoading((previous) => previous.filter((key) => key !== node.key));\n        });\n    },\n    [loaded],\n  );\n  const records = useMemo(() => treeModel(data), [data]);\n  const [selection, setSelection] = useState<readonly string[]>(defaultSelectedKeys);\n  const [checks, setChecks] = useState<readonly string[]>(defaultCheckedKeys);\n  const [expansion, setExpansion] = useState<readonly string[]>(() =>\n    defaultExpandAll ? [...records.keys()] : defaultExpandedKeys,\n  );\n  const selected = selectedKeys ?? selection;\n  const expanded = new Set(expandedKeys ?? expansion);\n  useEffect(() => {\n    if (disabled) return;\n    for (const key of expandedKeys ?? expansion) {\n      const record = records.get(key);\n      if (record) load(record.node);\n    }\n  }, [records, expandedKeys, expansion, disabled, load]);\n  const state = useMemo(\n    () => treeChecks(records, checkedKeys ?? checks, checkStrictly),\n    [records, checkedKeys, checks, checkStrictly],\n  );\n  const checked = new Set(state.checked);\n  const half = new Set(state.half);\n  const matches = useMemo(\n    () => treeMatches(records, searchValue, filterTreeNode),\n    [records, searchValue, filterTreeNode],\n  );\n  const [active, setActive] = useState<string>();\n  const elements = useRef(new Map<string, HTMLDivElement>());\n  const anchor = useRef<string | undefined>(undefined);\n  const typeAhead = useRef({ text: '', time: 0 });\n  const visible: TreeNode[] = [];\n  const isExpanded = (key: string) => (matches ? matches.visible.has(key) : expanded.has(key));\n  const collect = (nodes: readonly TreeNode[]) => {\n    for (const node of nodes) {\n      if (matches && !matches.visible.has(node.key)) continue;\n      visible.push(node);\n      if (isExpanded(node.key) && node.children) collect(node.children);\n    }\n  };\n  collect(data);\n  const root = useRef<HTMLDivElement>(null);\n  const virtualizer = useVirtualizer({\n    count: visible.length,\n    getScrollElement: () => root.current,\n    estimateSize: () => Math.max(24, itemHeight),\n    overscan: 5,\n    enabled: virtual,\n    initialRect: { height, width: 400 },\n    getItemKey: (index) => visible[index]?.key ?? index,\n  });\n  const focusKey = visible.some((node) => node.key === active)\n    ? active\n    : (visible.find((node) => selected.includes(node.key))?.key ?? visible[0]?.key);\n  const focus = (key?: string) => {\n    if (key) {\n      setActive(key);\n      if (virtual) {\n        const index = visible.findIndex((node) => node.key === key);\n        if (index >= 0) virtualizer.scrollToIndex(index, { align: 'auto' });\n        requestAnimationFrame(() => elements.current.get(key)?.focus());\n      }\n      elements.current.get(key)?.focus();\n    }\n  };\n  const expand = (node: TreeNode, next: boolean) => {\n    if (disabled) return;\n    if (next) load(node);\n    const keys = next\n      ? [...new Set([...expanded, node.key])]\n      : [...expanded].filter((key) => key !== node.key);\n    if (expandedKeys === undefined) setExpansion(keys);\n    onExpand?.(keys, { node, expanded: next });\n  };\n  const select = (\n    node: TreeNode,\n    modifiers?: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean },\n  ) => {\n    if (disabled || node.disabled || !selectable || node.selectable === false) return;\n    let next = selected.includes(node.key) ? [] : [node.key];\n    if (multiple) {\n      if (modifiers?.shiftKey && anchor.current) {\n        const first = visible.findIndex((item) => item.key === anchor.current);\n        const last = visible.indexOf(node);\n        next = visible\n          .slice(Math.max(0, Math.min(first, last)), Math.max(first, last) + 1)\n          .filter((item) => !item.disabled && item.selectable !== false)\n          .map((item) => item.key);\n      } else\n        next = selected.includes(node.key)\n          ? selected.filter((key) => key !== node.key)\n          : [...selected, node.key];\n    }\n    if (!modifiers?.shiftKey) anchor.current = node.key;\n    if (selectedKeys === undefined) setSelection(next);\n    onSelect?.(next, {\n      node,\n      selected: next.includes(node.key),\n      selectedNodes: next.flatMap((key) => records.get(key)?.node ?? []),\n    });\n  };\n  const check = (node: TreeNode) => {\n    if (disabled || node.disabled || node.disableCheckbox || node.checkable === false) return;\n    const next = treeChecks(records, state.checked, checkStrictly, {\n      key: node.key,\n      checked: !checked.has(node.key),\n    });\n    if (checkedKeys === undefined) setChecks(next.checked);\n    onCheck?.(next.checked, {\n      node,\n      checked: !checked.has(node.key),\n      checkedNodes: next.checked.flatMap((key) => records.get(key)?.node ?? []),\n      halfCheckedKeys: next.half,\n    });\n  };\n  const keyDown = (event: KeyboardEvent<HTMLDivElement>, node: TreeNode) => {\n    if (\n      event.target !== event.currentTarget &&\n      (event.target as HTMLElement).closest(\n        'input,textarea,select,button,a[href],[contenteditable=\"true\"]',\n      )\n    )\n      return;\n    if (event.defaultPrevented || (event.target as HTMLElement).closest('.leaf-tree__drag-handle'))\n      return;\n    event.stopPropagation();\n    const index = visible.indexOf(node);\n    const hasChildren = Boolean(\n      node.children?.length || (loadData && !node.isLeaf && node.children === undefined),\n    );\n    if (event.key === 'ArrowDown') focus(visible[Math.min(index + 1, visible.length - 1)]?.key);\n    else if (event.key === 'ArrowUp') focus(visible[Math.max(0, index - 1)]?.key);\n    else if (event.key === 'Home') focus(visible[0]?.key);\n    else if (event.key === 'End') focus(visible.at(-1)?.key);\n    else if (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')) {\n      if (hasChildren && !isExpanded(node.key)) expand(node, true);\n      else if (hasChildren)\n        focus(node.children?.find((child) => !matches || matches.visible.has(child.key))?.key);\n    } else if (event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')) {\n      if (hasChildren && isExpanded(node.key)) expand(node, false);\n      else focus(records.get(node.key)?.parent);\n    } else if (event.key === ' ' || event.key === 'Enter') {\n      if (checkable && (event.key === ' ' || checkOnClick)) check(node);\n      else if (expandOnClick && hasChildren && (!selectable || node.selectable === false))\n        expand(node, !isExpanded(node.key));\n      else select(node, event);\n    } else if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {\n      const now = Date.now();\n      typeAhead.current = {\n        text:\n          (now - typeAhead.current.time < 600 ? typeAhead.current.text : '') +\n          event.key.toLocaleLowerCase(),\n        time: now,\n      };\n      const ordered = [...visible.slice(index + 1), ...visible.slice(0, index + 1)];\n      focus(\n        ordered.find((item) =>\n          (item.searchLabel ?? (typeof item.title === 'string' ? item.title : item.key))\n            .toLocaleLowerCase()\n            .startsWith(typeAhead.current.text),\n        )?.key,\n      );\n    } else return;\n    event.preventDefault();\n  };\n  const renderNode = (\n    node: TreeNode,\n    level: number,\n    index: number,\n    setSize: number,\n    flat = false,\n  ): ReactNode => {\n    const hasChildren = Boolean(\n      node.children?.length || (loadData && !node.isLeaf && node.children === undefined),\n    );\n    const opened = hasChildren && isExpanded(node.key);\n    const inactive = disabled || node.disabled;\n    const Icon = hasChildren ? (opened ? FolderOpen : Folder) : File;\n    return (\n      <div\n        role=\"treeitem\"\n        key={node.key}\n        aria-level={level}\n        aria-label={node.searchLabel ?? (typeof node.title === 'string' ? node.title : undefined)}\n        aria-posinset={index + 1}\n        aria-setsize={setSize}\n        aria-expanded={hasChildren ? opened : undefined}\n        aria-selected={\n          selectable && node.selectable !== false ? selected.includes(node.key) : undefined\n        }\n        aria-checked={\n          checkable && node.checkable !== false\n            ? half.has(node.key)\n              ? 'mixed'\n              : checked.has(node.key)\n            : undefined\n        }\n        aria-disabled={inactive || undefined}\n        tabIndex={focusKey === node.key ? 0 : -1}\n        className=\"leaf-tree__item\"\n        data-node-key={node.key}\n        ref={(element) => {\n          if (element) elements.current.set(node.key, element);\n          else elements.current.delete(node.key);\n        }}\n        onFocus={(event) => {\n          if (event.target === event.currentTarget) setActive(node.key);\n        }}\n        onKeyDown={(event) => keyDown(event, node)}\n        onClick={(event) => {\n          event.stopPropagation();\n          if (\n            !event.currentTarget.firstElementChild?.contains(event.target as Node) ||\n            (event.target as HTMLElement).closest(\n              '.leaf-tree__check, .leaf-tree__drag-handle, input, textarea, select, button, a[href], [contenteditable=\"true\"]',\n            )\n          )\n            return;\n          focus(node.key);\n          if (checkable && checkOnClick) check(node);\n          else if (expandOnClick && hasChildren && (!selectable || node.selectable === false))\n            expand(node, !opened);\n          else select(node, event);\n        }}\n      >\n        <TreeRow\n          enabled={Boolean(draggable)}\n          node={node}\n          draggable={\n            !disabled && Boolean(typeof draggable === 'function' ? draggable(node) : draggable)\n          }\n        >\n          {' '}\n          <div\n            className=\"leaf-tree__row\"\n            data-selected={selected.includes(node.key) || undefined}\n            data-disabled={inactive || undefined}\n            style={{ paddingInlineStart: `${(level - 1) * 20 + 4}px` }}\n          >\n            <button\n              type=\"button\"\n              className=\"leaf-tree__toggle\"\n              tabIndex={-1}\n              aria-label={format(opened ? 'tree.collapseNode' : 'tree.expandNode', {\n                label: node.searchLabel ?? (typeof node.title === 'string' ? node.title : node.key),\n              })}\n              disabled={disabled}\n              data-hidden={!hasChildren || undefined}\n              data-open={opened || undefined}\n              aria-hidden={!hasChildren || undefined}\n              onClick={(event) => {\n                event.stopPropagation();\n                focus(node.key);\n                expand(node, !opened);\n              }}\n            >\n              {loading.includes(node.key) ? (\n                <LoaderCircle size={14} className=\"leaf-tree__spinner\" aria-hidden=\"true\" />\n              ) : (\n                hasChildren && <ChevronRight size={14} aria-hidden=\"true\" />\n              )}\n            </button>\n            {checkable && node.checkable !== false && (\n              <span className=\"leaf-tree__check\">\n                <Checkbox\n                  checked={checked.has(node.key)}\n                  indeterminate={half.has(node.key)}\n                  disabled={inactive || node.disableCheckbox}\n                  tabIndex={-1}\n                  aria-label={\n                    node.searchLabel ?? (typeof node.title === 'string' ? node.title : node.key)\n                  }\n                  onChange={() => {\n                    focus(node.key);\n                    check(node);\n                  }}\n                />\n              </span>\n            )}\n            {(showIcon || node.icon) && (\n              <span className=\"leaf-tree__icon\" aria-hidden=\"true\">\n                {node.icon ?? <Icon size={16} />}\n              </span>\n            )}\n            <span\n              className=\"leaf-tree__title\"\n              data-match={matches?.matched.has(node.key) || undefined}\n            >\n              {nodeRender?.(node) ?? node.title}\n            </span>\n          </div>\n        </TreeRow>\n        {hasChildren && !flat && (\n          <TreeGroup\n            open={opened}\n            style={{ '--leaf-tree-line-left': `${(level - 1) * 20 + 14}px` } as CSSProperties}\n          >\n            {() => renderNodes(node.children ?? [], level + 1)}\n          </TreeGroup>\n        )}\n      </div>\n    );\n  };\n\n  const renderNodes = (nodes: readonly TreeNode[], level: number): ReactNode => {\n    const siblings = nodes.filter((node) => !matches || matches.visible.has(node.key));\n    return siblings.map((node, index) => renderNode(node, level, index, siblings.length));\n  };\n  const content = (\n    <div\n      {...props}\n      ref={root}\n      style={{ ...(virtual ? { height, overflow: 'auto' } : {}), ...props.style }}\n      role=\"tree\"\n      aria-label={label ?? messages.tree.label}\n      aria-multiselectable={multiple || checkable || undefined}\n      aria-disabled={disabled || undefined}\n      className={classes('leaf-tree', showLine && 'leaf-tree--lines', className)}\n    >\n      {visible.length ? (\n        virtual ? (\n          <div style={{ position: 'relative', height: virtualizer.getTotalSize() }}>\n            {virtualizer.getVirtualItems().map((row) => {\n              const node = visible[row.index];\n              if (!node) return null;\n              const record = records.get(node.key);\n              const siblings = (\n                record?.parent ? (records.get(record.parent)?.node.children ?? []) : data\n              ).filter((item) => !matches || matches.visible.has(item.key));\n              return (\n                <div\n                  key={node.key}\n                  ref={virtualizer.measureElement}\n                  data-index={row.index}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    transform: `translateY(${row.start}px)`,\n                  }}\n                >\n                  {renderNode(\n                    node,\n                    record?.level ?? 1,\n                    siblings.findIndex((item) => item.key === node.key),\n                    siblings.length,\n                    true,\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        ) : (\n          renderNodes(data, 1)\n        )\n      ) : (\n        (notFoundContent ?? <Result size=\"sm\" title={messages.select.empty} icon={null} />)\n      )}\n    </div>\n  );\n  return draggable ? (\n    <TreeDragScope data={data} nodes={records} allowDrop={allowDrop} onDrop={onDrop}>\n      {content}\n    </TreeDragScope>\n  ) : (\n    content\n  );\n}\n\nfunction TreeGroup({\n  open,\n  style,\n  children,\n}: {\n  open: boolean;\n  style: CSSProperties;\n  children: () => ReactNode;\n}) {\n  const [visited, setVisited] = useState(open);\n  if (open && !visited) setVisited(true);\n  return (\n    <fieldset\n      className=\"leaf-tree__group\"\n      style={style}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n      data-open={open || undefined}\n    >\n      <div className=\"leaf-tree__group-inner\">\n        <div className=\"leaf-tree__group-content\">{visited && children()}</div>\n      </div>\n    </fieldset>\n  );\n}\n\nfunction TreeRow({\n  enabled,\n  node,\n  draggable,\n  children,\n}: {\n  enabled: boolean;\n  node: TreeNode;\n  draggable: boolean;\n  children: ReactNode;\n}) {\n  return enabled ? (\n    <TreeDragRow node={node} draggable={draggable}>\n      {children}\n    </TreeDragRow>\n  ) : (\n    children\n  );\n}\n\nexport function Tree(rawProps: TreeProps) {\n  const props = useComponentProps('Tree', rawProps);\n  return <TreeControl {...props} />;\n}\n"],"names":["TreeControl","suppliedData","selectedKeys","defaultSelectedKeys","onSelect","multiple","selectable","checkable","checkOnClick","expandOnClick","checkStrictly","checkedKeys","defaultCheckedKeys","onCheck","expandedKeys","defaultExpandedKeys","defaultExpandAll","onExpand","disabled","showLine","showIcon","searchValue","filterTreeNode","notFoundContent","loadData","cacheKey","nodeRender","onLoad","onLoadError","virtual","height","itemHeightProp","draggable","allowDrop","onDrop","className","label","props","messages","direction","theme","density","useLeafConfig","format","useFormattedText","itemHeight","estimateControlHeight","loaded","setLoaded","useState","Map","loading","setLoading","requests","useRef","latestLoad","useEffect","request","data","useMemo","merge","nodes","node","children","load","useCallback","callback","undefined","AbortController","previous","Promise","reason","key","records","treeModel","selection","setSelection","checks","setChecks","expansion","setExpansion","selected","expanded","Set","record","state","treeChecks","checked","half","matches","treeMatches","active","setActive","elements","anchor","typeAhead","visible","isExpanded","collect","root","virtualizer","useVirtualizer","Math","index","focusKey","focus","requestAnimationFrame","expand","next","keys","select","modifiers","first","item","last","check","keyDown","event","hasChildren","Boolean","child","now","Date","ordered","renderNode","level","setSize","flat","opened","inactive","Icon","FolderOpen","Folder","File","element","TreeRow","LoaderCircle","ChevronRight","Checkbox","TreeGroup","renderNodes","siblings","content","classes","row","Result","TreeDragScope","open","style","visited","setVisited","inertProps","enabled","TreeDragRow","Tree","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/browser/modules/treeselect/treeselect.js

@@ -1,19 +1,24 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/treeselect.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, X } from "lucide-react";
 import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
+import { estimateControlHeight } from "../density.js";
 import { FieldScope, useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { FormValue, useFieldValue, useMergedRef } from "../shared/field.js";
 import { FloatingPanel, useFloatingDismiss, usePopupState } from "../shared/floating.js";
 import { useListMotion } from "../shared/motion.js";
-import { Tree } from "../tree/index.js";
+import { SelectionContent } from "../shared/selection-content.js";
 import { treeModel } from "../tree/model.js";
+import { TreeControl } from "../tree/tree.js";
 const emptyKeys = [];
-const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, defaultValue = null, onChange, multiple = false, treeCheckable = false, checkStrictly = false, showCheckedStrategy = 'child', showSearch = true, onSearch, allowClear = true, defaultExpandAll = false, treeDefaultExpandedKeys = emptyKeys, size = 'md', status: statusProp, disabled: disabledProp, required: requiredProp, popupWidth, popupMaxWidth = 420, notFoundContent, onOpenChange, loadData, onLoadError, virtual = false, listHeight = 256, itemHeight = 34, inputReadOnly, open: controlledOpen, defaultOpen, maxTagCount = 1 / 0, maxCount = 1 / 0, treeExpandedKeys, onExpand, filterTreeNode, nodeRender, cacheKey, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, name, form, className, style, placeholder, 'aria-label': label, ...props }, forwardedRef) {
-    const { messages } = useLeafConfig();
+const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, defaultValue = null, onChange, multiple = false, treeCheckable = false, checkStrictly = false, showCheckedStrategy = 'child', showSearch = true, onSearch, allowClear = true, defaultExpandAll = false, treeDefaultExpandedKeys = emptyKeys, size = 'md', status: statusProp, disabled: disabledProp, required: requiredProp, popupWidth, popupMaxWidth = 420, notFoundContent, onOpenChange, loadData, onLoadError, virtual = false, listHeight = 256, itemHeight: itemHeightProp, inputReadOnly, open: controlledOpen, defaultOpen, maxTagCount, tagWrap = true, maxCount = 1 / 0, treeExpandedKeys, onExpand, filterTreeNode, nodeRender, cacheKey, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, name, form, className, style, placeholder, 'aria-label': label, ...props }, forwardedRef) {
+    const { messages, theme, density } = useLeafConfig();
+    const itemHeight = itemHeightProp ?? Math.max(24, estimateControlHeight(theme, density) - 4) + 6;
     const field = useFormField();
     const disabled = disabledProp || field?.disabled;
     const required = requiredProp ?? field?.required;
@@ -28,9 +33,9 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
     const selected = 'string' == typeof current ? [
         current
     ] : current ?? emptyKeys;
-    useListMotion(root, JSON.stringify(selected.slice(0, maxTagCount)), '.leaf-tree-select__tag[data-motion-key]');
     useListMotion(root, selected[0], multi ? '' : '.leaf-tree-select__input-wrap[data-motion-key]');
-    const [query, setQuery] = useState('');
+    const [query, setQuery] = useState(null);
+    const searchQuery = query ?? '';
     const [open, setOpen] = usePopupState(disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
     const id = `${useId()}-tree-select`;
     const [loadedOptions, setLoadedOptions] = useState(new Map());
@@ -105,9 +110,12 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
     const records = useMemo(()=>treeModel(data), [
         data
     ]);
+    const [expandedKeys, setExpandedKeys] = useState(()=>defaultExpandAll ? [
+            ...records.keys()
+        ] : treeDefaultExpandedKeys);
     const close = ()=>{
         setOpen(false);
-        setQuery('');
+        setQuery(null);
     };
     useFloatingDismiss(open, close, trigger, panel, root);
     useEffect(()=>{
@@ -116,7 +124,7 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
                 panel.current?.querySelector('[role="treeitem"][tabindex="0"]')?.focus();
                 pendingFocus.current = false;
             }
-        } else setQuery('');
+        } else setQuery(null);
     }, [
         open
     ]);
@@ -127,7 +135,7 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
         ] : keys[0] ?? null;
         setCurrent(next);
         onChange?.(next);
-        setQuery('');
+        setQuery(null);
         if (!multi) {
             setOpen(false);
             trigger.current?.focus();
@@ -139,8 +147,13 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
     const a11yCaption = (key)=>records.get(key)?.node.searchLabel ?? ('string' == typeof caption(key) || 'number' == typeof caption(key) ? String(caption(key)) : key);
     const selectedCaption = void 0 === selected[0] ? void 0 : caption(selected[0]);
     const hasRichCaption = void 0 !== selectedCaption && 'string' != typeof selectedCaption && 'number' != typeof selectedCaption;
-    const showCaption = !multi && !query && void 0 !== selected[0] && (showSearch && open || hasRichCaption);
-    const inputValue = multi || showSearch && open ? query : void 0 === selected[0] ? '' : a11yCaption(selected[0]);
+    const showCaption = !multi && hasRichCaption && (!showSearch || !open || null === query);
+    const inputValue = multi ? searchQuery : showSearch && open ? query ?? (void 0 === selected[0] ? '' : a11yCaption(selected[0])) : void 0 === selected[0] ? '' : a11yCaption(selected[0]);
+    const beginSearch = ()=>{
+        if (!showSearch || disabled || props.readOnly || inputReadOnly) return;
+        if (!multi && null === query) trigger.current?.select();
+        setOpen(true);
+    };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("div", {
@@ -151,109 +164,124 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
                 "data-status": status,
                 "data-open": open || void 0,
                 "data-clearable": clearable || void 0,
+                "data-searchable": showSearch || void 0,
+                onMouseDown: (event)=>{
+                    if (!disabled && event.target instanceof Element && !event.target.closest('input, button, a')) event.preventDefault();
+                },
                 onClick: (event)=>{
-                    if (!disabled && !event.target.closest('button')) {
+                    if (!disabled && event.target instanceof Element && !event.target.closest('input, button, a')) {
                         trigger.current?.focus();
-                        setOpen(true);
+                        trigger.current?.click();
                     }
                 },
                 children: [
-                    /*#__PURE__*/ jsxs("div", {
+                    /*#__PURE__*/ jsx(SelectionContent, {
                         className: "leaf-tree-select__content",
-                        children: [
-                            multi && selected.slice(0, Math.max(0, maxTagCount)).map((key)=>/*#__PURE__*/ jsxs("span", {
-                                    className: "leaf-tree-select__tag",
-                                    "data-motion-key": key,
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            children: caption(key)
-                                        }),
-                                        canRemove(key) && !disabled && !props.readOnly && /*#__PURE__*/ jsx("button", {
-                                            type: "button",
-                                            "aria-label": `${messages.remove} ${a11yCaption(key)}`,
-                                            onClick: ()=>commit(selected.filter((item)=>item !== key)),
-                                            children: /*#__PURE__*/ jsx(X, {
-                                                size: 12,
-                                                "aria-hidden": "true"
-                                            })
-                                        })
-                                    ]
-                                }, key)),
-                            multi && selected.length > maxTagCount && /*#__PURE__*/ jsxs("span", {
-                                className: "leaf-tree-select__tag",
-                                children: [
-                                    "+",
-                                    selected.length - maxTagCount
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs("span", {
-                                className: "leaf-tree-select__input-wrap",
-                                "data-motion-key": selected[0] ?? '',
-                                children: [
-                                    showCaption && /*#__PURE__*/ jsx("span", {
-                                        className: "leaf-tree-select__value",
-                                        "aria-hidden": "true",
-                                        children: selectedCaption
-                                    }),
-                                    /*#__PURE__*/ jsx("input", {
-                                        ...props,
-                                        ref: ref,
-                                        id: props.id ?? field?.id,
-                                        role: "combobox",
-                                        "aria-haspopup": "tree",
-                                        "aria-expanded": open,
-                                        "aria-controls": open ? id : void 0,
-                                        "aria-autocomplete": showSearch ? 'list' : void 0,
-                                        "aria-label": label ?? (field?.labelId ? void 0 : messages.select),
-                                        "aria-labelledby": props['aria-labelledby'] ?? field?.labelId,
-                                        "aria-describedby": [
-                                            props['aria-describedby'],
-                                            field?.descriptionId
-                                        ].filter(Boolean).join(' ') || void 0,
-                                        "aria-required": required || void 0,
-                                        "aria-invalid": 'error' === status || props['aria-invalid'],
-                                        autoComplete: "off",
-                                        className: classes('leaf-tree-select__input', showCaption && 'leaf-tree-select__input--caption'),
-                                        value: inputValue,
-                                        readOnly: !showSearch || props.readOnly || inputReadOnly,
-                                        disabled: disabled,
-                                        placeholder: selected.length ? void 0 : placeholder ?? messages.select,
-                                        onChange: (event)=>{
-                                            setQuery(event.target.value);
-                                            onSearch?.(event.target.value);
-                                            setOpen(true);
-                                        },
-                                        onKeyDown: (event)=>{
-                                            props.onKeyDown?.(event);
-                                            if (event.defaultPrevented || disabled) return;
-                                            if ('ArrowDown' === event.key) {
-                                                event.preventDefault();
-                                                if (open) panel.current?.querySelector('[role="treeitem"][tabindex="0"]')?.focus();
-                                                else {
-                                                    pendingFocus.current = true;
-                                                    setOpen(true);
-                                                }
-                                            } else if ('Enter' !== event.key || open) {
-                                                if ('Backspace' === event.key && !query && multi) {
-                                                    const last = [
-                                                        ...selected
-                                                    ].reverse().find(canRemove);
-                                                    if (last) commit(selected.filter((key)=>key !== last));
-                                                }
-                                            } else {
-                                                event.preventDefault();
+                        tagClassName: "leaf-tree-select__tag",
+                        tagWrap: tagWrap,
+                        maxTagCount: maxTagCount,
+                        searchable: showSearch && !props.readOnly && !inputReadOnly,
+                        query: searchQuery,
+                        removeLabel: messages.common.remove,
+                        items: multi ? selected.map((key)=>({
+                                key,
+                                label: caption(key),
+                                text: a11yCaption(key),
+                                remove: !canRemove(key) || disabled || props.readOnly ? void 0 : ()=>{
+                                    commit(selected.filter((item)=>item !== key));
+                                    trigger.current?.focus();
+                                }
+                            })) : void 0,
+                        children: /*#__PURE__*/ jsxs("span", {
+                            className: "leaf-tree-select__input-wrap",
+                            "data-motion-key": selected[0] ?? '',
+                            children: [
+                                showCaption && /*#__PURE__*/ jsx("span", {
+                                    className: "leaf-tree-select__value",
+                                    "aria-hidden": "true",
+                                    children: selectedCaption
+                                }),
+                                /*#__PURE__*/ jsx("input", {
+                                    ...props,
+                                    ref: ref,
+                                    id: props.id ?? field?.id,
+                                    role: "combobox",
+                                    "aria-haspopup": "tree",
+                                    "aria-expanded": open,
+                                    "aria-controls": open ? id : void 0,
+                                    "aria-autocomplete": showSearch ? 'list' : void 0,
+                                    "aria-label": label ?? (field?.labelId ? void 0 : messages.treeSelect.placeholder),
+                                    "aria-labelledby": props['aria-labelledby'] ?? field?.labelId,
+                                    "aria-describedby": [
+                                        props['aria-describedby'],
+                                        field?.descriptionId
+                                    ].filter(Boolean).join(' ') || void 0,
+                                    "aria-required": required || void 0,
+                                    "aria-invalid": 'error' === status || props['aria-invalid'],
+                                    autoComplete: "off",
+                                    className: classes('leaf-tree-select__input', showCaption && 'leaf-tree-select__input--caption'),
+                                    value: inputValue,
+                                    readOnly: !showSearch || props.readOnly || inputReadOnly,
+                                    disabled: disabled,
+                                    placeholder: selected.length ? void 0 : placeholder ?? messages.treeSelect.placeholder,
+                                    onClick: (event)=>{
+                                        props.onClick?.(event);
+                                        if (event.defaultPrevented) return;
+                                        if (open && !showSearch) close();
+                                        else setOpen(true);
+                                    },
+                                    onBeforeInput: (event)=>{
+                                        props.onBeforeInput?.(event);
+                                        if (!event.defaultPrevented) beginSearch();
+                                    },
+                                    onPaste: (event)=>{
+                                        props.onPaste?.(event);
+                                        if (!event.defaultPrevented) beginSearch();
+                                    },
+                                    onCompositionStart: (event)=>{
+                                        props.onCompositionStart?.(event);
+                                        if (!event.defaultPrevented) beginSearch();
+                                    },
+                                    onChange: (event)=>{
+                                        setQuery(event.target.value);
+                                        onSearch?.(event.target.value);
+                                        setOpen(true);
+                                    },
+                                    onKeyDown: (event)=>{
+                                        props.onKeyDown?.(event);
+                                        if (event.defaultPrevented || disabled || event.nativeEvent.isComposing) return;
+                                        if (!event.ctrlKey && !event.metaKey && !event.altKey && (1 === event.key.length || 'Backspace' === event.key || 'Delete' === event.key)) beginSearch();
+                                        if ('ArrowDown' === event.key) {
+                                            event.preventDefault();
+                                            if (open) panel.current?.querySelector('[role="treeitem"][tabindex="0"]')?.focus();
+                                            else {
+                                                pendingFocus.current = true;
                                                 setOpen(true);
                                             }
+                                        } else if ('Enter' !== event.key || open) {
+                                            if ('Backspace' === event.key && !searchQuery && multi) {
+                                                const last = [
+                                                    ...selected
+                                                ].reverse().find(canRemove);
+                                                if (last) {
+                                                    event.preventDefault();
+                                                    commit(selected.filter((key)=>key !== last));
+                                                }
+                                            }
+                                        } else {
+                                            event.preventDefault();
+                                            setOpen(true);
                                         }
-                                    })
-                                ]
-                            })
-                        ]
+                                    }
+                                })
+                            ]
+                        })
                     }),
                     clearable && /*#__PURE__*/ jsx("button", {
                         type: "button",
                         className: "leaf-tree-select__clear",
-                        "aria-label": messages.clearSelection,
+                        "aria-label": messages.treeSelect.clear,
+                        onMouseDown: (event)=>event.preventDefault(),
                         onClick: ()=>{
                             commit(selected.filter((key)=>!canRemove(key)));
                             trigger.current?.focus();
@@ -268,7 +296,7 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
                         className: "leaf-tree-select__arrow",
                         tabIndex: -1,
                         disabled: disabled,
-                        "aria-label": messages.select,
+                        "aria-label": messages.treeSelect.placeholder,
                         onClick: ()=>{
                             trigger.current?.focus();
                             if (open) close();
@@ -310,15 +338,20 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
                 maxHeight: 320,
                 className: classes('leaf-floating leaf-tree-select__panel', popupClassName),
                 children: /*#__PURE__*/ jsx(FieldScope, {
-                    children: /*#__PURE__*/ jsx(Tree, {
+                    children: /*#__PURE__*/ jsx(TreeControl, {
                         virtual: virtual,
                         height: listHeight,
                         itemHeight: itemHeight,
                         loadData: loadData ? lazyLoad : void 0,
                         cacheKey: cacheKey,
                         disabled: disabled || props.readOnly,
-                        expandedKeys: treeExpandedKeys,
-                        onExpand: (keys)=>onExpand?.(keys),
+                        expandedKeys: treeExpandedKeys ?? expandedKeys,
+                        onExpand: (keys)=>{
+                            if (void 0 === treeExpandedKeys) setExpandedKeys(keys);
+                            onExpand?.(keys);
+                        },
+                        checkOnClick: treeCheckable,
+                        expandOnClick: true,
                         filterTreeNode: filterTreeNode ? (node, query)=>{
                             const option = optionRecords.get(node.key);
                             return !!option && filterTreeNode(option, query);
@@ -333,17 +366,15 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
                         },
                         id: id,
                         data: data,
-                        "aria-label": label ?? messages.select,
+                        "aria-label": label ?? messages.treeSelect.placeholder,
                         multiple: multi,
                         selectable: !treeCheckable,
                         checkable: treeCheckable,
                         checkStrictly: checkStrictly,
                         selectedKeys: treeCheckable ? emptyKeys : selected,
                         checkedKeys: selected,
-                        searchValue: query,
-                        defaultExpandAll: defaultExpandAll,
-                        defaultExpandedKeys: treeDefaultExpandedKeys,
-                        notFoundContent: notFoundContent,
+                        searchValue: searchQuery,
+                        notFoundContent: notFoundContent ?? messages.treeSelect.empty,
                         onSelect: (keys)=>commit(keys),
                         onCheck: (keys)=>{
                             const checked = new Set(keys);
@@ -361,7 +392,15 @@ const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, d
     });
 });
 InternalTreeSelect.displayName = 'TreeSelect';
-const treeselect_TreeSelect = InternalTreeSelect;
-export { treeselect_TreeSelect as TreeSelect };
+const TreeSelectControl = InternalTreeSelect;
+const treeselect_TreeSelect = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('TreeSelect', rawProps);
+    return /*#__PURE__*/ jsx(TreeSelectControl, {
+        ...props,
+        ref: ref
+    });
+});
+treeselect_TreeSelect.displayName = 'TreeSelect';
+export { TreeSelectControl, treeselect_TreeSelect as TreeSelect };
 
 //# sourceMappingURL=treeselect.js.map