@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.
- package/dist/{chunk-UHDBWDHS.cjs → chunk-63LX3ILN.cjs} +10 -9
- package/dist/{chunk-3LM4LVYM.mjs → chunk-67FOC7SV.mjs} +10 -9
- package/dist/{chunk-3HERIMKO.mjs → chunk-JNOO5NXB.mjs} +2 -2
- package/dist/{chunk-33ZAFHOY.cjs → chunk-OITJZBFZ.cjs} +2 -2
- package/dist/chunk-WPDU2YYR.mjs +1 -0
- package/dist/chunk-YJ6X6T5K.cjs +2 -0
- package/dist/highlight-cursor/enhanced-components.cjs +8 -8
- package/dist/highlight-cursor/enhanced-components.mjs +3 -3
- package/dist/highlight-cursor/index.cjs +12 -12
- package/dist/highlight-cursor/index.mjs +3 -3
- package/dist/index.cjs +456 -431
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.mjs +48 -47
- package/dist/ui/UIKitBadge.cjs +5 -5
- package/dist/ui/UIKitBadge.mjs +1 -1
- package/dist/ui/badge.d.cts +1 -1
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/index.cjs +371 -346
- package/dist/ui/index.d.cts +2 -1
- package/dist/ui/index.d.ts +2 -1
- package/dist/ui/index.mjs +47 -46
- package/dist/ui/inputs/index.cjs +18 -18
- package/dist/ui/inputs/index.mjs +4 -4
- package/dist/ui/inputs/input.d.cts +1 -1
- package/dist/ui/inputs/input.d.ts +1 -1
- package/dist/ui/inputs/number-inputs/index.cjs +15 -15
- package/dist/ui/inputs/number-inputs/index.mjs +3 -3
- package/dist/ui/pagination.cjs +9 -9
- package/dist/ui/pagination.mjs +2 -2
- package/dist/ui/select.d.cts +1 -1
- package/dist/ui/select.d.ts +1 -1
- package/dist/ui/sidebar.cjs +26 -26
- package/dist/ui/sidebar.mjs +2 -2
- package/dist/ui/tabs.cjs +6 -6
- package/dist/ui/tabs.mjs +2 -2
- package/dist/ui/textarea.d.cts +1 -1
- package/dist/ui/textarea.d.ts +1 -1
- package/dist/ui/timeline.cjs +4 -4
- package/dist/ui/timeline.mjs +3 -3
- package/dist/ui/tree-view/TreeView.cjs +3 -3
- package/dist/ui/tree-view/TreeView.d.cts +6 -6
- package/dist/ui/tree-view/TreeView.d.ts +6 -6
- package/dist/ui/tree-view/TreeView.mjs +1 -1
- package/dist/ui/tree-view/index.cjs +3 -3
- package/dist/ui/tree-view/index.mjs +1 -1
- package/dist/ui/tree-view-legacy.cjs +6 -6
- package/dist/ui/tree-view-legacy.mjs +2 -2
- package/dist/ui/waterfall/index.cjs +34 -9
- package/dist/ui/waterfall/index.d.cts +3 -1
- package/dist/ui/waterfall/index.d.ts +3 -1
- package/dist/ui/waterfall/index.mjs +9 -8
- package/dist/ui/waterfall/types.cjs +2 -0
- package/dist/ui/waterfall/types.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-6E4NTY34.cjs +0 -494
- package/dist/chunk-7644AY3P.cjs +0 -855
- package/dist/chunk-AOAM6HV2.mjs +0 -94
- package/dist/chunk-CSSMBHBD.mjs +0 -853
- package/dist/chunk-CW6FHIAT.cjs +0 -624
- package/dist/chunk-D5YKZOUG.mjs +0 -247
- package/dist/chunk-HOJOWLJT.mjs +0 -142
- package/dist/chunk-HTHCG2AN.cjs +0 -125
- package/dist/chunk-IZJYFVS7.mjs +0 -15
- package/dist/chunk-KQXLV6YW.mjs +0 -489
- package/dist/chunk-NEOSSUNE.mjs +0 -599
- package/dist/chunk-TE5JNR5C.mjs +0 -117
- package/dist/chunk-V2OROE7H.cjs +0 -99
- package/dist/chunk-XKIB3LSS.cjs +0 -167
- package/dist/chunk-YPQYI63K.cjs +0 -249
- package/dist/chunk-ZO3X2NDT.cjs +0 -21
- /package/dist/{chunk-MMT74K7A.mjs → chunk-3WSKU4Q4.mjs} +0 -0
- /package/dist/{chunk-E6D3BSYY.cjs → chunk-G2U3V4VA.cjs} +0 -0
package/dist/chunk-TE5JNR5C.mjs
DELETED
|
@@ -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 };
|
package/dist/chunk-V2OROE7H.cjs
DELETED
|
@@ -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;
|
package/dist/chunk-XKIB3LSS.cjs
DELETED
|
@@ -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;
|
package/dist/chunk-YPQYI63K.cjs
DELETED
|
@@ -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;
|
package/dist/chunk-ZO3X2NDT.cjs
DELETED
|
@@ -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
|