@deepnoid/ui 0.1.21 → 0.1.23

package/dist/components/modal/index.mjs

@@ -2,23 +2,23 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-OV7CZNXU.mjs";
+} from "../../chunk-ZUSUVPYV.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-MQI5SZWO.mjs";
-import "../../chunk-EWZAHXN7.mjs";
+import "../../chunk-PNRS23HE.mjs";
+import "../../chunk-VQROXH43.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-KCOHU7X7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-P5QCU457.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   modal_default as Modal

package/dist/components/modal/modal.mjs

@@ -1,23 +1,23 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-OV7CZNXU.mjs";
+} from "../../chunk-ZUSUVPYV.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-MQI5SZWO.mjs";
-import "../../chunk-EWZAHXN7.mjs";
+import "../../chunk-PNRS23HE.mjs";
+import "../../chunk-VQROXH43.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-KCOHU7X7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-P5QCU457.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   modal_default as default

package/dist/components/pagination/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-UTC2D6GV.mjs";
+} from "../../chunk-IVK24VIL.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-2Y7IBUAZ.mjs";
+import "../../chunk-P5PJTJLY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as Pagination

package/dist/components/pagination/pagination.mjs

@@ -2,16 +2,16 @@
 import {
   paginationStyle,
   pagination_default
-} from "../../chunk-UTC2D6GV.mjs";
+} from "../../chunk-IVK24VIL.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-2Y7IBUAZ.mjs";
+import "../../chunk-P5PJTJLY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as default,

package/dist/components/radio/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "../../chunk-YIIFWADW.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-QIRL6HY6.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radio_default as Radio

package/dist/components/radio/radio.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   radio_default
-} from "../../chunk-YIIFWADW.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-QIRL6HY6.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radio_default as default

package/dist/components/select/index.mjs

@@ -2,13 +2,13 @@
 import "../../chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "../../chunk-MW7CSRIE.mjs";
+} from "../../chunk-MSAULFDB.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as Select

package/dist/components/select/select.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   select_default
-} from "../../chunk-MW7CSRIE.mjs";
+} from "../../chunk-MSAULFDB.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as default

package/dist/components/table/form-table.js

@@ -327,10 +327,10 @@ var tv = (0, import_tailwind_variants.createTV)({
 // src/components/table/form-table.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var DEFAULT_COLUMN_CLASSES = [
-  "w-[120px] h-[50px] px-[10px] font-bold text-md text-body-foreground border-r border-neutral-light",
-  "px-[10px]"
+  "w-[120px] px-[10px] py-[9.5px] font-bold text-md text-body-foreground border-r border-neutral-light",
+  "px-[10px] py-[9.5px]"
 ];
-var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: "border-neutral-light border-b", children: columns.map((col, index) => {
+var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
   var _a;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (_a = columnClasses[index]) != null ? _a : DEFAULT_COLUMN_CLASSES[index], children: col }, index);
 }) });

package/dist/components/table/form-table.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   form_table_default
-} from "../../chunk-3BKCODIL.mjs";
+} from "../../chunk-ICZTNO4V.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/table/index.js

@@ -5648,10 +5648,10 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
 var import_react8 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var DEFAULT_COLUMN_CLASSES = [
-  "w-[120px] h-[50px] px-[10px] font-bold text-md text-body-foreground border-r border-neutral-light",
-  "px-[10px]"
+  "w-[120px] px-[10px] py-[9.5px] font-bold text-md text-body-foreground border-r border-neutral-light",
+  "px-[10px] py-[9.5px]"
 ];
-var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { className: "border-neutral-light border-b", children: columns.map((col, index) => {
+var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
   var _a;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: (_a = columnClasses[index]) != null ? _a : DEFAULT_COLUMN_CLASSES[index], children: col }, index);
 }) });

package/dist/components/table/index.mjs

@@ -2,27 +2,27 @@
 import "../../chunk-DX3KXNP6.mjs";
 import {
   form_table_default
-} from "../../chunk-3BKCODIL.mjs";
+} from "../../chunk-ICZTNO4V.mjs";
 import {
   table_default
-} from "../../chunk-7CFOD7G4.mjs";
-import "../../chunk-QHWFHOW2.mjs";
-import "../../chunk-MV7RSV4D.mjs";
+} from "../../chunk-6OMHIMIA.mjs";
+import "../../chunk-XRC5OUYQ.mjs";
+import "../../chunk-EAK5DVWA.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-UTC2D6GV.mjs";
+import "../../chunk-IVK24VIL.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-2Y7IBUAZ.mjs";
+import "../../chunk-P5PJTJLY.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-7H5XPHY6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   form_table_default as FormTable,

package/dist/components/table/table-body.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-QHWFHOW2.mjs";
+} from "../../chunk-XRC5OUYQ.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-7H5XPHY6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_body_default as default

package/dist/components/table/table-head.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-MV7RSV4D.mjs";
+} from "../../chunk-EAK5DVWA.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-7H5XPHY6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_head_default as default

package/dist/components/table/table.mjs

@@ -1,24 +1,24 @@
 "use client";
 import {
   table_default
-} from "../../chunk-7CFOD7G4.mjs";
-import "../../chunk-QHWFHOW2.mjs";
-import "../../chunk-MV7RSV4D.mjs";
+} from "../../chunk-6OMHIMIA.mjs";
+import "../../chunk-XRC5OUYQ.mjs";
+import "../../chunk-EAK5DVWA.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-UTC2D6GV.mjs";
+import "../../chunk-IVK24VIL.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-2Y7IBUAZ.mjs";
+import "../../chunk-P5PJTJLY.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-7H5XPHY6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_default as default

package/dist/components/tabs/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-3MY6LO7N.mjs";
 import {
   tabs_default
-} from "../../chunk-SSMMWMQC.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-2YMAKIZ6.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as Tabs

package/dist/components/tabs/tabs.mjs

@@ -2,9 +2,9 @@
 import {
   tabs,
   tabs_default
-} from "../../chunk-SSMMWMQC.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-2YMAKIZ6.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as default,

package/dist/components/toast/index.mjs

@@ -3,17 +3,17 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-7KUFDVGL.mjs";
-import "../../chunk-ZOTHPHXA.mjs";
+} from "../../chunk-UAHTRCKG.mjs";
 import {
   toast_default
-} from "../../chunk-2DLKV6TT.mjs";
+} from "../../chunk-OUAKGMDW.mjs";
+import "../../chunk-ZOTHPHXA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   toast_default as Toast,

package/dist/components/toast/toast.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-2DLKV6TT.mjs";
+} from "../../chunk-OUAKGMDW.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   toast_default as default

package/dist/components/toast/use-toast.mjs

@@ -2,15 +2,15 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-7KUFDVGL.mjs";
+} from "../../chunk-UAHTRCKG.mjs";
+import "../../chunk-OUAKGMDW.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-2DLKV6TT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   ToastProvider,

package/dist/components/tooltip/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "../../chunk-IL5ENWCR.mjs";
+} from "../../chunk-Z2537DF6.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as Tooltip

package/dist/components/tooltip/tooltip.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-IL5ENWCR.mjs";
+} from "../../chunk-Z2537DF6.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as default

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

@@ -4304,44 +4304,42 @@ 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, 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
+      /* @__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 }, child.id)))
   ] });
 });
-var Tree = (0, import_react.forwardRef)(({ headerContent, group }, ref) => {
+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(), 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.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 }),
-        label
+        /* @__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 }, node.id))
     ] })
   ] });
 });
@@ -4350,8 +4348,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 +4358,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,13 +2,13 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-XGYQ6D3S.mjs";
+} from "../../chunk-BZGUSIX5.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-7USF56CT.mjs";
 import "../../chunk-IZM66FHP.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tree_default as Tree

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,47 @@ interface TreeProps {
         data: TreeNode[];
         onClick?: () => void;
     };
+    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 };