@deepnoid/ui 0.1.28 → 0.1.29

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 (94) hide show
  1. package/.turbo/turbo-build.log +174 -164
  2. package/dist/{chunk-UNH3BCGN.mjs → chunk-26MNALVL.mjs} +1 -1
  3. package/dist/chunk-3KVZDFMV.mjs +132 -0
  4. package/dist/{chunk-XRC5OUYQ.mjs → chunk-A5KQHWS3.mjs} +1 -1
  5. package/dist/{chunk-IBI3OVQI.mjs → chunk-BB7MFKNQ.mjs} +1 -1
  6. package/dist/{chunk-NHVIKP4H.mjs → chunk-ECMBAKSJ.mjs} +8 -8
  7. package/dist/{chunk-BEQ3KZGS.mjs → chunk-EHRFXDSN.mjs} +5 -4
  8. package/dist/{chunk-G67WUZO3.mjs → chunk-III2QUWF.mjs} +1 -1
  9. package/dist/{chunk-SO7BGWM7.mjs → chunk-KXA73VTJ.mjs} +4 -4
  10. package/dist/{chunk-K7VUN5BS.mjs → chunk-LR3SWRB4.mjs} +5 -5
  11. package/dist/{chunk-KYJTZPXY.mjs → chunk-QJJKJYNR.mjs} +4 -4
  12. package/dist/{chunk-JV7VLO2L.mjs → chunk-RCJOJPRS.mjs} +6 -6
  13. package/dist/chunk-RLXOHILK.mjs +1 -0
  14. package/dist/{chunk-4OSN2OE2.mjs → chunk-X4F7JYBA.mjs} +17 -32
  15. package/dist/components/backdrop/backdrop.mjs +2 -2
  16. package/dist/components/backdrop/index.mjs +2 -2
  17. package/dist/components/breadcrumb/breadcrumb.mjs +6 -6
  18. package/dist/components/breadcrumb/index.mjs +6 -6
  19. package/dist/components/button/button.mjs +3 -3
  20. package/dist/components/button/icon-button.mjs +3 -3
  21. package/dist/components/button/index.mjs +5 -5
  22. package/dist/components/button/text-button.mjs +2 -2
  23. package/dist/components/checkbox/checkbox.mjs +2 -2
  24. package/dist/components/checkbox/index.mjs +2 -2
  25. package/dist/components/chip/chip.mjs +2 -2
  26. package/dist/components/chip/index.mjs +2 -2
  27. package/dist/components/dateTimePicker/calendar.mjs +2 -2
  28. package/dist/components/dateTimePicker/dateTimePicker.mjs +7 -7
  29. package/dist/components/dateTimePicker/index.mjs +7 -7
  30. package/dist/components/dateTimePicker/timePicker.mjs +4 -4
  31. package/dist/components/fileUpload/fileUpload.d.mts +92 -0
  32. package/dist/components/fileUpload/fileUpload.d.ts +92 -0
  33. package/dist/components/fileUpload/fileUpload.js +5648 -0
  34. package/dist/components/fileUpload/fileUpload.mjs +28 -0
  35. package/dist/components/fileUpload/index.d.mts +5 -0
  36. package/dist/components/fileUpload/index.d.ts +5 -0
  37. package/dist/components/fileUpload/index.js +5647 -0
  38. package/dist/components/fileUpload/index.mjs +25 -0
  39. package/dist/components/input/index.js +2 -1
  40. package/dist/components/input/index.mjs +2 -2
  41. package/dist/components/input/input.js +2 -1
  42. package/dist/components/input/input.mjs +2 -2
  43. package/dist/components/list/index.mjs +5 -5
  44. package/dist/components/list/list.mjs +2 -2
  45. package/dist/components/list/listItem.mjs +2 -2
  46. package/dist/components/modal/index.mjs +7 -7
  47. package/dist/components/modal/modal.mjs +7 -7
  48. package/dist/components/pagination/index.js +2 -1
  49. package/dist/components/pagination/index.mjs +3 -3
  50. package/dist/components/pagination/pagination.js +2 -1
  51. package/dist/components/pagination/pagination.mjs +3 -3
  52. package/dist/components/radio/index.mjs +2 -2
  53. package/dist/components/radio/radio.mjs +2 -2
  54. package/dist/components/ripple/index.mjs +3 -3
  55. package/dist/components/select/index.mjs +2 -2
  56. package/dist/components/select/select.mjs +2 -2
  57. package/dist/components/table/index.js +2 -1
  58. package/dist/components/table/index.mjs +10 -10
  59. package/dist/components/table/table-body.mjs +3 -3
  60. package/dist/components/table/table-head.mjs +3 -3
  61. package/dist/components/table/table.js +2 -1
  62. package/dist/components/table/table.mjs +7 -7
  63. package/dist/components/tabs/index.mjs +2 -2
  64. package/dist/components/tabs/tabs.mjs +2 -2
  65. package/dist/components/toast/index.mjs +3 -3
  66. package/dist/components/toast/toast.mjs +2 -2
  67. package/dist/components/toast/use-toast.mjs +3 -3
  68. package/dist/components/tooltip/index.mjs +2 -2
  69. package/dist/components/tooltip/tooltip.mjs +2 -2
  70. package/dist/components/tree/index.js +14 -29
  71. package/dist/components/tree/index.mjs +2 -2
  72. package/dist/components/tree/tree.d.mts +10 -5
  73. package/dist/components/tree/tree.d.ts +10 -5
  74. package/dist/components/tree/tree.js +14 -29
  75. package/dist/components/tree/tree.mjs +2 -2
  76. package/dist/index.d.mts +1 -0
  77. package/dist/index.d.ts +1 -0
  78. package/dist/index.js +134 -30
  79. package/dist/index.mjs +47 -42
  80. package/package.json +1 -1
  81. package/dist/{chunk-WFMFC7R6.mjs → chunk-2PKM7SLZ.mjs} +3 -3
  82. package/dist/{chunk-QIRL6HY6.mjs → chunk-33LANVZV.mjs} +3 -3
  83. package/dist/{chunk-QIEKOGY7.mjs → chunk-6K3E5BVO.mjs} +6 -6
  84. package/dist/{chunk-JTZUXVOU.mjs → chunk-7J3KVOTS.mjs} +6 -6
  85. package/dist/{chunk-MEY4IL7D.mjs → chunk-7W2ZI2DD.mjs} +3 -3
  86. package/dist/{chunk-Z2537DF6.mjs → chunk-IL5ENWCR.mjs} +3 -3
  87. package/dist/{chunk-272FMLIL.mjs → chunk-KLUC2BV6.mjs} +3 -3
  88. package/dist/{chunk-LL6F3WDX.mjs → chunk-P5QCU457.mjs} +3 -3
  89. package/dist/{chunk-2YMAKIZ6.mjs → chunk-SSMMWMQC.mjs} +3 -3
  90. package/dist/{chunk-HIVPDIEP.mjs → chunk-UFVQPPPW.mjs} +3 -3
  91. package/dist/{chunk-RT3S3VVJ.mjs → chunk-W45H2ZMW.mjs} +3 -3
  92. package/dist/{chunk-A7RU3FU5.mjs → chunk-X6D7C7QZ.mjs} +3 -3
  93. package/dist/{chunk-WLNLVX7Q.mjs → chunk-Y6XQTWB5.mjs} +3 -3
  94. package/dist/{chunk-D6QI3DJG.mjs → chunk-YLRYHUTW.mjs} +3 -3
@@ -0,0 +1,132 @@
1
+ "use client";
2
+ import {
3
+ input_default
4
+ } from "./chunk-EHRFXDSN.mjs";
5
+ import {
6
+ button_default
7
+ } from "./chunk-7J3KVOTS.mjs";
8
+ import {
9
+ icon_button_default
10
+ } from "./chunk-6K3E5BVO.mjs";
11
+
12
+ // src/components/fileUpload/fileUpload.tsx
13
+ import { useRef, useState, useEffect } from "react";
14
+ import { tv } from "tailwind-variants";
15
+ import { jsx, jsxs } from "react/jsx-runtime";
16
+ function FileUpload({
17
+ buttonText,
18
+ maxSizeMB = 10,
19
+ placeholder,
20
+ accept = [],
21
+ acceptErrorMessage = "The file type is not allowed.",
22
+ sizeErrorMessage = `File is too large.`,
23
+ onFileUpload,
24
+ helperMessage,
25
+ showProgress,
26
+ classNames
27
+ }) {
28
+ const fileInputRef = useRef(null);
29
+ const uploadIntervalRef = useRef(null);
30
+ const [file, setFile] = useState(null);
31
+ const [uploadProgress, setUploadProgress] = useState(0);
32
+ const [errorMessage, setErrorMessage] = useState("");
33
+ const slots = fileUploadStyle();
34
+ const handleButtonClick = () => {
35
+ var _a;
36
+ (_a = fileInputRef.current) == null ? void 0 : _a.click();
37
+ };
38
+ const validateFile = (file2) => {
39
+ if (accept.length && !accept.includes(file2.type)) {
40
+ return acceptErrorMessage;
41
+ }
42
+ const sizeMB = file2.size / 1024 / 1024;
43
+ if (sizeMB > maxSizeMB) {
44
+ return `${sizeErrorMessage} (${maxSizeMB}MB)`;
45
+ }
46
+ return null;
47
+ };
48
+ const startUploadSimulation = (file2) => {
49
+ let progress = 0;
50
+ setUploadProgress(0);
51
+ uploadIntervalRef.current = window.setInterval(() => {
52
+ progress += 10;
53
+ setUploadProgress(progress);
54
+ if (progress >= 100) {
55
+ clearInterval(uploadIntervalRef.current);
56
+ onFileUpload == null ? void 0 : onFileUpload(file2);
57
+ }
58
+ }, 100);
59
+ };
60
+ const handleFileChange = (e) => {
61
+ var _a;
62
+ const selectedFile = (_a = e.target.files) == null ? void 0 : _a[0];
63
+ if (!selectedFile) return;
64
+ const error = validateFile(selectedFile);
65
+ if (error) {
66
+ setErrorMessage(error);
67
+ setFile(null);
68
+ return;
69
+ }
70
+ setFile(selectedFile);
71
+ setErrorMessage("");
72
+ startUploadSimulation(selectedFile);
73
+ };
74
+ const handleCancelUpload = () => {
75
+ if (uploadIntervalRef.current) {
76
+ clearInterval(uploadIntervalRef.current);
77
+ }
78
+ setFile(null);
79
+ setUploadProgress(0);
80
+ setErrorMessage("");
81
+ };
82
+ useEffect(() => {
83
+ return () => {
84
+ if (uploadIntervalRef.current) {
85
+ clearInterval(uploadIntervalRef.current);
86
+ }
87
+ };
88
+ }, []);
89
+ return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
90
+ /* @__PURE__ */ jsxs("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
91
+ /* @__PURE__ */ jsxs("div", { className: slots.inputWrapper(), children: [
92
+ /* @__PURE__ */ jsx(input_default, { name: "file", readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
93
+ file && /* @__PURE__ */ jsx(
94
+ icon_button_default,
95
+ {
96
+ name: "close",
97
+ variant: "ghost",
98
+ color: "neutral",
99
+ onClick: handleCancelUpload,
100
+ classNames: { base: slots.cancelButton() },
101
+ "aria-label": "cancel"
102
+ }
103
+ )
104
+ ] }),
105
+ /* @__PURE__ */ jsx(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, children: buttonText }),
106
+ /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
107
+ ] }),
108
+ showProgress && file && uploadProgress < 100 && /* @__PURE__ */ jsx("div", { className: slots.progressBarContainer(), children: /* @__PURE__ */ jsx("div", { className: slots.progressBar(), style: { width: `${uploadProgress}%` } }) }),
109
+ !errorMessage && helperMessage && /* @__PURE__ */ jsx("p", { className: slots.helperMessage(), children: helperMessage }),
110
+ errorMessage && /* @__PURE__ */ jsx("p", { className: slots.errorMessage(), children: errorMessage })
111
+ ] });
112
+ }
113
+ FileUpload.displayName = "FileUpload";
114
+ var fileUpload_default = FileUpload;
115
+ var fileUploadStyle = tv({
116
+ slots: {
117
+ base: ["flex", "flex-col", "gap-[5px]"],
118
+ container: ["flex", "items-center", "gap-[10px]"],
119
+ inputWrapper: ["relative", "flex-1"],
120
+ cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2"],
121
+ progressBarContainer: ["w-full", "h-[5px]", "bg-neutral-light", "rounded-full", "overflow-hidden"],
122
+ progressBar: ["h-full", "bg-primary-main", "transition-all"],
123
+ errorMessage: ["text-danger-main", "text-sm"],
124
+ helperMessage: ["text-neutral-main", "text-sm"]
125
+ }
126
+ });
127
+
128
+ export {
129
+ FileUpload,
130
+ fileUpload_default,
131
+ fileUploadStyle
132
+ };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  checkbox_default
4
- } from "./chunk-D6QI3DJG.mjs";
4
+ } from "./chunk-YLRYHUTW.mjs";
5
5
  import {
6
6
  clsx
7
7
  } from "./chunk-27Y6K5NK.mjs";
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-ZOTHPHXA.mjs";
5
5
  import {
6
6
  toast_default
7
- } from "./chunk-MEY4IL7D.mjs";
7
+ } from "./chunk-7W2ZI2DD.mjs";
8
8
 
9
9
  // src/components/toast/use-toast.tsx
10
10
  import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";
@@ -1,22 +1,22 @@
1
1
  "use client";
2
- import {
3
- useDatePicker
4
- } from "./chunk-FWJ2ZKH6.mjs";
5
2
  import {
6
3
  calendar_default
7
- } from "./chunk-A7RU3FU5.mjs";
4
+ } from "./chunk-X6D7C7QZ.mjs";
8
5
  import {
9
6
  timePicker_default
10
- } from "./chunk-KYJTZPXY.mjs";
7
+ } from "./chunk-QJJKJYNR.mjs";
8
+ import {
9
+ useDatePicker
10
+ } from "./chunk-FWJ2ZKH6.mjs";
11
11
  import {
12
12
  Icon_default
13
13
  } from "./chunk-2TKEWFGH.mjs";
14
- import {
15
- tv
16
- } from "./chunk-4ZJFD3L3.mjs";
17
14
  import {
18
15
  mapPropsVariants
19
16
  } from "./chunk-E3G5QXSH.mjs";
17
+ import {
18
+ tv
19
+ } from "./chunk-4ZJFD3L3.mjs";
20
20
 
21
21
  // src/components/dateTimePicker/dateTimePicker.tsx
22
22
  import React, { forwardRef, useCallback, useMemo } from "react";
@@ -2,15 +2,15 @@
2
2
  import {
3
3
  Icon_default
4
4
  } from "./chunk-2TKEWFGH.mjs";
5
- import {
6
- tv
7
- } from "./chunk-4ZJFD3L3.mjs";
8
5
  import {
9
6
  clsx
10
7
  } from "./chunk-27Y6K5NK.mjs";
11
8
  import {
12
9
  mapPropsVariants
13
10
  } from "./chunk-E3G5QXSH.mjs";
11
+ import {
12
+ tv
13
+ } from "./chunk-4ZJFD3L3.mjs";
14
14
 
15
15
  // src/components/input/input.tsx
16
16
  import React, { forwardRef, useRef, useCallback, useMemo } from "react";
@@ -103,9 +103,10 @@ var Input = forwardRef((originalProps, ref) => {
103
103
  {
104
104
  ...inputProps,
105
105
  ref: ref || inputRef,
106
+ readOnly: props.readOnly,
106
107
  className: clsx(
107
108
  slots.input({ class: classNames == null ? void 0 : classNames.input }),
108
- inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
109
+ inputProps.readOnly ? "!text-body-foreground placeholder:!text-body-foreground" : ""
109
110
  ),
110
111
  size: 0
111
112
  }
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  text_button_default
4
- } from "./chunk-WFMFC7R6.mjs";
4
+ } from "./chunk-2PKM7SLZ.mjs";
5
5
  import {
6
6
  Icon_default
7
7
  } from "./chunk-2TKEWFGH.mjs";
@@ -4,19 +4,19 @@ import {
4
4
  } from "./chunk-F3HENRVM.mjs";
5
5
  import {
6
6
  input_default
7
- } from "./chunk-BEQ3KZGS.mjs";
7
+ } from "./chunk-EHRFXDSN.mjs";
8
8
  import {
9
9
  Icon_default
10
10
  } from "./chunk-2TKEWFGH.mjs";
11
- import {
12
- tv
13
- } from "./chunk-4ZJFD3L3.mjs";
14
11
  import {
15
12
  clsx
16
13
  } from "./chunk-27Y6K5NK.mjs";
17
14
  import {
18
15
  mapPropsVariants
19
16
  } from "./chunk-E3G5QXSH.mjs";
17
+ import {
18
+ tv
19
+ } from "./chunk-4ZJFD3L3.mjs";
20
20
 
21
21
  // src/components/pagination/pagination.tsx
22
22
  import { forwardRef, useMemo, useState } from "react";
@@ -1,19 +1,19 @@
1
1
  "use client";
2
2
  import {
3
3
  backdrop_default
4
- } from "./chunk-LL6F3WDX.mjs";
4
+ } from "./chunk-P5QCU457.mjs";
5
5
  import {
6
6
  button_default
7
- } from "./chunk-JTZUXVOU.mjs";
7
+ } from "./chunk-7J3KVOTS.mjs";
8
8
  import {
9
9
  Icon_default
10
10
  } from "./chunk-2TKEWFGH.mjs";
11
- import {
12
- tv
13
- } from "./chunk-4ZJFD3L3.mjs";
14
11
  import {
15
12
  mapPropsVariants
16
13
  } from "./chunk-E3G5QXSH.mjs";
14
+ import {
15
+ tv
16
+ } from "./chunk-4ZJFD3L3.mjs";
17
17
 
18
18
  // src/components/modal/modal.tsx
19
19
  import { forwardRef, useMemo, useEffect } from "react";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
- import {
3
- list_default
4
- } from "./chunk-HIVPDIEP.mjs";
5
2
  import {
6
3
  listItem_default
7
- } from "./chunk-RT3S3VVJ.mjs";
4
+ } from "./chunk-W45H2ZMW.mjs";
5
+ import {
6
+ list_default
7
+ } from "./chunk-UFVQPPPW.mjs";
8
8
 
9
9
  // src/components/dateTimePicker/timePicker.tsx
10
10
  import { useState, useRef, useEffect } from "react";
@@ -1,16 +1,16 @@
1
1
  "use client";
2
+ import {
3
+ scrollArea_default
4
+ } from "./chunk-M37VBNB3.mjs";
2
5
  import {
3
6
  table_body_default
4
- } from "./chunk-XRC5OUYQ.mjs";
7
+ } from "./chunk-A5KQHWS3.mjs";
5
8
  import {
6
9
  table_head_default
7
- } from "./chunk-UNH3BCGN.mjs";
8
- import {
9
- scrollArea_default
10
- } from "./chunk-M37VBNB3.mjs";
10
+ } from "./chunk-26MNALVL.mjs";
11
11
  import {
12
12
  pagination_default
13
- } from "./chunk-SO7BGWM7.mjs";
13
+ } from "./chunk-KXA73VTJ.mjs";
14
14
  import {
15
15
  clsx
16
16
  } from "./chunk-27Y6K5NK.mjs";
@@ -0,0 +1 @@
1
+ "use client";
@@ -2,18 +2,18 @@
2
2
  import {
3
3
  Icon_default
4
4
  } from "./chunk-2TKEWFGH.mjs";
5
- import {
6
- tv
7
- } from "./chunk-4ZJFD3L3.mjs";
8
5
  import {
9
6
  clsx
10
7
  } from "./chunk-27Y6K5NK.mjs";
8
+ import {
9
+ tv
10
+ } from "./chunk-4ZJFD3L3.mjs";
11
11
 
12
12
  // src/components/tree/tree.tsx
13
13
  import { forwardRef, useMemo, useState, useCallback } from "react";
14
14
  import { jsx, jsxs } from "react/jsx-runtime";
15
15
  var TreeNodeItem = forwardRef(
16
- ({ node, depth, fileIcon, isLoading, classNames, onExpand }, ref) => {
16
+ ({ node, depth, fileIcon, selectedId, isLoading, classNames, onExpand }, ref) => {
17
17
  const [isOpen, setIsOpen] = useState(false);
18
18
  const [children, setChildren] = useState(node.children);
19
19
  const [isLoadingChildren, setIsLoadingChildren] = useState(false);
@@ -37,10 +37,10 @@ var TreeNodeItem = forwardRef(
37
37
  }
38
38
  setIsOpen((prev) => !prev);
39
39
  }, [isOpen, children, onExpand, node]);
40
- const handleClick = () => {
40
+ const handleClick = (e) => {
41
41
  var _a;
42
42
  toggleOpen();
43
- (_a = node.onClick) == null ? void 0 : _a.call(node);
43
+ (_a = node.onClick) == null ? void 0 : _a.call(node, e);
44
44
  };
45
45
  const handleRightClick = (e) => {
46
46
  var _a;
@@ -61,7 +61,7 @@ var TreeNodeItem = forwardRef(
61
61
  /* @__PURE__ */ jsxs(
62
62
  "div",
63
63
  {
64
- className: slots.group({ class: classNames == null ? void 0 : classNames.group }),
64
+ className: clsx(slots.node({ class: classNames == null ? void 0 : classNames.node }), selectedId == node.id ? "bg-neutral-soft" : ""),
65
65
  onClick: handleClick,
66
66
  onContextMenu: handleRightClick,
67
67
  children: [
@@ -87,6 +87,7 @@ var TreeNodeItem = forwardRef(
87
87
  {
88
88
  node: child,
89
89
  depth: depth + 1,
90
+ selectedId,
90
91
  classNames,
91
92
  fileIcon,
92
93
  onExpand
@@ -105,44 +106,27 @@ var Tree = ({
105
106
  group,
106
107
  groupIcon,
107
108
  fileIcon,
109
+ selectedId,
108
110
  isLoading = false,
109
111
  classNames,
110
112
  onExpand
111
113
  }) => {
112
114
  const slots = useMemo(() => treeStyle(), []);
113
- const [isOpen, setIsOpen] = useState(true);
114
- const handleToggle = () => {
115
- var _a;
116
- setIsOpen((prev) => !prev);
117
- (_a = group.onClick) == null ? void 0 : _a.call(group);
118
- };
119
- const handleRightClick = (e) => {
120
- var _a;
121
- e.preventDefault();
122
- (_a = group.onRightClick) == null ? void 0 : _a.call(group, e);
123
- };
124
115
  return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
125
116
  headerContent && /* @__PURE__ */ jsx("div", { children: headerContent }),
126
117
  /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
127
- /* @__PURE__ */ jsxs(
128
- "div",
129
- {
130
- className: slots.group({ class: classNames == null ? void 0 : classNames.group }),
131
- onClick: handleToggle,
132
- onContextMenu: handleRightClick,
133
- children: [
134
- groupIcon,
135
- group.label
136
- ]
137
- }
138
- ),
139
- isOpen && /* @__PURE__ */ jsx("div", { children: group.data.map((node) => /* @__PURE__ */ jsx(
118
+ /* @__PURE__ */ jsxs("div", { className: slots.group({ class: classNames == null ? void 0 : classNames.group }), children: [
119
+ groupIcon,
120
+ group.label
121
+ ] }),
122
+ /* @__PURE__ */ jsx("div", { children: group.data.map((node) => /* @__PURE__ */ jsx(
140
123
  TreeNodeItem,
141
124
  {
142
125
  node,
143
126
  depth: 1,
144
127
  classNames,
145
128
  fileIcon,
129
+ selectedId,
146
130
  isLoading,
147
131
  onExpand
148
132
  },
@@ -157,7 +141,8 @@ var treeStyle = tv({
157
141
  slots: {
158
142
  base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
159
143
  wrapper: ["flex", "flex-col", "gap-[5px]"],
160
- group: [
144
+ group: ["flex", "items-center", "gap-[5px]", "text-md", "font-bold", "text-body-foreground", "p-[5px]"],
145
+ node: [
161
146
  "flex",
162
147
  "items-center",
163
148
  "gap-[5px]",
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  backdrop_default
4
- } from "../../chunk-LL6F3WDX.mjs";
5
- import "../../chunk-4ZJFD3L3.mjs";
4
+ } from "../../chunk-P5QCU457.mjs";
6
5
  import "../../chunk-27Y6K5NK.mjs";
6
+ import "../../chunk-4ZJFD3L3.mjs";
7
7
  import "../../chunk-AC6TWLRT.mjs";
8
8
  export {
9
9
  backdrop_default as default
@@ -2,9 +2,9 @@
2
2
  import "../../chunk-SE5TU755.mjs";
3
3
  import {
4
4
  backdrop_default
5
- } from "../../chunk-LL6F3WDX.mjs";
6
- import "../../chunk-4ZJFD3L3.mjs";
5
+ } from "../../chunk-P5QCU457.mjs";
7
6
  import "../../chunk-27Y6K5NK.mjs";
7
+ import "../../chunk-4ZJFD3L3.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  backdrop_default as Backdrop
@@ -1,21 +1,21 @@
1
1
  "use client";
2
2
  import {
3
3
  breadcrumb_default
4
- } from "../../chunk-G67WUZO3.mjs";
4
+ } from "../../chunk-III2QUWF.mjs";
5
5
  import "../../chunk-MY5U63QO.mjs";
6
6
  import "../../chunk-LPZOH3RP.mjs";
7
- import "../../chunk-JTZUXVOU.mjs";
8
- import "../../chunk-QIEKOGY7.mjs";
7
+ import "../../chunk-7J3KVOTS.mjs";
8
+ import "../../chunk-6K3E5BVO.mjs";
9
9
  import "../../chunk-6WSACUIB.mjs";
10
- import "../../chunk-6PNKRBUT.mjs";
11
10
  import "../../chunk-LXHUO6VM.mjs";
12
- import "../../chunk-WFMFC7R6.mjs";
11
+ import "../../chunk-6PNKRBUT.mjs";
12
+ import "../../chunk-2PKM7SLZ.mjs";
13
13
  import "../../chunk-ZYIIXWVY.mjs";
14
14
  import "../../chunk-2TKEWFGH.mjs";
15
15
  import "../../chunk-2SDYFOZL.mjs";
16
- import "../../chunk-4ZJFD3L3.mjs";
17
16
  import "../../chunk-27Y6K5NK.mjs";
18
17
  import "../../chunk-E3G5QXSH.mjs";
18
+ import "../../chunk-4ZJFD3L3.mjs";
19
19
  import "../../chunk-AC6TWLRT.mjs";
20
20
  export {
21
21
  breadcrumb_default as default
@@ -2,21 +2,21 @@
2
2
  import "../../chunk-KYIODWXL.mjs";
3
3
  import {
4
4
  breadcrumb_default
5
- } from "../../chunk-G67WUZO3.mjs";
5
+ } from "../../chunk-III2QUWF.mjs";
6
6
  import "../../chunk-MY5U63QO.mjs";
7
7
  import "../../chunk-LPZOH3RP.mjs";
8
- import "../../chunk-JTZUXVOU.mjs";
9
- import "../../chunk-QIEKOGY7.mjs";
8
+ import "../../chunk-7J3KVOTS.mjs";
9
+ import "../../chunk-6K3E5BVO.mjs";
10
10
  import "../../chunk-6WSACUIB.mjs";
11
- import "../../chunk-6PNKRBUT.mjs";
12
11
  import "../../chunk-LXHUO6VM.mjs";
13
- import "../../chunk-WFMFC7R6.mjs";
12
+ import "../../chunk-6PNKRBUT.mjs";
13
+ import "../../chunk-2PKM7SLZ.mjs";
14
14
  import "../../chunk-ZYIIXWVY.mjs";
15
15
  import "../../chunk-2TKEWFGH.mjs";
16
16
  import "../../chunk-2SDYFOZL.mjs";
17
- import "../../chunk-4ZJFD3L3.mjs";
18
17
  import "../../chunk-27Y6K5NK.mjs";
19
18
  import "../../chunk-E3G5QXSH.mjs";
19
+ import "../../chunk-4ZJFD3L3.mjs";
20
20
  import "../../chunk-AC6TWLRT.mjs";
21
21
  export {
22
22
  breadcrumb_default as Breadcrumb
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import {
3
3
  button_default
4
- } from "../../chunk-JTZUXVOU.mjs";
4
+ } from "../../chunk-7J3KVOTS.mjs";
5
5
  import "../../chunk-6WSACUIB.mjs";
6
- import "../../chunk-6PNKRBUT.mjs";
7
6
  import "../../chunk-LXHUO6VM.mjs";
7
+ import "../../chunk-6PNKRBUT.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-2TKEWFGH.mjs";
10
10
  import "../../chunk-2SDYFOZL.mjs";
11
- import "../../chunk-4ZJFD3L3.mjs";
12
11
  import "../../chunk-E3G5QXSH.mjs";
12
+ import "../../chunk-4ZJFD3L3.mjs";
13
13
  import "../../chunk-AC6TWLRT.mjs";
14
14
  export {
15
15
  button_default as default
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import {
3
3
  icon_button_default
4
- } from "../../chunk-QIEKOGY7.mjs";
4
+ } from "../../chunk-6K3E5BVO.mjs";
5
5
  import "../../chunk-6WSACUIB.mjs";
6
- import "../../chunk-6PNKRBUT.mjs";
7
6
  import "../../chunk-LXHUO6VM.mjs";
7
+ import "../../chunk-6PNKRBUT.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-2TKEWFGH.mjs";
10
10
  import "../../chunk-2SDYFOZL.mjs";
11
- import "../../chunk-4ZJFD3L3.mjs";
12
11
  import "../../chunk-E3G5QXSH.mjs";
12
+ import "../../chunk-4ZJFD3L3.mjs";
13
13
  import "../../chunk-AC6TWLRT.mjs";
14
14
  export {
15
15
  icon_button_default as default
@@ -5,22 +5,22 @@ import {
5
5
  } from "../../chunk-LPZOH3RP.mjs";
6
6
  import {
7
7
  button_default
8
- } from "../../chunk-JTZUXVOU.mjs";
8
+ } from "../../chunk-7J3KVOTS.mjs";
9
9
  import {
10
10
  icon_button_default
11
- } from "../../chunk-QIEKOGY7.mjs";
11
+ } from "../../chunk-6K3E5BVO.mjs";
12
12
  import "../../chunk-6WSACUIB.mjs";
13
- import "../../chunk-6PNKRBUT.mjs";
14
13
  import "../../chunk-LXHUO6VM.mjs";
14
+ import "../../chunk-6PNKRBUT.mjs";
15
15
  import {
16
16
  text_button_default
17
- } from "../../chunk-WFMFC7R6.mjs";
17
+ } from "../../chunk-2PKM7SLZ.mjs";
18
18
  import "../../chunk-ZYIIXWVY.mjs";
19
19
  import "../../chunk-2TKEWFGH.mjs";
20
20
  import "../../chunk-2SDYFOZL.mjs";
21
- import "../../chunk-4ZJFD3L3.mjs";
22
21
  import "../../chunk-27Y6K5NK.mjs";
23
22
  import "../../chunk-E3G5QXSH.mjs";
23
+ import "../../chunk-4ZJFD3L3.mjs";
24
24
  import "../../chunk-AC6TWLRT.mjs";
25
25
  export {
26
26
  button_default as Button,
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  text_button_default
4
- } from "../../chunk-WFMFC7R6.mjs";
5
- import "../../chunk-4ZJFD3L3.mjs";
4
+ } from "../../chunk-2PKM7SLZ.mjs";
6
5
  import "../../chunk-27Y6K5NK.mjs";
7
6
  import "../../chunk-E3G5QXSH.mjs";
7
+ import "../../chunk-4ZJFD3L3.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  text_button_default as default
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  checkbox_default
4
- } from "../../chunk-D6QI3DJG.mjs";
5
- import "../../chunk-4ZJFD3L3.mjs";
4
+ } from "../../chunk-YLRYHUTW.mjs";
6
5
  import "../../chunk-27Y6K5NK.mjs";
7
6
  import "../../chunk-E3G5QXSH.mjs";
7
+ import "../../chunk-4ZJFD3L3.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  checkbox_default as default
@@ -2,10 +2,10 @@
2
2
  import "../../chunk-QZ3LVYJW.mjs";
3
3
  import {
4
4
  checkbox_default
5
- } from "../../chunk-D6QI3DJG.mjs";
6
- import "../../chunk-4ZJFD3L3.mjs";
5
+ } from "../../chunk-YLRYHUTW.mjs";
7
6
  import "../../chunk-27Y6K5NK.mjs";
8
7
  import "../../chunk-E3G5QXSH.mjs";
8
+ import "../../chunk-4ZJFD3L3.mjs";
9
9
  import "../../chunk-AC6TWLRT.mjs";
10
10
  export {
11
11
  checkbox_default as CheckBox
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  chip_default
4
- } from "../../chunk-WLNLVX7Q.mjs";
4
+ } from "../../chunk-Y6XQTWB5.mjs";
5
5
  import "../../chunk-ZYIIXWVY.mjs";
6
6
  import "../../chunk-2TKEWFGH.mjs";
7
7
  import "../../chunk-2SDYFOZL.mjs";
8
- import "../../chunk-4ZJFD3L3.mjs";
9
8
  import "../../chunk-E3G5QXSH.mjs";
9
+ import "../../chunk-4ZJFD3L3.mjs";
10
10
  import "../../chunk-AC6TWLRT.mjs";
11
11
  export {
12
12
  chip_default as default
@@ -2,12 +2,12 @@
2
2
  import "../../chunk-MGEWSREV.mjs";
3
3
  import {
4
4
  chip_default
5
- } from "../../chunk-WLNLVX7Q.mjs";
5
+ } from "../../chunk-Y6XQTWB5.mjs";
6
6
  import "../../chunk-ZYIIXWVY.mjs";
7
7
  import "../../chunk-2TKEWFGH.mjs";
8
8
  import "../../chunk-2SDYFOZL.mjs";
9
- import "../../chunk-4ZJFD3L3.mjs";
10
9
  import "../../chunk-E3G5QXSH.mjs";
10
+ import "../../chunk-4ZJFD3L3.mjs";
11
11
  import "../../chunk-AC6TWLRT.mjs";
12
12
  export {
13
13
  chip_default as Chip