@vuer-ai/vuer-uikit 0.0.77 → 0.0.79

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 (73) hide show
  1. package/dist/{chunk-UHDBWDHS.cjs → chunk-63LX3ILN.cjs} +10 -9
  2. package/dist/{chunk-3LM4LVYM.mjs → chunk-67FOC7SV.mjs} +10 -9
  3. package/dist/{chunk-3HERIMKO.mjs → chunk-JNOO5NXB.mjs} +2 -2
  4. package/dist/{chunk-33ZAFHOY.cjs → chunk-OITJZBFZ.cjs} +2 -2
  5. package/dist/chunk-WPDU2YYR.mjs +1 -0
  6. package/dist/chunk-YJ6X6T5K.cjs +2 -0
  7. package/dist/highlight-cursor/enhanced-components.cjs +8 -8
  8. package/dist/highlight-cursor/enhanced-components.mjs +3 -3
  9. package/dist/highlight-cursor/index.cjs +12 -12
  10. package/dist/highlight-cursor/index.mjs +3 -3
  11. package/dist/index.cjs +456 -431
  12. package/dist/index.d.cts +2 -1
  13. package/dist/index.d.ts +2 -1
  14. package/dist/index.mjs +48 -47
  15. package/dist/ui/UIKitBadge.cjs +5 -5
  16. package/dist/ui/UIKitBadge.mjs +1 -1
  17. package/dist/ui/badge.d.cts +1 -1
  18. package/dist/ui/badge.d.ts +1 -1
  19. package/dist/ui/index.cjs +371 -346
  20. package/dist/ui/index.d.cts +2 -1
  21. package/dist/ui/index.d.ts +2 -1
  22. package/dist/ui/index.mjs +47 -46
  23. package/dist/ui/inputs/index.cjs +18 -18
  24. package/dist/ui/inputs/index.mjs +4 -4
  25. package/dist/ui/inputs/input.d.cts +1 -1
  26. package/dist/ui/inputs/input.d.ts +1 -1
  27. package/dist/ui/inputs/number-inputs/index.cjs +15 -15
  28. package/dist/ui/inputs/number-inputs/index.mjs +3 -3
  29. package/dist/ui/pagination.cjs +9 -9
  30. package/dist/ui/pagination.mjs +2 -2
  31. package/dist/ui/select.d.cts +1 -1
  32. package/dist/ui/select.d.ts +1 -1
  33. package/dist/ui/sidebar.cjs +26 -26
  34. package/dist/ui/sidebar.mjs +2 -2
  35. package/dist/ui/tabs.cjs +6 -6
  36. package/dist/ui/tabs.mjs +2 -2
  37. package/dist/ui/textarea.d.cts +1 -1
  38. package/dist/ui/textarea.d.ts +1 -1
  39. package/dist/ui/timeline.cjs +4 -4
  40. package/dist/ui/timeline.mjs +3 -3
  41. package/dist/ui/tree-view/TreeView.cjs +3 -3
  42. package/dist/ui/tree-view/TreeView.d.cts +6 -6
  43. package/dist/ui/tree-view/TreeView.d.ts +6 -6
  44. package/dist/ui/tree-view/TreeView.mjs +1 -1
  45. package/dist/ui/tree-view/index.cjs +3 -3
  46. package/dist/ui/tree-view/index.mjs +1 -1
  47. package/dist/ui/tree-view-legacy.cjs +6 -6
  48. package/dist/ui/tree-view-legacy.mjs +2 -2
  49. package/dist/ui/waterfall/index.cjs +34 -9
  50. package/dist/ui/waterfall/index.d.cts +3 -1
  51. package/dist/ui/waterfall/index.d.ts +3 -1
  52. package/dist/ui/waterfall/index.mjs +9 -8
  53. package/dist/ui/waterfall/types.cjs +2 -0
  54. package/dist/ui/waterfall/types.mjs +1 -1
  55. package/package.json +1 -1
  56. package/dist/chunk-6E4NTY34.cjs +0 -494
  57. package/dist/chunk-7644AY3P.cjs +0 -855
  58. package/dist/chunk-AOAM6HV2.mjs +0 -94
  59. package/dist/chunk-CSSMBHBD.mjs +0 -853
  60. package/dist/chunk-CW6FHIAT.cjs +0 -624
  61. package/dist/chunk-D5YKZOUG.mjs +0 -247
  62. package/dist/chunk-HOJOWLJT.mjs +0 -142
  63. package/dist/chunk-HTHCG2AN.cjs +0 -125
  64. package/dist/chunk-IZJYFVS7.mjs +0 -15
  65. package/dist/chunk-KQXLV6YW.mjs +0 -489
  66. package/dist/chunk-NEOSSUNE.mjs +0 -599
  67. package/dist/chunk-TE5JNR5C.mjs +0 -117
  68. package/dist/chunk-V2OROE7H.cjs +0 -99
  69. package/dist/chunk-XKIB3LSS.cjs +0 -167
  70. package/dist/chunk-YPQYI63K.cjs +0 -249
  71. package/dist/chunk-ZO3X2NDT.cjs +0 -21
  72. /package/dist/{chunk-MMT74K7A.mjs → chunk-3WSKU4Q4.mjs} +0 -0
  73. /package/dist/{chunk-E6D3BSYY.cjs → chunk-G2U3V4VA.cjs} +0 -0
@@ -1,117 +0,0 @@
1
- import { buttonVariants } from './chunk-INHZ5D7P.mjs';
2
- import { cn } from './chunk-HMN4IKTG.mjs';
3
- import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
4
- import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
5
- import { jsx, jsxs } from 'react/jsx-runtime';
6
-
7
- function Pagination({ className, ...props }) {
8
- return /* @__PURE__ */ jsx(
9
- "nav",
10
- {
11
- role: "navigation",
12
- "aria-label": "pagination",
13
- "data-slot": "pagination",
14
- className: cn("mx-auto flex w-full justify-center", className),
15
- ...props
16
- }
17
- );
18
- }
19
- function PaginationContent({ className, ...props }) {
20
- const { setCursorTarget } = useTabsCursor();
21
- return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(
22
- "ul",
23
- {
24
- onMouseLeave: () => setCursorTarget(null),
25
- "data-slot": "pagination-content",
26
- className: cn("gap-xs flex flex-row items-center", className),
27
- style: {
28
- marginBottom: "0px"
29
- },
30
- ...props
31
- }
32
- ) });
33
- }
34
- function PaginationItem({ ...props }) {
35
- const { setCursorTarget } = useTabsCursor();
36
- return /* @__PURE__ */ jsx(
37
- "li",
38
- {
39
- onMouseEnter: (e) => setCursorTarget(e.currentTarget),
40
- "data-slot": "pagination-item",
41
- className: "rounded-uk-sm",
42
- style: {
43
- marginBottom: "0px"
44
- },
45
- ...props
46
- }
47
- );
48
- }
49
- function PaginationLink({ className, isActive, size = "md", ...props }) {
50
- return /* @__PURE__ */ jsx(
51
- "a",
52
- {
53
- "aria-current": isActive ? "page" : void 0,
54
- "data-slot": "pagination-link",
55
- "data-active": isActive,
56
- className: cn(
57
- buttonVariants({
58
- variant: isActive ? "secondary" : "ghost",
59
- size
60
- }),
61
- "hover:bg-transparent",
62
- "hover:text-text-primary",
63
- "min-w-[32px]",
64
- className
65
- ),
66
- ...props
67
- }
68
- );
69
- }
70
- function PaginationPrevious({ className, ...props }) {
71
- return /* @__PURE__ */ jsxs(
72
- PaginationLink,
73
- {
74
- "aria-label": "Go to previous page",
75
- className: cn("gap-xs px-lg sm:pl-lg", className),
76
- ...props,
77
- children: [
78
- /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
79
- /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Previous" })
80
- ]
81
- }
82
- );
83
- }
84
- function PaginationNext({ className, ...props }) {
85
- return /* @__PURE__ */ jsxs(
86
- PaginationLink,
87
- {
88
- "aria-label": "Go to next page",
89
- className: cn("gap-xs px-lg sm:pr-lg", className),
90
- ...props,
91
- children: [
92
- /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Next" }),
93
- /* @__PURE__ */ jsx(ChevronRightIcon, {})
94
- ]
95
- }
96
- );
97
- }
98
- function PaginationEllipsis({ className, ...props }) {
99
- return /* @__PURE__ */ jsxs(
100
- "span",
101
- {
102
- "aria-hidden": true,
103
- "data-slot": "pagination-ellipsis",
104
- className: cn(
105
- "text-text-primary flex size-9 size-[32px] items-center justify-center",
106
- className
107
- ),
108
- ...props,
109
- children: [
110
- /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
111
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
112
- ]
113
- }
114
- );
115
- }
116
-
117
- export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
@@ -1,99 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
4
- var lucideReact = require('lucide-react');
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- var PACKAGE_VERSION = "0.0.76" ;
8
- var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
9
- var GIT_HASH = "d181b80" ;
10
- function PackageBadge({
11
- className,
12
- packageName,
13
- packageFullName,
14
- versionText,
15
- linkable = true,
16
- gitHash
17
- }) {
18
- const npmUrl = packageFullName && versionText ? `https://www.npmjs.com/package/${packageFullName}/v/${versionText.replace("v", "")}` : void 0;
19
- return /* @__PURE__ */ jsxRuntime.jsxs(
20
- "div",
21
- {
22
- className: `rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center ${className || ""}`,
23
- style: linkable ? { cursor: "pointer" } : void 0,
24
- children: [
25
- (packageName || versionText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-uk-xs inline-flex items-center overflow-hidden", children: [
26
- packageName && /* @__PURE__ */ jsxRuntime.jsx(
27
- "span",
28
- {
29
- className: "pl-sm pr-xs py-xxxs bg-brand-primary text-text-withbg text-uk-xs",
30
- style: {
31
- backgroundColor: "var(--color-brand-primary, var(--brand-primary))",
32
- color: "white",
33
- textShadow: "0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.1)"
34
- },
35
- children: packageName
36
- }
37
- ),
38
- versionText && /* @__PURE__ */ jsxRuntime.jsx(
39
- "a",
40
- {
41
- href: linkable && npmUrl ? npmUrl : void 0,
42
- className: chunkOHIB3TEN_cjs.cn(
43
- "pl-xs pr-sm py-xxxs rounded-r-uk-xs",
44
- "bg-alt-primary",
45
- "text-text-secondary",
46
- "text-text-primary text-uk-xs",
47
- linkable && "hover:text-brand-primary"
48
- ),
49
- style: {
50
- textShadow: "0 1px 1px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05)"
51
- },
52
- onClick: !linkable ? (e) => e.preventDefault() : void 0,
53
- children: versionText
54
- }
55
- )
56
- ] }),
57
- gitHash && gitHash !== "unknown" && /* @__PURE__ */ jsxRuntime.jsxs(
58
- "a",
59
- {
60
- href: linkable ? `https://github.com/vuer-ai/vuer-uikit/commit/${gitHash}` : void 0,
61
- className: "px-md rounded-uk-ssx font-number-input text-text-tertiary text-uk-xs ml-[0px] bg-transparent py-[0px]",
62
- onClick: !linkable ? (e) => e.preventDefault() : void 0,
63
- children: [
64
- /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranch, { className: "mr-[2px] inline-block size-2" }),
65
- gitHash
66
- ]
67
- }
68
- )
69
- ]
70
- }
71
- );
72
- }
73
- function UIKitBadge({
74
- className,
75
- package: showPackage = false,
76
- prefix = false,
77
- linkable = false,
78
- version = false,
79
- hash = false
80
- }) {
81
- const packageShortName = PACKAGE_NAME.split("/").pop() || PACKAGE_NAME;
82
- const versionText = version ? prefix ? `v${PACKAGE_VERSION}` : PACKAGE_VERSION : void 0;
83
- return /* @__PURE__ */ jsxRuntime.jsx(
84
- PackageBadge,
85
- {
86
- className,
87
- packageName: showPackage ? packageShortName : void 0,
88
- packageFullName: PACKAGE_NAME,
89
- versionText,
90
- linkable,
91
- gitHash: hash ? GIT_HASH : void 0
92
- }
93
- );
94
- }
95
-
96
- exports.GIT_HASH = GIT_HASH;
97
- exports.PACKAGE_VERSION = PACKAGE_VERSION;
98
- exports.PackageBadge = PackageBadge;
99
- exports.UIKitBadge = UIKitBadge;
@@ -1,167 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
4
- var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
5
- var chunkT3G35JSP_cjs = require('./chunk-T3G35JSP.cjs');
6
- var TabsPrimitive = require('@radix-ui/react-tabs');
7
- var classVarianceAuthority = require('class-variance-authority');
8
- var react = require('react');
9
- var jsxRuntime = require('react/jsx-runtime');
10
-
11
- function _interopNamespace(e) {
12
- if (e && e.__esModule) return e;
13
- var n = Object.create(null);
14
- if (e) {
15
- Object.keys(e).forEach(function (k) {
16
- if (k !== 'default') {
17
- var d = Object.getOwnPropertyDescriptor(e, k);
18
- Object.defineProperty(n, k, d.get ? d : {
19
- enumerable: true,
20
- get: function () { return e[k]; }
21
- });
22
- }
23
- });
24
- }
25
- n.default = e;
26
- return Object.freeze(n);
27
- }
28
-
29
- var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
30
-
31
- var TabsContext = react.createContext(void 0);
32
- var useTabsContext = () => {
33
- const context = react.useContext(TabsContext);
34
- if (!context) {
35
- throw new Error("Tabs components must be used within a Tabs component");
36
- }
37
- return context;
38
- };
39
- function TabsRoot({ className, size = "base", ...props }) {
40
- return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(
41
- TabsPrimitive__namespace.Root,
42
- {
43
- "data-slot": "tabs",
44
- className: chunkOHIB3TEN_cjs.cn("flex w-full flex-col", className),
45
- ...props
46
- }
47
- ) });
48
- }
49
- function TabsFallback({ className, size = "base", ...props }) {
50
- return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs", className: chunkOHIB3TEN_cjs.cn("flex w-full flex-col", className), ...props }) });
51
- }
52
- var Tabs = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsRoot, TabsFallback);
53
- var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "justify-center"], {
54
- variants: {
55
- size: {
56
- sm: "gap-xs",
57
- base: "gap-sm",
58
- lg: "gap-md"
59
- }
60
- },
61
- defaultVariants: {
62
- size: "base"
63
- }
64
- });
65
- function TabsListRoot({ className, ...props }) {
66
- const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
67
- const { size } = useTabsContext();
68
- return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
69
- TabsPrimitive__namespace.List,
70
- {
71
- onMouseLeave: () => setCursorTarget(null),
72
- "data-slot": "tabs-list",
73
- className: chunkOHIB3TEN_cjs.cn(tabsListVariants({ size }), "justify-start", className),
74
- ...props
75
- }
76
- ) });
77
- }
78
- function TabsListFallback({ className, ...props }) {
79
- const { size } = useTabsContext();
80
- return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
81
- "div",
82
- {
83
- "data-slot": "tabs-list",
84
- className: chunkOHIB3TEN_cjs.cn(tabsListVariants({ size }), "justify-start", className),
85
- ...props
86
- }
87
- ) });
88
- }
89
- var TabsList = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsListRoot, TabsListFallback);
90
- var tabsTriggerVariants = classVarianceAuthority.cva(
91
- [
92
- "inline-flex",
93
- "items-center",
94
- "justify-center",
95
- "font-normal",
96
- "whitespace-nowrap",
97
- "transition-all",
98
- "disabled:pointer-events-none",
99
- "disabled:bg-bg-tertiary",
100
- "[&_svg]:pointer-events-none",
101
- "[&_svg:not([class*='size-'])]:size-xl",
102
- "shrink-0",
103
- "[&_svg]:shrink-0",
104
- "outline-none",
105
- "text-text-primary",
106
- "data-[state=active]:bg-bg-secondary",
107
- "data-[state=active]:font-medium"
108
- ],
109
- {
110
- variants: {
111
- size: {
112
- sm: "text-uk-sm leading-uk-sm px-md py-xs rounded-uk-sm",
113
- base: "text-uk-md leading-uk-md px-lg py-sm rounded-uk-md",
114
- lg: "text-uk-lg leading-uk-lg px-xl py-sm rounded-uk-md"
115
- }
116
- },
117
- defaultVariants: {
118
- size: "base"
119
- }
120
- }
121
- );
122
- function TabsTriggerRoot({ className, ...props }) {
123
- const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
124
- const { size } = useTabsContext();
125
- return /* @__PURE__ */ jsxRuntime.jsx(
126
- TabsPrimitive__namespace.Trigger,
127
- {
128
- onMouseEnter: (e) => setCursorTarget(e.currentTarget),
129
- "data-slot": "tabs-trigger",
130
- className: chunkOHIB3TEN_cjs.cn(tabsTriggerVariants({ size }), className),
131
- ...props
132
- }
133
- );
134
- }
135
- function TabsTriggerFallback({ className, ...props }) {
136
- const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
137
- const { size } = useTabsContext();
138
- return /* @__PURE__ */ jsxRuntime.jsx(
139
- "button",
140
- {
141
- onMouseEnter: (e) => setCursorTarget(e.currentTarget),
142
- "data-slot": "tabs-trigger",
143
- className: chunkOHIB3TEN_cjs.cn(tabsTriggerVariants({ size }), className),
144
- ...props
145
- }
146
- );
147
- }
148
- var TabsTrigger = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsTriggerRoot, TabsTriggerFallback);
149
- function TabsContentRoot({ className, ...props }) {
150
- return /* @__PURE__ */ jsxRuntime.jsx(
151
- TabsPrimitive__namespace.Content,
152
- {
153
- "data-slot": "tabs-content",
154
- className: chunkOHIB3TEN_cjs.cn("flex-1 outline-none", className),
155
- ...props
156
- }
157
- );
158
- }
159
- function TabsContentFallback({ className, ...props }) {
160
- return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs-content", className: chunkOHIB3TEN_cjs.cn("flex-1 outline-none", className), ...props });
161
- }
162
- var TabsContent = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsContentRoot, TabsContentFallback);
163
-
164
- exports.Tabs = Tabs;
165
- exports.TabsContent = TabsContent;
166
- exports.TabsList = TabsList;
167
- exports.TabsTrigger = TabsTrigger;
@@ -1,249 +0,0 @@
1
- 'use strict';
2
-
3
- var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
4
- var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
5
- var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
6
- var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
7
- var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
8
- var chunkLP3AGGRK_cjs = require('./chunk-LP3AGGRK.cjs');
9
- var chunk6TSA7KXX_cjs = require('./chunk-6TSA7KXX.cjs');
10
- var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
11
- var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
12
- var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
13
- var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
14
- var chunk6E4NTY34_cjs = require('./chunk-6E4NTY34.cjs');
15
- var chunkVBBJSIY7_cjs = require('./chunk-VBBJSIY7.cjs');
16
- var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
17
- var chunkLCCNBVKZ_cjs = require('./chunk-LCCNBVKZ.cjs');
18
- var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
19
- var react = require('react');
20
- var jsxRuntime = require('react/jsx-runtime');
21
-
22
- function Waterfall({
23
- logData,
24
- temporalCursor,
25
- onTemporalCursorChange,
26
- getIcon,
27
- panelWidth = 300,
28
- className,
29
- hoveredId: externalHoveredId,
30
- onItemHover: externalOnItemHover,
31
- minWindow = 0.01,
32
- maxWindow,
33
- zoomFactor = 1.1,
34
- enabled = true,
35
- children
36
- }) {
37
- const [visibleLogData, setVisibleLogData] = react.useState([]);
38
- const [temporalMarkers, setTemporalMarkers] = react.useState([]);
39
- const internalTimelineState = chunkWJL5HMO6_cjs.useTimelineState(logData);
40
- const hoveredId = externalHoveredId ?? internalTimelineState.hoveredId;
41
- const setHoveredId = externalOnItemHover ?? internalTimelineState.setHoveredId;
42
- const {
43
- viewStart,
44
- viewDuration,
45
- timelineContainerRef,
46
- timeToPercent,
47
- ticks,
48
- eventDots,
49
- handlePan,
50
- handleZoomDragStart,
51
- setViewStart,
52
- setViewDuration,
53
- cursorVisible,
54
- cursorPosition,
55
- cursorLabel,
56
- showMagnet
57
- } = chunkRJ7I6ZQK_cjs.useViewport({
58
- visibleLogData,
59
- onTemporalCursorChange,
60
- temporalCursor
61
- });
62
- return /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
63
- "div",
64
- {
65
- className: chunkOHIB3TEN_cjs.cn(
66
- "bg-bg-primary text-text-primary rounded-uk-md border-line-primary/50 mx-auto flex w-full flex-col overflow-hidden border font-sans shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
67
- className
68
- ),
69
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-full flex-row items-stretch", children: [
70
- /* @__PURE__ */ jsxRuntime.jsx(
71
- "div",
72
- {
73
- className: "border-line-primary/50 relative flex h-full flex-none flex-col border-r",
74
- style: { width: panelWidth },
75
- children: /* @__PURE__ */ jsxRuntime.jsx(
76
- chunk6E4NTY34_cjs.TreeView,
77
- {
78
- className: "h-full",
79
- alwaysShowExpand: true,
80
- isSearchable: true,
81
- data: logData,
82
- getIcon,
83
- onVisibleDataChange: setVisibleLogData,
84
- onItemHover: setHoveredId,
85
- hoveredId,
86
- useSyncScroll: true
87
- }
88
- )
89
- }
90
- ),
91
- /* @__PURE__ */ jsxRuntime.jsxs(
92
- "div",
93
- {
94
- ref: timelineContainerRef,
95
- className: "overflow-y-none scrollbar-hide relative flex h-full w-full flex-auto cursor-crosshair flex-col overflow-x-hidden pl-px active:cursor-grabbing",
96
- children: [
97
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-primary sticky top-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
98
- ticks.map((marker, ind) => /* @__PURE__ */ jsxRuntime.jsx(
99
- chunk6TSA7KXX_cjs.Tick,
100
- {
101
- time: marker.time,
102
- label: marker.label,
103
- timeToPercent,
104
- zIndex: ind < ticks.length - 1 ? 10 : 0
105
- },
106
- marker.time
107
- )),
108
- eventDots.map(({ time }, tickIndex) => /* @__PURE__ */ jsxRuntime.jsx(
109
- chunkMVAFOQ67_cjs.TimeRuleEventDot,
110
- {
111
- percent: timeToPercent(time)
112
- },
113
- `snap-${time}-${tickIndex}`
114
- ))
115
- ] }) }),
116
- /* @__PURE__ */ jsxRuntime.jsxs(
117
- chunkZ6UDRPC2_cjs.WheelZoomContext,
118
- {
119
- className: "scrollbar-hide relative h-full max-h-full overflow-auto",
120
- viewStart,
121
- viewDuration,
122
- onViewStartChange: setViewStart,
123
- onWindowChange: setViewDuration,
124
- minWindow,
125
- maxWindow: maxWindow ?? chunkG2ZYONQO_cjs.TOTAL_DURATION * 10,
126
- zoomFactor,
127
- enabled,
128
- children: [
129
- /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
130
- (item, index) => item.time === void 0 ? (
131
- // Render TimelineProcessBar for duration events
132
- /* @__PURE__ */ jsxRuntime.jsx(
133
- chunkYXFHJKNW_cjs.TimelineProcessBar,
134
- {
135
- index,
136
- item,
137
- isHovered: hoveredId === item.id,
138
- onMouseEnter: () => setHoveredId(item.id),
139
- onMouseLeave: () => setHoveredId(null),
140
- onClick: (time) => {
141
- setTemporalMarkers((prev) => [...prev, time]);
142
- },
143
- viewStart,
144
- viewWindow: viewDuration,
145
- timeToPercent
146
- },
147
- item.id
148
- )
149
- ) : (
150
- // Render TimelineEvent for instant events (with time property)
151
- /* @__PURE__ */ jsxRuntime.jsx(
152
- chunkTUYG6BYZ_cjs.TimelineEvent,
153
- {
154
- item,
155
- isHovered: hoveredId === item.id,
156
- onMouseEnter: () => setHoveredId(item.id),
157
- onMouseLeave: () => setHoveredId(null),
158
- onClick: (time) => {
159
- setTemporalMarkers((prev) => [...prev, time]);
160
- },
161
- timeToPercent,
162
- index
163
- },
164
- item.id
165
- )
166
- )
167
- ) }),
168
- /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
169
- chunk5MNZYCN2_cjs.LeftWedge,
170
- {
171
- item,
172
- classes: chunkG2ZYONQO_cjs.rightWedgeClasses,
173
- viewStart,
174
- index
175
- },
176
- `left-wedge-${item.id}`
177
- )) }),
178
- /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
179
- chunk5MNZYCN2_cjs.RightWedge,
180
- {
181
- item,
182
- classes: chunkG2ZYONQO_cjs.leftWedgeClasses,
183
- viewEnd: viewStart + viewDuration,
184
- index
185
- },
186
- `right-wedge-${item.id}`
187
- )) }),
188
- children,
189
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-1 left-1/2 -translate-x-1/2 justify-center pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
190
- chunkLP3AGGRK_cjs.NavigationControls,
191
- {
192
- viewDuration,
193
- handlePan,
194
- handleZoomDragStart
195
- }
196
- ) })
197
- ]
198
- }
199
- ),
200
- temporalMarkers.map((time, index) => /* @__PURE__ */ jsxRuntime.jsxs(
201
- "div",
202
- {
203
- className: "pointer-events-none absolute top-0 h-8 w-20 cursor-pointer",
204
- style: {
205
- zIndex: 110,
206
- left: `calc(${timeToPercent(time)}% - 2.5rem)`
207
- },
208
- onClick: () => {
209
- setTemporalMarkers((prev) => prev.filter((_, i) => i !== index));
210
- },
211
- title: "Click to remove marker",
212
- children: [
213
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto relative h-full w-full" }),
214
- /* @__PURE__ */ jsxRuntime.jsx(
215
- chunk2J75MYQA_cjs.CursorOverlay,
216
- {
217
- left: 50,
218
- label: `T${index + 1}`,
219
- color: "#3b82f6",
220
- showReadout: true,
221
- variant: "static",
222
- zIndex: 110
223
- }
224
- )
225
- ]
226
- },
227
- `marker-${time}-${index}`
228
- )),
229
- cursorVisible && /* @__PURE__ */ jsxRuntime.jsx(
230
- chunk2J75MYQA_cjs.CursorOverlay,
231
- {
232
- left: cursorPosition,
233
- label: cursorLabel,
234
- color: "#ef4444",
235
- showReadout: true,
236
- showMagnet,
237
- className: "transition-opacity duration-150",
238
- zIndex: 100
239
- }
240
- )
241
- ]
242
- }
243
- )
244
- ] })
245
- }
246
- ) }) });
247
- }
248
-
249
- exports.Waterfall = Waterfall;
@@ -1,21 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkXKIB3LSS_cjs = require('./chunk-XKIB3LSS.cjs');
4
- var chunk7DFI7CUK_cjs = require('./chunk-7DFI7CUK.cjs');
5
- var chunkJBMXLVXM_cjs = require('./chunk-JBMXLVXM.cjs');
6
- var chunkYQCSEMRB_cjs = require('./chunk-YQCSEMRB.cjs');
7
- var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
8
- var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
9
-
10
- // src/highlight-cursor/enhanced-components.tsx
11
- var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkNSQOQD43_cjs.Button);
12
- var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkXKIB3LSS_cjs.Tabs);
13
- var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkYQCSEMRB_cjs.InputRoot);
14
- var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunkJBMXLVXM_cjs.SelectTrigger);
15
- var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunk7DFI7CUK_cjs.Textarea);
16
-
17
- exports.CursorButton = CursorButton;
18
- exports.CursorInputRoot = CursorInputRoot;
19
- exports.CursorSelectTrigger = CursorSelectTrigger;
20
- exports.CursorTabs = CursorTabs;
21
- exports.CursorTextarea = CursorTextarea;
File without changes
File without changes