@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/tree/move.cjs

@@ -0,0 +1,94 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+function moveTreeNode(data, key, target, position) {
+    let moved;
+    const find = (nodes)=>{
+        for (const node of nodes){
+            if (node.key === key) return node;
+            const nested = find(node.children ?? []);
+            if (nested) return nested;
+        }
+    };
+    moved = find(data);
+    if (!moved || key === target) return null;
+    const contains = (node)=>node.key === target || (node.children ?? []).some(contains);
+    if (contains(moved)) return null;
+    const remove = (nodes)=>nodes.filter((node)=>node.key !== key).map((node)=>node.children ? {
+                ...node,
+                children: remove(node.children)
+            } : {
+                ...node
+            });
+    let inserted = false;
+    const insert = (nodes)=>nodes.flatMap((node)=>{
+            const next = node.children ? {
+                ...node,
+                children: insert(node.children)
+            } : {
+                ...node
+            };
+            if (node.key !== target) return [
+                next
+            ];
+            inserted = true;
+            if ('inside' === position) return [
+                {
+                    ...next,
+                    isLeaf: false,
+                    children: [
+                        ...next.children ?? [],
+                        moved
+                    ]
+                }
+            ];
+            return 'before' === position ? [
+                moved,
+                next
+            ] : [
+                next,
+                moved
+            ];
+        });
+    const result = insert(remove(data));
+    return inserted ? result : null;
+}
+__webpack_require__.d(__webpack_exports__, {
+    moveTreeNode: ()=>moveTreeNode
+});
+exports.moveTreeNode = __webpack_exports__.moveTreeNode;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "moveTreeNode"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=move.cjs.map

package/dist/cjs/tree/move.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree/move.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/tree/move.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { TreeDropInfo, TreeNode } from './tree';\n\nexport function moveTreeNode(\n  data: readonly TreeNode[],\n  key: string,\n  target: string,\n  position: TreeDropInfo['position'],\n): TreeNode[] | null {\n  let moved: TreeNode | undefined;\n  const find = (nodes: readonly TreeNode[]): TreeNode | undefined => {\n    for (const node of nodes) {\n      if (node.key === key) return node;\n      const nested = find(node.children ?? []);\n      if (nested) return nested;\n    }\n    return undefined;\n  };\n  moved = find(data);\n  if (!moved || key === target) return null;\n  const contains = (node: TreeNode): boolean =>\n    node.key === target || (node.children ?? []).some(contains);\n  if (contains(moved)) return null;\n  const remove = (nodes: readonly TreeNode[]): TreeNode[] =>\n    nodes\n      .filter((node) => node.key !== key)\n      .map((node) => (node.children ? { ...node, children: remove(node.children) } : { ...node }));\n  let inserted = false;\n  const insert = (nodes: readonly TreeNode[]): TreeNode[] =>\n    nodes.flatMap((node) => {\n      const next = node.children ? { ...node, children: insert(node.children) } : { ...node };\n      if (node.key !== target) return [next];\n      inserted = true;\n      if (position === 'inside')\n        return [\n          { ...next, isLeaf: false, children: [...(next.children ?? []), moved as TreeNode] },\n        ];\n      return position === 'before' ? [moved as TreeNode, next] : [next, moved as TreeNode];\n    });\n  const result = insert(remove(data));\n  return inserted ? result : null;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","moveTreeNode","data","target","position","moved","find","nodes","node","nested","contains","remove","inserted","insert","next","result"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;ACJO,SAASI,aACdC,IAAyB,EACzBN,GAAW,EACXO,MAAc,EACdC,QAAkC;IAElC,IAAIC;IACJ,MAAMC,OAAO,CAACC;QACZ,KAAK,MAAMC,QAAQD,MAAO;YACxB,IAAIC,KAAK,GAAG,KAAKZ,KAAK,OAAOY;YAC7B,MAAMC,SAASH,KAAKE,KAAK,QAAQ,IAAI,EAAE;YACvC,IAAIC,QAAQ,OAAOA;QACrB;IAEF;IACAJ,QAAQC,KAAKJ;IACb,IAAI,CAACG,SAAST,QAAQO,QAAQ,OAAO;IACrC,MAAMO,WAAW,CAACF,OAChBA,KAAK,GAAG,KAAKL,UAAWK,AAAAA,CAAAA,KAAK,QAAQ,IAAI,EAAC,EAAG,IAAI,CAACE;IACpD,IAAIA,SAASL,QAAQ,OAAO;IAC5B,MAAMM,SAAS,CAACJ,QACdA,MACG,MAAM,CAAC,CAACC,OAASA,KAAK,GAAG,KAAKZ,KAC9B,GAAG,CAAC,CAACY,OAAUA,KAAK,QAAQ,GAAG;gBAAE,GAAGA,IAAI;gBAAE,UAAUG,OAAOH,KAAK,QAAQ;YAAE,IAAI;gBAAE,GAAGA,IAAI;YAAC;IAC7F,IAAII,WAAW;IACf,MAAMC,SAAS,CAACN,QACdA,MAAM,OAAO,CAAC,CAACC;YACb,MAAMM,OAAON,KAAK,QAAQ,GAAG;gBAAE,GAAGA,IAAI;gBAAE,UAAUK,OAAOL,KAAK,QAAQ;YAAE,IAAI;gBAAE,GAAGA,IAAI;YAAC;YACtF,IAAIA,KAAK,GAAG,KAAKL,QAAQ,OAAO;gBAACW;aAAK;YACtCF,WAAW;YACX,IAAIR,AAAa,aAAbA,UACF,OAAO;gBACL;oBAAE,GAAGU,IAAI;oBAAE,QAAQ;oBAAO,UAAU;2BAAKA,KAAK,QAAQ,IAAI,EAAE;wBAAGT;qBAAkB;gBAAC;aACnF;YACH,OAAOD,AAAa,aAAbA,WAAwB;gBAACC;gBAAmBS;aAAK,GAAG;gBAACA;gBAAMT;aAAkB;QACtF;IACF,MAAMU,SAASF,OAAOF,OAAOT;IAC7B,OAAOU,WAAWG,SAAS;AAC7B"}

package/dist/cjs/tree/move.d.cts

@@ -0,0 +1,3 @@
+import type { TreeDropInfo, TreeNode } from './tree.cjs';
+export declare function moveTreeNode(data: readonly TreeNode[], key: string, target: string, position: TreeDropInfo['position']): TreeNode[] | null;
+//# sourceMappingURL=move.d.cts.map

package/dist/cjs/tree/move.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move.d.cts","sourceRoot":"","sources":["../../../src/tree/move.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,wBAAgB,YAAY,CAC1B,IAAI,EAAE,SAAS,QAAQ,EAAE,EACzB,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,GACjC,QAAQ,EAAE,GAAG,IAAI,CAiCnB"}

package/dist/cjs/tree/tree.cjs

@@ -0,0 +1,492 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Tree: ()=>Tree,
+    TreeControl: ()=>TreeControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_virtual_namespaceObject = require("@tanstack/react-virtual");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const checkbox_cjs_namespaceObject = require("../checkbox/checkbox.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const external_density_cjs_namespaceObject = require("../density.cjs");
+const result_cjs_namespaceObject = require("../result/result.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const use_formatted_text_cjs_namespaceObject = require("../shared/use-formatted-text.cjs");
+const external_drag_cjs_namespaceObject = require("./drag.cjs");
+const external_model_cjs_namespaceObject = require("./model.cjs");
+function TreeControl({ data: suppliedData, selectedKeys, defaultSelectedKeys = [], onSelect, multiple = false, selectable = true, checkable = false, checkOnClick = false, expandOnClick = false, checkStrictly = false, checkedKeys, defaultCheckedKeys = [], onCheck, expandedKeys, defaultExpandedKeys = [], defaultExpandAll = false, onExpand, disabled = false, showLine = false, showIcon = false, searchValue = '', filterTreeNode, notFoundContent, loadData, cacheKey, nodeRender, onLoad, onLoadError, virtual = false, height = 320, itemHeight: itemHeightProp, draggable = false, allowDrop, onDrop, className, 'aria-label': label, ...props }) {
+    const { messages, direction, theme, density } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const format = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
+    const itemHeight = itemHeightProp ?? (0, external_density_cjs_namespaceObject.estimateControlHeight)(theme, density) + 6;
+    const [loaded, setLoaded] = (0, external_react_namespaceObject.useState)(new Map());
+    const [loading, setLoading] = (0, external_react_namespaceObject.useState)([]);
+    const requests = (0, external_react_namespaceObject.useRef)(new Map());
+    const latestLoad = (0, external_react_namespaceObject.useRef)({
+        loadData,
+        onLoad,
+        onLoadError
+    });
+    latestLoad.current = {
+        loadData,
+        onLoad,
+        onLoadError
+    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        for (const request of requests.current.values())request.abort();
+        requests.current.clear();
+        setLoaded(new Map());
+        setLoading([]);
+    }, [
+        suppliedData,
+        loadData,
+        cacheKey
+    ]);
+    const data = (0, external_react_namespaceObject.useMemo)(()=>{
+        const merge = (nodes)=>nodes.map((node)=>{
+                const children = node.children ?? loaded.get(node.key);
+                return children ? {
+                    ...node,
+                    children: merge(children),
+                    isLeaf: 0 === children.length
+                } : node;
+            });
+        return merge(suppliedData);
+    }, [
+        suppliedData,
+        loaded
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>()=>{
+            for (const request of requests.current.values())request.abort();
+            requests.current.clear();
+        }, []);
+    const load = (0, external_react_namespaceObject.useCallback)((node)=>{
+        const callback = latestLoad.current.loadData;
+        if (!callback || node.isLeaf || void 0 !== node.children || loaded.has(node.key) || requests.current.has(node.key)) return;
+        const request = new AbortController();
+        requests.current.set(node.key, request);
+        setLoading((previous)=>[
+                ...previous,
+                node.key
+            ]);
+        Promise.resolve().then(()=>request.signal.aborted ? [] : callback(node, request.signal)).then((children)=>{
+            if (request.signal.aborted) return;
+            setLoaded((previous)=>new Map(previous).set(node.key, children ?? []));
+            latestLoad.current.onLoad?.(node, children ?? []);
+        }).catch((reason)=>{
+            if (!request.signal.aborted) latestLoad.current.onLoadError?.(reason, node);
+        }).finally(()=>{
+            if (requests.current.get(node.key) !== request) return;
+            requests.current.delete(node.key);
+            if (!request.signal.aborted) setLoading((previous)=>previous.filter((key)=>key !== node.key));
+        });
+    }, [
+        loaded
+    ]);
+    const records = (0, external_react_namespaceObject.useMemo)(()=>(0, external_model_cjs_namespaceObject.treeModel)(data), [
+        data
+    ]);
+    const [selection, setSelection] = (0, external_react_namespaceObject.useState)(defaultSelectedKeys);
+    const [checks, setChecks] = (0, external_react_namespaceObject.useState)(defaultCheckedKeys);
+    const [expansion, setExpansion] = (0, external_react_namespaceObject.useState)(()=>defaultExpandAll ? [
+            ...records.keys()
+        ] : defaultExpandedKeys);
+    const selected = selectedKeys ?? selection;
+    const expanded = new Set(expandedKeys ?? expansion);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (disabled) return;
+        for (const key of expandedKeys ?? expansion){
+            const record = records.get(key);
+            if (record) load(record.node);
+        }
+    }, [
+        records,
+        expandedKeys,
+        expansion,
+        disabled,
+        load
+    ]);
+    const state = (0, external_react_namespaceObject.useMemo)(()=>(0, external_model_cjs_namespaceObject.treeChecks)(records, checkedKeys ?? checks, checkStrictly), [
+        records,
+        checkedKeys,
+        checks,
+        checkStrictly
+    ]);
+    const checked = new Set(state.checked);
+    const half = new Set(state.half);
+    const matches = (0, external_react_namespaceObject.useMemo)(()=>(0, external_model_cjs_namespaceObject.treeMatches)(records, searchValue, filterTreeNode), [
+        records,
+        searchValue,
+        filterTreeNode
+    ]);
+    const [active, setActive] = (0, external_react_namespaceObject.useState)();
+    const elements = (0, external_react_namespaceObject.useRef)(new Map());
+    const anchor = (0, external_react_namespaceObject.useRef)(void 0);
+    const typeAhead = (0, external_react_namespaceObject.useRef)({
+        text: '',
+        time: 0
+    });
+    const visible = [];
+    const isExpanded = (key)=>matches ? matches.visible.has(key) : expanded.has(key);
+    const collect = (nodes)=>{
+        for (const node of nodes)if (!matches || matches.visible.has(node.key)) {
+            visible.push(node);
+            if (isExpanded(node.key) && node.children) collect(node.children);
+        }
+    };
+    collect(data);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const virtualizer = (0, react_virtual_namespaceObject.useVirtualizer)({
+        count: visible.length,
+        getScrollElement: ()=>root.current,
+        estimateSize: ()=>Math.max(24, itemHeight),
+        overscan: 5,
+        enabled: virtual,
+        initialRect: {
+            height,
+            width: 400
+        },
+        getItemKey: (index)=>visible[index]?.key ?? index
+    });
+    const focusKey = visible.some((node)=>node.key === active) ? active : visible.find((node)=>selected.includes(node.key))?.key ?? visible[0]?.key;
+    const focus = (key)=>{
+        if (key) {
+            setActive(key);
+            if (virtual) {
+                const index = visible.findIndex((node)=>node.key === key);
+                if (index >= 0) virtualizer.scrollToIndex(index, {
+                    align: 'auto'
+                });
+                requestAnimationFrame(()=>elements.current.get(key)?.focus());
+            }
+            elements.current.get(key)?.focus();
+        }
+    };
+    const expand = (node, next)=>{
+        if (disabled) return;
+        if (next) load(node);
+        const keys = next ? [
+            ...new Set([
+                ...expanded,
+                node.key
+            ])
+        ] : [
+            ...expanded
+        ].filter((key)=>key !== node.key);
+        if (void 0 === expandedKeys) setExpansion(keys);
+        onExpand?.(keys, {
+            node,
+            expanded: next
+        });
+    };
+    const select = (node, modifiers)=>{
+        if (disabled || node.disabled || !selectable || false === node.selectable) return;
+        let next = selected.includes(node.key) ? [] : [
+            node.key
+        ];
+        if (multiple) if (modifiers?.shiftKey && anchor.current) {
+            const first = visible.findIndex((item)=>item.key === anchor.current);
+            const last = visible.indexOf(node);
+            next = visible.slice(Math.max(0, Math.min(first, last)), Math.max(first, last) + 1).filter((item)=>!item.disabled && false !== item.selectable).map((item)=>item.key);
+        } else next = selected.includes(node.key) ? selected.filter((key)=>key !== node.key) : [
+            ...selected,
+            node.key
+        ];
+        if (!modifiers?.shiftKey) anchor.current = node.key;
+        if (void 0 === selectedKeys) setSelection(next);
+        onSelect?.(next, {
+            node,
+            selected: next.includes(node.key),
+            selectedNodes: next.flatMap((key)=>records.get(key)?.node ?? [])
+        });
+    };
+    const check = (node)=>{
+        if (disabled || node.disabled || node.disableCheckbox || false === node.checkable) return;
+        const next = (0, external_model_cjs_namespaceObject.treeChecks)(records, state.checked, checkStrictly, {
+            key: node.key,
+            checked: !checked.has(node.key)
+        });
+        if (void 0 === checkedKeys) setChecks(next.checked);
+        onCheck?.(next.checked, {
+            node,
+            checked: !checked.has(node.key),
+            checkedNodes: next.checked.flatMap((key)=>records.get(key)?.node ?? []),
+            halfCheckedKeys: next.half
+        });
+    };
+    const keyDown = (event, node)=>{
+        if (event.target !== event.currentTarget && event.target.closest('input,textarea,select,button,a[href],[contenteditable="true"]')) return;
+        if (event.defaultPrevented || event.target.closest('.leaf-tree__drag-handle')) return;
+        event.stopPropagation();
+        const index = visible.indexOf(node);
+        const hasChildren = Boolean(node.children?.length || loadData && !node.isLeaf && void 0 === node.children);
+        if ('ArrowDown' === event.key) focus(visible[Math.min(index + 1, visible.length - 1)]?.key);
+        else if ('ArrowUp' === event.key) focus(visible[Math.max(0, index - 1)]?.key);
+        else if ('Home' === event.key) focus(visible[0]?.key);
+        else if ('End' === event.key) focus(visible.at(-1)?.key);
+        else if (event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight')) {
+            if (hasChildren && !isExpanded(node.key)) expand(node, true);
+            else if (hasChildren) focus(node.children?.find((child)=>!matches || matches.visible.has(child.key))?.key);
+        } else if (event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft')) if (hasChildren && isExpanded(node.key)) expand(node, false);
+        else focus(records.get(node.key)?.parent);
+        else if (' ' === event.key || 'Enter' === event.key) if (checkable && (' ' === event.key || checkOnClick)) check(node);
+        else if (expandOnClick && hasChildren && (!selectable || false === node.selectable)) expand(node, !isExpanded(node.key));
+        else select(node, event);
+        else {
+            if (1 !== event.key.length || event.altKey || event.ctrlKey || event.metaKey) return;
+            const now = Date.now();
+            typeAhead.current = {
+                text: (now - typeAhead.current.time < 600 ? typeAhead.current.text : '') + event.key.toLocaleLowerCase(),
+                time: now
+            };
+            const ordered = [
+                ...visible.slice(index + 1),
+                ...visible.slice(0, index + 1)
+            ];
+            focus(ordered.find((item)=>(item.searchLabel ?? ('string' == typeof item.title ? item.title : item.key)).toLocaleLowerCase().startsWith(typeAhead.current.text))?.key);
+        }
+        event.preventDefault();
+    };
+    const renderNode = (node, level, index, setSize, flat = false)=>{
+        const hasChildren = Boolean(node.children?.length || loadData && !node.isLeaf && void 0 === node.children);
+        const opened = hasChildren && isExpanded(node.key);
+        const inactive = disabled || node.disabled;
+        const Icon = hasChildren ? opened ? external_lucide_react_namespaceObject.FolderOpen : external_lucide_react_namespaceObject.Folder : external_lucide_react_namespaceObject.File;
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            role: "treeitem",
+            "aria-level": level,
+            "aria-label": node.searchLabel ?? ('string' == typeof node.title ? node.title : void 0),
+            "aria-posinset": index + 1,
+            "aria-setsize": setSize,
+            "aria-expanded": hasChildren ? opened : void 0,
+            "aria-selected": selectable && false !== node.selectable ? selected.includes(node.key) : void 0,
+            "aria-checked": checkable && false !== node.checkable ? half.has(node.key) ? 'mixed' : checked.has(node.key) : void 0,
+            "aria-disabled": inactive || void 0,
+            tabIndex: focusKey === node.key ? 0 : -1,
+            className: "leaf-tree__item",
+            "data-node-key": node.key,
+            ref: (element)=>{
+                if (element) elements.current.set(node.key, element);
+                else elements.current.delete(node.key);
+            },
+            onFocus: (event)=>{
+                if (event.target === event.currentTarget) setActive(node.key);
+            },
+            onKeyDown: (event)=>keyDown(event, node),
+            onClick: (event)=>{
+                event.stopPropagation();
+                if (!event.currentTarget.firstElementChild?.contains(event.target) || event.target.closest('.leaf-tree__check, .leaf-tree__drag-handle, input, textarea, select, button, a[href], [contenteditable="true"]')) return;
+                focus(node.key);
+                if (checkable && checkOnClick) check(node);
+                else if (expandOnClick && hasChildren && (!selectable || false === node.selectable)) expand(node, !opened);
+                else select(node, event);
+            },
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(TreeRow, {
+                    enabled: Boolean(draggable),
+                    node: node,
+                    draggable: !disabled && Boolean('function' == typeof draggable ? draggable(node) : draggable),
+                    children: [
+                        ' ',
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "leaf-tree__row",
+                            "data-selected": selected.includes(node.key) || void 0,
+                            "data-disabled": inactive || void 0,
+                            style: {
+                                paddingInlineStart: `${(level - 1) * 20 + 4}px`
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                    type: "button",
+                                    className: "leaf-tree__toggle",
+                                    tabIndex: -1,
+                                    "aria-label": format(opened ? 'tree.collapseNode' : 'tree.expandNode', {
+                                        label: node.searchLabel ?? ('string' == typeof node.title ? node.title : node.key)
+                                    }),
+                                    disabled: disabled,
+                                    "data-hidden": !hasChildren || void 0,
+                                    "data-open": opened || void 0,
+                                    "aria-hidden": !hasChildren || void 0,
+                                    onClick: (event)=>{
+                                        event.stopPropagation();
+                                        focus(node.key);
+                                        expand(node, !opened);
+                                    },
+                                    children: loading.includes(node.key) ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LoaderCircle, {
+                                        size: 14,
+                                        className: "leaf-tree__spinner",
+                                        "aria-hidden": "true"
+                                    }) : hasChildren && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
+                                        size: 14,
+                                        "aria-hidden": "true"
+                                    })
+                                }),
+                                checkable && false !== node.checkable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "leaf-tree__check",
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.CheckboxControl, {
+                                        checked: checked.has(node.key),
+                                        indeterminate: half.has(node.key),
+                                        disabled: inactive || node.disableCheckbox,
+                                        tabIndex: -1,
+                                        "aria-label": node.searchLabel ?? ('string' == typeof node.title ? node.title : node.key),
+                                        onChange: ()=>{
+                                            focus(node.key);
+                                            check(node);
+                                        }
+                                    })
+                                }),
+                                (showIcon || node.icon) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "leaf-tree__icon",
+                                    "aria-hidden": "true",
+                                    children: node.icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+                                        size: 16
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "leaf-tree__title",
+                                    "data-match": matches?.matched.has(node.key) || void 0,
+                                    children: nodeRender?.(node) ?? node.title
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                hasChildren && !flat && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TreeGroup, {
+                    open: opened,
+                    style: {
+                        '--leaf-tree-line-left': `${(level - 1) * 20 + 14}px`
+                    },
+                    children: ()=>renderNodes(node.children ?? [], level + 1)
+                })
+            ]
+        }, node.key);
+    };
+    const renderNodes = (nodes, level)=>{
+        const siblings = nodes.filter((node)=>!matches || matches.visible.has(node.key));
+        return siblings.map((node, index)=>renderNode(node, level, index, siblings.length));
+    };
+    const content = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: root,
+        style: {
+            ...virtual ? {
+                height,
+                overflow: 'auto'
+            } : {},
+            ...props.style
+        },
+        role: "tree",
+        "aria-label": label ?? messages.tree.label,
+        "aria-multiselectable": multiple || checkable || void 0,
+        "aria-disabled": disabled || void 0,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-tree', showLine && 'leaf-tree--lines', className),
+        children: visible.length ? virtual ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: {
+                position: 'relative',
+                height: virtualizer.getTotalSize()
+            },
+            children: virtualizer.getVirtualItems().map((row)=>{
+                const node = visible[row.index];
+                if (!node) return null;
+                const record = records.get(node.key);
+                const siblings = (record?.parent ? records.get(record.parent)?.node.children ?? [] : data).filter((item)=>!matches || matches.visible.has(item.key));
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    ref: virtualizer.measureElement,
+                    "data-index": row.index,
+                    style: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        width: '100%',
+                        transform: `translateY(${row.start}px)`
+                    },
+                    children: renderNode(node, record?.level ?? 1, siblings.findIndex((item)=>item.key === node.key), siblings.length, true)
+                }, node.key);
+            })
+        }) : renderNodes(data, 1) : notFoundContent ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(result_cjs_namespaceObject.ResultControl, {
+            size: "sm",
+            title: messages.select.empty,
+            icon: null
+        })
+    });
+    return draggable ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drag_cjs_namespaceObject.TreeDragScope, {
+        data: data,
+        nodes: records,
+        allowDrop: allowDrop,
+        onDrop: onDrop,
+        children: content
+    }) : content;
+}
+function TreeGroup({ open, style, children }) {
+    const [visited, setVisited] = (0, external_react_namespaceObject.useState)(open);
+    if (open && !visited) setVisited(true);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("fieldset", {
+        className: "leaf-tree__group",
+        style: style,
+        "aria-hidden": !open || void 0,
+        ...(0, inert_cjs_namespaceObject.inertProps)(!open),
+        "data-open": open || void 0,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "leaf-tree__group-inner",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-tree__group-content",
+                children: visited && children()
+            })
+        })
+    });
+}
+function TreeRow({ enabled, node, draggable, children }) {
+    return enabled ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drag_cjs_namespaceObject.TreeDragRow, {
+        node: node,
+        draggable: draggable,
+        children: children
+    }) : children;
+}
+function Tree(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Tree', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TreeControl, {
+        ...props
+    });
+}
+exports.Tree = __webpack_exports__.Tree;
+exports.TreeControl = __webpack_exports__.TreeControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Tree",
+    "TreeControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=tree.cjs.map