@deepnoid/ui 0.1.24 → 0.1.26

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.
@@ -10,232 +10,232 @@ $ cross-env NODE_OPTIONS=--max-old-space-size=8192 tsup src --dts && yarn copy:f
10
10
  ESM Build start
11
11
  DTS Build start
12
12
  ESM dist/utils/tailwind-variants.mjs 109.00 B
13
- ESM dist/fonts/NanumSquare_acEB.mjs 198.00 B
14
- ESM dist/NanumSquare_acB-VMSVRKSM.ttf 625.04 KB
13
+ ESM dist/fonts/NanumSquare_acB.mjs 194.00 B
14
+ ESM dist/index.mjs 3.75 KB
15
+ ESM dist/chunk-TEQ723QO.mjs 3.38 KB
15
16
  ESM dist/chunk-MBLZYQCN.mjs 14.00 B
16
- ESM dist/utils/types.mjs 14.00 B
17
- ESM dist/chunk-LUWGOKLG.mjs 14.00 B
18
- ESM dist/chunk-OS26K37M.mjs 2.84 KB
17
+ ESM dist/chunk-OUAKGMDW.mjs 4.10 KB
19
18
  ESM dist/chunk-YBDA3WQP.mjs 2.58 KB
19
+ ESM dist/chunk-LUWGOKLG.mjs 14.00 B
20
20
  ESM dist/chunk-ZOTHPHXA.mjs 857.00 B
21
- ESM dist/index.mjs 3.75 KB
22
21
  ESM dist/chunk-HIE2YRGA.mjs 14.00 B
23
- ESM dist/chunk-Z2537DF6.mjs 4.17 KB
24
22
  ESM dist/chunk-ZMOAFSYE.mjs 1.43 KB
25
- ESM dist/chunk-OUAKGMDW.mjs 4.10 KB
23
+ ESM dist/chunk-Z2537DF6.mjs 4.17 KB
26
24
  ESM dist/chunk-WSIADHVC.mjs 3.80 KB
27
25
  ESM dist/chunk-DX3KXNP6.mjs 14.00 B
28
26
  ESM dist/chunk-XRC5OUYQ.mjs 3.44 KB
27
+ ESM dist/NanumSquare_acB-VMSVRKSM.ttf 625.04 KB
28
+ ESM dist/chunk-6OMHIMIA.mjs 7.42 KB
29
29
  ESM dist/chunk-EAK5DVWA.mjs 1.69 KB
30
30
  ESM dist/chunk-3MY6LO7N.mjs 14.00 B
31
31
  ESM dist/chunk-2YMAKIZ6.mjs 6.14 KB
32
- ESM dist/chunk-RRAZM5D3.mjs 14.00 B
33
- ESM dist/chunk-BKE6QF6W.mjs 5.94 KB
32
+ ESM dist/utils/types.mjs 14.00 B
34
33
  ESM dist/chunk-DQRAFUDA.mjs 14.00 B
35
- ESM dist/chunk-QCEKPS7U.mjs 14.00 B
36
34
  ESM dist/chunk-M37VBNB3.mjs 1.04 KB
35
+ ESM dist/chunk-QCEKPS7U.mjs 14.00 B
36
+ ESM dist/chunk-BKE6QF6W.mjs 5.94 KB
37
+ ESM dist/chunk-RRAZM5D3.mjs 14.00 B
37
38
  ESM dist/chunk-LVFI2NOH.mjs 14.00 B
39
+ ESM dist/chunk-MSAULFDB.mjs 11.76 KB
38
40
  ESM dist/chunk-Z74QNVPG.mjs 4.04 KB
39
- ESM dist/chunk-6OMHIMIA.mjs 7.42 KB
40
- ESM dist/chunk-ICZTNO4V.mjs 1.87 KB
41
- ESM dist/chunk-7B7LRG5J.mjs 14.00 B
42
41
  ESM dist/chunk-F3HENRVM.mjs 934.00 B
43
- ESM dist/chunk-IVK24VIL.mjs 8.19 KB
44
- ESM dist/chunk-MSAULFDB.mjs 11.76 KB
45
42
  ESM dist/chunk-TPFN22HR.mjs 14.00 B
46
- ESM dist/chunk-DJOG6Z35.mjs 14.00 B
47
- ESM dist/chunk-MGEWSREV.mjs 14.00 B
48
- ESM dist/chunk-P5PJTJLY.mjs 11.46 KB
43
+ ESM dist/chunk-IVK24VIL.mjs 8.19 KB
44
+ ESM dist/chunk-7B7LRG5J.mjs 14.00 B
45
+ ESM dist/chunk-2GCSFWHD.mjs 14.00 B
46
+ ESM dist/chunk-QIRL6HY6.mjs 5.07 KB
49
47
  ESM dist/chunk-75HLCORR.mjs 14.00 B
50
48
  ESM dist/chunk-B3DFSXGC.mjs 4.40 KB
51
49
  ESM dist/chunk-Q72LZAPG.mjs 7.40 KB
52
- ESM dist/chunk-SCFTSNCK.mjs 11.03 KB
53
- ESM dist/chunk-QIRL6HY6.mjs 5.07 KB
50
+ ESM dist/chunk-DLQFMOBN.mjs 4.42 KB
54
51
  ESM dist/chunk-7MVEAQ7Z.mjs 14.00 B
52
+ ESM dist/chunk-SCFTSNCK.mjs 11.03 KB
55
53
  ESM dist/chunk-HIVPDIEP.mjs 1.27 KB
56
- ESM dist/chunk-DLQFMOBN.mjs 4.42 KB
57
- ESM dist/chunk-FWJ2ZKH6.mjs 3.07 KB
58
54
  ESM dist/chunk-P732YGHO.mjs 444.00 B
59
- ESM dist/chunk-2GCSFWHD.mjs 14.00 B
60
55
  ESM dist/chunk-QY7LYAXT.mjs 7.20 KB
61
- ESM dist/chunk-XQGD4ZIX.mjs 1.65 KB
56
+ ESM dist/chunk-MGEWSREV.mjs 14.00 B
57
+ ESM dist/chunk-FWJ2ZKH6.mjs 3.07 KB
58
+ ESM dist/chunk-QZ3LVYJW.mjs 14.00 B
62
59
  ESM dist/chunk-D6QI3DJG.mjs 6.55 KB
63
60
  ESM dist/chunk-6HX3PPL6.mjs 4.03 KB
64
61
  ESM dist/chunk-SE5TU755.mjs 14.00 B
65
- ESM dist/chunk-LL6F3WDX.mjs 778.00 B
66
- ESM dist/chunk-QZ3LVYJW.mjs 14.00 B
62
+ ESM dist/chunk-P5PJTJLY.mjs 11.46 KB
63
+ ESM dist/chunk-DJOG6Z35.mjs 14.00 B
67
64
  ESM dist/chunk-KYIODWXL.mjs 14.00 B
65
+ ESM dist/chunk-LL6F3WDX.mjs 778.00 B
68
66
  ESM dist/chunk-MY5U63QO.mjs 14.00 B
67
+ ESM dist/chunk-XQGD4ZIX.mjs 1.65 KB
69
68
  ESM dist/chunk-LPZOH3RP.mjs 700.00 B
70
69
  ESM dist/chunk-7DLOYKVC.mjs 14.00 B
71
- ESM dist/chunk-6WSACUIB.mjs 14.00 B
72
70
  ESM dist/chunk-BQUZRVYW.mjs 10.86 KB
73
- ESM dist/chunk-PMMTMYRI.mjs 9.25 KB
74
- ESM dist/chunk-LXHUO6VM.mjs 1.49 KB
71
+ ESM dist/chunk-6WSACUIB.mjs 14.00 B
72
+ ESM dist/chunk-ICZTNO4V.mjs 1.87 KB
73
+ ESM dist/chunk-IRAHS4WS.mjs 2.77 KB
75
74
  ESM dist/chunk-6PNKRBUT.mjs 1017.00 B
76
- ESM dist/chunk-WFMFC7R6.mjs 3.68 KB
77
75
  ESM dist/chunk-ZYIIXWVY.mjs 14.00 B
76
+ ESM dist/chunk-LXHUO6VM.mjs 1.49 KB
78
77
  ESM dist/chunk-HWL7TPUN.mjs 929.00 B
78
+ ESM dist/chunk-PMMTMYRI.mjs 9.25 KB
79
+ ESM dist/chunk-WFMFC7R6.mjs 3.68 KB
79
80
  ESM dist/fonts/NanumSquare_acL.mjs 194.00 B
80
- ESM dist/chunk-Y27H2AMV.mjs 2.79 KB
81
- ESM dist/fonts/NanumSquare_acR.mjs 194.00 B
82
- ESM dist/utils/clsx.mjs 113.00 B
83
- ESM dist/utils/props.mjs 137.00 B
81
+ ESM dist/fonts/NanumSquare_acEB.mjs 198.00 B
84
82
  ESM dist/chunk-27Y6K5NK.mjs 823.00 B
85
- ESM dist/fonts/font.css 777.00 B
83
+ ESM dist/utils/clsx.mjs 113.00 B
84
+ ESM dist/fonts/NanumSquare_acR.mjs 194.00 B
86
85
  ESM dist/chunk-E3G5QXSH.mjs 608.00 B
86
+ ESM dist/fonts/font.css 777.00 B
87
+ ESM dist/utils/props.mjs 137.00 B
87
88
  ESM dist/chunk-4ZJFD3L3.mjs 14.50 KB
88
- ESM dist/fonts/NanumSquare_acB.mjs 194.00 B
89
89
  ESM dist/chunk-AC6TWLRT.mjs 1.34 KB
90
90
  ESM dist/NanumSquare_acEB-HRZ3QLG2.ttf 618.41 KB
91
- ESM dist/NanumSquare_acL-FSAAP5CK.ttf 642.08 KB
92
91
  ESM dist/NanumSquare_acR-RZCHPXSJ.ttf 631.56 KB
93
- ESM dist/components/tree/tree.mjs 286.00 B
92
+ ESM dist/NanumSquare_acL-FSAAP5CK.ttf 642.08 KB
93
+ ESM dist/components/tree/index.mjs 353.00 B
94
94
  ESM dist/chunk-3IU2RPSM.mjs 339.05 KB
95
- ESM dist/components/toast/toast.mjs 358.00 B
96
- ESM dist/components/table/index.mjs 876.00 B
95
+ ESM dist/components/toast/use-toast.mjs 441.00 B
97
96
  ESM dist/components/tooltip/index.mjs 327.00 B
98
- ESM dist/components/tabs/index.mjs 248.00 B
97
+ ESM dist/components/table/index.mjs 876.00 B
99
98
  ESM dist/components/textarea/index.mjs 225.00 B
100
99
  ESM dist/components/ripple/useRipple.mjs 158.00 B
100
+ ESM dist/components/tabs/index.mjs 248.00 B
101
101
  ESM dist/components/scroll/index.mjs 231.00 B
102
- ESM dist/components/switch/index.mjs 219.00 B
103
102
  ESM dist/components/select/index.mjs 394.00 B
103
+ ESM dist/components/switch/index.mjs 219.00 B
104
104
  ESM dist/components/modal/modal.mjs 708.00 B
105
105
  ESM dist/components/pagination/index.mjs 511.00 B
106
- ESM dist/components/radio/index.mjs 286.00 B
107
- ESM dist/components/input/index.mjs 391.00 B
108
106
  ESM dist/components/icon/index.mjs 245.00 B
107
+ ESM dist/components/input/index.mjs 391.00 B
108
+ ESM dist/components/radio/index.mjs 286.00 B
109
109
  ESM dist/components/list/index.mjs 483.00 B
110
+ ESM dist/components/dateTimePicker/index.mjs 663.00 B
110
111
  ESM dist/components/chip/index.mjs 353.00 B
111
112
  ESM dist/components/button/button-group.mjs 197.00 B
112
- ESM dist/components/dateTimePicker/timePicker.mjs 473.00 B
113
- ESM dist/components/checkbox/checkbox.mjs 259.00 B
114
- ESM dist/components/avatar/avatar.mjs 220.00 B
115
- ESM dist/components/toast/use-toast.mjs 441.00 B
113
+ ESM dist/components/checkbox/index.mjs 295.00 B
114
+ ESM dist/components/backdrop/backdrop.mjs 224.00 B
115
+ ESM dist/components/tooltip/tooltip.mjs 292.00 B
116
116
  ESM dist/components/tooltip/tooltip-utils.mjs 221.00 B
117
+ ESM dist/components/toast/index.mjs 527.00 B
117
118
  ESM dist/components/tooltip/useTooltip.mjs 166.00 B
118
- ESM dist/components/table/table-body.mjs 333.00 B
119
- ESM dist/components/tooltip/tooltip.mjs 292.00 B
119
+ ESM dist/components/table/table-head.mjs 333.00 B
120
120
  ESM dist/components/table/table.mjs 743.00 B
121
+ ESM dist/components/toast/toast.mjs 358.00 B
122
+ ESM dist/components/table/table-body.mjs 333.00 B
123
+ ESM dist/components/tree/tree.mjs 321.00 B
121
124
  ESM dist/components/tabs/tabs.mjs 232.00 B
125
+ ESM dist/components/toast/toast-utils.mjs 143.00 B
122
126
  ESM dist/components/textarea/textarea.mjs 189.00 B
123
- ESM dist/components/table/table-head.mjs 333.00 B
124
- ESM dist/components/table/form-table.mjs 193.00 B
125
127
  ESM dist/components/scroll/scrollArea.mjs 193.00 B
126
- ESM dist/components/switch/switch.mjs 185.00 B
127
128
  ESM dist/components/select/select.mjs 360.00 B
128
- ESM dist/components/radio/radio.mjs 253.00 B
129
+ ESM dist/components/table/form-table.mjs 193.00 B
130
+ ESM dist/components/switch/switch.mjs 185.00 B
129
131
  ESM dist/components/pagination/pagination.mjs 511.00 B
130
- ESM dist/components/ripple/index.mjs 253.00 B
131
- ESM dist/components/ripple/ripple.mjs 150.00 B
132
132
  ESM dist/components/pagination/usePagination.mjs 164.00 B
133
- ESM dist/components/list/list.mjs 216.00 B
133
+ ESM dist/components/ripple/ripple.mjs 150.00 B
134
134
  ESM dist/components/input/input.mjs 386.00 B
135
- ESM dist/components/dateTimePicker/calendar.mjs 398.00 B
136
- ESM dist/components/dateTimePicker/dateTimePicker.mjs 667.00 B
137
- ESM dist/components/dateTimePicker/index.mjs 663.00 B
135
+ ESM dist/components/ripple/index.mjs 253.00 B
136
+ ESM dist/components/list/listItem.mjs 364.00 B
137
+ ESM dist/components/list/list.mjs 216.00 B
138
+ ESM dist/components/icon/template.mjs 127.00 B
139
+ ESM dist/components/modal/index.mjs 741.00 B
140
+ ESM dist/components/radio/radio.mjs 253.00 B
138
141
  ESM dist/components/dateTimePicker/useDateTimePicker.mjs 172.00 B
142
+ ESM dist/components/dateTimePicker/timePicker.mjs 473.00 B
143
+ ESM dist/components/icon/Icon.mjs 213.00 B
144
+ ESM dist/components/dateTimePicker/dateTimePicker.mjs 667.00 B
139
145
  ESM dist/components/dateTimePicker/util.mjs 191.00 B
140
146
  ESM dist/components/button/button.mjs 430.00 B
147
+ ESM dist/components/dateTimePicker/calendar.mjs 398.00 B
141
148
  ESM dist/components/button/icon-button.mjs 440.00 B
142
- ESM dist/components/button/index.mjs 811.00 B
143
- ESM dist/components/icon/Icon.mjs 213.00 B
144
149
  ESM dist/components/button/text-button.mjs 265.00 B
145
- ESM dist/components/toast/toast-utils.mjs 143.00 B
146
- ESM dist/components/avatar/index.mjs 254.00 B
150
+ ESM dist/components/button/index.mjs 811.00 B
151
+ ESM dist/components/checkbox/checkbox.mjs 259.00 B
147
152
  ESM dist/components/chip/chip.mjs 321.00 B
148
- ESM dist/components/breadcrumb/index.mjs 686.00 B
149
- ESM dist/components/modal/index.mjs 741.00 B
150
- ESM dist/components/toast/index.mjs 527.00 B
151
- ESM dist/components/icon/template.mjs 127.00 B
152
- ESM dist/components/list/listItem.mjs 364.00 B
153
- ESM dist/components/backdrop/backdrop.mjs 224.00 B
154
- ESM dist/components/breadcrumb/breadcrumb.mjs 648.00 B
153
+ ESM dist/components/avatar/index.mjs 254.00 B
155
154
  ESM dist/components/backdrop/index.mjs 260.00 B
156
- ESM dist/components/tree/index.mjs 318.00 B
157
- ESM dist/components/checkbox/index.mjs 295.00 B
158
- ESM ⚡️ Build success in 488ms
155
+ ESM dist/components/breadcrumb/breadcrumb.mjs 648.00 B
156
+ ESM dist/components/breadcrumb/index.mjs 686.00 B
157
+ ESM dist/components/avatar/avatar.mjs 220.00 B
158
+ ESM ⚡️ Build success in 430ms
159
159
  CJS dist/fonts/NanumSquare_acB.js 113.00 B
160
- CJS dist/fonts/NanumSquare_acL.js 113.00 B
161
160
  CJS dist/fonts/NanumSquare_acEB.js 116.00 B
161
+ CJS dist/fonts/NanumSquare_acL.js 113.00 B
162
162
  CJS dist/fonts/NanumSquare_acR.js 113.00 B
163
- CJS dist/utils/clsx.js 1.77 KB
163
+ CJS dist/fonts/font.css 777.00 B
164
164
  CJS dist/utils/props.js 1.59 KB
165
- CJS dist/utils/tailwind-variants.js 7.91 KB
166
165
  CJS dist/utils/types.js 778.00 B
167
- CJS dist/fonts/font.css 777.00 B
166
+ CJS dist/utils/clsx.js 1.77 KB
167
+ CJS dist/utils/tailwind-variants.js 7.91 KB
168
168
  CJS dist/components/backdrop/backdrop.js 9.31 KB
169
- CJS dist/components/backdrop/index.js 9.45 KB
170
169
  CJS dist/components/avatar/avatar.js 359.01 KB
170
+ CJS dist/components/backdrop/index.js 9.45 KB
171
171
  CJS dist/components/button/button-group.js 8.54 KB
172
- CJS dist/components/avatar/index.js 359.14 KB
173
- CJS dist/components/button/button.js 372.18 KB
174
- CJS dist/components/breadcrumb/index.js 366.17 KB
172
+ CJS dist/components/button/icon-button.js 370.52 KB
173
+ CJS dist/components/breadcrumb/index.js 366.14 KB
175
174
  CJS dist/components/button/text-button.js 12.75 KB
176
- CJS dist/components/breadcrumb/breadcrumb.js 366.03 KB
177
175
  CJS dist/components/checkbox/checkbox.js 15.76 KB
178
- CJS dist/components/button/icon-button.js 370.52 KB
179
- CJS dist/components/chip/chip.js 362.69 KB
180
- CJS dist/components/button/index.js 386.70 KB
181
176
  CJS dist/components/checkbox/index.js 15.90 KB
177
+ CJS dist/components/button/button.js 372.18 KB
178
+ CJS dist/components/breadcrumb/breadcrumb.js 366.00 KB
179
+ CJS dist/components/button/index.js 386.70 KB
180
+ CJS dist/components/chip/chip.js 362.69 KB
181
+ CJS dist/components/dateTimePicker/calendar.js 366.80 KB
182
182
  CJS dist/components/chip/index.js 362.82 KB
183
183
  CJS dist/components/dateTimePicker/dateTimePicker.js 396.06 KB
184
- CJS dist/components/dateTimePicker/calendar.js 366.80 KB
184
+ CJS dist/components/dateTimePicker/index.js 396.05 KB
185
185
  CJS dist/components/dateTimePicker/util.js 1.48 KB
186
186
  CJS dist/components/dateTimePicker/useDateTimePicker.js 4.53 KB
187
- CJS dist/components/dateTimePicker/index.js 396.05 KB
188
- CJS dist/components/dateTimePicker/timePicker.js 373.93 KB
187
+ CJS dist/components/input/input.js 371.33 KB
189
188
  CJS dist/components/icon/Icon.js 351.52 KB
190
- CJS dist/components/icon/index.js 351.53 KB
191
189
  CJS dist/components/icon/template.js 350.59 KB
192
190
  CJS dist/components/list/list.js 9.58 KB
193
- CJS dist/components/input/index.js 371.33 KB
194
191
  CJS dist/components/list/index.js 369.46 KB
195
- CJS dist/components/input/input.js 371.33 KB
192
+ CJS dist/components/dateTimePicker/timePicker.js 373.93 KB
193
+ CJS dist/components/modal/index.js 378.25 KB
196
194
  CJS dist/components/list/listItem.js 367.62 KB
197
- CJS dist/components/pagination/usePagination.js 1.88 KB
198
- CJS dist/components/modal/modal.js 378.12 KB
199
- CJS dist/components/radio/radio.js 14.23 KB
200
- CJS dist/components/ripple/index.js 3.65 KB
201
195
  CJS dist/components/radio/index.js 14.36 KB
202
- CJS dist/components/ripple/useRipple.js 2.04 KB
196
+ CJS dist/components/icon/index.js 351.53 KB
197
+ CJS dist/components/ripple/index.js 3.65 KB
198
+ CJS dist/components/radio/radio.js 14.23 KB
199
+ CJS dist/components/pagination/usePagination.js 1.88 KB
200
+ CJS dist/components/pagination/pagination.js 380.51 KB
203
201
  CJS dist/components/scroll/index.js 2.92 KB
202
+ CJS dist/components/ripple/useRipple.js 2.04 KB
204
203
  CJS dist/components/ripple/ripple.js 2.57 KB
205
- CJS dist/components/modal/index.js 378.25 KB
204
+ CJS dist/components/avatar/index.js 359.14 KB
206
205
  CJS dist/components/scroll/scrollArea.js 2.79 KB
207
206
  CJS dist/components/switch/index.js 5.79 KB
208
- CJS dist/components/pagination/index.js 380.51 KB
207
+ CJS dist/components/input/index.js 371.33 KB
209
208
  CJS dist/components/table/form-table.js 9.89 KB
210
209
  CJS dist/components/switch/switch.js 5.66 KB
210
+ CJS dist/components/select/select.js 371.59 KB
211
+ CJS dist/components/modal/modal.js 378.12 KB
212
+ CJS dist/components/tabs/index.js 14.72 KB
211
213
  CJS dist/components/table/table-body.js 19.33 KB
212
- CJS dist/components/pagination/pagination.js 380.51 KB
214
+ CJS dist/components/table/table-head.js 17.50 KB
215
+ CJS dist/components/pagination/index.js 380.51 KB
213
216
  CJS dist/components/tabs/tabs.js 14.71 KB
214
- CJS dist/components/select/index.js 371.72 KB
215
- CJS dist/components/tabs/index.js 14.72 KB
216
217
  CJS dist/components/textarea/index.js 7.82 KB
217
- CJS dist/components/table/table-head.js 17.50 KB
218
- CJS dist/components/select/select.js 371.59 KB
218
+ CJS dist/components/select/index.js 371.72 KB
219
219
  CJS dist/components/textarea/textarea.js 7.68 KB
220
220
  CJS dist/components/toast/toast-utils.js 1.85 KB
221
221
  CJS dist/components/tooltip/index.js 17.80 KB
222
- CJS dist/components/table/table.js 401.03 KB
222
+ CJS dist/components/table/index.js 403.27 KB
223
223
  CJS dist/components/tooltip/tooltip-utils.js 4.90 KB
224
- CJS dist/components/toast/index.js 367.25 KB
225
224
  CJS dist/components/tooltip/tooltip.js 17.67 KB
226
- CJS dist/components/tooltip/useTooltip.js 4.19 KB
227
- CJS dist/components/table/index.js 403.27 KB
228
225
  CJS dist/components/toast/use-toast.js 367.19 KB
229
- CJS dist/components/tree/index.js 361.40 KB
226
+ CJS dist/components/toast/index.js 367.25 KB
227
+ CJS dist/components/tooltip/useTooltip.js 4.19 KB
230
228
  CJS dist/components/toast/toast.js 363.60 KB
231
- CJS dist/index.js 542.24 KB
229
+ CJS dist/components/tree/index.js 362.67 KB
230
+ CJS dist/components/tree/tree.js 362.55 KB
232
231
  CJS dist/NanumSquare_acB-VMSVRKSM.ttf 625.04 KB
233
- CJS dist/NanumSquare_acEB-HRZ3QLG2.ttf 618.41 KB
234
- CJS dist/components/tree/tree.js 361.28 KB
235
232
  CJS dist/NanumSquare_acR-RZCHPXSJ.ttf 631.56 KB
233
+ CJS dist/components/table/table.js 401.03 KB
236
234
  CJS dist/NanumSquare_acL-FSAAP5CK.ttf 642.08 KB
237
- CJS ⚡️ Build success in 490ms
238
- DTS ⚡️ Build success in 9663ms
235
+ CJS dist/NanumSquare_acEB-HRZ3QLG2.ttf 618.41 KB
236
+ CJS dist/index.js 542.71 KB
237
+ CJS ⚡️ Build success in 431ms
238
+ DTS ⚡️ Build success in 10970ms
239
239
  DTS dist/index.d.ts 2.36 KB
240
240
  DTS dist/components/button/index.d.ts 415.00 B
241
241
  DTS dist/components/list/index.d.ts 302.00 B
@@ -284,7 +284,7 @@ $ cross-env NODE_OPTIONS=--max-old-space-size=8192 tsup src --dts && yarn copy:f
284
284
  DTS dist/components/tabs/tabs.d.ts 3.10 KB
285
285
  DTS dist/components/textarea/textarea.d.ts 6.25 KB
286
286
  DTS dist/components/tooltip/tooltip.d.ts 2.16 KB
287
- DTS dist/components/tree/tree.d.ts 1.87 KB
287
+ DTS dist/components/tree/tree.d.ts 1.90 KB
288
288
  DTS dist/fonts/NanumSquare_acEB.d.ts 13.00 B
289
289
  DTS dist/fonts/NanumSquare_acL.d.ts 13.00 B
290
290
  DTS dist/fonts/NanumSquare_acR.d.ts 13.00 B
@@ -359,7 +359,7 @@ $ cross-env NODE_OPTIONS=--max-old-space-size=8192 tsup src --dts && yarn copy:f
359
359
  DTS dist/components/tabs/tabs.d.mts 3.11 KB
360
360
  DTS dist/components/textarea/textarea.d.mts 6.25 KB
361
361
  DTS dist/components/tooltip/tooltip.d.mts 2.17 KB
362
- DTS dist/components/tree/tree.d.mts 1.87 KB
362
+ DTS dist/components/tree/tree.d.mts 1.90 KB
363
363
  DTS dist/fonts/NanumSquare_acEB.d.mts 13.00 B
364
364
  DTS dist/fonts/NanumSquare_acL.d.mts 13.00 B
365
365
  DTS dist/fonts/NanumSquare_acR.d.mts 13.00 B
@@ -387,4 +387,4 @@ $ cross-env NODE_OPTIONS=--max-old-space-size=8192 tsup src --dts && yarn copy:f
387
387
  DTS dist/components/tree/index.d.mts 157.00 B
388
388
  DTS dist/tooltip-utils-DO3LQaVM.d.mts 2.05 KB
389
389
  $ copyfiles -u 2 src/fonts/**/* dist/fonts
390
- Done in 10.45s.
390
+ Done in 11.83s.
@@ -12,7 +12,7 @@ import {
12
12
  // src/components/breadcrumb/breadcrumb.tsx
13
13
  import { forwardRef, useMemo } from "react";
14
14
  import { jsx, jsxs } from "react/jsx-runtime";
15
- var BreadcrumbMenu = forwardRef(({ label, onClick, isCurrent, size }) => {
15
+ var BreadcrumbMenu = ({ label, onClick, isCurrent, size }) => {
16
16
  return /* @__PURE__ */ jsx(
17
17
  text_button_default,
18
18
  {
@@ -25,7 +25,7 @@ var BreadcrumbMenu = forwardRef(({ label, onClick, isCurrent, size }) => {
25
25
  children: label
26
26
  }
27
27
  );
28
- });
28
+ };
29
29
  var Breadcrumb = forwardRef(({ startIconName, size, menus, classNames }, ref) => {
30
30
  const slots = useMemo(() => breadcrumbStyle({ size }), [size]);
31
31
  const renderMenus = (menus2) => {
@@ -0,0 +1,102 @@
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(
16
+ ({ node, depth, fileIcon, isLoading, classNames }, ref) => {
17
+ var _a;
18
+ const [isOpen, setIsOpen] = useState(false);
19
+ const slots = useMemo(() => treeStyle(), []);
20
+ const toggleOpen = useCallback(() => {
21
+ setIsOpen((prev) => !prev);
22
+ }, []);
23
+ return /* @__PURE__ */ jsxs(
24
+ "div",
25
+ {
26
+ ref,
27
+ className: clsx(
28
+ depth > 1 ? "ml-[30px]" : "",
29
+ "transition-all duration-150 ease-out",
30
+ isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
31
+ ),
32
+ children: [
33
+ /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
34
+ node.children && /* @__PURE__ */ jsx(
35
+ Icon_default,
36
+ {
37
+ name: "right-chevron",
38
+ className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
39
+ }
40
+ ),
41
+ fileIcon,
42
+ /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
43
+ var _a2;
44
+ return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
45
+ }, children: node.label })
46
+ ] }),
47
+ isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ jsx(TreeNodeItem, { node: child, depth: depth + 1, classNames, fileIcon }, child.id)))
48
+ ]
49
+ }
50
+ );
51
+ }
52
+ );
53
+ var Tree = forwardRef(
54
+ ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }, ref) => {
55
+ const { label, data, onClick } = group;
56
+ const slots = useMemo(() => treeStyle(), []);
57
+ return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
58
+ headerContent && /* @__PURE__ */ jsx("div", { children: headerContent }),
59
+ /* @__PURE__ */ jsxs("div", { children: [
60
+ /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
61
+ groupIcon,
62
+ /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
63
+ ] }),
64
+ data.map((node) => /* @__PURE__ */ jsx(
65
+ TreeNodeItem,
66
+ {
67
+ node,
68
+ depth: 1,
69
+ classNames,
70
+ fileIcon,
71
+ isLoading
72
+ },
73
+ node.id
74
+ ))
75
+ ] })
76
+ ] });
77
+ }
78
+ );
79
+ TreeNodeItem.displayName = "TreeNodeItem";
80
+ Tree.displayName = "Tree";
81
+ var tree_default = Tree;
82
+ var treeStyle = tv({
83
+ slots: {
84
+ base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
85
+ wrapper: [
86
+ "flex",
87
+ "items-center",
88
+ "gap-[5px]",
89
+ "text-md",
90
+ "font-bold",
91
+ "text-body-foreground",
92
+ "hover:bg-neutral-soft",
93
+ "p-[5px]",
94
+ "rounded-[5px]"
95
+ ],
96
+ label: ["cursor-pointer"]
97
+ }
98
+ });
99
+
100
+ export {
101
+ tree_default
102
+ };
@@ -4481,7 +4481,7 @@ var textButtonStyle = tv({
4481
4481
 
4482
4482
  // src/components/breadcrumb/breadcrumb.tsx
4483
4483
  var import_jsx_runtime4 = require("react/jsx-runtime");
4484
- var BreadcrumbMenu = (0, import_react2.forwardRef)(({ label, onClick, isCurrent, size }) => {
4484
+ var BreadcrumbMenu = ({ label, onClick, isCurrent, size }) => {
4485
4485
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
4486
4486
  text_button_default,
4487
4487
  {
@@ -4494,7 +4494,7 @@ var BreadcrumbMenu = (0, import_react2.forwardRef)(({ label, onClick, isCurrent,
4494
4494
  children: label
4495
4495
  }
4496
4496
  );
4497
- });
4497
+ };
4498
4498
  var Breadcrumb = (0, import_react2.forwardRef)(({ startIconName, size, menus, classNames }, ref) => {
4499
4499
  const slots = (0, import_react2.useMemo)(() => breadcrumbStyle({ size }), [size]);
4500
4500
  const renderMenus = (menus2) => {
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  breadcrumb_default
4
- } from "../../chunk-Y27H2AMV.mjs";
4
+ } from "../../chunk-IRAHS4WS.mjs";
5
5
  import "../../chunk-MY5U63QO.mjs";
6
6
  import "../../chunk-LPZOH3RP.mjs";
7
7
  import "../../chunk-BQUZRVYW.mjs";
@@ -4483,7 +4483,7 @@ var textButtonStyle = tv({
4483
4483
 
4484
4484
  // src/components/breadcrumb/breadcrumb.tsx
4485
4485
  var import_jsx_runtime4 = require("react/jsx-runtime");
4486
- var BreadcrumbMenu = (0, import_react2.forwardRef)(({ label, onClick, isCurrent, size }) => {
4486
+ var BreadcrumbMenu = ({ label, onClick, isCurrent, size }) => {
4487
4487
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
4488
4488
  text_button_default,
4489
4489
  {
@@ -4496,7 +4496,7 @@ var BreadcrumbMenu = (0, import_react2.forwardRef)(({ label, onClick, isCurrent,
4496
4496
  children: label
4497
4497
  }
4498
4498
  );
4499
- });
4499
+ };
4500
4500
  var Breadcrumb = (0, import_react2.forwardRef)(({ startIconName, size, menus, classNames }, ref) => {
4501
4501
  const slots = (0, import_react2.useMemo)(() => breadcrumbStyle({ size }), [size]);
4502
4502
  const renderMenus = (menus2) => {
@@ -2,7 +2,7 @@
2
2
  import "../../chunk-KYIODWXL.mjs";
3
3
  import {
4
4
  breadcrumb_default
5
- } from "../../chunk-Y27H2AMV.mjs";
5
+ } from "../../chunk-IRAHS4WS.mjs";
6
6
  import "../../chunk-MY5U63QO.mjs";
7
7
  import "../../chunk-LPZOH3RP.mjs";
8
8
  import "../../chunk-BQUZRVYW.mjs";
@@ -4296,47 +4296,112 @@ var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) =
4296
4296
  };
4297
4297
  var Icon_default = Icon;
4298
4298
 
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
+ }
4338
+
4299
4339
  // src/components/tree/tree.tsx
4300
4340
  var import_jsx_runtime3 = require("react/jsx-runtime");
4301
- var TreeNodeItem = (0, import_react.forwardRef)(({ node, depth, fileIcon, classNames }) => {
4302
- var _a;
4303
- const [isOpen, setIsOpen] = (0, import_react.useState)(false);
4304
- const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4305
- const toggleOpen = (0, import_react.useCallback)(() => {
4306
- setIsOpen((prev) => !prev);
4307
- }, []);
4308
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
4309
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
4310
- node.children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4311
- Icon_default,
4312
- {
4313
- name: "right-chevron",
4314
- className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
4315
- }
4316
- ),
4317
- fileIcon,
4318
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
4319
- var _a2;
4320
- return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
4321
- }, children: node.label })
4322
- ] }),
4323
- 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)))
4324
- ] });
4325
- });
4326
- var Tree = (0, import_react.forwardRef)(({ headerContent, group, groupIcon, fileIcon, classNames }) => {
4327
- const { label, data, onClick } = group;
4328
- const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4329
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
4330
- headerContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: headerContent }),
4331
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
4332
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
4333
- groupIcon,
4334
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
4335
- ] }),
4336
- data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TreeNodeItem, { node, depth: 1, classNames, fileIcon }, node.id))
4337
- ] })
4338
- ] });
4339
- });
4341
+ var TreeNodeItem = (0, import_react.forwardRef)(
4342
+ ({ node, depth, fileIcon, isLoading, classNames }, ref) => {
4343
+ var _a;
4344
+ const [isOpen, setIsOpen] = (0, import_react.useState)(false);
4345
+ const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4346
+ const toggleOpen = (0, import_react.useCallback)(() => {
4347
+ setIsOpen((prev) => !prev);
4348
+ }, []);
4349
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
4350
+ "div",
4351
+ {
4352
+ ref,
4353
+ className: clsx(
4354
+ depth > 1 ? "ml-[30px]" : "",
4355
+ "transition-all duration-150 ease-out",
4356
+ isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
4357
+ ),
4358
+ children: [
4359
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
4360
+ node.children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4361
+ Icon_default,
4362
+ {
4363
+ name: "right-chevron",
4364
+ className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
4365
+ }
4366
+ ),
4367
+ fileIcon,
4368
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
4369
+ var _a2;
4370
+ return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
4371
+ }, children: node.label })
4372
+ ] }),
4373
+ 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)))
4374
+ ]
4375
+ }
4376
+ );
4377
+ }
4378
+ );
4379
+ var Tree = (0, import_react.forwardRef)(
4380
+ ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }, ref) => {
4381
+ const { label, data, onClick } = group;
4382
+ const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4383
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
4384
+ headerContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: headerContent }),
4385
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
4386
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
4387
+ groupIcon,
4388
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
4389
+ ] }),
4390
+ data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4391
+ TreeNodeItem,
4392
+ {
4393
+ node,
4394
+ depth: 1,
4395
+ classNames,
4396
+ fileIcon,
4397
+ isLoading
4398
+ },
4399
+ node.id
4400
+ ))
4401
+ ] })
4402
+ ] });
4403
+ }
4404
+ );
4340
4405
  TreeNodeItem.displayName = "TreeNodeItem";
4341
4406
  Tree.displayName = "Tree";
4342
4407
  var tree_default = Tree;
@@ -2,11 +2,12 @@
2
2
  import "../../chunk-MBLZYQCN.mjs";
3
3
  import {
4
4
  tree_default
5
- } from "../../chunk-OS26K37M.mjs";
5
+ } from "../../chunk-TEQ723QO.mjs";
6
6
  import "../../chunk-ZYIIXWVY.mjs";
7
7
  import "../../chunk-HWL7TPUN.mjs";
8
8
  import "../../chunk-3IU2RPSM.mjs";
9
9
  import "../../chunk-4ZJFD3L3.mjs";
10
+ import "../../chunk-27Y6K5NK.mjs";
10
11
  import "../../chunk-AC6TWLRT.mjs";
11
12
  export {
12
13
  tree_default as Tree
@@ -19,6 +19,7 @@ interface TreeProps {
19
19
  };
20
20
  groupIcon?: ReactNode;
21
21
  fileIcon?: ReactNode;
22
+ isLoading?: boolean;
22
23
  classNames?: SlotsToClasses<TreeSlots>;
23
24
  }
24
25
  declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;
@@ -19,6 +19,7 @@ interface TreeProps {
19
19
  };
20
20
  groupIcon?: ReactNode;
21
21
  fileIcon?: ReactNode;
22
+ isLoading?: boolean;
22
23
  classNames?: SlotsToClasses<TreeSlots>;
23
24
  }
24
25
  declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;
@@ -4294,47 +4294,112 @@ var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) =
4294
4294
  };
4295
4295
  var Icon_default = Icon;
4296
4296
 
4297
+ // src/utils/clsx.ts
4298
+ function clsx(...args) {
4299
+ var i = 0, tmp, x, str = "";
4300
+ while (i < args.length) {
4301
+ if (tmp = args[i++]) {
4302
+ if (x = toVal(tmp)) {
4303
+ str && (str += " ");
4304
+ str += x;
4305
+ }
4306
+ }
4307
+ }
4308
+ return str;
4309
+ }
4310
+ function toVal(mix) {
4311
+ var k, y, str = "";
4312
+ if (typeof mix === "string" || typeof mix === "number") {
4313
+ str += mix;
4314
+ } else if (typeof mix === "object") {
4315
+ if (Array.isArray(mix)) {
4316
+ var len = mix.length;
4317
+ for (k = 0; k < len; k++) {
4318
+ if (mix[k]) {
4319
+ if (y = toVal(mix[k])) {
4320
+ str && (str += " ");
4321
+ str += y;
4322
+ }
4323
+ }
4324
+ }
4325
+ } else {
4326
+ for (y in mix) {
4327
+ if (mix[y]) {
4328
+ str && (str += " ");
4329
+ str += y;
4330
+ }
4331
+ }
4332
+ }
4333
+ }
4334
+ return str;
4335
+ }
4336
+
4297
4337
  // src/components/tree/tree.tsx
4298
4338
  var import_jsx_runtime3 = require("react/jsx-runtime");
4299
- var TreeNodeItem = (0, import_react.forwardRef)(({ node, depth, fileIcon, classNames }) => {
4300
- var _a;
4301
- const [isOpen, setIsOpen] = (0, import_react.useState)(false);
4302
- const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4303
- const toggleOpen = (0, import_react.useCallback)(() => {
4304
- setIsOpen((prev) => !prev);
4305
- }, []);
4306
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
4307
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
4308
- node.children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4309
- Icon_default,
4310
- {
4311
- name: "right-chevron",
4312
- className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
4313
- }
4314
- ),
4315
- fileIcon,
4316
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
4317
- var _a2;
4318
- return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
4319
- }, children: node.label })
4320
- ] }),
4321
- 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)))
4322
- ] });
4323
- });
4324
- var Tree = (0, import_react.forwardRef)(({ headerContent, group, groupIcon, fileIcon, classNames }) => {
4325
- const { label, data, onClick } = group;
4326
- const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4327
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
4328
- headerContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: headerContent }),
4329
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
4330
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
4331
- groupIcon,
4332
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
4333
- ] }),
4334
- data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TreeNodeItem, { node, depth: 1, classNames, fileIcon }, node.id))
4335
- ] })
4336
- ] });
4337
- });
4339
+ var TreeNodeItem = (0, import_react.forwardRef)(
4340
+ ({ node, depth, fileIcon, isLoading, classNames }, ref) => {
4341
+ var _a;
4342
+ const [isOpen, setIsOpen] = (0, import_react.useState)(false);
4343
+ const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4344
+ const toggleOpen = (0, import_react.useCallback)(() => {
4345
+ setIsOpen((prev) => !prev);
4346
+ }, []);
4347
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
4348
+ "div",
4349
+ {
4350
+ ref,
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"
4355
+ ),
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
+ );
4375
+ }
4376
+ );
4377
+ var Tree = (0, import_react.forwardRef)(
4378
+ ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }, ref) => {
4379
+ const { label, data, onClick } = group;
4380
+ const slots = (0, import_react.useMemo)(() => treeStyle(), []);
4381
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
4382
+ headerContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: headerContent }),
4383
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
4384
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
4385
+ groupIcon,
4386
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
4387
+ ] }),
4388
+ data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4389
+ TreeNodeItem,
4390
+ {
4391
+ node,
4392
+ depth: 1,
4393
+ classNames,
4394
+ fileIcon,
4395
+ isLoading
4396
+ },
4397
+ node.id
4398
+ ))
4399
+ ] })
4400
+ ] });
4401
+ }
4402
+ );
4338
4403
  TreeNodeItem.displayName = "TreeNodeItem";
4339
4404
  Tree.displayName = "Tree";
4340
4405
  var tree_default = Tree;
@@ -1,11 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  tree_default
4
- } from "../../chunk-OS26K37M.mjs";
4
+ } from "../../chunk-TEQ723QO.mjs";
5
5
  import "../../chunk-ZYIIXWVY.mjs";
6
6
  import "../../chunk-HWL7TPUN.mjs";
7
7
  import "../../chunk-3IU2RPSM.mjs";
8
8
  import "../../chunk-4ZJFD3L3.mjs";
9
+ import "../../chunk-27Y6K5NK.mjs";
9
10
  import "../../chunk-AC6TWLRT.mjs";
10
11
  export {
11
12
  tree_default as default
package/dist/index.js CHANGED
@@ -5773,7 +5773,7 @@ var buttonGroup = tv({
5773
5773
 
5774
5774
  // src/components/breadcrumb/breadcrumb.tsx
5775
5775
  var import_jsx_runtime10 = require("react/jsx-runtime");
5776
- var BreadcrumbMenu = (0, import_react8.forwardRef)(({ label, onClick, isCurrent, size }) => {
5776
+ var BreadcrumbMenu = ({ label, onClick, isCurrent, size }) => {
5777
5777
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5778
5778
  text_button_default,
5779
5779
  {
@@ -5786,7 +5786,7 @@ var BreadcrumbMenu = (0, import_react8.forwardRef)(({ label, onClick, isCurrent,
5786
5786
  children: label
5787
5787
  }
5788
5788
  );
5789
- });
5789
+ };
5790
5790
  var Breadcrumb = (0, import_react8.forwardRef)(({ startIconName, size, menus, classNames }, ref) => {
5791
5791
  const slots = (0, import_react8.useMemo)(() => breadcrumbStyle({ size }), [size]);
5792
5792
  const renderMenus = (menus2) => {
@@ -10001,45 +10001,70 @@ var dateTimePickerStyle = tv({
10001
10001
  // src/components/tree/tree.tsx
10002
10002
  var import_react34 = require("react");
10003
10003
  var import_jsx_runtime34 = require("react/jsx-runtime");
10004
- var TreeNodeItem = (0, import_react34.forwardRef)(({ node, depth, fileIcon, classNames }) => {
10005
- var _a;
10006
- const [isOpen, setIsOpen] = (0, import_react34.useState)(false);
10007
- const slots = (0, import_react34.useMemo)(() => treeStyle(), []);
10008
- const toggleOpen = (0, import_react34.useCallback)(() => {
10009
- setIsOpen((prev) => !prev);
10010
- }, []);
10011
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
10012
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
10013
- node.children && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
10014
- Icon_default,
10015
- {
10016
- name: "right-chevron",
10017
- className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
10018
- }
10019
- ),
10020
- fileIcon,
10021
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
10022
- var _a2;
10023
- return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
10024
- }, children: node.label })
10025
- ] }),
10026
- 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)))
10027
- ] });
10028
- });
10029
- var Tree = (0, import_react34.forwardRef)(({ headerContent, group, groupIcon, fileIcon, classNames }) => {
10030
- const { label, data, onClick } = group;
10031
- const slots = (0, import_react34.useMemo)(() => treeStyle(), []);
10032
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
10033
- headerContent && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: headerContent }),
10034
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
10035
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
10036
- groupIcon,
10037
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
10038
- ] }),
10039
- data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TreeNodeItem, { node, depth: 1, classNames, fileIcon }, node.id))
10040
- ] })
10041
- ] });
10042
- });
10004
+ var TreeNodeItem = (0, import_react34.forwardRef)(
10005
+ ({ node, depth, fileIcon, isLoading, classNames }, ref) => {
10006
+ var _a;
10007
+ const [isOpen, setIsOpen] = (0, import_react34.useState)(false);
10008
+ const slots = (0, import_react34.useMemo)(() => treeStyle(), []);
10009
+ const toggleOpen = (0, import_react34.useCallback)(() => {
10010
+ setIsOpen((prev) => !prev);
10011
+ }, []);
10012
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
10013
+ "div",
10014
+ {
10015
+ ref,
10016
+ className: clsx(
10017
+ depth > 1 ? "ml-[30px]" : "",
10018
+ "transition-all duration-150 ease-out",
10019
+ isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
10020
+ ),
10021
+ children: [
10022
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
10023
+ node.children && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
10024
+ Icon_default,
10025
+ {
10026
+ name: "right-chevron",
10027
+ className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
10028
+ }
10029
+ ),
10030
+ fileIcon,
10031
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
10032
+ var _a2;
10033
+ return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
10034
+ }, children: node.label })
10035
+ ] }),
10036
+ 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)))
10037
+ ]
10038
+ }
10039
+ );
10040
+ }
10041
+ );
10042
+ var Tree = (0, import_react34.forwardRef)(
10043
+ ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }, ref) => {
10044
+ const { label, data, onClick } = group;
10045
+ const slots = (0, import_react34.useMemo)(() => treeStyle(), []);
10046
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
10047
+ headerContent && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: headerContent }),
10048
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
10049
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
10050
+ groupIcon,
10051
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
10052
+ ] }),
10053
+ data.map((node) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
10054
+ TreeNodeItem,
10055
+ {
10056
+ node,
10057
+ depth: 1,
10058
+ classNames,
10059
+ fileIcon,
10060
+ isLoading
10061
+ },
10062
+ node.id
10063
+ ))
10064
+ ] })
10065
+ ] });
10066
+ }
10067
+ );
10043
10068
  TreeNodeItem.displayName = "TreeNodeItem";
10044
10069
  Tree.displayName = "Tree";
10045
10070
  var tree_default = Tree;
package/dist/index.mjs CHANGED
@@ -2,7 +2,7 @@
2
2
  import "./chunk-MBLZYQCN.mjs";
3
3
  import {
4
4
  tree_default
5
- } from "./chunk-OS26K37M.mjs";
5
+ } from "./chunk-TEQ723QO.mjs";
6
6
  import "./chunk-LUWGOKLG.mjs";
7
7
  import {
8
8
  ToastProvider,
@@ -98,7 +98,7 @@ import {
98
98
  import "./chunk-KYIODWXL.mjs";
99
99
  import {
100
100
  breadcrumb_default
101
- } from "./chunk-Y27H2AMV.mjs";
101
+ } from "./chunk-IRAHS4WS.mjs";
102
102
  import "./chunk-MY5U63QO.mjs";
103
103
  import {
104
104
  button_group_default
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepnoid/ui",
3
- "version": "0.1.24",
3
+ "version": "0.1.26",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -1,74 +0,0 @@
1
- "use client";
2
- import {
3
- Icon_default
4
- } from "./chunk-HWL7TPUN.mjs";
5
- import {
6
- tv
7
- } from "./chunk-4ZJFD3L3.mjs";
8
-
9
- // src/components/tree/tree.tsx
10
- import { forwardRef, useMemo, useState, useCallback } from "react";
11
- import { jsx, jsxs } from "react/jsx-runtime";
12
- var TreeNodeItem = forwardRef(({ node, depth, fileIcon, classNames }) => {
13
- var _a;
14
- const [isOpen, setIsOpen] = useState(false);
15
- const slots = useMemo(() => treeStyle(), []);
16
- const toggleOpen = useCallback(() => {
17
- setIsOpen((prev) => !prev);
18
- }, []);
19
- return /* @__PURE__ */ jsxs("div", { className: depth > 1 ? "ml-[30px]" : "", children: [
20
- /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
21
- node.children && /* @__PURE__ */ jsx(
22
- Icon_default,
23
- {
24
- name: "right-chevron",
25
- className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
26
- }
27
- ),
28
- fileIcon,
29
- /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
30
- var _a2;
31
- return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
32
- }, children: node.label })
33
- ] }),
34
- isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ jsx(TreeNodeItem, { node: child, depth: depth + 1, classNames, fileIcon }, child.id)))
35
- ] });
36
- });
37
- var Tree = forwardRef(({ headerContent, group, groupIcon, fileIcon, classNames }) => {
38
- const { label, data, onClick } = group;
39
- const slots = useMemo(() => treeStyle(), []);
40
- return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
41
- headerContent && /* @__PURE__ */ jsx("div", { children: headerContent }),
42
- /* @__PURE__ */ jsxs("div", { children: [
43
- /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
44
- groupIcon,
45
- /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
46
- ] }),
47
- data.map((node) => /* @__PURE__ */ jsx(TreeNodeItem, { node, depth: 1, classNames, fileIcon }, node.id))
48
- ] })
49
- ] });
50
- });
51
- TreeNodeItem.displayName = "TreeNodeItem";
52
- Tree.displayName = "Tree";
53
- var tree_default = Tree;
54
- var treeStyle = tv({
55
- slots: {
56
- base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
57
- wrapper: [
58
- "flex",
59
- "items-center",
60
- "gap-[5px]",
61
- "text-md",
62
- "font-bold",
63
- "text-body-foreground",
64
- "hover:bg-neutral-soft",
65
- "p-[5px]",
66
- "rounded-[5px]"
67
- ],
68
- label: ["cursor-pointer"]
69
- }
70
- });
71
-
72
- export {
73
- tree_default
74
- };