@aster-ui/prefixed 0.12.50

package/dist/components/Transfer.js

@@ -0,0 +1,214 @@
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
+import { useState as L, useMemo as S, useCallback as I } from "react";
+const j = "d-checkbox", B = "d-checkbox-sm", K = "d-checkbox-primary", Q = "d-input", R = "d-input-sm", V = "d-btn", W = "d-btn-sm", P = "d-btn-outline";
+function q({
+  items: r,
+  selectedKeys: n,
+  onSelectChange: p,
+  title: x,
+  showSearch: g,
+  filterOption: y,
+  render: N,
+  showSelectAll: $,
+  disabled: d,
+  listStyle: w
+}) {
+  const [o, T] = L(""), b = S(() => o ? r.filter((e) => y(o, e)) : r, [r, o, y]), m = b.filter((e) => !e.disabled), u = m.length > 0 && m.every((e) => n.includes(e.key)), h = m.some((e) => n.includes(e.key)), i = () => {
+    if (!d)
+      if (u)
+        p(n.filter((e) => !m.some((a) => a.key === e)));
+      else {
+        const e = m.map((l) => l.key), a = [.../* @__PURE__ */ new Set([...n, ...e])];
+        p(a);
+      }
+  }, C = (e, a) => {
+    d || a || (n.includes(e) ? p(n.filter((l) => l !== e)) : p([...n, e]));
+  };
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: "flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden",
+      style: { width: 200, height: 300, ...w },
+      children: [
+        /* @__PURE__ */ k("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200", children: [
+          $ && /* @__PURE__ */ s(
+            "input",
+            {
+              type: "checkbox",
+              className: `${j} ${B} ${K}`,
+              checked: u,
+              ref: (e) => {
+                e && (e.indeterminate = h && !u);
+              },
+              onChange: i,
+              disabled: d || m.length === 0
+            }
+          ),
+          /* @__PURE__ */ s("span", { className: "flex-1 font-medium text-sm truncate", children: x }),
+          /* @__PURE__ */ k("span", { className: "text-xs text-base-content/50", children: [
+            n.filter((e) => b.some((a) => a.key === e)).length,
+            "/",
+            b.length
+          ] })
+        ] }),
+        g && /* @__PURE__ */ s("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ s(
+          "input",
+          {
+            type: "text",
+            className: `${Q} ${R} w-full`,
+            placeholder: "Search...",
+            value: o,
+            onChange: (e) => T(e.target.value),
+            disabled: d
+          }
+        ) }),
+        /* @__PURE__ */ s("div", { className: "flex-1 overflow-auto", children: b.length > 0 ? b.map((e) => /* @__PURE__ */ k(
+          "div",
+          {
+            className: [
+              "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors",
+              n.includes(e.key) && "bg-primary/10",
+              (d || e.disabled) && "opacity-50 cursor-not-allowed"
+            ].filter(Boolean).join(" "),
+            onClick: () => C(e.key, !!e.disabled),
+            children: [
+              /* @__PURE__ */ s(
+                "input",
+                {
+                  type: "checkbox",
+                  className: `${j} ${B} ${K}`,
+                  checked: n.includes(e.key),
+                  disabled: d || e.disabled,
+                  onChange: () => {
+                  }
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: "flex-1 truncate text-sm", children: N(e) })
+            ]
+          },
+          e.key
+        )) : /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: "No data" }) })
+      ]
+    }
+  );
+}
+function Y({
+  dataSource: r,
+  targetKeys: n,
+  defaultTargetKeys: p = [],
+  onChange: x,
+  onSelectChange: g,
+  titles: y = ["Source", "Target"],
+  render: N = (u) => u.title,
+  showSearch: $ = !1,
+  filterOption: d = (u, h) => (typeof h.title == "string" ? h.title : String(h.title)).toLowerCase().includes(u.toLowerCase()),
+  showSelectAll: w = !0,
+  disabled: o = !1,
+  listStyle: T,
+  className: b = "",
+  ...m
+}) {
+  const [u, h] = L(p), [i, C] = L([]), [e, a] = L([]), l = n ?? u, z = S(
+    () => r.filter((t) => !l.includes(t.key)),
+    [r, l]
+  ), A = S(
+    () => r.filter((t) => l.includes(t.key)),
+    [r, l]
+  ), D = I(
+    (t) => {
+      C(t), g?.(t, e);
+    },
+    [e, g]
+  ), E = I(
+    (t) => {
+      a(t), g?.(i, t);
+    },
+    [i, g]
+  ), F = I(() => {
+    if (o || i.length === 0) return;
+    const t = i.filter((f) => {
+      const v = r.find((M) => M.key === f);
+      return v && !v.disabled;
+    });
+    if (t.length === 0) return;
+    const c = [...l, ...t];
+    n === void 0 && h(c), C([]), x?.(c, "right", t);
+  }, [o, i, l, n, x, r]), G = I(() => {
+    if (o || e.length === 0) return;
+    const t = e.filter((f) => {
+      const v = r.find((M) => M.key === f);
+      return v && !v.disabled;
+    });
+    if (t.length === 0) return;
+    const c = l.filter((f) => !t.includes(f));
+    n === void 0 && h(c), a([]), x?.(c, "left", t);
+  }, [o, e, l, n, x, r]), H = i.some((t) => {
+    const c = r.find((f) => f.key === t);
+    return c && !c.disabled;
+  }), J = e.some((t) => {
+    const c = r.find((f) => f.key === t);
+    return c && !c.disabled;
+  });
+  return /* @__PURE__ */ k("div", { className: `flex items-center gap-4 ${b}`, ...m, children: [
+    /* @__PURE__ */ s(
+      q,
+      {
+        items: z,
+        selectedKeys: i,
+        onSelectChange: D,
+        title: y[0],
+        showSearch: $,
+        filterOption: d,
+        render: N,
+        showSelectAll: w,
+        disabled: o,
+        listStyle: T,
+        direction: "left"
+      }
+    ),
+    /* @__PURE__ */ k("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: `${V} ${W} ${P}`,
+          onClick: F,
+          disabled: o || !H,
+          "aria-label": "Move to target",
+          children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+        }
+      ),
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: `${V} ${W} ${P}`,
+          onClick: G,
+          disabled: o || !J,
+          "aria-label": "Move to source",
+          children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s(
+      q,
+      {
+        items: A,
+        selectedKeys: e,
+        onSelectChange: E,
+        title: y[1],
+        showSearch: $,
+        filterOption: d,
+        render: N,
+        showSelectAll: w,
+        disabled: o,
+        listStyle: T,
+        direction: "right"
+      }
+    )
+  ] });
+}
+export {
+  Y as Transfer
+};
+//# sourceMappingURL=Transfer.js.map

package/dist/components/Transfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transfer.js","sources":["../../src/components/Transfer.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\n// DaisyUI classes\nconst dCheckbox = 'd-checkbox'\nconst dCheckboxSm = 'd-checkbox-sm'\nconst dCheckboxPrimary = 'd-checkbox-primary'\nconst dInput = 'd-input'\nconst dInputSm = 'd-input-sm'\nconst dBtn = 'd-btn'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnOutline = 'd-btn-outline'\n\nexport interface TransferItem {\n  key: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface TransferProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  dataSource: TransferItem[]\n  targetKeys?: string[]\n  defaultTargetKeys?: string[]\n  onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void\n  onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void\n  titles?: [React.ReactNode, React.ReactNode]\n  render?: (item: TransferItem) => React.ReactNode\n  showSearch?: boolean\n  filterOption?: (inputValue: string, item: TransferItem) => boolean\n  showSelectAll?: boolean\n  disabled?: boolean\n  listStyle?: React.CSSProperties\n}\n\ninterface TransferListProps {\n  items: TransferItem[]\n  selectedKeys: string[]\n  onSelectChange: (keys: string[]) => void\n  title: React.ReactNode\n  showSearch: boolean\n  filterOption: (inputValue: string, item: TransferItem) => boolean\n  render: (item: TransferItem) => React.ReactNode\n  showSelectAll: boolean\n  disabled: boolean\n  listStyle?: React.CSSProperties\n  direction: 'left' | 'right'\n}\n\nfunction TransferList({\n  items,\n  selectedKeys,\n  onSelectChange,\n  title,\n  showSearch,\n  filterOption,\n  render,\n  showSelectAll,\n  disabled,\n  listStyle,\n}: TransferListProps) {\n  const [searchValue, setSearchValue] = useState('')\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) return items\n    return items.filter((item) => filterOption(searchValue, item))\n  }, [items, searchValue, filterOption])\n\n  const enabledItems = filteredItems.filter((item) => !item.disabled)\n  const allSelected = enabledItems.length > 0 && enabledItems.every((item) => selectedKeys.includes(item.key))\n  const someSelected = enabledItems.some((item) => selectedKeys.includes(item.key))\n\n  const handleSelectAll = () => {\n    if (disabled) return\n\n    if (allSelected) {\n      // Deselect all enabled items\n      onSelectChange(selectedKeys.filter((key) => !enabledItems.some((item) => item.key === key)))\n    } else {\n      // Select all enabled items\n      const enabledKeys = enabledItems.map((item) => item.key)\n      const newKeys = [...new Set([...selectedKeys, ...enabledKeys])]\n      onSelectChange(newKeys)\n    }\n  }\n\n  const handleSelectItem = (key: string, itemDisabled: boolean) => {\n    if (disabled || itemDisabled) return\n\n    if (selectedKeys.includes(key)) {\n      onSelectChange(selectedKeys.filter((k) => k !== key))\n    } else {\n      onSelectChange([...selectedKeys, key])\n    }\n  }\n\n  return (\n    <div\n      className=\"flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden\"\n      style={{ width: 200, height: 300, ...listStyle }}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200\">\n        {showSelectAll && (\n          <input\n            type=\"checkbox\"\n            className={`${dCheckbox} ${dCheckboxSm} ${dCheckboxPrimary}`}\n            checked={allSelected}\n            ref={(el) => {\n              if (el) el.indeterminate = someSelected && !allSelected\n            }}\n            onChange={handleSelectAll}\n            disabled={disabled || enabledItems.length === 0}\n          />\n        )}\n        <span className=\"flex-1 font-medium text-sm truncate\">{title}</span>\n        <span className=\"text-xs text-base-content/50\">\n          {selectedKeys.filter((k) => filteredItems.some((item) => item.key === k)).length}/\n          {filteredItems.length}\n        </span>\n      </div>\n\n      {/* Search */}\n      {showSearch && (\n        <div className=\"px-2 py-2 border-b border-base-300\">\n          <input\n            type=\"text\"\n            className={`${dInput} ${dInputSm} w-full`}\n            placeholder=\"Search...\"\n            value={searchValue}\n            onChange={(e) => setSearchValue(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n      )}\n\n      {/* List */}\n      <div className=\"flex-1 overflow-auto\">\n        {filteredItems.length > 0 ? (\n          filteredItems.map((item) => (\n            <div\n              key={item.key}\n              className={[\n                'flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors',\n                selectedKeys.includes(item.key) && 'bg-primary/10',\n                (disabled || item.disabled) && 'opacity-50 cursor-not-allowed',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => handleSelectItem(item.key, !!item.disabled)}\n            >\n              <input\n                type=\"checkbox\"\n                className={`${dCheckbox} ${dCheckboxSm} ${dCheckboxPrimary}`}\n                checked={selectedKeys.includes(item.key)}\n                disabled={disabled || item.disabled}\n                onChange={() => {}}\n              />\n              <span className=\"flex-1 truncate text-sm\">{render(item)}</span>\n            </div>\n          ))\n        ) : (\n          <div className=\"flex items-center justify-center h-full text-base-content/50 text-sm\">\n            No data\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function Transfer({\n  dataSource,\n  targetKeys: controlledTargetKeys,\n  defaultTargetKeys = [],\n  onChange,\n  onSelectChange,\n  titles = ['Source', 'Target'],\n  render = (item) => item.title,\n  showSearch = false,\n  filterOption = (inputValue, item) => {\n    const title = typeof item.title === 'string' ? item.title : String(item.title)\n    return title.toLowerCase().includes(inputValue.toLowerCase())\n  },\n  showSelectAll = true,\n  disabled = false,\n  listStyle,\n  className = '',\n  ...rest\n}: TransferProps) {\n  const [internalTargetKeys, setInternalTargetKeys] = useState<string[]>(defaultTargetKeys)\n  const [sourceSelectedKeys, setSourceSelectedKeys] = useState<string[]>([])\n  const [targetSelectedKeys, setTargetSelectedKeys] = useState<string[]>([])\n\n  const targetKeys = controlledTargetKeys ?? internalTargetKeys\n\n  // Split items into source and target\n  const sourceItems = useMemo(\n    () => dataSource.filter((item) => !targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const targetItems = useMemo(\n    () => dataSource.filter((item) => targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const handleSourceSelectChange = useCallback(\n    (keys: string[]) => {\n      setSourceSelectedKeys(keys)\n      onSelectChange?.(keys, targetSelectedKeys)\n    },\n    [targetSelectedKeys, onSelectChange]\n  )\n\n  const handleTargetSelectChange = useCallback(\n    (keys: string[]) => {\n      setTargetSelectedKeys(keys)\n      onSelectChange?.(sourceSelectedKeys, keys)\n    },\n    [sourceSelectedKeys, onSelectChange]\n  )\n\n  const moveToTarget = useCallback(() => {\n    if (disabled || sourceSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = sourceSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = [...targetKeys, ...movableKeys]\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setSourceSelectedKeys([])\n    onChange?.(newTargetKeys, 'right', movableKeys)\n  }, [disabled, sourceSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const moveToSource = useCallback(() => {\n    if (disabled || targetSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = targetSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = targetKeys.filter((key) => !movableKeys.includes(key))\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setTargetSelectedKeys([])\n    onChange?.(newTargetKeys, 'left', movableKeys)\n  }, [disabled, targetSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const canMoveToTarget = sourceSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  const canMoveToSource = targetSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  return (\n    <div className={`flex items-center gap-4 ${className}`} {...rest}>\n      {/* Source list */}\n      <TransferList\n        items={sourceItems}\n        selectedKeys={sourceSelectedKeys}\n        onSelectChange={handleSourceSelectChange}\n        title={titles[0]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"left\"\n      />\n\n      {/* Actions */}\n      <div className=\"flex flex-col gap-2\">\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnSm} ${dBtnOutline}`}\n          onClick={moveToTarget}\n          disabled={disabled || !canMoveToTarget}\n          aria-label=\"Move to target\"\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        </button>\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnSm} ${dBtnOutline}`}\n          onClick={moveToSource}\n          disabled={disabled || !canMoveToSource}\n          aria-label=\"Move to source\"\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Target list */}\n      <TransferList\n        items={targetItems}\n        selectedKeys={targetSelectedKeys}\n        onSelectChange={handleTargetSelectChange}\n        title={titles[1]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"right\"\n      />\n    </div>\n  )\n}\n"],"names":["dCheckbox","dCheckboxSm","dCheckboxPrimary","dInput","dInputSm","dBtn","dBtnSm","dBtnOutline","TransferList","items","selectedKeys","onSelectChange","title","showSearch","filterOption","render","showSelectAll","disabled","listStyle","searchValue","setSearchValue","useState","filteredItems","useMemo","item","enabledItems","allSelected","someSelected","handleSelectAll","key","enabledKeys","newKeys","handleSelectItem","itemDisabled","k","jsxs","jsx","el","Transfer","dataSource","controlledTargetKeys","defaultTargetKeys","onChange","titles","inputValue","className","rest","internalTargetKeys","setInternalTargetKeys","sourceSelectedKeys","setSourceSelectedKeys","targetSelectedKeys","setTargetSelectedKeys","targetKeys","sourceItems","targetItems","handleSourceSelectChange","useCallback","keys","handleTargetSelectChange","moveToTarget","movableKeys","i","newTargetKeys","moveToSource","canMoveToTarget","canMoveToSource"],"mappings":"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"}

package/dist/components/Tree.d.ts

@@ -0,0 +1,118 @@
+import { default as React } from 'react';
+export type TreeColor = 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+export type TreeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface TreeDataNode {
+    key: string;
+    title: React.ReactNode;
+    children?: TreeDataNode[];
+    disabled?: boolean;
+    disableCheckbox?: boolean;
+    selectable?: boolean;
+    checkable?: boolean;
+    icon?: React.ReactNode;
+    isLeaf?: boolean;
+}
+export interface TreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /** Tree data structure (alternative to compound pattern) */
+    treeData?: TreeDataNode[] | undefined;
+    /** Children for compound pattern */
+    children?: React.ReactNode;
+    /** Show checkbox for each node */
+    checkable?: boolean;
+    /** Checkbox color (DaisyUI) */
+    checkboxColor?: TreeColor;
+    /** Checkbox size (DaisyUI) */
+    checkboxSize?: TreeSize;
+    /** Enable node selection */
+    selectable?: boolean;
+    /** Allow multiple selection */
+    multiple?: boolean;
+    /** Expand all nodes by default */
+    defaultExpandAll?: boolean;
+    /** Default expanded keys */
+    defaultExpandedKeys?: string[];
+    /** Controlled expanded keys */
+    expandedKeys?: string[];
+    /** Default selected keys */
+    defaultSelectedKeys?: string[];
+    /** Controlled selected keys */
+    selectedKeys?: string[];
+    /** Default checked keys */
+    defaultCheckedKeys?: string[];
+    /** Controlled checked keys */
+    checkedKeys?: string[];
+    /** Callback when node is expanded */
+    onExpand?: (expandedKeys: string[], info: {
+        node: TreeDataNode;
+        expanded: boolean;
+    }) => void;
+    /** Callback when node is selected */
+    onSelect?: (selectedKeys: string[], info: {
+        node: TreeDataNode;
+        selected: boolean;
+    }) => void;
+    /** Callback when node is checked */
+    onCheck?: (checkedKeys: string[], info: {
+        node: TreeDataNode;
+        checked: boolean;
+    }) => void;
+    /** Show connecting lines */
+    showLine?: boolean;
+    /** Show node icons */
+    showIcon?: boolean;
+    /** Decouple parent-child checkbox relationship */
+    checkStrictly?: boolean;
+    /** Auto expand parent nodes when expandedKeys change */
+    autoExpandParent?: boolean;
+    /** Make node fill remaining horizontal space */
+    blockNode?: boolean;
+    /** Custom expand/collapse icon */
+    switcherIcon?: React.ReactNode | ((expanded: boolean) => React.ReactNode);
+    /** Custom title render function */
+    titleRender?: (node: TreeDataNode) => React.ReactNode;
+    /** Filter function for highlighting nodes */
+    filterTreeNode?: (node: TreeDataNode) => boolean;
+    /** Async data loading */
+    loadData?: (node: TreeDataNode) => Promise<void>;
+    /** Right click handler */
+    onRightClick?: (info: {
+        event: React.MouseEvent;
+        node: TreeDataNode;
+    }) => void;
+    /** Custom field names for data mapping */
+    fieldNames?: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    /** Test ID for the component */
+    'data-testid'?: string;
+}
+export interface TreeNodeProps {
+    /** Unique key for the node (uses React's key prop) */
+    key: string;
+    /** Display title */
+    title: React.ReactNode;
+    /** Custom icon */
+    icon?: React.ReactNode;
+    /** Disable the node */
+    disabled?: boolean;
+    /** Disable checkbox for this node */
+    disableCheckbox?: boolean;
+    /** Whether node can be selected */
+    selectable?: boolean;
+    /** Whether node shows checkbox */
+    checkable?: boolean;
+    /** Force node to be a leaf */
+    isLeaf?: boolean;
+    /** Child nodes */
+    children?: React.ReactNode;
+}
+declare function TreeNode(_props: TreeNodeProps): null;
+declare namespace TreeNode {
+    var displayName: string;
+}
+export declare const Tree: React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<HTMLDivElement>> & {
+    Node: typeof TreeNode;
+};
+export {};