@deepnoid/ui 0.1.29 → 0.1.30

package/dist/components/table/table.mjs

@@ -1,24 +1,26 @@
 "use client";
 import {
   table_default
-} from "../../chunk-RCJOJPRS.mjs";
+} from "../../chunk-GLMM253Q.mjs";
+import "../../chunk-CEZQCD6Z.mjs";
+import "../../chunk-P7YYNA6L.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
-import "../../chunk-A5KQHWS3.mjs";
-import "../../chunk-26MNALVL.mjs";
+import "../../chunk-MZ76AA76.mjs";
+import "../../chunk-6PN3DGOE.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-KXA73VTJ.mjs";
+import "../../chunk-QM4ZSQYX.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-EHRFXDSN.mjs";
+import "../../chunk-VCVQMPC7.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-YLRYHUTW.mjs";
+import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-4ZJFD3L3.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-BB7MFKNQ.mjs";
+} from "../../chunk-IBI3OVQI.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-7W2ZI2DD.mjs";
+} from "../../chunk-MEY4IL7D.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-4ZJFD3L3.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-7W2ZI2DD.mjs";
+} from "../../chunk-MEY4IL7D.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-4ZJFD3L3.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-BB7MFKNQ.mjs";
+} from "../../chunk-IBI3OVQI.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-7W2ZI2DD.mjs";
+import "../../chunk-MEY4IL7D.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
+import "../../chunk-4ZJFD3L3.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-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.js

@@ -4398,7 +4398,11 @@ var TreeNodeItem = (0, import_react.forwardRef)(
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
-              className: clsx(slots.node({ class: classNames == null ? void 0 : classNames.node }), selectedId == node.id ? "bg-neutral-soft" : ""),
+              className: clsx(
+                slots.node({ class: classNames == null ? void 0 : classNames.node }),
+                slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }),
+                selectedId == node.id ? "bg-neutral-soft" : ""
+              ),
               onClick: handleClick,
               onContextMenu: handleRightClick,
               children: [
@@ -4413,7 +4417,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
                   }
                 ),
                 fileIcon,
-                node.label
+                node.content
               ]
             }
           ),
@@ -4449,13 +4453,33 @@ var Tree = ({
   onExpand
 }) => {
   const slots = (0, import_react.useMemo)(() => treeStyle(), []);
+  const handleClick = (e) => {
+    var _a;
+    (_a = group.onClick) == null ? void 0 : _a.call(group, e);
+  };
+  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 }), children: [
-        groupIcon,
-        group.label
-      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "div",
+        {
+          className: clsx(
+            slots.node({ class: classNames == null ? void 0 : classNames.node }),
+            group.onClick || group.onRightClick ? slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }) : ""
+          ),
+          onClick: handleClick,
+          onContextMenu: handleRightClick,
+          children: [
+            groupIcon,
+            group.content
+          ]
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: group.data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         TreeNodeItem,
         {
@@ -4478,7 +4502,6 @@ 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: ["flex", "items-center", "gap-[5px]", "text-md", "font-bold", "text-body-foreground", "p-[5px]"],
     node: [
       "flex",
       "items-center",
@@ -4486,11 +4509,10 @@ var treeStyle = tv({
       "text-md",
       "font-bold",
       "text-body-foreground",
-      "hover:bg-neutral-soft",
-      "p-[5px]",
       "rounded-[5px]",
-      "cursor-pointer"
-    ]
+      "p-[5px]"
+    ],
+    clickable: ["hover:bg-neutral-soft", "cursor-pointer"]
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/tree/index.mjs

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

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

@@ -6,7 +6,7 @@ import { SlotsToClasses } from '../../utils/types.mjs';
 
 type TreeNode = {
     id: number;
-    label: string;
+    content: ReactNode | string;
     isLeaf?: boolean;
     children?: TreeNode[];
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
@@ -15,8 +15,10 @@ type TreeNode = {
 interface TreeProps {
     headerContent?: ReactNode;
     group: {
-        label: string;
+        content: ReactNode | string;
         data: TreeNode[];
+        onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+        onRightClick?: (event: MouseEvent<HTMLDivElement>) => void;
     };
     groupIcon?: ReactNode;
     fileIcon?: ReactNode;
@@ -34,44 +36,44 @@ declare const treeStyle: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
             node?: tailwind_merge.ClassNameValue;
+            clickable?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
             node?: tailwind_merge.ClassNameValue;
+            clickable?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     wrapper: string[];
-    group: string[];
     node: string[];
+    clickable: 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;
+            clickable?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     wrapper: string[];
-    group: string[];
     node: string[];
+    clickable: string[];
 }, tailwind_variants.TVReturnType<unknown, {
     base: string[];
     wrapper: string[];
-    group: string[];
     node: string[];
+    clickable: string[];
 }, undefined, unknown, unknown, undefined>>;
 type TreeSlots = keyof ReturnType<typeof treeStyle>;
 

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

@@ -6,7 +6,7 @@ import { SlotsToClasses } from '../../utils/types.js';
 
 type TreeNode = {
     id: number;
-    label: string;
+    content: ReactNode | string;
     isLeaf?: boolean;
     children?: TreeNode[];
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
@@ -15,8 +15,10 @@ type TreeNode = {
 interface TreeProps {
     headerContent?: ReactNode;
     group: {
-        label: string;
+        content: ReactNode | string;
         data: TreeNode[];
+        onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+        onRightClick?: (event: MouseEvent<HTMLDivElement>) => void;
     };
     groupIcon?: ReactNode;
     fileIcon?: ReactNode;
@@ -34,44 +36,44 @@ declare const treeStyle: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
             node?: tailwind_merge.ClassNameValue;
+            clickable?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
             wrapper?: tailwind_merge.ClassNameValue;
             node?: tailwind_merge.ClassNameValue;
+            clickable?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     wrapper: string[];
-    group: string[];
     node: string[];
+    clickable: 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;
+            clickable?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     wrapper: string[];
-    group: string[];
     node: string[];
+    clickable: string[];
 }, tailwind_variants.TVReturnType<unknown, {
     base: string[];
     wrapper: string[];
-    group: string[];
     node: string[];
+    clickable: string[];
 }, undefined, unknown, unknown, undefined>>;
 type TreeSlots = keyof ReturnType<typeof treeStyle>;
 

package/dist/components/tree/tree.js

@@ -4397,7 +4397,11 @@ var TreeNodeItem = (0, import_react.forwardRef)(
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
-              className: clsx(slots.node({ class: classNames == null ? void 0 : classNames.node }), selectedId == node.id ? "bg-neutral-soft" : ""),
+              className: clsx(
+                slots.node({ class: classNames == null ? void 0 : classNames.node }),
+                slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }),
+                selectedId == node.id ? "bg-neutral-soft" : ""
+              ),
               onClick: handleClick,
               onContextMenu: handleRightClick,
               children: [
@@ -4412,7 +4416,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
                   }
                 ),
                 fileIcon,
-                node.label
+                node.content
               ]
             }
           ),
@@ -4448,13 +4452,33 @@ var Tree = ({
   onExpand
 }) => {
   const slots = (0, import_react.useMemo)(() => treeStyle(), []);
+  const handleClick = (e) => {
+    var _a;
+    (_a = group.onClick) == null ? void 0 : _a.call(group, e);
+  };
+  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 }), children: [
-        groupIcon,
-        group.label
-      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "div",
+        {
+          className: clsx(
+            slots.node({ class: classNames == null ? void 0 : classNames.node }),
+            group.onClick || group.onRightClick ? slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }) : ""
+          ),
+          onClick: handleClick,
+          onContextMenu: handleRightClick,
+          children: [
+            groupIcon,
+            group.content
+          ]
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: group.data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         TreeNodeItem,
         {
@@ -4477,7 +4501,6 @@ 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: ["flex", "items-center", "gap-[5px]", "text-md", "font-bold", "text-body-foreground", "p-[5px]"],
     node: [
       "flex",
       "items-center",
@@ -4485,11 +4508,10 @@ var treeStyle = tv({
       "text-md",
       "font-bold",
       "text-body-foreground",
-      "hover:bg-neutral-soft",
-      "p-[5px]",
       "rounded-[5px]",
-      "cursor-pointer"
-    ]
+      "p-[5px]"
+    ],
+    clickable: ["hover:bg-neutral-soft", "cursor-pointer"]
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/tree/tree.mjs

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

package/dist/index.d.mts

@@ -27,6 +27,7 @@ export { default as DateTimePicker } from './components/dateTimePicker/dateTimeP
 export { default as ScrollArea } from './components/scroll/scrollArea.mjs';
 export { default as Tree, TreeNode } from './components/tree/tree.mjs';
 export { default as FileUpload } from './components/fileUpload/fileUpload.mjs';
+export { default as Skeleton } from './components/skeleton/skeleton.mjs';
 export { tv } from './utils/tailwind-variants.mjs';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';

package/dist/index.d.ts

@@ -27,6 +27,7 @@ export { default as DateTimePicker } from './components/dateTimePicker/dateTimeP
 export { default as ScrollArea } from './components/scroll/scrollArea.js';
 export { default as Tree, TreeNode } from './components/tree/tree.js';
 export { default as FileUpload } from './components/fileUpload/fileUpload.js';
+export { default as Skeleton } from './components/skeleton/skeleton.js';
 export { tv } from './utils/tailwind-variants.js';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';