@vuer-ai/vuer-uikit 0.0.60 → 0.0.62
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-2MANWDY4.mjs +39 -0
- package/dist/{chunk-Y6GQVDG2.mjs → chunk-2Y6NIUSX.mjs} +1 -1
- package/dist/{chunk-UESSDKZW.mjs → chunk-3MSEMXKG.mjs} +2 -2
- package/dist/{chunk-O5QD5XZS.mjs → chunk-76NWNNDA.mjs} +1 -1
- package/dist/{chunk-TAYA7QVC.mjs → chunk-7GTXMXPC.mjs} +2 -2
- package/dist/chunk-7LOOS5CJ.mjs +27 -0
- package/dist/{chunk-YXW2VVGQ.js → chunk-CBDFFXCA.js} +5 -5
- package/dist/{chunk-YFH72UZE.js → chunk-DWI3BFMZ.js} +2 -2
- package/dist/{chunk-ZU5PZTIL.mjs → chunk-FGWHLUIE.mjs} +1 -1
- package/dist/{chunk-ZCKEYTDL.js → chunk-HWLHWZRI.js} +4 -5
- package/dist/chunk-JEMCMVSM.js +42 -0
- package/dist/{chunk-JMPDHQBY.js → chunk-KE2GASJJ.js} +16 -2
- package/dist/{chunk-SGKI7S6I.js → chunk-LWUN6L6Z.js} +2 -2
- package/dist/{chunk-MODCXUKO.mjs → chunk-N4S67ZRW.mjs} +1 -1
- package/dist/{chunk-5YHPNHI7.js → chunk-OBFEPD4O.js} +1 -1
- package/dist/{chunk-7TIEYGG2.js → chunk-QFS3XFKL.js} +3 -3
- package/dist/{chunk-42PVG4VF.js → chunk-S7UYK47Y.js} +2 -2
- package/dist/{chunk-OFBBZNH6.mjs → chunk-SFVGTTM7.mjs} +4 -5
- package/dist/{chunk-7TRHG4GB.js → chunk-TN2P3E6O.js} +7 -7
- package/dist/{chunk-JYCHXLHW.mjs → chunk-WHIR6MGP.mjs} +1 -1
- package/dist/chunk-XMIM2RFX.js +2 -0
- package/dist/chunk-ZZSMYEH2.mjs +1 -0
- package/dist/highlight-cursor/enhanced-components.js +7 -7
- package/dist/highlight-cursor/enhanced-components.mjs +2 -2
- package/dist/highlight-cursor/index.js +7 -7
- package/dist/highlight-cursor/index.mjs +2 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +288 -278
- package/dist/index.mjs +28 -26
- package/dist/ui/button.js +3 -3
- package/dist/ui/button.mjs +1 -1
- package/dist/ui/icons/cursor.d.mts +9 -0
- package/dist/ui/icons/cursor.d.ts +9 -0
- package/dist/ui/icons/cursor.js +14 -0
- package/dist/ui/icons/cursor.mjs +1 -0
- package/dist/ui/icons/index.d.mts +2 -0
- package/dist/ui/icons/index.d.ts +2 -0
- package/dist/ui/icons/index.js +15 -0
- package/dist/ui/icons/index.mjs +2 -0
- package/dist/ui/index.d.mts +1 -0
- package/dist/ui/index.d.ts +1 -0
- package/dist/ui/index.js +282 -272
- package/dist/ui/index.mjs +27 -25
- package/dist/ui/label.d.mts +5 -1
- package/dist/ui/label.d.ts +5 -1
- package/dist/ui/label.js +2 -2
- package/dist/ui/label.mjs +1 -1
- package/dist/ui/layouts/index.js +3 -3
- package/dist/ui/layouts/index.mjs +2 -2
- package/dist/ui/layouts/liquid-layout/{LiquidLayoutComponents.js → LayoutSlots.js} +7 -7
- package/dist/ui/layouts/liquid-layout/{LiquidLayoutComponents.mjs → LayoutSlots.mjs} +1 -1
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.js +3 -3
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.mjs +2 -2
- package/dist/ui/layouts/liquid-layout/index.js +3 -3
- package/dist/ui/layouts/liquid-layout/index.mjs +2 -2
- package/dist/ui/pagination.js +9 -9
- package/dist/ui/pagination.mjs +2 -2
- package/dist/ui/sidebar.js +27 -27
- package/dist/ui/sidebar.mjs +3 -3
- package/dist/ui/switch.js +2 -2
- package/dist/ui/switch.mjs +1 -1
- package/dist/ui/theme/ThemeToggles.js +4 -4
- package/dist/ui/theme/ThemeToggles.mjs +2 -2
- package/dist/ui/theme/index.js +4 -4
- package/dist/ui/theme/index.mjs +2 -2
- package/dist/ui/version-badge.js +2 -2
- package/dist/ui/version-badge.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-Z2MG4ZXD.mjs +0 -13
- package/dist/ui/layouts/liquid-layout/TopMenuBar.d.mts +0 -5
- package/dist/ui/layouts/liquid-layout/TopMenuBar.d.ts +0 -5
- package/dist/ui/layouts/liquid-layout/TopMenuBar.js +0 -90
- package/dist/ui/layouts/liquid-layout/TopMenuBar.mjs +0 -88
- /package/dist/{chunk-QENKBRGO.js → chunk-2S4V3MLC.js} +0 -0
- /package/dist/{chunk-523WCEFP.mjs → chunk-377KHKNW.mjs} +0 -0
- /package/dist/{chunk-PR4EQUHW.mjs → chunk-LAZO5ZDT.mjs} +0 -0
- /package/dist/{chunk-HHCIBUGQ.js → chunk-QMAWDX2D.js} +0 -0
- /package/dist/ui/layouts/liquid-layout/{LiquidLayoutComponents.d.mts → LayoutSlots.d.mts} +0 -0
- /package/dist/ui/layouts/liquid-layout/{LiquidLayoutComponents.d.ts → LayoutSlots.d.ts} +0 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
// src/ui/icons/cursor.tsx
|
|
4
|
+
var CursorFilledIcon = ({ strokeWidth = 2.25 }) => {
|
|
5
|
+
return /* @__PURE__ */ jsx(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
width: "16",
|
|
10
|
+
height: "16",
|
|
11
|
+
viewBox: "0 0 24 24",
|
|
12
|
+
fill: "currentColor",
|
|
13
|
+
stroke: "currentColor",
|
|
14
|
+
strokeWidth: strokeWidth / 2,
|
|
15
|
+
className: "lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2",
|
|
16
|
+
children: /* @__PURE__ */ jsx("path", { d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" })
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
};
|
|
20
|
+
var CursorIcon = ({ strokeWidth = 2.25 }) => {
|
|
21
|
+
return /* @__PURE__ */ jsx(
|
|
22
|
+
"svg",
|
|
23
|
+
{
|
|
24
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
25
|
+
width: "16",
|
|
26
|
+
height: "16",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
fill: "none",
|
|
29
|
+
stroke: "currentColor",
|
|
30
|
+
strokeWidth,
|
|
31
|
+
strokeLinecap: "round",
|
|
32
|
+
strokeLinejoin: "round",
|
|
33
|
+
className: "lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2",
|
|
34
|
+
children: /* @__PURE__ */ jsx("path", { d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" })
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export { CursorFilledIcon, CursorIcon };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useTheme } from './chunk-TVTAYHN7.mjs';
|
|
2
2
|
import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
|
|
3
|
-
import { Button } from './chunk-
|
|
3
|
+
import { Button } from './chunk-3MSEMXKG.mjs';
|
|
4
4
|
import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
|
|
5
5
|
import { useDocument } from './chunk-QG5Z4C65.mjs';
|
|
6
6
|
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
@@ -51,8 +51,8 @@ var buttonVariants = cva(
|
|
|
51
51
|
"text-text-primary",
|
|
52
52
|
"hover:text-text-highlight",
|
|
53
53
|
"hover:bg-alt-primary",
|
|
54
|
-
"active:bg-bg-secondary"
|
|
55
|
-
"active:text-brand-primary"
|
|
54
|
+
"active:bg-bg-secondary"
|
|
55
|
+
// "active:text-brand-primary",
|
|
56
56
|
// todo: add state sensitivity (can do via toggle button)
|
|
57
57
|
// "[value]:text-brand-primary",
|
|
58
58
|
],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-
|
|
1
|
+
import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-LAZO5ZDT.mjs';
|
|
2
2
|
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
+
import { Skeleton } from './chunk-G73SWE4J.mjs';
|
|
1
2
|
import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
|
|
2
3
|
import { Separator } from './chunk-OKAV7AZP.mjs';
|
|
3
4
|
import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-IUATO2BH.mjs';
|
|
4
|
-
import { Skeleton } from './chunk-G73SWE4J.mjs';
|
|
5
5
|
import { useIsMobile } from './chunk-NXTGTCPA.mjs';
|
|
6
6
|
import { InputRoot } from './chunk-F3TKXHNH.mjs';
|
|
7
|
-
import { Button } from './chunk-
|
|
7
|
+
import { Button } from './chunk-3MSEMXKG.mjs';
|
|
8
8
|
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
9
9
|
import { Slot } from '@radix-ui/react-slot';
|
|
10
10
|
import { cva } from 'class-variance-authority';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
2
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
var labelVariants = cva(
|
|
8
|
+
["font-normal", "leading-none", "peer-disabled:cursor-not-allowed", "peer-disabled:opacity-70"],
|
|
9
|
+
{
|
|
10
|
+
variants: {
|
|
11
|
+
size: {
|
|
12
|
+
xs: "text-xxs",
|
|
13
|
+
sm: "text-xs",
|
|
14
|
+
lg: "text-md"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
size: "sm"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
var Label = React.forwardRef(
|
|
23
|
+
({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(LabelPrimitive.Root, { ref, className: cn(labelVariants({ size }), className), ...props })
|
|
24
|
+
);
|
|
25
|
+
Label.displayName = LabelPrimitive.Root.displayName;
|
|
26
|
+
|
|
27
|
+
export { Label };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunkQEN7FX5Z_js = require('./chunk-QEN7FX5Z.js');
|
|
4
4
|
var chunk2WCO4NPU_js = require('./chunk-2WCO4NPU.js');
|
|
5
|
-
var
|
|
5
|
+
var chunkLWUN6L6Z_js = require('./chunk-LWUN6L6Z.js');
|
|
6
6
|
var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
|
|
7
7
|
var chunkOASPTOVZ_js = require('./chunk-OASPTOVZ.js');
|
|
8
8
|
var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
|
|
@@ -36,7 +36,7 @@ var LiquidToggleButton = ({ className, ...props }) => {
|
|
|
36
36
|
const isSystem = theme === "system";
|
|
37
37
|
return /* @__PURE__ */ jsxRuntime.jsxs(chunk2WCO4NPU_js.Tooltip, { children: [
|
|
38
38
|
/* @__PURE__ */ jsxRuntime.jsx(chunk2WCO4NPU_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
39
|
-
|
|
39
|
+
chunkLWUN6L6Z_js.Button,
|
|
40
40
|
{
|
|
41
41
|
icon: true,
|
|
42
42
|
variant: "ghost",
|
|
@@ -78,7 +78,7 @@ var ThemeToggleButton = (props) => {
|
|
|
78
78
|
const isDark = theme === "dark" || theme === "liquid-dark";
|
|
79
79
|
const isSystem = theme === "system";
|
|
80
80
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
81
|
-
|
|
81
|
+
chunkLWUN6L6Z_js.Button,
|
|
82
82
|
{
|
|
83
83
|
icon: true,
|
|
84
84
|
variant: "ghost",
|
|
@@ -91,11 +91,11 @@ var ThemeToggleButton = (props) => {
|
|
|
91
91
|
};
|
|
92
92
|
var LiquidToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(
|
|
93
93
|
LiquidToggleButton,
|
|
94
|
-
(props) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
94
|
+
(props) => /* @__PURE__ */ jsxRuntime.jsx(chunkLWUN6L6Z_js.Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 }) })
|
|
95
95
|
);
|
|
96
96
|
var ThemeToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(
|
|
97
97
|
ThemeToggleButton,
|
|
98
|
-
(props) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
98
|
+
(props) => /* @__PURE__ */ jsxRuntime.jsx(chunkLWUN6L6Z_js.Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 }) })
|
|
99
99
|
);
|
|
100
100
|
|
|
101
101
|
exports.LiquidToggle = LiquidToggle;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkLWUN6L6Z_js = require('./chunk-LWUN6L6Z.js');
|
|
4
4
|
var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
|
|
5
5
|
var chunkOTPUWWEB_js = require('./chunk-OTPUWWEB.js');
|
|
6
6
|
var lucideReact = require('lucide-react');
|
|
@@ -56,7 +56,7 @@ function PaginationLink({ className, isActive, size = "md", ...props }) {
|
|
|
56
56
|
"data-slot": "pagination-link",
|
|
57
57
|
"data-active": isActive,
|
|
58
58
|
className: chunkYUTSR2OT_js.cn(
|
|
59
|
-
|
|
59
|
+
chunkLWUN6L6Z_js.buttonVariants({
|
|
60
60
|
variant: isActive ? "secondary" : "ghost",
|
|
61
61
|
size
|
|
62
62
|
}),
|
|
@@ -31,17 +31,15 @@ function SwitchRoot({ className, ...props }) {
|
|
|
31
31
|
{
|
|
32
32
|
"data-slot": "switch",
|
|
33
33
|
className: chunkYUTSR2OT_js.cn(
|
|
34
|
+
className,
|
|
34
35
|
"group",
|
|
35
36
|
"w-[32px]",
|
|
36
37
|
"h-[16px]",
|
|
37
38
|
"rounded-[24px]",
|
|
38
39
|
"bg-bg-tertiary",
|
|
39
|
-
"
|
|
40
|
+
"aria-checked:bg-brand-primary",
|
|
40
41
|
"disabled:bg-bg-secondary",
|
|
41
|
-
"disabled:cursor-not-allowed"
|
|
42
|
-
"disabled:data-[state=checked]:bg-bg-secondary",
|
|
43
|
-
"disabled:data-[state=unchecked]:bg-bg-secondary",
|
|
44
|
-
className
|
|
42
|
+
"disabled:cursor-not-allowed"
|
|
45
43
|
),
|
|
46
44
|
...props,
|
|
47
45
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -75,6 +73,7 @@ function SwitchFallback({ className, ...props }) {
|
|
|
75
73
|
"h-[16px]",
|
|
76
74
|
"rounded-[24px]",
|
|
77
75
|
"bg-bg-tertiary",
|
|
76
|
+
"aria-checked:bg-brand-primary",
|
|
78
77
|
"disabled:bg-bg-secondary",
|
|
79
78
|
"disabled:cursor-not-allowed",
|
|
80
79
|
"relative",
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
|
|
5
|
+
// src/ui/icons/cursor.tsx
|
|
6
|
+
var CursorFilledIcon = ({ strokeWidth = 2.25 }) => {
|
|
7
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8
|
+
"svg",
|
|
9
|
+
{
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
width: "16",
|
|
12
|
+
height: "16",
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
fill: "currentColor",
|
|
15
|
+
stroke: "currentColor",
|
|
16
|
+
strokeWidth: strokeWidth / 2,
|
|
17
|
+
className: "lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2",
|
|
18
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" })
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
};
|
|
22
|
+
var CursorIcon = ({ strokeWidth = 2.25 }) => {
|
|
23
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
24
|
+
"svg",
|
|
25
|
+
{
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
width: "16",
|
|
28
|
+
height: "16",
|
|
29
|
+
viewBox: "0 0 24 24",
|
|
30
|
+
fill: "none",
|
|
31
|
+
stroke: "currentColor",
|
|
32
|
+
strokeWidth,
|
|
33
|
+
strokeLinecap: "round",
|
|
34
|
+
strokeLinejoin: "round",
|
|
35
|
+
className: "lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2",
|
|
36
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" })
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
exports.CursorFilledIcon = CursorFilledIcon;
|
|
42
|
+
exports.CursorIcon = CursorIcon;
|
|
@@ -28,9 +28,23 @@ var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
|
|
|
28
28
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
29
29
|
|
|
30
30
|
var labelVariants = classVarianceAuthority.cva(
|
|
31
|
-
"
|
|
31
|
+
["font-normal", "leading-none", "peer-disabled:cursor-not-allowed", "peer-disabled:opacity-70"],
|
|
32
|
+
{
|
|
33
|
+
variants: {
|
|
34
|
+
size: {
|
|
35
|
+
xs: "text-xxs",
|
|
36
|
+
sm: "text-xs",
|
|
37
|
+
lg: "text-md"
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: {
|
|
41
|
+
size: "sm"
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
|
+
var Label = React__namespace.forwardRef(
|
|
46
|
+
({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunkYUTSR2OT_js.cn(labelVariants({ size }), className), ...props })
|
|
32
47
|
);
|
|
33
|
-
var Label = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunkYUTSR2OT_js.cn(labelVariants(), className), ...props }));
|
|
34
48
|
Label.displayName = LabelPrimitive__namespace.Root.displayName;
|
|
35
49
|
|
|
36
50
|
exports.Label = Label;
|
|
@@ -53,8 +53,8 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
53
53
|
"text-text-primary",
|
|
54
54
|
"hover:text-text-highlight",
|
|
55
55
|
"hover:bg-alt-primary",
|
|
56
|
-
"active:bg-bg-secondary"
|
|
57
|
-
"active:text-brand-primary"
|
|
56
|
+
"active:bg-bg-secondary"
|
|
57
|
+
// "active:text-brand-primary",
|
|
58
58
|
// todo: add state sensitivity (can do via toggle button)
|
|
59
59
|
// "[value]:text-brand-primary",
|
|
60
60
|
],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { buttonVariants } from './chunk-
|
|
1
|
+
import { buttonVariants } from './chunk-3MSEMXKG.mjs';
|
|
2
2
|
import { cn } from './chunk-KVFUDYD3.mjs';
|
|
3
3
|
import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
|
|
4
4
|
import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var chunkHQK4BMHQ_js = require('./chunk-HQK4BMHQ.js');
|
|
3
4
|
var chunk2WCO4NPU_js = require('./chunk-2WCO4NPU.js');
|
|
4
5
|
var chunk2CM7Y2NL_js = require('./chunk-2CM7Y2NL.js');
|
|
5
6
|
var chunkLJU4UXLF_js = require('./chunk-LJU4UXLF.js');
|
|
6
|
-
var chunkHQK4BMHQ_js = require('./chunk-HQK4BMHQ.js');
|
|
7
7
|
var chunkYFPY5SLS_js = require('./chunk-YFPY5SLS.js');
|
|
8
8
|
var chunkKVN35F5P_js = require('./chunk-KVN35F5P.js');
|
|
9
|
-
var
|
|
9
|
+
var chunkLWUN6L6Z_js = require('./chunk-LWUN6L6Z.js');
|
|
10
10
|
var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
|
|
11
11
|
var reactSlot = require('@radix-ui/react-slot');
|
|
12
12
|
var classVarianceAuthority = require('class-variance-authority');
|
|
@@ -187,7 +187,7 @@ function Sidebar({
|
|
|
187
187
|
function SidebarTrigger({ className, onClick, ...props }) {
|
|
188
188
|
const { toggleSidebar, state } = useSidebar();
|
|
189
189
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
190
|
-
|
|
190
|
+
chunkLWUN6L6Z_js.Button,
|
|
191
191
|
{
|
|
192
192
|
"data-sidebar": "trigger",
|
|
193
193
|
"data-slot": "sidebar-trigger",
|
|
@@ -4,11 +4,11 @@ var chunkJ5OXYTB6_js = require('./chunk-J5OXYTB6.js');
|
|
|
4
4
|
var chunkFURER5TR_js = require('./chunk-FURER5TR.js');
|
|
5
5
|
var chunkJ2GBP6H3_js = require('./chunk-J2GBP6H3.js');
|
|
6
6
|
var chunkKVN35F5P_js = require('./chunk-KVN35F5P.js');
|
|
7
|
-
var
|
|
7
|
+
var chunkLWUN6L6Z_js = require('./chunk-LWUN6L6Z.js');
|
|
8
8
|
var chunkKYN7K2XM_js = require('./chunk-KYN7K2XM.js');
|
|
9
9
|
|
|
10
10
|
// src/highlight-cursor/enhanced-components.tsx
|
|
11
|
-
var CursorButton = chunkKYN7K2XM_js.withCursor(
|
|
11
|
+
var CursorButton = chunkKYN7K2XM_js.withCursor(chunkLWUN6L6Z_js.Button);
|
|
12
12
|
var CursorTabs = chunkKYN7K2XM_js.withCursor(chunkJ5OXYTB6_js.Tabs);
|
|
13
13
|
var CursorInputRoot = chunkKYN7K2XM_js.withCursor(chunkKVN35F5P_js.InputRoot);
|
|
14
14
|
var CursorSelectTrigger = chunkKYN7K2XM_js.withCursor(chunkJ2GBP6H3_js.SelectTrigger);
|
|
@@ -9,17 +9,15 @@ function SwitchRoot({ className, ...props }) {
|
|
|
9
9
|
{
|
|
10
10
|
"data-slot": "switch",
|
|
11
11
|
className: cn(
|
|
12
|
+
className,
|
|
12
13
|
"group",
|
|
13
14
|
"w-[32px]",
|
|
14
15
|
"h-[16px]",
|
|
15
16
|
"rounded-[24px]",
|
|
16
17
|
"bg-bg-tertiary",
|
|
17
|
-
"
|
|
18
|
+
"aria-checked:bg-brand-primary",
|
|
18
19
|
"disabled:bg-bg-secondary",
|
|
19
|
-
"disabled:cursor-not-allowed"
|
|
20
|
-
"disabled:data-[state=checked]:bg-bg-secondary",
|
|
21
|
-
"disabled:data-[state=unchecked]:bg-bg-secondary",
|
|
22
|
-
className
|
|
20
|
+
"disabled:cursor-not-allowed"
|
|
23
21
|
),
|
|
24
22
|
...props,
|
|
25
23
|
children: /* @__PURE__ */ jsx(
|
|
@@ -53,6 +51,7 @@ function SwitchFallback({ className, ...props }) {
|
|
|
53
51
|
"h-[16px]",
|
|
54
52
|
"rounded-[24px]",
|
|
55
53
|
"bg-bg-tertiary",
|
|
54
|
+
"aria-checked:bg-brand-primary",
|
|
56
55
|
"disabled:bg-bg-secondary",
|
|
57
56
|
"disabled:cursor-not-allowed",
|
|
58
57
|
"relative",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk2S4V3MLC_js = require('./chunk-2S4V3MLC.js');
|
|
4
4
|
var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
@@ -12,12 +12,12 @@ var LiquidLayoutView = ({
|
|
|
12
12
|
children,
|
|
13
13
|
className
|
|
14
14
|
}) => {
|
|
15
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
16
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
18
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
19
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
20
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunk2S4V3MLC_js.LiquidLayout, { className: chunkYUTSR2OT_js.cn("bg-foreground/20 aspect-3/2", className), children: [
|
|
16
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk2S4V3MLC_js.LiquidLayoutContent, { className: "flex flex-col items-center justify-center", children }),
|
|
17
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk2S4V3MLC_js.LiquidLayoutBottom, { className: "mt-4", children: bottom }),
|
|
18
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk2S4V3MLC_js.LiquidLayoutRight, { children: right }),
|
|
19
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk2S4V3MLC_js.LiquidLayoutLeft, { children: left }),
|
|
20
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk2S4V3MLC_js.LiquidLayoutTop, { children: top })
|
|
21
21
|
] });
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -2,7 +2,7 @@ import { Tabs } from './chunk-WM25JXCI.mjs';
|
|
|
2
2
|
import { Textarea } from './chunk-MXXKPTX3.mjs';
|
|
3
3
|
import { SelectTrigger } from './chunk-4SECPMPM.mjs';
|
|
4
4
|
import { InputRoot } from './chunk-F3TKXHNH.mjs';
|
|
5
|
-
import { Button } from './chunk-
|
|
5
|
+
import { Button } from './chunk-3MSEMXKG.mjs';
|
|
6
6
|
import { withCursor } from './chunk-RAHKRYQJ.mjs';
|
|
7
7
|
|
|
8
8
|
// src/highlight-cursor/enhanced-components.tsx
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkS7UYK47Y_js = require('../chunk-S7UYK47Y.js');
|
|
4
4
|
require('../chunk-J5OXYTB6.js');
|
|
5
5
|
require('../chunk-FURER5TR.js');
|
|
6
6
|
require('../chunk-J2GBP6H3.js');
|
|
7
7
|
require('../chunk-KVN35F5P.js');
|
|
8
|
-
require('../chunk-
|
|
8
|
+
require('../chunk-LWUN6L6Z.js');
|
|
9
9
|
require('../chunk-KYN7K2XM.js');
|
|
10
10
|
require('../chunk-UBVYEZI3.js');
|
|
11
11
|
require('../chunk-W3APG27Q.js');
|
|
@@ -21,21 +21,21 @@ require('../chunk-OTPUWWEB.js');
|
|
|
21
21
|
|
|
22
22
|
Object.defineProperty(exports, "CursorButton", {
|
|
23
23
|
enumerable: true,
|
|
24
|
-
get: function () { return
|
|
24
|
+
get: function () { return chunkS7UYK47Y_js.CursorButton; }
|
|
25
25
|
});
|
|
26
26
|
Object.defineProperty(exports, "CursorInputRoot", {
|
|
27
27
|
enumerable: true,
|
|
28
|
-
get: function () { return
|
|
28
|
+
get: function () { return chunkS7UYK47Y_js.CursorInputRoot; }
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "CursorSelectTrigger", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function () { return
|
|
32
|
+
get: function () { return chunkS7UYK47Y_js.CursorSelectTrigger; }
|
|
33
33
|
});
|
|
34
34
|
Object.defineProperty(exports, "CursorTabs", {
|
|
35
35
|
enumerable: true,
|
|
36
|
-
get: function () { return
|
|
36
|
+
get: function () { return chunkS7UYK47Y_js.CursorTabs; }
|
|
37
37
|
});
|
|
38
38
|
Object.defineProperty(exports, "CursorTextarea", {
|
|
39
39
|
enumerable: true,
|
|
40
|
-
get: function () { return
|
|
40
|
+
get: function () { return chunkS7UYK47Y_js.CursorTextarea; }
|
|
41
41
|
});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-
|
|
1
|
+
export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-WHIR6MGP.mjs';
|
|
2
2
|
import '../chunk-WM25JXCI.mjs';
|
|
3
3
|
import '../chunk-MXXKPTX3.mjs';
|
|
4
4
|
import '../chunk-4SECPMPM.mjs';
|
|
5
5
|
import '../chunk-F3TKXHNH.mjs';
|
|
6
|
-
import '../chunk-
|
|
6
|
+
import '../chunk-3MSEMXKG.mjs';
|
|
7
7
|
import '../chunk-RAHKRYQJ.mjs';
|
|
8
8
|
import '../chunk-AYKQVWMR.mjs';
|
|
9
9
|
import '../chunk-PR4VD5F2.mjs';
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
require('../chunk-KJ42IGH6.js');
|
|
4
4
|
var chunkHLIIVIL6_js = require('../chunk-HLIIVIL6.js');
|
|
5
|
-
var
|
|
5
|
+
var chunkS7UYK47Y_js = require('../chunk-S7UYK47Y.js');
|
|
6
6
|
require('../chunk-J5OXYTB6.js');
|
|
7
7
|
require('../chunk-FURER5TR.js');
|
|
8
8
|
require('../chunk-J2GBP6H3.js');
|
|
9
9
|
require('../chunk-KVN35F5P.js');
|
|
10
|
-
require('../chunk-
|
|
10
|
+
require('../chunk-LWUN6L6Z.js');
|
|
11
11
|
var chunkKYN7K2XM_js = require('../chunk-KYN7K2XM.js');
|
|
12
12
|
require('../chunk-UBVYEZI3.js');
|
|
13
13
|
require('../chunk-W3APG27Q.js');
|
|
@@ -27,23 +27,23 @@ Object.defineProperty(exports, "CursorProvider", {
|
|
|
27
27
|
});
|
|
28
28
|
Object.defineProperty(exports, "CursorButton", {
|
|
29
29
|
enumerable: true,
|
|
30
|
-
get: function () { return
|
|
30
|
+
get: function () { return chunkS7UYK47Y_js.CursorButton; }
|
|
31
31
|
});
|
|
32
32
|
Object.defineProperty(exports, "CursorInputRoot", {
|
|
33
33
|
enumerable: true,
|
|
34
|
-
get: function () { return
|
|
34
|
+
get: function () { return chunkS7UYK47Y_js.CursorInputRoot; }
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "CursorSelectTrigger", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function () { return
|
|
38
|
+
get: function () { return chunkS7UYK47Y_js.CursorSelectTrigger; }
|
|
39
39
|
});
|
|
40
40
|
Object.defineProperty(exports, "CursorTabs", {
|
|
41
41
|
enumerable: true,
|
|
42
|
-
get: function () { return
|
|
42
|
+
get: function () { return chunkS7UYK47Y_js.CursorTabs; }
|
|
43
43
|
});
|
|
44
44
|
Object.defineProperty(exports, "CursorTextarea", {
|
|
45
45
|
enumerable: true,
|
|
46
|
-
get: function () { return
|
|
46
|
+
get: function () { return chunkS7UYK47Y_js.CursorTextarea; }
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "withCursor", {
|
|
49
49
|
enumerable: true,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import '../chunk-VGCVIHBR.mjs';
|
|
2
2
|
export { CursorProvider } from '../chunk-5T7CZMWF.mjs';
|
|
3
|
-
export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-
|
|
3
|
+
export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-WHIR6MGP.mjs';
|
|
4
4
|
import '../chunk-WM25JXCI.mjs';
|
|
5
5
|
import '../chunk-MXXKPTX3.mjs';
|
|
6
6
|
import '../chunk-4SECPMPM.mjs';
|
|
7
7
|
import '../chunk-F3TKXHNH.mjs';
|
|
8
|
-
import '../chunk-
|
|
8
|
+
import '../chunk-3MSEMXKG.mjs';
|
|
9
9
|
export { withCursor } from '../chunk-RAHKRYQJ.mjs';
|
|
10
10
|
import '../chunk-AYKQVWMR.mjs';
|
|
11
11
|
import '../chunk-PR4VD5F2.mjs';
|
package/dist/index.d.mts
CHANGED
|
@@ -55,6 +55,7 @@ export { ThemeScript } from './ui/theme/themeScript.mjs';
|
|
|
55
55
|
export { Attribute, ThemeProviderProps, UseThemeProps } from './ui/theme/types.mjs';
|
|
56
56
|
export { createSelectable } from './ui/drag-selectable/createSelectable.mjs';
|
|
57
57
|
export { DragSelectProvider, useDragSelectContext } from './ui/drag-selectable/DragSelectProvider.mjs';
|
|
58
|
+
export { CursorFilledIcon, CursorIcon } from './ui/icons/cursor.mjs';
|
|
58
59
|
export { cn } from './hooks/cn.mjs';
|
|
59
60
|
export { useLocalStorage } from './hooks/useLocalStorage.mjs';
|
|
60
61
|
export { clientOnly, createClientOnlyComponent, isClient, isServer } from './hooks/clientOnly.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -55,6 +55,7 @@ export { ThemeScript } from './ui/theme/themeScript.js';
|
|
|
55
55
|
export { Attribute, ThemeProviderProps, UseThemeProps } from './ui/theme/types.js';
|
|
56
56
|
export { createSelectable } from './ui/drag-selectable/createSelectable.js';
|
|
57
57
|
export { DragSelectProvider, useDragSelectContext } from './ui/drag-selectable/DragSelectProvider.js';
|
|
58
|
+
export { CursorFilledIcon, CursorIcon } from './ui/icons/cursor.js';
|
|
58
59
|
export { cn } from './hooks/cn.js';
|
|
59
60
|
export { useLocalStorage } from './hooks/useLocalStorage.js';
|
|
60
61
|
export { clientOnly, createClientOnlyComponent, isClient, isServer } from './hooks/clientOnly.js';
|