@deepnoid/ui 0.1.27 → 0.1.29

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

@@ -902,22 +902,61 @@ var template = {
       }
     );
   },
-  // ----------------------------------- old ---------------------------------
-  // ** Status **
-  plus: ({ className, fill }) => {
+  plus: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 9H13.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 13.5V4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+        ]
+      }
+    );
+  },
+  minus: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
       {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
         fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 9H13.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+      }
+    );
+  },
+  pencil: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
         xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
         className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 4.5V19.5M19.5 12H4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M12.6465 3.36525L13.9117 2.09925C14.1755 1.83549 14.5332 1.68732 14.9062 1.68732C15.2793 1.68732 15.637 1.83549 15.9008 2.09925C16.1645 2.36301 16.3127 2.72074 16.3127 3.09375C16.3127 3.46676 16.1645 3.82449 15.9008 4.08825L7.9365 12.0525C7.53999 12.4488 7.05102 12.74 6.51375 12.9L4.5 13.5L5.1 11.4863C5.25996 10.949 5.55123 10.46 5.9475 10.0635L12.6465 3.36525ZM12.6465 3.36525L14.625 5.34375M13.5 10.5V14.0625C13.5 14.5101 13.3222 14.9393 13.0057 15.2557C12.6893 15.5722 12.2601 15.75 11.8125 15.75H3.9375C3.48995 15.75 3.06072 15.5722 2.74426 15.2557C2.42779 14.9393 2.25 14.5101 2.25 14.0625V6.1875C2.25 5.73995 2.42779 5.31073 2.74426 4.99426C3.06072 4.67779 3.48995 4.5 3.9375 4.5H7.5",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
       }
     );
   },
+  // ----------------------------------- old ---------------------------------
+  // ** Status **
   check: ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -2564,34 +2603,6 @@ var template = {
       }
     );
   },
-  pencil: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M21.7313 2.26918C21.239 1.77699 20.5714 1.50049 19.8753 1.50049C19.1791 1.50049 18.5115 1.77699 18.0193 2.26918L16.8623 3.42618L20.5743 7.13818L21.7313 5.98118C22.2234 5.48891 22.4999 4.8213 22.4999 4.12518C22.4999 3.42906 22.2234 2.76145 21.7313 2.26918ZM19.5133 8.19918L15.8013 4.48718L3.65125 16.6372C3.03411 17.254 2.58043 18.015 2.33125 18.8512L1.53125 21.5362C1.49263 21.6657 1.48975 21.8033 1.52292 21.9344C1.55608 22.0655 1.62407 22.1852 1.71967 22.2808C1.81527 22.3764 1.93494 22.4443 2.06601 22.4775C2.19709 22.5107 2.33469 22.5078 2.46425 22.4692L5.14925 21.6692C5.98548 21.42 6.74642 20.9663 7.36325 20.3492L19.5133 8.19918Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M16.862 4.487L18.549 2.799C18.9007 2.44733 19.3777 2.24976 19.875 2.24976C20.3723 2.24976 20.8493 2.44733 21.201 2.799C21.5527 3.15068 21.7502 3.62766 21.7502 4.125C21.7502 4.62235 21.5527 5.09933 21.201 5.451L6.832 19.82C6.30332 20.3484 5.65137 20.7367 4.935 20.95L2.25 21.75L3.05 19.065C3.26328 18.3486 3.65163 17.6967 4.18 17.168L16.863 4.487H16.862ZM16.862 4.487L19.5 7.125",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   "pencil-square": ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",

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

@@ -2,15 +2,15 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-YBDA3WQP.mjs";
+} from "../../chunk-BB7MFKNQ.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-OUAKGMDW.mjs";
+import "../../chunk-7W2ZI2DD.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.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-Z2537DF6.mjs";
+} from "../../chunk-IL5ENWCR.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.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-Z2537DF6.mjs";
+} from "../../chunk-IL5ENWCR.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as default

package/dist/components/tree/index.js

@@ -844,22 +844,61 @@ var template = {
       }
     );
   },
-  // ----------------------------------- old ---------------------------------
-  // ** Status **
-  plus: ({ className, fill }) => {
+  plus: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 9H13.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 13.5V4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+        ]
+      }
+    );
+  },
+  minus: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
       {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
         fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 9H13.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+      }
+    );
+  },
+  pencil: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
         xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
         className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 4.5V19.5M19.5 12H4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M12.6465 3.36525L13.9117 2.09925C14.1755 1.83549 14.5332 1.68732 14.9062 1.68732C15.2793 1.68732 15.637 1.83549 15.9008 2.09925C16.1645 2.36301 16.3127 2.72074 16.3127 3.09375C16.3127 3.46676 16.1645 3.82449 15.9008 4.08825L7.9365 12.0525C7.53999 12.4488 7.05102 12.74 6.51375 12.9L4.5 13.5L5.1 11.4863C5.25996 10.949 5.55123 10.46 5.9475 10.0635L12.6465 3.36525ZM12.6465 3.36525L14.625 5.34375M13.5 10.5V14.0625C13.5 14.5101 13.3222 14.9393 13.0057 15.2557C12.6893 15.5722 12.2601 15.75 11.8125 15.75H3.9375C3.48995 15.75 3.06072 15.5722 2.74426 15.2557C2.42779 14.9393 2.25 14.5101 2.25 14.0625V6.1875C2.25 5.73995 2.42779 5.31073 2.74426 4.99426C3.06072 4.67779 3.48995 4.5 3.9375 4.5H7.5",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
       }
     );
   },
+  // ----------------------------------- old ---------------------------------
+  // ** Status **
   check: ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -2506,34 +2545,6 @@ var template = {
       }
     );
   },
-  pencil: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M21.7313 2.26918C21.239 1.77699 20.5714 1.50049 19.8753 1.50049C19.1791 1.50049 18.5115 1.77699 18.0193 2.26918L16.8623 3.42618L20.5743 7.13818L21.7313 5.98118C22.2234 5.48891 22.4999 4.8213 22.4999 4.12518C22.4999 3.42906 22.2234 2.76145 21.7313 2.26918ZM19.5133 8.19918L15.8013 4.48718L3.65125 16.6372C3.03411 17.254 2.58043 18.015 2.33125 18.8512L1.53125 21.5362C1.49263 21.6657 1.48975 21.8033 1.52292 21.9344C1.55608 22.0655 1.62407 22.1852 1.71967 22.2808C1.81527 22.3764 1.93494 22.4443 2.06601 22.4775C2.19709 22.5107 2.33469 22.5078 2.46425 22.4692L5.14925 21.6692C5.98548 21.42 6.74642 20.9663 7.36325 20.3492L19.5133 8.19918Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M16.862 4.487L18.549 2.799C18.9007 2.44733 19.3777 2.24976 19.875 2.24976C20.3723 2.24976 20.8493 2.44733 21.201 2.799C21.5527 3.15068 21.7502 3.62766 21.7502 4.125C21.7502 4.62235 21.5527 5.09933 21.201 5.451L6.832 19.82C6.30332 20.3484 5.65137 20.7367 4.935 20.95L2.25 21.75L3.05 19.065C3.26328 18.3486 3.65163 17.6967 4.18 17.168L16.863 4.487H16.862ZM16.862 4.487L19.5 7.125",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   "pencil-square": ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -4339,7 +4350,7 @@ function toVal(mix) {
 // src/components/tree/tree.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var TreeNodeItem = (0, import_react.forwardRef)(
-  ({ node, depth, fileIcon, isLoading, classNames, onExpand }, ref) => {
+  ({ node, depth, fileIcon, selectedId, isLoading, classNames, onExpand }, ref) => {
     const [isOpen, setIsOpen] = (0, import_react.useState)(false);
     const [children, setChildren] = (0, import_react.useState)(node.children);
     const [isLoadingChildren, setIsLoadingChildren] = (0, import_react.useState)(false);
@@ -4363,10 +4374,10 @@ var TreeNodeItem = (0, import_react.forwardRef)(
       }
       setIsOpen((prev) => !prev);
     }, [isOpen, children, onExpand, node]);
-    const handleClick = () => {
+    const handleClick = (e) => {
       var _a;
       toggleOpen();
-      (_a = node.onClick) == null ? void 0 : _a.call(node);
+      (_a = node.onClick) == null ? void 0 : _a.call(node, e);
     };
     const handleRightClick = (e) => {
       var _a;
@@ -4387,7 +4398,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
-              className: slots.group({ class: classNames == null ? void 0 : classNames.group }),
+              className: clsx(slots.node({ class: classNames == null ? void 0 : classNames.node }), selectedId == node.id ? "bg-neutral-soft" : ""),
               onClick: handleClick,
               onContextMenu: handleRightClick,
               children: [
@@ -4413,6 +4424,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
               {
                 node: child,
                 depth: depth + 1,
+                selectedId,
                 classNames,
                 fileIcon,
                 onExpand
@@ -4431,44 +4443,27 @@ var Tree = ({
   group,
   groupIcon,
   fileIcon,
+  selectedId,
   isLoading = false,
   classNames,
   onExpand
 }) => {
   const slots = (0, import_react.useMemo)(() => treeStyle(), []);
-  const [isOpen, setIsOpen] = (0, import_react.useState)(true);
-  const handleToggle = () => {
-    var _a;
-    setIsOpen((prev) => !prev);
-    (_a = group.onClick) == null ? void 0 : _a.call(group);
-  };
-  const handleRightClick = (e) => {
-    var _a;
-    e.preventDefault();
-    (_a = group.onRightClick) == null ? void 0 : _a.call(group, e);
-  };
   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", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        "div",
-        {
-          className: slots.group({ class: classNames == null ? void 0 : classNames.group }),
-          onClick: handleToggle,
-          onContextMenu: handleRightClick,
-          children: [
-            groupIcon,
-            group.label
-          ]
-        }
-      ),
-      isOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: group.data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.group({ class: classNames == null ? void 0 : classNames.group }), children: [
+        groupIcon,
+        group.label
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: group.data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         TreeNodeItem,
         {
           node,
           depth: 1,
           classNames,
           fileIcon,
+          selectedId,
           isLoading,
           onExpand
         },
@@ -4483,7 +4478,8 @@ var treeStyle = tv({
   slots: {
     base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
     wrapper: ["flex", "flex-col", "gap-[5px]"],
-    group: [
+    group: ["flex", "items-center", "gap-[5px]", "text-md", "font-bold", "text-body-foreground", "p-[5px]"],
+    node: [
       "flex",
       "items-center",
       "gap-[5px]",

package/dist/components/tree/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-PX4PFLJ3.mjs";
+} from "../../chunk-X4F7JYBA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tree_default as Tree

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

@@ -9,25 +9,24 @@ type TreeNode = {
     label: string;
     isLeaf?: boolean;
     children?: TreeNode[];
-    onClick?: () => void;
-    onRightClick?: (event: MouseEvent<HTMLSpanElement>) => void;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    onRightClick?: (event: MouseEvent<HTMLDivElement>) => void;
 };
 interface TreeProps {
     headerContent?: ReactNode;
     group: {
         label: string;
         data: TreeNode[];
-        onClick?: () => void;
-        onRightClick?: (event: MouseEvent<HTMLSpanElement>) => void;
     };
     groupIcon?: ReactNode;
     fileIcon?: ReactNode;
+    selectedId?: number | string;
     isLoading?: boolean;
     classNames?: SlotsToClasses<TreeSlots>;
     onExpand?: (node: TreeNode) => Promise<TreeNode[]>;
 }
 declare const Tree: {
-    ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames, onExpand, }: TreeProps): react_jsx_runtime.JSX.Element;
+    ({ headerContent, group, groupIcon, fileIcon, selectedId, isLoading, classNames, onExpand, }: TreeProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -37,6 +36,7 @@ declare const treeStyle: tailwind_variants.TVReturnType<{
             base?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
+            node?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
@@ -45,28 +45,33 @@ declare const treeStyle: tailwind_variants.TVReturnType<{
             base?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
+            node?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     wrapper: string[];
     group: string[];
+    node: string[];
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
+            node?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     wrapper: string[];
     group: string[];
+    node: string[];
 }, tailwind_variants.TVReturnType<unknown, {
     base: string[];
     wrapper: string[];
     group: string[];
+    node: string[];
 }, undefined, unknown, unknown, undefined>>;
 type TreeSlots = keyof ReturnType<typeof treeStyle>;
 

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

@@ -9,25 +9,24 @@ type TreeNode = {
     label: string;
     isLeaf?: boolean;
     children?: TreeNode[];
-    onClick?: () => void;
-    onRightClick?: (event: MouseEvent<HTMLSpanElement>) => void;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    onRightClick?: (event: MouseEvent<HTMLDivElement>) => void;
 };
 interface TreeProps {
     headerContent?: ReactNode;
     group: {
         label: string;
         data: TreeNode[];
-        onClick?: () => void;
-        onRightClick?: (event: MouseEvent<HTMLSpanElement>) => void;
     };
     groupIcon?: ReactNode;
     fileIcon?: ReactNode;
+    selectedId?: number | string;
     isLoading?: boolean;
     classNames?: SlotsToClasses<TreeSlots>;
     onExpand?: (node: TreeNode) => Promise<TreeNode[]>;
 }
 declare const Tree: {
-    ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames, onExpand, }: TreeProps): react_jsx_runtime.JSX.Element;
+    ({ headerContent, group, groupIcon, fileIcon, selectedId, isLoading, classNames, onExpand, }: TreeProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -37,6 +36,7 @@ declare const treeStyle: tailwind_variants.TVReturnType<{
             base?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
+            node?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
@@ -45,28 +45,33 @@ declare const treeStyle: tailwind_variants.TVReturnType<{
             base?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
+            node?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     wrapper: string[];
     group: string[];
+    node: string[];
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
+            node?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     wrapper: string[];
     group: string[];
+    node: string[];
 }, tailwind_variants.TVReturnType<unknown, {
     base: string[];
     wrapper: string[];
     group: string[];
+    node: string[];
 }, undefined, unknown, unknown, undefined>>;
 type TreeSlots = keyof ReturnType<typeof treeStyle>;