@vuer-ai/vuer-uikit 0.0.55 → 0.0.56
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/README.md +4 -4
- package/dist/{chunk-2QG7LH4Z.js → chunk-3Z2LP3LS.js} +2 -2
- package/dist/{chunk-DZXMZBAQ.mjs → chunk-3ZIYCPA2.mjs} +1 -1
- package/dist/{chunk-MK2FKGWF.mjs → chunk-4TUTA7RT.mjs} +1 -1
- package/dist/{chunk-JOWWKLBU.js → chunk-5GIOU2JM.js} +2 -2
- package/dist/{chunk-FJ6UQH5F.mjs → chunk-5JWYKZSE.mjs} +1 -1
- package/dist/chunk-63EDCFHW.js +31 -0
- package/dist/{chunk-2XYF6PKB.mjs → chunk-6XJPOAMC.mjs} +1 -1
- package/dist/{chunk-GIXFQKLS.js → chunk-74NVABME.js} +4 -4
- package/dist/chunk-7D2U7OLU.js +43 -0
- package/dist/{chunk-73RTYZNL.mjs → chunk-7M4UKCPG.mjs} +1 -1
- package/dist/{chunk-KBG56PQD.mjs → chunk-7Y4ZBU3F.mjs} +1 -1
- package/dist/{chunk-6M5BGKUO.mjs → chunk-BPIIMI67.mjs} +6 -5
- package/dist/{chunk-GVO43E7E.mjs → chunk-BRUBQ56L.mjs} +2 -2
- package/dist/{chunk-UGCFQYE2.js → chunk-BXMCXEJS.js} +5 -5
- package/dist/{chunk-ZRS4RQCJ.mjs → chunk-BZNJPEBV.mjs} +1 -1
- package/dist/{chunk-IJIZFHQU.mjs → chunk-CDFUEPMP.mjs} +44 -20
- package/dist/{chunk-4GZZAQRD.js → chunk-D2SPJRXQ.js} +2 -2
- package/dist/chunk-DDDEXA7C.mjs +108 -0
- package/dist/{chunk-QL3COLR6.js → chunk-EGWM4H3H.js} +2 -2
- package/dist/{chunk-MZPSV4QX.js → chunk-EK4TN4X2.js} +2 -2
- package/dist/{chunk-3EC5RXZ4.js → chunk-EKL7ZBJ5.js} +2 -2
- package/dist/{chunk-GJW5EH5E.js → chunk-EOEE45O6.js} +5 -5
- package/dist/{chunk-6TXFW7SC.mjs → chunk-FGZBHVI5.mjs} +3 -3
- package/dist/{chunk-X4ATCXSD.js → chunk-FOVZMHFX.js} +2 -2
- package/dist/{chunk-ZLYXB2BN.js → chunk-FRGAKCTC.js} +2 -2
- package/dist/{chunk-VYBGHEHX.js → chunk-HSBH3LAX.js} +1 -1
- package/dist/chunk-HSDL6DIZ.mjs +20 -0
- package/dist/{chunk-6TMEH2MB.js → chunk-HZIUWAJY.js} +3 -3
- package/dist/{chunk-X6APNY5D.js → chunk-I2FV2SA4.js} +32 -12
- package/dist/{chunk-UY5QRJIG.mjs → chunk-JLDYYIVF.mjs} +1 -1
- package/dist/{chunk-LZE22ZNH.mjs → chunk-JSD2GSQT.mjs} +1 -1
- package/dist/{chunk-SOYKPBRO.mjs → chunk-KUHQMSH7.mjs} +1 -1
- package/dist/{chunk-HIY4N3LF.js → chunk-L2VCUMB2.js} +2 -2
- package/dist/{chunk-7TD2RBQJ.js → chunk-LJRMLJRU.js} +3 -3
- package/dist/{chunk-JENUY5GL.js → chunk-NCJQ4O4A.js} +2 -2
- package/dist/{chunk-TF7YO6KP.mjs → chunk-NECFV44M.mjs} +1 -1
- package/dist/chunk-OCJECXMC.js +116 -0
- package/dist/{chunk-SWG7LAW5.mjs → chunk-PO64Q3ZO.mjs} +1 -1
- package/dist/{chunk-7E25WN6I.js → chunk-R7F5I2ZC.js} +2 -2
- package/dist/{chunk-ZDZM3RJ3.mjs → chunk-RDM3DIRA.mjs} +1 -1
- package/dist/{chunk-JQ332WTL.js → chunk-RGPBFEZ4.js} +4 -4
- package/dist/{chunk-TOWQT55R.js → chunk-RIUNU4AH.js} +2 -2
- package/dist/{chunk-GDW2K5OF.js → chunk-SMQ77CCG.js} +6 -5
- package/dist/{chunk-BX7MGCJP.mjs → chunk-TKEC4NYZ.mjs} +4 -4
- package/dist/{chunk-YKL2SFIC.js → chunk-V7IKBW5J.js} +2 -2
- package/dist/{chunk-ZWHGRBDM.js → chunk-VIIXBE5K.js} +44 -20
- package/dist/{chunk-CV4KQETB.mjs → chunk-VYXH572K.mjs} +1 -1
- package/dist/{chunk-7GCEJU5S.mjs → chunk-W4NQFVTT.mjs} +1 -1
- package/dist/{chunk-GY65PGYR.mjs → chunk-X62V4I3P.mjs} +32 -12
- package/dist/chunk-XGPEJNBW.mjs +27 -0
- package/dist/{chunk-HGT65KY2.js → chunk-YDRFWDW6.js} +4 -4
- package/dist/{chunk-SG2PPP7N.mjs → chunk-YY3YYEU3.mjs} +3 -3
- package/dist/{chunk-QD6L25T6.mjs → chunk-Z47NVGKH.mjs} +1 -1
- package/dist/{chunk-36Q5EL3V.mjs → chunk-Z64O2G4W.mjs} +1 -1
- package/dist/highlight-cursor/enhanced-components.js +8 -8
- package/dist/highlight-cursor/enhanced-components.mjs +3 -3
- package/dist/highlight-cursor/index.js +8 -8
- package/dist/highlight-cursor/index.mjs +3 -3
- package/dist/index.css +44 -13
- package/dist/index.d.mts +6 -2
- package/dist/index.d.ts +6 -2
- package/dist/index.js +226 -175
- package/dist/index.mjs +38 -35
- package/dist/styles/theme.css +44 -13
- package/dist/styles/variables.css +43 -12
- package/dist/ui/button.d.mts +2 -2
- package/dist/ui/button.d.ts +2 -2
- package/dist/ui/button.js +3 -3
- package/dist/ui/button.mjs +1 -1
- package/dist/ui/card.d.mts +21 -3
- package/dist/ui/card.d.ts +21 -3
- package/dist/ui/card.js +8 -8
- package/dist/ui/card.mjs +1 -1
- package/dist/ui/form/CmInput.js +4 -4
- package/dist/ui/form/CmInput.mjs +3 -3
- package/dist/ui/form/DegInput.js +4 -4
- package/dist/ui/form/DegInput.mjs +3 -3
- package/dist/ui/form/EulerDegInput.js +6 -6
- package/dist/ui/form/EulerDegInput.mjs +5 -5
- package/dist/ui/form/EulerInput.js +5 -5
- package/dist/ui/form/EulerInput.mjs +4 -4
- package/dist/ui/form/EulerRadInput.js +6 -6
- package/dist/ui/form/EulerRadInput.mjs +5 -5
- package/dist/ui/form/InchInput.js +4 -4
- package/dist/ui/form/InchInput.mjs +3 -3
- package/dist/ui/form/IntInput.js +4 -4
- package/dist/ui/form/IntInput.mjs +3 -3
- package/dist/ui/form/KVectorInput.js +5 -5
- package/dist/ui/form/KVectorInput.mjs +4 -4
- package/dist/ui/form/NumberInput.js +3 -3
- package/dist/ui/form/NumberInput.mjs +2 -2
- package/dist/ui/form/QuaternionInput.js +5 -5
- package/dist/ui/form/QuaternionInput.mjs +4 -4
- package/dist/ui/form/RadInput.js +4 -4
- package/dist/ui/form/RadInput.mjs +3 -3
- package/dist/ui/form/TimeInput.js +4 -4
- package/dist/ui/form/TimeInput.mjs +3 -3
- package/dist/ui/form/Vec3Input.js +5 -5
- package/dist/ui/form/Vec3Input.mjs +4 -4
- package/dist/ui/form/VectorInput.js +4 -4
- package/dist/ui/form/VectorInput.mjs +3 -3
- package/dist/ui/form/index.js +44 -44
- package/dist/ui/form/index.mjs +16 -16
- package/dist/ui/index.d.mts +6 -2
- package/dist/ui/index.d.ts +6 -2
- package/dist/ui/index.js +220 -169
- package/dist/ui/index.mjs +37 -34
- package/dist/ui/input-numbers.js +3 -3
- package/dist/ui/input-numbers.mjs +2 -2
- package/dist/ui/input.d.mts +1 -1
- package/dist/ui/input.d.ts +1 -1
- package/dist/ui/input.js +7 -3
- package/dist/ui/input.mjs +1 -1
- package/dist/ui/label.d.mts +8 -0
- package/dist/ui/label.d.ts +8 -0
- package/dist/ui/label.js +17 -0
- package/dist/ui/label.mjs +8 -0
- package/dist/ui/pagination.js +9 -9
- package/dist/ui/pagination.mjs +2 -2
- package/dist/ui/panel.d.mts +51 -0
- package/dist/ui/panel.d.ts +51 -0
- package/dist/ui/panel.js +41 -0
- package/dist/ui/panel.mjs +8 -0
- package/dist/ui/sidebar.js +28 -28
- package/dist/ui/sidebar.mjs +4 -4
- 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/toggle-buttons.js +6 -6
- package/dist/ui/toggle-buttons.mjs +1 -1
- package/dist/ui/toggle-group.js +4 -4
- package/dist/ui/toggle-group.mjs +1 -1
- package/dist/ui/toolbar.d.mts +30 -0
- package/dist/ui/toolbar.d.ts +30 -0
- package/dist/ui/toolbar.js +25 -0
- package/dist/ui/toolbar.mjs +8 -0
- package/dist/ui/version-badge.js +2 -2
- package/dist/ui/version-badge.mjs +1 -1
- package/package.json +2 -1
- package/src/styles/.editorconfig +0 -0
- package/src/styles/theme.css +29 -17
- package/src/styles/variables.css +43 -12
- package/src/ui/button.tsx +33 -13
- package/src/ui/card.tsx +59 -20
- package/src/ui/index.ts +3 -0
- package/src/ui/input.tsx +5 -0
- package/src/ui/label.tsx +24 -0
- package/src/ui/pagination.tsx +2 -2
- package/src/ui/panel.tsx +146 -0
- package/src/ui/toggle-buttons.tsx +4 -4
- package/src/ui/toggle-group.tsx +6 -5
- package/src/ui/toolbar.tsx +52 -0
- /package/dist/{chunk-INX2EB5H.mjs → chunk-A4B2PPJO.mjs} +0 -0
- /package/dist/{chunk-BF5C2QUL.mjs → chunk-ITIORYIZ.mjs} +0 -0
- /package/dist/{chunk-C6R5HMUP.js → chunk-JR6IQPCY.js} +0 -0
- /package/dist/{chunk-3YODEBOY.js → chunk-SJCDTUC2.js} +0 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { cn } from './chunk-WM2VP7MI.mjs';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
var labelVariants = cva(
|
|
8
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
9
|
+
);
|
|
10
|
+
var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
11
|
+
LabelPrimitive.Root,
|
|
12
|
+
{
|
|
13
|
+
ref,
|
|
14
|
+
className: cn(labelVariants(), className),
|
|
15
|
+
...props
|
|
16
|
+
}
|
|
17
|
+
));
|
|
18
|
+
Label.displayName = LabelPrimitive.Root.displayName;
|
|
19
|
+
|
|
20
|
+
export { Label };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkSJCDTUC2_js = require('./chunk-SJCDTUC2.js');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
7
7
|
var NumberInput = react.forwardRef(function NumberInput2({ unit, children, ...props }, ref) {
|
|
8
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunkSJCDTUC2_js.InputRoot, { ref, type: "number", ...props, children: [
|
|
9
9
|
children,
|
|
10
|
-
unit && /* @__PURE__ */ jsxRuntime.jsx(
|
|
10
|
+
unit && /* @__PURE__ */ jsxRuntime.jsx(chunkSJCDTUC2_js.InputSlot, { side: "right", children: unit })
|
|
11
11
|
] });
|
|
12
12
|
});
|
|
13
13
|
|
|
@@ -14,7 +14,6 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
14
14
|
"justify-center",
|
|
15
15
|
"shrink-0",
|
|
16
16
|
"whitespace-nowrap",
|
|
17
|
-
"rounded-uk-sm",
|
|
18
17
|
"transition-all",
|
|
19
18
|
"[&_svg]:shrink-0 ",
|
|
20
19
|
"[&_svg]:pointer-events-none",
|
|
@@ -35,14 +34,14 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
35
34
|
primary: [
|
|
36
35
|
"bg-brand-primary",
|
|
37
36
|
"text-text-withbg",
|
|
38
|
-
"hover:bg-brand-
|
|
39
|
-
"active:bg-brand-
|
|
37
|
+
"hover:bg-brand-hover",
|
|
38
|
+
"active:bg-brand-pressed"
|
|
40
39
|
],
|
|
41
40
|
secondary: [
|
|
42
|
-
"bg-
|
|
41
|
+
"bg-alt-primary",
|
|
43
42
|
"text-text-highlight",
|
|
44
|
-
"hover:bg-
|
|
45
|
-
"active:bg-
|
|
43
|
+
"hover:bg-alt-hover",
|
|
44
|
+
"active:bg-alt-pressed"
|
|
46
45
|
],
|
|
47
46
|
destructive: [
|
|
48
47
|
"bg-danger-primary",
|
|
@@ -53,15 +52,36 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
53
52
|
ghost: [
|
|
54
53
|
"text-text-primary",
|
|
55
54
|
"hover:bg-bg-tertiary",
|
|
56
|
-
"hover:text-text-
|
|
55
|
+
"hover:text-text-withbg",
|
|
57
56
|
"active:bg-bg-secondary"
|
|
58
57
|
],
|
|
59
58
|
link: ["text-text-primary", "underline-offset-4", "hover:underline"]
|
|
60
59
|
},
|
|
61
60
|
size: {
|
|
62
|
-
sm: [
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
sm: [
|
|
62
|
+
"rounded-uk-sm",
|
|
63
|
+
"text-uk-sm",
|
|
64
|
+
"h-6",
|
|
65
|
+
"gap-xxs",
|
|
66
|
+
"px-md",
|
|
67
|
+
"[&_svg:not([class*='size-'])]:size-3"
|
|
68
|
+
],
|
|
69
|
+
md: [
|
|
70
|
+
"rounded-uk-md",
|
|
71
|
+
"text-uk-md",
|
|
72
|
+
"h-8 ",
|
|
73
|
+
"gap-xs",
|
|
74
|
+
"px-lg",
|
|
75
|
+
"[&_svg:not([class*='size-'])]:size-4"
|
|
76
|
+
],
|
|
77
|
+
lg: [
|
|
78
|
+
"rounded-uk-lg",
|
|
79
|
+
"text-uk-lg",
|
|
80
|
+
"h-9",
|
|
81
|
+
"gap-xs",
|
|
82
|
+
"px-xl",
|
|
83
|
+
"[&_svg:not([class*='size-'])]:size-5"
|
|
84
|
+
]
|
|
65
85
|
},
|
|
66
86
|
icon: { false: null, true: null },
|
|
67
87
|
value: {
|
|
@@ -71,12 +91,12 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
71
91
|
},
|
|
72
92
|
compoundVariants: [
|
|
73
93
|
{ size: "sm", icon: true, class: ["px-xs", "py-xs", " size-6"] },
|
|
74
|
-
{ size: "
|
|
94
|
+
{ size: "md", icon: true, class: ["px-sm", "py-sm", "size-8"] },
|
|
75
95
|
{ size: "lg", icon: true, class: ["px-md", "py-md", " size-9"] }
|
|
76
96
|
],
|
|
77
97
|
defaultVariants: {
|
|
78
98
|
variant: "primary",
|
|
79
|
-
size: "
|
|
99
|
+
size: "md",
|
|
80
100
|
icon: false,
|
|
81
101
|
value: false
|
|
82
102
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputRoot, InputSlot } from './chunk-
|
|
1
|
+
import { InputRoot, InputSlot } from './chunk-A4B2PPJO.mjs';
|
|
2
2
|
import { cn } from './chunk-WM2VP7MI.mjs';
|
|
3
3
|
import React, { forwardRef, useRef, useState, useCallback } from 'react';
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkNCJQ4O4A_js = require('./chunk-NCJQ4O4A.js');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
7
7
|
var KVectorInput = react.forwardRef(function KVectorInput2({ value, dimensions, ...props }, ref) {
|
|
8
8
|
const k = dimensions || value.length;
|
|
9
9
|
const labels = Array.from({ length: k }, (_, i) => `${i}`);
|
|
10
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
10
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkNCJQ4O4A_js.VectorInput, { ref, value, labels, ...props });
|
|
11
11
|
});
|
|
12
12
|
|
|
13
13
|
exports.KVectorInput = KVectorInput;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkSJCDTUC2_js = require('./chunk-SJCDTUC2.js');
|
|
4
4
|
var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -187,7 +187,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
|
|
|
187
187
|
"data-[hover=y]:cursor-ns-resize"
|
|
188
188
|
]),
|
|
189
189
|
children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
190
|
-
|
|
190
|
+
chunkSJCDTUC2_js.InputRoot,
|
|
191
191
|
{
|
|
192
192
|
ref: (r) => {
|
|
193
193
|
inputs.current.set(index.toString(), r);
|
|
@@ -218,7 +218,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
|
|
|
218
218
|
"group-data-[hover=y]/number-input:cursor-ns-resize"
|
|
219
219
|
]),
|
|
220
220
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
221
|
-
|
|
221
|
+
chunkSJCDTUC2_js.InputSlot,
|
|
222
222
|
{
|
|
223
223
|
className: chunk7KYAICHB_js.cn(
|
|
224
224
|
"cursor-text",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkLJRMLJRU_js = require('./chunk-LJRMLJRU.js');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
7
7
|
var VectorInput = react.forwardRef(function VectorInput2({ labels, prefix, ...props }, ref) {
|
|
8
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkLJRMLJRU_js.InputNumbers, { ref, prefix: labels || prefix, ...props });
|
|
9
9
|
});
|
|
10
10
|
|
|
11
11
|
exports.VectorInput = VectorInput;
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
|
|
4
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
|
|
7
|
+
var panelVariants = classVarianceAuthority.cva(
|
|
8
|
+
[
|
|
9
|
+
"flex",
|
|
10
|
+
"flex-col",
|
|
11
|
+
"rounded-uk-lg",
|
|
12
|
+
"bg-bg-primary",
|
|
13
|
+
"shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
|
|
14
|
+
"liquid:liquid-bg"
|
|
15
|
+
],
|
|
16
|
+
{
|
|
17
|
+
variants: {
|
|
18
|
+
size: {
|
|
19
|
+
sm: "p-sm",
|
|
20
|
+
md: "p-md",
|
|
21
|
+
lg: "p-lg",
|
|
22
|
+
xl: "p-xl"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
defaultVariants: {
|
|
26
|
+
size: "lg"
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
function Panel({ className, size, ...props }) {
|
|
31
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel", className: chunk7KYAICHB_js.cn(panelVariants({ size, className })), ...props });
|
|
32
|
+
}
|
|
33
|
+
var panelHeaderVariants = classVarianceAuthority.cva(["flex", "flex-row", "items-center", "justify-between"], {
|
|
34
|
+
variants: {
|
|
35
|
+
size: {
|
|
36
|
+
sm: "gap-sm",
|
|
37
|
+
md: "gap-md",
|
|
38
|
+
lg: "gap-lg",
|
|
39
|
+
xl: "gap-xl"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
defaultVariants: {
|
|
43
|
+
size: "lg"
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
function PanelHeader({ className, size, ...props }) {
|
|
47
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
48
|
+
"div",
|
|
49
|
+
{
|
|
50
|
+
"data-slot": "panel-header",
|
|
51
|
+
className: chunk7KYAICHB_js.cn(panelHeaderVariants({ size, className })),
|
|
52
|
+
...props
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
}
|
|
56
|
+
function PanelTitle({ className, ...props }) {
|
|
57
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
58
|
+
"div",
|
|
59
|
+
{
|
|
60
|
+
"data-slot": "panel-title",
|
|
61
|
+
className: chunk7KYAICHB_js.cn(
|
|
62
|
+
"text-text-highlight",
|
|
63
|
+
"text-uk-md",
|
|
64
|
+
"leading-uk-md",
|
|
65
|
+
"font-medium",
|
|
66
|
+
"-mt-2",
|
|
67
|
+
"vertical-align-middle",
|
|
68
|
+
className
|
|
69
|
+
),
|
|
70
|
+
...props
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
function PanelDescription({ className, ...props }) {
|
|
75
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
76
|
+
"div",
|
|
77
|
+
{
|
|
78
|
+
"data-slot": "panel-description",
|
|
79
|
+
className: chunk7KYAICHB_js.cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className),
|
|
80
|
+
...props
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
function PanelAction({ className, ...props }) {
|
|
85
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
86
|
+
"div",
|
|
87
|
+
{
|
|
88
|
+
"data-slot": "panel-action",
|
|
89
|
+
className: chunk7KYAICHB_js.cn(
|
|
90
|
+
"text-text-secondary",
|
|
91
|
+
"text-uk-sm",
|
|
92
|
+
"leading-uk-sm",
|
|
93
|
+
"-mt-2",
|
|
94
|
+
"-mr-3",
|
|
95
|
+
"font-medium",
|
|
96
|
+
"vertical-align-middle",
|
|
97
|
+
className
|
|
98
|
+
),
|
|
99
|
+
...props
|
|
100
|
+
}
|
|
101
|
+
);
|
|
102
|
+
}
|
|
103
|
+
function PanelContent({ className, ...props }) {
|
|
104
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-content", className: chunk7KYAICHB_js.cn("", className), ...props });
|
|
105
|
+
}
|
|
106
|
+
function PanelFooter({ className, ...props }) {
|
|
107
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-footer", className: chunk7KYAICHB_js.cn("flex items-center", className), ...props });
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
exports.Panel = Panel;
|
|
111
|
+
exports.PanelAction = PanelAction;
|
|
112
|
+
exports.PanelContent = PanelContent;
|
|
113
|
+
exports.PanelDescription = PanelDescription;
|
|
114
|
+
exports.PanelFooter = PanelFooter;
|
|
115
|
+
exports.PanelHeader = PanelHeader;
|
|
116
|
+
exports.PanelTitle = PanelTitle;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkNCJQ4O4A_js = require('./chunk-NCJQ4O4A.js');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
@@ -8,7 +8,7 @@ var EulerInput = react.forwardRef(function EulerInput2({ value, onValuesChange,
|
|
|
8
8
|
const unitSymbol = unit === "deg" ? "\xB0" : "rad";
|
|
9
9
|
const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
|
|
10
10
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
11
|
-
|
|
11
|
+
chunkNCJQ4O4A_js.VectorInput,
|
|
12
12
|
{
|
|
13
13
|
ref,
|
|
14
14
|
value,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useTheme } from './chunk-DCSGUVTI.mjs';
|
|
2
2
|
import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-TCN3UDQE.mjs';
|
|
3
|
-
import { Button } from './chunk-
|
|
3
|
+
import { Button } from './chunk-X62V4I3P.mjs';
|
|
4
4
|
import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
|
|
5
5
|
import { useDocument } from './chunk-QG5Z4C65.mjs';
|
|
6
6
|
import { cn } from './chunk-WM2VP7MI.mjs';
|
|
@@ -52,8 +52,8 @@ var toggleButtonHighlightVariants = classVarianceAuthority.cva(
|
|
|
52
52
|
variants: {
|
|
53
53
|
variant: {
|
|
54
54
|
primary: ["bg-brand-primary", "shadow-sm", "rounded-uk-sm"],
|
|
55
|
-
secondary: ["bg-
|
|
56
|
-
ghost: ["bg-
|
|
55
|
+
secondary: ["bg-group-primary", "shadow-sm", "rounded-uk-sm"],
|
|
56
|
+
ghost: ["bg-group-primary", "shadow-sm", "rounded-uk-md"]
|
|
57
57
|
}
|
|
58
58
|
},
|
|
59
59
|
defaultVariants: {
|
|
@@ -91,13 +91,13 @@ var toggleButtonVariants = classVarianceAuthority.cva(
|
|
|
91
91
|
"text-text-tertiary",
|
|
92
92
|
"hover:text-text-secondary",
|
|
93
93
|
"active:text-brand-primary",
|
|
94
|
-
"data-[selected=true]:text-text-
|
|
94
|
+
"data-[selected=true]:text-text-highlight"
|
|
95
95
|
],
|
|
96
96
|
ghost: [
|
|
97
97
|
"text-text-tertiary",
|
|
98
98
|
"hover:text-text-secondary",
|
|
99
99
|
"active:text-brand-primary",
|
|
100
|
-
"data-[selected=true]:text-text-
|
|
100
|
+
"data-[selected=true]:text-text-highlight"
|
|
101
101
|
]
|
|
102
102
|
},
|
|
103
103
|
size: {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkHZIUWAJY_js = require('./chunk-HZIUWAJY.js');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
7
7
|
var IntInput = react.forwardRef(function IntInput2(props, ref) {
|
|
8
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkHZIUWAJY_js.NumberInput, { ref, step: 1, ...props });
|
|
9
9
|
});
|
|
10
10
|
|
|
11
11
|
exports.IntInput = IntInput;
|
|
@@ -78,19 +78,20 @@ var toggleGroupVariants = classVarianceAuthority.cva(
|
|
|
78
78
|
secondary: [
|
|
79
79
|
"text-text-secondary",
|
|
80
80
|
"bg-bg-secondary",
|
|
81
|
-
"hover:bg-
|
|
81
|
+
"hover:bg-group-hover",
|
|
82
82
|
"border-solid border border-transparent -mr-[1px]",
|
|
83
|
+
"dark:border-solid dark:border dark:-mr-[1px]",
|
|
83
84
|
"data-[state=on]:text-secondary-foreground",
|
|
84
|
-
"data-[state=on]:bg-
|
|
85
|
-
"data-[state=on]:border-line-
|
|
85
|
+
"data-[state=on]:bg-group-primary",
|
|
86
|
+
"data-[state=on]:border-line-secondary",
|
|
86
87
|
"data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]"
|
|
87
88
|
],
|
|
88
89
|
ghost: [
|
|
89
90
|
"bg-bg-primary",
|
|
90
|
-
"hover:bg-
|
|
91
|
+
"hover:bg-group-hover",
|
|
91
92
|
"text-text-secondary",
|
|
92
93
|
"data-[state=on]:text-text-withbg",
|
|
93
|
-
"data-[state=on]:bg-
|
|
94
|
+
"data-[state=on]:bg-group-primary",
|
|
94
95
|
"data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]",
|
|
95
96
|
"data-[state=on]:first:shadow-[inset_-0.5px_0_0_var(--muted)]",
|
|
96
97
|
"data-[state=on]:last:shadow-[inset_0.5px_0_0_var(--muted)]"
|
|
@@ -30,8 +30,8 @@ var toggleButtonHighlightVariants = cva(
|
|
|
30
30
|
variants: {
|
|
31
31
|
variant: {
|
|
32
32
|
primary: ["bg-brand-primary", "shadow-sm", "rounded-uk-sm"],
|
|
33
|
-
secondary: ["bg-
|
|
34
|
-
ghost: ["bg-
|
|
33
|
+
secondary: ["bg-group-primary", "shadow-sm", "rounded-uk-sm"],
|
|
34
|
+
ghost: ["bg-group-primary", "shadow-sm", "rounded-uk-md"]
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
defaultVariants: {
|
|
@@ -69,13 +69,13 @@ var toggleButtonVariants = cva(
|
|
|
69
69
|
"text-text-tertiary",
|
|
70
70
|
"hover:text-text-secondary",
|
|
71
71
|
"active:text-brand-primary",
|
|
72
|
-
"data-[selected=true]:text-text-
|
|
72
|
+
"data-[selected=true]:text-text-highlight"
|
|
73
73
|
],
|
|
74
74
|
ghost: [
|
|
75
75
|
"text-text-tertiary",
|
|
76
76
|
"hover:text-text-secondary",
|
|
77
77
|
"active:text-brand-primary",
|
|
78
|
-
"data-[selected=true]:text-text-
|
|
78
|
+
"data-[selected=true]:text-text-highlight"
|
|
79
79
|
]
|
|
80
80
|
},
|
|
81
81
|
size: {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR7F5I2ZC_js = require('./chunk-R7F5I2ZC.js');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
7
7
|
var EulerRadInput = react.forwardRef(
|
|
8
8
|
function EulerRadInput2(props, ref) {
|
|
9
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkR7F5I2ZC_js.EulerInput, { ref, unit: "rad", ...props });
|
|
10
10
|
}
|
|
11
11
|
);
|
|
12
12
|
|
|
@@ -1,33 +1,54 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
|
|
4
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
4
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
7
|
+
var cardVariants = classVarianceAuthority.cva(
|
|
8
|
+
[
|
|
9
|
+
"flex",
|
|
10
|
+
"flex-col",
|
|
11
|
+
"rounded-uk-lg",
|
|
12
|
+
"bg-bg-primary",
|
|
13
|
+
"shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
|
|
14
|
+
"liquid:liquid-bg"
|
|
15
|
+
],
|
|
16
|
+
{
|
|
17
|
+
variants: {
|
|
18
|
+
size: {
|
|
19
|
+
sm: "p-sm",
|
|
20
|
+
md: "p-md",
|
|
21
|
+
lg: "p-lg",
|
|
22
|
+
xl: "p-xl"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
defaultVariants: {
|
|
26
|
+
size: "lg"
|
|
22
27
|
}
|
|
23
|
-
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
function Card({ className, size, ...props }) {
|
|
31
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card", className: chunk7KYAICHB_js.cn(cardVariants({ size, className })), ...props });
|
|
24
32
|
}
|
|
25
|
-
|
|
33
|
+
var cardHeaderVariants = classVarianceAuthority.cva(["flex", "flex-row", "items-center", "justify-between"], {
|
|
34
|
+
variants: {
|
|
35
|
+
size: {
|
|
36
|
+
sm: "gap-sm",
|
|
37
|
+
md: "gap-md",
|
|
38
|
+
lg: "gap-lg",
|
|
39
|
+
xl: "gap-xl"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
defaultVariants: {
|
|
43
|
+
size: "lg"
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
function CardHeader({ className, size, ...props }) {
|
|
26
47
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
27
48
|
"div",
|
|
28
49
|
{
|
|
29
50
|
"data-slot": "card-header",
|
|
30
|
-
className: chunk7KYAICHB_js.cn(
|
|
51
|
+
className: chunk7KYAICHB_js.cn(cardHeaderVariants({ size, className })),
|
|
31
52
|
...props
|
|
32
53
|
}
|
|
33
54
|
);
|
|
@@ -42,6 +63,7 @@ function CardTitle({ className, ...props }) {
|
|
|
42
63
|
"text-uk-md",
|
|
43
64
|
"leading-uk-md",
|
|
44
65
|
"font-medium",
|
|
66
|
+
"-mt-2",
|
|
45
67
|
"vertical-align-middle",
|
|
46
68
|
className
|
|
47
69
|
),
|
|
@@ -54,7 +76,7 @@ function CardDescription({ className, ...props }) {
|
|
|
54
76
|
"div",
|
|
55
77
|
{
|
|
56
78
|
"data-slot": "card-description",
|
|
57
|
-
className: chunk7KYAICHB_js.cn("text-
|
|
79
|
+
className: chunk7KYAICHB_js.cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className),
|
|
58
80
|
...props
|
|
59
81
|
}
|
|
60
82
|
);
|
|
@@ -68,6 +90,8 @@ function CardAction({ className, ...props }) {
|
|
|
68
90
|
"text-text-secondary",
|
|
69
91
|
"text-uk-sm",
|
|
70
92
|
"leading-uk-sm",
|
|
93
|
+
"-mt-2",
|
|
94
|
+
"-mr-3",
|
|
71
95
|
"font-medium",
|
|
72
96
|
"vertical-align-middle",
|
|
73
97
|
className
|