@spear-ai/spectral 1.3.19 → 1.3.21
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/.js +51 -51
- package/dist/Slider/SliderBase.js +97 -98
- package/dist/Slider.js +3 -3
- package/dist/assets/main.css +1 -1
- package/dist/components/Slider/Slider.d.ts +1 -1
- package/dist/components/Slider/Slider.d.ts.map +1 -1
- package/dist/components/Slider/SliderBase.d.ts +2 -2
- package/dist/components/Slider/SliderBase.d.ts.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/.js
CHANGED
|
@@ -12,67 +12,67 @@ import { Toggle as P } from "./Toggle.js";
|
|
|
12
12
|
import { ToggleGroup as G, ToggleGroupItem as h } from "./ToggleGroup.js";
|
|
13
13
|
import { Toolbar as w } from "./Toolbar.js";
|
|
14
14
|
import { Tooltip as D, TooltipContent as Z, TooltipTrigger as b } from "./Tooltip.js";
|
|
15
|
-
import {
|
|
15
|
+
import { AnnotationsIcon as A } from "./Icons/AnnotationsIcon.js";
|
|
16
|
+
import { CalendarIcon as E } from "./Icons/CalendarIcon.js";
|
|
17
|
+
import { ClockIcon as M } from "./Icons/ClockIcon.js";
|
|
18
|
+
import { DeleteIcon as U } from "./Icons/DeleteIcon.js";
|
|
19
|
+
import { DurationIcon as X } from "./Icons/DurationIcon.js";
|
|
20
|
+
import { EraserIcon as j } from "./Icons/EraserIcon.js";
|
|
21
|
+
import { GoToFirstIcon as z } from "./Icons/GoToFirstIcon.js";
|
|
22
|
+
import { GoToLastIcon as J } from "./Icons/GoToLastIcon.js";
|
|
23
|
+
import { LabelIcon as N } from "./Icons/LabelIcon.js";
|
|
24
|
+
import { LassoIcon as W } from "./Icons/LassoIcon.js";
|
|
25
|
+
import { LineToolIcon as $ } from "./Icons/LineToolIcon.js";
|
|
26
|
+
import { LiveViewIcon as ro } from "./Icons/LiveViewIcon.js";
|
|
27
|
+
import { LocationIcon as to } from "./Icons/LocationIcon.js";
|
|
28
|
+
import { MetadataIcon as mo } from "./Icons/MetadataIcon.js";
|
|
29
|
+
import { OntologyIcon as fo } from "./Icons/OntologyIcon.js";
|
|
30
|
+
import { PlayIcon as co } from "./Icons/PlayIcon.js";
|
|
31
|
+
import { PlusIcon as ao } from "./Icons/PlusIcon.js";
|
|
32
|
+
import { ResetIcon as io } from "./Icons/ResetIcon.js";
|
|
33
|
+
import { ScissorsIcon as To } from "./Icons/ScissorsIcon.js";
|
|
34
|
+
import { TrashIcon as uo } from "./Icons/TrashIcon.js";
|
|
35
|
+
import { UndoIcon as Lo } from "./Icons/UndoIcon.js";
|
|
36
|
+
import { ZoomAllIcon as Po } from "./Icons/ZoomAllIcon.js";
|
|
37
|
+
import { ZoomXIcon as Go } from "./Icons/ZoomXIcon.js";
|
|
38
|
+
import { ZoomYIcon as ko } from "./Icons/ZoomYIcon.js";
|
|
39
|
+
import { default as Bo, SvgIdContext as Do } from "./Icons/IconBase.js";
|
|
16
40
|
import "react";
|
|
17
|
-
import { AnnotationsIcon as F } from "./Icons/AnnotationsIcon.js";
|
|
18
|
-
import { CalendarIcon as R } from "./Icons/CalendarIcon.js";
|
|
19
|
-
import { ClockIcon as V } from "./Icons/ClockIcon.js";
|
|
20
|
-
import { DeleteIcon as Y } from "./Icons/DeleteIcon.js";
|
|
21
|
-
import { DurationIcon as q } from "./Icons/DurationIcon.js";
|
|
22
|
-
import { EraserIcon as H } from "./Icons/EraserIcon.js";
|
|
23
|
-
import { GoToFirstIcon as K } from "./Icons/GoToFirstIcon.js";
|
|
24
|
-
import { GoToLastIcon as Q } from "./Icons/GoToLastIcon.js";
|
|
25
|
-
import { LabelIcon as _ } from "./Icons/LabelIcon.js";
|
|
26
|
-
import { LassoIcon as oo } from "./Icons/LassoIcon.js";
|
|
27
|
-
import { LineToolIcon as eo } from "./Icons/LineToolIcon.js";
|
|
28
|
-
import { LiveViewIcon as po } from "./Icons/LiveViewIcon.js";
|
|
29
|
-
import { LocationIcon as no } from "./Icons/LocationIcon.js";
|
|
30
|
-
import { MetadataIcon as xo } from "./Icons/MetadataIcon.js";
|
|
31
|
-
import { OntologyIcon as Io } from "./Icons/OntologyIcon.js";
|
|
32
|
-
import { PlayIcon as lo } from "./Icons/PlayIcon.js";
|
|
33
|
-
import { PlusIcon as so } from "./Icons/PlusIcon.js";
|
|
34
|
-
import { ResetIcon as go } from "./Icons/ResetIcon.js";
|
|
35
|
-
import { ScissorsIcon as Co } from "./Icons/ScissorsIcon.js";
|
|
36
|
-
import { TrashIcon as vo } from "./Icons/TrashIcon.js";
|
|
37
|
-
import { UndoIcon as So } from "./Icons/UndoIcon.js";
|
|
38
|
-
import { ZoomAllIcon as ho } from "./Icons/ZoomAllIcon.js";
|
|
39
|
-
import { ZoomXIcon as wo } from "./Icons/ZoomXIcon.js";
|
|
40
|
-
import { ZoomYIcon as Do } from "./Icons/ZoomYIcon.js";
|
|
41
41
|
import { useOutsideClick as bo } from "./hooks/useOutsideClick.js";
|
|
42
42
|
import { useTheme as Ao } from "./hooks/useTheme.js";
|
|
43
43
|
import { c as Eo } from "./twUtils-CRiPKpXj.js";
|
|
44
44
|
/* empty css */
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
A as AnnotationsIcon,
|
|
47
47
|
p as Badge,
|
|
48
48
|
n as Button,
|
|
49
|
-
|
|
49
|
+
E as CalendarIcon,
|
|
50
50
|
x as Card,
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
M as ClockIcon,
|
|
52
|
+
U as DeleteIcon,
|
|
53
53
|
I as Drawer,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
54
|
+
X as DurationIcon,
|
|
55
|
+
j as EraserIcon,
|
|
56
|
+
z as GoToFirstIcon,
|
|
57
|
+
J as GoToLastIcon,
|
|
58
|
+
Bo as IconBase,
|
|
59
|
+
N as LabelIcon,
|
|
60
|
+
W as LassoIcon,
|
|
61
|
+
$ as LineToolIcon,
|
|
62
|
+
ro as LiveViewIcon,
|
|
63
|
+
to as LocationIcon,
|
|
64
|
+
mo as MetadataIcon,
|
|
65
|
+
fo as OntologyIcon,
|
|
66
|
+
co as PlayIcon,
|
|
67
|
+
ao as PlusIcon,
|
|
68
68
|
l as Popover,
|
|
69
69
|
i as PopoverContent,
|
|
70
70
|
s as PopoverTrigger,
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
io as ResetIcon,
|
|
72
|
+
To as ScissorsIcon,
|
|
73
73
|
g as Skeleton,
|
|
74
74
|
u as Slider,
|
|
75
|
-
|
|
75
|
+
Do as SvgIdContext,
|
|
76
76
|
L as Switch,
|
|
77
77
|
P as Toggle,
|
|
78
78
|
G as ToggleGroup,
|
|
@@ -81,11 +81,11 @@ export {
|
|
|
81
81
|
D as Tooltip,
|
|
82
82
|
Z as TooltipContent,
|
|
83
83
|
b as TooltipTrigger,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
84
|
+
uo as TrashIcon,
|
|
85
|
+
Lo as UndoIcon,
|
|
86
|
+
Po as ZoomAllIcon,
|
|
87
|
+
Go as ZoomXIcon,
|
|
88
|
+
ko as ZoomYIcon,
|
|
89
89
|
Eo as cn,
|
|
90
90
|
bo as useOutsideClick,
|
|
91
91
|
Ao as useTheme
|
|
@@ -1,80 +1,80 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as k, jsxs as Q } from "react/jsx-runtime";
|
|
3
3
|
import { Slot as P } from "../primitives/slot.js";
|
|
4
|
-
import { createContext as W, forwardRef as
|
|
5
|
-
function
|
|
4
|
+
import { createContext as W, forwardRef as E, useEffect as Z, useRef as G, useState as B, useCallback as A, useContext as F, createRef as _ } from "react";
|
|
5
|
+
function x(...r) {
|
|
6
6
|
return r.filter(Boolean).join(" ");
|
|
7
7
|
}
|
|
8
|
-
function I(r,
|
|
9
|
-
return Math.min(e, Math.max(
|
|
8
|
+
function I(r, i, e) {
|
|
9
|
+
return Math.min(e, Math.max(i, r));
|
|
10
10
|
}
|
|
11
|
-
function
|
|
12
|
-
const a = Math.round((r - e) /
|
|
11
|
+
function U(r, i, e) {
|
|
12
|
+
const a = Math.round((r - e) / i), l = e + a * i;
|
|
13
13
|
return Number(l.toFixed(10));
|
|
14
14
|
}
|
|
15
|
-
function L(r,
|
|
16
|
-
return (r -
|
|
15
|
+
function L(r, i, e) {
|
|
16
|
+
return (r - i) * 100 / (e - i);
|
|
17
17
|
}
|
|
18
|
-
function tt(r,
|
|
19
|
-
return
|
|
18
|
+
function tt(r, i, e) {
|
|
19
|
+
return i + r / 100 * (e - i);
|
|
20
20
|
}
|
|
21
|
-
function et(r,
|
|
21
|
+
function et(r, i) {
|
|
22
22
|
let e = 0, a = 1 / 0;
|
|
23
23
|
for (let l = 0; l < r.length; l += 1) {
|
|
24
|
-
const n = Math.abs(r[l] -
|
|
24
|
+
const n = Math.abs(r[l] - i);
|
|
25
25
|
n < a && (a = n, e = l);
|
|
26
26
|
}
|
|
27
27
|
return e;
|
|
28
28
|
}
|
|
29
29
|
function nt(r) {
|
|
30
|
-
const { value:
|
|
30
|
+
const { value: i, defaultValue: e, onChange: a } = r, [l, n] = B(e), s = Array.isArray(i), t = s ? i : l, o = A(
|
|
31
31
|
(u) => {
|
|
32
32
|
const d = typeof u == "function" ? u(t) : u;
|
|
33
33
|
s || n(d), a?.(d);
|
|
34
34
|
},
|
|
35
35
|
[s, a, t]
|
|
36
36
|
);
|
|
37
|
-
return [t,
|
|
37
|
+
return [t, o];
|
|
38
38
|
}
|
|
39
|
-
const
|
|
39
|
+
const z = W(null), rt = E(
|
|
40
40
|
({
|
|
41
41
|
asChild: r,
|
|
42
|
-
className:
|
|
42
|
+
className: i,
|
|
43
43
|
value: e,
|
|
44
44
|
defaultValue: a,
|
|
45
45
|
onValueChange: l,
|
|
46
46
|
onValueCommit: n,
|
|
47
47
|
min: s = 0,
|
|
48
48
|
max: t = 100,
|
|
49
|
-
step:
|
|
49
|
+
step: o = 1,
|
|
50
50
|
minStepsBetweenThumbs: u = 0,
|
|
51
51
|
orientation: d = "horizontal",
|
|
52
52
|
dir: S = "ltr",
|
|
53
53
|
disabled: b = !1,
|
|
54
|
-
name:
|
|
54
|
+
name: h,
|
|
55
55
|
form: N,
|
|
56
56
|
required: T,
|
|
57
57
|
children: V,
|
|
58
58
|
...$
|
|
59
59
|
}, c) => {
|
|
60
|
-
const [m,
|
|
60
|
+
const [m, p] = nt({
|
|
61
61
|
value: e,
|
|
62
62
|
defaultValue: a && a.length > 0 ? a : [s],
|
|
63
63
|
onChange: l
|
|
64
64
|
});
|
|
65
65
|
Z(() => {
|
|
66
|
-
|
|
67
|
-
}, [s, t,
|
|
68
|
-
const v =
|
|
66
|
+
p((g) => X(g, { min: s, max: t, step: o, minStepsBetweenThumbs: u }));
|
|
67
|
+
}, [s, t, o, u]);
|
|
68
|
+
const v = G(null), f = G([]), [y, C] = B(null), w = A(
|
|
69
69
|
(g, R) => {
|
|
70
|
-
const D = X(g, { min: s, max: t, step:
|
|
71
|
-
|
|
70
|
+
const D = X(g, { min: s, max: t, step: o, minStepsBetweenThumbs: u });
|
|
71
|
+
p(D), R?.commit && n?.(D);
|
|
72
72
|
},
|
|
73
|
-
[t, s, u, n,
|
|
73
|
+
[t, s, u, n, p, o]
|
|
74
74
|
), K = A(
|
|
75
75
|
(g, R, D) => {
|
|
76
|
-
const
|
|
77
|
-
|
|
76
|
+
const j = [...m];
|
|
77
|
+
j[g] = R, w(j, D);
|
|
78
78
|
},
|
|
79
79
|
[w, m]
|
|
80
80
|
), M = {
|
|
@@ -82,36 +82,36 @@ const x = W(null), rt = z(
|
|
|
82
82
|
setValues: w,
|
|
83
83
|
min: s,
|
|
84
84
|
max: t,
|
|
85
|
-
step:
|
|
85
|
+
step: o,
|
|
86
86
|
minStepsBetweenThumbs: u,
|
|
87
87
|
orientation: d,
|
|
88
88
|
dir: S,
|
|
89
89
|
disabled: b,
|
|
90
90
|
trackRef: v,
|
|
91
|
-
thumbsRef:
|
|
91
|
+
thumbsRef: f,
|
|
92
92
|
activeIndex: y,
|
|
93
93
|
setActiveIndex: C,
|
|
94
94
|
updateAtIndex: K
|
|
95
95
|
}, J = r ? P : "div", O = c;
|
|
96
|
-
return /* @__PURE__ */ k(
|
|
96
|
+
return /* @__PURE__ */ k(z.Provider, { value: M, children: /* @__PURE__ */ Q(
|
|
97
97
|
J,
|
|
98
98
|
{
|
|
99
99
|
ref: O,
|
|
100
100
|
role: "presentation",
|
|
101
101
|
"data-orientation": d,
|
|
102
102
|
"data-disabled": b ? "" : void 0,
|
|
103
|
-
className:
|
|
103
|
+
className: x(
|
|
104
104
|
"relative touch-none select-none",
|
|
105
105
|
d === "horizontal" ? "h-6 w-full" : "h-full w-6",
|
|
106
|
-
|
|
106
|
+
i
|
|
107
107
|
),
|
|
108
108
|
...$,
|
|
109
109
|
children: [
|
|
110
|
-
|
|
110
|
+
h && M.values.map((g, R) => /* @__PURE__ */ k(
|
|
111
111
|
"input",
|
|
112
112
|
{
|
|
113
113
|
type: "hidden",
|
|
114
|
-
name: M.values.length > 1 ? `${
|
|
114
|
+
name: M.values.length > 1 ? `${h}[]` : h,
|
|
115
115
|
value: String(g),
|
|
116
116
|
form: N,
|
|
117
117
|
required: T && R === 0,
|
|
@@ -125,29 +125,29 @@ const x = W(null), rt = z(
|
|
|
125
125
|
) });
|
|
126
126
|
}
|
|
127
127
|
);
|
|
128
|
-
rt.displayName = "
|
|
129
|
-
function X(r,
|
|
130
|
-
const { min: e, max: a, step: l, minStepsBetweenThumbs: n } =
|
|
131
|
-
if (s.sort((
|
|
128
|
+
rt.displayName = "SliderBase";
|
|
129
|
+
function X(r, i) {
|
|
130
|
+
const { min: e, max: a, step: l, minStepsBetweenThumbs: n } = i, s = r.map((o) => I(U(o, l, e), e, a));
|
|
131
|
+
if (s.sort((o, u) => o - u), s.length <= 1 || n <= 0) return s;
|
|
132
132
|
const t = l * n;
|
|
133
|
-
for (let
|
|
134
|
-
s[
|
|
133
|
+
for (let o = 1; o < s.length; o += 1)
|
|
134
|
+
s[o] - s[o - 1] < t && (s[o] = I(s[o - 1] + t, e, a));
|
|
135
135
|
return s;
|
|
136
136
|
}
|
|
137
|
-
const ot =
|
|
138
|
-
({ asChild: r, className:
|
|
139
|
-
const n =
|
|
137
|
+
const ot = E(
|
|
138
|
+
({ asChild: r, className: i, onPointerDown: e, ...a }, l) => {
|
|
139
|
+
const n = F(z);
|
|
140
140
|
if (!n) throw new Error("SliderTrack must be used within Slider");
|
|
141
141
|
const s = r ? P : "div", t = (u) => {
|
|
142
142
|
n.trackRef.current = u, typeof l == "function" ? l(u) : l && "current" in l && (l.current = u);
|
|
143
|
-
},
|
|
143
|
+
}, o = A(
|
|
144
144
|
(u) => {
|
|
145
145
|
if (e?.(u), u.defaultPrevented || n.disabled) return;
|
|
146
146
|
const d = n.trackRef.current;
|
|
147
147
|
if (!d) return;
|
|
148
148
|
d.setPointerCapture?.(u.pointerId), u.preventDefault();
|
|
149
|
-
const S = d.getBoundingClientRect(), b = Y(u.clientX, u.clientY, S, n),
|
|
150
|
-
n.setActiveIndex(
|
|
149
|
+
const S = d.getBoundingClientRect(), b = Y(u.clientX, u.clientY, S, n), h = et(n.values, b);
|
|
150
|
+
n.setActiveIndex(h), n.updateAtIndex(h, b), H(h, n);
|
|
151
151
|
},
|
|
152
152
|
[n, e]
|
|
153
153
|
);
|
|
@@ -156,30 +156,30 @@ const ot = z(
|
|
|
156
156
|
{
|
|
157
157
|
ref: t,
|
|
158
158
|
"data-orientation": n.orientation,
|
|
159
|
-
className:
|
|
159
|
+
className: x(
|
|
160
160
|
"bg-secondary relative grow rounded-full",
|
|
161
161
|
n.orientation === "horizontal" ? "h-2" : "w-2",
|
|
162
|
-
|
|
162
|
+
i
|
|
163
163
|
),
|
|
164
164
|
style: { touchAction: "none" },
|
|
165
|
-
onPointerDown:
|
|
165
|
+
onPointerDown: o,
|
|
166
166
|
...a
|
|
167
167
|
}
|
|
168
168
|
);
|
|
169
169
|
}
|
|
170
170
|
);
|
|
171
171
|
ot.displayName = "SliderTrack";
|
|
172
|
-
const it =
|
|
173
|
-
({ asChild: r, className:
|
|
174
|
-
const n =
|
|
172
|
+
const it = E(
|
|
173
|
+
({ asChild: r, className: i, style: e, ...a }, l) => {
|
|
174
|
+
const n = F(z);
|
|
175
175
|
if (!n) throw new Error("SliderRange must be used within Slider");
|
|
176
|
-
const s = r ? P : "div", t = L(n.values[0], n.min, n.max),
|
|
176
|
+
const s = r ? P : "div", t = L(n.values[0], n.min, n.max), o = L(n.values[n.values.length - 1], n.min, n.max), u = n.orientation === "horizontal" ? { left: `${t}%`, width: `${o - t}%` } : { bottom: `${t}%`, height: `${o - t}%` };
|
|
177
177
|
return /* @__PURE__ */ k(
|
|
178
178
|
s,
|
|
179
179
|
{
|
|
180
180
|
ref: l,
|
|
181
181
|
"data-orientation": n.orientation,
|
|
182
|
-
className:
|
|
182
|
+
className: x("bg-primary absolute rounded-full", n.orientation === "horizontal" ? "h-2" : "w-2", i),
|
|
183
183
|
style: { ...u, ...e },
|
|
184
184
|
...a
|
|
185
185
|
}
|
|
@@ -187,61 +187,61 @@ const it = z(
|
|
|
187
187
|
}
|
|
188
188
|
);
|
|
189
189
|
it.displayName = "SliderRange";
|
|
190
|
-
const at =
|
|
191
|
-
({ asChild: r, className:
|
|
192
|
-
const t =
|
|
190
|
+
const at = E(
|
|
191
|
+
({ asChild: r, className: i, index: e, onKeyDown: a, onPointerDown: l, ...n }, s) => {
|
|
192
|
+
const t = F(z);
|
|
193
193
|
if (!t) throw new Error("SliderThumb must be used within Slider");
|
|
194
|
-
const [
|
|
194
|
+
const [o] = B(() => {
|
|
195
195
|
const c = typeof e == "number" ? e : t.thumbsRef.current.length;
|
|
196
196
|
return t.thumbsRef.current[c] || (t.thumbsRef.current[c] = _()), c;
|
|
197
|
-
}), u = t.values[
|
|
198
|
-
t.thumbsRef.current[
|
|
199
|
-
}, N = (t.activeIndex === null || t.activeIndex ===
|
|
197
|
+
}), u = t.values[o] ?? t.values[t.values.length - 1], d = L(u, t.min, t.max), S = r ? P : "button", b = (c) => {
|
|
198
|
+
t.thumbsRef.current[o].current = c, typeof s == "function" ? s(c) : s && "current" in s && (s.current = c);
|
|
199
|
+
}, N = (t.activeIndex === null || t.activeIndex === o) && !t.disabled ? 0 : -1, T = A(
|
|
200
200
|
(c) => {
|
|
201
201
|
if (a?.(c), c.defaultPrevented || t.disabled) return;
|
|
202
|
-
const m = Math.max(t.step * 10, t.step),
|
|
203
|
-
if (
|
|
204
|
-
c.preventDefault(), t.updateAtIndex(
|
|
202
|
+
const m = Math.max(t.step * 10, t.step), p = (w) => w === "inc" ? 1 : -1, v = (w) => st(o, w, t), f = c.key;
|
|
203
|
+
if (f === "Home") {
|
|
204
|
+
c.preventDefault(), t.updateAtIndex(o, t.min, { commit: !0 });
|
|
205
205
|
return;
|
|
206
206
|
}
|
|
207
|
-
if (
|
|
208
|
-
c.preventDefault(), t.updateAtIndex(
|
|
207
|
+
if (f === "End") {
|
|
208
|
+
c.preventDefault(), t.updateAtIndex(o, t.max, { commit: !0 });
|
|
209
209
|
return;
|
|
210
210
|
}
|
|
211
211
|
const y = t.orientation === "horizontal", C = t.dir === "rtl";
|
|
212
|
-
if (
|
|
212
|
+
if (f === "ArrowRight" && y) {
|
|
213
213
|
c.preventDefault(), v(t.step * (C ? -1 : 1));
|
|
214
214
|
return;
|
|
215
215
|
}
|
|
216
|
-
if (
|
|
216
|
+
if (f === "ArrowLeft" && y) {
|
|
217
217
|
c.preventDefault(), v(t.step * (C ? 1 : -1));
|
|
218
218
|
return;
|
|
219
219
|
}
|
|
220
|
-
if (
|
|
220
|
+
if (f === "ArrowUp" && !y) {
|
|
221
221
|
c.preventDefault(), v(t.step);
|
|
222
222
|
return;
|
|
223
223
|
}
|
|
224
|
-
if (
|
|
224
|
+
if (f === "ArrowDown" && !y) {
|
|
225
225
|
c.preventDefault(), v(-t.step);
|
|
226
226
|
return;
|
|
227
227
|
}
|
|
228
|
-
if (
|
|
229
|
-
c.preventDefault(), v(
|
|
228
|
+
if (f === "PageUp") {
|
|
229
|
+
c.preventDefault(), v(p("inc") * m);
|
|
230
230
|
return;
|
|
231
231
|
}
|
|
232
|
-
if (
|
|
233
|
-
c.preventDefault(), v(
|
|
232
|
+
if (f === "PageDown") {
|
|
233
|
+
c.preventDefault(), v(p("dec") * m);
|
|
234
234
|
return;
|
|
235
235
|
}
|
|
236
236
|
},
|
|
237
|
-
[t,
|
|
237
|
+
[t, o, a]
|
|
238
238
|
), V = A(
|
|
239
239
|
(c) => {
|
|
240
240
|
if (l?.(c), c.defaultPrevented || t.disabled) return;
|
|
241
|
-
const m = t.trackRef.current,
|
|
242
|
-
!m || !
|
|
241
|
+
const m = t.trackRef.current, p = t.thumbsRef.current[o].current;
|
|
242
|
+
!m || !p || (p.setPointerCapture?.(c.pointerId), c.preventDefault(), t.setActiveIndex(o), H(o, t));
|
|
243
243
|
},
|
|
244
|
-
[t,
|
|
244
|
+
[t, o, l]
|
|
245
245
|
), $ = t.orientation === "horizontal" ? { left: `${d}%`, transform: "translate(-50%, -50%)" } : { bottom: `${d}%`, transform: "translate(-50%, 50%)" };
|
|
246
246
|
return /* @__PURE__ */ k(
|
|
247
247
|
S,
|
|
@@ -256,17 +256,16 @@ const at = z(
|
|
|
256
256
|
"aria-disabled": t.disabled || void 0,
|
|
257
257
|
"data-orientation": t.orientation,
|
|
258
258
|
"data-disabled": t.disabled ? "" : void 0,
|
|
259
|
-
className:
|
|
259
|
+
className: x(
|
|
260
260
|
"bg-background absolute grid place-items-center rounded-full shadow",
|
|
261
261
|
"border-input border outline-none",
|
|
262
262
|
"focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2",
|
|
263
263
|
"h-5 w-5",
|
|
264
|
-
|
|
264
|
+
i
|
|
265
265
|
),
|
|
266
266
|
style: {
|
|
267
267
|
...$,
|
|
268
|
-
|
|
269
|
-
left: t.orientation === "horizontal" ? void 0 : "50%",
|
|
268
|
+
...t.orientation === "horizontal" ? { top: "50%" } : { left: "50%" },
|
|
270
269
|
touchAction: "none"
|
|
271
270
|
},
|
|
272
271
|
onKeyDown: T,
|
|
@@ -277,38 +276,38 @@ const at = z(
|
|
|
277
276
|
}
|
|
278
277
|
);
|
|
279
278
|
at.displayName = "SliderThumb";
|
|
280
|
-
function Y(r,
|
|
279
|
+
function Y(r, i, e, a) {
|
|
281
280
|
let l;
|
|
282
281
|
if (a.orientation === "horizontal") {
|
|
283
|
-
const
|
|
284
|
-
l = a.dir === "rtl" ? 100 -
|
|
282
|
+
const o = I(r - e.left, 0, e.width) / e.width * 100;
|
|
283
|
+
l = a.dir === "rtl" ? 100 - o : o;
|
|
285
284
|
} else
|
|
286
|
-
l = 100 - I(
|
|
287
|
-
const n = tt(l, a.min, a.max), s =
|
|
285
|
+
l = 100 - I(i - e.top, 0, e.height) / e.height * 100;
|
|
286
|
+
const n = tt(l, a.min, a.max), s = U(n, a.step, a.min);
|
|
288
287
|
return I(s, a.min, a.max);
|
|
289
288
|
}
|
|
290
|
-
function q(r,
|
|
289
|
+
function q(r, i, e) {
|
|
291
290
|
const a = e.step * e.minStepsBetweenThumbs, l = r > 0 ? e.values[r - 1] : e.min, n = r < e.values.length - 1 ? e.values[r + 1] : e.max, s = l + (r > 0 ? a : 0), t = n - (r < e.values.length - 1 ? a : 0);
|
|
292
|
-
return I(
|
|
291
|
+
return I(i, s, t);
|
|
293
292
|
}
|
|
294
|
-
function st(r,
|
|
295
|
-
const a = e.values[r], l = q(r,
|
|
293
|
+
function st(r, i, e) {
|
|
294
|
+
const a = e.values[r], l = q(r, U(a + i, e.step, e.min), e);
|
|
296
295
|
e.updateAtIndex(r, l, { commit: !0 });
|
|
297
296
|
}
|
|
298
|
-
function H(r,
|
|
299
|
-
const e =
|
|
297
|
+
function H(r, i) {
|
|
298
|
+
const e = i.trackRef.current;
|
|
300
299
|
if (!e) return;
|
|
301
300
|
const a = () => e.getBoundingClientRect(), l = (s) => {
|
|
302
|
-
if (
|
|
303
|
-
const t = Y(s.clientX, s.clientY, a(),
|
|
304
|
-
|
|
301
|
+
if (i.disabled) return;
|
|
302
|
+
const t = Y(s.clientX, s.clientY, a(), i), o = q(r, t, i);
|
|
303
|
+
i.updateAtIndex(r, o);
|
|
305
304
|
}, n = () => {
|
|
306
|
-
|
|
305
|
+
i.setActiveIndex(null), window.removeEventListener("pointermove", l, !0), window.removeEventListener("pointerup", n, !0);
|
|
307
306
|
};
|
|
308
307
|
window.addEventListener("pointermove", l, !0), window.addEventListener("pointerup", n, !0);
|
|
309
308
|
}
|
|
310
309
|
export {
|
|
311
|
-
rt as
|
|
310
|
+
rt as SliderBase,
|
|
312
311
|
it as SliderRange,
|
|
313
312
|
at as SliderThumb,
|
|
314
313
|
ot as SliderTrack
|
package/dist/Slider.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './assets/main.css';
|
|
3
3
|
import { jsxs as v, jsx as t } from "react/jsx-runtime";
|
|
4
|
-
import {
|
|
4
|
+
import { SliderBase as w, SliderTrack as p, SliderRange as x, SliderThumb as k } from "./Slider/SliderBase.js";
|
|
5
5
|
import { c as a } from "./twUtils-CRiPKpXj.js";
|
|
6
6
|
const j = ({
|
|
7
7
|
className: o,
|
|
@@ -58,8 +58,8 @@ const j = ({
|
|
|
58
58
|
)
|
|
59
59
|
}
|
|
60
60
|
),
|
|
61
|
-
Array.from({ length: f.length }, (
|
|
62
|
-
|
|
61
|
+
Array.from({ length: f.length }, (z, g) => /* @__PURE__ */ t(
|
|
62
|
+
k,
|
|
63
63
|
{
|
|
64
64
|
"data-slot": "slider-thumb",
|
|
65
65
|
className: "border-slider-thumb-border bg-slider-thumb-bg ring-slider-thumb-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
|
package/dist/assets/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Work Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Source Code Pro",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--color-neutral-950);--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-border-primary:var(--color-neutral-900);--color-button-danger:var(--color-danger-200);--color-button-primary-bg:var(--color-neutral-50);--color-button-primary-bg--disabled:var(--color-neutral-500);--color-button-primary-border:var(--color-neutral-900);--color-button-primary-border--disabled:var(--color-neutral-500);--color-button-primary-text:var(--color-neutral-900);--color-button-primary-text--disabled:var(--color-neutral-200);--color-button-secondary-bg:var(--color-level-two);--color-button-secondary-bg--disabled:var(--color-neutral-500);--color-button-secondary-text:var(--color-neutral-50);--color-button-secondary-text--disabled:var(--color-neutral-200);--color-button-secondary-border:var(--color-neutral-900);--color-button-secondary-border--disabled:var(--color-neutral-500);--color-button-outline-bg:var(--color-transparent);--color-button-outline-text:var(--color-neutral-50);--color-button-outline-text--disabled:var(--color-neutral-400);--color-button-outline-border:var(--color-neutral-50);--color-button-outline-border--disabled:var(--color-neutral-400);--color-button-ghost-bg:var(--color-transparent);--color-button-ghost-bg--hover:var(--color-neutral-800);--color-button-ghost-text:var(--color-neutral-50);--color-button-ghost-text--hover:var(--color-neutral-100);--color-button-ghost-text--disabled:var(--color-neutral-400);--color-badge-primary-bg:var(--color-level-five);--color-badge-primary-bg--hover:var(--color-level-four);--color-badge-primary-bg--active:var(--color-primary-800);--color-badge-primary-border:var(--color-neutral-800);--color-card-bg:var(--color-level-one);--color-card-text:var(--color-neutral-50);--color-drawer-bg:var(--color-level-one);--color-popover-bg:var(--color-level-one);--color-popover-text:var(--color-neutral-50);--color-slider-track:var(--color-neutral-700);--color-slider-range:var(--color-neutral-50);--color-slider-thumb-border:var(--color-neutral-50);--color-slider-thumb-bg:var(--color-neutral-50);--color-slider-thumb-ring:var(--color-neutral-50);--color-switch-bg:var(--color-neutral-500);--color-switch-bg--checked:var(--color-neutral-50);--color-switch-thumb:var(--color-neutral-950);--color-toggle-bg:var(--color-level-two);--color-toggle-bg--active:var(--color-primary-700);--color-toggle-bg--hover:var(--color-level-four);--color-toggle-border:var(--color-transparent);--color-toggle-border--hover:var(--color-level-four);--color-toggle-border--active:var(--color-primary-700);--color-toggle-text:var(--color-neutral-50);--color-toggle-text--hover:var(--color-neutral-200);--color-toggle-text--active:var(--color-neutral-50);--color-toggle-outline-border:var(--color-transparent);--color-toggle-group-bg:var(--color-level-five);--color-tooltip-bg:var(--color-level-two);--color-tooltip-arrow:var(--color-level-two)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{font-family:var(--font-sans)}body{box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-sans)}p{color:var(--color-text-primary)}h3{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}:root[data-theme=dark]{--sidebar:var(--color-neutral-950);--sidebar-foreground:var(--color-neutral-50);--sidebar-primary:var(--color-primary-50);--sidebar-primary-foreground:var(--color-neutral-50);--sidebar-accent:var(--color-neutral-900);--sidebar-accent-foreground:var(--color-neutral-50);--sidebar-border:var(--color-transparent);--sidebar-ring:var(--color-neutral-900);--ring-color:var(--color-neutral-50);--ring-offset-color:var(--color-neutral-50);--ring-offset-width:2px}:root[data-theme=light]{--sidebar:var(--color-neutral-50);--sidebar-foreground:var(--color-neutral-900);--sidebar-primary:var(--color-neutral-900);--sidebar-primary-foreground:var(--color-neutral-50);--sidebar-accent:var(--color-neutral-900);--sidebar-accent-foreground:var(--color-neutral-50);--sidebar-border:var(--color-transparent);--sidebar-ring:var(--color-neutral-100)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-2{margin-right:calc(var(--spacing)*2)}.\!mb-3{margin-bottom:calc(var(--spacing)*3)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-\[72px\]{height:72px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\[var\(--radix-popover-content-max-height\)\]{max-height:var(--radix-popover-content-max-height)}.min-h-40{min-height:calc(var(--spacing)*40)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-96{width:calc(var(--spacing)*96)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-badge-primary-border{border-color:var(--color-badge-primary-border)}.border-border-primary{border-color:var(--color-border-primary)}.border-button-danger{border-color:var(--color-button-danger)}.border-button-outline-border{border-color:var(--color-button-outline-border)}.border-button-outline-border--disabled{border-color:var(--color-button-outline-border--disabled)}.border-button-primary-border{border-color:var(--color-button-primary-border)}.border-button-primary-border--disabled{border-color:var(--color-button-primary-border--disabled)}.border-button-secondary-border{border-color:var(--color-button-secondary-border)}.border-button-secondary-border--disabled{border-color:var(--color-button-secondary-border--disabled)}.border-slider-thumb-border{border-color:var(--color-slider-thumb-border)}.border-toggle-border{border-color:var(--color-toggle-border)}.border-toggle-outline-border{border-color:var(--color-toggle-outline-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--color-background)}.bg-badge-primary-bg{background-color:var(--color-badge-primary-bg)}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-ghost-bg{background-color:var(--color-button-ghost-bg)}.bg-button-outline-bg{background-color:var(--color-button-outline-bg)}.bg-button-primary-bg{background-color:var(--color-button-primary-bg)}.bg-button-primary-bg--disabled{background-color:var(--color-button-primary-bg--disabled)}.bg-button-secondary-bg{background-color:var(--color-button-secondary-bg)}.bg-button-secondary-bg--disabled{background-color:var(--color-button-secondary-bg--disabled)}.bg-card-bg,.bg-card-bg\/50{background-color:var(--color-card-bg)}@supports (color:color-mix(in lab,red,red)){.bg-card-bg\/50{background-color:color-mix(in oklab,var(--color-card-bg)50%,transparent)}}.bg-drawer-bg{background-color:var(--color-drawer-bg)}.bg-popover-bg{background-color:var(--color-popover-bg)}.bg-slider-range{background-color:var(--color-slider-range)}.bg-slider-thumb-bg{background-color:var(--color-slider-thumb-bg)}.bg-slider-track{background-color:var(--color-slider-track)}.bg-switch-thumb{background-color:var(--color-switch-thumb)}.bg-toggle-bg{background-color:var(--color-toggle-bg)}.bg-tooltip-arrow{background-color:var(--color-tooltip-arrow)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.bg-transparent{background-color:#0000}.fill-tooltip-arrow{fill:var(--color-tooltip-arrow)}.p-4{padding:calc(var(--spacing)*4)}.p-4\.5{padding:calc(var(--spacing)*4.5)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-2{padding-right:calc(var(--spacing)*2)}.\!pb-4{padding-bottom:calc(var(--spacing)*4)!important}.\!pb-5{padding-bottom:calc(var(--spacing)*5)!important}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-left{text-align:left}.\!font-sans{font-family:var(--font-sans)!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.\!text-text-secondary{color:var(--color-text-secondary)!important}.text-button-danger{color:var(--color-button-danger)}.text-button-ghost-text{color:var(--color-button-ghost-text)}.text-button-ghost-text--disabled{color:var(--color-button-ghost-text--disabled)}.text-button-outline-text{color:var(--color-button-outline-text)}.text-button-outline-text--disabled{color:var(--color-button-outline-text--disabled)}.text-button-primary-text{color:var(--color-button-primary-text)}.text-button-primary-text--disabled{color:var(--color-button-primary-text--disabled)}.text-button-secondary-text{color:var(--color-button-secondary-text)}.text-button-secondary-text--disabled{color:var(--color-button-secondary-text--disabled)}.text-card-text{color:var(--color-card-text)}.text-current{color:currentColor}.text-popover-text{color:var(--color-popover-text)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-toggle-text{color:var(--color-toggle-text)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[-20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:-20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 -20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-slider-thumb-ring\/50{--tw-ring-color:#fafafa80}@supports (color:color-mix(in lab,red,red)){.ring-slider-thumb-ring\/50{--tw-ring-color:color-mix(in oklab,var(--color-slider-thumb-ring)50%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[colors\]{transition-property:colors;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-data-\[state\=on\]\:bg-badge-primary-bg--active:is(:where(.group)[data-state=on] *){background-color:var(--color-badge-primary-bg--active)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-toggle-border--hover:hover{border-color:var(--color-toggle-border--hover)}.hover\:bg-button-ghost-bg--hover:hover{background-color:var(--color-button-ghost-bg--hover)}.hover\:bg-toggle-bg--hover:hover{background-color:var(--color-toggle-bg--hover)}.hover\:text-button-ghost-text--hover:hover{color:var(--color-button-ghost-text--hover)}.hover\:text-toggle-text--hover:hover{color:var(--color-toggle-text--hover)}.hover\:opacity-80:hover{opacity:.8}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-button-outline-border--disabled:disabled{border-color:var(--color-button-outline-border--disabled)}.disabled\:border-button-primary-border--disabled:disabled{border-color:var(--color-button-primary-border--disabled)}.disabled\:border-button-secondary-border--disabled:disabled{border-color:var(--color-button-secondary-border--disabled)}.disabled\:bg-button-primary-bg--disabled:disabled{background-color:var(--color-button-primary-bg--disabled)}.disabled\:bg-button-secondary-bg--disabled:disabled{background-color:var(--color-button-secondary-bg--disabled)}.disabled\:text-button-ghost-text--disabled:disabled{color:var(--color-button-ghost-text--disabled)}.disabled\:text-button-outline-text--disabled:disabled{color:var(--color-button-outline-text--disabled)}.disabled\:text-button-primary-text--disabled:disabled{color:var(--color-button-primary-text--disabled)}.disabled\:text-button-secondary-text--disabled:disabled{color:var(--color-button-secondary-text--disabled)}.disabled\:opacity-50:disabled,.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(var(--spacing)*2*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(var(--spacing)*2)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(var(--spacing)*2*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(var(--spacing)*2)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:bg-switch-bg--checked[data-state=checked]{background-color:var(--color-switch-bg--checked)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=on\]\:border-toggle-border--active[data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[state\=on\]\:bg-toggle-bg--active[data-state=on]{background-color:var(--color-toggle-bg--active)}.data-\[state\=on\]\:text-toggle-text--active[data-state=on]{color:var(--color-toggle-text--active)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-switch-bg[data-state=unchecked]{background-color:var(--color-switch-bg)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&_button\:first-of-type\]\:rounded-l-md button:first-of-type{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&_button\:last-of-type\]\:rounded-r-md button:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&_span\]\:rounded-\[4px\] span{border-radius:4px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-3 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-4 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-5 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\[data-variant\=\'outline\'\]\]\:gap-0\.25[data-variant=outline]{gap:calc(var(--spacing)*.25)}.\[\&\[data-variant\=\'outline\'\]\]\:bg-toggle-group-bg[data-variant=outline]{background-color:var(--color-toggle-group-bg)}@media (hover:hover){a.\[a\&\]\:hover\:bg-badge-primary-bg--hover:hover{background-color:var(--color-badge-primary-bg--hover)}}.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large),-12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic),-4px -4px 8px var(--color-white)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--color-black:oklch(0% 0 0);--color-white:oklch(100% 0 0);--color-transparent:oklch(0% 0 0/0);--color-accent:oklch(92.53% .1976 123.38);--color-neutral-50:oklch(97.64% .001 286.38);--color-neutral-100:oklch(92.19% 0 0);--color-neutral-200:oklch(86.99% 0 0);--color-neutral-300:oklch(79.03% 0 0);--color-neutral-400:oklch(71.55% 0 0);--color-neutral-500:oklch(55.55% 0 0);--color-neutral-600:oklch(43.86% 0 0);--color-neutral-700:oklch(37.15% 0 0);--color-neutral-800:oklch(32.11% 0 0);--color-neutral-900:oklch(26.86% 0 0);--color-neutral-950:oklch(21.78% 0 0);--color-primary-50:oklch(97.05% .0142 254.6);--color-primary-100:oklch(93.19% .0316 255.59);--color-primary-200:oklch(88.41% .0581 252.44);--color-primary-300:oklch(80.75% .0958 253.19);--color-primary-400:oklch(71.27% .1469 255.61);--color-primary-500:oklch(62.31% .1862 260.06);--color-primary-600:oklch(54.34% .2151 263.01);--color-primary-700:oklch(49.14% .2189 264.03);--color-primary-800:oklch(42.75% .1828 265.08);--color-primary-900:oklch(37.78% .1366 265.11);--color-primary-950:oklch(28.37% .0887 268.75);--color-level-zero:oklch(24.79% .0058 271.18);--color-level-one:oklch(27.28% .0097 268.32);--color-level-two:oklch(30.73% .0106 253.99);--color-level-three:oklch(32.71% .0104 253.98);--color-level-four:oklch(35.77% .0088 248.07);--color-level-five:oklch(38.75% .0073 242.06);--color-danger-100:oklch(65.03% .2305 24.5);--color-danger-200:oklch(62.39% .2536 28.3);--color-danger-300:oklch(57.66% .2343 28.22);--color-success-100:oklch(84.48% .2441 144.94);--color-success-200:oklch(77.9% .2424 144);--color-success-300:oklch(72.24% .2237 144.05);--color-warning-100:oklch(77.45% .1594 60.1);--color-warning-200:oklch(74.42% .181 56.46);--color-warning-300:oklch(69.58% .204 43.49)}:root[data-theme=light]{--color-level-one:oklch(98.51% 0 0);--color-background:var(--color-neutral-50);--color-ring-offset:var(--color-neutral-50);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-card-bg:var(--color-level-one);--color-card-text:var(--color-neutral-900);--color-switch-bg:var(--color-neutral-300);--color-switch-bg--checked:var(--color-neutral-950);--color-switch-thumb:var(--color-neutral-50);--color-shadow-neumorphic:oklch(92.49% 0 0);--color-shadow-neumorphic-large:oklch(88.56% .0014 286.37)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
|
|
1
|
+
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Work Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Source Code Pro",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--color-neutral-950);--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-border-primary:var(--color-neutral-900);--color-button-danger:var(--color-danger-200);--color-button-primary-bg:var(--color-neutral-50);--color-button-primary-bg--disabled:var(--color-neutral-500);--color-button-primary-border:var(--color-neutral-900);--color-button-primary-border--disabled:var(--color-neutral-500);--color-button-primary-text:var(--color-neutral-900);--color-button-primary-text--disabled:var(--color-neutral-200);--color-button-secondary-bg:var(--color-level-two);--color-button-secondary-bg--disabled:var(--color-neutral-500);--color-button-secondary-text:var(--color-neutral-50);--color-button-secondary-text--disabled:var(--color-neutral-200);--color-button-secondary-border:var(--color-neutral-900);--color-button-secondary-border--disabled:var(--color-neutral-500);--color-button-outline-bg:var(--color-transparent);--color-button-outline-text:var(--color-neutral-50);--color-button-outline-text--disabled:var(--color-neutral-400);--color-button-outline-border:var(--color-neutral-50);--color-button-outline-border--disabled:var(--color-neutral-400);--color-button-ghost-bg:var(--color-transparent);--color-button-ghost-bg--hover:var(--color-neutral-800);--color-button-ghost-text:var(--color-neutral-50);--color-button-ghost-text--hover:var(--color-neutral-100);--color-button-ghost-text--disabled:var(--color-neutral-400);--color-badge-primary-bg:var(--color-level-five);--color-badge-primary-bg--hover:var(--color-level-four);--color-badge-primary-bg--active:var(--color-primary-800);--color-badge-primary-border:var(--color-neutral-800);--color-card-bg:var(--color-level-one);--color-card-text:var(--color-neutral-50);--color-drawer-bg:var(--color-level-one);--color-popover-bg:var(--color-level-one);--color-popover-text:var(--color-neutral-50);--color-slider-track:var(--color-neutral-700);--color-slider-range:var(--color-neutral-50);--color-slider-thumb-border:var(--color-neutral-50);--color-slider-thumb-bg:var(--color-neutral-50);--color-slider-thumb-ring:var(--color-neutral-50);--color-switch-bg:var(--color-neutral-500);--color-switch-bg--checked:var(--color-neutral-50);--color-switch-thumb:var(--color-neutral-950);--color-toggle-bg:var(--color-level-two);--color-toggle-bg--active:var(--color-primary-700);--color-toggle-bg--hover:var(--color-level-four);--color-toggle-border:var(--color-transparent);--color-toggle-border--hover:var(--color-level-four);--color-toggle-border--active:var(--color-primary-700);--color-toggle-text:var(--color-neutral-50);--color-toggle-text--hover:var(--color-neutral-200);--color-toggle-text--active:var(--color-neutral-50);--color-toggle-outline-border:var(--color-transparent);--color-toggle-group-bg:var(--color-level-five);--color-tooltip-bg:var(--color-level-two);--color-tooltip-arrow:var(--color-level-two)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{font-family:var(--font-sans)}body{box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-sans)}p{color:var(--color-text-primary)}h3{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}:root[data-theme=dark]{--sidebar:var(--color-neutral-950);--sidebar-foreground:var(--color-neutral-50);--sidebar-primary:var(--color-primary-50);--sidebar-primary-foreground:var(--color-neutral-50);--sidebar-accent:var(--color-neutral-900);--sidebar-accent-foreground:var(--color-neutral-50);--sidebar-border:var(--color-transparent);--sidebar-ring:var(--color-neutral-900);--ring-color:var(--color-neutral-50);--ring-offset-color:var(--color-neutral-50);--ring-offset-width:2px}:root[data-theme=light]{--sidebar:var(--color-neutral-50);--sidebar-foreground:var(--color-neutral-900);--sidebar-primary:var(--color-neutral-900);--sidebar-primary-foreground:var(--color-neutral-50);--sidebar-accent:var(--color-neutral-900);--sidebar-accent-foreground:var(--color-neutral-50);--sidebar-border:var(--color-transparent);--sidebar-ring:var(--color-neutral-100)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-2{margin-right:calc(var(--spacing)*2)}.\!mb-3{margin-bottom:calc(var(--spacing)*3)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-\[72px\]{height:72px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\[var\(--radix-popover-content-max-height\)\]{max-height:var(--radix-popover-content-max-height)}.min-h-40{min-height:calc(var(--spacing)*40)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-96{width:calc(var(--spacing)*96)}.w-\[60\%\]{width:60%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-badge-primary-border{border-color:var(--color-badge-primary-border)}.border-border-primary{border-color:var(--color-border-primary)}.border-button-danger{border-color:var(--color-button-danger)}.border-button-outline-border{border-color:var(--color-button-outline-border)}.border-button-outline-border--disabled{border-color:var(--color-button-outline-border--disabled)}.border-button-primary-border{border-color:var(--color-button-primary-border)}.border-button-primary-border--disabled{border-color:var(--color-button-primary-border--disabled)}.border-button-secondary-border{border-color:var(--color-button-secondary-border)}.border-button-secondary-border--disabled{border-color:var(--color-button-secondary-border--disabled)}.border-slider-thumb-border{border-color:var(--color-slider-thumb-border)}.border-toggle-border{border-color:var(--color-toggle-border)}.border-toggle-outline-border{border-color:var(--color-toggle-outline-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--color-background)}.bg-badge-primary-bg{background-color:var(--color-badge-primary-bg)}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-ghost-bg{background-color:var(--color-button-ghost-bg)}.bg-button-outline-bg{background-color:var(--color-button-outline-bg)}.bg-button-primary-bg{background-color:var(--color-button-primary-bg)}.bg-button-primary-bg--disabled{background-color:var(--color-button-primary-bg--disabled)}.bg-button-secondary-bg{background-color:var(--color-button-secondary-bg)}.bg-button-secondary-bg--disabled{background-color:var(--color-button-secondary-bg--disabled)}.bg-card-bg,.bg-card-bg\/50{background-color:var(--color-card-bg)}@supports (color:color-mix(in lab,red,red)){.bg-card-bg\/50{background-color:color-mix(in oklab,var(--color-card-bg)50%,transparent)}}.bg-drawer-bg{background-color:var(--color-drawer-bg)}.bg-popover-bg{background-color:var(--color-popover-bg)}.bg-slider-range{background-color:var(--color-slider-range)}.bg-slider-thumb-bg{background-color:var(--color-slider-thumb-bg)}.bg-slider-track{background-color:var(--color-slider-track)}.bg-switch-thumb{background-color:var(--color-switch-thumb)}.bg-toggle-bg{background-color:var(--color-toggle-bg)}.bg-tooltip-arrow{background-color:var(--color-tooltip-arrow)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.bg-transparent{background-color:#0000}.fill-tooltip-arrow{fill:var(--color-tooltip-arrow)}.p-4{padding:calc(var(--spacing)*4)}.p-4\.5{padding:calc(var(--spacing)*4.5)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-2{padding-right:calc(var(--spacing)*2)}.\!pb-4{padding-bottom:calc(var(--spacing)*4)!important}.\!pb-5{padding-bottom:calc(var(--spacing)*5)!important}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-left{text-align:left}.\!font-sans{font-family:var(--font-sans)!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.\!text-text-secondary{color:var(--color-text-secondary)!important}.text-button-danger{color:var(--color-button-danger)}.text-button-ghost-text{color:var(--color-button-ghost-text)}.text-button-ghost-text--disabled{color:var(--color-button-ghost-text--disabled)}.text-button-outline-text{color:var(--color-button-outline-text)}.text-button-outline-text--disabled{color:var(--color-button-outline-text--disabled)}.text-button-primary-text{color:var(--color-button-primary-text)}.text-button-primary-text--disabled{color:var(--color-button-primary-text--disabled)}.text-button-secondary-text{color:var(--color-button-secondary-text)}.text-button-secondary-text--disabled{color:var(--color-button-secondary-text--disabled)}.text-card-text{color:var(--color-card-text)}.text-current{color:currentColor}.text-popover-text{color:var(--color-popover-text)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-toggle-text{color:var(--color-toggle-text)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[-20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:-20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 -20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-slider-thumb-ring\/50{--tw-ring-color:#fafafa80}@supports (color:color-mix(in lab,red,red)){.ring-slider-thumb-ring\/50{--tw-ring-color:color-mix(in oklab,var(--color-slider-thumb-ring)50%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[colors\]{transition-property:colors;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-data-\[state\=on\]\:bg-badge-primary-bg--active:is(:where(.group)[data-state=on] *){background-color:var(--color-badge-primary-bg--active)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-toggle-border--hover:hover{border-color:var(--color-toggle-border--hover)}.hover\:bg-button-ghost-bg--hover:hover{background-color:var(--color-button-ghost-bg--hover)}.hover\:bg-toggle-bg--hover:hover{background-color:var(--color-toggle-bg--hover)}.hover\:text-button-ghost-text--hover:hover{color:var(--color-button-ghost-text--hover)}.hover\:text-toggle-text--hover:hover{color:var(--color-toggle-text--hover)}.hover\:opacity-80:hover{opacity:.8}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-button-outline-border--disabled:disabled{border-color:var(--color-button-outline-border--disabled)}.disabled\:border-button-primary-border--disabled:disabled{border-color:var(--color-button-primary-border--disabled)}.disabled\:border-button-secondary-border--disabled:disabled{border-color:var(--color-button-secondary-border--disabled)}.disabled\:bg-button-primary-bg--disabled:disabled{background-color:var(--color-button-primary-bg--disabled)}.disabled\:bg-button-secondary-bg--disabled:disabled{background-color:var(--color-button-secondary-bg--disabled)}.disabled\:text-button-ghost-text--disabled:disabled{color:var(--color-button-ghost-text--disabled)}.disabled\:text-button-outline-text--disabled:disabled{color:var(--color-button-outline-text--disabled)}.disabled\:text-button-primary-text--disabled:disabled{color:var(--color-button-primary-text--disabled)}.disabled\:text-button-secondary-text--disabled:disabled{color:var(--color-button-secondary-text--disabled)}.disabled\:opacity-50:disabled,.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(var(--spacing)*2*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(var(--spacing)*2)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(var(--spacing)*2*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(var(--spacing)*2)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:bg-switch-bg--checked[data-state=checked]{background-color:var(--color-switch-bg--checked)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=on\]\:border-toggle-border--active[data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[state\=on\]\:bg-toggle-bg--active[data-state=on]{background-color:var(--color-toggle-bg--active)}.data-\[state\=on\]\:text-toggle-text--active[data-state=on]{color:var(--color-toggle-text--active)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-switch-bg[data-state=unchecked]{background-color:var(--color-switch-bg)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&_button\:first-of-type\]\:rounded-l-md button:first-of-type{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&_button\:last-of-type\]\:rounded-r-md button:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&_span\]\:rounded-\[4px\] span{border-radius:4px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-3 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-4 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-5 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\[data-variant\=\'outline\'\]\]\:gap-0\.25[data-variant=outline]{gap:calc(var(--spacing)*.25)}.\[\&\[data-variant\=\'outline\'\]\]\:bg-toggle-group-bg[data-variant=outline]{background-color:var(--color-toggle-group-bg)}@media (hover:hover){a.\[a\&\]\:hover\:bg-badge-primary-bg--hover:hover{background-color:var(--color-badge-primary-bg--hover)}}.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large),-12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic),-4px -4px 8px var(--color-white)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--color-black:oklch(0% 0 0);--color-white:oklch(100% 0 0);--color-transparent:oklch(0% 0 0/0);--color-accent:oklch(92.53% .1976 123.38);--color-neutral-50:oklch(97.64% .001 286.38);--color-neutral-100:oklch(92.19% 0 0);--color-neutral-200:oklch(86.99% 0 0);--color-neutral-300:oklch(79.03% 0 0);--color-neutral-400:oklch(71.55% 0 0);--color-neutral-500:oklch(55.55% 0 0);--color-neutral-600:oklch(43.86% 0 0);--color-neutral-700:oklch(37.15% 0 0);--color-neutral-800:oklch(32.11% 0 0);--color-neutral-900:oklch(26.86% 0 0);--color-neutral-950:oklch(21.78% 0 0);--color-primary-50:oklch(97.05% .0142 254.6);--color-primary-100:oklch(93.19% .0316 255.59);--color-primary-200:oklch(88.41% .0581 252.44);--color-primary-300:oklch(80.75% .0958 253.19);--color-primary-400:oklch(71.27% .1469 255.61);--color-primary-500:oklch(62.31% .1862 260.06);--color-primary-600:oklch(54.34% .2151 263.01);--color-primary-700:oklch(49.14% .2189 264.03);--color-primary-800:oklch(42.75% .1828 265.08);--color-primary-900:oklch(37.78% .1366 265.11);--color-primary-950:oklch(28.37% .0887 268.75);--color-level-zero:oklch(24.79% .0058 271.18);--color-level-one:oklch(27.28% .0097 268.32);--color-level-two:oklch(30.73% .0106 253.99);--color-level-three:oklch(32.71% .0104 253.98);--color-level-four:oklch(35.77% .0088 248.07);--color-level-five:oklch(38.75% .0073 242.06);--color-danger-100:oklch(65.03% .2305 24.5);--color-danger-200:oklch(62.39% .2536 28.3);--color-danger-300:oklch(57.66% .2343 28.22);--color-success-100:oklch(84.48% .2441 144.94);--color-success-200:oklch(77.9% .2424 144);--color-success-300:oklch(72.24% .2237 144.05);--color-warning-100:oklch(77.45% .1594 60.1);--color-warning-200:oklch(74.42% .181 56.46);--color-warning-300:oklch(69.58% .204 43.49)}:root[data-theme=light]{--color-level-one:oklch(98.51% 0 0);--color-background:var(--color-neutral-50);--color-ring-offset:var(--color-neutral-50);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-card-bg:var(--color-level-one);--color-card-text:var(--color-neutral-900);--color-switch-bg:var(--color-neutral-300);--color-switch-bg--checked:var(--color-neutral-950);--color-switch-thumb:var(--color-neutral-50);--color-shadow-neumorphic:oklch(92.49% 0 0);--color-shadow-neumorphic-large:oklch(88.56% .0014 286.37)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAGtG,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,gJAcpB,WAAW,4CA6Cb,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { AsChildProp } from '../../primitives/slot';
|
|
|
2
2
|
import { ButtonHTMLAttributes, HTMLAttributes } from '../../../node_modules/react';
|
|
3
3
|
type Orientation = 'horizontal' | 'vertical';
|
|
4
4
|
type Dir = 'ltr' | 'rtl';
|
|
5
|
-
export type
|
|
5
|
+
export type SliderBaseProps = HTMLAttributes<HTMLDivElement> & AsChildProp & {
|
|
6
6
|
value?: number[];
|
|
7
7
|
defaultValue?: number[];
|
|
8
8
|
onValueChange?: (values: number[]) => void;
|
|
@@ -18,7 +18,7 @@ export type SliderProps = HTMLAttributes<HTMLDivElement> & AsChildProp & {
|
|
|
18
18
|
form?: string;
|
|
19
19
|
required?: boolean;
|
|
20
20
|
};
|
|
21
|
-
export declare const
|
|
21
|
+
export declare const SliderBase: import('../../../node_modules/react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsChildProp & {
|
|
22
22
|
value?: number[];
|
|
23
23
|
defaultValue?: number[];
|
|
24
24
|
onValueChange?: (values: number[]) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderBase.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EASL,KAAK,oBAAoB,EAGzB,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAA;AAMd,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAC5C,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK,CAAA;AA6ExB,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"SliderBase.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EASL,KAAK,oBAAoB,EAGzB,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAA;AAMd,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAC5C,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK,CAAA;AA6ExB,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAC1D,WAAW,GAAG;IACZ,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAEH,eAAO,MAAM,UAAU;YAhBX,MAAM,EAAE;mBACD,MAAM,EAAE;oBACP,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;oBAC1B,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;UACpC,MAAM;UACN,MAAM;WACL,MAAM;4BACW,MAAM;kBAChB,WAAW;UACnB,GAAG;eACE,OAAO;WACX,MAAM;WACN,MAAM;eACF,OAAO;kDAgHrB,CAAA;AAsBD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,CAAA;AAE3E,eAAO,MAAM,WAAW,yIA+CvB,CAAA;AAKD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,CAAA;AAE3E,eAAO,MAAM,WAAW,yIAyBvB,CAAA;AAKD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,GACnF,WAAW,GAAG;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAEH,eAAO,MAAM,WAAW;YANZ,MAAM;mBACC,MAAM;wBACD,MAAM;uBACP,MAAM;qDA4I5B,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -10,9 +10,9 @@ export { Toggle, type ToggleProps } from './components/Toggle/Toggle';
|
|
|
10
10
|
export { ToggleGroup, ToggleGroupItem, type ToggleGroupProps } from './components/ToggleGroup/ToggleGroup';
|
|
11
11
|
export { Toolbar, type ToolbarProps } from './components/Toolbar/Toolbar';
|
|
12
12
|
export { Tooltip, TooltipContent, TooltipTrigger } from './components/Tooltip/Tooltip';
|
|
13
|
+
export * from './components/Icons';
|
|
13
14
|
export { default as IconBase, SvgIdContext } from './components/Icons/IconBase';
|
|
14
15
|
export { type IconComponent, type IconProps } from './components/Icons/iconTypes';
|
|
15
|
-
export * from './components/Icons';
|
|
16
16
|
export { useOutsideClick } from './hooks/useOutsideClick';
|
|
17
17
|
export { useTheme } from './hooks/useTheme';
|
|
18
18
|
export { cn } from './utils/twUtils';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAC1G,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAC1G,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtF,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAGpC,OAAO,mBAAmB,CAAA"}
|