@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.
Files changed (158) hide show
  1. package/README.md +4 -4
  2. package/dist/{chunk-2QG7LH4Z.js → chunk-3Z2LP3LS.js} +2 -2
  3. package/dist/{chunk-DZXMZBAQ.mjs → chunk-3ZIYCPA2.mjs} +1 -1
  4. package/dist/{chunk-MK2FKGWF.mjs → chunk-4TUTA7RT.mjs} +1 -1
  5. package/dist/{chunk-JOWWKLBU.js → chunk-5GIOU2JM.js} +2 -2
  6. package/dist/{chunk-FJ6UQH5F.mjs → chunk-5JWYKZSE.mjs} +1 -1
  7. package/dist/chunk-63EDCFHW.js +31 -0
  8. package/dist/{chunk-2XYF6PKB.mjs → chunk-6XJPOAMC.mjs} +1 -1
  9. package/dist/{chunk-GIXFQKLS.js → chunk-74NVABME.js} +4 -4
  10. package/dist/chunk-7D2U7OLU.js +43 -0
  11. package/dist/{chunk-73RTYZNL.mjs → chunk-7M4UKCPG.mjs} +1 -1
  12. package/dist/{chunk-KBG56PQD.mjs → chunk-7Y4ZBU3F.mjs} +1 -1
  13. package/dist/{chunk-6M5BGKUO.mjs → chunk-BPIIMI67.mjs} +6 -5
  14. package/dist/{chunk-GVO43E7E.mjs → chunk-BRUBQ56L.mjs} +2 -2
  15. package/dist/{chunk-UGCFQYE2.js → chunk-BXMCXEJS.js} +5 -5
  16. package/dist/{chunk-ZRS4RQCJ.mjs → chunk-BZNJPEBV.mjs} +1 -1
  17. package/dist/{chunk-IJIZFHQU.mjs → chunk-CDFUEPMP.mjs} +44 -20
  18. package/dist/{chunk-4GZZAQRD.js → chunk-D2SPJRXQ.js} +2 -2
  19. package/dist/chunk-DDDEXA7C.mjs +108 -0
  20. package/dist/{chunk-QL3COLR6.js → chunk-EGWM4H3H.js} +2 -2
  21. package/dist/{chunk-MZPSV4QX.js → chunk-EK4TN4X2.js} +2 -2
  22. package/dist/{chunk-3EC5RXZ4.js → chunk-EKL7ZBJ5.js} +2 -2
  23. package/dist/{chunk-GJW5EH5E.js → chunk-EOEE45O6.js} +5 -5
  24. package/dist/{chunk-6TXFW7SC.mjs → chunk-FGZBHVI5.mjs} +3 -3
  25. package/dist/{chunk-X4ATCXSD.js → chunk-FOVZMHFX.js} +2 -2
  26. package/dist/{chunk-ZLYXB2BN.js → chunk-FRGAKCTC.js} +2 -2
  27. package/dist/{chunk-VYBGHEHX.js → chunk-HSBH3LAX.js} +1 -1
  28. package/dist/chunk-HSDL6DIZ.mjs +20 -0
  29. package/dist/{chunk-6TMEH2MB.js → chunk-HZIUWAJY.js} +3 -3
  30. package/dist/{chunk-X6APNY5D.js → chunk-I2FV2SA4.js} +32 -12
  31. package/dist/{chunk-UY5QRJIG.mjs → chunk-JLDYYIVF.mjs} +1 -1
  32. package/dist/{chunk-LZE22ZNH.mjs → chunk-JSD2GSQT.mjs} +1 -1
  33. package/dist/{chunk-SOYKPBRO.mjs → chunk-KUHQMSH7.mjs} +1 -1
  34. package/dist/{chunk-HIY4N3LF.js → chunk-L2VCUMB2.js} +2 -2
  35. package/dist/{chunk-7TD2RBQJ.js → chunk-LJRMLJRU.js} +3 -3
  36. package/dist/{chunk-JENUY5GL.js → chunk-NCJQ4O4A.js} +2 -2
  37. package/dist/{chunk-TF7YO6KP.mjs → chunk-NECFV44M.mjs} +1 -1
  38. package/dist/chunk-OCJECXMC.js +116 -0
  39. package/dist/{chunk-SWG7LAW5.mjs → chunk-PO64Q3ZO.mjs} +1 -1
  40. package/dist/{chunk-7E25WN6I.js → chunk-R7F5I2ZC.js} +2 -2
  41. package/dist/{chunk-ZDZM3RJ3.mjs → chunk-RDM3DIRA.mjs} +1 -1
  42. package/dist/{chunk-JQ332WTL.js → chunk-RGPBFEZ4.js} +4 -4
  43. package/dist/{chunk-TOWQT55R.js → chunk-RIUNU4AH.js} +2 -2
  44. package/dist/{chunk-GDW2K5OF.js → chunk-SMQ77CCG.js} +6 -5
  45. package/dist/{chunk-BX7MGCJP.mjs → chunk-TKEC4NYZ.mjs} +4 -4
  46. package/dist/{chunk-YKL2SFIC.js → chunk-V7IKBW5J.js} +2 -2
  47. package/dist/{chunk-ZWHGRBDM.js → chunk-VIIXBE5K.js} +44 -20
  48. package/dist/{chunk-CV4KQETB.mjs → chunk-VYXH572K.mjs} +1 -1
  49. package/dist/{chunk-7GCEJU5S.mjs → chunk-W4NQFVTT.mjs} +1 -1
  50. package/dist/{chunk-GY65PGYR.mjs → chunk-X62V4I3P.mjs} +32 -12
  51. package/dist/chunk-XGPEJNBW.mjs +27 -0
  52. package/dist/{chunk-HGT65KY2.js → chunk-YDRFWDW6.js} +4 -4
  53. package/dist/{chunk-SG2PPP7N.mjs → chunk-YY3YYEU3.mjs} +3 -3
  54. package/dist/{chunk-QD6L25T6.mjs → chunk-Z47NVGKH.mjs} +1 -1
  55. package/dist/{chunk-36Q5EL3V.mjs → chunk-Z64O2G4W.mjs} +1 -1
  56. package/dist/highlight-cursor/enhanced-components.js +8 -8
  57. package/dist/highlight-cursor/enhanced-components.mjs +3 -3
  58. package/dist/highlight-cursor/index.js +8 -8
  59. package/dist/highlight-cursor/index.mjs +3 -3
  60. package/dist/index.css +44 -13
  61. package/dist/index.d.mts +6 -2
  62. package/dist/index.d.ts +6 -2
  63. package/dist/index.js +226 -175
  64. package/dist/index.mjs +38 -35
  65. package/dist/styles/theme.css +44 -13
  66. package/dist/styles/variables.css +43 -12
  67. package/dist/ui/button.d.mts +2 -2
  68. package/dist/ui/button.d.ts +2 -2
  69. package/dist/ui/button.js +3 -3
  70. package/dist/ui/button.mjs +1 -1
  71. package/dist/ui/card.d.mts +21 -3
  72. package/dist/ui/card.d.ts +21 -3
  73. package/dist/ui/card.js +8 -8
  74. package/dist/ui/card.mjs +1 -1
  75. package/dist/ui/form/CmInput.js +4 -4
  76. package/dist/ui/form/CmInput.mjs +3 -3
  77. package/dist/ui/form/DegInput.js +4 -4
  78. package/dist/ui/form/DegInput.mjs +3 -3
  79. package/dist/ui/form/EulerDegInput.js +6 -6
  80. package/dist/ui/form/EulerDegInput.mjs +5 -5
  81. package/dist/ui/form/EulerInput.js +5 -5
  82. package/dist/ui/form/EulerInput.mjs +4 -4
  83. package/dist/ui/form/EulerRadInput.js +6 -6
  84. package/dist/ui/form/EulerRadInput.mjs +5 -5
  85. package/dist/ui/form/InchInput.js +4 -4
  86. package/dist/ui/form/InchInput.mjs +3 -3
  87. package/dist/ui/form/IntInput.js +4 -4
  88. package/dist/ui/form/IntInput.mjs +3 -3
  89. package/dist/ui/form/KVectorInput.js +5 -5
  90. package/dist/ui/form/KVectorInput.mjs +4 -4
  91. package/dist/ui/form/NumberInput.js +3 -3
  92. package/dist/ui/form/NumberInput.mjs +2 -2
  93. package/dist/ui/form/QuaternionInput.js +5 -5
  94. package/dist/ui/form/QuaternionInput.mjs +4 -4
  95. package/dist/ui/form/RadInput.js +4 -4
  96. package/dist/ui/form/RadInput.mjs +3 -3
  97. package/dist/ui/form/TimeInput.js +4 -4
  98. package/dist/ui/form/TimeInput.mjs +3 -3
  99. package/dist/ui/form/Vec3Input.js +5 -5
  100. package/dist/ui/form/Vec3Input.mjs +4 -4
  101. package/dist/ui/form/VectorInput.js +4 -4
  102. package/dist/ui/form/VectorInput.mjs +3 -3
  103. package/dist/ui/form/index.js +44 -44
  104. package/dist/ui/form/index.mjs +16 -16
  105. package/dist/ui/index.d.mts +6 -2
  106. package/dist/ui/index.d.ts +6 -2
  107. package/dist/ui/index.js +220 -169
  108. package/dist/ui/index.mjs +37 -34
  109. package/dist/ui/input-numbers.js +3 -3
  110. package/dist/ui/input-numbers.mjs +2 -2
  111. package/dist/ui/input.d.mts +1 -1
  112. package/dist/ui/input.d.ts +1 -1
  113. package/dist/ui/input.js +7 -3
  114. package/dist/ui/input.mjs +1 -1
  115. package/dist/ui/label.d.mts +8 -0
  116. package/dist/ui/label.d.ts +8 -0
  117. package/dist/ui/label.js +17 -0
  118. package/dist/ui/label.mjs +8 -0
  119. package/dist/ui/pagination.js +9 -9
  120. package/dist/ui/pagination.mjs +2 -2
  121. package/dist/ui/panel.d.mts +51 -0
  122. package/dist/ui/panel.d.ts +51 -0
  123. package/dist/ui/panel.js +41 -0
  124. package/dist/ui/panel.mjs +8 -0
  125. package/dist/ui/sidebar.js +28 -28
  126. package/dist/ui/sidebar.mjs +4 -4
  127. package/dist/ui/theme/ThemeToggles.js +4 -4
  128. package/dist/ui/theme/ThemeToggles.mjs +2 -2
  129. package/dist/ui/theme/index.js +4 -4
  130. package/dist/ui/theme/index.mjs +2 -2
  131. package/dist/ui/toggle-buttons.js +6 -6
  132. package/dist/ui/toggle-buttons.mjs +1 -1
  133. package/dist/ui/toggle-group.js +4 -4
  134. package/dist/ui/toggle-group.mjs +1 -1
  135. package/dist/ui/toolbar.d.mts +30 -0
  136. package/dist/ui/toolbar.d.ts +30 -0
  137. package/dist/ui/toolbar.js +25 -0
  138. package/dist/ui/toolbar.mjs +8 -0
  139. package/dist/ui/version-badge.js +2 -2
  140. package/dist/ui/version-badge.mjs +1 -1
  141. package/package.json +2 -1
  142. package/src/styles/.editorconfig +0 -0
  143. package/src/styles/theme.css +29 -17
  144. package/src/styles/variables.css +43 -12
  145. package/src/ui/button.tsx +33 -13
  146. package/src/ui/card.tsx +59 -20
  147. package/src/ui/index.ts +3 -0
  148. package/src/ui/input.tsx +5 -0
  149. package/src/ui/label.tsx +24 -0
  150. package/src/ui/pagination.tsx +2 -2
  151. package/src/ui/panel.tsx +146 -0
  152. package/src/ui/toggle-buttons.tsx +4 -4
  153. package/src/ui/toggle-group.tsx +6 -5
  154. package/src/ui/toolbar.tsx +52 -0
  155. /package/dist/{chunk-INX2EB5H.mjs → chunk-A4B2PPJO.mjs} +0 -0
  156. /package/dist/{chunk-BF5C2QUL.mjs → chunk-ITIORYIZ.mjs} +0 -0
  157. /package/dist/{chunk-C6R5HMUP.js → chunk-JR6IQPCY.js} +0 -0
  158. /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 chunk3YODEBOY_js = require('./chunk-3YODEBOY.js');
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(chunk3YODEBOY_js.InputRoot, { ref, type: "number", ...props, children: [
8
+ return /* @__PURE__ */ jsxRuntime.jsxs(chunkSJCDTUC2_js.InputRoot, { ref, type: "number", ...props, children: [
9
9
  children,
10
- unit && /* @__PURE__ */ jsxRuntime.jsx(chunk3YODEBOY_js.InputSlot, { side: "right", children: unit })
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-secondary",
39
- "active:bg-brand-tertiary"
37
+ "hover:bg-brand-hover",
38
+ "active:bg-brand-pressed"
40
39
  ],
41
40
  secondary: [
42
- "bg-bg-secondary",
41
+ "bg-alt-primary",
43
42
  "text-text-highlight",
44
- "hover:bg-bg-quaternary",
45
- "active:bg-bg-tertiary"
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-secondary",
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: ["text-uk-sm", "h-6", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
63
- base: ["text-uk-md", "h-8 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-4"],
64
- lg: ["text-uk-lg", "h-9", " gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-5"]
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: "base", icon: true, class: ["px-sm", "py-sm", "size-8"] },
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: "base",
99
+ size: "md",
80
100
  icon: false,
81
101
  value: false
82
102
  }
@@ -1,4 +1,4 @@
1
- import { VectorInput } from './chunk-36Q5EL3V.mjs';
1
+ import { VectorInput } from './chunk-Z64O2G4W.mjs';
2
2
  import { forwardRef } from 'react';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
 
@@ -1,4 +1,4 @@
1
- import { InputRoot, InputSlot } from './chunk-INX2EB5H.mjs';
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,4 +1,4 @@
1
- import { NumberInput } from './chunk-QD6L25T6.mjs';
1
+ import { NumberInput } from './chunk-Z47NVGKH.mjs';
2
2
  import { forwardRef } from 'react';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
 
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var chunkJENUY5GL_js = require('./chunk-JENUY5GL.js');
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(chunkJENUY5GL_js.VectorInput, { ref, value, labels, ...props });
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 chunk3YODEBOY_js = require('./chunk-3YODEBOY.js');
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
- chunk3YODEBOY_js.InputRoot,
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
- chunk3YODEBOY_js.InputSlot,
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 chunk7TD2RBQJ_js = require('./chunk-7TD2RBQJ.js');
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(chunk7TD2RBQJ_js.InputNumbers, { ref, prefix: labels || prefix, ...props });
8
+ return /* @__PURE__ */ jsxRuntime.jsx(chunkLJRMLJRU_js.InputNumbers, { ref, prefix: labels || prefix, ...props });
9
9
  });
10
10
 
11
11
  exports.VectorInput = VectorInput;
@@ -1,4 +1,4 @@
1
- import { NumberInput } from './chunk-QD6L25T6.mjs';
1
+ import { NumberInput } from './chunk-Z47NVGKH.mjs';
2
2
  import { forwardRef } from 'react';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
 
@@ -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,4 +1,4 @@
1
- import { NumberInput } from './chunk-QD6L25T6.mjs';
1
+ import { NumberInput } from './chunk-Z47NVGKH.mjs';
2
2
  import { forwardRef } from 'react';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkJENUY5GL_js = require('./chunk-JENUY5GL.js');
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
- chunkJENUY5GL_js.VectorInput,
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-GY65PGYR.mjs';
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-bg-primary", "shadow-sm", "rounded-uk-sm"],
56
- ghost: ["bg-bg-primary", "shadow-sm", "rounded-uk-md"]
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-primary"
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-primary"
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 chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
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(chunk6TMEH2MB_js.NumberInput, { ref, step: 1, ...props });
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-tertiary",
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-bg-primary",
85
- "data-[state=on]:border-line-primary",
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-tertiary",
91
+ "hover:bg-group-hover",
91
92
  "text-text-secondary",
92
93
  "data-[state=on]:text-text-withbg",
93
- "data-[state=on]:bg-text-primary",
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-bg-primary", "shadow-sm", "rounded-uk-sm"],
34
- ghost: ["bg-bg-primary", "shadow-sm", "rounded-uk-md"]
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-primary"
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-primary"
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 chunk7E25WN6I_js = require('./chunk-7E25WN6I.js');
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(chunk7E25WN6I_js.EulerInput, { ref, unit: "rad", ...props });
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
- function Card({ className, ...props }) {
7
- return /* @__PURE__ */ jsxRuntime.jsx(
8
- "div",
9
- {
10
- "data-slot": "card",
11
- className: chunk7KYAICHB_js.cn(
12
- "flex",
13
- "flex-col",
14
- "rounded-uk-lg",
15
- "p-lg",
16
- "bg-bg-primary",
17
- "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
18
- "liquid:liquid-bg",
19
- className
20
- ),
21
- ...props
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
- function CardHeader({ className, ...props }) {
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("flex", "flex-row", "items-center", "justify-between", "gap-lg", className),
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-text-secondary text-uk-sm leading-uk-sm", className),
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
@@ -1,4 +1,4 @@
1
- import { VectorInput } from './chunk-36Q5EL3V.mjs';
1
+ import { VectorInput } from './chunk-Z64O2G4W.mjs';
2
2
  import { forwardRef } from 'react';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
 
@@ -1,4 +1,4 @@
1
- import { VectorInput } from './chunk-36Q5EL3V.mjs';
1
+ import { VectorInput } from './chunk-Z64O2G4W.mjs';
2
2
  import { forwardRef } from 'react';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4