@deepnoid/ui 0.1.24 → 0.1.25

package/dist/components/tree/index.js

@@ -4296,47 +4296,109 @@ var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) =
 };
 var Icon_default = Icon;
 
+// 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, fileIcon, 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"
       ),
-      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, 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 }, 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/index.mjs

@@ -2,11 +2,12 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-OS26K37M.mjs";
+} from "../../chunk-K4QY2F5J.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
 import "../../chunk-3IU2RPSM.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

@@ -19,6 +19,7 @@ interface TreeProps {
     };
     groupIcon?: ReactNode;
     fileIcon?: ReactNode;
+    isLoading?: boolean;
     classNames?: SlotsToClasses<TreeSlots>;
 }
 declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;

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

@@ -19,6 +19,7 @@ interface TreeProps {
     };
     groupIcon?: ReactNode;
     fileIcon?: ReactNode;
+    isLoading?: boolean;
     classNames?: SlotsToClasses<TreeSlots>;
 }
 declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;

package/dist/components/tree/tree.js

@@ -4294,47 +4294,109 @@ var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) =
 };
 var Icon_default = Icon;
 
+// 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, fileIcon, 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"
       ),
-      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, 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 }, 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,11 +1,12 @@
 "use client";
 import {
   tree_default
-} from "../../chunk-OS26K37M.mjs";
+} from "../../chunk-K4QY2F5J.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
 import "../../chunk-3IU2RPSM.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tree_default as default

package/dist/index.js

@@ -10001,45 +10001,67 @@ var dateTimePickerStyle = tv({
 // src/components/tree/tree.tsx
 var import_react34 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var TreeNodeItem = (0, import_react34.forwardRef)(({ node, depth, fileIcon, 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"
       ),
-      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, 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 }, 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,29 +1,18 @@
 "use client";
-import "./chunk-MBLZYQCN.mjs";
-import {
-  tree_default
-} from "./chunk-OS26K37M.mjs";
-import "./chunk-LUWGOKLG.mjs";
-import {
-  ToastProvider,
-  useToast
-} from "./chunk-YBDA3WQP.mjs";
-import "./chunk-ZOTHPHXA.mjs";
+import "./chunk-QCEKPS7U.mjs";
 import {
-  toast_default
-} from "./chunk-OUAKGMDW.mjs";
+  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-DX3KXNP6.mjs";
+import "./chunk-MBLZYQCN.mjs";
 import {
-  table_default
-} from "./chunk-6OMHIMIA.mjs";
-import "./chunk-XRC5OUYQ.mjs";
-import "./chunk-EAK5DVWA.mjs";
+  tree_default
+} from "./chunk-K4QY2F5J.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
@@ -32,21 +21,32 @@ import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
 } from "./chunk-BKE6QF6W.mjs";
-import "./chunk-DQRAFUDA.mjs";
-import {
-  scrollArea_default
-} from "./chunk-M37VBNB3.mjs";
-import "./chunk-QCEKPS7U.mjs";
-import {
-  select_default
-} from "./chunk-MSAULFDB.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-Z74QNVPG.mjs";
+import "./chunk-LUWGOKLG.mjs";
+import {
+  ToastProvider,
+  useToast
+} from "./chunk-UAHTRCKG.mjs";
+import {
+  toast_default
+} from "./chunk-OUAKGMDW.mjs";
+import "./chunk-ZOTHPHXA.mjs";
+import "./chunk-DX3KXNP6.mjs";
 import {
   form_table_default
 } from "./chunk-ICZTNO4V.mjs";
+import {
+  table_default
+} from "./chunk-6EU5GUL5.mjs";
+import "./chunk-DQRAFUDA.mjs";
+import {
+  scrollArea_default
+} from "./chunk-M37VBNB3.mjs";
+import "./chunk-XRC5OUYQ.mjs";
+import "./chunk-EAK5DVWA.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default

package/package.json

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

package/dist/chunk-OS26K37M.mjs

@@ -1,74 +0,0 @@
-"use client";
-import {
-  Icon_default
-} from "./chunk-HWL7TPUN.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, fileIcon, 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"}`
-        }
-      ),
-      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, classNames, fileIcon }, child.id)))
-  ] });
-});
-var Tree = forwardRef(({ headerContent, group, groupIcon, fileIcon, 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: [
-        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, classNames, fileIcon }, 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-6OMHIMIA.mjs → chunk-6EU5GUL5.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  scrollArea_default
+} from "./chunk-M37VBNB3.mjs";
 import {
   table_body_default
 } from "./chunk-XRC5OUYQ.mjs";
 import {
   table_head_default
 } from "./chunk-EAK5DVWA.mjs";
-import {
-  scrollArea_default
-} from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
 } from "./chunk-IVK24VIL.mjs";

package/dist/{chunk-YBDA3WQP.mjs → chunk-UAHTRCKG.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  getToastPosition
-} from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-OUAKGMDW.mjs";
+import {
+  getToastPosition
+} from "./chunk-ZOTHPHXA.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";