@deepnoid/ui 0.1.22 → 0.1.24

package/dist/{chunk-BPVRXFIC.mjs → chunk-OS26K37M.mjs}

@@ -2,12 +2,6 @@
 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";
@@ -15,44 +9,42 @@ import {
 // src/components/tree/tree.tsx
 import { forwardRef, useMemo, useState, useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var TreeNodeItem = forwardRef(({ node, depth }, _ref) => {
+var TreeNodeItem = forwardRef(({ node, depth, fileIcon, classNames }) => {
   var _a;
   const [isOpen, setIsOpen] = useState(false);
   const slots = useMemo(() => treeStyle(), []);
   const toggleOpen = useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleClick = () => {
-    var _a2;
-    toggleOpen();
-    (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
-  };
   return /* @__PURE__ */ jsxs("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
-    /* @__PURE__ */ jsxs("div", { className: slots.label(), onClick: handleClick, 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 transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
+          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 }),
-      node.label
+      fileIcon,
+      /* @__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 }, child.id)))
+    isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ jsx(TreeNodeItem, { node: child, depth: depth + 1, classNames, fileIcon }, child.id)))
   ] });
 });
-var Tree = forwardRef(({ headerContent, group }, ref) => {
+var Tree = forwardRef(({ headerContent, group, groupIcon, fileIcon, classNames }) => {
   const { label, data, onClick } = group;
   const slots = useMemo(() => treeStyle(), []);
-  return /* @__PURE__ */ jsxs("div", { className: slots.base(), ref, children: [
+  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.label(), onClick, children: [
-        /* @__PURE__ */ jsx("img", { src: cogwheel_default, alt: "cogwheel", width: 25, height: 25 }),
-        label
+      /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
+        groupIcon,
+        /* @__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 }, node.id))
+      data.map((node) => /* @__PURE__ */ jsx(TreeNodeItem, { node, depth: 1, classNames, fileIcon }, node.id))
     ] })
   ] });
 });
@@ -61,8 +53,8 @@ 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]"],
-    label: [
+    base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
+    wrapper: [
       "flex",
       "items-center",
       "gap-[5px]",
@@ -71,9 +63,9 @@ var treeStyle = tv({
       "text-body-foreground",
       "hover:bg-neutral-soft",
       "p-[5px]",
-      "rounded-[5px]",
-      "cursor-pointer"
-    ]
+      "rounded-[5px]"
+    ],
+    label: ["cursor-pointer"]
   }
 });
 

package/dist/{chunk-EYVRTVRM.mjs → chunk-SCFTSNCK.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-Q72LZAPG.mjs";
 import {
   timePicker_default
-} from "./chunk-OWG4RL2T.mjs";
+} from "./chunk-DLQFMOBN.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   breadcrumb_default
-} from "../../chunk-6KXBXGYR.mjs";
+} from "../../chunk-Y27H2AMV.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-PNRS23HE.mjs";
-import "../../chunk-VQROXH43.mjs";
+import "../../chunk-BQUZRVYW.mjs";
+import "../../chunk-PMMTMYRI.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/breadcrumb/index.mjs

@@ -2,17 +2,17 @@
 import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "../../chunk-6KXBXGYR.mjs";
+} from "../../chunk-Y27H2AMV.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-PNRS23HE.mjs";
-import "../../chunk-VQROXH43.mjs";
+import "../../chunk-BQUZRVYW.mjs";
+import "../../chunk-PMMTMYRI.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/button/button.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   button_default
-} from "../../chunk-PNRS23HE.mjs";
+} from "../../chunk-BQUZRVYW.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
 import "../../chunk-3IU2RPSM.mjs";

package/dist/components/button/icon-button.mjs

@@ -1,10 +1,10 @@
 "use client";
 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 "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
 import "../../chunk-3IU2RPSM.mjs";

package/dist/components/button/index.mjs

@@ -5,18 +5,18 @@ import {
 } 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-ZYIIXWVY.mjs";
-import "../../chunk-HWL7TPUN.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import {
   text_button_default
 } from "../../chunk-WFMFC7R6.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-HWL7TPUN.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/dateTimePicker/dateTimePicker.mjs

@@ -2,17 +2,17 @@
 import {
   dateTimePickerStyle,
   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 "../../chunk-PZIVMTKX.mjs";
 import "../../chunk-HIVPDIEP.mjs";
+import "../../chunk-QY7LYAXT.mjs";
 import "../../chunk-FWJ2ZKH6.mjs";
 import "../../chunk-P732YGHO.mjs";
+import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/dateTimePicker/index.mjs

@@ -2,17 +2,17 @@
 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 "../../chunk-PZIVMTKX.mjs";
 import "../../chunk-HIVPDIEP.mjs";
+import "../../chunk-QY7LYAXT.mjs";
 import "../../chunk-FWJ2ZKH6.mjs";
 import "../../chunk-P732YGHO.mjs";
+import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/dateTimePicker/timePicker.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   timePicker_default
-} from "../../chunk-OWG4RL2T.mjs";
+} from "../../chunk-DLQFMOBN.mjs";
 import "../../chunk-7MVEAQ7Z.mjs";
-import "../../chunk-PZIVMTKX.mjs";
 import "../../chunk-HIVPDIEP.mjs";
+import "../../chunk-QY7LYAXT.mjs";
+import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/list/index.mjs

@@ -1,14 +1,14 @@
 "use client";
 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-XQGD4ZIX.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/list/listItem.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   listItem_default
-} from "../../chunk-PZIVMTKX.mjs";
+} from "../../chunk-QY7LYAXT.mjs";
+import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-XQGD4ZIX.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/modal/index.mjs

@@ -2,20 +2,20 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-ZUSUVPYV.mjs";
+} from "../../chunk-B3DFSXGC.mjs";
+import "../../chunk-SE5TU755.mjs";
+import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-PNRS23HE.mjs";
-import "../../chunk-VQROXH43.mjs";
+import "../../chunk-BQUZRVYW.mjs";
+import "../../chunk-PMMTMYRI.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-SE5TU755.mjs";
-import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/modal/modal.mjs

@@ -1,20 +1,20 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-ZUSUVPYV.mjs";
+} from "../../chunk-B3DFSXGC.mjs";
+import "../../chunk-SE5TU755.mjs";
+import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-PNRS23HE.mjs";
-import "../../chunk-VQROXH43.mjs";
+import "../../chunk-BQUZRVYW.mjs";
+import "../../chunk-PMMTMYRI.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-SE5TU755.mjs";
-import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/ripple/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../chunk-6WSACUIB.mjs";
-import {
-  ripple_default
-} from "../../chunk-LXHUO6VM.mjs";
 import {
   useRipple
 } from "../../chunk-6PNKRBUT.mjs";
+import {
+  ripple_default
+} from "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   ripple_default as Ripple,

package/dist/components/table/index.mjs

@@ -1,8 +1,5 @@
 "use client";
 import "../../chunk-DX3KXNP6.mjs";
-import {
-  form_table_default
-} from "../../chunk-ICZTNO4V.mjs";
 import {
   table_default
 } from "../../chunk-6OMHIMIA.mjs";
@@ -10,15 +7,18 @@ import "../../chunk-XRC5OUYQ.mjs";
 import "../../chunk-EAK5DVWA.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
+import {
+  form_table_default
+} from "../../chunk-ICZTNO4V.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-IVK24VIL.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-P5PJTJLY.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
+import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/table/table.mjs

@@ -12,9 +12,9 @@ import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-P5PJTJLY.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
+import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/tree/index.d.mts

@@ -1,2 +1,5 @@
-export { default as Tree } from './tree.mjs';
+export { default as Tree, TreeNode } from './tree.mjs';
+import 'tailwind-variants';
+import 'tailwind-merge';
 import 'react';
+import '../../utils/types.mjs';

package/dist/components/tree/index.d.ts

@@ -1,2 +1,5 @@
-export { default as Tree } from './tree.js';
+export { default as Tree, TreeNode } from './tree.js';
+import 'tailwind-variants';
+import 'tailwind-merge';
 import 'react';
+import '../../utils/types.js';

package/dist/components/tree/index.js

@@ -4296,52 +4296,44 @@ 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/components/tree/tree.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var TreeNodeItem = (0, import_react.forwardRef)(({ node, depth }, _ref) => {
+var TreeNodeItem = (0, import_react.forwardRef)(({ node, depth, fileIcon, 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);
   }, []);
-  const handleClick = () => {
-    var _a2;
-    toggleOpen();
-    (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
-  };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.label(), onClick: handleClick, 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 transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
+          className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: folder_default, alt: "folder", width: 25, height: 25 }),
-      node.label
+      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 }, child.id)))
+    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 }, ref) => {
+var Tree = (0, import_react.forwardRef)(({ headerContent, group, groupIcon, fileIcon, classNames }) => {
   const { label, data, onClick } = group;
   const slots = (0, import_react.useMemo)(() => treeStyle(), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.base(), ref, children: [
+  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.label(), onClick, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: cogwheel_default, alt: "cogwheel", width: 25, height: 25 }),
-        label
+      /* @__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 }, node.id))
+      data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TreeNodeItem, { node, depth: 1, classNames, fileIcon }, node.id))
     ] })
   ] });
 });
@@ -4350,8 +4342,8 @@ 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]"],
-    label: [
+    base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
+    wrapper: [
       "flex",
       "items-center",
       "gap-[5px]",
@@ -4360,9 +4352,9 @@ var treeStyle = tv({
       "text-body-foreground",
       "hover:bg-neutral-soft",
       "p-[5px]",
-      "rounded-[5px]",
-      "cursor-pointer"
-    ]
+      "rounded-[5px]"
+    ],
+    label: ["cursor-pointer"]
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/tree/index.mjs

@@ -2,11 +2,9 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-BPVRXFIC.mjs";
+} from "../../chunk-OS26K37M.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-7USF56CT.mjs";
-import "../../chunk-IZM66FHP.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/tree/tree.d.mts

@@ -1,5 +1,8 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 import * as react from 'react';
 import { ReactNode } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
 
 type TreeNode = {
     id: number;
@@ -14,7 +17,49 @@ interface TreeProps {
         data: TreeNode[];
         onClick?: () => void;
     };
+    groupIcon?: ReactNode;
+    fileIcon?: ReactNode;
+    classNames?: SlotsToClasses<TreeSlots>;
 }
 declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;
 
-export { Tree as default };
+declare const treeStyle: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    wrapper: string[];
+    label: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    wrapper: string[];
+    label: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string[];
+    wrapper: string[];
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type TreeSlots = keyof ReturnType<typeof treeStyle>;
+
+export { type TreeNode, Tree as default };