@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-SIY6FDKJ.js → chunk-3RQ3FHJ7.js}

@@ -1,19 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
-
-// src/components/Tree.tsx
-var _react = require('react');
-
+var _chunkFCCHM2B4js = require('./chunk-FCCHM2B4.js');
 
 
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
 
+// src/components/Tree.tsx
 
 
 
 
 
+var _tigercatcore = require('@expcat/tigercat-core');
 
+// src/components/Tree/state.ts
+var _react = require('react');
 
 
 
@@ -29,82 +30,53 @@ var _react = require('react');
 
 
 
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
-var ExpandIcon = ({
-  expanded,
-  hasChildren
-}) => {
-  if (!hasChildren) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIndentClasses });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      className: _tigercatcore.getTreeNodeExpandIconClasses.call(void 0, expanded),
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "currentColor",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M6 4l4 4-4 4V4z" })
-    }
-  );
-};
-var LoadingSpinner = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "svg",
-  {
-    className: _tigercatcore.treeLoadingClasses,
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: spinnerSvg.viewBox,
-    children: spinnerSvg.elements.map((el, index) => {
-      if (el.type === "circle") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
-      return null;
-    })
-  }
-);
-var Tree = ({
-  treeData = [],
-  selectionMode,
-  checkable = false,
-  showIcon = true,
-  showLine = false,
-  defaultExpandedKeys = [],
-  defaultSelectedKeys = [],
-  defaultCheckedKeys = [],
-  expandedKeys: controlledExpandedKeys,
-  selectedKeys: controlledSelectedKeys,
-  checkedKeys: controlledCheckedKeys,
-  defaultExpandAll = false,
-  checkStrictly = false,
-  checkStrategy = "all",
-  selectable = true,
-  multiple = false,
-  loadData,
-  filterValue = "",
-  searchable = false,
-  filterFn,
-  autoExpandParent = true,
-  blockNode = false,
-  emptyText = "No data",
-  ariaLabel = "Tree",
-  onExpand,
-  onSelect,
-  onCheck,
-  onNodeClick,
-  onNodeExpand,
-  onNodeCollapse,
-  className,
-  draggable: isDraggable = false,
-  onDrop,
-  virtual = false,
-  height = 400,
-  itemHeight = 32
-}) => {
+function useTreeState(props) {
+  const {
+    treeData = [],
+    selectionMode,
+    checkable = false,
+    showIcon = true,
+    showLine = false,
+    defaultExpandedKeys = [],
+    defaultSelectedKeys = [],
+    defaultCheckedKeys = [],
+    expandedKeys: controlledExpandedKeys,
+    selectedKeys: controlledSelectedKeys,
+    checkedKeys: controlledCheckedKeys,
+    defaultExpandAll = false,
+    checkStrictly = false,
+    checkStrategy = "all",
+    selectable = true,
+    multiple = false,
+    loadData,
+    filterValue = "",
+    searchable = false,
+    filterFn,
+    autoExpandParent = true,
+    blockNode = false,
+    emptyText,
+    ariaLabel = "Tree",
+    onExpand,
+    onSelect,
+    onCheck,
+    onNodeClick,
+    onNodeExpand,
+    onNodeCollapse,
+    className,
+    draggable: isDraggable = false,
+    onDrop,
+    virtual = false,
+    height = 400,
+    itemHeight = 32,
+    locale
+  } = props;
   const itemRefs = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
   const dragNodeKeyRef = _react.useRef.call(void 0, null);
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
   const effectiveSelectable = _react.useMemo.call(void 0, () => {
     if (selectionMode !== void 0) {
       return selectionMode !== "none";
@@ -307,294 +279,347 @@ var Tree = ({
     },
     [treeData, computedCheckedState, checkStrictly, checkStrategy, controlledCheckedKeys, onCheck]
   );
-  const getFirstChildKey = _react.useCallback.call(void 0, 
-    (nodeKey) => {
-      const index = visibleItems.findIndex((i) => i.key === nodeKey);
-      if (index < 0) return void 0;
-      const base = visibleItems[index];
-      for (let i = index + 1; i < visibleItems.length; i++) {
-        const item = visibleItems[i];
-        if (item.level <= base.level) break;
-        if (item.parentKey === nodeKey && !item.node.disabled) return item.key;
-      }
-      return void 0;
-    },
-    [visibleItems]
-  );
   const handleKeyDown = _react.useCallback.call(void 0, 
     (e, node, isExpanded, isChecked) => {
       if (node.disabled) return;
       const currentKey = _nullishCoalesce(_nullishCoalesce(activeKey, () => ( defaultActiveKey)), () => ( node.key));
-      const currentIndex = focusableKeys.findIndex((k) => k === currentKey);
       const isExpandable = !!(node.children && node.children.length > 0) || !!(loadData && !node.isLeaf);
       const parents = _tigercatcore.getParentKeys.call(void 0, treeData, node.key);
       const parentKey = parents[parents.length - 1];
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setActiveKey(_nullishCoalesce(focusableKeys[currentIndex + 1], () => ( currentKey)));
-        return;
-      }
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setActiveKey(_nullishCoalesce(focusableKeys[currentIndex - 1], () => ( currentKey)));
-        return;
-      }
-      if (e.key === "Home") {
-        e.preventDefault();
-        setActiveKey(_nullishCoalesce(focusableKeys[0], () => ( currentKey)));
-        return;
-      }
-      if (e.key === "End") {
-        e.preventDefault();
-        setActiveKey(_nullishCoalesce(focusableKeys[focusableKeys.length - 1], () => ( currentKey)));
-        return;
-      }
-      if (e.key === "ArrowRight") {
-        e.preventDefault();
-        if (isExpandable && !isExpanded) {
-          handleExpand(node.key);
-          return;
-        }
-        if (isExpandable && isExpanded) {
-          setActiveKey(_nullishCoalesce(getFirstChildKey(node.key), () => ( currentKey)));
-        }
-        return;
-      }
-      if (e.key === "ArrowLeft") {
-        e.preventDefault();
-        if (isExpandable && isExpanded) {
-          handleExpand(node.key);
-          return;
-        }
-        if (parentKey !== void 0) {
-          setActiveKey(parentKey);
-        }
-        return;
-      }
-      if (e.key === "Escape") {
-        e.preventDefault();
-        if (isExpandable && isExpanded) {
-          handleExpand(node.key);
-          return;
-        }
-        if (parentKey !== void 0) {
-          if (computedExpandedKeys.has(parentKey)) {
-            handleExpand(parentKey);
-          }
-          setActiveKey(parentKey);
-        }
-        return;
-      }
-      if (e.key === "Enter") {
-        e.preventDefault();
-        if (effectiveSelectable) {
-          handleSelect(node.key, e);
-          return;
-        }
-        if (isExpandable) {
-          handleExpand(node.key);
-        }
-        return;
-      }
-      if (e.key === " ") {
-        e.preventDefault();
-        if (checkable) {
-          handleCheck(node.key, !isChecked);
-          return;
-        }
-        if (isExpandable) {
-          handleExpand(node.key);
-        }
+      const action = _tigercatcore.getTreeKeyboardAction.call(void 0, {
+        key: e.key,
+        nodeKey: node.key,
+        currentKey,
+        focusableKeys,
+        parentKey,
+        firstChildKey: _tigercatcore.getFirstVisibleChildKey.call(void 0, visibleItems, node.key),
+        isExpandable,
+        isExpanded,
+        isParentExpanded: parentKey !== void 0 && computedExpandedKeys.has(parentKey),
+        isChecked,
+        selectable: effectiveSelectable,
+        checkable
+      });
+      if (!action) return;
+      e.preventDefault();
+      switch (action.type) {
+        case "focus":
+          setActiveKey(action.key);
+          break;
+        case "toggleExpand":
+          handleExpand(action.key);
+          break;
+        case "select":
+          handleSelect(action.key, e);
+          break;
+        case "check":
+          handleCheck(action.key, action.checked);
+          break;
+        case "collapseAndFocus":
+          if (action.collapseKey !== void 0) handleExpand(action.collapseKey);
+          setActiveKey(action.focusKey);
+          break;
       }
     },
     [
       activeKey,
       defaultActiveKey,
       focusableKeys,
+      visibleItems,
       treeData,
       loadData,
       checkable,
       computedExpandedKeys,
       effectiveSelectable,
-      getFirstChildKey,
       handleExpand,
       handleSelect,
       handleCheck
     ]
   );
-  const renderTreeRow = (node, level) => {
-    const hasChildren = !!(node.children && node.children.length > 0);
-    const isExpanded = computedExpandedKeys.has(node.key);
-    const isSelected = computedSelectedKeys.has(node.key);
-    const isChecked = checkedSets.checkedSet.has(node.key);
-    const isHalfChecked = checkedSets.halfCheckedSet.has(node.key);
-    const isLoading = loadingNodes.has(node.key);
-    const isFiltered = filteredNodeKeys.size > 0;
-    const isMatched = filteredNodeKeys.has(node.key);
-    const isVisible = !isFiltered || isMatched;
-    const isExpandable = hasChildren || !!(loadData && !node.isLeaf);
-    const isFocusable = !node.disabled && node.key === (_nullishCoalesce(activeKey, () => ( defaultActiveKey)));
-    if (!isVisible) {
-      return null;
-    }
-    const indent = [];
-    for (let i = 0; i < level; i++) {
-      indent.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIndentClasses }, i));
+  return {
+    treeData,
+    className,
+    ariaLabel,
+    emptyText,
+    mergedLocale,
+    showIcon,
+    showLine,
+    blockNode,
+    checkable,
+    effectiveSelectable,
+    effectiveMultiple,
+    isDraggable,
+    searchable,
+    virtual,
+    height,
+    itemHeight,
+    computedExpandedKeys,
+    computedSelectedKeys,
+    checkedSets,
+    loadingNodes,
+    filteredNodeKeys,
+    visibleItems,
+    activeKey,
+    defaultActiveKey,
+    internalSearchValue,
+    setInternalSearchValue,
+    itemRefs,
+    dragNodeKeyRef,
+    setActiveKey,
+    loadData,
+    onNodeClick,
+    onDrop,
+    handleExpand,
+    handleSelect,
+    handleCheck,
+    handleKeyDown
+  };
+}
+
+// src/components/Tree/render-node.tsx
+
+
+
+
+
+
+
+// src/components/Tree/render-row.tsx
+
+
+
+
+
+
+
+
+
+// src/components/Tree/icons.tsx
+
+
+
+
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
+var ExpandIcon = ({
+  expanded,
+  hasChildren
+}) => {
+  if (!hasChildren) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIndentClasses });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      className: _tigercatcore.getTreeNodeExpandIconClasses.call(void 0, expanded),
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M6 4l4 4-4 4V4z" })
     }
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.getTreeNodeClasses.call(void 0, isSelected, !!node.disabled, blockNode),
-        ref: (el) => {
-          itemRefs.current.set(node.key, el);
-        },
-        role: "treeitem",
-        "aria-level": level + 1,
-        "aria-disabled": node.disabled || void 0,
-        "aria-selected": effectiveSelectable ? isSelected : void 0,
-        "aria-expanded": isExpandable ? isExpanded : void 0,
-        "aria-checked": checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
-        tabIndex: isFocusable ? 0 : -1,
-        draggable: isDraggable && !node.disabled ? true : void 0,
-        onDragStart: isDraggable && !node.disabled ? (e) => {
-          e.stopPropagation();
-          dragNodeKeyRef.current = node.key;
-        } : void 0,
-        onDragOver: isDraggable ? (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-        } : void 0,
-        onDrop: isDraggable ? (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          if (dragNodeKeyRef.current !== null && dragNodeKeyRef.current !== node.key) {
-            _optionalChain([onDrop, 'optionalCall', _11 => _11({ dragKey: dragNodeKeyRef.current, dropKey: node.key })]);
-          }
-          dragNodeKeyRef.current = null;
-        } : void 0,
-        onDragEnd: isDraggable ? () => {
-          dragNodeKeyRef.current = null;
-        } : void 0,
-        onFocus: () => {
-          if (!node.disabled) setActiveKey(node.key);
-        },
-        onKeyDown: (e) => handleKeyDown(e, node, isExpanded, isChecked),
-        onClick: (e) => {
-          setActiveKey(node.key);
-          if (!node.disabled) _optionalChain([onNodeClick, 'optionalCall', _12 => _12(node, e)]);
-          if (effectiveSelectable && !node.disabled) {
-            handleSelect(node.key, e);
+  );
+};
+var LoadingSpinner = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className: _tigercatcore.treeLoadingClasses,
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: spinnerSvg.viewBox,
+    children: spinnerSvg.elements.map((el, index) => {
+      if (el.type === "circle") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
+      if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
+      return null;
+    })
+  }
+);
+
+// src/components/Tree/render-row.tsx
+
+function renderTreeRow(ctx, node, level) {
+  const hasChildren = !!(node.children && node.children.length > 0);
+  const isExpanded = ctx.computedExpandedKeys.has(node.key);
+  const isSelected = ctx.computedSelectedKeys.has(node.key);
+  const isChecked = ctx.checkedSets.checkedSet.has(node.key);
+  const isHalfChecked = ctx.checkedSets.halfCheckedSet.has(node.key);
+  const isLoading = ctx.loadingNodes.has(node.key);
+  const isFiltered = ctx.filteredNodeKeys.size > 0;
+  const isMatched = ctx.filteredNodeKeys.has(node.key);
+  const isVisible = !isFiltered || isMatched;
+  const isExpandable = hasChildren || !!(ctx.loadData && !node.isLeaf);
+  const isFocusable = !node.disabled && node.key === (_nullishCoalesce(ctx.activeKey, () => ( ctx.defaultActiveKey)));
+  if (!isVisible) {
+    return null;
+  }
+  const indent = [];
+  for (let i = 0; i < level; i++) {
+    indent.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIndentClasses }, i));
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _tigercatcore.getTreeNodeClasses.call(void 0, isSelected, !!node.disabled, ctx.blockNode),
+      ref: (el) => {
+        ctx.itemRefs.current.set(node.key, el);
+      },
+      role: "treeitem",
+      "aria-level": level + 1,
+      "aria-disabled": node.disabled || void 0,
+      "aria-selected": ctx.effectiveSelectable ? isSelected : void 0,
+      "aria-expanded": isExpandable ? isExpanded : void 0,
+      "aria-checked": ctx.checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
+      tabIndex: isFocusable ? 0 : -1,
+      draggable: ctx.isDraggable && !node.disabled ? true : void 0,
+      onDragStart: ctx.isDraggable && !node.disabled ? (e) => {
+        e.stopPropagation();
+        ctx.dragNodeKeyRef.current = node.key;
+      } : void 0,
+      onDragOver: ctx.isDraggable ? (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      } : void 0,
+      onDrop: ctx.isDraggable ? (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (ctx.dragNodeKeyRef.current !== null && ctx.dragNodeKeyRef.current !== node.key) {
+          _optionalChain([ctx, 'access', _11 => _11.onDrop, 'optionalCall', _12 => _12({ dragKey: ctx.dragNodeKeyRef.current, dropKey: node.key })]);
+        }
+        ctx.dragNodeKeyRef.current = null;
+      } : void 0,
+      onDragEnd: ctx.isDraggable ? () => {
+        ctx.dragNodeKeyRef.current = null;
+      } : void 0,
+      onFocus: () => {
+        if (!node.disabled) ctx.setActiveKey(node.key);
+      },
+      onKeyDown: (e) => ctx.handleKeyDown(e, node, isExpanded, isChecked),
+      onClick: (e) => {
+        ctx.setActiveKey(node.key);
+        if (!node.disabled) _optionalChain([ctx, 'access', _13 => _13.onNodeClick, 'optionalCall', _14 => _14(node, e)]);
+        if (ctx.effectiveSelectable && !node.disabled) {
+          ctx.handleSelect(node.key, e);
+        }
+      },
+      children: [
+        indent,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: isExpandable ? "cursor-pointer" : "",
+            onClick: (e) => {
+              e.stopPropagation();
+              if (isExpandable) {
+                ctx.setActiveKey(node.key);
+                ctx.handleExpand(node.key);
+              }
+            },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExpandIcon, { expanded: isExpanded, hasChildren: isExpandable })
           }
-        },
-        children: [
-          indent,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: isExpandable ? "cursor-pointer" : "",
-              onClick: (e) => {
-                e.stopPropagation();
-                if (isExpandable) {
-                  setActiveKey(node.key);
-                  handleExpand(node.key);
-                }
-              },
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExpandIcon, { expanded: isExpanded, hasChildren: isExpandable })
-            }
-          ),
-          checkable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "input",
-            {
-              type: "checkbox",
-              "aria-label": `Select ${node.label}`,
-              className: _tigercatcore.treeNodeCheckboxClasses,
-              checked: isChecked,
-              ref: (input) => {
-                if (input) {
-                  input.indeterminate = isHalfChecked;
-                }
-              },
-              disabled: node.disabled,
-              onClick: (e) => {
-                e.stopPropagation();
-              },
-              onChange: (e) => {
-                handleCheck(node.key, e.target.checked);
+        ),
+        ctx.checkable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "checkbox",
+            "aria-label": `Select ${node.label}`,
+            className: _tigercatcore.treeNodeCheckboxClasses,
+            checked: isChecked,
+            ref: (input) => {
+              if (input) {
+                input.indeterminate = isHalfChecked;
               }
+            },
+            disabled: node.disabled,
+            onClick: (e) => {
+              e.stopPropagation();
+            },
+            onChange: (e) => {
+              ctx.handleCheck(node.key, e.target.checked);
             }
-          ),
-          showIcon && node.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIconClasses, children: node.icon }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.treeNodeLabelClasses,
-                isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
-              ),
-              children: node.label
-            }
-          ),
-          isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner, {})
-        ]
-      }
-    );
-  };
-  const renderTreeNode = (node, level) => {
-    const hasChildren = !!(node.children && node.children.length > 0);
-    const isExpanded = computedExpandedKeys.has(node.key);
-    const isFiltered = filteredNodeKeys.size > 0;
-    const isMatched = filteredNodeKeys.has(node.key);
-    const isVisible = !isFiltered || isMatched;
-    if (!isVisible) {
-      return null;
+          }
+        ),
+        ctx.showIcon && node.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIconClasses, children: node.icon }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.treeNodeLabelClasses,
+              isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
+            ),
+            children: node.label
+          }
+        ),
+        isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner, {})
+      ]
     }
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.treeNodeWrapperClasses, children: [
-      renderTreeRow(node, level),
-      hasChildren && isExpanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeNodeChildrenClasses, showLine && _tigercatcore.treeLineClasses), children: node.children.map((child) => renderTreeNode(child, level + 1)) })
-    ] }, node.key);
-  };
-  if (!treeData || treeData.length === 0) {
+  );
+}
+
+// src/components/Tree/render-node.tsx
+
+function renderTreeNode(ctx, node, level) {
+  const hasChildren = !!(node.children && node.children.length > 0);
+  const isExpanded = ctx.computedExpandedKeys.has(node.key);
+  const isFiltered = ctx.filteredNodeKeys.size > 0;
+  const isMatched = ctx.filteredNodeKeys.has(node.key);
+  const isVisible = !isFiltered || isMatched;
+  if (!isVisible) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.treeNodeWrapperClasses, children: [
+    renderTreeRow(ctx, node, level),
+    hasChildren && isExpanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeNodeChildrenClasses, ctx.showLine && _tigercatcore.treeLineClasses), children: (_nullishCoalesce(node.children, () => ( []))).map((child) => renderTreeNode(ctx, child, level + 1)) })
+  ] }, node.key);
+}
+
+// src/components/Tree.tsx
+
+var Tree = (props) => {
+  const ctx = useTreeState(props);
+  if (!ctx.treeData || ctx.treeData.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeBaseClasses, "p-4", className),
+        className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeBaseClasses, "p-4", ctx.className),
         role: "tree",
-        "aria-label": ariaLabel,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.treeEmptyStateClasses, children: emptyText })
+        "aria-label": ctx.ariaLabel,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.treeEmptyStateClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No data", ctx.emptyText, _optionalChain([ctx, 'access', _15 => _15.mergedLocale, 'optionalAccess', _16 => _16.common, 'optionalAccess', _17 => _17.emptyText])) })
       }
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeBaseClasses, className),
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeBaseClasses, ctx.className),
       role: "tree",
-      "aria-label": ariaLabel,
-      "aria-multiselectable": effectiveMultiple || void 0,
+      "aria-label": ctx.ariaLabel,
+      "aria-multiselectable": ctx.effectiveMultiple || void 0,
       children: [
-        searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ctx.searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
             type: "text",
             className: "w-full mb-2 px-2 py-1 text-sm border border-[var(--tiger-border,#e5e7eb)] rounded bg-[var(--tiger-surface,#ffffff)] focus:outline-none focus:ring-1 focus:ring-[var(--tiger-primary,#2563eb)]",
-            placeholder: "Search...",
-            value: internalSearchValue,
-            onChange: (e) => setInternalSearchValue(e.target.value)
+            placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([ctx, 'access', _18 => _18.mergedLocale, 'optionalAccess', _19 => _19.common, 'optionalAccess', _20 => _20.searchPlaceholder])),
+            value: ctx.internalSearchValue,
+            onChange: (e) => ctx.setInternalSearchValue(e.target.value)
           }
         ),
-        virtual ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP36GX65Njs.VirtualList,
+        ctx.virtual ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkFCCHM2B4js.VirtualList,
           {
-            itemCount: visibleItems.length,
-            itemHeight,
-            height,
+            itemCount: ctx.visibleItems.length,
+            itemHeight: ctx.itemHeight,
+            height: ctx.height,
             renderItem: ({ index }) => {
-              const item = visibleItems[index];
+              const item = ctx.visibleItems[index];
               if (!item) return null;
-              return renderTreeRow(item.node, item.level - 1);
+              return renderTreeRow(ctx, item.node, item.level - 1);
             }
           }
-        ) : treeData.map((node) => renderTreeNode(node, 0))
+        ) : ctx.treeData.map((node) => renderTreeNode(ctx, node, 0))
       ]
     }
   );