@vuer-ai/vuer-uikit 0.0.98 → 0.0.99

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 (229) hide show
  1. package/dial-cli/README.md +137 -0
  2. package/{src/cli → dial-cli}/dial-cli.ts +9 -6
  3. package/{cli → dial-cli/dist}/dial-cli.js +10 -5
  4. package/dial-cli/node_modules/.bin/api-extractor +17 -0
  5. package/dial-cli/node_modules/.bin/jiti +17 -0
  6. package/dial-cli/node_modules/.bin/tsc +17 -0
  7. package/dial-cli/node_modules/.bin/tsserver +17 -0
  8. package/dial-cli/node_modules/.bin/tsup +17 -0
  9. package/dial-cli/node_modules/.bin/tsup-node +17 -0
  10. package/dial-cli/node_modules/.bin/tsx +17 -0
  11. package/dial-cli/node_modules/.bin/yaml +17 -0
  12. package/dial-cli/package.json +47 -0
  13. package/dial-cli/tsconfig.json +20 -0
  14. package/dial-cli/tsup.config.ts +18 -0
  15. package/dist/SyncScroll/SyncScroll.cjs +12 -12
  16. package/dist/SyncScroll/SyncScroll.mjs +5 -5
  17. package/dist/SyncScroll/index.cjs +12 -12
  18. package/dist/SyncScroll/index.mjs +5 -5
  19. package/dist/chunk-AIYM5PFP.cjs +66 -0
  20. package/dist/chunk-OWEYAVGT.mjs +62 -0
  21. package/dist/{chunk-7GWDO25E.cjs → chunk-WIGYDOHM.cjs} +2 -2
  22. package/dist/{chunk-TTYSYGVE.mjs → chunk-XMFU7SDD.mjs} +2 -2
  23. package/dist/dial/DialPanel.cjs +28 -27
  24. package/dist/dial/DialPanel.mjs +27 -26
  25. package/dist/dial/index.cjs +44 -43
  26. package/dist/dial/index.mjs +27 -26
  27. package/dist/dial/wrapped-inputs/ControlledInputs.cjs +31 -30
  28. package/dist/dial/wrapped-inputs/ControlledInputs.mjs +27 -26
  29. package/dist/dial/wrapped-inputs/DialInputs.cjs +38 -37
  30. package/dist/dial/wrapped-inputs/DialInputs.mjs +27 -26
  31. package/dist/dial/wrapped-inputs/DialVectorInput.cjs +28 -27
  32. package/dist/dial/wrapped-inputs/DialVectorInput.mjs +27 -26
  33. package/dist/dial/wrapped-inputs/index.cjs +43 -42
  34. package/dist/dial/wrapped-inputs/index.mjs +27 -26
  35. package/dist/highlight-cursor/cursor-provider.cjs +3 -3
  36. package/dist/highlight-cursor/cursor-provider.mjs +2 -2
  37. package/dist/highlight-cursor/enhanced-components.cjs +5 -5
  38. package/dist/highlight-cursor/enhanced-components.mjs +5 -5
  39. package/dist/highlight-cursor/index.cjs +11 -11
  40. package/dist/highlight-cursor/index.mjs +6 -6
  41. package/dist/hooks/index.cjs +12 -12
  42. package/dist/hooks/index.mjs +3 -3
  43. package/dist/hooks/useQueryParams.cjs +3 -3
  44. package/dist/hooks/useQueryParams.mjs +2 -2
  45. package/dist/index.cjs +187 -174
  46. package/dist/index.d.cts +1 -0
  47. package/dist/index.d.ts +1 -0
  48. package/dist/index.mjs +27 -26
  49. package/dist/ui/DialBadge.cjs +28 -0
  50. package/dist/ui/DialBadge.d.cts +33 -0
  51. package/dist/ui/DialBadge.d.ts +33 -0
  52. package/dist/ui/DialBadge.mjs +11 -0
  53. package/dist/ui/UIKitBadge.cjs +8 -8
  54. package/dist/ui/UIKitBadge.mjs +4 -4
  55. package/dist/ui/avatar.cjs +3 -3
  56. package/dist/ui/avatar.mjs +3 -3
  57. package/dist/ui/badge.cjs +3 -3
  58. package/dist/ui/badge.d.cts +1 -1
  59. package/dist/ui/badge.d.ts +1 -1
  60. package/dist/ui/badge.mjs +3 -3
  61. package/dist/ui/button.cjs +3 -3
  62. package/dist/ui/button.mjs +3 -3
  63. package/dist/ui/card.cjs +3 -3
  64. package/dist/ui/card.mjs +3 -3
  65. package/dist/ui/checkbox.cjs +3 -3
  66. package/dist/ui/checkbox.mjs +3 -3
  67. package/dist/ui/collapsible.cjs +3 -3
  68. package/dist/ui/collapsible.mjs +3 -3
  69. package/dist/ui/drawer.cjs +3 -3
  70. package/dist/ui/drawer.mjs +3 -3
  71. package/dist/ui/dropdown.cjs +3 -3
  72. package/dist/ui/dropdown.mjs +3 -3
  73. package/dist/ui/index.cjs +105 -92
  74. package/dist/ui/index.d.cts +1 -0
  75. package/dist/ui/index.d.ts +1 -0
  76. package/dist/ui/index.mjs +22 -21
  77. package/dist/ui/inputs/color-input.cjs +3 -3
  78. package/dist/ui/inputs/color-input.mjs +3 -3
  79. package/dist/ui/inputs/index.cjs +18 -18
  80. package/dist/ui/inputs/index.mjs +6 -6
  81. package/dist/ui/inputs/input-numbers.cjs +3 -3
  82. package/dist/ui/inputs/input-numbers.mjs +3 -3
  83. package/dist/ui/inputs/input.cjs +3 -3
  84. package/dist/ui/inputs/input.d.cts +1 -1
  85. package/dist/ui/inputs/input.d.ts +1 -1
  86. package/dist/ui/inputs/input.mjs +3 -3
  87. package/dist/ui/inputs/number-inputs/CmInput.cjs +3 -3
  88. package/dist/ui/inputs/number-inputs/CmInput.mjs +3 -3
  89. package/dist/ui/inputs/number-inputs/DegInput.cjs +3 -3
  90. package/dist/ui/inputs/number-inputs/DegInput.mjs +3 -3
  91. package/dist/ui/inputs/number-inputs/EulerDegInput.cjs +3 -3
  92. package/dist/ui/inputs/number-inputs/EulerDegInput.mjs +3 -3
  93. package/dist/ui/inputs/number-inputs/EulerInput.cjs +3 -3
  94. package/dist/ui/inputs/number-inputs/EulerInput.mjs +3 -3
  95. package/dist/ui/inputs/number-inputs/EulerRadInput.cjs +3 -3
  96. package/dist/ui/inputs/number-inputs/EulerRadInput.mjs +3 -3
  97. package/dist/ui/inputs/number-inputs/InchInput.cjs +3 -3
  98. package/dist/ui/inputs/number-inputs/InchInput.mjs +3 -3
  99. package/dist/ui/inputs/number-inputs/IntInput.cjs +3 -3
  100. package/dist/ui/inputs/number-inputs/IntInput.mjs +3 -3
  101. package/dist/ui/inputs/number-inputs/KVectorInput.cjs +3 -3
  102. package/dist/ui/inputs/number-inputs/KVectorInput.mjs +3 -3
  103. package/dist/ui/inputs/number-inputs/QuaternionInput.cjs +3 -3
  104. package/dist/ui/inputs/number-inputs/QuaternionInput.mjs +3 -3
  105. package/dist/ui/inputs/number-inputs/RadInput.cjs +3 -3
  106. package/dist/ui/inputs/number-inputs/RadInput.mjs +3 -3
  107. package/dist/ui/inputs/number-inputs/TimeInput.cjs +3 -3
  108. package/dist/ui/inputs/number-inputs/TimeInput.mjs +3 -3
  109. package/dist/ui/inputs/number-inputs/Vec3Input.cjs +3 -3
  110. package/dist/ui/inputs/number-inputs/Vec3Input.mjs +3 -3
  111. package/dist/ui/inputs/number-inputs/VectorInput.cjs +3 -3
  112. package/dist/ui/inputs/number-inputs/VectorInput.mjs +3 -3
  113. package/dist/ui/inputs/number-inputs/index.cjs +13 -13
  114. package/dist/ui/inputs/number-inputs/index.mjs +5 -5
  115. package/dist/ui/inputs/presets-input.cjs +3 -3
  116. package/dist/ui/inputs/presets-input.mjs +3 -3
  117. package/dist/ui/label.cjs +3 -3
  118. package/dist/ui/label.mjs +3 -3
  119. package/dist/ui/layout.cjs +3 -3
  120. package/dist/ui/layout.mjs +3 -3
  121. package/dist/ui/layouts/dock-layout/DockLayoutView.cjs +3 -3
  122. package/dist/ui/layouts/dock-layout/DockLayoutView.mjs +3 -3
  123. package/dist/ui/layouts/dock-layout/LayoutSlots.cjs +3 -3
  124. package/dist/ui/layouts/dock-layout/LayoutSlots.mjs +3 -3
  125. package/dist/ui/layouts/dock-layout/index.cjs +3 -3
  126. package/dist/ui/layouts/dock-layout/index.mjs +3 -3
  127. package/dist/ui/layouts/index.cjs +3 -3
  128. package/dist/ui/layouts/index.mjs +3 -3
  129. package/dist/ui/layouts/liquid-layout/LayoutSlots.cjs +3 -3
  130. package/dist/ui/layouts/liquid-layout/LayoutSlots.mjs +3 -3
  131. package/dist/ui/layouts/liquid-layout/LiquidLayoutView.cjs +3 -3
  132. package/dist/ui/layouts/liquid-layout/LiquidLayoutView.mjs +3 -3
  133. package/dist/ui/layouts/liquid-layout/index.cjs +3 -3
  134. package/dist/ui/layouts/liquid-layout/index.mjs +3 -3
  135. package/dist/ui/modal.cjs +3 -3
  136. package/dist/ui/modal.mjs +3 -3
  137. package/dist/ui/navigation.cjs +3 -3
  138. package/dist/ui/navigation.mjs +3 -3
  139. package/dist/ui/pagination.cjs +3 -3
  140. package/dist/ui/pagination.mjs +3 -3
  141. package/dist/ui/panel.cjs +3 -3
  142. package/dist/ui/panel.mjs +3 -3
  143. package/dist/ui/popover.cjs +3 -3
  144. package/dist/ui/popover.mjs +3 -3
  145. package/dist/ui/radio-group.cjs +3 -3
  146. package/dist/ui/radio-group.mjs +3 -3
  147. package/dist/ui/resizable.cjs +3 -3
  148. package/dist/ui/resizable.mjs +3 -3
  149. package/dist/ui/select.cjs +3 -3
  150. package/dist/ui/select.d.cts +1 -1
  151. package/dist/ui/select.d.ts +1 -1
  152. package/dist/ui/select.mjs +3 -3
  153. package/dist/ui/separator.cjs +3 -3
  154. package/dist/ui/separator.mjs +3 -3
  155. package/dist/ui/sheet.cjs +3 -3
  156. package/dist/ui/sheet.mjs +3 -3
  157. package/dist/ui/sidebar.cjs +28 -28
  158. package/dist/ui/sidebar.mjs +4 -4
  159. package/dist/ui/simple-tree-view.cjs +3 -3
  160. package/dist/ui/simple-tree-view.mjs +3 -3
  161. package/dist/ui/skeleton.cjs +3 -3
  162. package/dist/ui/skeleton.mjs +3 -3
  163. package/dist/ui/slider.cjs +3 -3
  164. package/dist/ui/slider.mjs +3 -3
  165. package/dist/ui/switch.cjs +3 -3
  166. package/dist/ui/switch.mjs +3 -3
  167. package/dist/ui/table.cjs +3 -3
  168. package/dist/ui/table.mjs +3 -3
  169. package/dist/ui/tabs.cjs +3 -3
  170. package/dist/ui/tabs.mjs +3 -3
  171. package/dist/ui/textarea.cjs +3 -3
  172. package/dist/ui/textarea.d.cts +1 -1
  173. package/dist/ui/textarea.d.ts +1 -1
  174. package/dist/ui/textarea.mjs +3 -3
  175. package/dist/ui/theme/ThemeToggles.cjs +3 -3
  176. package/dist/ui/theme/ThemeToggles.mjs +3 -3
  177. package/dist/ui/theme/index.cjs +3 -3
  178. package/dist/ui/theme/index.mjs +3 -3
  179. package/dist/ui/toggle-buttons.cjs +3 -3
  180. package/dist/ui/toggle-buttons.mjs +3 -3
  181. package/dist/ui/toggle-group.cjs +3 -3
  182. package/dist/ui/toggle-group.mjs +3 -3
  183. package/dist/ui/toggle.cjs +3 -3
  184. package/dist/ui/toggle.mjs +3 -3
  185. package/dist/ui/toolbar.cjs +3 -3
  186. package/dist/ui/toolbar.mjs +3 -3
  187. package/dist/ui/tooltip.cjs +3 -3
  188. package/dist/ui/tooltip.mjs +3 -3
  189. package/dist/ui/tree-view/TreeSearchBar.cjs +3 -3
  190. package/dist/ui/tree-view/TreeSearchBar.mjs +3 -3
  191. package/dist/ui/tree-view/TreeView.cjs +3 -3
  192. package/dist/ui/tree-view/TreeView.mjs +3 -3
  193. package/dist/ui/tree-view/index.cjs +3 -3
  194. package/dist/ui/tree-view/index.mjs +3 -3
  195. package/dist/ui/tree-view-legacy.cjs +11 -11
  196. package/dist/ui/tree-view-legacy.mjs +7 -7
  197. package/dist/ui/waterfall/CursorOverlay.cjs +3 -3
  198. package/dist/ui/waterfall/CursorOverlay.mjs +3 -3
  199. package/dist/ui/waterfall/TimelineEvent.cjs +3 -3
  200. package/dist/ui/waterfall/TimelineEvent.mjs +3 -3
  201. package/dist/ui/waterfall/TimelineProcessBar.cjs +3 -3
  202. package/dist/ui/waterfall/TimelineProcessBar.mjs +3 -3
  203. package/dist/ui/waterfall/Wedges.cjs +3 -3
  204. package/dist/ui/waterfall/Wedges.mjs +3 -3
  205. package/dist/ui/waterfall/index.cjs +9 -9
  206. package/dist/ui/waterfall/index.mjs +8 -8
  207. package/package.json +4 -5
  208. package/src/ui/DialBadge.tsx +97 -0
  209. package/src/ui/index.ts +1 -0
  210. package/dist/chunk-4KWGGESI.cjs +0 -494
  211. package/dist/chunk-A5LCX2UQ.cjs +0 -208
  212. package/dist/chunk-BEJIZ56L.mjs +0 -300
  213. package/dist/chunk-C7VGRU3O.mjs +0 -283
  214. package/dist/chunk-LJMNHTTG.cjs +0 -679
  215. package/dist/chunk-O66RESRR.cjs +0 -285
  216. package/dist/chunk-VA3PEYFM.mjs +0 -489
  217. package/dist/chunk-VBBJSIY7.cjs +0 -308
  218. package/dist/chunk-W4JCKCW7.mjs +0 -661
  219. package/dist/chunk-WWGF6TBZ.mjs +0 -206
  220. package/dist/{chunk-XMUP5MIM.mjs → chunk-G3EIVAVR.mjs} +0 -0
  221. package/dist/{chunk-7IS37C3P.cjs → chunk-K4I4YU6N.cjs} +1 -1
  222. package/dist/{chunk-BIUDC66P.mjs → chunk-K4VD5PPY.mjs} +1 -1
  223. package/dist/{chunk-OX2U5RAG.cjs → chunk-KFPS5CCR.cjs} +0 -0
  224. package/dist/{chunk-2OZK5DY5.mjs → chunk-KXKEZ3MH.mjs} +1 -1
  225. package/dist/{chunk-ZGN4UEJR.cjs → chunk-OEI7NCF6.cjs} +3 -3
  226. package/dist/{chunk-LYZJNEOR.cjs → chunk-Q4XH2Z5M.cjs} +1 -1
  227. package/dist/{chunk-ZQLRMOUW.mjs → chunk-QHPFLC2O.mjs} +3 -3
  228. package/dist/{chunk-OYNLQTHW.cjs → chunk-RKJR6RZU.cjs} +1 -1
  229. package/dist/{chunk-OEIF3JCH.mjs → chunk-U3LN5NB6.mjs} +1 -1
@@ -1,308 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
4
- var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
5
- var reactSlot = require('@radix-ui/react-slot');
6
- var react = require('react');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- var SyncScroll = ({ children, className, asChild = false, ...props }) => {
10
- const Comp = asChild ? reactSlot.Slot : "div";
11
- return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useSyncScroll(), className: chunkOHIB3TEN_cjs.cn("overflow-y-auto", className), ...props, children });
12
- };
13
- var SyncScrollSlave = ({
14
- children,
15
- className,
16
- asChild = false,
17
- ...props
18
- }) => {
19
- const Comp = asChild ? reactSlot.Slot : "div";
20
- return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useScrollSlave(), className: chunkOHIB3TEN_cjs.cn("overflow-y-auto", className), ...props, children });
21
- };
22
- var SyncDrag = ({
23
- ref: extRef,
24
- children,
25
- className,
26
- asChild = false,
27
- ...props
28
- }) => {
29
- const ref = chunkG4FJGNY5_cjs.useSyncDrag({ ref: extRef, axis: "both" });
30
- const [isDragging, setIsDragging] = react.useState(false);
31
- const dragStartX = react.useRef(0);
32
- const dragStartY = react.useRef(0);
33
- const scrollStartLeft = react.useRef(0);
34
- const scrollStartTop = react.useRef(0);
35
- react.useEffect(() => {
36
- const element = ref.current;
37
- if (!element) return;
38
- const handleMouseDown = (e) => {
39
- setIsDragging(true);
40
- dragStartX.current = e.clientX;
41
- dragStartY.current = e.clientY;
42
- scrollStartLeft.current = element.scrollLeft;
43
- scrollStartTop.current = element.scrollTop;
44
- e.preventDefault();
45
- };
46
- const handleMouseMove = (e) => {
47
- if (!isDragging || !element) return;
48
- const deltaX = e.clientX - dragStartX.current;
49
- const deltaY = e.clientY - dragStartY.current;
50
- element.scrollLeft = scrollStartLeft.current - deltaX * 2;
51
- element.scrollTop = scrollStartTop.current - deltaY * 2;
52
- };
53
- const handleMouseUp = () => {
54
- setIsDragging(false);
55
- };
56
- element.addEventListener("mousedown", handleMouseDown);
57
- if (isDragging) {
58
- document.addEventListener("mousemove", handleMouseMove);
59
- document.addEventListener("mouseup", handleMouseUp);
60
- document.addEventListener("mouseleave", handleMouseUp);
61
- }
62
- return () => {
63
- element.removeEventListener("mousedown", handleMouseDown);
64
- document.removeEventListener("mousemove", handleMouseMove);
65
- document.removeEventListener("mouseup", handleMouseUp);
66
- document.removeEventListener("mouseleave", handleMouseUp);
67
- };
68
- }, [isDragging, ref]);
69
- const Comp = asChild ? reactSlot.Slot : "div";
70
- return /* @__PURE__ */ jsxRuntime.jsx(
71
- Comp,
72
- {
73
- ref,
74
- className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
75
- style: { userSelect: isDragging ? "none" : "auto", ...props.style },
76
- ...props,
77
- children
78
- }
79
- );
80
- };
81
- var SyncDragX = ({ children, className, asChild = false, ...props }) => {
82
- const ref = chunkG4FJGNY5_cjs.useSyncDrag({ axis: "horizontal" });
83
- const [isDragging, setIsDragging] = react.useState(false);
84
- const dragStartX = react.useRef(0);
85
- const scrollStartLeft = react.useRef(0);
86
- react.useEffect(() => {
87
- const element = ref.current;
88
- if (!element) return;
89
- const handleMouseDown = (e) => {
90
- setIsDragging(true);
91
- dragStartX.current = e.clientX;
92
- scrollStartLeft.current = element.scrollLeft;
93
- e.preventDefault();
94
- };
95
- const handleMouseMove = (e) => {
96
- if (!isDragging || !element) return;
97
- const deltaX = e.clientX - dragStartX.current;
98
- element.scrollLeft = scrollStartLeft.current - deltaX * 2;
99
- };
100
- const handleMouseUp = () => {
101
- setIsDragging(false);
102
- };
103
- element.addEventListener("mousedown", handleMouseDown);
104
- if (isDragging) {
105
- document.addEventListener("mousemove", handleMouseMove);
106
- document.addEventListener("mouseup", handleMouseUp);
107
- document.addEventListener("mouseleave", handleMouseUp);
108
- }
109
- return () => {
110
- element.removeEventListener("mousedown", handleMouseDown);
111
- document.removeEventListener("mousemove", handleMouseMove);
112
- document.removeEventListener("mouseup", handleMouseUp);
113
- document.removeEventListener("mouseleave", handleMouseUp);
114
- };
115
- }, [isDragging, ref]);
116
- const Comp = asChild ? reactSlot.Slot : "div";
117
- return /* @__PURE__ */ jsxRuntime.jsx(
118
- Comp,
119
- {
120
- ref,
121
- className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-x-auto", isDragging ? "cursor-grabbing" : "", className),
122
- style: { userSelect: isDragging ? "none" : "auto", ...props.style },
123
- ...props,
124
- children
125
- }
126
- );
127
- };
128
- var SyncDragSlave = ({
129
- ref: extRef,
130
- children,
131
- className,
132
- asChild = false,
133
- ...props
134
- }) => {
135
- const ref = chunkG4FJGNY5_cjs.useScrollSlave({ ref: extRef, axis: "both" });
136
- const [isDragging, setIsDragging] = react.useState(false);
137
- const dragStartX = react.useRef(0);
138
- const dragStartY = react.useRef(0);
139
- const scrollStartLeft = react.useRef(0);
140
- const scrollStartTop = react.useRef(0);
141
- react.useEffect(() => {
142
- const element = ref.current;
143
- if (!element) return;
144
- const handleMouseDown = (e) => {
145
- setIsDragging(true);
146
- dragStartX.current = e.clientX;
147
- dragStartY.current = e.clientY;
148
- scrollStartLeft.current = element.scrollLeft;
149
- scrollStartTop.current = element.scrollTop;
150
- e.preventDefault();
151
- };
152
- const handleMouseMove = (e) => {
153
- if (!isDragging || !element) return;
154
- const deltaX = e.clientX - dragStartX.current;
155
- const deltaY = e.clientY - dragStartY.current;
156
- element.scrollLeft = scrollStartLeft.current - deltaX * 2;
157
- element.scrollTop = scrollStartTop.current - deltaY * 2;
158
- };
159
- const handleMouseUp = () => {
160
- setIsDragging(false);
161
- };
162
- element.addEventListener("mousedown", handleMouseDown);
163
- if (isDragging) {
164
- document.addEventListener("mousemove", handleMouseMove);
165
- document.addEventListener("mouseup", handleMouseUp);
166
- document.addEventListener("mouseleave", handleMouseUp);
167
- }
168
- return () => {
169
- element.removeEventListener("mousedown", handleMouseDown);
170
- document.removeEventListener("mousemove", handleMouseMove);
171
- document.removeEventListener("mouseup", handleMouseUp);
172
- document.removeEventListener("mouseleave", handleMouseUp);
173
- };
174
- }, [isDragging, ref]);
175
- const Comp = asChild ? reactSlot.Slot : "div";
176
- return /* @__PURE__ */ jsxRuntime.jsx(
177
- Comp,
178
- {
179
- ref,
180
- className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
181
- style: { userSelect: isDragging ? "none" : "auto", ...props.style },
182
- ...props,
183
- children
184
- }
185
- );
186
- };
187
- var SyncDragSlaveX = ({
188
- ref: extRef,
189
- children,
190
- className,
191
- asChild = false,
192
- ...props
193
- }) => {
194
- const ref = chunkG4FJGNY5_cjs.useScrollSlave({ ref: extRef, axis: "horizontal" });
195
- const [isDragging, setIsDragging] = react.useState(false);
196
- const dragStartX = react.useRef(0);
197
- const scrollStartLeft = react.useRef(0);
198
- react.useEffect(() => {
199
- const element = ref.current;
200
- if (!element) return;
201
- const handleMouseDown = (e) => {
202
- setIsDragging(true);
203
- dragStartX.current = e.clientX;
204
- scrollStartLeft.current = element.scrollLeft;
205
- e.preventDefault();
206
- };
207
- const handleMouseMove = (e) => {
208
- if (!isDragging || !element) return;
209
- const deltaX = e.clientX - dragStartX.current;
210
- element.scrollLeft = scrollStartLeft.current - deltaX * 2;
211
- };
212
- const handleMouseUp = () => {
213
- setIsDragging(false);
214
- };
215
- element.addEventListener("mousedown", handleMouseDown);
216
- if (isDragging) {
217
- document.addEventListener("mousemove", handleMouseMove);
218
- document.addEventListener("mouseup", handleMouseUp);
219
- document.addEventListener("mouseleave", handleMouseUp);
220
- }
221
- return () => {
222
- element.removeEventListener("mousedown", handleMouseDown);
223
- document.removeEventListener("mousemove", handleMouseMove);
224
- document.removeEventListener("mouseup", handleMouseUp);
225
- document.removeEventListener("mouseleave", handleMouseUp);
226
- };
227
- }, [isDragging, ref]);
228
- const Comp = asChild ? reactSlot.Slot : "div";
229
- return /* @__PURE__ */ jsxRuntime.jsx(
230
- Comp,
231
- {
232
- ref,
233
- className: chunkOHIB3TEN_cjs.cn(
234
- "cursor-grab overflow-x-auto overflow-y-hidden",
235
- isDragging && "cursor-grabbing",
236
- className
237
- ),
238
- style: { userSelect: isDragging ? "none" : "auto", ...props.style },
239
- ...props,
240
- children
241
- }
242
- );
243
- };
244
- var SyncDragY = ({
245
- ref: extRef,
246
- children,
247
- className,
248
- asChild = false,
249
- ...props
250
- }) => {
251
- const ref = chunkG4FJGNY5_cjs.useSyncDrag({ ref: extRef, axis: "vertical" });
252
- const [isDragging, setIsDragging] = react.useState(false);
253
- const dragStartY = react.useRef(0);
254
- const scrollStartTop = react.useRef(0);
255
- react.useEffect(() => {
256
- const element = ref.current;
257
- if (!element) return;
258
- const handleMouseDown = (e) => {
259
- setIsDragging(true);
260
- dragStartY.current = e.clientY;
261
- scrollStartTop.current = element.scrollTop;
262
- e.preventDefault();
263
- };
264
- const handleMouseMove = (e) => {
265
- if (!isDragging || !element) return;
266
- const deltaY = e.clientY - dragStartY.current;
267
- element.scrollTop = scrollStartTop.current - deltaY * 2;
268
- };
269
- const handleMouseUp = () => {
270
- setIsDragging(false);
271
- };
272
- element.addEventListener("mousedown", handleMouseDown);
273
- if (isDragging) {
274
- document.addEventListener("mousemove", handleMouseMove);
275
- document.addEventListener("mouseup", handleMouseUp);
276
- document.addEventListener("mouseleave", handleMouseUp);
277
- }
278
- return () => {
279
- element.removeEventListener("mousedown", handleMouseDown);
280
- document.removeEventListener("mousemove", handleMouseMove);
281
- document.removeEventListener("mouseup", handleMouseUp);
282
- document.removeEventListener("mouseleave", handleMouseUp);
283
- };
284
- }, [isDragging, ref]);
285
- const Comp = asChild ? reactSlot.Slot : "div";
286
- return /* @__PURE__ */ jsxRuntime.jsx(
287
- Comp,
288
- {
289
- ref,
290
- className: chunkOHIB3TEN_cjs.cn(
291
- "cursor-grab overflow-x-hidden overflow-y-auto",
292
- isDragging && "cursor-grabbing",
293
- className
294
- ),
295
- style: { userSelect: isDragging ? "none" : "auto", ...props.style },
296
- ...props,
297
- children
298
- }
299
- );
300
- };
301
-
302
- exports.SyncDrag = SyncDrag;
303
- exports.SyncDragSlave = SyncDragSlave;
304
- exports.SyncDragSlaveX = SyncDragSlaveX;
305
- exports.SyncDragX = SyncDragX;
306
- exports.SyncDragY = SyncDragY;
307
- exports.SyncScroll = SyncScroll;
308
- exports.SyncScrollSlave = SyncScrollSlave;