@vuer-ai/vuer-uikit 0.0.3 → 0.0.5

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 (158) hide show
  1. package/dist/{chunk-FXIL4NQZ.js → chunk-2JCULHBM.js} +2 -2
  2. package/dist/{chunk-3Q75Z2CT.mjs → chunk-2TRYGIGT.mjs} +2 -2
  3. package/dist/{chunk-ATDHGFVI.mjs → chunk-34L2NURS.mjs} +1 -1
  4. package/dist/{chunk-GA2JCN3F.mjs → chunk-3XVIJY3H.mjs} +16 -21
  5. package/dist/{chunk-KYKEJFJT.js → chunk-4IU7VY4X.js} +7 -7
  6. package/dist/{chunk-XACRGXGF.js → chunk-4PAHMURP.js} +6 -13
  7. package/dist/{chunk-JZ7V43ZL.js → chunk-5MZCQW4U.js} +20 -25
  8. package/dist/{chunk-3HXPIWL3.js → chunk-5OUTEHVX.js} +11 -14
  9. package/dist/{chunk-RPXWKB6F.js → chunk-5P3KAS53.js} +7 -6
  10. package/dist/{chunk-OE56M4MX.js → chunk-5TVG5JK5.js} +4 -4
  11. package/dist/{chunk-PKGNHHWG.mjs → chunk-5ZZC23M7.mjs} +1 -1
  12. package/dist/{chunk-FYEZTS4S.mjs → chunk-6L4KPPOD.mjs} +1 -1
  13. package/dist/chunk-6TYLO2AU.js +431 -0
  14. package/dist/chunk-735HE3BG.js +143 -0
  15. package/dist/chunk-AWWKK6AT.mjs +603 -0
  16. package/dist/{chunk-J4RFFBDJ.mjs → chunk-B2E7AY66.mjs} +11 -19
  17. package/dist/{chunk-JIXJTLEO.js → chunk-B5EMQBVL.js} +1 -1
  18. package/dist/{chunk-SKWTWHB7.mjs → chunk-BOPZFNFS.mjs} +2 -1
  19. package/dist/{chunk-JOBQTBEM.mjs → chunk-DDOX4EEM.mjs} +10 -13
  20. package/dist/{chunk-DQGTWUID.js → chunk-E33MW663.js} +18 -25
  21. package/dist/{chunk-CFXL2XYO.mjs → chunk-EUY74AXP.mjs} +18 -16
  22. package/dist/{chunk-7IYL2AR4.js → chunk-FP26SRGL.js} +26 -24
  23. package/dist/{chunk-MASRZTZC.mjs → chunk-FRT225GK.mjs} +1 -1
  24. package/dist/{chunk-WOG6UIG5.mjs → chunk-G6PRZVSE.mjs} +1 -1
  25. package/dist/chunk-GI5ZA3AG.js +609 -0
  26. package/dist/{chunk-Z37VNICQ.js → chunk-H5P4IX7R.js} +3 -3
  27. package/dist/{chunk-SDN2OTHS.js → chunk-IGBWUFZL.js} +3 -2
  28. package/dist/{chunk-Q3APPCB2.mjs → chunk-IQ6J7YTQ.mjs} +4 -4
  29. package/dist/{chunk-QNTUEKYQ.mjs → chunk-J7PTSP4Q.mjs} +1 -1
  30. package/dist/{chunk-DWIK2CUV.mjs → chunk-JAMJUXBY.mjs} +1 -1
  31. package/dist/chunk-KTNZSZ5Y.mjs +23 -0
  32. package/dist/chunk-LLXRJYQB.mjs +31 -0
  33. package/dist/chunk-LWFIF2HF.mjs +409 -0
  34. package/dist/{chunk-5JP4AZ4C.js → chunk-MZ4POL3U.js} +20 -21
  35. package/dist/chunk-OBWGRG45.js +21 -0
  36. package/dist/{chunk-KVFK3YC7.js → chunk-PIR7EZC6.js} +6 -6
  37. package/dist/{chunk-5BIQ3IN7.js → chunk-QA7H2Z3Z.js} +5 -5
  38. package/dist/chunk-QD7TNSTX.js +261 -0
  39. package/dist/{chunk-KAPV3EZO.mjs → chunk-QVUX6LLD.mjs} +10 -11
  40. package/dist/{chunk-KVDEBKWR.mjs → chunk-QYRRQ65X.mjs} +19 -10
  41. package/dist/{chunk-SZU2TX5H.js → chunk-QZASHJNJ.js} +1 -1
  42. package/dist/{chunk-WI2J7NIV.mjs → chunk-RX22QM5B.mjs} +2 -2
  43. package/dist/{chunk-ZYBSCTBR.js → chunk-SKO72K64.js} +22 -13
  44. package/dist/{chunk-TOZYLDAL.mjs → chunk-SP3DH5MP.mjs} +5 -12
  45. package/dist/{chunk-CZSRIDXN.mjs → chunk-T3VSSE2L.mjs} +1 -1
  46. package/dist/{chunk-263CMARJ.mjs → chunk-TMBKCIVQ.mjs} +13 -20
  47. package/dist/chunk-U276W75T.mjs +114 -0
  48. package/dist/{chunk-YQORMF34.js → chunk-U7SNLMJR.js} +12 -12
  49. package/dist/{chunk-SUU4Z6E5.mjs → chunk-UMIQYHO6.mjs} +2 -2
  50. package/dist/{chunk-KO7BQ6RR.js → chunk-VAXIFFOT.js} +4 -4
  51. package/dist/{chunk-I6VKLSAJ.js → chunk-VMPVNLEN.js} +8 -8
  52. package/dist/{chunk-UFR656UY.mjs → chunk-WDUTW7HS.mjs} +11 -11
  53. package/dist/{chunk-ZKYQYCKN.mjs → chunk-WMXX2UMD.mjs} +5 -5
  54. package/dist/{chunk-5U4NWZMT.mjs → chunk-WOZWC6KO.mjs} +6 -5
  55. package/dist/{chunk-CN6ISLZA.js → chunk-X55EAYE2.js} +16 -24
  56. package/dist/chunk-XU3E2EDQ.mjs +259 -0
  57. package/dist/{chunk-LBFO3QAA.js → chunk-XUQ5A7ZA.js} +3 -3
  58. package/dist/chunk-XXWQ4RVP.js +25 -0
  59. package/dist/chunk-Y5I2GI4V.js +33 -0
  60. package/dist/{chunk-277NQUJD.js → chunk-YXDJPCAF.js} +5 -5
  61. package/dist/highlight-cursor/cursor-provider.js +3 -3
  62. package/dist/highlight-cursor/cursor-provider.mjs +2 -2
  63. package/dist/highlight-cursor/enhanced-components.js +13 -13
  64. package/dist/highlight-cursor/enhanced-components.mjs +8 -8
  65. package/dist/highlight-cursor/index.js +16 -16
  66. package/dist/highlight-cursor/index.mjs +9 -9
  67. package/dist/highlight-cursor/tabs-cursor-context.js +3 -3
  68. package/dist/highlight-cursor/tabs-cursor-context.mjs +1 -1
  69. package/dist/index.css +42 -18
  70. package/dist/index.d.mts +7 -2
  71. package/dist/index.d.ts +7 -2
  72. package/dist/index.js +181 -128
  73. package/dist/index.mjs +31 -26
  74. package/dist/styles/theme.css +8 -1
  75. package/dist/styles/toast.css +34 -17
  76. package/dist/styles/variables.css +4 -0
  77. package/dist/ui/avatar.js +7 -6
  78. package/dist/ui/avatar.mjs +3 -2
  79. package/dist/ui/badge.js +4 -4
  80. package/dist/ui/badge.mjs +2 -2
  81. package/dist/ui/button.js +3 -3
  82. package/dist/ui/button.mjs +2 -2
  83. package/dist/ui/card.js +9 -9
  84. package/dist/ui/card.mjs +2 -2
  85. package/dist/ui/checkbox.js +3 -3
  86. package/dist/ui/checkbox.mjs +2 -2
  87. package/dist/ui/collapsible.js +5 -5
  88. package/dist/ui/collapsible.mjs +2 -2
  89. package/dist/ui/dropdown.js +17 -17
  90. package/dist/ui/dropdown.mjs +2 -2
  91. package/dist/ui/index.d.mts +7 -2
  92. package/dist/ui/index.d.ts +7 -2
  93. package/dist/ui/index.js +171 -118
  94. package/dist/ui/index.mjs +29 -24
  95. package/dist/ui/input-numbers.js +4 -4
  96. package/dist/ui/input-numbers.mjs +3 -3
  97. package/dist/ui/input.d.mts +2 -2
  98. package/dist/ui/input.d.ts +2 -2
  99. package/dist/ui/input.js +4 -4
  100. package/dist/ui/input.mjs +2 -2
  101. package/dist/ui/layout.d.mts +12 -0
  102. package/dist/ui/layout.d.ts +12 -0
  103. package/dist/ui/layout.js +12 -0
  104. package/dist/ui/layout.mjs +3 -0
  105. package/dist/ui/modal.js +12 -12
  106. package/dist/ui/modal.mjs +2 -2
  107. package/dist/ui/popover.js +7 -6
  108. package/dist/ui/popover.mjs +3 -2
  109. package/dist/ui/radio-group.js +4 -4
  110. package/dist/ui/radio-group.mjs +2 -2
  111. package/dist/ui/select.d.mts +1 -1
  112. package/dist/ui/select.d.ts +1 -1
  113. package/dist/ui/select.js +12 -12
  114. package/dist/ui/select.mjs +2 -2
  115. package/dist/ui/sheet.d.mts +16 -0
  116. package/dist/ui/sheet.d.ts +16 -0
  117. package/dist/ui/sheet.js +39 -0
  118. package/dist/ui/sheet.mjs +2 -0
  119. package/dist/ui/slider.js +3 -3
  120. package/dist/ui/slider.mjs +2 -2
  121. package/dist/ui/switch.js +3 -3
  122. package/dist/ui/switch.mjs +2 -2
  123. package/dist/ui/tabs.js +7 -7
  124. package/dist/ui/tabs.mjs +3 -3
  125. package/dist/ui/textarea.d.mts +1 -1
  126. package/dist/ui/textarea.d.ts +1 -1
  127. package/dist/ui/textarea.js +3 -3
  128. package/dist/ui/textarea.mjs +2 -2
  129. package/dist/ui/timeline.d.mts +23 -0
  130. package/dist/ui/timeline.d.ts +23 -0
  131. package/dist/ui/timeline.js +14 -0
  132. package/dist/ui/timeline.mjs +5 -0
  133. package/dist/ui/toast.js +3 -3
  134. package/dist/ui/toast.mjs +1 -1
  135. package/dist/ui/toggle-group.js +5 -5
  136. package/dist/ui/toggle-group.mjs +3 -3
  137. package/dist/ui/toggle.js +4 -4
  138. package/dist/ui/toggle.mjs +2 -2
  139. package/dist/ui/tooltip.js +7 -6
  140. package/dist/ui/tooltip.mjs +3 -2
  141. package/dist/ui/tree-view-v2.d.mts +25 -0
  142. package/dist/ui/tree-view-v2.d.ts +25 -0
  143. package/dist/ui/tree-view-v2.js +13 -0
  144. package/dist/ui/tree-view-v2.mjs +4 -0
  145. package/dist/ui/tree-view.d.mts +28 -0
  146. package/dist/ui/tree-view.d.ts +28 -0
  147. package/dist/ui/tree-view.js +11 -0
  148. package/dist/ui/tree-view.mjs +2 -0
  149. package/dist/utils/cn.js +2 -2
  150. package/dist/utils/cn.mjs +1 -1
  151. package/dist/utils/index.js +2 -2
  152. package/dist/utils/index.mjs +1 -1
  153. package/package.json +3 -2
  154. package/dist/chunk-HW6SLBO3.mjs +0 -9
  155. package/dist/chunk-NA7TVYOP.js +0 -21
  156. package/dist/chunk-UWO6RBCE.js +0 -11
  157. /package/dist/{chunk-ZCYBA6YN.mjs → chunk-IKIXD35H.mjs} +0 -0
  158. /package/dist/{chunk-WK3M4X72.js → chunk-P3NMVNEO.js} +0 -0
@@ -8,7 +8,7 @@ var Toaster = ({ ...props }) => {
8
8
  Toaster$1,
9
9
  {
10
10
  toastOptions: {
11
- className: "vk-toast",
11
+ className: "vk-toast liquid:liquid-bg",
12
12
  descriptionClassName: "vk-toast-description"
13
13
  },
14
14
  ...props
@@ -1,4 +1,4 @@
1
- import { cn } from './chunk-HW6SLBO3.mjs';
1
+ import { cn } from './chunk-KTNZSZ5Y.mjs';
2
2
  import * as SwitchPrimitive from '@radix-ui/react-switch';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
 
@@ -0,0 +1,23 @@
1
+ import { clsx } from 'clsx';
2
+ import { extendTailwindMerge } from 'tailwind-merge';
3
+
4
+ // src/utils/cn.ts
5
+ var twMerge = extendTailwindMerge({
6
+ override: {
7
+ classGroups: {
8
+ "font-size": [
9
+ "text-uk-xs",
10
+ "text-uk-sm",
11
+ "text-uk-md",
12
+ "text-uk-lg",
13
+ "text-uk-xl",
14
+ "text-uk-xxl"
15
+ ]
16
+ }
17
+ }
18
+ });
19
+ function cn(...inputs) {
20
+ return twMerge(clsx(inputs));
21
+ }
22
+
23
+ export { cn };
@@ -0,0 +1,31 @@
1
+ import { cn } from './chunk-KTNZSZ5Y.mjs';
2
+ import { Slot } from '@radix-ui/react-slot';
3
+ import { jsx } from 'react/jsx-runtime';
4
+
5
+ function Layout({
6
+ asChild,
7
+ className,
8
+ children,
9
+ align = "start",
10
+ orientation = "horizontal"
11
+ }) {
12
+ const Com = asChild ? Slot : "div";
13
+ return /* @__PURE__ */ jsx(
14
+ Com,
15
+ {
16
+ className: cn(
17
+ {
18
+ "gap-xs flex flex-col": orientation === "horizontal",
19
+ "gap-xs grid grid-cols-[1fr_2fr] text-center": orientation === "vertical",
20
+ "items-baseline": align === "start",
21
+ "items-center": align === "center",
22
+ "items-end": align === "end"
23
+ },
24
+ className
25
+ ),
26
+ children
27
+ }
28
+ );
29
+ }
30
+
31
+ export { Layout };
@@ -0,0 +1,409 @@
1
+ import { cn } from './chunk-KTNZSZ5Y.mjs';
2
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
3
+ import { cva } from 'class-variance-authority';
4
+ import { ChevronDown, ChevronRight, Folder, File } from 'lucide-react';
5
+ import { forwardRef, useState, useCallback, useMemo } from 'react';
6
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
7
+
8
+ var treeVariants = cva(
9
+ "text-uk-md group py-1 h-9 text-text-primary rounded transition-colors cursor-pointer text-left relative z-20"
10
+ );
11
+ var selectedTreeVariants = cva("");
12
+ var dragOverVariants = cva("bg-primary/20 text-primary-foreground");
13
+ var TreeView = forwardRef(
14
+ ({
15
+ data,
16
+ initialSelectedItemId,
17
+ onSelectChange,
18
+ expandAll,
19
+ defaultLeafIcon,
20
+ defaultNodeIcon,
21
+ className,
22
+ onDocumentDrag,
23
+ ...props
24
+ }, ref) => {
25
+ const [selectedItemId, setSelectedItemId] = useState(initialSelectedItemId);
26
+ const [draggedItem, setDraggedItem] = useState(null);
27
+ const [hoverBackgroundStyle, setHoverBackgroundStyle] = useState({ display: "none", top: 0, height: 0 });
28
+ const handleSelectChange = useCallback(
29
+ (item) => {
30
+ setSelectedItemId(item == null ? void 0 : item.id);
31
+ if (onSelectChange) {
32
+ onSelectChange(item);
33
+ }
34
+ },
35
+ [onSelectChange]
36
+ );
37
+ const handleDragStart = useCallback((item) => {
38
+ setDraggedItem(item);
39
+ }, []);
40
+ const handleDrop = useCallback(
41
+ (targetItem) => {
42
+ if (draggedItem && onDocumentDrag && draggedItem.id !== targetItem.id) {
43
+ onDocumentDrag(draggedItem, targetItem);
44
+ }
45
+ setDraggedItem(null);
46
+ },
47
+ [draggedItem, onDocumentDrag]
48
+ );
49
+ const handleItemHover = useCallback((element) => {
50
+ var _a;
51
+ if (element) {
52
+ const rect = element.getBoundingClientRect();
53
+ const containerRect = (_a = element.closest("[data-tree-container]")) == null ? void 0 : _a.getBoundingClientRect();
54
+ if (containerRect) {
55
+ setHoverBackgroundStyle({
56
+ display: "block",
57
+ top: rect.top - containerRect.top,
58
+ height: rect.height
59
+ });
60
+ }
61
+ } else {
62
+ setHoverBackgroundStyle({ display: "none", top: 0, height: 0 });
63
+ }
64
+ }, []);
65
+ const expandedItemIds = useMemo(() => {
66
+ if (!initialSelectedItemId) {
67
+ return [];
68
+ }
69
+ const ids = [];
70
+ function walkTreeItems(items, targetId) {
71
+ if (items instanceof Array) {
72
+ for (let i = 0; i < items.length; i++) {
73
+ ids.push(items[i].id);
74
+ if (walkTreeItems(items[i], targetId) && !expandAll) {
75
+ return true;
76
+ }
77
+ if (!expandAll) ids.pop();
78
+ }
79
+ } else if (!expandAll && items.id === targetId) {
80
+ return true;
81
+ } else if (items.children) {
82
+ return walkTreeItems(items.children, targetId);
83
+ }
84
+ }
85
+ walkTreeItems(data, initialSelectedItemId);
86
+ return ids;
87
+ }, [data, expandAll, initialSelectedItemId]);
88
+ return /* @__PURE__ */ jsxs(
89
+ "div",
90
+ {
91
+ className: cn(
92
+ "bg-bg-primary relative min-w-[240px] max-w-[300px] overflow-hidden p-2",
93
+ className
94
+ ),
95
+ "data-tree-container": true,
96
+ children: [
97
+ /* @__PURE__ */ jsx(
98
+ "div",
99
+ {
100
+ className: "bg-bg-tertiary rounded-uk-sm pointer-events-none absolute left-2 right-2 z-10 transition-all duration-150",
101
+ style: {
102
+ display: hoverBackgroundStyle.display,
103
+ top: hoverBackgroundStyle.top,
104
+ height: hoverBackgroundStyle.height
105
+ }
106
+ }
107
+ ),
108
+ /* @__PURE__ */ jsx(
109
+ TreeItem,
110
+ {
111
+ data,
112
+ ref,
113
+ selectedItemId,
114
+ handleSelectChange,
115
+ expandedItemIds,
116
+ defaultLeafIcon,
117
+ defaultNodeIcon,
118
+ handleDragStart,
119
+ handleDrop,
120
+ draggedItem,
121
+ onItemHover: handleItemHover,
122
+ ...props
123
+ }
124
+ ),
125
+ /* @__PURE__ */ jsx(
126
+ "div",
127
+ {
128
+ className: "h-[48px] w-full",
129
+ onDrop: () => {
130
+ handleDrop({ id: "", name: "parent_div" });
131
+ }
132
+ }
133
+ )
134
+ ]
135
+ }
136
+ );
137
+ }
138
+ );
139
+ TreeView.displayName = "TreeView";
140
+ var TreeItem = forwardRef(
141
+ ({
142
+ className,
143
+ data,
144
+ selectedItemId,
145
+ handleSelectChange,
146
+ expandedItemIds,
147
+ defaultLeafIcon,
148
+ defaultNodeIcon,
149
+ handleDragStart,
150
+ handleDrop,
151
+ draggedItem,
152
+ onItemHover,
153
+ ...props
154
+ }, ref) => {
155
+ if (!(data instanceof Array)) {
156
+ data = [data];
157
+ }
158
+ return /* @__PURE__ */ jsx("div", { ref, role: "tree", className, ...props, children: /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: "1rem" }, children: data.map((item) => /* @__PURE__ */ jsx("li", { style: { margin: 0 }, children: item.children ? /* @__PURE__ */ jsx(
159
+ TreeNode,
160
+ {
161
+ item,
162
+ handleSelectChange,
163
+ expandedItemIds,
164
+ selectedItemId,
165
+ defaultNodeIcon,
166
+ defaultLeafIcon,
167
+ handleDragStart,
168
+ handleDrop,
169
+ draggedItem,
170
+ onItemHover
171
+ }
172
+ ) : /* @__PURE__ */ jsx(
173
+ TreeLeaf,
174
+ {
175
+ item,
176
+ selectedItemId,
177
+ handleSelectChange,
178
+ defaultLeafIcon,
179
+ handleDragStart,
180
+ handleDrop,
181
+ draggedItem,
182
+ onItemHover
183
+ }
184
+ ) }, item.id)) }) });
185
+ }
186
+ );
187
+ TreeItem.displayName = "TreeItem";
188
+ var TreeNode = ({
189
+ item,
190
+ handleSelectChange,
191
+ expandedItemIds,
192
+ selectedItemId,
193
+ defaultNodeIcon,
194
+ defaultLeafIcon,
195
+ handleDragStart,
196
+ handleDrop,
197
+ draggedItem,
198
+ onItemHover
199
+ }) => {
200
+ const [value, setValue] = useState(expandedItemIds.includes(item.id) ? [item.id] : []);
201
+ const [isDragOver, setIsDragOver] = useState(false);
202
+ const [isHovered, setIsHovered] = useState(false);
203
+ const onDragStart = (e) => {
204
+ if (!item.draggable) {
205
+ e.preventDefault();
206
+ return;
207
+ }
208
+ e.dataTransfer.setData("text/plain", item.id);
209
+ handleDragStart == null ? void 0 : handleDragStart(item);
210
+ };
211
+ const onDragOver = (e) => {
212
+ if (item.droppable !== false && draggedItem && draggedItem.id !== item.id) {
213
+ e.preventDefault();
214
+ setIsDragOver(true);
215
+ }
216
+ };
217
+ const onDragLeave = () => {
218
+ setIsDragOver(false);
219
+ };
220
+ const onDrop = (e) => {
221
+ e.preventDefault();
222
+ setIsDragOver(false);
223
+ handleDrop == null ? void 0 : handleDrop(item);
224
+ };
225
+ return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { type: "multiple", value, onValueChange: (s) => setValue(s), children: /* @__PURE__ */ jsxs(AccordionPrimitive.Item, { value: item.id, className: "m-0", children: [
226
+ /* @__PURE__ */ jsxs(
227
+ AccordionTrigger,
228
+ {
229
+ style: { margin: 0 },
230
+ className: cn(
231
+ treeVariants(),
232
+ selectedItemId === item.id && selectedTreeVariants(),
233
+ isDragOver && dragOverVariants(),
234
+ item.disabled && "hover:bg-bg-primary pointer-events-none cursor-not-allowed opacity-50"
235
+ ),
236
+ onClick: () => {
237
+ var _a;
238
+ if (item.disabled) return;
239
+ handleSelectChange(item);
240
+ (_a = item.onClick) == null ? void 0 : _a.call(item);
241
+ },
242
+ onMouseEnter: (e) => {
243
+ setIsHovered(true);
244
+ onItemHover == null ? void 0 : onItemHover(e.currentTarget);
245
+ },
246
+ onMouseLeave: () => {
247
+ setIsHovered(false);
248
+ onItemHover == null ? void 0 : onItemHover(null);
249
+ },
250
+ draggable: !!item.draggable && !item.disabled,
251
+ onDragStart,
252
+ onDragOver,
253
+ onDragLeave,
254
+ onDrop,
255
+ children: [
256
+ isHovered ? value.includes(item.id) ? /* @__PURE__ */ jsx(ChevronDown, { className: "text-text-primary mr-2 h-4 w-4 shrink-0 transition-transform duration-200" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "text-text-primary mr-2 h-4 w-4 shrink-0 transition-transform duration-200" }) : /* @__PURE__ */ jsx(
257
+ TreeIcon,
258
+ {
259
+ item,
260
+ isSelected: selectedItemId === item.id,
261
+ isOpen: value.includes(item.id),
262
+ default: defaultNodeIcon
263
+ }
264
+ ),
265
+ /* @__PURE__ */ jsx("span", { className: "text-text-primary text-uk-md flex-grow truncate text-left", children: item.name }),
266
+ /* @__PURE__ */ jsx(TreeActions, { isSelected: selectedItemId === item.id && !item.disabled, children: item.actions })
267
+ ]
268
+ }
269
+ ),
270
+ /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx(
271
+ TreeItem,
272
+ {
273
+ data: item.children ? item.children : item,
274
+ selectedItemId,
275
+ handleSelectChange,
276
+ expandedItemIds,
277
+ defaultLeafIcon,
278
+ defaultNodeIcon,
279
+ handleDragStart,
280
+ handleDrop,
281
+ draggedItem,
282
+ onItemHover
283
+ }
284
+ ) })
285
+ ] }) });
286
+ };
287
+ var TreeLeaf = forwardRef(
288
+ ({
289
+ className,
290
+ item,
291
+ selectedItemId,
292
+ handleSelectChange,
293
+ defaultLeafIcon,
294
+ handleDragStart,
295
+ handleDrop,
296
+ draggedItem,
297
+ onItemHover,
298
+ ...props
299
+ }, ref) => {
300
+ const [isDragOver, setIsDragOver] = useState(false);
301
+ const onDragStart = (e) => {
302
+ if (!item.draggable || item.disabled) {
303
+ e.preventDefault();
304
+ return;
305
+ }
306
+ e.dataTransfer.setData("text/plain", item.id);
307
+ handleDragStart == null ? void 0 : handleDragStart(item);
308
+ };
309
+ const onDragOver = (e) => {
310
+ if (item.droppable !== false && !item.disabled && draggedItem && draggedItem.id !== item.id) {
311
+ e.preventDefault();
312
+ setIsDragOver(true);
313
+ }
314
+ };
315
+ const onDragLeave = () => {
316
+ setIsDragOver(false);
317
+ };
318
+ const onDrop = (e) => {
319
+ if (item.disabled) return;
320
+ e.preventDefault();
321
+ setIsDragOver(false);
322
+ handleDrop == null ? void 0 : handleDrop(item);
323
+ };
324
+ return /* @__PURE__ */ jsxs(
325
+ "div",
326
+ {
327
+ ref,
328
+ className: cn(
329
+ "relative flex items-center",
330
+ treeVariants(),
331
+ className,
332
+ selectedItemId === item.id && selectedTreeVariants(),
333
+ isDragOver && dragOverVariants(),
334
+ item.disabled && "hover:bg-bg-primary pointer-events-none cursor-not-allowed opacity-50"
335
+ ),
336
+ onClick: () => {
337
+ var _a;
338
+ if (item.disabled) return;
339
+ handleSelectChange(item);
340
+ (_a = item.onClick) == null ? void 0 : _a.call(item);
341
+ },
342
+ onMouseEnter: (e) => onItemHover == null ? void 0 : onItemHover(e.currentTarget),
343
+ onMouseLeave: () => onItemHover == null ? void 0 : onItemHover(null),
344
+ draggable: !!item.draggable && !item.disabled,
345
+ onDragStart,
346
+ onDragOver,
347
+ onDragLeave,
348
+ onDrop,
349
+ ...props,
350
+ children: [
351
+ /* @__PURE__ */ jsx(TreeIcon, { item, isSelected: selectedItemId === item.id, default: defaultLeafIcon }),
352
+ /* @__PURE__ */ jsx("span", { className: "text-text-primary text-uk-md flex-grow truncate text-left", children: item.name }),
353
+ /* @__PURE__ */ jsx(TreeActions, { isSelected: selectedItemId === item.id && !item.disabled, children: item.actions })
354
+ ]
355
+ }
356
+ );
357
+ }
358
+ );
359
+ TreeLeaf.displayName = "TreeLeaf";
360
+ var AccordionTrigger = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { style: { margin: 0 }, children: /* @__PURE__ */ jsx(
361
+ AccordionPrimitive.Trigger,
362
+ {
363
+ ref,
364
+ className: cn(
365
+ "relative flex w-full flex-1 items-center justify-between text-left font-medium transition-all",
366
+ className
367
+ ),
368
+ ...props,
369
+ children
370
+ }
371
+ ) }));
372
+ AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
373
+ var AccordionContent = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
374
+ AccordionPrimitive.Content,
375
+ {
376
+ ref,
377
+ className: cn(
378
+ "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-uk-md overflow-hidden transition-all",
379
+ className
380
+ ),
381
+ ...props,
382
+ children: /* @__PURE__ */ jsx("div", { className: "pb-0 pt-0", children })
383
+ }
384
+ ));
385
+ AccordionContent.displayName = AccordionPrimitive.Content.displayName;
386
+ var TreeIcon = ({
387
+ item,
388
+ isOpen,
389
+ isSelected,
390
+ default: defaultIcon
391
+ }) => {
392
+ let Icon = defaultIcon;
393
+ if (isSelected && item.selectedIcon) {
394
+ Icon = item.selectedIcon;
395
+ } else if (isOpen && item.openIcon) {
396
+ Icon = item.openIcon;
397
+ } else if (item.icon) {
398
+ Icon = item.icon;
399
+ }
400
+ if (!Icon) {
401
+ Icon = item.children && item.children.length > 0 ? Folder : File;
402
+ }
403
+ return Icon ? /* @__PURE__ */ jsx(Icon, { className: "text-text-primary mr-2 h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsx(Fragment, {});
404
+ };
405
+ var TreeActions = ({ children, isSelected }) => {
406
+ return /* @__PURE__ */ jsx("div", { className: cn(isSelected ? "block" : "hidden", "absolute right-3 group-hover:block"), children });
407
+ };
408
+
409
+ export { TreeView };
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
3
+ var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
4
4
  var SelectPrimitive = require('@radix-ui/react-select');
5
5
  var classVarianceAuthority = require('class-variance-authority');
6
6
  var lucideReact = require('lucide-react');
@@ -34,7 +34,7 @@ function SelectGroup({ className, ...props }) {
34
34
  SelectPrimitive__namespace.Group,
35
35
  {
36
36
  "data-slot": "select-group",
37
- className: chunkUWO6RBCE_js.cn("space-y-xs", className),
37
+ className: chunkXXWQ4RVP_js.cn("space-y-xs", className),
38
38
  ...props
39
39
  }
40
40
  );
@@ -44,7 +44,6 @@ function SelectValue({ ...props }) {
44
44
  }
45
45
  var selectTriggerVariants = classVarianceAuthority.cva(
46
46
  [
47
- // "data-[placeholder]:text-muted-foreground",
48
47
  "flex",
49
48
  "items-center",
50
49
  "justify-between",
@@ -59,9 +58,8 @@ var selectTriggerVariants = classVarianceAuthority.cva(
59
58
  "*:data-[slot=select-value]:flex",
60
59
  "*:data-[slot=select-value]:items-center",
61
60
  "*:data-[slot=select-value]:gap-2",
62
- "[&_svg]:pointer-events-none",
63
61
  "[&_svg]:shrink-0",
64
- "[&_svg:not([class*='size-'])]:size-4",
62
+ "[&_svg]:pointer-events-none",
65
63
  "[&_svg:not([class*='text-'])]:text-muted-foreground"
66
64
  ],
67
65
  {
@@ -72,9 +70,9 @@ var selectTriggerVariants = classVarianceAuthority.cva(
72
70
  error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
73
71
  },
74
72
  size: {
75
- sm: "p-sm text-sm h-6.5",
76
- base: "",
77
- lg: ""
73
+ sm: "px-sm py-xs text-uk-sm h-5.5 [&_svg:not([class*='size-'])]:size-lg",
74
+ base: "px-md py-sm text-uk-md h-7 [&_svg:not([class*='size-'])]:size-[14px]",
75
+ lg: "px-lg py-sm text-uk-lg h-8 [&_svg:not([class*='size-'])]:size-xl"
78
76
  }
79
77
  },
80
78
  defaultVariants: {
@@ -96,14 +94,14 @@ function SelectTrigger({
96
94
  {
97
95
  "data-slot": "select-trigger",
98
96
  "data-size": size,
99
- className: chunkUWO6RBCE_js.cn(
97
+ className: chunkXXWQ4RVP_js.cn(
100
98
  selectTriggerVariants({ size, className, state: disabled ? "disabled" : state })
101
99
  ),
102
100
  disabled,
103
101
  ...props,
104
102
  children: [
105
103
  children,
106
- /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
104
+ /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "opacity-50" }) })
107
105
  ]
108
106
  }
109
107
  );
@@ -118,7 +116,7 @@ function SelectContent({
118
116
  SelectPrimitive__namespace.Content,
119
117
  {
120
118
  "data-slot": "select-content",
121
- className: chunkUWO6RBCE_js.cn(
119
+ className: chunkXXWQ4RVP_js.cn(
122
120
  [
123
121
  "bg-bg-primary",
124
122
  "data-[state=open]:animate-in",
@@ -140,7 +138,8 @@ function SelectContent({
140
138
  "overflow-y-auto",
141
139
  "rounded-uk-md",
142
140
  "shadow-md",
143
- "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]"
141
+ "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
142
+ "liquid:liquid-bg"
144
143
  ],
145
144
  {
146
145
  "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper"
@@ -154,7 +153,7 @@ function SelectContent({
154
153
  /* @__PURE__ */ jsxRuntime.jsx(
155
154
  SelectPrimitive__namespace.Viewport,
156
155
  {
157
- className: chunkUWO6RBCE_js.cn("p-md", {
156
+ className: chunkXXWQ4RVP_js.cn("p-md", {
158
157
  "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1": position === "popper"
159
158
  }),
160
159
  children
@@ -170,7 +169,7 @@ function SelectLabel({ className, ...props }) {
170
169
  SelectPrimitive__namespace.Label,
171
170
  {
172
171
  "data-slot": "select-label",
173
- className: chunkUWO6RBCE_js.cn("text-text-secondary px-2 py-1.5 text-xs", className),
172
+ className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-xs px-2 py-1.5", className),
174
173
  ...props
175
174
  }
176
175
  );
@@ -181,7 +180,7 @@ function SelectItem({ className, children, prefix, suffix, disabled, ...props })
181
180
  {
182
181
  "data-slot": "select-item",
183
182
  disabled,
184
- className: chunkUWO6RBCE_js.cn(
183
+ className: chunkXXWQ4RVP_js.cn(
185
184
  [
186
185
  "group/select-item",
187
186
  "w-full",
@@ -193,7 +192,7 @@ function SelectItem({ className, children, prefix, suffix, disabled, ...props })
193
192
  "relative",
194
193
  "cursor-default",
195
194
  "rounded-uk-xs",
196
- "text-xs",
195
+ "text-uk-xs",
197
196
  "outline-hidden",
198
197
  "select-none",
199
198
  "focus:bg-bg-secondary",
@@ -216,7 +215,7 @@ function SelectItem({ className, children, prefix, suffix, disabled, ...props })
216
215
  "p",
217
216
  {
218
217
  "data-disabled": disabled,
219
- className: chunkUWO6RBCE_js.cn([
218
+ className: chunkXXWQ4RVP_js.cn([
220
219
  "text-text-tertiary",
221
220
  "flex",
222
221
  "shrink-0",
@@ -232,7 +231,7 @@ function SelectItem({ className, children, prefix, suffix, disabled, ...props })
232
231
  "p",
233
232
  {
234
233
  "data-disabled": disabled,
235
- className: chunkUWO6RBCE_js.cn(
234
+ className: chunkXXWQ4RVP_js.cn(
236
235
  "text-text-tertiary",
237
236
  "ml-auto",
238
237
  "flex",
@@ -256,7 +255,7 @@ function SelectSeparator({
256
255
  SelectPrimitive__namespace.Separator,
257
256
  {
258
257
  "data-slot": "select-separator",
259
- className: chunkUWO6RBCE_js.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
258
+ className: chunkXXWQ4RVP_js.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
260
259
  ...props
261
260
  }
262
261
  );
@@ -269,7 +268,7 @@ function SelectScrollUpButton({
269
268
  SelectPrimitive__namespace.ScrollUpButton,
270
269
  {
271
270
  "data-slot": "select-scroll-up-button",
272
- className: chunkUWO6RBCE_js.cn("flex cursor-default items-center justify-center py-1", className),
271
+ className: chunkXXWQ4RVP_js.cn("flex cursor-default items-center justify-center py-1", className),
273
272
  ...props,
274
273
  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
275
274
  }
@@ -283,7 +282,7 @@ function SelectScrollDownButton({
283
282
  SelectPrimitive__namespace.ScrollDownButton,
284
283
  {
285
284
  "data-slot": "select-scroll-down-button",
286
- className: chunkUWO6RBCE_js.cn("flex cursor-default items-center justify-center py-1", className),
285
+ className: chunkXXWQ4RVP_js.cn("flex cursor-default items-center justify-center py-1", className),
287
286
  ...props,
288
287
  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
289
288
  }
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ var chunk5MZCQW4U_js = require('./chunk-5MZCQW4U.js');
4
+ var chunk5OUTEHVX_js = require('./chunk-5OUTEHVX.js');
5
+ var chunkMZ4POL3U_js = require('./chunk-MZ4POL3U.js');
6
+ var chunkQA7H2Z3Z_js = require('./chunk-QA7H2Z3Z.js');
7
+ var chunkSKO72K64_js = require('./chunk-SKO72K64.js');
8
+ var chunkZJXBC33M_js = require('./chunk-ZJXBC33M.js');
9
+
10
+ // src/highlight-cursor/enhanced-components.tsx
11
+ var CursorButton = chunkZJXBC33M_js.withCursor(chunkQA7H2Z3Z_js.Button);
12
+ var CursorTabs = chunkZJXBC33M_js.withCursor(chunk5MZCQW4U_js.Tabs);
13
+ var CursorInputRoot = chunkZJXBC33M_js.withCursor(chunkSKO72K64_js.InputRoot);
14
+ var CursorSelectTrigger = chunkZJXBC33M_js.withCursor(chunkMZ4POL3U_js.SelectTrigger);
15
+ var CursorTextarea = chunkZJXBC33M_js.withCursor(chunk5OUTEHVX_js.Textarea);
16
+
17
+ exports.CursorButton = CursorButton;
18
+ exports.CursorInputRoot = CursorInputRoot;
19
+ exports.CursorSelectTrigger = CursorSelectTrigger;
20
+ exports.CursorTabs = CursorTabs;
21
+ exports.CursorTextarea = CursorTextarea;