@vuer-ai/vuer-uikit 0.0.68 → 0.0.70
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-3LO2GIJ4.cjs +71 -0
- package/dist/{chunk-KNH5OI32.mjs → chunk-3XH7NAMK.mjs} +2 -66
- package/dist/chunk-7JYI3VUI.mjs +69 -0
- package/dist/chunk-BPGKIZ6G.mjs +27 -0
- package/dist/{chunk-I5XHCZDG.mjs → chunk-CX7AH4R4.mjs} +1 -1
- package/dist/{chunk-HAN5TKHH.mjs → chunk-GOXZ3TTM.mjs} +1 -1
- package/dist/chunk-GXRV2QEP.cjs +29 -0
- package/dist/{chunk-3ZOVTCPN.cjs → chunk-JTLBOAN6.cjs} +0 -65
- package/dist/{chunk-ZPRXGADK.mjs → chunk-JVCED76T.mjs} +27 -2
- package/dist/{chunk-UFNFQMRO.cjs → chunk-NLHG6BEP.cjs} +1 -1
- package/dist/{chunk-BZS2B2V4.cjs → chunk-QCSP3AI3.cjs} +27 -2
- package/dist/{chunk-RUR3YIY3.cjs → chunk-RXQGFPLP.cjs} +2 -2
- package/dist/highlight-cursor/enhanced-components.cjs +7 -7
- package/dist/highlight-cursor/enhanced-components.mjs +2 -2
- package/dist/highlight-cursor/index.cjs +7 -7
- package/dist/highlight-cursor/index.mjs +2 -2
- package/dist/index.cjs +146 -144
- package/dist/index.css +7 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.mjs +28 -26
- package/dist/ui/form/index.cjs +30 -30
- package/dist/ui/form/index.mjs +6 -6
- package/dist/ui/index.cjs +140 -138
- package/dist/ui/index.d.cts +7 -30
- package/dist/ui/index.d.ts +7 -30
- package/dist/ui/index.mjs +27 -25
- package/dist/ui/layouts/index.cjs +6 -6
- package/dist/ui/layouts/index.mjs +2 -2
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.cjs +2 -2
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.d.cts +11 -1
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.d.ts +11 -1
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.mjs +1 -1
- package/dist/ui/layouts/liquid-layout/index.cjs +2 -2
- package/dist/ui/layouts/liquid-layout/index.mjs +1 -1
- package/dist/ui/navigation.cjs +21 -0
- package/dist/ui/navigation.d.cts +18 -0
- package/dist/ui/navigation.d.ts +18 -0
- package/dist/ui/navigation.mjs +12 -0
- package/dist/ui/sidebar.cjs +27 -27
- package/dist/ui/sidebar.mjs +3 -3
- package/dist/ui/table.cjs +48 -0
- package/dist/ui/table.d.cts +13 -0
- package/dist/ui/table.d.ts +13 -0
- package/dist/ui/table.mjs +11 -0
- package/dist/ui/timeline.cjs +3 -3
- package/dist/ui/timeline.mjs +2 -2
- package/dist/ui/tree-view-v2.cjs +2 -2
- package/dist/ui/tree-view-v2.d.cts +2 -1
- package/dist/ui/tree-view-v2.d.ts +2 -1
- package/dist/ui/tree-view-v2.mjs +1 -1
- package/dist/ui/version-badge.cjs +2 -2
- package/dist/ui/version-badge.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-76NWNNDA.mjs +0 -22
- package/dist/chunk-7WO5ATT3.cjs +0 -41
- package/dist/chunk-AF5LOIRG.cjs +0 -281
- package/dist/chunk-CJW3KZ6E.cjs +0 -225
- package/dist/chunk-HI4H4KTS.cjs +0 -267
- package/dist/chunk-HNV4QN76.mjs +0 -241
- package/dist/chunk-HX6SSKPA.mjs +0 -201
- package/dist/chunk-JSNFXIT2.mjs +0 -279
- package/dist/chunk-UP4H5VPE.cjs +0 -24
- package/dist/chunk-ZC2T7IM5.cjs +0 -855
- package/dist/chunk-ZCSTMP5D.mjs +0 -39
- package/dist/chunk-ZVN4KYHQ.mjs +0 -853
- package/dist/{chunk-KFPS5CCR.cjs → chunk-CVGK4HLB.cjs} +0 -0
- package/dist/{chunk-XXBZDDEK.mjs → chunk-KFFOF5V3.mjs} +1 -1
- package/dist/{chunk-G3EIVAVR.mjs → chunk-QHXNBB5E.mjs} +0 -0
- package/dist/{chunk-BIG2DXM3.cjs → chunk-S4EDLSFB.cjs} +2 -2
- package/dist/{chunk-TVCXFAR3.cjs → chunk-TU4GGYQF.cjs} +1 -1
- package/dist/{chunk-YGNSDC5I.mjs → chunk-YNHK66TC.mjs} +2 -2
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
|
|
4
|
+
var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
|
|
5
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
6
|
+
var lucideReact = require('lucide-react');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
|
|
10
|
+
var navigationVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "gap-lg", "bg-bg-primary"], {
|
|
11
|
+
variants: {
|
|
12
|
+
size: {
|
|
13
|
+
sm: [],
|
|
14
|
+
md: [],
|
|
15
|
+
lg: []
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
size: "md"
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var navigationTitleVariants = classVarianceAuthority.cva(["text-text-primary", "truncate"], {
|
|
23
|
+
variants: {
|
|
24
|
+
size: {
|
|
25
|
+
sm: ["text-uk-sm"],
|
|
26
|
+
md: ["text-uk-md"],
|
|
27
|
+
lg: ["text-uk-lg"]
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
size: "md"
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
var navigationButtonVariants = classVarianceAuthority.cva([
|
|
35
|
+
"text-icon-primary",
|
|
36
|
+
"disabled:text-icon-tertiary",
|
|
37
|
+
"disabled:bg-bg-transparent"
|
|
38
|
+
]);
|
|
39
|
+
var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
|
|
40
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkDWD754BX_cjs.cn(navigationVariants({ size, className })), ...props, children: [
|
|
41
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
42
|
+
chunkBHC7GX53_cjs.Button,
|
|
43
|
+
{
|
|
44
|
+
variant: "ghost",
|
|
45
|
+
size,
|
|
46
|
+
icon: true,
|
|
47
|
+
onClick: onBack,
|
|
48
|
+
disabled: !canGoBack,
|
|
49
|
+
className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
|
|
50
|
+
"aria-label": "Back",
|
|
51
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
|
|
52
|
+
}
|
|
53
|
+
),
|
|
54
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
55
|
+
chunkBHC7GX53_cjs.Button,
|
|
56
|
+
{
|
|
57
|
+
variant: "ghost",
|
|
58
|
+
size,
|
|
59
|
+
icon: true,
|
|
60
|
+
onClick: onForward,
|
|
61
|
+
disabled: !canGoForward,
|
|
62
|
+
className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
|
|
63
|
+
"aria-label": "Forward",
|
|
64
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
|
|
65
|
+
}
|
|
66
|
+
),
|
|
67
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkDWD754BX_cjs.cn(navigationTitleVariants({ size })), children: title })
|
|
68
|
+
] });
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
exports.Navigation = Navigation;
|
|
@@ -1,70 +1,6 @@
|
|
|
1
|
-
import { Button } from './chunk-3MSEMXKG.mjs';
|
|
2
1
|
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
3
|
-
import {
|
|
4
|
-
import { ChevronLeft, ChevronRight } from 'lucide-react';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
3
|
|
|
8
|
-
var navigationVariants = cva(["inline-flex", "items-center", "gap-lg", "bg-bg-primary"], {
|
|
9
|
-
variants: {
|
|
10
|
-
size: {
|
|
11
|
-
sm: [],
|
|
12
|
-
md: [],
|
|
13
|
-
lg: []
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
defaultVariants: {
|
|
17
|
-
size: "md"
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
var navigationTitleVariants = cva(["text-text-primary", "truncate"], {
|
|
21
|
-
variants: {
|
|
22
|
-
size: {
|
|
23
|
-
sm: ["text-uk-sm"],
|
|
24
|
-
md: ["text-uk-md"],
|
|
25
|
-
lg: ["text-uk-lg"]
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
defaultVariants: {
|
|
29
|
-
size: "md"
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
var navigationButtonVariants = cva([
|
|
33
|
-
"text-icon-primary",
|
|
34
|
-
"disabled:text-icon-tertiary",
|
|
35
|
-
"disabled:bg-bg-transparent"
|
|
36
|
-
]);
|
|
37
|
-
var Navigation = forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
|
|
38
|
-
return /* @__PURE__ */ jsxs("div", { ref, className: cn(navigationVariants({ size, className })), ...props, children: [
|
|
39
|
-
/* @__PURE__ */ jsx(
|
|
40
|
-
Button,
|
|
41
|
-
{
|
|
42
|
-
variant: "ghost",
|
|
43
|
-
size,
|
|
44
|
-
icon: true,
|
|
45
|
-
onClick: onBack,
|
|
46
|
-
disabled: !canGoBack,
|
|
47
|
-
className: cn(navigationButtonVariants()),
|
|
48
|
-
"aria-label": "Back",
|
|
49
|
-
children: /* @__PURE__ */ jsx(ChevronLeft, {})
|
|
50
|
-
}
|
|
51
|
-
),
|
|
52
|
-
/* @__PURE__ */ jsx(
|
|
53
|
-
Button,
|
|
54
|
-
{
|
|
55
|
-
variant: "ghost",
|
|
56
|
-
size,
|
|
57
|
-
icon: true,
|
|
58
|
-
onClick: onForward,
|
|
59
|
-
disabled: !canGoForward,
|
|
60
|
-
className: cn(navigationButtonVariants()),
|
|
61
|
-
"aria-label": "Forward",
|
|
62
|
-
children: /* @__PURE__ */ jsx(ChevronRight, {})
|
|
63
|
-
}
|
|
64
|
-
),
|
|
65
|
-
/* @__PURE__ */ jsx("span", { className: cn(navigationTitleVariants({ size })), children: title })
|
|
66
|
-
] });
|
|
67
|
-
});
|
|
68
4
|
function Table({ className, ...props }) {
|
|
69
5
|
return /* @__PURE__ */ jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx(
|
|
70
6
|
"table",
|
|
@@ -158,4 +94,4 @@ function TableCaption({ className, ...props }) {
|
|
|
158
94
|
);
|
|
159
95
|
}
|
|
160
96
|
|
|
161
|
-
export {
|
|
97
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { Button } from './chunk-3MSEMXKG.mjs';
|
|
2
|
+
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { ChevronLeft, ChevronRight } from 'lucide-react';
|
|
5
|
+
import { forwardRef } from 'react';
|
|
6
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var navigationVariants = cva(["inline-flex", "items-center", "gap-lg", "bg-bg-primary"], {
|
|
9
|
+
variants: {
|
|
10
|
+
size: {
|
|
11
|
+
sm: [],
|
|
12
|
+
md: [],
|
|
13
|
+
lg: []
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
size: "md"
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
var navigationTitleVariants = cva(["text-text-primary", "truncate"], {
|
|
21
|
+
variants: {
|
|
22
|
+
size: {
|
|
23
|
+
sm: ["text-uk-sm"],
|
|
24
|
+
md: ["text-uk-md"],
|
|
25
|
+
lg: ["text-uk-lg"]
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
defaultVariants: {
|
|
29
|
+
size: "md"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
var navigationButtonVariants = cva([
|
|
33
|
+
"text-icon-primary",
|
|
34
|
+
"disabled:text-icon-tertiary",
|
|
35
|
+
"disabled:bg-bg-transparent"
|
|
36
|
+
]);
|
|
37
|
+
var Navigation = forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
|
|
38
|
+
return /* @__PURE__ */ jsxs("div", { ref, className: cn(navigationVariants({ size, className })), ...props, children: [
|
|
39
|
+
/* @__PURE__ */ jsx(
|
|
40
|
+
Button,
|
|
41
|
+
{
|
|
42
|
+
variant: "ghost",
|
|
43
|
+
size,
|
|
44
|
+
icon: true,
|
|
45
|
+
onClick: onBack,
|
|
46
|
+
disabled: !canGoBack,
|
|
47
|
+
className: cn(navigationButtonVariants()),
|
|
48
|
+
"aria-label": "Back",
|
|
49
|
+
children: /* @__PURE__ */ jsx(ChevronLeft, {})
|
|
50
|
+
}
|
|
51
|
+
),
|
|
52
|
+
/* @__PURE__ */ jsx(
|
|
53
|
+
Button,
|
|
54
|
+
{
|
|
55
|
+
variant: "ghost",
|
|
56
|
+
size,
|
|
57
|
+
icon: true,
|
|
58
|
+
onClick: onForward,
|
|
59
|
+
disabled: !canGoForward,
|
|
60
|
+
className: cn(navigationButtonVariants()),
|
|
61
|
+
"aria-label": "Forward",
|
|
62
|
+
children: /* @__PURE__ */ jsx(ChevronRight, {})
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
/* @__PURE__ */ jsx("span", { className: cn(navigationTitleVariants({ size })), children: title })
|
|
66
|
+
] });
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
export { Navigation };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-LAZO5ZDT.mjs';
|
|
2
|
+
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
var LiquidLayoutView = ({
|
|
6
|
+
left,
|
|
7
|
+
right,
|
|
8
|
+
top,
|
|
9
|
+
bottom,
|
|
10
|
+
children,
|
|
11
|
+
className,
|
|
12
|
+
leftClassName,
|
|
13
|
+
rightClassName,
|
|
14
|
+
topClassName,
|
|
15
|
+
bottomClassName,
|
|
16
|
+
contentClassName
|
|
17
|
+
}) => {
|
|
18
|
+
return /* @__PURE__ */ jsxs(LiquidLayout, { className, children: [
|
|
19
|
+
/* @__PURE__ */ jsx(LiquidLayoutContent, { className: cn("flex flex-col items-center justify-center", contentClassName), children }),
|
|
20
|
+
bottom && /* @__PURE__ */ jsx(LiquidLayoutBottom, { className: cn("mt-4", bottomClassName), children: bottom }),
|
|
21
|
+
right && /* @__PURE__ */ jsx(LiquidLayoutRight, { className: rightClassName, children: right }),
|
|
22
|
+
left && /* @__PURE__ */ jsx(LiquidLayoutLeft, { className: leftClassName, children: left }),
|
|
23
|
+
top && /* @__PURE__ */ jsx(LiquidLayoutTop, { className: topClassName, children: top })
|
|
24
|
+
] });
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export { LiquidLayoutView };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TreeView } from './chunk-
|
|
1
|
+
import { TreeView } from './chunk-JVCED76T.mjs';
|
|
2
2
|
import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
|
|
3
3
|
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
4
4
|
import { Magnet, ChevronLeft, ChevronRight } from 'lucide-react';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkWTUAR2X5_cjs = require('./chunk-WTUAR2X5.cjs');
|
|
4
|
+
var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
|
|
7
|
+
var LiquidLayoutView = ({
|
|
8
|
+
left,
|
|
9
|
+
right,
|
|
10
|
+
top,
|
|
11
|
+
bottom,
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
leftClassName,
|
|
15
|
+
rightClassName,
|
|
16
|
+
topClassName,
|
|
17
|
+
bottomClassName,
|
|
18
|
+
contentClassName
|
|
19
|
+
}) => {
|
|
20
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunkWTUAR2X5_cjs.LiquidLayout, { className, children: [
|
|
21
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutContent, { className: chunkDWD754BX_cjs.cn("flex flex-col items-center justify-center", contentClassName), children }),
|
|
22
|
+
bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutBottom, { className: chunkDWD754BX_cjs.cn("mt-4", bottomClassName), children: bottom }),
|
|
23
|
+
right && /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutRight, { className: rightClassName, children: right }),
|
|
24
|
+
left && /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutLeft, { className: leftClassName, children: left }),
|
|
25
|
+
top && /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutTop, { className: topClassName, children: top })
|
|
26
|
+
] });
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.LiquidLayoutView = LiquidLayoutView;
|
|
@@ -1,72 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
|
|
4
3
|
var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
|
|
5
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
6
|
-
var lucideReact = require('lucide-react');
|
|
7
|
-
var react = require('react');
|
|
8
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
5
|
|
|
10
|
-
var navigationVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "gap-lg", "bg-bg-primary"], {
|
|
11
|
-
variants: {
|
|
12
|
-
size: {
|
|
13
|
-
sm: [],
|
|
14
|
-
md: [],
|
|
15
|
-
lg: []
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
size: "md"
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
var navigationTitleVariants = classVarianceAuthority.cva(["text-text-primary", "truncate"], {
|
|
23
|
-
variants: {
|
|
24
|
-
size: {
|
|
25
|
-
sm: ["text-uk-sm"],
|
|
26
|
-
md: ["text-uk-md"],
|
|
27
|
-
lg: ["text-uk-lg"]
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
defaultVariants: {
|
|
31
|
-
size: "md"
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
var navigationButtonVariants = classVarianceAuthority.cva([
|
|
35
|
-
"text-icon-primary",
|
|
36
|
-
"disabled:text-icon-tertiary",
|
|
37
|
-
"disabled:bg-bg-transparent"
|
|
38
|
-
]);
|
|
39
|
-
var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
|
|
40
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkDWD754BX_cjs.cn(navigationVariants({ size, className })), ...props, children: [
|
|
41
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
42
|
-
chunkBHC7GX53_cjs.Button,
|
|
43
|
-
{
|
|
44
|
-
variant: "ghost",
|
|
45
|
-
size,
|
|
46
|
-
icon: true,
|
|
47
|
-
onClick: onBack,
|
|
48
|
-
disabled: !canGoBack,
|
|
49
|
-
className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
|
|
50
|
-
"aria-label": "Back",
|
|
51
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
|
|
52
|
-
}
|
|
53
|
-
),
|
|
54
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
55
|
-
chunkBHC7GX53_cjs.Button,
|
|
56
|
-
{
|
|
57
|
-
variant: "ghost",
|
|
58
|
-
size,
|
|
59
|
-
icon: true,
|
|
60
|
-
onClick: onForward,
|
|
61
|
-
disabled: !canGoForward,
|
|
62
|
-
className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
|
|
63
|
-
"aria-label": "Forward",
|
|
64
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
|
|
65
|
-
}
|
|
66
|
-
),
|
|
67
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkDWD754BX_cjs.cn(navigationTitleVariants({ size })), children: title })
|
|
68
|
-
] });
|
|
69
|
-
});
|
|
70
6
|
function Table({ className, ...props }) {
|
|
71
7
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
72
8
|
"table",
|
|
@@ -160,7 +96,6 @@ function TableCaption({ className, ...props }) {
|
|
|
160
96
|
);
|
|
161
97
|
}
|
|
162
98
|
|
|
163
|
-
exports.Navigation = Navigation;
|
|
164
99
|
exports.Table = Table;
|
|
165
100
|
exports.TableBody = TableBody;
|
|
166
101
|
exports.TableCaption = TableCaption;
|
|
@@ -14,7 +14,8 @@ function TreeView({
|
|
|
14
14
|
isSelectable = false,
|
|
15
15
|
selectedItemId,
|
|
16
16
|
onSelectChange,
|
|
17
|
-
isSearchable = true
|
|
17
|
+
isSearchable = true,
|
|
18
|
+
alwaysShowExpand = false
|
|
18
19
|
}) {
|
|
19
20
|
const [expandedItems, setExpandedItems] = useState(() => {
|
|
20
21
|
const initial = /* @__PURE__ */ new Set();
|
|
@@ -43,6 +44,9 @@ function TreeView({
|
|
|
43
44
|
onSelectChange(selectedItemId === id ? null : id);
|
|
44
45
|
}
|
|
45
46
|
};
|
|
47
|
+
const hasDescendants = (itemId) => {
|
|
48
|
+
return (childrenMap.get(itemId) || []).length > 0;
|
|
49
|
+
};
|
|
46
50
|
const childrenMap = useMemo(() => {
|
|
47
51
|
const map = /* @__PURE__ */ new Map();
|
|
48
52
|
data.forEach((item) => {
|
|
@@ -243,7 +247,28 @@ function TreeView({
|
|
|
243
247
|
style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
|
|
244
248
|
children: [
|
|
245
249
|
/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
246
|
-
/* @__PURE__ */ jsxs(
|
|
250
|
+
alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
251
|
+
/* @__PURE__ */ jsx(
|
|
252
|
+
"button",
|
|
253
|
+
{
|
|
254
|
+
onClick: (e) => {
|
|
255
|
+
e.stopPropagation();
|
|
256
|
+
toggleItem(item.id);
|
|
257
|
+
},
|
|
258
|
+
className: "flex size-4 cursor-pointer items-center justify-center",
|
|
259
|
+
children: /* @__PURE__ */ jsx(
|
|
260
|
+
ChevronDown,
|
|
261
|
+
{
|
|
262
|
+
className: cn(
|
|
263
|
+
"size-4 transition-transform -rotate-90",
|
|
264
|
+
item.disable && "text-icon-tertiary"
|
|
265
|
+
)
|
|
266
|
+
}
|
|
267
|
+
)
|
|
268
|
+
}
|
|
269
|
+
),
|
|
270
|
+
/* @__PURE__ */ jsx("div", { className: cn("flex size-4 items-center justify-center", item.disable && "text-icon-tertiary"), children: getIcon(item) })
|
|
271
|
+
] }) : /* @__PURE__ */ jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
|
|
247
272
|
item.isCollapsible && /* @__PURE__ */ jsx(
|
|
248
273
|
"button",
|
|
249
274
|
{
|
|
@@ -16,7 +16,8 @@ function TreeView({
|
|
|
16
16
|
isSelectable = false,
|
|
17
17
|
selectedItemId,
|
|
18
18
|
onSelectChange,
|
|
19
|
-
isSearchable = true
|
|
19
|
+
isSearchable = true,
|
|
20
|
+
alwaysShowExpand = false
|
|
20
21
|
}) {
|
|
21
22
|
const [expandedItems, setExpandedItems] = react.useState(() => {
|
|
22
23
|
const initial = /* @__PURE__ */ new Set();
|
|
@@ -45,6 +46,9 @@ function TreeView({
|
|
|
45
46
|
onSelectChange(selectedItemId === id ? null : id);
|
|
46
47
|
}
|
|
47
48
|
};
|
|
49
|
+
const hasDescendants = (itemId) => {
|
|
50
|
+
return (childrenMap.get(itemId) || []).length > 0;
|
|
51
|
+
};
|
|
48
52
|
const childrenMap = react.useMemo(() => {
|
|
49
53
|
const map = /* @__PURE__ */ new Map();
|
|
50
54
|
data.forEach((item) => {
|
|
@@ -245,7 +249,28 @@ function TreeView({
|
|
|
245
249
|
style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
|
|
246
250
|
children: [
|
|
247
251
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
248
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
252
|
+
alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
253
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
254
|
+
"button",
|
|
255
|
+
{
|
|
256
|
+
onClick: (e) => {
|
|
257
|
+
e.stopPropagation();
|
|
258
|
+
toggleItem(item.id);
|
|
259
|
+
},
|
|
260
|
+
className: "flex size-4 cursor-pointer items-center justify-center",
|
|
261
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
262
|
+
lucideReact.ChevronDown,
|
|
263
|
+
{
|
|
264
|
+
className: chunkDWD754BX_cjs.cn(
|
|
265
|
+
"size-4 transition-transform -rotate-90",
|
|
266
|
+
item.disable && "text-icon-tertiary"
|
|
267
|
+
)
|
|
268
|
+
}
|
|
269
|
+
)
|
|
270
|
+
}
|
|
271
|
+
),
|
|
272
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkDWD754BX_cjs.cn("flex size-4 items-center justify-center", item.disable && "text-icon-tertiary"), children: getIcon(item) })
|
|
273
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
|
|
249
274
|
item.isCollapsible && /* @__PURE__ */ jsxRuntime.jsx(
|
|
250
275
|
"button",
|
|
251
276
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkQCSP3AI3_cjs = require('./chunk-QCSP3AI3.cjs');
|
|
4
4
|
var chunkMKKH4EGP_cjs = require('./chunk-MKKH4EGP.cjs');
|
|
5
5
|
var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
|
|
6
6
|
var lucideReact = require('lucide-react');
|
|
@@ -507,7 +507,7 @@ function Timeline({
|
|
|
507
507
|
}, [viewStart, viewDuration, updateCursor]);
|
|
508
508
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-primary text-text-primary border-line-secondary/20 rounded-uk-md mx-auto w-full max-w-7xl overflow-hidden border font-sans shadow-[0_4px_16px_0_var(--color-shadow-secondary)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(300px,30%)_1fr]", children: [
|
|
509
509
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
510
|
-
|
|
510
|
+
chunkQCSP3AI3_cjs.TreeView,
|
|
511
511
|
{
|
|
512
512
|
data,
|
|
513
513
|
getIcon,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../chunk-OPVNPU6U.cjs');
|
|
3
|
+
var chunkTU4GGYQF_cjs = require('../chunk-TU4GGYQF.cjs');
|
|
5
4
|
require('../chunk-X6YX2NAS.cjs');
|
|
5
|
+
require('../chunk-OPVNPU6U.cjs');
|
|
6
6
|
require('../chunk-XKV3CDJ7.cjs');
|
|
7
7
|
require('../chunk-BHC7GX53.cjs');
|
|
8
8
|
require('../chunk-NFJTF2GL.cjs');
|
|
@@ -24,21 +24,21 @@ require('../chunk-P6DICGAV.cjs');
|
|
|
24
24
|
|
|
25
25
|
Object.defineProperty(exports, "CursorButton", {
|
|
26
26
|
enumerable: true,
|
|
27
|
-
get: function () { return
|
|
27
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorButton; }
|
|
28
28
|
});
|
|
29
29
|
Object.defineProperty(exports, "CursorInputRoot", {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: function () { return
|
|
31
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorInputRoot; }
|
|
32
32
|
});
|
|
33
33
|
Object.defineProperty(exports, "CursorSelectTrigger", {
|
|
34
34
|
enumerable: true,
|
|
35
|
-
get: function () { return
|
|
35
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorSelectTrigger; }
|
|
36
36
|
});
|
|
37
37
|
Object.defineProperty(exports, "CursorTabs", {
|
|
38
38
|
enumerable: true,
|
|
39
|
-
get: function () { return
|
|
39
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorTabs; }
|
|
40
40
|
});
|
|
41
41
|
Object.defineProperty(exports, "CursorTextarea", {
|
|
42
42
|
enumerable: true,
|
|
43
|
-
get: function () { return
|
|
43
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorTextarea; }
|
|
44
44
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-
|
|
2
|
-
import '../chunk-3GYDDYRD.mjs';
|
|
1
|
+
export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-KFFOF5V3.mjs';
|
|
3
2
|
import '../chunk-MXXKPTX3.mjs';
|
|
3
|
+
import '../chunk-3GYDDYRD.mjs';
|
|
4
4
|
import '../chunk-C7WMCSNN.mjs';
|
|
5
5
|
import '../chunk-3MSEMXKG.mjs';
|
|
6
6
|
import '../chunk-IWPVLQSF.mjs';
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
require('../chunk-EFZ746FR.cjs');
|
|
4
4
|
var chunkTCVTXU7U_cjs = require('../chunk-TCVTXU7U.cjs');
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-OPVNPU6U.cjs');
|
|
5
|
+
var chunkTU4GGYQF_cjs = require('../chunk-TU4GGYQF.cjs');
|
|
7
6
|
require('../chunk-X6YX2NAS.cjs');
|
|
7
|
+
require('../chunk-OPVNPU6U.cjs');
|
|
8
8
|
require('../chunk-XKV3CDJ7.cjs');
|
|
9
9
|
require('../chunk-BHC7GX53.cjs');
|
|
10
10
|
require('../chunk-NFJTF2GL.cjs');
|
|
@@ -30,23 +30,23 @@ Object.defineProperty(exports, "CursorProvider", {
|
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "CursorButton", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorButton; }
|
|
34
34
|
});
|
|
35
35
|
Object.defineProperty(exports, "CursorInputRoot", {
|
|
36
36
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
37
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorInputRoot; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "CursorSelectTrigger", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorSelectTrigger; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "CursorTabs", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorTabs; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "CursorTextarea", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunkTU4GGYQF_cjs.CursorTextarea; }
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(exports, "TabsCursorProvider", {
|
|
52
52
|
enumerable: true,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import '../chunk-VGCVIHBR.mjs';
|
|
2
2
|
export { CursorProvider } from '../chunk-5T7CZMWF.mjs';
|
|
3
|
-
export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-
|
|
4
|
-
import '../chunk-3GYDDYRD.mjs';
|
|
3
|
+
export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-KFFOF5V3.mjs';
|
|
5
4
|
import '../chunk-MXXKPTX3.mjs';
|
|
5
|
+
import '../chunk-3GYDDYRD.mjs';
|
|
6
6
|
import '../chunk-C7WMCSNN.mjs';
|
|
7
7
|
import '../chunk-3MSEMXKG.mjs';
|
|
8
8
|
import '../chunk-IWPVLQSF.mjs';
|