@deepnoid/ui 0.1.23 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/.turbo/turbo-build.log +148 -162
  2. package/dist/{chunk-ZUSUVPYV.mjs → chunk-B3DFSXGC.mjs} +4 -4
  3. package/dist/{chunk-OWG4RL2T.mjs → chunk-DLQFMOBN.mjs} +3 -3
  4. package/dist/chunk-K4QY2F5J.mjs +99 -0
  5. package/dist/{chunk-EYVRTVRM.mjs → chunk-SCFTSNCK.mjs} +1 -1
  6. package/dist/components/breadcrumb/breadcrumb.mjs +5 -5
  7. package/dist/components/breadcrumb/index.mjs +5 -5
  8. package/dist/components/button/button.mjs +2 -2
  9. package/dist/components/button/icon-button.mjs +2 -2
  10. package/dist/components/button/index.mjs +5 -5
  11. package/dist/components/dateTimePicker/dateTimePicker.mjs +4 -4
  12. package/dist/components/dateTimePicker/index.mjs +4 -4
  13. package/dist/components/dateTimePicker/timePicker.mjs +3 -3
  14. package/dist/components/list/index.mjs +4 -4
  15. package/dist/components/list/listItem.mjs +2 -2
  16. package/dist/components/modal/index.mjs +7 -7
  17. package/dist/components/modal/modal.mjs +7 -7
  18. package/dist/components/ripple/index.mjs +3 -3
  19. package/dist/components/table/index.mjs +4 -4
  20. package/dist/components/table/table.mjs +4 -4
  21. package/dist/components/tree/index.js +92 -36
  22. package/dist/components/tree/index.mjs +2 -3
  23. package/dist/components/tree/tree.d.mts +3 -0
  24. package/dist/components/tree/tree.d.ts +3 -0
  25. package/dist/components/tree/tree.js +92 -36
  26. package/dist/components/tree/tree.mjs +2 -3
  27. package/dist/index.js +53 -39
  28. package/dist/index.mjs +52 -54
  29. package/package.json +1 -1
  30. package/dist/assets/images/cogwheel.d.mts +0 -2
  31. package/dist/assets/images/cogwheel.d.ts +0 -2
  32. package/dist/assets/images/cogwheel.js +0 -4
  33. package/dist/assets/images/cogwheel.mjs +0 -8
  34. package/dist/assets/images/folder.d.mts +0 -2
  35. package/dist/assets/images/folder.d.ts +0 -2
  36. package/dist/assets/images/folder.js +0 -4
  37. package/dist/assets/images/folder.mjs +0 -8
  38. package/dist/chunk-7USF56CT.mjs +0 -8
  39. package/dist/chunk-BZGUSIX5.mjs +0 -80
  40. package/dist/chunk-IZM66FHP.mjs +0 -8
  41. package/dist/cogwheel-U2B3CWEL.png +0 -0
  42. package/dist/folder-RO3QTLGS.svg +0 -9
  43. package/dist/{chunk-6OMHIMIA.mjs → chunk-6EU5GUL5.mjs} +3 -3
  44. package/dist/{chunk-PNRS23HE.mjs → chunk-BQUZRVYW.mjs} +3 -3
  45. package/dist/{chunk-VQROXH43.mjs → chunk-PMMTMYRI.mjs} +3 -3
  46. package/dist/{chunk-PZIVMTKX.mjs → chunk-QY7LYAXT.mjs} +3 -3
  47. package/dist/{chunk-6KXBXGYR.mjs → chunk-Y27H2AMV.mjs} +3 -3
package/dist/chunk-K4QY2F5J.mjs ADDED
@@ -0,0 +1,99 @@
1
+ "use client";
2
+ import {
3
+ Icon_default
4
+ } from "./chunk-HWL7TPUN.mjs";
5
+ import {
6
+ tv
7
+ } from "./chunk-4ZJFD3L3.mjs";
8
+ import {
9
+ clsx
10
+ } from "./chunk-27Y6K5NK.mjs";
11
+
12
+ // src/components/tree/tree.tsx
13
+ import { forwardRef, useMemo, useState, useCallback } from "react";
14
+ import { jsx, jsxs } from "react/jsx-runtime";
15
+ var TreeNodeItem = forwardRef(({ node, depth, fileIcon, isLoading, classNames }) => {
16
+ var _a;
17
+ const [isOpen, setIsOpen] = useState(false);
18
+ const slots = useMemo(() => treeStyle(), []);
19
+ const toggleOpen = useCallback(() => {
20
+ setIsOpen((prev) => !prev);
21
+ }, []);
22
+ return /* @__PURE__ */ jsxs(
23
+ "div",
24
+ {
25
+ className: clsx(
26
+ depth > 1 ? "ml-[30px]" : "",
27
+ "transition-all duration-150 ease-out",
28
+ isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
29
+ ),
30
+ children: [
31
+ /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
32
+ node.children && /* @__PURE__ */ jsx(
33
+ Icon_default,
34
+ {
35
+ name: "right-chevron",
36
+ className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
37
+ }
38
+ ),
39
+ fileIcon,
40
+ /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
41
+ var _a2;
42
+ return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
43
+ }, children: node.label })
44
+ ] }),
45
+ isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ jsx(TreeNodeItem, { node: child, depth: depth + 1, classNames, fileIcon }, child.id)))
46
+ ]
47
+ }
48
+ );
49
+ });
50
+ var Tree = forwardRef(
51
+ ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }) => {
52
+ const { label, data, onClick } = group;
53
+ const slots = useMemo(() => treeStyle(), []);
54
+ return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
55
+ headerContent && /* @__PURE__ */ jsx("div", { children: headerContent }),
56
+ /* @__PURE__ */ jsxs("div", { children: [
57
+ /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
58
+ groupIcon,
59
+ /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
60
+ ] }),
61
+ data.map((node) => /* @__PURE__ */ jsx(
62
+ TreeNodeItem,
63
+ {
64
+ node,
65
+ depth: 1,
66
+ classNames,
67
+ fileIcon,
68
+ isLoading
69
+ },
70
+ node.id
71
+ ))
72
+ ] })
73
+ ] });
74
+ }
75
+ );
76
+ TreeNodeItem.displayName = "TreeNodeItem";
77
+ Tree.displayName = "Tree";
78
+ var tree_default = Tree;
79
+ var treeStyle = tv({
80
+ slots: {
81
+ base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
82
+ wrapper: [
83
+ "flex",
84
+ "items-center",
85
+ "gap-[5px]",
86
+ "text-md",
87
+ "font-bold",
88
+ "text-body-foreground",
89
+ "hover:bg-neutral-soft",
90
+ "p-[5px]",
91
+ "rounded-[5px]"
92
+ ],
93
+ label: ["cursor-pointer"]
94
+ }
95
+ });
96
+
97
+ export {
98
+ tree_default
99
+ };
package/dist/{chunk-EYVRTVRM.mjs → chunk-SCFTSNCK.mjs} RENAMED
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-Q72LZAPG.mjs";
5
5
  import {
6
6
  timePicker_default
7
- } from "./chunk-OWG4RL2T.mjs";
7
+ } from "./chunk-DLQFMOBN.mjs";
8
8
  import {
9
9
  useDatePicker
10
10
  } from "./chunk-FWJ2ZKH6.mjs";
package/dist/components/breadcrumb/breadcrumb.mjs CHANGED
@@ -1,17 +1,17 @@
1
1
  "use client";
2
2
  import {
3
3
  breadcrumb_default
4
- } from "../../chunk-6KXBXGYR.mjs";
4
+ } from "../../chunk-Y27H2AMV.mjs";
5
5
  import "../../chunk-MY5U63QO.mjs";
6
6
  import "../../chunk-LPZOH3RP.mjs";
7
- import "../../chunk-PNRS23HE.mjs";
8
- import "../../chunk-VQROXH43.mjs";
7
+ import "../../chunk-BQUZRVYW.mjs";
8
+ import "../../chunk-PMMTMYRI.mjs";
9
9
  import "../../chunk-6WSACUIB.mjs";
10
- import "../../chunk-LXHUO6VM.mjs";
11
10
  import "../../chunk-6PNKRBUT.mjs";
11
+ import "../../chunk-LXHUO6VM.mjs";
12
+ import "../../chunk-WFMFC7R6.mjs";
12
13
  import "../../chunk-ZYIIXWVY.mjs";
13
14
  import "../../chunk-HWL7TPUN.mjs";
14
- import "../../chunk-WFMFC7R6.mjs";
15
15
  import "../../chunk-3IU2RPSM.mjs";
16
16
  import "../../chunk-4ZJFD3L3.mjs";
17
17
  import "../../chunk-27Y6K5NK.mjs";
package/dist/components/breadcrumb/index.mjs CHANGED
@@ -2,17 +2,17 @@
2
2
  import "../../chunk-KYIODWXL.mjs";
3
3
  import {
4
4
  breadcrumb_default
5
- } from "../../chunk-6KXBXGYR.mjs";
5
+ } from "../../chunk-Y27H2AMV.mjs";
6
6
  import "../../chunk-MY5U63QO.mjs";
7
7
  import "../../chunk-LPZOH3RP.mjs";
8
- import "../../chunk-PNRS23HE.mjs";
9
- import "../../chunk-VQROXH43.mjs";
8
+ import "../../chunk-BQUZRVYW.mjs";
9
+ import "../../chunk-PMMTMYRI.mjs";
10
10
  import "../../chunk-6WSACUIB.mjs";
11
- import "../../chunk-LXHUO6VM.mjs";
12
11
  import "../../chunk-6PNKRBUT.mjs";
12
+ import "../../chunk-LXHUO6VM.mjs";
13
+ import "../../chunk-WFMFC7R6.mjs";
13
14
  import "../../chunk-ZYIIXWVY.mjs";
14
15
  import "../../chunk-HWL7TPUN.mjs";
15
- import "../../chunk-WFMFC7R6.mjs";
16
16
  import "../../chunk-3IU2RPSM.mjs";
17
17
  import "../../chunk-4ZJFD3L3.mjs";
18
18
  import "../../chunk-27Y6K5NK.mjs";
package/dist/components/button/button.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  button_default
4
- } from "../../chunk-PNRS23HE.mjs";
4
+ } from "../../chunk-BQUZRVYW.mjs";
5
5
  import "../../chunk-6WSACUIB.mjs";
6
- import "../../chunk-LXHUO6VM.mjs";
7
6
  import "../../chunk-6PNKRBUT.mjs";
7
+ import "../../chunk-LXHUO6VM.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-HWL7TPUN.mjs";
10
10
  import "../../chunk-3IU2RPSM.mjs";
package/dist/components/button/icon-button.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  icon_button_default
4
- } from "../../chunk-VQROXH43.mjs";
4
+ } from "../../chunk-PMMTMYRI.mjs";
5
5
  import "../../chunk-6WSACUIB.mjs";
6
- import "../../chunk-LXHUO6VM.mjs";
7
6
  import "../../chunk-6PNKRBUT.mjs";
7
+ import "../../chunk-LXHUO6VM.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-HWL7TPUN.mjs";
10
10
  import "../../chunk-3IU2RPSM.mjs";
package/dist/components/button/index.mjs CHANGED
@@ -5,18 +5,18 @@ import {
5
5
  } from "../../chunk-LPZOH3RP.mjs";
6
6
  import {
7
7
  button_default
8
- } from "../../chunk-PNRS23HE.mjs";
8
+ } from "../../chunk-BQUZRVYW.mjs";
9
9
  import {
10
10
  icon_button_default
11
- } from "../../chunk-VQROXH43.mjs";
11
+ } from "../../chunk-PMMTMYRI.mjs";
12
12
  import "../../chunk-6WSACUIB.mjs";
13
- import "../../chunk-LXHUO6VM.mjs";
14
13
  import "../../chunk-6PNKRBUT.mjs";
15
- import "../../chunk-ZYIIXWVY.mjs";
16
- import "../../chunk-HWL7TPUN.mjs";
14
+ import "../../chunk-LXHUO6VM.mjs";
17
15
  import {
18
16
  text_button_default
19
17
  } from "../../chunk-WFMFC7R6.mjs";
18
+ import "../../chunk-ZYIIXWVY.mjs";
19
+ import "../../chunk-HWL7TPUN.mjs";
20
20
  import "../../chunk-3IU2RPSM.mjs";
21
21
  import "../../chunk-4ZJFD3L3.mjs";
22
22
  import "../../chunk-27Y6K5NK.mjs";
package/dist/components/dateTimePicker/dateTimePicker.mjs CHANGED
@@ -2,17 +2,17 @@
2
2
  import {
3
3
  dateTimePickerStyle,
4
4
  dateTimePicker_default
5
- } from "../../chunk-EYVRTVRM.mjs";
5
+ } from "../../chunk-SCFTSNCK.mjs";
6
6
  import "../../chunk-Q72LZAPG.mjs";
7
- import "../../chunk-OWG4RL2T.mjs";
7
+ import "../../chunk-DLQFMOBN.mjs";
8
8
  import "../../chunk-7MVEAQ7Z.mjs";
9
- import "../../chunk-PZIVMTKX.mjs";
10
9
  import "../../chunk-HIVPDIEP.mjs";
10
+ import "../../chunk-QY7LYAXT.mjs";
11
11
  import "../../chunk-FWJ2ZKH6.mjs";
12
12
  import "../../chunk-P732YGHO.mjs";
13
+ import "../../chunk-XQGD4ZIX.mjs";
13
14
  import "../../chunk-ZYIIXWVY.mjs";
14
15
  import "../../chunk-HWL7TPUN.mjs";
15
- import "../../chunk-XQGD4ZIX.mjs";
16
16
  import "../../chunk-3IU2RPSM.mjs";
17
17
  import "../../chunk-4ZJFD3L3.mjs";
18
18
  import "../../chunk-E3G5QXSH.mjs";
package/dist/components/dateTimePicker/index.mjs CHANGED
@@ -2,17 +2,17 @@
2
2
  import "../../chunk-75HLCORR.mjs";
3
3
  import {
4
4
  dateTimePicker_default
5
- } from "../../chunk-EYVRTVRM.mjs";
5
+ } from "../../chunk-SCFTSNCK.mjs";
6
6
  import "../../chunk-Q72LZAPG.mjs";
7
- import "../../chunk-OWG4RL2T.mjs";
7
+ import "../../chunk-DLQFMOBN.mjs";
8
8
  import "../../chunk-7MVEAQ7Z.mjs";
9
- import "../../chunk-PZIVMTKX.mjs";
10
9
  import "../../chunk-HIVPDIEP.mjs";
10
+ import "../../chunk-QY7LYAXT.mjs";
11
11
  import "../../chunk-FWJ2ZKH6.mjs";
12
12
  import "../../chunk-P732YGHO.mjs";
13
+ import "../../chunk-XQGD4ZIX.mjs";
13
14
  import "../../chunk-ZYIIXWVY.mjs";
14
15
  import "../../chunk-HWL7TPUN.mjs";
15
- import "../../chunk-XQGD4ZIX.mjs";
16
16
  import "../../chunk-3IU2RPSM.mjs";
17
17
  import "../../chunk-4ZJFD3L3.mjs";
18
18
  import "../../chunk-E3G5QXSH.mjs";
package/dist/components/dateTimePicker/timePicker.mjs CHANGED
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  timePicker_default
4
- } from "../../chunk-OWG4RL2T.mjs";
4
+ } from "../../chunk-DLQFMOBN.mjs";
5
5
  import "../../chunk-7MVEAQ7Z.mjs";
6
- import "../../chunk-PZIVMTKX.mjs";
7
6
  import "../../chunk-HIVPDIEP.mjs";
7
+ import "../../chunk-QY7LYAXT.mjs";
8
+ import "../../chunk-XQGD4ZIX.mjs";
8
9
  import "../../chunk-ZYIIXWVY.mjs";
9
10
  import "../../chunk-HWL7TPUN.mjs";
10
- import "../../chunk-XQGD4ZIX.mjs";
11
11
  import "../../chunk-3IU2RPSM.mjs";
12
12
  import "../../chunk-4ZJFD3L3.mjs";
13
13
  import "../../chunk-E3G5QXSH.mjs";
package/dist/components/list/index.mjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use client";
2
2
  import "../../chunk-7MVEAQ7Z.mjs";
3
- import {
4
- listItem_default
5
- } from "../../chunk-PZIVMTKX.mjs";
6
3
  import {
7
4
  list_default
8
5
  } from "../../chunk-HIVPDIEP.mjs";
6
+ import {
7
+ listItem_default
8
+ } from "../../chunk-QY7LYAXT.mjs";
9
+ import "../../chunk-XQGD4ZIX.mjs";
9
10
  import "../../chunk-ZYIIXWVY.mjs";
10
11
  import "../../chunk-HWL7TPUN.mjs";
11
- import "../../chunk-XQGD4ZIX.mjs";
12
12
  import "../../chunk-3IU2RPSM.mjs";
13
13
  import "../../chunk-4ZJFD3L3.mjs";
14
14
  import "../../chunk-E3G5QXSH.mjs";
package/dist/components/list/listItem.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  listItem_default
4
- } from "../../chunk-PZIVMTKX.mjs";
4
+ } from "../../chunk-QY7LYAXT.mjs";
5
+ import "../../chunk-XQGD4ZIX.mjs";
5
6
  import "../../chunk-ZYIIXWVY.mjs";
6
7
  import "../../chunk-HWL7TPUN.mjs";
7
- import "../../chunk-XQGD4ZIX.mjs";
8
8
  import "../../chunk-3IU2RPSM.mjs";
9
9
  import "../../chunk-4ZJFD3L3.mjs";
10
10
  import "../../chunk-E3G5QXSH.mjs";
package/dist/components/modal/index.mjs CHANGED
@@ -2,20 +2,20 @@
2
2
  import "../../chunk-DJOG6Z35.mjs";
3
3
  import {
4
4
  modal_default
5
- } from "../../chunk-ZUSUVPYV.mjs";
5
+ } from "../../chunk-B3DFSXGC.mjs";
6
+ import "../../chunk-SE5TU755.mjs";
7
+ import "../../chunk-LL6F3WDX.mjs";
6
8
  import "../../chunk-MY5U63QO.mjs";
7
9
  import "../../chunk-LPZOH3RP.mjs";
8
- import "../../chunk-PNRS23HE.mjs";
9
- import "../../chunk-VQROXH43.mjs";
10
+ import "../../chunk-BQUZRVYW.mjs";
11
+ import "../../chunk-PMMTMYRI.mjs";
10
12
  import "../../chunk-6WSACUIB.mjs";
11
- import "../../chunk-LXHUO6VM.mjs";
12
13
  import "../../chunk-6PNKRBUT.mjs";
14
+ import "../../chunk-LXHUO6VM.mjs";
15
+ import "../../chunk-WFMFC7R6.mjs";
13
16
  import "../../chunk-ZYIIXWVY.mjs";
14
17
  import "../../chunk-HWL7TPUN.mjs";
15
- import "../../chunk-WFMFC7R6.mjs";
16
18
  import "../../chunk-3IU2RPSM.mjs";
17
- import "../../chunk-SE5TU755.mjs";
18
- import "../../chunk-LL6F3WDX.mjs";
19
19
  import "../../chunk-4ZJFD3L3.mjs";
20
20
  import "../../chunk-27Y6K5NK.mjs";
21
21
  import "../../chunk-E3G5QXSH.mjs";
package/dist/components/modal/modal.mjs CHANGED
@@ -1,20 +1,20 @@
1
1
  "use client";
2
2
  import {
3
3
  modal_default
4
- } from "../../chunk-ZUSUVPYV.mjs";
4
+ } from "../../chunk-B3DFSXGC.mjs";
5
+ import "../../chunk-SE5TU755.mjs";
6
+ import "../../chunk-LL6F3WDX.mjs";
5
7
  import "../../chunk-MY5U63QO.mjs";
6
8
  import "../../chunk-LPZOH3RP.mjs";
7
- import "../../chunk-PNRS23HE.mjs";
8
- import "../../chunk-VQROXH43.mjs";
9
+ import "../../chunk-BQUZRVYW.mjs";
10
+ import "../../chunk-PMMTMYRI.mjs";
9
11
  import "../../chunk-6WSACUIB.mjs";
10
- import "../../chunk-LXHUO6VM.mjs";
11
12
  import "../../chunk-6PNKRBUT.mjs";
13
+ import "../../chunk-LXHUO6VM.mjs";
14
+ import "../../chunk-WFMFC7R6.mjs";
12
15
  import "../../chunk-ZYIIXWVY.mjs";
13
16
  import "../../chunk-HWL7TPUN.mjs";
14
- import "../../chunk-WFMFC7R6.mjs";
15
17
  import "../../chunk-3IU2RPSM.mjs";
16
- import "../../chunk-SE5TU755.mjs";
17
- import "../../chunk-LL6F3WDX.mjs";
18
18
  import "../../chunk-4ZJFD3L3.mjs";
19
19
  import "../../chunk-27Y6K5NK.mjs";
20
20
  import "../../chunk-E3G5QXSH.mjs";
package/dist/components/ripple/index.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import "../../chunk-6WSACUIB.mjs";
3
- import {
4
- ripple_default
5
- } from "../../chunk-LXHUO6VM.mjs";
6
3
  import {
7
4
  useRipple
8
5
  } from "../../chunk-6PNKRBUT.mjs";
6
+ import {
7
+ ripple_default
8
+ } from "../../chunk-LXHUO6VM.mjs";
9
9
  import "../../chunk-AC6TWLRT.mjs";
10
10
  export {
11
11
  ripple_default as Ripple,
package/dist/components/table/index.mjs CHANGED
@@ -5,20 +5,20 @@ import {
5
5
  } from "../../chunk-ICZTNO4V.mjs";
6
6
  import {
7
7
  table_default
8
- } from "../../chunk-6OMHIMIA.mjs";
9
- import "../../chunk-XRC5OUYQ.mjs";
10
- import "../../chunk-EAK5DVWA.mjs";
8
+ } from "../../chunk-6EU5GUL5.mjs";
11
9
  import "../../chunk-DQRAFUDA.mjs";
12
10
  import "../../chunk-M37VBNB3.mjs";
11
+ import "../../chunk-XRC5OUYQ.mjs";
12
+ import "../../chunk-EAK5DVWA.mjs";
13
13
  import "../../chunk-7B7LRG5J.mjs";
14
14
  import "../../chunk-IVK24VIL.mjs";
15
15
  import "../../chunk-F3HENRVM.mjs";
16
16
  import "../../chunk-2GCSFWHD.mjs";
17
17
  import "../../chunk-P5PJTJLY.mjs";
18
18
  import "../../chunk-QZ3LVYJW.mjs";
19
+ import "../../chunk-D6QI3DJG.mjs";
19
20
  import "../../chunk-ZYIIXWVY.mjs";
20
21
  import "../../chunk-HWL7TPUN.mjs";
21
- import "../../chunk-D6QI3DJG.mjs";
22
22
  import "../../chunk-3IU2RPSM.mjs";
23
23
  import "../../chunk-4ZJFD3L3.mjs";
24
24
  import "../../chunk-27Y6K5NK.mjs";
package/dist/components/table/table.mjs CHANGED
@@ -1,20 +1,20 @@
1
1
  "use client";
2
2
  import {
3
3
  table_default
4
- } from "../../chunk-6OMHIMIA.mjs";
5
- import "../../chunk-XRC5OUYQ.mjs";
6
- import "../../chunk-EAK5DVWA.mjs";
4
+ } from "../../chunk-6EU5GUL5.mjs";
7
5
  import "../../chunk-DQRAFUDA.mjs";
8
6
  import "../../chunk-M37VBNB3.mjs";
7
+ import "../../chunk-XRC5OUYQ.mjs";
8
+ import "../../chunk-EAK5DVWA.mjs";
9
9
  import "../../chunk-7B7LRG5J.mjs";
10
10
  import "../../chunk-IVK24VIL.mjs";
11
11
  import "../../chunk-F3HENRVM.mjs";
12
12
  import "../../chunk-2GCSFWHD.mjs";
13
13
  import "../../chunk-P5PJTJLY.mjs";
14
14
  import "../../chunk-QZ3LVYJW.mjs";
15
+ import "../../chunk-D6QI3DJG.mjs";
15
16
  import "../../chunk-ZYIIXWVY.mjs";
16
17
  import "../../chunk-HWL7TPUN.mjs";
17
- import "../../chunk-D6QI3DJG.mjs";
18
18
  import "../../chunk-3IU2RPSM.mjs";
19
19
  import "../../chunk-4ZJFD3L3.mjs";
20
20
  import "../../chunk-27Y6K5NK.mjs";
package/dist/components/tree/index.js CHANGED
@@ -4296,53 +4296,109 @@ var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) =
4296
4296
  };
4297
4297
  var Icon_default = Icon;
4298
4298
 
4299
- // src/assets/images/cogwheel.png
4300
- var cogwheel_default = "../../cogwheel-U2B3CWEL.png";
4301
-
4302
- // src/assets/images/folder.svg
4303
- var folder_default = "../../folder-RO3QTLGS.svg";
4299
+ // src/utils/clsx.ts
4300
+ function clsx(...args) {
4301
+ var i = 0, tmp, x, str = "";
4302
+ while (i < args.length) {
4303
+ if (tmp = args[i++]) {
4304
+ if (x = toVal(tmp)) {
4305
+ str && (str += " ");
4306
+ str += x;
4307
+ }
4308
+ }
4309
+ }
4310
+ return str;
4311
+ }
4312
+ function toVal(mix) {
4313
+ var k, y, str = "";
4314
+ if (typeof mix === "string" || typeof mix === "number") {
4315
+ str += mix;
4316
+ } else if (typeof mix === "object") {
4317
+ if (Array.isArray(mix)) {
4318
+ var len = mix.length;
4319
+ for (k = 0; k < len; k++) {
4320
+ if (mix[k]) {
4321
+ if (y = toVal(mix[k])) {
4322
+ str && (str += " ");
4323
+ str += y;
4324
+ }
4325
+ }
4326
+ }
4327
+ } else {
4328
+ for (y in mix) {
4329
+ if (mix[y]) {
4330
+ str && (str += " ");
4331
+ str += y;
4332
+ }
4333
+ }
4334
+ }
4335
+ }
4336
+ return str;
4337
+ }
4304
4338
 
4305
4339
  // src/components/tree/tree.tsx
4306
4340
  var import_jsx_runtime3 = require("react/jsx-runtime");
4307
- var TreeNodeItem = (0, import_react.forwardRef)(({ node, depth, classNames }) => {
4341
+ var TreeNodeItem = (0, import_react.forwardRef)(({ node, depth, fileIcon, isLoading, classNames }) => {
4308
4342
  var _a;
4309
4343
  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
4310
4344
  const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4311
4345
  const toggleOpen = (0, import_react.useCallback)(() => {
4312
4346
  setIsOpen((prev) => !prev);
4313
4347
  }, []);
4314
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
4315
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
4316
- node.children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4317
- Icon_default,
4318
- {
4319
- name: "right-chevron",
4320
- className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
4321
- }
4348
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
4349
+ "div",
4350
+ {
4351
+ className: clsx(
4352
+ depth > 1 ? "ml-[30px]" : "",
4353
+ "transition-all duration-150 ease-out",
4354
+ isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
4322
4355
  ),
4323
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: folder_default, alt: "folder", width: 25, height: 25 }),
4324
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
4325
- var _a2;
4326
- return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
4327
- }, children: node.label })
4328
- ] }),
4329
- 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)))
4330
- ] });
4331
- });
4332
- var Tree = (0, import_react.forwardRef)(({ headerContent, group, classNames }) => {
4333
- const { label, data, onClick } = group;
4334
- const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4335
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
4336
- headerContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: headerContent }),
4337
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
4338
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
4339
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: cogwheel_default, alt: "cogwheel", width: 25, height: 25 }),
4340
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
4341
- ] }),
4342
- data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TreeNodeItem, { node, depth: 1, classNames }, node.id))
4343
- ] })
4344
- ] });
4356
+ children: [
4357
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
4358
+ node.children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4359
+ Icon_default,
4360
+ {
4361
+ name: "right-chevron",
4362
+ className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
4363
+ }
4364
+ ),
4365
+ fileIcon,
4366
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
4367
+ var _a2;
4368
+ return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
4369
+ }, children: node.label })
4370
+ ] }),
4371
+ 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)))
4372
+ ]
4373
+ }
4374
+ );
4345
4375
  });
4376
+ var Tree = (0, import_react.forwardRef)(
4377
+ ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }) => {
4378
+ const { label, data, onClick } = group;
4379
+ const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4380
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
4381
+ headerContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: headerContent }),
4382
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
4383
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
4384
+ groupIcon,
4385
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
4386
+ ] }),
4387
+ data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4388
+ TreeNodeItem,
4389
+ {
4390
+ node,
4391
+ depth: 1,
4392
+ classNames,
4393
+ fileIcon,
4394
+ isLoading
4395
+ },
4396
+ node.id
4397
+ ))
4398
+ ] })
4399
+ ] });
4400
+ }
4401
+ );
4346
4402
  TreeNodeItem.displayName = "TreeNodeItem";
4347
4403
  Tree.displayName = "Tree";
4348
4404
  var tree_default = Tree;
package/dist/components/tree/index.mjs CHANGED
@@ -2,13 +2,12 @@
2
2
  import "../../chunk-MBLZYQCN.mjs";
3
3
  import {
4
4
  tree_default
5
- } from "../../chunk-BZGUSIX5.mjs";
5
+ } from "../../chunk-K4QY2F5J.mjs";
6
6
  import "../../chunk-ZYIIXWVY.mjs";
7
7
  import "../../chunk-HWL7TPUN.mjs";
8
8
  import "../../chunk-3IU2RPSM.mjs";
9
- import "../../chunk-7USF56CT.mjs";
10
- import "../../chunk-IZM66FHP.mjs";
11
9
  import "../../chunk-4ZJFD3L3.mjs";
10
+ import "../../chunk-27Y6K5NK.mjs";
12
11
  import "../../chunk-AC6TWLRT.mjs";
13
12
  export {
14
13
  tree_default as Tree
package/dist/components/tree/tree.d.mts CHANGED
@@ -17,6 +17,9 @@ interface TreeProps {
17
17
  data: TreeNode[];
18
18
  onClick?: () => void;
19
19
  };
20
+ groupIcon?: ReactNode;
21
+ fileIcon?: ReactNode;
22
+ isLoading?: boolean;
20
23
  classNames?: SlotsToClasses<TreeSlots>;
21
24
  }
22
25
  declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;
package/dist/components/tree/tree.d.ts CHANGED
@@ -17,6 +17,9 @@ interface TreeProps {
17
17
  data: TreeNode[];
18
18
  onClick?: () => void;
19
19
  };
20
+ groupIcon?: ReactNode;
21
+ fileIcon?: ReactNode;
22
+ isLoading?: boolean;
20
23
  classNames?: SlotsToClasses<TreeSlots>;
21
24
  }
22
25
  declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;