@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-7CHTTM6D.js

@@ -1,632 +0,0 @@
-"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');
-
-
-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');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-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";
-    }
-    return selectable;
-  }, [selectionMode, selectable]);
-  const effectiveMultiple = _react.useMemo.call(void 0, () => {
-    if (selectionMode !== void 0) {
-      return selectionMode === "multiple";
-    }
-    return multiple;
-  }, [selectionMode, multiple]);
-  const [internalExpandedKeys, setInternalExpandedKeys] = _react.useState.call(void 0, () => {
-    if (controlledExpandedKeys !== void 0) {
-      return new Set(controlledExpandedKeys);
-    }
-    if (defaultExpandAll) {
-      return new Set(_tigercatcore.getAllKeys.call(void 0, treeData));
-    }
-    if (defaultExpandedKeys && defaultExpandedKeys.length > 0) {
-      return new Set(defaultExpandedKeys);
-    }
-    return /* @__PURE__ */ new Set();
-  });
-  const [internalSelectedKeys, setInternalSelectedKeys] = _react.useState.call(void 0, 
-    () => new Set(controlledSelectedKeys !== void 0 ? controlledSelectedKeys : defaultSelectedKeys)
-  );
-  const [internalCheckedState, setInternalCheckedState] = _react.useState.call(void 0, () => {
-    if (controlledCheckedKeys !== void 0) {
-      if (Array.isArray(controlledCheckedKeys)) {
-        return _tigercatcore.calculateCheckedState.call(void 0, treeData, controlledCheckedKeys, checkStrictly);
-      }
-      return controlledCheckedKeys;
-    }
-    return _tigercatcore.calculateCheckedState.call(void 0, treeData, defaultCheckedKeys, checkStrictly);
-  });
-  const [loadingNodes, setLoadingNodes] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const [filteredNodeKeys, setFilteredNodeKeys] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const [activeKey, setActiveKey] = _react.useState.call(void 0, );
-  const computedExpandedKeys = _react.useMemo.call(void 0, () => {
-    if (controlledExpandedKeys !== void 0) {
-      return new Set(controlledExpandedKeys);
-    }
-    return internalExpandedKeys;
-  }, [controlledExpandedKeys, internalExpandedKeys]);
-  const visibleItems = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getVisibleTreeItems.call(void 0, treeData, computedExpandedKeys, filteredNodeKeys),
-    [treeData, computedExpandedKeys, filteredNodeKeys]
-  );
-  const focusableKeys = _react.useMemo.call(void 0, 
-    () => visibleItems.filter((i) => !i.node.disabled).map((i) => i.key),
-    [visibleItems]
-  );
-  const defaultActiveKey = focusableKeys[0];
-  _react.useEffect.call(void 0, () => {
-    if (activeKey === void 0) return;
-    _optionalChain([itemRefs, 'access', _ => _.current, 'access', _2 => _2.get, 'call', _3 => _3(activeKey), 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
-  }, [activeKey]);
-  const computedSelectedKeys = _react.useMemo.call(void 0, () => {
-    if (controlledSelectedKeys !== void 0) {
-      return new Set(controlledSelectedKeys);
-    }
-    return internalSelectedKeys;
-  }, [controlledSelectedKeys, internalSelectedKeys]);
-  const computedCheckedState = _react.useMemo.call(void 0, () => {
-    if (controlledCheckedKeys !== void 0) {
-      if (Array.isArray(controlledCheckedKeys)) {
-        return _tigercatcore.calculateCheckedState.call(void 0, treeData, controlledCheckedKeys, checkStrictly);
-      }
-      return controlledCheckedKeys;
-    }
-    return internalCheckedState;
-  }, [controlledCheckedKeys, internalCheckedState, treeData, checkStrictly]);
-  const checkedSets = _react.useMemo.call(void 0, 
-    () => _tigercatcore.checkedSetsFromState.call(void 0, computedCheckedState),
-    [computedCheckedState]
-  );
-  const [internalSearchValue, setInternalSearchValue] = _react.useState.call(void 0, "");
-  const effectiveFilterValue = searchable ? internalSearchValue : filterValue;
-  _react.useEffect.call(void 0, () => {
-    if (effectiveFilterValue) {
-      const matched = _tigercatcore.filterTreeNodes.call(void 0, treeData, effectiveFilterValue, filterFn);
-      setFilteredNodeKeys(matched);
-      if (autoExpandParent) {
-        const autoExpand = _tigercatcore.getAutoExpandKeys.call(void 0, treeData, matched);
-        if (controlledExpandedKeys === void 0) {
-          setInternalExpandedKeys((prev) => /* @__PURE__ */ new Set([...prev, ...autoExpand]));
-        }
-      }
-    } else {
-      setFilteredNodeKeys(/* @__PURE__ */ new Set());
-    }
-  }, [effectiveFilterValue, treeData, filterFn, autoExpandParent, controlledExpandedKeys]);
-  const handleExpand = _react.useCallback.call(void 0, 
-    (nodeKey) => {
-      const node = _tigercatcore.findNode.call(void 0, treeData, nodeKey);
-      if (!node) return;
-      const newExpandedKeys = new Set(computedExpandedKeys);
-      const isExpanded = newExpandedKeys.has(nodeKey);
-      if (isExpanded) {
-        newExpandedKeys.delete(nodeKey);
-        _optionalChain([onNodeCollapse, 'optionalCall', _6 => _6(node, nodeKey)]);
-      } else {
-        newExpandedKeys.add(nodeKey);
-        _optionalChain([onNodeExpand, 'optionalCall', _7 => _7(node, nodeKey)]);
-        if (loadData && !node.children && !node.isLeaf && !loadingNodes.has(nodeKey)) {
-          setLoadingNodes((prev) => /* @__PURE__ */ new Set([...prev, nodeKey]));
-          loadData(node).then((children) => {
-            node.children = children;
-            setLoadingNodes((prev) => {
-              const next = new Set(prev);
-              next.delete(nodeKey);
-              return next;
-            });
-          }).catch(() => {
-            setLoadingNodes((prev) => {
-              const next = new Set(prev);
-              next.delete(nodeKey);
-              return next;
-            });
-          });
-        }
-      }
-      if (controlledExpandedKeys === void 0) {
-        setInternalExpandedKeys(newExpandedKeys);
-      }
-      _optionalChain([onExpand, 'optionalCall', _8 => _8(Array.from(newExpandedKeys), {
-        expanded: !isExpanded,
-        node
-      })]);
-    },
-    [
-      treeData,
-      computedExpandedKeys,
-      loadData,
-      loadingNodes,
-      controlledExpandedKeys,
-      onExpand,
-      onNodeExpand,
-      onNodeCollapse
-    ]
-  );
-  const handleSelect = _react.useCallback.call(void 0, 
-    (nodeKey, event) => {
-      const node = _tigercatcore.findNode.call(void 0, treeData, nodeKey);
-      if (!node || node.disabled || !effectiveSelectable) return;
-      const newSelectedKeys = new Set(computedSelectedKeys);
-      if (effectiveMultiple) {
-        if (newSelectedKeys.has(nodeKey)) {
-          newSelectedKeys.delete(nodeKey);
-        } else {
-          newSelectedKeys.add(nodeKey);
-        }
-      } else {
-        newSelectedKeys.clear();
-        newSelectedKeys.add(nodeKey);
-      }
-      if (controlledSelectedKeys === void 0) {
-        setInternalSelectedKeys(newSelectedKeys);
-      }
-      const selectedKeysArray = Array.from(newSelectedKeys);
-      _optionalChain([onSelect, 'optionalCall', _9 => _9(selectedKeysArray, {
-        selected: newSelectedKeys.has(nodeKey),
-        selectedNodes: selectedKeysArray.map((k) => _tigercatcore.findNode.call(void 0, treeData, k)).filter(Boolean),
-        node,
-        event
-      })]);
-    },
-    [
-      treeData,
-      computedSelectedKeys,
-      effectiveSelectable,
-      effectiveMultiple,
-      controlledSelectedKeys,
-      onSelect
-    ]
-  );
-  const handleCheck = _react.useCallback.call(void 0, 
-    (nodeKey, checked) => {
-      const node = _tigercatcore.findNode.call(void 0, treeData, nodeKey);
-      if (!node || node.disabled) return;
-      const currentCheckedKeys = computedCheckedState.checked;
-      const newCheckedState = _tigercatcore.handleNodeCheck.call(void 0, 
-        treeData,
-        nodeKey,
-        checked,
-        currentCheckedKeys,
-        checkStrictly
-      );
-      if (controlledCheckedKeys === void 0) {
-        setInternalCheckedState(newCheckedState);
-      }
-      const returnKeys = _tigercatcore.getCheckedKeysByStrategy.call(void 0, newCheckedState, treeData, checkStrategy);
-      _optionalChain([onCheck, 'optionalCall', _10 => _10(returnKeys, {
-        checked,
-        checkedNodes: newCheckedState.checked.map((k) => _tigercatcore.findNode.call(void 0, treeData, k)).filter(Boolean),
-        node,
-        checkedNodesPositions: newCheckedState
-      })]);
-    },
-    [treeData, computedCheckedState, checkStrictly, checkStrategy, controlledCheckedKeys, onCheck]
-  );
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (e, node, isExpanded, isChecked) => {
-      if (node.disabled) return;
-      const currentKey = _nullishCoalesce(_nullishCoalesce(activeKey, () => ( defaultActiveKey)), () => ( node.key));
-      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];
-      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,
-      handleExpand,
-      handleSelect,
-      handleCheck
-    ]
-  );
-  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" })
-    }
-  );
-};
-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 })
-          }
-        ),
-        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);
-            }
-          }
-        ),
-        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, {})
-      ]
-    }
-  );
-}
-
-// 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", ctx.className),
-        role: "tree",
-        "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, ctx.className),
-      role: "tree",
-      "aria-label": ctx.ariaLabel,
-      "aria-multiselectable": ctx.effectiveMultiple || void 0,
-      children: [
-        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: _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)
-          }
-        ),
-        ctx.virtual ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP36GX65Njs.VirtualList,
-          {
-            itemCount: ctx.visibleItems.length,
-            itemHeight: ctx.itemHeight,
-            height: ctx.height,
-            renderItem: ({ index }) => {
-              const item = ctx.visibleItems[index];
-              if (!item) return null;
-              return renderTreeRow(ctx, item.node, item.level - 1);
-            }
-          }
-        ) : ctx.treeData.map((node) => renderTreeNode(ctx, node, 0))
-      ]
-    }
-  );
-};
-var Tree_default = Tree;
-
-
-
-
-exports.Tree = Tree; exports.Tree_default = Tree_default;