@vuer-ai/vuer-uikit 0.0.3 → 0.0.4

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 (92) hide show
  1. package/dist/{chunk-KVDEBKWR.mjs → chunk-25GQKTNF.mjs} +0 -1
  2. package/dist/{chunk-JOBQTBEM.mjs → chunk-5GPQ7U5B.mjs} +3 -2
  3. package/dist/{chunk-KAPV3EZO.mjs → chunk-66JQXJEV.mjs} +2 -1
  4. package/dist/{chunk-WI2J7NIV.mjs → chunk-6ILSFDR5.mjs} +1 -1
  5. package/dist/{chunk-FYEZTS4S.mjs → chunk-6L4KPPOD.mjs} +1 -1
  6. package/dist/chunk-7A7VNE3J.mjs +31 -0
  7. package/dist/{chunk-SUU4Z6E5.mjs → chunk-7SXCVFSA.mjs} +1 -1
  8. package/dist/{chunk-3HXPIWL3.js → chunk-7V4ELMOH.js} +3 -2
  9. package/dist/{chunk-5JP4AZ4C.js → chunk-7WUQTWQX.js} +2 -1
  10. package/dist/{chunk-LBFO3QAA.js → chunk-A2Z57NAA.js} +1 -1
  11. package/dist/{chunk-5U4NWZMT.mjs → chunk-ATEHWT2R.mjs} +3 -3
  12. package/dist/{chunk-JIXJTLEO.js → chunk-B5EMQBVL.js} +1 -1
  13. package/dist/{chunk-CFXL2XYO.mjs → chunk-COFRS37Z.mjs} +7 -9
  14. package/dist/chunk-ECWCQWV5.js +148 -0
  15. package/dist/{chunk-ZYBSCTBR.js → chunk-ENZI5WM7.js} +0 -1
  16. package/dist/chunk-FVT46HEE.js +21 -0
  17. package/dist/chunk-FYS6YECN.js +33 -0
  18. package/dist/{chunk-DQGTWUID.js → chunk-G7XNQVPB.js} +4 -3
  19. package/dist/{chunk-7IYL2AR4.js → chunk-GSXXTAQ3.js} +7 -9
  20. package/dist/{chunk-263CMARJ.mjs → chunk-IPKCIMU4.mjs} +4 -3
  21. package/dist/{chunk-QNTUEKYQ.mjs → chunk-J7PTSP4Q.mjs} +1 -1
  22. package/dist/{chunk-RPXWKB6F.js → chunk-KQHNQQUZ.js} +3 -3
  23. package/dist/{chunk-SDN2OTHS.js → chunk-LD7Y34QT.js} +1 -0
  24. package/dist/chunk-LVSI4HYF.mjs +409 -0
  25. package/dist/{chunk-ZKYQYCKN.mjs → chunk-M3KBBKQR.mjs} +4 -4
  26. package/dist/chunk-NN7R5DNL.mjs +119 -0
  27. package/dist/{chunk-I6VKLSAJ.js → chunk-OTDY2E2A.js} +3 -3
  28. package/dist/{chunk-GA2JCN3F.mjs → chunk-QOUX33X5.mjs} +5 -5
  29. package/dist/{chunk-SZU2TX5H.js → chunk-QZASHJNJ.js} +1 -1
  30. package/dist/chunk-R6XNT4PN.js +431 -0
  31. package/dist/{chunk-JZ7V43ZL.js → chunk-RACVRWME.js} +7 -7
  32. package/dist/{chunk-CN6ISLZA.js → chunk-SI56IQWH.js} +2 -2
  33. package/dist/{chunk-SKWTWHB7.mjs → chunk-X2QENXCS.mjs} +1 -0
  34. package/dist/{chunk-J4RFFBDJ.mjs → chunk-XPNUQSKQ.mjs} +2 -2
  35. package/dist/highlight-cursor/cursor-provider.js +2 -2
  36. package/dist/highlight-cursor/cursor-provider.mjs +1 -1
  37. package/dist/highlight-cursor/enhanced-components.js +11 -11
  38. package/dist/highlight-cursor/enhanced-components.mjs +6 -6
  39. package/dist/highlight-cursor/index.js +17 -17
  40. package/dist/highlight-cursor/index.mjs +7 -7
  41. package/dist/highlight-cursor/tabs-cursor-context.js +3 -3
  42. package/dist/highlight-cursor/tabs-cursor-context.mjs +1 -1
  43. package/dist/index.css +34 -14
  44. package/dist/index.d.mts +5 -2
  45. package/dist/index.d.ts +5 -2
  46. package/dist/index.js +144 -101
  47. package/dist/index.mjs +19 -16
  48. package/dist/styles/theme.css +6 -0
  49. package/dist/styles/toast.css +28 -14
  50. package/dist/styles/variables.css +4 -0
  51. package/dist/ui/card.js +8 -8
  52. package/dist/ui/card.mjs +1 -1
  53. package/dist/ui/dropdown.js +16 -16
  54. package/dist/ui/dropdown.mjs +1 -1
  55. package/dist/ui/index.d.mts +5 -2
  56. package/dist/ui/index.d.ts +5 -2
  57. package/dist/ui/index.js +131 -88
  58. package/dist/ui/index.mjs +16 -13
  59. package/dist/ui/input-numbers.js +3 -3
  60. package/dist/ui/input-numbers.mjs +2 -2
  61. package/dist/ui/input.js +3 -3
  62. package/dist/ui/input.mjs +1 -1
  63. package/dist/ui/layout.d.mts +12 -0
  64. package/dist/ui/layout.d.ts +12 -0
  65. package/dist/ui/layout.js +12 -0
  66. package/dist/ui/layout.mjs +3 -0
  67. package/dist/ui/modal.js +11 -11
  68. package/dist/ui/modal.mjs +1 -1
  69. package/dist/ui/popover.js +5 -5
  70. package/dist/ui/popover.mjs +1 -1
  71. package/dist/ui/select.js +11 -11
  72. package/dist/ui/select.mjs +1 -1
  73. package/dist/ui/sheet.d.mts +16 -0
  74. package/dist/ui/sheet.d.ts +16 -0
  75. package/dist/ui/sheet.js +39 -0
  76. package/dist/ui/sheet.mjs +2 -0
  77. package/dist/ui/tabs.js +6 -6
  78. package/dist/ui/tabs.mjs +2 -2
  79. package/dist/ui/textarea.js +2 -2
  80. package/dist/ui/textarea.mjs +1 -1
  81. package/dist/ui/toast.js +3 -3
  82. package/dist/ui/toast.mjs +1 -1
  83. package/dist/ui/tooltip.js +5 -5
  84. package/dist/ui/tooltip.mjs +1 -1
  85. package/dist/ui/tree-view.d.mts +27 -0
  86. package/dist/ui/tree-view.d.ts +27 -0
  87. package/dist/ui/tree-view.js +11 -0
  88. package/dist/ui/tree-view.mjs +2 -0
  89. package/package.json +2 -1
  90. package/dist/chunk-NA7TVYOP.js +0 -21
  91. /package/dist/{chunk-WK3M4X72.js → chunk-HUQZOPYD.js} +0 -0
  92. /package/dist/{chunk-ZCYBA6YN.mjs → chunk-S2F2GRDB.mjs} +0 -0
@@ -0,0 +1,431 @@
1
+ 'use strict';
2
+
3
+ var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
4
+ var AccordionPrimitive = require('@radix-ui/react-accordion');
5
+ var classVarianceAuthority = require('class-variance-authority');
6
+ var lucideReact = require('lucide-react');
7
+ var react = require('react');
8
+ var jsxRuntime = require('react/jsx-runtime');
9
+
10
+ function _interopNamespace(e) {
11
+ if (e && e.__esModule) return e;
12
+ var n = Object.create(null);
13
+ if (e) {
14
+ Object.keys(e).forEach(function (k) {
15
+ if (k !== 'default') {
16
+ var d = Object.getOwnPropertyDescriptor(e, k);
17
+ Object.defineProperty(n, k, d.get ? d : {
18
+ enumerable: true,
19
+ get: function () { return e[k]; }
20
+ });
21
+ }
22
+ });
23
+ }
24
+ n.default = e;
25
+ return Object.freeze(n);
26
+ }
27
+
28
+ var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
29
+
30
+ var treeVariants = classVarianceAuthority.cva(
31
+ "text-[14px] group py-1 h-9 text-text-primary rounded transition-colors cursor-pointer text-left relative z-20"
32
+ );
33
+ var selectedTreeVariants = classVarianceAuthority.cva("");
34
+ var dragOverVariants = classVarianceAuthority.cva("bg-primary/20 text-primary-foreground");
35
+ var TreeView = react.forwardRef(
36
+ ({
37
+ data,
38
+ initialSelectedItemId,
39
+ onSelectChange,
40
+ expandAll,
41
+ defaultLeafIcon,
42
+ defaultNodeIcon,
43
+ className,
44
+ onDocumentDrag,
45
+ ...props
46
+ }, ref) => {
47
+ const [selectedItemId, setSelectedItemId] = react.useState(initialSelectedItemId);
48
+ const [draggedItem, setDraggedItem] = react.useState(null);
49
+ const [hoverBackgroundStyle, setHoverBackgroundStyle] = react.useState({ display: "none", top: 0, height: 0 });
50
+ const handleSelectChange = react.useCallback(
51
+ (item) => {
52
+ setSelectedItemId(item == null ? void 0 : item.id);
53
+ if (onSelectChange) {
54
+ onSelectChange(item);
55
+ }
56
+ },
57
+ [onSelectChange]
58
+ );
59
+ const handleDragStart = react.useCallback((item) => {
60
+ setDraggedItem(item);
61
+ }, []);
62
+ const handleDrop = react.useCallback(
63
+ (targetItem) => {
64
+ if (draggedItem && onDocumentDrag && draggedItem.id !== targetItem.id) {
65
+ onDocumentDrag(draggedItem, targetItem);
66
+ }
67
+ setDraggedItem(null);
68
+ },
69
+ [draggedItem, onDocumentDrag]
70
+ );
71
+ const handleItemHover = react.useCallback((element) => {
72
+ var _a;
73
+ if (element) {
74
+ const rect = element.getBoundingClientRect();
75
+ const containerRect = (_a = element.closest("[data-tree-container]")) == null ? void 0 : _a.getBoundingClientRect();
76
+ if (containerRect) {
77
+ setHoverBackgroundStyle({
78
+ display: "block",
79
+ top: rect.top - containerRect.top,
80
+ height: rect.height
81
+ });
82
+ }
83
+ } else {
84
+ setHoverBackgroundStyle({ display: "none", top: 0, height: 0 });
85
+ }
86
+ }, []);
87
+ const expandedItemIds = react.useMemo(() => {
88
+ if (!initialSelectedItemId) {
89
+ return [];
90
+ }
91
+ const ids = [];
92
+ function walkTreeItems(items, targetId) {
93
+ if (items instanceof Array) {
94
+ for (let i = 0; i < items.length; i++) {
95
+ ids.push(items[i].id);
96
+ if (walkTreeItems(items[i], targetId) && !expandAll) {
97
+ return true;
98
+ }
99
+ if (!expandAll) ids.pop();
100
+ }
101
+ } else if (!expandAll && items.id === targetId) {
102
+ return true;
103
+ } else if (items.children) {
104
+ return walkTreeItems(items.children, targetId);
105
+ }
106
+ }
107
+ walkTreeItems(data, initialSelectedItemId);
108
+ return ids;
109
+ }, [data, expandAll, initialSelectedItemId]);
110
+ return /* @__PURE__ */ jsxRuntime.jsxs(
111
+ "div",
112
+ {
113
+ className: chunkUWO6RBCE_js.cn(
114
+ "bg-bg-primary relative min-w-[240px] max-w-[300px] overflow-hidden p-2",
115
+ className
116
+ ),
117
+ "data-tree-container": true,
118
+ children: [
119
+ /* @__PURE__ */ jsxRuntime.jsx(
120
+ "div",
121
+ {
122
+ className: "bg-bg-tertiary pointer-events-none absolute left-2 right-2 z-10 rounded-uk-sm transition-all duration-150",
123
+ style: {
124
+ display: hoverBackgroundStyle.display,
125
+ top: hoverBackgroundStyle.top,
126
+ height: hoverBackgroundStyle.height
127
+ }
128
+ }
129
+ ),
130
+ /* @__PURE__ */ jsxRuntime.jsx(
131
+ TreeItem,
132
+ {
133
+ data,
134
+ ref,
135
+ selectedItemId,
136
+ handleSelectChange,
137
+ expandedItemIds,
138
+ defaultLeafIcon,
139
+ defaultNodeIcon,
140
+ handleDragStart,
141
+ handleDrop,
142
+ draggedItem,
143
+ onItemHover: handleItemHover,
144
+ ...props
145
+ }
146
+ ),
147
+ /* @__PURE__ */ jsxRuntime.jsx(
148
+ "div",
149
+ {
150
+ className: "h-[48px] w-full",
151
+ onDrop: (e) => {
152
+ handleDrop({ id: "", name: "parent_div" });
153
+ }
154
+ }
155
+ )
156
+ ]
157
+ }
158
+ );
159
+ }
160
+ );
161
+ TreeView.displayName = "TreeView";
162
+ var TreeItem = react.forwardRef(
163
+ ({
164
+ className,
165
+ data,
166
+ selectedItemId,
167
+ handleSelectChange,
168
+ expandedItemIds,
169
+ defaultLeafIcon,
170
+ defaultNodeIcon,
171
+ handleDragStart,
172
+ handleDrop,
173
+ draggedItem,
174
+ onItemHover,
175
+ ...props
176
+ }, ref) => {
177
+ if (!(data instanceof Array)) {
178
+ data = [data];
179
+ }
180
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "tree", className, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: "1rem" }, children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { margin: 0 }, children: item.children ? /* @__PURE__ */ jsxRuntime.jsx(
181
+ TreeNode,
182
+ {
183
+ item,
184
+ handleSelectChange,
185
+ expandedItemIds,
186
+ selectedItemId,
187
+ defaultNodeIcon,
188
+ defaultLeafIcon,
189
+ handleDragStart,
190
+ handleDrop,
191
+ draggedItem,
192
+ onItemHover
193
+ }
194
+ ) : /* @__PURE__ */ jsxRuntime.jsx(
195
+ TreeLeaf,
196
+ {
197
+ item,
198
+ selectedItemId,
199
+ handleSelectChange,
200
+ defaultLeafIcon,
201
+ handleDragStart,
202
+ handleDrop,
203
+ draggedItem,
204
+ onItemHover
205
+ }
206
+ ) }, item.id)) }) });
207
+ }
208
+ );
209
+ TreeItem.displayName = "TreeItem";
210
+ var TreeNode = ({
211
+ item,
212
+ handleSelectChange,
213
+ expandedItemIds,
214
+ selectedItemId,
215
+ defaultNodeIcon,
216
+ defaultLeafIcon,
217
+ handleDragStart,
218
+ handleDrop,
219
+ draggedItem,
220
+ onItemHover
221
+ }) => {
222
+ const [value, setValue] = react.useState(expandedItemIds.includes(item.id) ? [item.id] : []);
223
+ const [isDragOver, setIsDragOver] = react.useState(false);
224
+ const [isHovered, setIsHovered] = react.useState(false);
225
+ const onDragStart = (e) => {
226
+ if (!item.draggable) {
227
+ e.preventDefault();
228
+ return;
229
+ }
230
+ e.dataTransfer.setData("text/plain", item.id);
231
+ handleDragStart == null ? void 0 : handleDragStart(item);
232
+ };
233
+ const onDragOver = (e) => {
234
+ if (item.droppable !== false && draggedItem && draggedItem.id !== item.id) {
235
+ e.preventDefault();
236
+ setIsDragOver(true);
237
+ }
238
+ };
239
+ const onDragLeave = () => {
240
+ setIsDragOver(false);
241
+ };
242
+ const onDrop = (e) => {
243
+ e.preventDefault();
244
+ setIsDragOver(false);
245
+ handleDrop == null ? void 0 : handleDrop(item);
246
+ };
247
+ return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { type: "multiple", value, onValueChange: (s) => setValue(s), children: /* @__PURE__ */ jsxRuntime.jsxs(AccordionPrimitive__namespace.Item, { value: item.id, className: "m-0", children: [
248
+ /* @__PURE__ */ jsxRuntime.jsxs(
249
+ AccordionTrigger,
250
+ {
251
+ style: { margin: 0 },
252
+ className: chunkUWO6RBCE_js.cn(
253
+ treeVariants(),
254
+ selectedItemId === item.id && selectedTreeVariants(),
255
+ isDragOver && dragOverVariants(),
256
+ item.disabled && "hover:bg-bg-primary pointer-events-none cursor-not-allowed opacity-50"
257
+ ),
258
+ onClick: () => {
259
+ var _a;
260
+ if (item.disabled) return;
261
+ handleSelectChange(item);
262
+ (_a = item.onClick) == null ? void 0 : _a.call(item);
263
+ },
264
+ onMouseEnter: (e) => {
265
+ setIsHovered(true);
266
+ onItemHover == null ? void 0 : onItemHover(e.currentTarget);
267
+ },
268
+ onMouseLeave: () => {
269
+ setIsHovered(false);
270
+ onItemHover == null ? void 0 : onItemHover(null);
271
+ },
272
+ draggable: !!item.draggable && !item.disabled,
273
+ onDragStart,
274
+ onDragOver,
275
+ onDragLeave,
276
+ onDrop,
277
+ children: [
278
+ isHovered ? value.includes(item.id) ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "text-text-primary mr-2 h-4 w-4 shrink-0 transition-transform duration-200" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "text-text-primary mr-2 h-4 w-4 shrink-0 transition-transform duration-200" }) : /* @__PURE__ */ jsxRuntime.jsx(
279
+ TreeIcon,
280
+ {
281
+ item,
282
+ isSelected: selectedItemId === item.id,
283
+ isOpen: value.includes(item.id),
284
+ default: defaultNodeIcon
285
+ }
286
+ ),
287
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-primary flex-grow truncate text-left text-sm", children: item.name }),
288
+ /* @__PURE__ */ jsxRuntime.jsx(TreeActions, { isSelected: selectedItemId === item.id && !item.disabled, children: item.actions })
289
+ ]
290
+ }
291
+ ),
292
+ /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
293
+ TreeItem,
294
+ {
295
+ data: item.children ? item.children : item,
296
+ selectedItemId,
297
+ handleSelectChange,
298
+ expandedItemIds,
299
+ defaultLeafIcon,
300
+ defaultNodeIcon,
301
+ handleDragStart,
302
+ handleDrop,
303
+ draggedItem,
304
+ onItemHover
305
+ }
306
+ ) })
307
+ ] }) });
308
+ };
309
+ var TreeLeaf = react.forwardRef(
310
+ ({
311
+ className,
312
+ item,
313
+ selectedItemId,
314
+ handleSelectChange,
315
+ defaultLeafIcon,
316
+ handleDragStart,
317
+ handleDrop,
318
+ draggedItem,
319
+ onItemHover,
320
+ ...props
321
+ }, ref) => {
322
+ const [isDragOver, setIsDragOver] = react.useState(false);
323
+ const onDragStart = (e) => {
324
+ if (!item.draggable || item.disabled) {
325
+ e.preventDefault();
326
+ return;
327
+ }
328
+ e.dataTransfer.setData("text/plain", item.id);
329
+ handleDragStart == null ? void 0 : handleDragStart(item);
330
+ };
331
+ const onDragOver = (e) => {
332
+ if (item.droppable !== false && !item.disabled && draggedItem && draggedItem.id !== item.id) {
333
+ e.preventDefault();
334
+ setIsDragOver(true);
335
+ }
336
+ };
337
+ const onDragLeave = () => {
338
+ setIsDragOver(false);
339
+ };
340
+ const onDrop = (e) => {
341
+ if (item.disabled) return;
342
+ e.preventDefault();
343
+ setIsDragOver(false);
344
+ handleDrop == null ? void 0 : handleDrop(item);
345
+ };
346
+ return /* @__PURE__ */ jsxRuntime.jsxs(
347
+ "div",
348
+ {
349
+ ref,
350
+ className: chunkUWO6RBCE_js.cn(
351
+ "relative flex items-center",
352
+ treeVariants(),
353
+ className,
354
+ selectedItemId === item.id && selectedTreeVariants(),
355
+ isDragOver && dragOverVariants(),
356
+ item.disabled && "hover:bg-bg-primary pointer-events-none cursor-not-allowed opacity-50"
357
+ ),
358
+ onClick: () => {
359
+ var _a;
360
+ if (item.disabled) return;
361
+ handleSelectChange(item);
362
+ (_a = item.onClick) == null ? void 0 : _a.call(item);
363
+ },
364
+ onMouseEnter: (e) => onItemHover == null ? void 0 : onItemHover(e.currentTarget),
365
+ onMouseLeave: () => onItemHover == null ? void 0 : onItemHover(null),
366
+ draggable: !!item.draggable && !item.disabled,
367
+ onDragStart,
368
+ onDragOver,
369
+ onDragLeave,
370
+ onDrop,
371
+ ...props,
372
+ children: [
373
+ /* @__PURE__ */ jsxRuntime.jsx(TreeIcon, { item, isSelected: selectedItemId === item.id, default: defaultLeafIcon }),
374
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-primary flex-grow truncate text-left text-sm", children: item.name }),
375
+ /* @__PURE__ */ jsxRuntime.jsx(TreeActions, { isSelected: selectedItemId === item.id && !item.disabled, children: item.actions })
376
+ ]
377
+ }
378
+ );
379
+ }
380
+ );
381
+ TreeLeaf.displayName = "TreeLeaf";
382
+ var AccordionTrigger = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { style: { margin: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
383
+ AccordionPrimitive__namespace.Trigger,
384
+ {
385
+ ref,
386
+ className: chunkUWO6RBCE_js.cn(
387
+ "relative flex w-full flex-1 items-center justify-between text-left font-medium transition-all",
388
+ className
389
+ ),
390
+ ...props,
391
+ children
392
+ }
393
+ ) }));
394
+ AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
395
+ var AccordionContent = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
396
+ AccordionPrimitive__namespace.Content,
397
+ {
398
+ ref,
399
+ className: chunkUWO6RBCE_js.cn(
400
+ "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
401
+ className
402
+ ),
403
+ ...props,
404
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-0 pt-0", children })
405
+ }
406
+ ));
407
+ AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
408
+ var TreeIcon = ({
409
+ item,
410
+ isOpen,
411
+ isSelected,
412
+ default: defaultIcon
413
+ }) => {
414
+ let Icon = defaultIcon;
415
+ if (isSelected && item.selectedIcon) {
416
+ Icon = item.selectedIcon;
417
+ } else if (isOpen && item.openIcon) {
418
+ Icon = item.openIcon;
419
+ } else if (item.icon) {
420
+ Icon = item.icon;
421
+ }
422
+ if (!Icon) {
423
+ Icon = item.children && item.children.length > 0 ? lucideReact.Folder : lucideReact.File;
424
+ }
425
+ return Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "text-text-primary mr-2 h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
426
+ };
427
+ var TreeActions = ({ children, isSelected }) => {
428
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkUWO6RBCE_js.cn(isSelected ? "block" : "hidden", "absolute right-3 group-hover:block"), children });
429
+ };
430
+
431
+ exports.TreeView = TreeView;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ var chunkB5EMQBVL_js = require('./chunk-B5EMQBVL.js');
3
4
  var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
4
- var chunkJIXJTLEO_js = require('./chunk-JIXJTLEO.js');
5
5
  var TabsPrimitive = require('@radix-ui/react-tabs');
6
6
  var classVarianceAuthority = require('class-variance-authority');
7
7
  var react = require('react');
@@ -36,14 +36,14 @@ var useTabsContext = () => {
36
36
  return context;
37
37
  };
38
38
  function Tabs({ className, size = "base", ...props }) {
39
- return /* @__PURE__ */ jsxRuntime.jsx(chunkJIXJTLEO_js.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(
39
+ return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(
40
40
  TabsPrimitive__namespace.Root,
41
41
  {
42
42
  "data-slot": "tabs",
43
43
  className: chunkUWO6RBCE_js.cn("flex w-full flex-col gap-2", className),
44
44
  ...props
45
45
  }
46
- ) }) });
46
+ ) });
47
47
  }
48
48
  var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "justify-center"], {
49
49
  variants: {
@@ -58,9 +58,9 @@ var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center"
58
58
  }
59
59
  });
60
60
  function TabsList({ className, ...props }) {
61
- const { setCursorTarget } = chunkJIXJTLEO_js.useTabsCursor();
61
+ const { setCursorTarget } = chunkB5EMQBVL_js.useTabsCursor();
62
62
  const { size } = useTabsContext();
63
- return /* @__PURE__ */ jsxRuntime.jsx(
63
+ return /* @__PURE__ */ jsxRuntime.jsx(chunkB5EMQBVL_js.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
64
64
  TabsPrimitive__namespace.List,
65
65
  {
66
66
  onMouseLeave: () => setCursorTarget(null),
@@ -68,7 +68,7 @@ function TabsList({ className, ...props }) {
68
68
  className: chunkUWO6RBCE_js.cn(tabsListVariants({ size }), "justify-start", className),
69
69
  ...props
70
70
  }
71
- );
71
+ ) });
72
72
  }
73
73
  var tabsTriggerVariants = classVarianceAuthority.cva(
74
74
  [
@@ -107,7 +107,7 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
107
107
  }
108
108
  );
109
109
  function TabsTrigger({ className, ...props }) {
110
- const { setCursorTarget } = chunkJIXJTLEO_js.useTabsCursor();
110
+ const { setCursorTarget } = chunkB5EMQBVL_js.useTabsCursor();
111
111
  const { size } = useTabsContext();
112
112
  return /* @__PURE__ */ jsxRuntime.jsx(
113
113
  TabsPrimitive__namespace.Trigger,
@@ -12,13 +12,13 @@ function Card({ className, ...props }) {
12
12
  "flex",
13
13
  "flex-col",
14
14
  "gap-lg",
15
- "w-[300px]",
16
- "m-h-[244px]",
15
+ "min-w-[300px]",
17
16
  "rounded-lg",
18
17
  "p-lg",
19
18
  "bg-bg-primary",
20
19
  "border-text-secondary",
21
20
  "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
21
+ "liquid:liquid-bg",
22
22
  className
23
23
  ),
24
24
  ...props
@@ -40,6 +40,7 @@ function PopoverContent({
40
40
  "origin-(--radix-popover-content-transform-origin)",
41
41
  "border-none",
42
42
  "outline-hidden",
43
+ "liquid:liquid-bg",
43
44
  className
44
45
  ),
45
46
  ...props
@@ -10,13 +10,13 @@ function Card({ className, ...props }) {
10
10
  "flex",
11
11
  "flex-col",
12
12
  "gap-lg",
13
- "w-[300px]",
14
- "m-h-[244px]",
13
+ "min-w-[300px]",
15
14
  "rounded-lg",
16
15
  "p-lg",
17
16
  "bg-bg-primary",
18
17
  "border-text-secondary",
19
18
  "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
19
+ "liquid:liquid-bg",
20
20
  className
21
21
  ),
22
22
  ...props
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkLBFO3QAA_js = require('../chunk-LBFO3QAA.js');
3
+ var chunkA2Z57NAA_js = require('../chunk-A2Z57NAA.js');
4
4
  require('../chunk-UWO6RBCE.js');
5
5
  require('../chunk-CLTLT5XW.js');
6
6
 
@@ -8,5 +8,5 @@ require('../chunk-CLTLT5XW.js');
8
8
 
9
9
  Object.defineProperty(exports, "CursorProvider", {
10
10
  enumerable: true,
11
- get: function () { return chunkLBFO3QAA_js.CursorProvider; }
11
+ get: function () { return chunkA2Z57NAA_js.CursorProvider; }
12
12
  });
@@ -1,3 +1,3 @@
1
- export { CursorProvider } from '../chunk-SUU4Z6E5.mjs';
1
+ export { CursorProvider } from '../chunk-7SXCVFSA.mjs';
2
2
  import '../chunk-HW6SLBO3.mjs';
3
3
  import '../chunk-3FR3WKI4.mjs';
@@ -1,36 +1,36 @@
1
1
  'use strict';
2
2
 
3
- var chunkNA7TVYOP_js = require('../chunk-NA7TVYOP.js');
4
- require('../chunk-5JP4AZ4C.js');
5
- require('../chunk-JZ7V43ZL.js');
6
- require('../chunk-3HXPIWL3.js');
3
+ var chunkFVT46HEE_js = require('../chunk-FVT46HEE.js');
4
+ require('../chunk-RACVRWME.js');
5
+ require('../chunk-7V4ELMOH.js');
6
+ require('../chunk-7WUQTWQX.js');
7
7
  require('../chunk-5BIQ3IN7.js');
8
- require('../chunk-ZYBSCTBR.js');
8
+ require('../chunk-ENZI5WM7.js');
9
+ require('../chunk-B5EMQBVL.js');
9
10
  require('../chunk-ZJXBC33M.js');
10
11
  require('../chunk-ST4P6AN6.js');
11
12
  require('../chunk-UWO6RBCE.js');
12
13
  require('../chunk-CLTLT5XW.js');
13
- require('../chunk-JIXJTLEO.js');
14
14
 
15
15
 
16
16
 
17
17
  Object.defineProperty(exports, "CursorButton", {
18
18
  enumerable: true,
19
- get: function () { return chunkNA7TVYOP_js.CursorButton; }
19
+ get: function () { return chunkFVT46HEE_js.CursorButton; }
20
20
  });
21
21
  Object.defineProperty(exports, "CursorInputRoot", {
22
22
  enumerable: true,
23
- get: function () { return chunkNA7TVYOP_js.CursorInputRoot; }
23
+ get: function () { return chunkFVT46HEE_js.CursorInputRoot; }
24
24
  });
25
25
  Object.defineProperty(exports, "CursorSelectTrigger", {
26
26
  enumerable: true,
27
- get: function () { return chunkNA7TVYOP_js.CursorSelectTrigger; }
27
+ get: function () { return chunkFVT46HEE_js.CursorSelectTrigger; }
28
28
  });
29
29
  Object.defineProperty(exports, "CursorTabs", {
30
30
  enumerable: true,
31
- get: function () { return chunkNA7TVYOP_js.CursorTabs; }
31
+ get: function () { return chunkFVT46HEE_js.CursorTabs; }
32
32
  });
33
33
  Object.defineProperty(exports, "CursorTextarea", {
34
34
  enumerable: true,
35
- get: function () { return chunkNA7TVYOP_js.CursorTextarea; }
35
+ get: function () { return chunkFVT46HEE_js.CursorTextarea; }
36
36
  });
@@ -1,11 +1,11 @@
1
- export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-ZKYQYCKN.mjs';
2
- import '../chunk-KAPV3EZO.mjs';
3
- import '../chunk-GA2JCN3F.mjs';
4
- import '../chunk-JOBQTBEM.mjs';
1
+ export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-M3KBBKQR.mjs';
2
+ import '../chunk-QOUX33X5.mjs';
3
+ import '../chunk-5GPQ7U5B.mjs';
4
+ import '../chunk-66JQXJEV.mjs';
5
5
  import '../chunk-Q3APPCB2.mjs';
6
- import '../chunk-KVDEBKWR.mjs';
6
+ import '../chunk-25GQKTNF.mjs';
7
+ import '../chunk-6L4KPPOD.mjs';
7
8
  import '../chunk-CP7QYV4N.mjs';
8
9
  import '../chunk-QS7WS6DD.mjs';
9
10
  import '../chunk-HW6SLBO3.mjs';
10
11
  import '../chunk-3FR3WKI4.mjs';
11
- import '../chunk-FYEZTS4S.mjs';
@@ -1,50 +1,50 @@
1
1
  'use strict';
2
2
 
3
3
  require('../chunk-KJ42IGH6.js');
4
- var chunkLBFO3QAA_js = require('../chunk-LBFO3QAA.js');
5
- var chunkNA7TVYOP_js = require('../chunk-NA7TVYOP.js');
6
- require('../chunk-5JP4AZ4C.js');
7
- require('../chunk-JZ7V43ZL.js');
8
- require('../chunk-3HXPIWL3.js');
4
+ var chunkA2Z57NAA_js = require('../chunk-A2Z57NAA.js');
5
+ var chunkFVT46HEE_js = require('../chunk-FVT46HEE.js');
6
+ require('../chunk-RACVRWME.js');
7
+ require('../chunk-7V4ELMOH.js');
8
+ require('../chunk-7WUQTWQX.js');
9
9
  require('../chunk-5BIQ3IN7.js');
10
- require('../chunk-ZYBSCTBR.js');
10
+ require('../chunk-ENZI5WM7.js');
11
+ var chunkB5EMQBVL_js = require('../chunk-B5EMQBVL.js');
11
12
  var chunkZJXBC33M_js = require('../chunk-ZJXBC33M.js');
12
13
  require('../chunk-ST4P6AN6.js');
13
14
  require('../chunk-UWO6RBCE.js');
14
15
  require('../chunk-CLTLT5XW.js');
15
- var chunkJIXJTLEO_js = require('../chunk-JIXJTLEO.js');
16
16
 
17
17
 
18
18
 
19
19
  Object.defineProperty(exports, "CursorProvider", {
20
20
  enumerable: true,
21
- get: function () { return chunkLBFO3QAA_js.CursorProvider; }
21
+ get: function () { return chunkA2Z57NAA_js.CursorProvider; }
22
22
  });
23
23
  Object.defineProperty(exports, "CursorButton", {
24
24
  enumerable: true,
25
- get: function () { return chunkNA7TVYOP_js.CursorButton; }
25
+ get: function () { return chunkFVT46HEE_js.CursorButton; }
26
26
  });
27
27
  Object.defineProperty(exports, "CursorInputRoot", {
28
28
  enumerable: true,
29
- get: function () { return chunkNA7TVYOP_js.CursorInputRoot; }
29
+ get: function () { return chunkFVT46HEE_js.CursorInputRoot; }
30
30
  });
31
31
  Object.defineProperty(exports, "CursorSelectTrigger", {
32
32
  enumerable: true,
33
- get: function () { return chunkNA7TVYOP_js.CursorSelectTrigger; }
33
+ get: function () { return chunkFVT46HEE_js.CursorSelectTrigger; }
34
34
  });
35
35
  Object.defineProperty(exports, "CursorTabs", {
36
36
  enumerable: true,
37
- get: function () { return chunkNA7TVYOP_js.CursorTabs; }
37
+ get: function () { return chunkFVT46HEE_js.CursorTabs; }
38
38
  });
39
39
  Object.defineProperty(exports, "CursorTextarea", {
40
40
  enumerable: true,
41
- get: function () { return chunkNA7TVYOP_js.CursorTextarea; }
41
+ get: function () { return chunkFVT46HEE_js.CursorTextarea; }
42
42
  });
43
- Object.defineProperty(exports, "withCursor", {
43
+ Object.defineProperty(exports, "TabsCursorProvider", {
44
44
  enumerable: true,
45
- get: function () { return chunkZJXBC33M_js.withCursor; }
45
+ get: function () { return chunkB5EMQBVL_js.TabsCursorProvider; }
46
46
  });
47
- Object.defineProperty(exports, "TabsCursorProvider", {
47
+ Object.defineProperty(exports, "withCursor", {
48
48
  enumerable: true,
49
- get: function () { return chunkJIXJTLEO_js.TabsCursorProvider; }
49
+ get: function () { return chunkZJXBC33M_js.withCursor; }
50
50
  });