@deepnoid/ui 0.1.23 → 0.1.25

package/dist/components/tree/tree.js

@@ -4294,53 +4294,109 @@ var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) =
 };
 var Icon_default = Icon;
 
-// src/assets/images/cogwheel.png
-var cogwheel_default = "../../cogwheel-U2B3CWEL.png";
-
-// src/assets/images/folder.svg
-var folder_default = "../../folder-RO3QTLGS.svg";
+// src/utils/clsx.ts
+function clsx(...args) {
+  var i = 0, tmp, x, str = "";
+  while (i < args.length) {
+    if (tmp = args[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += " ");
+        str += x;
+      }
+    }
+  }
+  return str;
+}
+function toVal(mix) {
+  var k, y, str = "";
+  if (typeof mix === "string" || typeof mix === "number") {
+    str += mix;
+  } else if (typeof mix === "object") {
+    if (Array.isArray(mix)) {
+      var len = mix.length;
+      for (k = 0; k < len; k++) {
+        if (mix[k]) {
+          if (y = toVal(mix[k])) {
+            str && (str += " ");
+            str += y;
+          }
+        }
+      }
+    } else {
+      for (y in mix) {
+        if (mix[y]) {
+          str && (str += " ");
+          str += y;
+        }
+      }
+    }
+  }
+  return str;
+}
 
 // src/components/tree/tree.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var TreeNodeItem = (0, import_react.forwardRef)(({ node, depth, classNames }) => {
+var TreeNodeItem = (0, import_react.forwardRef)(({ node, depth, fileIcon, isLoading, classNames }) => {
   var _a;
   const [isOpen, setIsOpen] = (0, import_react.useState)(false);
   const slots = (0, import_react.useMemo)(() => treeStyle(), []);
   const toggleOpen = (0, import_react.useCallback)(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
-      node.children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        Icon_default,
-        {
-          name: "right-chevron",
-          className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
-        }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      className: clsx(
+        depth > 1 ? "ml-[30px]" : "",
+        "transition-all duration-150 ease-out",
+        isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: folder_default, alt: "folder", width: 25, height: 25 }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
-        var _a2;
-        return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
-      }, children: node.label })
-    ] }),
-    isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TreeNodeItem, { node: child, depth: depth + 1, classNames }, child.id)))
-  ] });
-});
-var Tree = (0, import_react.forwardRef)(({ headerContent, group, classNames }) => {
-  const { label, data, onClick } = group;
-  const slots = (0, import_react.useMemo)(() => treeStyle(), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    headerContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: headerContent }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: cogwheel_default, alt: "cogwheel", width: 25, height: 25 }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
-      ] }),
-      data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TreeNodeItem, { node, depth: 1, classNames }, node.id))
-    ] })
-  ] });
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
+          node.children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            Icon_default,
+            {
+              name: "right-chevron",
+              className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
+            }
+          ),
+          fileIcon,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
+            var _a2;
+            return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
+          }, children: node.label })
+        ] }),
+        isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TreeNodeItem, { node: child, depth: depth + 1, classNames, fileIcon }, child.id)))
+      ]
+    }
+  );
 });
+var Tree = (0, import_react.forwardRef)(
+  ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }) => {
+    const { label, data, onClick } = group;
+    const slots = (0, import_react.useMemo)(() => treeStyle(), []);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+      headerContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: headerContent }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
+          groupIcon,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
+        ] }),
+        data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          TreeNodeItem,
+          {
+            node,
+            depth: 1,
+            classNames,
+            fileIcon,
+            isLoading
+          },
+          node.id
+        ))
+      ] })
+    ] });
+  }
+);
 TreeNodeItem.displayName = "TreeNodeItem";
 Tree.displayName = "Tree";
 var tree_default = Tree;

package/dist/components/tree/tree.mjs

@@ -1,13 +1,12 @@
 "use client";
 import {
   tree_default
-} from "../../chunk-BZGUSIX5.mjs";
+} from "../../chunk-K4QY2F5J.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-7USF56CT.mjs";
-import "../../chunk-IZM66FHP.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tree_default as default

package/dist/index.js

@@ -10000,54 +10000,68 @@ var dateTimePickerStyle = tv({
 
 // src/components/tree/tree.tsx
 var import_react34 = require("react");
-
-// src/assets/images/cogwheel.png
-var cogwheel_default = "./cogwheel-U2B3CWEL.png";
-
-// src/assets/images/folder.svg
-var folder_default = "./folder-RO3QTLGS.svg";
-
-// src/components/tree/tree.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var TreeNodeItem = (0, import_react34.forwardRef)(({ node, depth, classNames }) => {
+var TreeNodeItem = (0, import_react34.forwardRef)(({ node, depth, fileIcon, isLoading, classNames }) => {
   var _a;
   const [isOpen, setIsOpen] = (0, import_react34.useState)(false);
   const slots = (0, import_react34.useMemo)(() => treeStyle(), []);
   const toggleOpen = (0, import_react34.useCallback)(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
-      node.children && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        Icon_default,
-        {
-          name: "right-chevron",
-          className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
-        }
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    "div",
+    {
+      className: clsx(
+        depth > 1 ? "ml-[30px]" : "",
+        "transition-all duration-150 ease-out",
+        isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: folder_default, alt: "folder", width: 25, height: 25 }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
-        var _a2;
-        return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
-      }, children: node.label })
-    ] }),
-    isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TreeNodeItem, { node: child, depth: depth + 1, classNames }, child.id)))
-  ] });
-});
-var Tree = (0, import_react34.forwardRef)(({ headerContent, group, classNames }) => {
-  const { label, data, onClick } = group;
-  const slots = (0, import_react34.useMemo)(() => treeStyle(), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    headerContent && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: headerContent }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: cogwheel_default, alt: "cogwheel", width: 25, height: 25 }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
-      ] }),
-      data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TreeNodeItem, { node, depth: 1, classNames }, node.id))
-    ] })
-  ] });
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
+          node.children && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            Icon_default,
+            {
+              name: "right-chevron",
+              className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
+            }
+          ),
+          fileIcon,
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
+            var _a2;
+            return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
+          }, children: node.label })
+        ] }),
+        isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TreeNodeItem, { node: child, depth: depth + 1, classNames, fileIcon }, child.id)))
+      ]
+    }
+  );
 });
+var Tree = (0, import_react34.forwardRef)(
+  ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }) => {
+    const { label, data, onClick } = group;
+    const slots = (0, import_react34.useMemo)(() => treeStyle(), []);
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+      headerContent && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: headerContent }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
+          groupIcon,
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
+        ] }),
+        data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          TreeNodeItem,
+          {
+            node,
+            depth: 1,
+            classNames,
+            fileIcon,
+            isLoading
+          },
+          node.id
+        ))
+      ] })
+    ] });
+  }
+);
 TreeNodeItem.displayName = "TreeNodeItem";
 Tree.displayName = "Tree";
 var tree_default = Tree;

package/dist/index.mjs

@@ -1,18 +1,30 @@
 "use client";
+import "./chunk-QCEKPS7U.mjs";
+import {
+  select_default
+} from "./chunk-MSAULFDB.mjs";
+import "./chunk-HIE2YRGA.mjs";
+import {
+  tooltip_default
+} from "./chunk-Z2537DF6.mjs";
+import "./chunk-ZMOAFSYE.mjs";
+import "./chunk-WSIADHVC.mjs";
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "./chunk-BZGUSIX5.mjs";
+} from "./chunk-K4QY2F5J.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-2YMAKIZ6.mjs";
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
 } from "./chunk-BKE6QF6W.mjs";
-import "./chunk-HIE2YRGA.mjs";
+import "./chunk-LVFI2NOH.mjs";
 import {
-  tooltip_default
-} from "./chunk-Z2537DF6.mjs";
-import "./chunk-ZMOAFSYE.mjs";
-import "./chunk-WSIADHVC.mjs";
+  switch_default
+} from "./chunk-Z74QNVPG.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -28,29 +40,13 @@ import {
 } from "./chunk-ICZTNO4V.mjs";
 import {
   table_default
-} from "./chunk-6OMHIMIA.mjs";
-import "./chunk-XRC5OUYQ.mjs";
-import "./chunk-EAK5DVWA.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-2YMAKIZ6.mjs";
-import "./chunk-QCEKPS7U.mjs";
-import {
-  select_default
-} from "./chunk-MSAULFDB.mjs";
+} from "./chunk-6EU5GUL5.mjs";
 import "./chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
-import "./chunk-LVFI2NOH.mjs";
-import {
-  switch_default
-} from "./chunk-Z74QNVPG.mjs";
-import "./chunk-DJOG6Z35.mjs";
-import {
-  modal_default
-} from "./chunk-ZUSUVPYV.mjs";
+import "./chunk-XRC5OUYQ.mjs";
+import "./chunk-EAK5DVWA.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
@@ -64,65 +60,67 @@ import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
 } from "./chunk-P5PJTJLY.mjs";
-import "./chunk-QZ3LVYJW.mjs";
-import "./chunk-MGEWSREV.mjs";
+import "./chunk-DJOG6Z35.mjs";
 import {
-  chip_default
-} from "./chunk-6HX3PPL6.mjs";
+  modal_default
+} from "./chunk-B3DFSXGC.mjs";
+import "./chunk-MGEWSREV.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-EYVRTVRM.mjs";
+} from "./chunk-SCFTSNCK.mjs";
 import "./chunk-Q72LZAPG.mjs";
-import "./chunk-OWG4RL2T.mjs";
+import "./chunk-DLQFMOBN.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
-import {
-  listItem_default
-} from "./chunk-PZIVMTKX.mjs";
 import {
   list_default
 } from "./chunk-HIVPDIEP.mjs";
+import {
+  listItem_default
+} from "./chunk-QY7LYAXT.mjs";
 import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-P732YGHO.mjs";
+import "./chunk-QZ3LVYJW.mjs";
+import {
+  checkbox_default
+} from "./chunk-D6QI3DJG.mjs";
+import {
+  chip_default
+} from "./chunk-6HX3PPL6.mjs";
+import "./chunk-7DLOYKVC.mjs";
+import {
+  avatar_default
+} from "./chunk-XQGD4ZIX.mjs";
+import "./chunk-SE5TU755.mjs";
+import {
+  backdrop_default
+} from "./chunk-LL6F3WDX.mjs";
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-6KXBXGYR.mjs";
+} from "./chunk-Y27H2AMV.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   button_group_default
 } from "./chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "./chunk-PNRS23HE.mjs";
+} from "./chunk-BQUZRVYW.mjs";
 import {
   icon_button_default
-} from "./chunk-VQROXH43.mjs";
+} from "./chunk-PMMTMYRI.mjs";
 import "./chunk-6WSACUIB.mjs";
-import "./chunk-LXHUO6VM.mjs";
 import "./chunk-6PNKRBUT.mjs";
+import "./chunk-LXHUO6VM.mjs";
+import {
+  text_button_default
+} from "./chunk-WFMFC7R6.mjs";
 import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
 } from "./chunk-HWL7TPUN.mjs";
-import {
-  text_button_default
-} from "./chunk-WFMFC7R6.mjs";
-import {
-  checkbox_default
-} from "./chunk-D6QI3DJG.mjs";
-import "./chunk-7DLOYKVC.mjs";
-import {
-  avatar_default
-} from "./chunk-XQGD4ZIX.mjs";
 import "./chunk-3IU2RPSM.mjs";
-import "./chunk-7USF56CT.mjs";
-import "./chunk-IZM66FHP.mjs";
-import "./chunk-SE5TU755.mjs";
-import {
-  backdrop_default
-} from "./chunk-LL6F3WDX.mjs";
 import {
   deepnoidUi,
   tv

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/assets/images/cogwheel.d.mts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/assets/images/cogwheel.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/assets/images/cogwheel.js

@@ -1,4 +0,0 @@
-"use client";
-
-// src/assets/images/cogwheel.png
-var cogwheel_default = "../../cogwheel-U2B3CWEL.png";

package/dist/assets/images/cogwheel.mjs

@@ -1,8 +0,0 @@
-"use client";
-import {
-  cogwheel_default
-} from "../../chunk-7USF56CT.mjs";
-import "../../chunk-AC6TWLRT.mjs";
-export {
-  cogwheel_default as default
-};

package/dist/assets/images/folder.d.mts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/assets/images/folder.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/assets/images/folder.js

@@ -1,4 +0,0 @@
-"use client";
-
-// src/assets/images/folder.svg
-var folder_default = "../../folder-RO3QTLGS.svg";

package/dist/assets/images/folder.mjs

@@ -1,8 +0,0 @@
-"use client";
-import {
-  folder_default
-} from "../../chunk-IZM66FHP.mjs";
-import "../../chunk-AC6TWLRT.mjs";
-export {
-  folder_default as default
-};

package/dist/chunk-7USF56CT.mjs

@@ -1,8 +0,0 @@
-"use client";
-
-// src/assets/images/cogwheel.png
-var cogwheel_default = "./cogwheel-U2B3CWEL.png";
-
-export {
-  cogwheel_default
-};

package/dist/chunk-BZGUSIX5.mjs

@@ -1,80 +0,0 @@
-"use client";
-import {
-  Icon_default
-} from "./chunk-HWL7TPUN.mjs";
-import {
-  cogwheel_default
-} from "./chunk-7USF56CT.mjs";
-import {
-  folder_default
-} from "./chunk-IZM66FHP.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
-
-// src/components/tree/tree.tsx
-import { forwardRef, useMemo, useState, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TreeNodeItem = forwardRef(({ node, depth, classNames }) => {
-  var _a;
-  const [isOpen, setIsOpen] = useState(false);
-  const slots = useMemo(() => treeStyle(), []);
-  const toggleOpen = useCallback(() => {
-    setIsOpen((prev) => !prev);
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
-    /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
-      node.children && /* @__PURE__ */ jsx(
-        Icon_default,
-        {
-          name: "right-chevron",
-          className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
-        }
-      ),
-      /* @__PURE__ */ jsx("img", { src: folder_default, alt: "folder", width: 25, height: 25 }),
-      /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
-        var _a2;
-        return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
-      }, children: node.label })
-    ] }),
-    isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ jsx(TreeNodeItem, { node: child, depth: depth + 1, classNames }, child.id)))
-  ] });
-});
-var Tree = forwardRef(({ headerContent, group, classNames }) => {
-  const { label, data, onClick } = group;
-  const slots = useMemo(() => treeStyle(), []);
-  return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    headerContent && /* @__PURE__ */ jsx("div", { children: headerContent }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-        /* @__PURE__ */ jsx("img", { src: cogwheel_default, alt: "cogwheel", width: 25, height: 25 }),
-        /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
-      ] }),
-      data.map((node) => /* @__PURE__ */ jsx(TreeNodeItem, { node, depth: 1, classNames }, node.id))
-    ] })
-  ] });
-});
-TreeNodeItem.displayName = "TreeNodeItem";
-Tree.displayName = "Tree";
-var tree_default = Tree;
-var treeStyle = tv({
-  slots: {
-    base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
-    wrapper: [
-      "flex",
-      "items-center",
-      "gap-[5px]",
-      "text-md",
-      "font-bold",
-      "text-body-foreground",
-      "hover:bg-neutral-soft",
-      "p-[5px]",
-      "rounded-[5px]"
-    ],
-    label: ["cursor-pointer"]
-  }
-});
-
-export {
-  tree_default
-};

package/dist/chunk-IZM66FHP.mjs

@@ -1,8 +0,0 @@
-"use client";
-
-// src/assets/images/folder.svg
-var folder_default = "./folder-RO3QTLGS.svg";
-
-export {
-  folder_default
-};