@coderabbitai/carrot-ui 0.1.21 → 0.1.22
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/index.d.ts +207 -90
- package/dist/index.js +1778 -1521
- package/package.json +2 -1
- package/src/scales.css +29 -28
- package/src/theme.css +27 -37
package/dist/index.js
CHANGED
|
@@ -1,36 +1,158 @@
|
|
|
1
1
|
import { clsx as e } from "clsx";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { createContext as
|
|
5
|
-
import { Fragment as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
2
|
+
import { extendTailwindMerge as t } from "tailwind-merge";
|
|
3
|
+
import { ArrowLeftIcon as n, ArrowRightStartOnRectangleIcon as r, ArrowTopRightOnSquareIcon as i, CheckCircleIcon as a, CheckIcon as o, ChevronDownIcon as s, ChevronLeftIcon as c, ChevronRightIcon as l, ChevronUpDownIcon as u, ChevronUpIcon as d, ComputerDesktopIcon as f, ExclamationTriangleIcon as p, InformationCircleIcon as m, MagnifyingGlassIcon as h, MinusIcon as g, MoonIcon as _, PlusCircleIcon as v, SunIcon as y, XCircleIcon as b, XMarkIcon as x } from "@heroicons/react/16/solid";
|
|
4
|
+
import { createContext as S, forwardRef as C, useCallback as w, useContext as ee, useEffect as T, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
|
|
5
|
+
import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
|
|
6
|
+
import { Combobox as N } from "@base-ui/react/combobox";
|
|
7
|
+
import { Button as te } from "@base-ui/react/button";
|
|
8
|
+
import { Switch as ne } from "@base-ui/react/switch";
|
|
9
|
+
import { Checkbox as re } from "@base-ui/react/checkbox";
|
|
10
|
+
import { AnimatePresence as P, motion as F } from "motion/react";
|
|
11
|
+
import { Tooltip as I } from "@base-ui/react/tooltip";
|
|
12
|
+
import { Select as L } from "@base-ui/react/select";
|
|
13
|
+
import { Separator as ie } from "@base-ui/react/separator";
|
|
14
|
+
import { Field as R } from "@base-ui/react/field";
|
|
15
|
+
import { Menu as z } from "@base-ui/react/menu";
|
|
16
|
+
import { Dialog as B } from "@base-ui/react/dialog";
|
|
17
|
+
import { flexRender as ae, getCoreRowModel as oe, getFilteredRowModel as se, getPaginationRowModel as ce, getSortedRowModel as le, useReactTable as ue } from "@tanstack/react-table";
|
|
18
|
+
import { Popover as V } from "@base-ui/react/popover";
|
|
19
|
+
import { AlertDialog as H } from "@base-ui/react/alert-dialog";
|
|
20
|
+
import { Accordion as de } from "@base-ui/react/accordion";
|
|
21
|
+
import { Tabs as fe } from "@base-ui/react/tabs";
|
|
22
|
+
import { Drawer as U } from "@base-ui/react/drawer";
|
|
23
|
+
import { Command as W } from "cmdk";
|
|
24
|
+
import { Toggle as pe } from "@base-ui/react/toggle";
|
|
25
|
+
import { ToggleGroup as me } from "@base-ui/react/toggle-group";
|
|
26
|
+
import { RadioGroup as he } from "@base-ui/react/radio-group";
|
|
27
|
+
import { Radio as ge } from "@base-ui/react/radio";
|
|
27
28
|
//#region src/lib/cn.ts
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
var _e = t({ extend: { classGroups: {
|
|
30
|
+
"font-size": [{ "text-cui": [
|
|
31
|
+
"sm",
|
|
32
|
+
"base",
|
|
33
|
+
"lg",
|
|
34
|
+
"xl"
|
|
35
|
+
] }],
|
|
36
|
+
"text-color": [{ "text-cui": [
|
|
37
|
+
"primary",
|
|
38
|
+
"secondary",
|
|
39
|
+
"tertiary",
|
|
40
|
+
"inverse",
|
|
41
|
+
"accent",
|
|
42
|
+
"accent-on",
|
|
43
|
+
"danger",
|
|
44
|
+
"danger-on",
|
|
45
|
+
"warn",
|
|
46
|
+
"warn-on",
|
|
47
|
+
"success",
|
|
48
|
+
"success-on"
|
|
49
|
+
] }]
|
|
50
|
+
} } });
|
|
51
|
+
function G(...t) {
|
|
52
|
+
return _e(e(t));
|
|
53
|
+
}
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/hover/hover.tsx
|
|
56
|
+
var ve = S(null);
|
|
57
|
+
function ye(e) {
|
|
58
|
+
return {
|
|
59
|
+
left: e.offsetLeft,
|
|
60
|
+
top: e.offsetTop,
|
|
61
|
+
width: e.offsetWidth,
|
|
62
|
+
height: e.offsetHeight
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
function be({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "rounded-sm", className: r }) {
|
|
66
|
+
let i = O(/* @__PURE__ */ new Map()), [a, o] = k(null), s = O(null), [c, l] = k("idle"), u = w((e, t) => {
|
|
67
|
+
t ? i.current.set(e, t) : i.current.delete(e);
|
|
68
|
+
}, []), d = w((e) => {
|
|
69
|
+
let t = i.current.get(e);
|
|
70
|
+
if (!t) return;
|
|
71
|
+
let n = ye(t);
|
|
72
|
+
l((e) => e === "idle" ? "fade" : "slide"), o(n);
|
|
73
|
+
}, []), f = w(() => {
|
|
74
|
+
l("idle"), o(null);
|
|
75
|
+
}, []), p = w(() => {
|
|
76
|
+
l("idle"), o(null);
|
|
77
|
+
}, []), m = a !== null, h = a ?? s.current;
|
|
78
|
+
a && (s.current = a);
|
|
79
|
+
let g = D(() => ({
|
|
80
|
+
registerItem: u,
|
|
81
|
+
onItemHover: d,
|
|
82
|
+
dismissHover: p
|
|
83
|
+
}), [
|
|
84
|
+
u,
|
|
85
|
+
d,
|
|
86
|
+
p
|
|
87
|
+
]);
|
|
88
|
+
return /* @__PURE__ */ j(ve.Provider, {
|
|
89
|
+
value: g,
|
|
90
|
+
children: /* @__PURE__ */ M("div", {
|
|
91
|
+
onPointerLeave: f,
|
|
92
|
+
className: G("group/h relative flex items-center", r),
|
|
93
|
+
children: [/* @__PURE__ */ j("div", {
|
|
94
|
+
"aria-hidden": !0,
|
|
95
|
+
className: G("pointer-events-none absolute left-0 top-0 z-0", "motion-reduce:transition-none", c === "slide" ? "transition-[translate,width,height,opacity,scale] duration-200 ease-cui-out-expo" : "transition-[opacity,scale] duration-200 ease-cui-out-expo", m ? "scale-100 opacity-100" : "scale-95 opacity-0"),
|
|
96
|
+
style: h ? {
|
|
97
|
+
width: h.width,
|
|
98
|
+
height: h.height,
|
|
99
|
+
translate: `${h.left}px ${h.top}px`
|
|
100
|
+
} : void 0,
|
|
101
|
+
children: /* @__PURE__ */ j("div", { className: G("absolute inset-0", t, n, "transition-[inset] duration-150 ease-cui-out-expo", "group-active/h:inset-px", "motion-reduce:transition-none") })
|
|
102
|
+
}), e]
|
|
103
|
+
})
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
function K({ children: e, active: t = !1, background: n = "bg-cui-subtle", backgroundClassName: r, borderRadius: i = "rounded", focus: a = !0, interactive: o = !0, instantHover: s = !1, disabled: c = !1, fullWidth: l = !1, className: u, ...d }) {
|
|
107
|
+
let f = ee(ve);
|
|
108
|
+
return f ? /* @__PURE__ */ j(xe, {
|
|
109
|
+
group: f,
|
|
110
|
+
active: t,
|
|
111
|
+
background: n,
|
|
112
|
+
backgroundClassName: r,
|
|
113
|
+
borderRadius: i,
|
|
114
|
+
interactive: o,
|
|
115
|
+
disabled: c,
|
|
116
|
+
fullWidth: l,
|
|
117
|
+
className: u,
|
|
118
|
+
...d,
|
|
119
|
+
children: e
|
|
120
|
+
}) : /* @__PURE__ */ M("div", {
|
|
121
|
+
...d,
|
|
122
|
+
className: G("group/h relative flex min-w-0 items-center text-cui-primary text-cui-base", l ? "w-full" : "w-fit", u),
|
|
123
|
+
children: [/* @__PURE__ */ j("div", { className: G("absolute", s ? "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none" : "transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none", n, r, i, !c && "group-hover/h:inset-0 group-hover/h:opacity-100", o && !c && "group-active/h:inset-px", t ? "opacity-100 inset-0" : s ? "opacity-0 inset-0" : "opacity-0 inset-1", a && !c && "group-has-focus-visible/h:inset-0 group-has-focus-visible/h:opacity-100 group-has-focus-visible/h:ring-cui-focus group-has-focus-visible/h:ring-2 group-has-focus-visible/h:ring-offset-2") }), /* @__PURE__ */ j("div", {
|
|
124
|
+
className: "relative z-[2] flex w-full min-w-0 items-center gap-2",
|
|
125
|
+
children: e
|
|
126
|
+
})]
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
function xe({ children: e, group: t, active: n, background: r, backgroundClassName: i, borderRadius: a, interactive: o, disabled: s, fullWidth: c, className: l, ...u }) {
|
|
130
|
+
let d = O(null), f = O(null);
|
|
131
|
+
f.current === null && (f.current = Math.random());
|
|
132
|
+
let p = f.current, m = O(t);
|
|
133
|
+
m.current = t, E(() => {
|
|
134
|
+
let e = m.current;
|
|
135
|
+
return e.registerItem(p, d.current), () => e.registerItem(p, null);
|
|
136
|
+
}, [p]);
|
|
137
|
+
let h = O(n);
|
|
138
|
+
return E(() => {
|
|
139
|
+
n && !h.current && t.dismissHover(), h.current = n;
|
|
140
|
+
}, [n, t]), /* @__PURE__ */ M("div", {
|
|
141
|
+
...u,
|
|
142
|
+
ref: d,
|
|
143
|
+
onPointerEnter: (e) => {
|
|
144
|
+
u.onPointerEnter?.(e), !s && (n ? t.dismissHover() : t.onItemHover(p));
|
|
145
|
+
},
|
|
146
|
+
className: G("group/hi relative z-[1] flex items-center text-cui-primary text-cui-base", c ? "w-full" : "w-fit", l),
|
|
147
|
+
children: [/* @__PURE__ */ j("div", { className: G("absolute", r, i, a, "transition-[inset,opacity,scale] duration-150 ease-cui-out-expo", o && !s && "group-active/hi:inset-px", "motion-reduce:transition-none", n ? "inset-0 scale-100 opacity-100" : "inset-1 scale-95 opacity-0") }), /* @__PURE__ */ j("div", {
|
|
148
|
+
className: "relative z-[2] flex w-full min-w-0 items-center gap-2",
|
|
149
|
+
children: e
|
|
150
|
+
})]
|
|
151
|
+
});
|
|
30
152
|
}
|
|
31
153
|
//#endregion
|
|
32
154
|
//#region src/components/spinner/pixel-spinner.tsx
|
|
33
|
-
var
|
|
155
|
+
var Se = [
|
|
34
156
|
0,
|
|
35
157
|
1,
|
|
36
158
|
2,
|
|
@@ -39,7 +161,7 @@ var ve = [
|
|
|
39
161
|
7,
|
|
40
162
|
6,
|
|
41
163
|
3
|
|
42
|
-
],
|
|
164
|
+
], Ce = [
|
|
43
165
|
0,
|
|
44
166
|
1,
|
|
45
167
|
2,
|
|
@@ -49,23 +171,23 @@ var ve = [
|
|
|
49
171
|
2,
|
|
50
172
|
3,
|
|
51
173
|
4
|
|
52
|
-
],
|
|
174
|
+
], we = {
|
|
53
175
|
xs: 10,
|
|
54
176
|
sm: 14,
|
|
55
177
|
md: 20,
|
|
56
178
|
lg: 32
|
|
57
|
-
},
|
|
58
|
-
function
|
|
59
|
-
if (
|
|
179
|
+
}, Te = !1;
|
|
180
|
+
function Ee() {
|
|
181
|
+
if (Te || typeof document > "u") return;
|
|
60
182
|
let e = document.createElement("style");
|
|
61
|
-
e.setAttribute("data-pxs", ""), e.textContent = "\n@keyframes pxs-ring-on {\n 0% { opacity: var(--hi); }\n 12.5%, 100% { opacity: var(--lo); }\n}\n@keyframes pxs-ring-off {\n 0% { opacity: var(--lo); }\n 12.5%, 100% { opacity: var(--hi); }\n}\n@keyframes pxs-trail-5 {\n 0% { opacity: var(--hi); }\n 12.5% { opacity: 0.75; }\n 25% { opacity: var(--mid); }\n 37.5% { opacity: 0.25; }\n 50% { opacity: var(--lo); }\n 100% { opacity: var(--lo); }\n}\n@keyframes pxs-wave {\n 0%, 100% { opacity: var(--lo); }\n 40%, 60% { opacity: var(--hi); }\n}\n@keyframes pxs-radiate {\n 0%, 100% { opacity: var(--lo); }\n 20%, 40% { opacity: var(--hi); }\n}\n@keyframes pxs-pulse {\n 0%, 100% { opacity: var(--lo); }\n 50% { opacity: var(--hi); }\n}\n@keyframes pxs-flicker-a { 0%, 100% { opacity: var(--hi); } 33% { opacity: var(--lo); } 66% { opacity: var(--mid); } }\n@keyframes pxs-flicker-b { 0%, 100% { opacity: var(--lo); } 25% { opacity: var(--hi); } 75% { opacity: var(--mid); } }\n@keyframes pxs-flicker-c { 0%, 100% { opacity: var(--mid); } 40% { opacity: var(--hi); } 80% { opacity: var(--lo); } }\n@media (prefers-reduced-motion: reduce) {\n .pxs-cell { animation: none !important; opacity: var(--mid) !important; }\n}\n", document.head.appendChild(e),
|
|
183
|
+
e.setAttribute("data-pxs", ""), e.textContent = "\n@keyframes pxs-ring-on {\n 0% { opacity: var(--hi); }\n 12.5%, 100% { opacity: var(--lo); }\n}\n@keyframes pxs-ring-off {\n 0% { opacity: var(--lo); }\n 12.5%, 100% { opacity: var(--hi); }\n}\n@keyframes pxs-trail-5 {\n 0% { opacity: var(--hi); }\n 12.5% { opacity: 0.75; }\n 25% { opacity: var(--mid); }\n 37.5% { opacity: 0.25; }\n 50% { opacity: var(--lo); }\n 100% { opacity: var(--lo); }\n}\n@keyframes pxs-wave {\n 0%, 100% { opacity: var(--lo); }\n 40%, 60% { opacity: var(--hi); }\n}\n@keyframes pxs-radiate {\n 0%, 100% { opacity: var(--lo); }\n 20%, 40% { opacity: var(--hi); }\n}\n@keyframes pxs-pulse {\n 0%, 100% { opacity: var(--lo); }\n 50% { opacity: var(--hi); }\n}\n@keyframes pxs-flicker-a { 0%, 100% { opacity: var(--hi); } 33% { opacity: var(--lo); } 66% { opacity: var(--mid); } }\n@keyframes pxs-flicker-b { 0%, 100% { opacity: var(--lo); } 25% { opacity: var(--hi); } 75% { opacity: var(--mid); } }\n@keyframes pxs-flicker-c { 0%, 100% { opacity: var(--mid); } 40% { opacity: var(--hi); } 80% { opacity: var(--lo); } }\n@media (prefers-reduced-motion: reduce) {\n .pxs-cell { animation: none !important; opacity: var(--mid) !important; }\n}\n", document.head.appendChild(e), Te = !0;
|
|
62
184
|
}
|
|
63
|
-
function
|
|
185
|
+
function De(e, t, n) {
|
|
64
186
|
let r = `${n}s`;
|
|
65
187
|
switch (e) {
|
|
66
|
-
case "hole": return t === 4 ? null : `pxs-ring-off ${r} ${(-(
|
|
67
|
-
case "trail": return t === 4 ? null : `pxs-trail-5 ${r} ${(-(
|
|
68
|
-
case "wave": return `pxs-wave ${r} ${(-((
|
|
188
|
+
case "hole": return t === 4 ? null : `pxs-ring-off ${r} ${(-(Se.indexOf(t) / 8) * n).toFixed(3)}s steps(1) infinite`;
|
|
189
|
+
case "trail": return t === 4 ? null : `pxs-trail-5 ${r} ${(-(Se.indexOf(t) / 8) * n).toFixed(3)}s linear infinite`;
|
|
190
|
+
case "wave": return `pxs-wave ${r} ${(-((Ce[t] ?? 0) / 5) * n).toFixed(3)}s ease-in-out infinite`;
|
|
69
191
|
case "radiate": return `pxs-radiate ${r} ${(-((t === 4 ? 0 : [
|
|
70
192
|
1,
|
|
71
193
|
3,
|
|
@@ -80,20 +202,20 @@ function Ce(e, t, n) {
|
|
|
80
202
|
][t % 3]} ${r} ${(-(t * .17 % 1) * n).toFixed(3)}s ease-in-out infinite`;
|
|
81
203
|
}
|
|
82
204
|
}
|
|
83
|
-
function
|
|
205
|
+
function Oe(e, t) {
|
|
84
206
|
return t === 4 ? +(e === "hole") : 0;
|
|
85
207
|
}
|
|
86
|
-
function
|
|
87
|
-
typeof document < "u" &&
|
|
88
|
-
let a = typeof t == "number" ? t :
|
|
208
|
+
function ke({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1.2, className: i }) {
|
|
209
|
+
typeof document < "u" && Ee();
|
|
210
|
+
let a = typeof t == "number" ? t : we[t], o = a / (3 + 2 * n), s = o * (1 + n), c = Array.from({ length: 9 }, (e, t) => ({
|
|
89
211
|
row: Math.floor(t / 3),
|
|
90
212
|
col: t % 3,
|
|
91
213
|
cellIndex: t
|
|
92
214
|
}));
|
|
93
|
-
return /* @__PURE__ */
|
|
215
|
+
return /* @__PURE__ */ j("span", {
|
|
94
216
|
"aria-label": "Loading",
|
|
95
217
|
role: "status",
|
|
96
|
-
className:
|
|
218
|
+
className: G("inline-block text-current", i),
|
|
97
219
|
style: {
|
|
98
220
|
width: a,
|
|
99
221
|
height: a,
|
|
@@ -101,14 +223,14 @@ function Te({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
|
|
|
101
223
|
"--mid": "0.5",
|
|
102
224
|
"--hi": "1"
|
|
103
225
|
},
|
|
104
|
-
children: /* @__PURE__ */
|
|
226
|
+
children: /* @__PURE__ */ j("svg", {
|
|
105
227
|
width: a,
|
|
106
228
|
height: a,
|
|
107
229
|
viewBox: `0 0 ${a} ${a}`,
|
|
108
230
|
"aria-hidden": "true",
|
|
109
231
|
children: c.map(({ row: t, col: n, cellIndex: i }) => {
|
|
110
|
-
let a =
|
|
111
|
-
return /* @__PURE__ */
|
|
232
|
+
let a = De(e, i, r), c = Oe(e, i);
|
|
233
|
+
return /* @__PURE__ */ j("rect", {
|
|
112
234
|
className: "pxs-cell",
|
|
113
235
|
x: n * s,
|
|
114
236
|
y: t * s,
|
|
@@ -126,24 +248,24 @@ function Te({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
|
|
|
126
248
|
}
|
|
127
249
|
//#endregion
|
|
128
250
|
//#region src/components/spinner/spinner.tsx
|
|
129
|
-
var
|
|
251
|
+
var Ae = {
|
|
130
252
|
sm: 10,
|
|
131
253
|
md: 12
|
|
132
|
-
},
|
|
133
|
-
let s = r === "sm" ? "text-cui-sm" : "text-[13px]", c =
|
|
134
|
-
return /* @__PURE__ */
|
|
254
|
+
}, je = C(function({ label: e, showDots: t = !0, showSpinner: n = !0, size: r = "md", variant: i = "wave", className: a }, o) {
|
|
255
|
+
let s = r === "sm" ? "text-cui-sm" : "text-[13px]", c = Ae[r];
|
|
256
|
+
return /* @__PURE__ */ M("span", {
|
|
135
257
|
ref: o,
|
|
136
|
-
className:
|
|
137
|
-
children: [n && /* @__PURE__ */
|
|
258
|
+
className: G("inline-flex items-center gap-1.5", a),
|
|
259
|
+
children: [n && /* @__PURE__ */ j(ke, {
|
|
138
260
|
variant: i,
|
|
139
261
|
size: c,
|
|
140
262
|
duration: 1.2
|
|
141
|
-
}), e && /* @__PURE__ */
|
|
142
|
-
className:
|
|
143
|
-
children: [e, t && /* @__PURE__ */
|
|
263
|
+
}), e && /* @__PURE__ */ M("span", {
|
|
264
|
+
className: G("text-current", s),
|
|
265
|
+
children: [e, t && /* @__PURE__ */ j("span", { className: "after:animate-cui-dot-cycle inline-block w-[2ch] text-left after:content-['.']" })]
|
|
144
266
|
})]
|
|
145
267
|
});
|
|
146
|
-
}),
|
|
268
|
+
}), Me = {
|
|
147
269
|
primary: {
|
|
148
270
|
active: !0,
|
|
149
271
|
bg: "bg-cui-inverse",
|
|
@@ -180,7 +302,7 @@ var Ee = {
|
|
|
180
302
|
bgClassName: "group-hover/btn:bg-cui-danger/30 group-active/btn:bg-cui-danger/50",
|
|
181
303
|
text: "text-cui-danger"
|
|
182
304
|
}
|
|
183
|
-
},
|
|
305
|
+
}, Ne = {
|
|
184
306
|
xs: {
|
|
185
307
|
height: "h-6",
|
|
186
308
|
padding: "px-1.5",
|
|
@@ -199,137 +321,319 @@ var Ee = {
|
|
|
199
321
|
textPadding: "px-1",
|
|
200
322
|
icon: "w-8"
|
|
201
323
|
}
|
|
202
|
-
},
|
|
203
|
-
let
|
|
204
|
-
return /* @__PURE__ */
|
|
205
|
-
ref:
|
|
206
|
-
disabled:
|
|
207
|
-
className:
|
|
208
|
-
...
|
|
324
|
+
}, q = C(function({ variant: e = "outline", size: t = "md", iconLeft: n, iconRight: r, loading: i = !1, disabled: a, className: o, children: s, ...c }, l) {
|
|
325
|
+
let u = Me[e], d = Ne[t], f = !s && !r ? G(d.height, d.icon) : G(d.height, d.padding, "w-fit");
|
|
326
|
+
return /* @__PURE__ */ M(te, {
|
|
327
|
+
ref: l,
|
|
328
|
+
disabled: a,
|
|
329
|
+
className: G("group/btn relative inline-flex min-w-fit cursor-pointer items-center justify-center", "rounded text-cui-base whitespace-pre select-none", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ", a && "pointer-events-none opacity-50", u.text, f, o),
|
|
330
|
+
...c,
|
|
209
331
|
children: [
|
|
210
|
-
/* @__PURE__ */
|
|
332
|
+
/* @__PURE__ */ j("div", { className: G("absolute rounded-[inherit]", u.bg, u.bgClassName, u.active ? "opacity-100 inset-0" : "opacity-0 inset-1", !a && [
|
|
211
333
|
"transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none",
|
|
212
334
|
"group-hover/btn:inset-0 group-hover/btn:opacity-100",
|
|
213
335
|
"group-active/btn:inset-px"
|
|
214
336
|
]) }),
|
|
215
|
-
|
|
216
|
-
className:
|
|
217
|
-
children:
|
|
337
|
+
n && /* @__PURE__ */ j("span", {
|
|
338
|
+
className: G("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", i && "opacity-0"),
|
|
339
|
+
children: n
|
|
218
340
|
}),
|
|
219
|
-
|
|
220
|
-
className:
|
|
221
|
-
children:
|
|
341
|
+
s && /* @__PURE__ */ j("span", {
|
|
342
|
+
className: G("relative z-[1] inline", d.textPadding, i && "opacity-0"),
|
|
343
|
+
children: s
|
|
222
344
|
}),
|
|
223
|
-
|
|
224
|
-
className:
|
|
225
|
-
children:
|
|
345
|
+
r && /* @__PURE__ */ j("span", {
|
|
346
|
+
className: G("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", i && "opacity-0"),
|
|
347
|
+
children: r
|
|
226
348
|
}),
|
|
227
|
-
|
|
349
|
+
i && /* @__PURE__ */ j("span", {
|
|
228
350
|
className: "absolute inset-0 z-[2] flex items-center justify-center",
|
|
229
|
-
children: /* @__PURE__ */
|
|
351
|
+
children: /* @__PURE__ */ j(je, {
|
|
230
352
|
showDots: !1,
|
|
231
353
|
size: "sm"
|
|
232
354
|
})
|
|
233
355
|
})
|
|
234
356
|
]
|
|
235
357
|
});
|
|
236
|
-
}),
|
|
237
|
-
function
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
358
|
+
}), J = {
|
|
359
|
+
Panel: C(function({ minWidth: e, className: t, children: n, ...r }, i) {
|
|
360
|
+
return /* @__PURE__ */ j("div", {
|
|
361
|
+
ref: i,
|
|
362
|
+
className: G("flex flex-col bg-cui-base-2 border border-cui-neutral rounded-lg shadow-md p-1", e, "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", t),
|
|
363
|
+
...r,
|
|
364
|
+
children: n
|
|
365
|
+
});
|
|
366
|
+
}),
|
|
367
|
+
Item: C(function({ icon: e, indicator: t, variant: n = "default", className: r, children: i, ...a }, o) {
|
|
368
|
+
return /* @__PURE__ */ M("div", {
|
|
369
|
+
ref: o,
|
|
370
|
+
className: G("group relative flex items-center gap-2 px-2 py-1.5 text-cui-base cursor-pointer rounded select-none outline-none", n === "danger" ? "text-cui-danger data-[highlighted]:text-cui-danger" : "text-cui-primary", r),
|
|
371
|
+
...a,
|
|
372
|
+
children: [
|
|
373
|
+
/* @__PURE__ */ j("div", { className: G("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[highlighted]:opacity-100", "group-data-[selected]:opacity-100", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
|
|
374
|
+
e && /* @__PURE__ */ j("span", {
|
|
375
|
+
className: G("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", n === "danger" ? "text-cui-danger" : "text-cui-tertiary group-data-[highlighted]:text-cui-primary group-data-[selected]:text-cui-primary group-data-[selected=true]:text-cui-primary"),
|
|
376
|
+
children: e
|
|
377
|
+
}),
|
|
378
|
+
i,
|
|
379
|
+
t && /* @__PURE__ */ j("span", {
|
|
380
|
+
className: "text-cui-accent relative z-[1] ml-auto [&>svg]:size-4",
|
|
381
|
+
children: t
|
|
382
|
+
})
|
|
383
|
+
]
|
|
384
|
+
});
|
|
385
|
+
}),
|
|
386
|
+
ItemIndicator: C(function({ className: e }, t) {
|
|
387
|
+
return /* @__PURE__ */ j("span", {
|
|
388
|
+
ref: t,
|
|
389
|
+
className: G("relative z-[1] ml-auto text-cui-secondary [&>svg]:size-4", e),
|
|
390
|
+
children: /* @__PURE__ */ j(o, {})
|
|
391
|
+
});
|
|
392
|
+
}),
|
|
393
|
+
List: C(function({ className: e, children: t, ...n }, r) {
|
|
394
|
+
return /* @__PURE__ */ j("div", {
|
|
395
|
+
ref: r,
|
|
396
|
+
className: G("flex max-h-[min(var(--available-height),280px)] flex-col gap-0.5 overflow-y-auto overscroll-contain outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
|
|
397
|
+
...n,
|
|
398
|
+
children: t
|
|
399
|
+
});
|
|
400
|
+
}),
|
|
401
|
+
Separator: C(function({ className: e, ...t }, n) {
|
|
402
|
+
return /* @__PURE__ */ j("div", {
|
|
403
|
+
ref: n,
|
|
404
|
+
className: G("my-1 border-t border-cui-neutral", e),
|
|
405
|
+
...t
|
|
406
|
+
});
|
|
407
|
+
}),
|
|
408
|
+
GroupLabel: C(function({ className: e, children: t, ...n }, r) {
|
|
409
|
+
return /* @__PURE__ */ j("div", {
|
|
410
|
+
ref: r,
|
|
411
|
+
className: G("px-2 py-1.5 text-cui-sm font-medium text-cui-tertiary select-none", e),
|
|
412
|
+
...n,
|
|
413
|
+
children: t
|
|
414
|
+
});
|
|
415
|
+
}),
|
|
416
|
+
Positioner: C(function({ className: e, children: t, ...n }, r) {
|
|
417
|
+
return /* @__PURE__ */ j("div", {
|
|
418
|
+
ref: r,
|
|
419
|
+
className: G("z-50 outline-none", e),
|
|
420
|
+
...n,
|
|
421
|
+
children: t
|
|
422
|
+
});
|
|
423
|
+
}),
|
|
424
|
+
SearchInput: C(function({ className: e, children: t, ...n }, r) {
|
|
425
|
+
return /* @__PURE__ */ M("div", {
|
|
426
|
+
ref: r,
|
|
427
|
+
className: G("mb-0.5 flex items-center gap-2 rounded px-2 py-1.5", e),
|
|
428
|
+
...n,
|
|
429
|
+
children: [/* @__PURE__ */ j(h, { className: "text-cui-tertiary size-4 shrink-0" }), t]
|
|
430
|
+
});
|
|
431
|
+
}),
|
|
432
|
+
Empty: C(function({ className: e, children: t, ...n }, r) {
|
|
433
|
+
return /* @__PURE__ */ j("div", {
|
|
434
|
+
ref: r,
|
|
435
|
+
className: G("text-cui-secondary px-2 py-4 text-center text-cui-base empty:hidden", e),
|
|
436
|
+
...n,
|
|
437
|
+
children: t
|
|
438
|
+
});
|
|
439
|
+
})
|
|
440
|
+
};
|
|
441
|
+
//#endregion
|
|
442
|
+
//#region src/components/combobox/combobox.tsx
|
|
443
|
+
function Pe({ value: e, defaultValue: t, onValueChange: n, items: r, children: i, className: a }) {
|
|
444
|
+
let [o, s] = k("");
|
|
445
|
+
return /* @__PURE__ */ j(N.Root, {
|
|
446
|
+
value: e,
|
|
447
|
+
defaultValue: t,
|
|
448
|
+
onValueChange: n ? (e) => {
|
|
449
|
+
e != null && n(e);
|
|
450
|
+
} : void 0,
|
|
451
|
+
items: r,
|
|
452
|
+
inputValue: o,
|
|
453
|
+
onInputValueChange: s,
|
|
454
|
+
onOpenChange: (e) => {
|
|
455
|
+
e && s("");
|
|
456
|
+
},
|
|
457
|
+
autoHighlight: !0,
|
|
458
|
+
children: a ? /* @__PURE__ */ j("div", {
|
|
459
|
+
className: a,
|
|
460
|
+
children: i
|
|
461
|
+
}) : i
|
|
462
|
+
});
|
|
244
463
|
}
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
registerItem: g,
|
|
261
|
-
onItemHover: _,
|
|
262
|
-
dismissHover: y
|
|
263
|
-
}), [
|
|
264
|
-
g,
|
|
265
|
-
_,
|
|
266
|
-
y
|
|
267
|
-
]);
|
|
268
|
-
return /* @__PURE__ */ p(Ae.Provider, {
|
|
269
|
-
value: S,
|
|
270
|
-
children: /* @__PURE__ */ m("div", {
|
|
271
|
-
onPointerLeave: v,
|
|
272
|
-
className: W("group/h relative flex items-center", r),
|
|
273
|
-
children: [/* @__PURE__ */ p("div", {
|
|
274
|
-
"aria-hidden": !0,
|
|
275
|
-
className: W("pointer-events-none absolute left-0 top-0 z-0", "motion-reduce:transition-none", f === "slide" ? "transition-[translate,width,height,opacity,scale] duration-200 ease-cui-out-expo" : "transition-[opacity,scale] duration-200 ease-cui-out-expo", b ? "scale-100 opacity-100" : "scale-95 opacity-0"),
|
|
276
|
-
style: x ? {
|
|
277
|
-
width: x.width,
|
|
278
|
-
height: x.height,
|
|
279
|
-
translate: `${x.left}px ${x.top}px`
|
|
280
|
-
} : void 0,
|
|
281
|
-
children: /* @__PURE__ */ p("div", { className: W("absolute inset-0", t, n, "transition-[inset] duration-150 ease-cui-out-expo", "group-active/h:inset-px", "motion-reduce:transition-none") })
|
|
282
|
-
}), e]
|
|
464
|
+
var Fe = C(function({ children: e, className: t }, n) {
|
|
465
|
+
return /* @__PURE__ */ j(N.Trigger, {
|
|
466
|
+
ref: n,
|
|
467
|
+
className: G("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
|
|
468
|
+
children: e
|
|
469
|
+
});
|
|
470
|
+
}), Ie = C(function({ placeholder: e, size: t, className: n }, r) {
|
|
471
|
+
return /* @__PURE__ */ j(N.Trigger, {
|
|
472
|
+
ref: r,
|
|
473
|
+
render: /* @__PURE__ */ j(q, {
|
|
474
|
+
variant: "outline",
|
|
475
|
+
size: t,
|
|
476
|
+
iconRight: /* @__PURE__ */ j(u, {}),
|
|
477
|
+
className: n,
|
|
478
|
+
children: /* @__PURE__ */ j(N.Value, { placeholder: e })
|
|
283
479
|
})
|
|
284
480
|
});
|
|
481
|
+
});
|
|
482
|
+
function Le({ align: e = "start", searchPlaceholder: t = "Search...", emptyMessage: n = "No results found.", minWidth: r = "min-w-[220px]", children: i, className: a }) {
|
|
483
|
+
let o = i ?? ((e) => /* @__PURE__ */ j(Re, {
|
|
484
|
+
value: e.value,
|
|
485
|
+
icon: e.icon,
|
|
486
|
+
children: e.label
|
|
487
|
+
}, e.value));
|
|
488
|
+
return /* @__PURE__ */ j(N.Portal, { children: /* @__PURE__ */ j(N.Positioner, {
|
|
489
|
+
align: e,
|
|
490
|
+
sideOffset: 4,
|
|
491
|
+
render: /* @__PURE__ */ j(J.Positioner, {}),
|
|
492
|
+
children: /* @__PURE__ */ M(N.Popup, {
|
|
493
|
+
render: /* @__PURE__ */ j(J.Panel, {
|
|
494
|
+
minWidth: r,
|
|
495
|
+
className: a
|
|
496
|
+
}),
|
|
497
|
+
children: [
|
|
498
|
+
/* @__PURE__ */ j(J.SearchInput, { children: /* @__PURE__ */ j(N.Input, {
|
|
499
|
+
placeholder: t,
|
|
500
|
+
className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
|
|
501
|
+
}) }),
|
|
502
|
+
/* @__PURE__ */ j(N.Empty, {
|
|
503
|
+
render: /* @__PURE__ */ j(J.Empty, {}),
|
|
504
|
+
children: n
|
|
505
|
+
}),
|
|
506
|
+
/* @__PURE__ */ j(N.List, {
|
|
507
|
+
render: /* @__PURE__ */ j(J.List, {}),
|
|
508
|
+
children: o
|
|
509
|
+
})
|
|
510
|
+
]
|
|
511
|
+
})
|
|
512
|
+
}) });
|
|
285
513
|
}
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
514
|
+
var Re = C(function({ value: e, icon: t, children: n, className: r }, i) {
|
|
515
|
+
return /* @__PURE__ */ M(N.Item, {
|
|
516
|
+
ref: i,
|
|
517
|
+
value: e,
|
|
518
|
+
render: /* @__PURE__ */ j(J.Item, {
|
|
519
|
+
icon: t,
|
|
520
|
+
className: r
|
|
521
|
+
}),
|
|
522
|
+
children: [/* @__PURE__ */ j("span", {
|
|
523
|
+
className: "relative z-[1] flex-1",
|
|
524
|
+
children: n
|
|
525
|
+
}), /* @__PURE__ */ j(N.ItemIndicator, { render: /* @__PURE__ */ j(J.ItemIndicator, {}) })]
|
|
526
|
+
});
|
|
527
|
+
}), ze = C(function({ className: e, children: t }, n) {
|
|
528
|
+
return /* @__PURE__ */ j(N.Group, {
|
|
529
|
+
ref: n,
|
|
530
|
+
className: G("flex flex-col", e),
|
|
531
|
+
children: t
|
|
532
|
+
});
|
|
533
|
+
}), Be = C(function({ className: e, children: t }, n) {
|
|
534
|
+
return /* @__PURE__ */ j(N.GroupLabel, {
|
|
535
|
+
ref: n,
|
|
536
|
+
render: /* @__PURE__ */ j(J.GroupLabel, { className: e }),
|
|
537
|
+
children: t
|
|
538
|
+
});
|
|
539
|
+
}), Ve = C(function({ className: e }, t) {
|
|
540
|
+
return /* @__PURE__ */ j(N.Separator, {
|
|
541
|
+
ref: t,
|
|
542
|
+
render: /* @__PURE__ */ j(J.Separator, { className: e })
|
|
543
|
+
});
|
|
544
|
+
});
|
|
545
|
+
//#endregion
|
|
546
|
+
//#region src/components/breadcrumb/breadcrumb.tsx
|
|
547
|
+
function He({ to: e, href: t, className: n, children: r }) {
|
|
548
|
+
return /* @__PURE__ */ j("a", {
|
|
549
|
+
href: e ?? t,
|
|
550
|
+
className: n,
|
|
551
|
+
children: r
|
|
305
552
|
});
|
|
306
553
|
}
|
|
307
|
-
function
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
554
|
+
function Ue() {
|
|
555
|
+
return /* @__PURE__ */ j("div", {
|
|
556
|
+
className: "flex w-4 shrink-0 items-center justify-center self-stretch",
|
|
557
|
+
children: /* @__PURE__ */ j("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
|
|
558
|
+
});
|
|
559
|
+
}
|
|
560
|
+
function We({ item: e, asLink: t, LinkEl: n }) {
|
|
561
|
+
let r = G("flex items-center gap-2 h-8 px-2 text-cui-base font-medium text-cui-primary select-none", t && "outline-none rounded focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2"), i = /* @__PURE__ */ M(A, { children: [e.icon && /* @__PURE__ */ j("span", {
|
|
562
|
+
className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
563
|
+
children: e.icon
|
|
564
|
+
}), /* @__PURE__ */ j("span", { children: e.label })] });
|
|
565
|
+
return t && e.href ? /* @__PURE__ */ j(n, {
|
|
566
|
+
to: e.href,
|
|
567
|
+
href: e.href,
|
|
568
|
+
className: r,
|
|
569
|
+
children: i
|
|
570
|
+
}) : /* @__PURE__ */ j("span", {
|
|
571
|
+
className: r,
|
|
572
|
+
children: i
|
|
573
|
+
});
|
|
574
|
+
}
|
|
575
|
+
function Ge() {
|
|
576
|
+
return /* @__PURE__ */ j(Fe, {
|
|
577
|
+
className: "rounded-sm",
|
|
578
|
+
children: /* @__PURE__ */ j(K, {
|
|
579
|
+
background: "bg-cui-subtle",
|
|
580
|
+
interactive: !0,
|
|
581
|
+
children: /* @__PURE__ */ j("span", {
|
|
582
|
+
className: "flex h-8 items-center justify-center px-0.5 select-none",
|
|
583
|
+
children: /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-4" })
|
|
584
|
+
})
|
|
585
|
+
})
|
|
586
|
+
});
|
|
587
|
+
}
|
|
588
|
+
function Ke({ item: e, LinkEl: t }) {
|
|
589
|
+
return e.selector && e.options ? /* @__PURE__ */ M(Pe, {
|
|
590
|
+
value: e.value,
|
|
591
|
+
onValueChange: e.onSelect,
|
|
592
|
+
items: e.options,
|
|
593
|
+
children: [/* @__PURE__ */ M("span", {
|
|
594
|
+
className: "flex items-center",
|
|
595
|
+
children: [/* @__PURE__ */ j(K, {
|
|
596
|
+
background: "bg-cui-subtle",
|
|
597
|
+
interactive: !0,
|
|
598
|
+
children: /* @__PURE__ */ j(We, {
|
|
599
|
+
item: e,
|
|
600
|
+
asLink: !!e.href,
|
|
601
|
+
LinkEl: t
|
|
602
|
+
})
|
|
603
|
+
}), /* @__PURE__ */ j(Ge, {})]
|
|
604
|
+
}), /* @__PURE__ */ j(Le, { searchPlaceholder: "Search..." })]
|
|
605
|
+
}) : e.href ? /* @__PURE__ */ j(K, {
|
|
606
|
+
background: "bg-cui-subtle",
|
|
607
|
+
interactive: !0,
|
|
608
|
+
children: /* @__PURE__ */ j(We, {
|
|
609
|
+
item: e,
|
|
610
|
+
asLink: !0,
|
|
611
|
+
LinkEl: t
|
|
612
|
+
})
|
|
613
|
+
}) : /* @__PURE__ */ j(K, {
|
|
614
|
+
background: "bg-cui-subtle",
|
|
615
|
+
interactive: !0,
|
|
616
|
+
children: /* @__PURE__ */ j(We, {
|
|
617
|
+
item: e,
|
|
618
|
+
LinkEl: t
|
|
619
|
+
})
|
|
620
|
+
});
|
|
621
|
+
}
|
|
622
|
+
function qe({ items: e, linkComponent: t = He, className: n }) {
|
|
623
|
+
return /* @__PURE__ */ j("nav", {
|
|
624
|
+
className: G("flex items-center", n),
|
|
625
|
+
children: e.map((e, n) => /* @__PURE__ */ M("span", {
|
|
626
|
+
className: "flex items-center",
|
|
627
|
+
children: [n > 0 && /* @__PURE__ */ j(Ue, {}), /* @__PURE__ */ j(Ke, {
|
|
628
|
+
item: e,
|
|
629
|
+
LinkEl: t
|
|
630
|
+
})]
|
|
631
|
+
}, e.label))
|
|
328
632
|
});
|
|
329
633
|
}
|
|
330
634
|
//#endregion
|
|
331
635
|
//#region src/components/toggle/toggle.tsx
|
|
332
|
-
var
|
|
636
|
+
var Je = {
|
|
333
637
|
sm: {
|
|
334
638
|
track: "w-9 h-5",
|
|
335
639
|
thumb: "h-4 w-4 group-active/toggle:w-5"
|
|
@@ -338,19 +642,19 @@ var Pe = {
|
|
|
338
642
|
track: "w-11 h-6",
|
|
339
643
|
thumb: "h-5 w-5 group-active/toggle:w-6"
|
|
340
644
|
}
|
|
341
|
-
},
|
|
342
|
-
let c =
|
|
343
|
-
return /* @__PURE__ */
|
|
645
|
+
}, Ye = C(function({ checked: e, defaultChecked: t, onCheckedChange: n, disabled: r, size: i = "md", className: a, ...o }, s) {
|
|
646
|
+
let c = Je[i];
|
|
647
|
+
return /* @__PURE__ */ j(ne.Root, {
|
|
344
648
|
ref: s,
|
|
345
649
|
checked: e,
|
|
346
650
|
defaultChecked: t,
|
|
347
651
|
onCheckedChange: n,
|
|
348
652
|
disabled: r,
|
|
349
|
-
className:
|
|
653
|
+
className: G("group/toggle relative inline-flex shrink-0 cursor-pointer items-center rounded-full", "bg-cui-subtle data-[checked]:bg-cui-accent", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-cui-out-expo", r && "opacity-50 pointer-events-none", c.track, a),
|
|
350
654
|
...o,
|
|
351
|
-
children: /* @__PURE__ */
|
|
655
|
+
children: /* @__PURE__ */ j(ne.Thumb, { className: G("block rounded-full bg-cui-accent-on shadow-sm", "translate-x-0.5 transition-all duration-150 ease-cui-out-expo", i === "sm" && "data-[checked]:translate-x-[18px] data-[checked]:group-active/toggle:translate-x-[14px]", i === "md" && "data-[checked]:translate-x-[22px] data-[checked]:group-active/toggle:translate-x-[18px]", c.thumb) })
|
|
352
656
|
});
|
|
353
|
-
}),
|
|
657
|
+
}), Xe = {
|
|
354
658
|
sm: {
|
|
355
659
|
root: "size-4 rounded-[4px]",
|
|
356
660
|
icon: "size-3",
|
|
@@ -361,85 +665,85 @@ var Pe = {
|
|
|
361
665
|
icon: "size-3.5",
|
|
362
666
|
label: "text-cui-base"
|
|
363
667
|
}
|
|
364
|
-
},
|
|
365
|
-
let
|
|
366
|
-
ref:
|
|
668
|
+
}, Ze = C(function({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i = !1, required: a, size: s = "md", label: c, name: l, className: u, ...d }, f) {
|
|
669
|
+
let p = Xe[s], m = /* @__PURE__ */ j(re.Root, {
|
|
670
|
+
ref: f,
|
|
367
671
|
checked: e,
|
|
368
672
|
defaultChecked: t,
|
|
369
673
|
onCheckedChange: n,
|
|
370
674
|
indeterminate: r,
|
|
371
675
|
disabled: i,
|
|
372
676
|
required: a,
|
|
373
|
-
name:
|
|
374
|
-
className:
|
|
375
|
-
...
|
|
376
|
-
children: /* @__PURE__ */
|
|
677
|
+
name: l,
|
|
678
|
+
className: G("group/checkbox relative inline-flex shrink-0 items-center justify-center", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-out", "motion-reduce:transition-none", "before:absolute before:inset-1/2 before:size-8 before:-translate-1/2", i ? "pointer-events-none cursor-not-allowed border border-cui-neutral bg-cui-subtle" : "cursor-pointer border border-cui-neutral bg-cui-base-2 data-[checked]:border-cui-accent data-[checked]:bg-cui-accent data-[indeterminate]:border-cui-neutral-strong data-[indeterminate]:bg-cui-subtle", p.root, !c && u),
|
|
679
|
+
...d,
|
|
680
|
+
children: /* @__PURE__ */ j(re.Indicator, {
|
|
377
681
|
keepMounted: !0,
|
|
378
|
-
className:
|
|
379
|
-
children:
|
|
682
|
+
className: G("flex items-center justify-center", i ? "text-cui-tertiary" : "data-[checked]:text-cui-accent-on data-[indeterminate]:text-cui-secondary", "scale-100 opacity-100", "data-[unchecked]:scale-50 data-[unchecked]:opacity-0", "data-[starting-style]:scale-50 data-[starting-style]:opacity-0", "data-[ending-style]:scale-50 data-[ending-style]:opacity-0", "transition-[scale,opacity] duration-300 ease-cui-out-expo", "motion-reduce:transition-none"),
|
|
683
|
+
children: j(r ? g : o, { className: p.icon })
|
|
380
684
|
})
|
|
381
685
|
});
|
|
382
|
-
return
|
|
383
|
-
className:
|
|
384
|
-
children: [
|
|
385
|
-
className:
|
|
386
|
-
children:
|
|
686
|
+
return c ? /* @__PURE__ */ M("label", {
|
|
687
|
+
className: G("inline-flex items-center gap-2 select-none", i ? "cursor-not-allowed" : "cursor-pointer", u),
|
|
688
|
+
children: [m, /* @__PURE__ */ j("span", {
|
|
689
|
+
className: G(p.label, i ? "text-cui-tertiary" : "text-cui-primary"),
|
|
690
|
+
children: c
|
|
387
691
|
})]
|
|
388
|
-
}) :
|
|
389
|
-
}),
|
|
692
|
+
}) : m;
|
|
693
|
+
}), Qe = {
|
|
390
694
|
default: "bg-cui-base-1 rounded-lg shadow-xs ring-1 ring-cui-neutral",
|
|
391
695
|
nested: "bg-cui-base-2 rounded-sm shadow-sm ring-1 ring-cui-neutral"
|
|
392
|
-
},
|
|
393
|
-
return /* @__PURE__ */
|
|
696
|
+
}, $e = C(function({ className: e, children: t }, n) {
|
|
697
|
+
return /* @__PURE__ */ j("div", {
|
|
394
698
|
ref: n,
|
|
395
|
-
className:
|
|
699
|
+
className: G("flex flex-col gap-1 p-1", e),
|
|
396
700
|
children: t
|
|
397
701
|
});
|
|
398
|
-
}),
|
|
399
|
-
return /* @__PURE__ */
|
|
702
|
+
}), et = C(function({ className: e, children: t }, n) {
|
|
703
|
+
return /* @__PURE__ */ j("div", {
|
|
400
704
|
ref: n,
|
|
401
|
-
className:
|
|
705
|
+
className: G("px-4 py-3", e),
|
|
402
706
|
children: t
|
|
403
707
|
});
|
|
404
|
-
}),
|
|
405
|
-
return /* @__PURE__ */
|
|
708
|
+
}), tt = C(function({ className: e, children: t }, n) {
|
|
709
|
+
return /* @__PURE__ */ j("div", {
|
|
406
710
|
ref: n,
|
|
407
|
-
className:
|
|
711
|
+
className: G("p-4", e),
|
|
408
712
|
children: t
|
|
409
713
|
});
|
|
410
|
-
}),
|
|
411
|
-
return /* @__PURE__ */
|
|
714
|
+
}), nt = C(function({ className: e, children: t }, n) {
|
|
715
|
+
return /* @__PURE__ */ j("div", {
|
|
412
716
|
ref: n,
|
|
413
|
-
className:
|
|
717
|
+
className: G("border-b border-cui-neutral last:border-b-0 p-4", e),
|
|
414
718
|
children: t
|
|
415
719
|
});
|
|
416
|
-
}),
|
|
417
|
-
return /* @__PURE__ */
|
|
720
|
+
}), Y = C(function({ variant: e = "default", className: t, children: n }, r) {
|
|
721
|
+
return /* @__PURE__ */ j("div", {
|
|
418
722
|
ref: r,
|
|
419
|
-
className:
|
|
723
|
+
className: G(Qe[e], t),
|
|
420
724
|
children: n
|
|
421
725
|
});
|
|
422
726
|
});
|
|
423
|
-
|
|
727
|
+
Y.Content = $e, Y.Header = et, Y.Body = tt, Y.Section = nt;
|
|
424
728
|
//#endregion
|
|
425
729
|
//#region src/components/nav-link/nav-link.tsx
|
|
426
|
-
var
|
|
730
|
+
var rt = {
|
|
427
731
|
sm: "h-7 px-1.5",
|
|
428
732
|
md: "h-8 px-1.5"
|
|
429
733
|
};
|
|
430
|
-
function
|
|
431
|
-
return /* @__PURE__ */
|
|
734
|
+
function it({ className: e, children: t }) {
|
|
735
|
+
return /* @__PURE__ */ j(be, {
|
|
432
736
|
background: "bg-cui-subtle",
|
|
433
|
-
className:
|
|
737
|
+
className: G("gap-1 p-2 flex-nowrap", e),
|
|
434
738
|
children: t
|
|
435
739
|
});
|
|
436
740
|
}
|
|
437
|
-
function
|
|
438
|
-
return /* @__PURE__ */
|
|
741
|
+
function at({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", className: a, children: o }) {
|
|
742
|
+
return /* @__PURE__ */ j(K, {
|
|
439
743
|
active: e,
|
|
440
744
|
background: "bg-cui-subtle",
|
|
441
745
|
className: a,
|
|
442
|
-
children: /* @__PURE__ */
|
|
746
|
+
children: /* @__PURE__ */ M(n ? "a" : "button", {
|
|
443
747
|
...n ? {
|
|
444
748
|
href: n,
|
|
445
749
|
onClick: r
|
|
@@ -447,11 +751,11 @@ function Ge({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", clas
|
|
|
447
751
|
type: "button",
|
|
448
752
|
onClick: r
|
|
449
753
|
},
|
|
450
|
-
className:
|
|
451
|
-
children: [t && /* @__PURE__ */
|
|
754
|
+
className: G("flex items-center text-cui-base font-medium cursor-pointer select-none whitespace-nowrap", "outline-none", rt[i], e ? "text-cui-primary" : "text-cui-secondary"),
|
|
755
|
+
children: [t && /* @__PURE__ */ j("span", {
|
|
452
756
|
className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
453
757
|
children: t
|
|
454
|
-
}), /* @__PURE__ */
|
|
758
|
+
}), /* @__PURE__ */ j("span", {
|
|
455
759
|
className: "px-1",
|
|
456
760
|
children: o
|
|
457
761
|
})]
|
|
@@ -460,207 +764,38 @@ function Ge({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", clas
|
|
|
460
764
|
}
|
|
461
765
|
//#endregion
|
|
462
766
|
//#region src/components/logo/logo.tsx
|
|
463
|
-
var
|
|
464
|
-
return e === "circle" ? /* @__PURE__ */
|
|
767
|
+
var ot = C(function({ variant: e = "mark", size: t = 18, className: n }, r) {
|
|
768
|
+
return e === "circle" ? /* @__PURE__ */ M("svg", {
|
|
465
769
|
ref: r,
|
|
466
770
|
width: t,
|
|
467
771
|
height: t,
|
|
468
772
|
viewBox: "0 0 1201 1200",
|
|
469
773
|
fill: "none",
|
|
470
774
|
xmlns: "http://www.w3.org/2000/svg",
|
|
471
|
-
className:
|
|
775
|
+
className: G("shrink-0", n),
|
|
472
776
|
"aria-label": "CodeRabbit",
|
|
473
|
-
children: [/* @__PURE__ */
|
|
777
|
+
children: [/* @__PURE__ */ j("path", {
|
|
474
778
|
d: "M600.867 1200C932.238 1200 1200.87 931.37 1200.87 600C1200.87 268.629 932.238 -0.000488281 600.867 -0.000488281C269.496 -0.000488281 0.867188 268.629 0.867188 600C0.867188 931.37 269.496 1200 600.867 1200Z",
|
|
475
779
|
fill: "currentColor"
|
|
476
|
-
}), /* @__PURE__ */
|
|
780
|
+
}), /* @__PURE__ */ j("path", {
|
|
477
781
|
d: "M1008.3 500.615C1008.3 500.615 924.706 393.751 819.62 387.639C751.807 383.636 735.379 392.696 732.434 399.444C728.226 364.456 698.322 202.361 491.729 168.008C518.102 357.589 627.02 308.191 691.161 438.86C691.161 438.86 582.921 291.734 404.969 345.903C404.969 345.903 469.83 482.07 661.676 509.891C661.676 509.891 677.05 562.586 681.684 571.862C681.684 571.862 386.224 417.779 296.512 713.505C229.747 698.382 207.352 770.859 284.09 820.369C284.09 820.369 297.147 768.519 328.943 753.131C328.943 753.131 260.711 829.226 340.946 920.36H628.925C635.883 908.834 666.68 848.19 590.514 802.285C644.278 801.516 688.042 902.932 735.128 921.058H803.61C805.927 915.428 810.771 898.567 799.395 883.395C781.857 863.278 743.46 866.002 743.802 828.8C757.062 655.746 1016.55 708.888 1008.3 500.615Z",
|
|
478
782
|
fill: "var(--background-color-cui-base-1)"
|
|
479
783
|
})]
|
|
480
|
-
}) : /* @__PURE__ */
|
|
784
|
+
}) : /* @__PURE__ */ j("svg", {
|
|
481
785
|
ref: r,
|
|
482
786
|
width: t,
|
|
483
787
|
height: t,
|
|
484
788
|
viewBox: "0 0 18 18",
|
|
485
789
|
fill: "none",
|
|
486
790
|
xmlns: "http://www.w3.org/2000/svg",
|
|
487
|
-
className:
|
|
791
|
+
className: G("shrink-0", n),
|
|
488
792
|
"aria-label": "CodeRabbit",
|
|
489
|
-
children: /* @__PURE__ */
|
|
793
|
+
children: /* @__PURE__ */ j("path", {
|
|
490
794
|
d: "M17.9955 7.95021C17.9955 7.95021 16.0484 5.39587 13.6007 5.24977C12.0212 5.15411 11.6385 5.37067 11.5699 5.53194C11.4719 4.69563 10.7754 0.821109 5.96335 0C6.57764 4.53152 9.1146 3.35077 10.6086 6.47412C10.6086 6.47412 8.08743 2.9574 3.94251 4.25219C3.94251 4.25219 5.45327 7.50694 9.92182 8.17196C9.92182 8.17196 10.2799 9.43152 10.3879 9.65324C10.3879 9.65324 3.50589 5.97023 1.41629 13.0389C-0.138828 12.6774 -0.660461 14.4098 1.12695 15.5933C1.12695 15.5933 1.43108 14.3539 2.17168 13.9861C2.17168 13.9861 0.582397 15.805 2.45126 17.9833H9.15897C9.32104 17.7078 10.0384 16.2583 8.26429 15.161C9.51658 15.1426 10.5359 17.5667 11.6327 18H13.2278C13.2818 17.8654 13.3946 17.4624 13.1296 17.0998C12.7211 16.6189 11.8268 16.684 11.8347 15.7948C12.1436 11.6583 18.1877 12.9285 17.9955 7.95021Z",
|
|
491
795
|
fill: "currentColor"
|
|
492
796
|
})
|
|
493
797
|
});
|
|
494
|
-
}),
|
|
495
|
-
Panel: i(function({ minWidth: e, className: t, children: n, ...r }, i) {
|
|
496
|
-
return /* @__PURE__ */ p("div", {
|
|
497
|
-
ref: i,
|
|
498
|
-
className: W("flex flex-col bg-cui-base-2 border border-cui-neutral rounded-lg shadow-md p-1", e, "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", t),
|
|
499
|
-
...r,
|
|
500
|
-
children: n
|
|
501
|
-
});
|
|
502
|
-
}),
|
|
503
|
-
Item: i(function({ icon: e, indicator: t, variant: n = "default", className: r, children: i, ...a }, o) {
|
|
504
|
-
return /* @__PURE__ */ m("div", {
|
|
505
|
-
ref: o,
|
|
506
|
-
className: W("group relative flex items-center gap-2 px-2 py-1.5 text-cui-base cursor-pointer rounded select-none outline-none", n === "danger" ? "text-cui-danger data-[highlighted]:text-cui-danger" : "text-cui-primary", r),
|
|
507
|
-
...a,
|
|
508
|
-
children: [
|
|
509
|
-
/* @__PURE__ */ p("div", { className: W("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[highlighted]:opacity-100", "group-data-[selected]:opacity-100", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
|
|
510
|
-
e && /* @__PURE__ */ p("span", {
|
|
511
|
-
className: W("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", n === "danger" ? "text-cui-danger" : "text-cui-tertiary group-data-[highlighted]:text-cui-primary group-data-[selected]:text-cui-primary group-data-[selected=true]:text-cui-primary"),
|
|
512
|
-
children: e
|
|
513
|
-
}),
|
|
514
|
-
i,
|
|
515
|
-
t && /* @__PURE__ */ p("span", {
|
|
516
|
-
className: "text-cui-accent relative z-[1] ml-auto [&>svg]:size-4",
|
|
517
|
-
children: t
|
|
518
|
-
})
|
|
519
|
-
]
|
|
520
|
-
});
|
|
521
|
-
}),
|
|
522
|
-
ItemIndicator: i(function({ className: e }, t) {
|
|
523
|
-
return /* @__PURE__ */ p("span", {
|
|
524
|
-
ref: t,
|
|
525
|
-
className: W("relative z-[1] ml-auto text-cui-secondary [&>svg]:size-4", e),
|
|
526
|
-
children: /* @__PURE__ */ p(b, {})
|
|
527
|
-
});
|
|
528
|
-
}),
|
|
529
|
-
List: i(function({ className: e, children: t, ...n }, r) {
|
|
530
|
-
return /* @__PURE__ */ p("div", {
|
|
531
|
-
ref: r,
|
|
532
|
-
className: W("flex max-h-[min(var(--available-height),280px)] flex-col gap-0.5 overflow-y-auto overscroll-contain outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
|
|
533
|
-
...n,
|
|
534
|
-
children: t
|
|
535
|
-
});
|
|
536
|
-
}),
|
|
537
|
-
Separator: i(function({ className: e, ...t }, n) {
|
|
538
|
-
return /* @__PURE__ */ p("div", {
|
|
539
|
-
ref: n,
|
|
540
|
-
className: W("my-1 border-t border-cui-neutral", e),
|
|
541
|
-
...t
|
|
542
|
-
});
|
|
543
|
-
}),
|
|
544
|
-
GroupLabel: i(function({ className: e, children: t, ...n }, r) {
|
|
545
|
-
return /* @__PURE__ */ p("div", {
|
|
546
|
-
ref: r,
|
|
547
|
-
className: W("px-2 py-1.5 text-cui-sm font-medium text-cui-tertiary select-none", e),
|
|
548
|
-
...n,
|
|
549
|
-
children: t
|
|
550
|
-
});
|
|
551
|
-
}),
|
|
552
|
-
Positioner: i(function({ className: e, children: t, ...n }, r) {
|
|
553
|
-
return /* @__PURE__ */ p("div", {
|
|
554
|
-
ref: r,
|
|
555
|
-
className: W("z-50 outline-none", e),
|
|
556
|
-
...n,
|
|
557
|
-
children: t
|
|
558
|
-
});
|
|
559
|
-
}),
|
|
560
|
-
SearchInput: i(function({ className: e, children: t, ...n }, r) {
|
|
561
|
-
return /* @__PURE__ */ m("div", {
|
|
562
|
-
ref: r,
|
|
563
|
-
className: W("mb-0.5 flex items-center gap-2 rounded px-2 py-1.5", e),
|
|
564
|
-
...n,
|
|
565
|
-
children: [/* @__PURE__ */ p(A, { className: "text-cui-tertiary size-4 shrink-0" }), t]
|
|
566
|
-
});
|
|
567
|
-
}),
|
|
568
|
-
Empty: i(function({ className: e, children: t, ...n }, r) {
|
|
569
|
-
return /* @__PURE__ */ p("div", {
|
|
570
|
-
ref: r,
|
|
571
|
-
className: W("text-cui-secondary px-2 py-4 text-center text-cui-base empty:hidden", e),
|
|
572
|
-
...n,
|
|
573
|
-
children: t
|
|
574
|
-
});
|
|
575
|
-
})
|
|
576
|
-
};
|
|
577
|
-
//#endregion
|
|
578
|
-
//#region src/components/combobox/combobox.tsx
|
|
579
|
-
function qe({ value: e, defaultValue: t, onValueChange: n, items: r, children: i, className: a }) {
|
|
580
|
-
let [o, s] = d("");
|
|
581
|
-
return /* @__PURE__ */ p(M.Root, {
|
|
582
|
-
value: e,
|
|
583
|
-
defaultValue: t,
|
|
584
|
-
onValueChange: n ? (e) => {
|
|
585
|
-
e != null && n(e);
|
|
586
|
-
} : void 0,
|
|
587
|
-
items: r,
|
|
588
|
-
inputValue: o,
|
|
589
|
-
onInputValueChange: s,
|
|
590
|
-
onOpenChange: (e) => {
|
|
591
|
-
e && s("");
|
|
592
|
-
},
|
|
593
|
-
autoHighlight: !0,
|
|
594
|
-
children: a ? /* @__PURE__ */ p("div", {
|
|
595
|
-
className: a,
|
|
596
|
-
children: i
|
|
597
|
-
}) : i
|
|
598
|
-
});
|
|
599
|
-
}
|
|
600
|
-
var Je = i(function({ children: e, className: t }, n) {
|
|
601
|
-
return /* @__PURE__ */ p(M.Trigger, {
|
|
602
|
-
ref: n,
|
|
603
|
-
className: W("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
|
|
604
|
-
children: e
|
|
605
|
-
});
|
|
606
|
-
}), Ye = i(function({ placeholder: e, size: t, className: n }, r) {
|
|
607
|
-
return /* @__PURE__ */ p(M.Trigger, {
|
|
608
|
-
ref: r,
|
|
609
|
-
render: /* @__PURE__ */ p(G, {
|
|
610
|
-
variant: "outline",
|
|
611
|
-
size: t,
|
|
612
|
-
iconRight: /* @__PURE__ */ p(E, {}),
|
|
613
|
-
className: n,
|
|
614
|
-
children: /* @__PURE__ */ p(M.Value, { placeholder: e })
|
|
615
|
-
})
|
|
616
|
-
});
|
|
617
|
-
});
|
|
618
|
-
function Xe({ align: e = "start", searchPlaceholder: t = "Search...", emptyMessage: n = "No results found.", minWidth: r = "min-w-[220px]", children: i, className: a }) {
|
|
619
|
-
let o = i ?? ((e) => /* @__PURE__ */ p(Ze, {
|
|
620
|
-
value: e.value,
|
|
621
|
-
icon: e.icon,
|
|
622
|
-
children: e.label
|
|
623
|
-
}, e.value));
|
|
624
|
-
return /* @__PURE__ */ p(M.Portal, { children: /* @__PURE__ */ p(M.Positioner, {
|
|
625
|
-
align: e,
|
|
626
|
-
sideOffset: 4,
|
|
627
|
-
render: /* @__PURE__ */ p(J.Positioner, {}),
|
|
628
|
-
children: /* @__PURE__ */ m(M.Popup, {
|
|
629
|
-
render: /* @__PURE__ */ p(J.Panel, {
|
|
630
|
-
minWidth: r,
|
|
631
|
-
className: a
|
|
632
|
-
}),
|
|
633
|
-
children: [
|
|
634
|
-
/* @__PURE__ */ p(J.SearchInput, { children: /* @__PURE__ */ p(M.Input, {
|
|
635
|
-
placeholder: t,
|
|
636
|
-
className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
|
|
637
|
-
}) }),
|
|
638
|
-
/* @__PURE__ */ p(M.Empty, {
|
|
639
|
-
render: /* @__PURE__ */ p(J.Empty, {}),
|
|
640
|
-
children: n
|
|
641
|
-
}),
|
|
642
|
-
/* @__PURE__ */ p(M.List, {
|
|
643
|
-
render: /* @__PURE__ */ p(J.List, {}),
|
|
644
|
-
children: o
|
|
645
|
-
})
|
|
646
|
-
]
|
|
647
|
-
})
|
|
648
|
-
}) });
|
|
649
|
-
}
|
|
650
|
-
var Ze = i(function({ value: e, icon: t, children: n, className: r }, i) {
|
|
651
|
-
return /* @__PURE__ */ m(M.Item, {
|
|
652
|
-
ref: i,
|
|
653
|
-
value: e,
|
|
654
|
-
render: /* @__PURE__ */ p(J.Item, {
|
|
655
|
-
icon: t,
|
|
656
|
-
className: r
|
|
657
|
-
}),
|
|
658
|
-
children: [/* @__PURE__ */ p("span", {
|
|
659
|
-
className: "relative z-[1] flex-1",
|
|
660
|
-
children: n
|
|
661
|
-
}), /* @__PURE__ */ p(M.ItemIndicator, { render: /* @__PURE__ */ p(J.ItemIndicator, {}) })]
|
|
662
|
-
});
|
|
663
|
-
}), Qe = {
|
|
798
|
+
}), st = {
|
|
664
799
|
xs: {
|
|
665
800
|
outer: "size-5",
|
|
666
801
|
text: "text-[8px]",
|
|
@@ -683,20 +818,20 @@ var Ze = i(function({ value: e, icon: t, children: n, className: r }, i) {
|
|
|
683
818
|
},
|
|
684
819
|
xl: {
|
|
685
820
|
outer: "size-16",
|
|
686
|
-
text: "text-cui-
|
|
821
|
+
text: "text-cui-lg",
|
|
687
822
|
px: 64
|
|
688
823
|
}
|
|
689
|
-
},
|
|
824
|
+
}, ct = {
|
|
690
825
|
circle: "rounded-full",
|
|
691
826
|
square: "rounded-md"
|
|
692
|
-
},
|
|
827
|
+
}, lt = {
|
|
693
828
|
neutral: "bg-cui-subtle text-cui-primary",
|
|
694
829
|
accent: "bg-cui-accent text-cui-accent-on",
|
|
695
830
|
danger: "bg-cui-danger text-cui-danger-on",
|
|
696
831
|
warn: "bg-cui-warn text-cui-warn-on",
|
|
697
832
|
success: "bg-cui-success text-cui-success-on"
|
|
698
833
|
};
|
|
699
|
-
function
|
|
834
|
+
function X(e, t = 0) {
|
|
700
835
|
let n = 3735928559 ^ t, r = 1103547991 ^ t;
|
|
701
836
|
for (let t = 0; t < e.length; t++) {
|
|
702
837
|
let i = e.charCodeAt(t);
|
|
@@ -704,15 +839,15 @@ function Y(e, t = 0) {
|
|
|
704
839
|
}
|
|
705
840
|
return n = Math.imul(n ^ n >>> 16, 2246822507), n ^= Math.imul(r ^ r >>> 13, 3266489909), r = Math.imul(r ^ r >>> 16, 2246822507), r ^= Math.imul(n ^ n >>> 13, 3266489909), 4294967296 * (2097151 & r) + (n >>> 0);
|
|
706
841
|
}
|
|
707
|
-
function
|
|
842
|
+
function ut(e) {
|
|
708
843
|
return [
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
844
|
+
X(e, 0),
|
|
845
|
+
X(e, 1),
|
|
846
|
+
X(e, 2),
|
|
847
|
+
X(e, 3)
|
|
713
848
|
];
|
|
714
849
|
}
|
|
715
|
-
function
|
|
850
|
+
function dt(e, t, n, r) {
|
|
716
851
|
let i = e.filter(Boolean).length, a = Math.ceil(t * n);
|
|
717
852
|
if (i >= a) return;
|
|
718
853
|
let o = a - i, s = 0;
|
|
@@ -721,8 +856,8 @@ function nt(e, t, n, r) {
|
|
|
721
856
|
e[i] || (e[i] = !0, o--), s++;
|
|
722
857
|
}
|
|
723
858
|
}
|
|
724
|
-
function
|
|
725
|
-
let n =
|
|
859
|
+
function ft(e, t) {
|
|
860
|
+
let n = ut(e), r = n[0] ?? 0, i = n[1] ?? r, a = n[2] ?? r, o = (e) => n[e % n.length] ?? r;
|
|
726
861
|
switch (t) {
|
|
727
862
|
case "grid": {
|
|
728
863
|
let e = [];
|
|
@@ -730,7 +865,7 @@ function rt(e, t) {
|
|
|
730
865
|
let n = o(Math.floor(t / 26));
|
|
731
866
|
e.push((n >> t % 26 & 1) == 1);
|
|
732
867
|
}
|
|
733
|
-
return
|
|
868
|
+
return dt(e, 25, .3, a), {
|
|
734
869
|
cols: 5,
|
|
735
870
|
rows: 5,
|
|
736
871
|
cells: e
|
|
@@ -849,53 +984,53 @@ function rt(e, t) {
|
|
|
849
984
|
}
|
|
850
985
|
}
|
|
851
986
|
}
|
|
852
|
-
function
|
|
853
|
-
return
|
|
987
|
+
function pt(e) {
|
|
988
|
+
return X(e, 42) % 360;
|
|
854
989
|
}
|
|
855
|
-
function
|
|
990
|
+
function mt(e) {
|
|
856
991
|
return {
|
|
857
992
|
"--ga-pixel": `light-dark(oklch(0.55 0.15 ${e}), oklch(0.7 0.14 ${e}))`,
|
|
858
993
|
"--ga-bg": `light-dark(oklch(0.92 0.03 ${e}), oklch(0.25 0.03 ${e}))`
|
|
859
994
|
};
|
|
860
995
|
}
|
|
861
|
-
var
|
|
862
|
-
let { grid: o, hue: s } =
|
|
863
|
-
grid:
|
|
864
|
-
hue:
|
|
865
|
-
}), [e, t]), { cols: c, rows:
|
|
866
|
-
let t =
|
|
996
|
+
var ht = C(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a) {
|
|
997
|
+
let { grid: o, hue: s } = D(() => ({
|
|
998
|
+
grid: ft(e, t),
|
|
999
|
+
hue: pt(e)
|
|
1000
|
+
}), [e, t]), { cols: c, rows: l, cells: u } = o, d = t === "dense" || t === "quad-dense" ? 3 : 4, f = (100 - d * 2 - 3 * (c - 1)) / c, p = l * f + (l - 1) * 3, m = c * f + (c - 1) * 3, h = d + (100 - d * 2 - p) / 2, g = d + (100 - d * 2 - m) / 2, _ = X(e, 99), v = (e) => .55 + (_ >> e % 26 & 3) * .15, y = `av-${X(e + t, 7) >>> 0}`, b = mt(s), x = X(e, 77), S = (e) => {
|
|
1001
|
+
let t = x >> e % 26 & 7, n = _ >> (e + 5) % 26 & 7;
|
|
867
1002
|
return {
|
|
868
1003
|
duration: 1.5 + t * .35,
|
|
869
1004
|
delay: n * .4
|
|
870
1005
|
};
|
|
871
|
-
},
|
|
872
|
-
return /* @__PURE__ */
|
|
1006
|
+
}, C = `ga-flk-${y}`;
|
|
1007
|
+
return /* @__PURE__ */ M("svg", {
|
|
873
1008
|
ref: a,
|
|
874
1009
|
width: n,
|
|
875
1010
|
height: n,
|
|
876
1011
|
viewBox: "0 0 100 100",
|
|
877
|
-
className:
|
|
1012
|
+
className: G("shrink-0", i),
|
|
878
1013
|
style: {
|
|
879
|
-
...
|
|
1014
|
+
...b,
|
|
880
1015
|
"--ga-anim": "none"
|
|
881
1016
|
},
|
|
882
|
-
onMouseEnter: (e) => e.currentTarget.style.setProperty("--ga-anim",
|
|
1017
|
+
onMouseEnter: (e) => e.currentTarget.style.setProperty("--ga-anim", C),
|
|
883
1018
|
onMouseLeave: (e) => e.currentTarget.style.setProperty("--ga-anim", "none"),
|
|
884
1019
|
role: "img",
|
|
885
1020
|
"aria-label": `Avatar for ${e}`,
|
|
886
1021
|
children: [
|
|
887
|
-
/* @__PURE__ */
|
|
888
|
-
@keyframes ${
|
|
1022
|
+
/* @__PURE__ */ j("style", { children: `
|
|
1023
|
+
@keyframes ${C} {
|
|
889
1024
|
0%, 100% { opacity: var(--ga-o); }
|
|
890
1025
|
50% { opacity: calc(var(--ga-o) * 0.25); }
|
|
891
1026
|
}
|
|
892
1027
|
` }),
|
|
893
|
-
r ? /* @__PURE__ */
|
|
1028
|
+
r ? /* @__PURE__ */ j("circle", {
|
|
894
1029
|
cx: 50,
|
|
895
1030
|
cy: 50,
|
|
896
1031
|
r: 50,
|
|
897
1032
|
fill: "var(--ga-bg)"
|
|
898
|
-
}) : /* @__PURE__ */
|
|
1033
|
+
}) : /* @__PURE__ */ j("rect", {
|
|
899
1034
|
x: 0,
|
|
900
1035
|
y: 0,
|
|
901
1036
|
width: 100,
|
|
@@ -903,13 +1038,13 @@ var ot = i(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a
|
|
|
903
1038
|
rx: 8,
|
|
904
1039
|
fill: "var(--ga-bg)"
|
|
905
1040
|
}),
|
|
906
|
-
/* @__PURE__ */
|
|
907
|
-
id:
|
|
908
|
-
children: r ? /* @__PURE__ */
|
|
1041
|
+
/* @__PURE__ */ j("defs", { children: /* @__PURE__ */ j("clipPath", {
|
|
1042
|
+
id: y,
|
|
1043
|
+
children: r ? /* @__PURE__ */ j("circle", {
|
|
909
1044
|
cx: 50,
|
|
910
1045
|
cy: 50,
|
|
911
1046
|
r: 50
|
|
912
|
-
}) : /* @__PURE__ */
|
|
1047
|
+
}) : /* @__PURE__ */ j("rect", {
|
|
913
1048
|
x: 0,
|
|
914
1049
|
y: 0,
|
|
915
1050
|
width: 100,
|
|
@@ -917,16 +1052,16 @@ var ot = i(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a
|
|
|
917
1052
|
rx: 8
|
|
918
1053
|
})
|
|
919
1054
|
}) }),
|
|
920
|
-
/* @__PURE__ */
|
|
921
|
-
clipPath: `url(#${
|
|
922
|
-
children:
|
|
1055
|
+
/* @__PURE__ */ j("g", {
|
|
1056
|
+
clipPath: `url(#${y})`,
|
|
1057
|
+
children: u.map((e, t) => {
|
|
923
1058
|
if (!e) return null;
|
|
924
|
-
let n = t % c, r = Math.floor(t / c), i =
|
|
925
|
-
return /* @__PURE__ */
|
|
926
|
-
x:
|
|
927
|
-
y:
|
|
928
|
-
width:
|
|
929
|
-
height:
|
|
1059
|
+
let n = t % c, r = Math.floor(t / c), i = v(t), { duration: a, delay: o } = S(t);
|
|
1060
|
+
return /* @__PURE__ */ j("rect", {
|
|
1061
|
+
x: g + n * (f + 3),
|
|
1062
|
+
y: h + r * (f + 3),
|
|
1063
|
+
width: f,
|
|
1064
|
+
height: f,
|
|
930
1065
|
fill: "var(--ga-pixel)",
|
|
931
1066
|
opacity: i,
|
|
932
1067
|
style: {
|
|
@@ -943,390 +1078,566 @@ var ot = i(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a
|
|
|
943
1078
|
})
|
|
944
1079
|
]
|
|
945
1080
|
});
|
|
946
|
-
}),
|
|
947
|
-
let u =
|
|
948
|
-
return e ? /* @__PURE__ */
|
|
1081
|
+
}), gt = C(function({ src: e, initials: t, seed: n, generativePattern: r = "grid", alt: i, variant: a = "circle", size: o = "md", color: s = "neutral", className: c }, l) {
|
|
1082
|
+
let u = st[o], d = ct[a];
|
|
1083
|
+
return e ? /* @__PURE__ */ j("img", {
|
|
949
1084
|
ref: l,
|
|
950
1085
|
src: e,
|
|
951
1086
|
alt: i ?? t ?? n ?? "",
|
|
952
|
-
className:
|
|
953
|
-
}) : t ? /* @__PURE__ */
|
|
1087
|
+
className: G("shrink-0 object-cover", u.outer, d, c)
|
|
1088
|
+
}) : t ? /* @__PURE__ */ j("span", {
|
|
954
1089
|
ref: l,
|
|
955
|
-
className:
|
|
1090
|
+
className: G("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, lt[s], c),
|
|
956
1091
|
children: t
|
|
957
|
-
}) : n ? /* @__PURE__ */
|
|
1092
|
+
}) : n ? /* @__PURE__ */ j(ht, {
|
|
958
1093
|
ref: l,
|
|
959
1094
|
seed: n,
|
|
960
1095
|
pattern: r,
|
|
961
1096
|
px: u.px,
|
|
962
1097
|
isCircle: a === "circle",
|
|
963
1098
|
className: c
|
|
964
|
-
}) : /* @__PURE__ */
|
|
1099
|
+
}) : /* @__PURE__ */ j("span", {
|
|
965
1100
|
ref: l,
|
|
966
|
-
className:
|
|
967
|
-
});
|
|
968
|
-
});
|
|
969
|
-
//#endregion
|
|
970
|
-
//#region src/components/app-header/app-header.tsx
|
|
971
|
-
function ct({ to: e, href: t, className: n, children: r }) {
|
|
972
|
-
return /* @__PURE__ */ p("a", {
|
|
973
|
-
href: e ?? t,
|
|
974
|
-
className: n,
|
|
975
|
-
children: r
|
|
976
|
-
});
|
|
977
|
-
}
|
|
978
|
-
function lt() {
|
|
979
|
-
return /* @__PURE__ */ p("div", {
|
|
980
|
-
className: "flex w-4 shrink-0 items-center justify-center self-stretch",
|
|
981
|
-
children: /* @__PURE__ */ p("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
|
|
1101
|
+
className: G("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, lt[s], c)
|
|
982
1102
|
});
|
|
983
|
-
}
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
href: e.href,
|
|
992
|
-
className: r,
|
|
993
|
-
children: i
|
|
994
|
-
}) : /* @__PURE__ */ p("span", {
|
|
995
|
-
className: r,
|
|
996
|
-
children: i
|
|
997
|
-
});
|
|
998
|
-
}
|
|
999
|
-
function dt() {
|
|
1000
|
-
return /* @__PURE__ */ p(Je, {
|
|
1001
|
-
className: "rounded-sm",
|
|
1002
|
-
children: /* @__PURE__ */ p(K, {
|
|
1003
|
-
background: "bg-cui-subtle",
|
|
1004
|
-
interactive: !0,
|
|
1005
|
-
children: /* @__PURE__ */ p("span", {
|
|
1006
|
-
className: "flex h-8 items-center justify-center px-0.5 select-none",
|
|
1007
|
-
children: /* @__PURE__ */ p(E, { className: "text-cui-tertiary size-4" })
|
|
1008
|
-
})
|
|
1009
|
-
})
|
|
1103
|
+
});
|
|
1104
|
+
//#endregion
|
|
1105
|
+
//#region src/components/app-header/app-header.tsx
|
|
1106
|
+
function _t({ to: e, href: t, className: n, children: r }) {
|
|
1107
|
+
return /* @__PURE__ */ j("a", {
|
|
1108
|
+
href: e ?? t,
|
|
1109
|
+
className: n,
|
|
1110
|
+
children: r
|
|
1010
1111
|
});
|
|
1011
1112
|
}
|
|
1012
|
-
function
|
|
1013
|
-
return
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
items: e.options,
|
|
1017
|
-
children: [/* @__PURE__ */ m("span", {
|
|
1018
|
-
className: "flex items-center",
|
|
1019
|
-
children: [/* @__PURE__ */ p(K, {
|
|
1020
|
-
background: "bg-cui-subtle",
|
|
1021
|
-
interactive: !0,
|
|
1022
|
-
children: /* @__PURE__ */ p(ut, {
|
|
1023
|
-
item: e,
|
|
1024
|
-
asLink: !!e.href,
|
|
1025
|
-
LinkEl: t
|
|
1026
|
-
})
|
|
1027
|
-
}), /* @__PURE__ */ p(dt, {})]
|
|
1028
|
-
}), /* @__PURE__ */ p(Xe, { searchPlaceholder: "Search..." })]
|
|
1029
|
-
}) : e.href ? /* @__PURE__ */ p(K, {
|
|
1030
|
-
background: "bg-cui-subtle",
|
|
1031
|
-
interactive: !0,
|
|
1032
|
-
children: /* @__PURE__ */ p(ut, {
|
|
1033
|
-
item: e,
|
|
1034
|
-
asLink: !0,
|
|
1035
|
-
LinkEl: t
|
|
1036
|
-
})
|
|
1037
|
-
}) : /* @__PURE__ */ p(K, {
|
|
1038
|
-
background: "bg-cui-subtle",
|
|
1039
|
-
interactive: !0,
|
|
1040
|
-
children: /* @__PURE__ */ m("span", {
|
|
1041
|
-
className: "text-cui-primary text-cui-base flex h-8 items-center gap-2 px-2 font-medium select-none",
|
|
1042
|
-
children: [
|
|
1043
|
-
e.icon && /* @__PURE__ */ p("span", {
|
|
1044
|
-
className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
1045
|
-
children: e.icon
|
|
1046
|
-
}),
|
|
1047
|
-
/* @__PURE__ */ p("span", { children: e.label }),
|
|
1048
|
-
e.selector && /* @__PURE__ */ p(E, { className: "text-cui-tertiary size-4" })
|
|
1049
|
-
]
|
|
1050
|
-
})
|
|
1113
|
+
function vt() {
|
|
1114
|
+
return /* @__PURE__ */ j("div", {
|
|
1115
|
+
className: "flex w-4 shrink-0 items-center justify-center self-stretch",
|
|
1116
|
+
children: /* @__PURE__ */ j("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
|
|
1051
1117
|
});
|
|
1052
1118
|
}
|
|
1053
|
-
function
|
|
1054
|
-
return /* @__PURE__ */
|
|
1055
|
-
className:
|
|
1119
|
+
function yt({ items: e, linkComponent: t = _t, className: n }) {
|
|
1120
|
+
return /* @__PURE__ */ M("nav", {
|
|
1121
|
+
className: G("flex items-center", n),
|
|
1056
1122
|
children: [
|
|
1057
|
-
/* @__PURE__ */
|
|
1123
|
+
/* @__PURE__ */ j(t, {
|
|
1058
1124
|
to: "/",
|
|
1059
1125
|
href: "/",
|
|
1060
1126
|
className: "focus-visible:ring-cui-focus flex size-8 shrink-0 items-center justify-center rounded outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
|
|
1061
|
-
children: /* @__PURE__ */
|
|
1127
|
+
children: /* @__PURE__ */ j(ot, {
|
|
1062
1128
|
variant: "circle",
|
|
1063
1129
|
className: "text-cui-primary"
|
|
1064
1130
|
})
|
|
1065
1131
|
}),
|
|
1066
|
-
/* @__PURE__ */
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
LinkEl: t
|
|
1072
|
-
})]
|
|
1073
|
-
}, e.label))
|
|
1132
|
+
/* @__PURE__ */ j(vt, {}),
|
|
1133
|
+
/* @__PURE__ */ j(qe, {
|
|
1134
|
+
items: e,
|
|
1135
|
+
linkComponent: t
|
|
1136
|
+
})
|
|
1074
1137
|
]
|
|
1075
1138
|
});
|
|
1076
1139
|
}
|
|
1077
|
-
var
|
|
1078
|
-
return /* @__PURE__ */
|
|
1140
|
+
var bt = C(function({ children: e, className: t }, n) {
|
|
1141
|
+
return /* @__PURE__ */ j("div", {
|
|
1079
1142
|
ref: n,
|
|
1080
|
-
className:
|
|
1143
|
+
className: G("flex items-center gap-2", t),
|
|
1081
1144
|
children: e
|
|
1082
1145
|
});
|
|
1083
|
-
}),
|
|
1084
|
-
return /* @__PURE__ */
|
|
1146
|
+
}), xt = C(function({ children: e, className: t }, n) {
|
|
1147
|
+
return /* @__PURE__ */ j("header", {
|
|
1085
1148
|
ref: n,
|
|
1086
|
-
className:
|
|
1149
|
+
className: G("flex items-center justify-between px-3 py-2", t),
|
|
1087
1150
|
children: e
|
|
1088
1151
|
});
|
|
1089
1152
|
});
|
|
1090
|
-
|
|
1153
|
+
xt.Breadcrumb = yt, xt.Actions = bt, xt.Avatar = gt;
|
|
1091
1154
|
//#endregion
|
|
1092
1155
|
//#region src/components/settings-card/settings-card.tsx
|
|
1093
|
-
var
|
|
1094
|
-
let [l, u] =
|
|
1095
|
-
function
|
|
1096
|
-
|
|
1156
|
+
var St = C(function({ title: e, description: t, toggle: n, toggled: r, onToggleChange: i, defaultToggled: a = !1, children: o, className: s }, c) {
|
|
1157
|
+
let [l, u] = k(a), d = r !== void 0, f = d ? r : l, p = n && f;
|
|
1158
|
+
function m(e) {
|
|
1159
|
+
d || u(e), i?.(e);
|
|
1097
1160
|
}
|
|
1098
|
-
return /* @__PURE__ */
|
|
1161
|
+
return /* @__PURE__ */ j(Y, {
|
|
1099
1162
|
ref: c,
|
|
1100
1163
|
className: s,
|
|
1101
|
-
children: /* @__PURE__ */
|
|
1164
|
+
children: /* @__PURE__ */ M(Y.Content, { children: [(e || t || n) && /* @__PURE__ */ j(Y.Header, { children: /* @__PURE__ */ M("div", {
|
|
1102
1165
|
className: "flex items-start justify-between gap-4",
|
|
1103
|
-
children: [/* @__PURE__ */
|
|
1166
|
+
children: [/* @__PURE__ */ M("div", {
|
|
1104
1167
|
className: "flex flex-1 flex-col",
|
|
1105
|
-
children: [e && /* @__PURE__ */
|
|
1168
|
+
children: [e && /* @__PURE__ */ j("span", {
|
|
1106
1169
|
className: "text-cui-primary text-cui-base font-medium",
|
|
1107
1170
|
children: e
|
|
1108
|
-
}), t && /* @__PURE__ */
|
|
1171
|
+
}), t && /* @__PURE__ */ j("p", {
|
|
1109
1172
|
className: "text-cui-secondary text-cui-base mt-1 leading-relaxed",
|
|
1110
1173
|
children: t
|
|
1111
1174
|
})]
|
|
1112
|
-
}), n && /* @__PURE__ */
|
|
1175
|
+
}), n && /* @__PURE__ */ j("div", {
|
|
1113
1176
|
className: "shrink-0 pt-0.5",
|
|
1114
|
-
children: /* @__PURE__ */
|
|
1115
|
-
checked:
|
|
1116
|
-
onCheckedChange:
|
|
1177
|
+
children: /* @__PURE__ */ j(Ye, {
|
|
1178
|
+
checked: f,
|
|
1179
|
+
onCheckedChange: m
|
|
1117
1180
|
})
|
|
1118
1181
|
})]
|
|
1119
|
-
}) }), /* @__PURE__ */
|
|
1182
|
+
}) }), /* @__PURE__ */ j(Y, {
|
|
1120
1183
|
variant: "nested",
|
|
1121
|
-
className:
|
|
1184
|
+
className: G("transition-opacity duration-150 ease-out", p && "opacity-50 pointer-events-none select-none"),
|
|
1122
1185
|
children: o
|
|
1123
1186
|
})] })
|
|
1124
1187
|
});
|
|
1125
|
-
}),
|
|
1126
|
-
return /* @__PURE__ */
|
|
1188
|
+
}), Ct = C(function({ label: e, description: t, children: n, className: r }, i) {
|
|
1189
|
+
return /* @__PURE__ */ M(Y.Section, {
|
|
1127
1190
|
ref: i,
|
|
1128
|
-
className:
|
|
1129
|
-
children: [/* @__PURE__ */
|
|
1191
|
+
className: G("flex justify-between items-start", r),
|
|
1192
|
+
children: [/* @__PURE__ */ M("div", {
|
|
1130
1193
|
className: "mr-4 flex flex-1 flex-col gap-1",
|
|
1131
|
-
children: [/* @__PURE__ */
|
|
1194
|
+
children: [/* @__PURE__ */ j("span", {
|
|
1132
1195
|
className: "text-cui-primary text-cui-base font-medium",
|
|
1133
1196
|
children: e
|
|
1134
|
-
}), t && /* @__PURE__ */
|
|
1197
|
+
}), t && /* @__PURE__ */ j("span", {
|
|
1135
1198
|
className: "text-cui-secondary text-cui-base leading-relaxed",
|
|
1136
1199
|
children: t
|
|
1137
1200
|
})]
|
|
1138
|
-
}), n && /* @__PURE__ */
|
|
1201
|
+
}), n && /* @__PURE__ */ j("div", {
|
|
1139
1202
|
className: "flex w-[340px] shrink-0 flex-col items-end",
|
|
1140
1203
|
children: n
|
|
1141
1204
|
})]
|
|
1142
1205
|
});
|
|
1143
|
-
}),
|
|
1144
|
-
|
|
1145
|
-
toggle: () => {}
|
|
1146
|
-
});
|
|
1147
|
-
function X() {
|
|
1148
|
-
return o(vt);
|
|
1149
|
-
}
|
|
1150
|
-
//#endregion
|
|
1151
|
-
//#region src/components/sidebar/sidebar.tsx
|
|
1152
|
-
function yt({ defaultCollapsed: e = !1, className: t, children: n }) {
|
|
1153
|
-
let [r, i] = d(e), a = l(() => ({
|
|
1154
|
-
collapsed: r,
|
|
1155
|
-
toggle: () => i((e) => !e)
|
|
1156
|
-
}), [r]);
|
|
1157
|
-
return /* @__PURE__ */ p(vt.Provider, {
|
|
1158
|
-
value: a,
|
|
1159
|
-
children: /* @__PURE__ */ p("div", {
|
|
1160
|
-
className: W("flex h-full shrink-0 flex-col justify-between gap-0.5 p-2 transition-[width] duration-200", r ? "w-12" : "w-[264px]", t),
|
|
1161
|
-
children: n
|
|
1162
|
-
})
|
|
1163
|
-
});
|
|
1164
|
-
}
|
|
1165
|
-
var bt = i(function({ className: e, children: t, ...n }, r) {
|
|
1166
|
-
let { collapsed: i, toggle: a } = X();
|
|
1167
|
-
return /* @__PURE__ */ p("div", {
|
|
1206
|
+
}), wt = C(function({ className: e, children: t, ...n }, r) {
|
|
1207
|
+
return /* @__PURE__ */ j("div", {
|
|
1168
1208
|
ref: r,
|
|
1169
|
-
|
|
1170
|
-
className: W("group/header flex items-center", i ? "cursor-pointer justify-center" : "gap-1", e),
|
|
1171
|
-
onClick: i ? a : void 0,
|
|
1172
|
-
onKeyDown: i ? (e) => {
|
|
1173
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
|
|
1174
|
-
} : void 0,
|
|
1175
|
-
role: i ? "button" : void 0,
|
|
1176
|
-
"aria-label": i ? "Expand sidebar" : void 0,
|
|
1209
|
+
className: G("flex shrink-0 items-center gap-6 px-1.5 py-1.5", e),
|
|
1177
1210
|
...n,
|
|
1178
|
-
children:
|
|
1179
|
-
className: "flex size-8 items-center justify-center group-hover/header:hidden",
|
|
1180
|
-
children: t
|
|
1181
|
-
}), /* @__PURE__ */ p("span", {
|
|
1182
|
-
className: "hidden size-8 items-center justify-center group-hover/header:flex",
|
|
1183
|
-
children: /* @__PURE__ */ p(S, { className: "text-cui-primary size-[18px]" })
|
|
1184
|
-
})] }) : t
|
|
1185
|
-
});
|
|
1186
|
-
});
|
|
1187
|
-
function xt({ className: e }) {
|
|
1188
|
-
let { collapsed: t, toggle: n } = X();
|
|
1189
|
-
return t ? null : /* @__PURE__ */ p("button", {
|
|
1190
|
-
type: "button",
|
|
1191
|
-
onClick: n,
|
|
1192
|
-
className: W("flex size-8 shrink-0 cursor-pointer items-center justify-center rounded", e),
|
|
1193
|
-
"aria-label": "Collapse sidebar",
|
|
1194
|
-
children: /* @__PURE__ */ p(x, { className: "text-cui-primary size-[18px]" })
|
|
1211
|
+
children: t
|
|
1195
1212
|
});
|
|
1196
|
-
}
|
|
1197
|
-
|
|
1198
|
-
let { collapsed: i } = X();
|
|
1199
|
-
return i ? null : /* @__PURE__ */ p("span", {
|
|
1213
|
+
}), Tt = C(function({ className: e, children: t, ...n }, r) {
|
|
1214
|
+
return /* @__PURE__ */ j("div", {
|
|
1200
1215
|
ref: r,
|
|
1201
|
-
className: e,
|
|
1216
|
+
className: G("flex min-h-0 flex-1 gap-6 overflow-auto px-3.5 py-3", e),
|
|
1202
1217
|
...n,
|
|
1203
1218
|
children: t
|
|
1204
1219
|
});
|
|
1205
|
-
})
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
children: t
|
|
1216
|
-
}), !i && /* @__PURE__ */ p("span", {
|
|
1217
|
-
className: "text-cui-secondary text-[13px]",
|
|
1218
|
-
children: e
|
|
1220
|
+
}), Et = Object.assign(C(function({ sidebar: e, className: t, children: n }, r) {
|
|
1221
|
+
return /* @__PURE__ */ M("div", {
|
|
1222
|
+
ref: r,
|
|
1223
|
+
className: G("flex h-screen bg-cui-base-0", t),
|
|
1224
|
+
children: [e, /* @__PURE__ */ j("div", {
|
|
1225
|
+
className: "flex min-h-0 flex-1 flex-col pt-1 pr-1 pb-1",
|
|
1226
|
+
children: /* @__PURE__ */ j("div", {
|
|
1227
|
+
className: "bg-cui-base-1 ring-cui-neutral flex min-h-0 flex-1 flex-col rounded shadow-sm ring-1",
|
|
1228
|
+
children: n
|
|
1229
|
+
})
|
|
1219
1230
|
})]
|
|
1220
1231
|
});
|
|
1232
|
+
}), {
|
|
1233
|
+
Header: wt,
|
|
1234
|
+
Body: Tt
|
|
1235
|
+
});
|
|
1236
|
+
//#endregion
|
|
1237
|
+
//#region src/components/tooltip/tooltip.tsx
|
|
1238
|
+
function Dt(e) {
|
|
1239
|
+
return /* @__PURE__ */ j(I.Provider, { ...e });
|
|
1221
1240
|
}
|
|
1222
|
-
function
|
|
1223
|
-
return /* @__PURE__ */
|
|
1224
|
-
|
|
1225
|
-
|
|
1241
|
+
function Ot(e) {
|
|
1242
|
+
return /* @__PURE__ */ j(I.Root, { ...e });
|
|
1243
|
+
}
|
|
1244
|
+
var kt = C(function({ className: e, ...t }, n) {
|
|
1245
|
+
return /* @__PURE__ */ j(I.Trigger, {
|
|
1246
|
+
ref: n,
|
|
1247
|
+
className: G("outline-none", e),
|
|
1248
|
+
...t
|
|
1226
1249
|
});
|
|
1250
|
+
});
|
|
1251
|
+
function At({ side: e = "top", align: t = "center", sideOffset: n = 6, className: r, children: i, ...a }) {
|
|
1252
|
+
return /* @__PURE__ */ j(I.Portal, { children: /* @__PURE__ */ j(I.Positioner, {
|
|
1253
|
+
side: e,
|
|
1254
|
+
align: t,
|
|
1255
|
+
sideOffset: n,
|
|
1256
|
+
className: G("z-50 outline-none", "h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", "transition-[top,left,right,bottom,transform] duration-350 ease-cui-out-expo", "data-[instant]:transition-none"),
|
|
1257
|
+
children: /* @__PURE__ */ j(I.Popup, {
|
|
1258
|
+
className: G("bg-cui-inverse text-cui-inverse rounded px-2 py-1 text-cui-sm font-medium", "max-w-[280px]", "origin-[var(--transform-origin)]", "transition-[transform,scale,opacity] duration-150 ease-cui-out-expo", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", "data-[instant]:transition-none", "motion-reduce:transition-none", r),
|
|
1259
|
+
...a,
|
|
1260
|
+
children: i
|
|
1261
|
+
})
|
|
1262
|
+
}) });
|
|
1227
1263
|
}
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1264
|
+
var jt = C(function({ className: e, ...t }, n) {
|
|
1265
|
+
return /* @__PURE__ */ j(I.Viewport, {
|
|
1266
|
+
ref: n,
|
|
1267
|
+
className: G("relative h-full w-full overflow-clip", "[&_[data-previous]]:transition-[translate,opacity] [&_[data-previous]]:duration-350 [&_[data-previous]]:ease-cui-out-expo", "[&_[data-current]]:transition-[translate,opacity] [&_[data-current]]:duration-350 [&_[data-current]]:ease-cui-out-expo", "[&_[data-instant]_[data-current]]:transition-none [&_[data-instant]_[data-previous]]:transition-none", "[&[data-activation-direction*=left]_[data-current][data-starting-style]]:-translate-x-1/2 [&[data-activation-direction*=left]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-current][data-starting-style]]:translate-x-1/2 [&[data-activation-direction*=right]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-current][data-starting-style]]:-translate-y-1/2 [&[data-activation-direction*=up]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-current][data-starting-style]]:translate-y-1/2 [&[data-activation-direction*=down]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=left]_[data-previous][data-ending-style]]:translate-x-1/2 [&[data-activation-direction*=left]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-previous][data-ending-style]]:-translate-x-1/2 [&[data-activation-direction*=right]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-previous][data-ending-style]]:translate-y-1/2 [&[data-activation-direction*=up]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-previous][data-ending-style]]:-translate-y-1/2 [&[data-activation-direction*=down]_[data-previous][data-ending-style]]:opacity-0", "motion-reduce:[&_[data-current]]:!transition-none motion-reduce:[&_[data-previous]]:!transition-none", e),
|
|
1268
|
+
...t
|
|
1269
|
+
});
|
|
1270
|
+
}), Mt = I.createHandle, Z = {
|
|
1271
|
+
Provider: Dt,
|
|
1272
|
+
Root: Ot,
|
|
1273
|
+
Trigger: kt,
|
|
1274
|
+
Content: At,
|
|
1275
|
+
Viewport: jt,
|
|
1276
|
+
createHandle: I.createHandle
|
|
1277
|
+
}, Nt = S(null);
|
|
1278
|
+
function Pt() {
|
|
1279
|
+
let e = ee(Nt);
|
|
1280
|
+
if (!e) throw Error("useSidebar must be used within a <Sidebar>");
|
|
1281
|
+
return e;
|
|
1282
|
+
}
|
|
1283
|
+
//#endregion
|
|
1284
|
+
//#region src/components/sidebar/sidebar.tsx
|
|
1285
|
+
function Ft({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange: n, className: r, children: i }) {
|
|
1286
|
+
let [a, o] = k(e), s = t !== void 0, c = s ? t : a, l = w(() => {
|
|
1287
|
+
let e = !c;
|
|
1288
|
+
s ? n?.(e) : o(e);
|
|
1289
|
+
}, [
|
|
1290
|
+
c,
|
|
1291
|
+
s,
|
|
1292
|
+
n
|
|
1293
|
+
]), u = D(() => ({
|
|
1294
|
+
collapsed: c,
|
|
1295
|
+
toggle: l
|
|
1296
|
+
}), [c, l]);
|
|
1297
|
+
return /* @__PURE__ */ j(Nt.Provider, {
|
|
1298
|
+
value: u,
|
|
1299
|
+
children: /* @__PURE__ */ j(Z.Provider, {
|
|
1300
|
+
delay: 0,
|
|
1301
|
+
closeDelay: 0,
|
|
1302
|
+
children: /* @__PURE__ */ j("div", {
|
|
1303
|
+
className: G("relative flex h-full shrink-0 flex-col justify-between overflow-hidden px-2 py-1 transition-[width] duration-400 ease-cui-out-expo", c ? "w-12" : "w-[264px]", r),
|
|
1304
|
+
children: i
|
|
1252
1305
|
})
|
|
1253
|
-
|
|
1306
|
+
})
|
|
1254
1307
|
});
|
|
1255
1308
|
}
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1309
|
+
function It({ className: e, children: t }) {
|
|
1310
|
+
return /* @__PURE__ */ j("div", {
|
|
1311
|
+
className: G("flex w-full flex-col gap-0.5", e),
|
|
1312
|
+
children: t
|
|
1313
|
+
});
|
|
1314
|
+
}
|
|
1315
|
+
var Lt = C(function({ className: e, children: t, ...n }, r) {
|
|
1316
|
+
let { collapsed: i } = Pt();
|
|
1317
|
+
return /* @__PURE__ */ j("div", {
|
|
1259
1318
|
ref: r,
|
|
1260
|
-
className:
|
|
1319
|
+
className: G("grid transition-all duration-400 ease-cui-out-expo", i ? "grid-rows-[0fr]" : "grid-rows-[1fr]"),
|
|
1261
1320
|
...n,
|
|
1262
|
-
children:
|
|
1321
|
+
children: /* @__PURE__ */ j("div", {
|
|
1322
|
+
className: "overflow-hidden",
|
|
1323
|
+
children: /* @__PURE__ */ j("div", {
|
|
1324
|
+
className: G("flex h-6 items-center px-2 text-cui-sm text-cui-secondary transition-all duration-400 ease-cui-out-expo", i ? "-translate-x-5 scale-80 opacity-0" : "opacity-100", e),
|
|
1325
|
+
children: t
|
|
1326
|
+
})
|
|
1327
|
+
})
|
|
1263
1328
|
});
|
|
1264
1329
|
});
|
|
1265
|
-
function
|
|
1266
|
-
let { collapsed:
|
|
1267
|
-
return /* @__PURE__ */
|
|
1330
|
+
function Rt({ className: e, children: t }) {
|
|
1331
|
+
let { collapsed: n } = Pt();
|
|
1332
|
+
return /* @__PURE__ */ M("div", {
|
|
1333
|
+
className: G("flex items-center justify-center py-1.5 transition-all duration-400 ease-cui-out-expo", e),
|
|
1334
|
+
children: [/* @__PURE__ */ j(P, {
|
|
1335
|
+
mode: "popLayout",
|
|
1336
|
+
initial: !1,
|
|
1337
|
+
children: !n && /* @__PURE__ */ j(F.div, {
|
|
1338
|
+
initial: {
|
|
1339
|
+
opacity: 0,
|
|
1340
|
+
x: -320,
|
|
1341
|
+
scale: .5
|
|
1342
|
+
},
|
|
1343
|
+
animate: {
|
|
1344
|
+
opacity: 1,
|
|
1345
|
+
x: 0,
|
|
1346
|
+
scale: 1
|
|
1347
|
+
},
|
|
1348
|
+
exit: {
|
|
1349
|
+
opacity: 0,
|
|
1350
|
+
x: -320,
|
|
1351
|
+
scale: .5
|
|
1352
|
+
},
|
|
1353
|
+
transition: {
|
|
1354
|
+
duration: .4,
|
|
1355
|
+
type: "spring",
|
|
1356
|
+
bounce: 0
|
|
1357
|
+
},
|
|
1358
|
+
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
1359
|
+
children: t
|
|
1360
|
+
})
|
|
1361
|
+
}), /* @__PURE__ */ j(Ht, {})]
|
|
1362
|
+
});
|
|
1363
|
+
}
|
|
1364
|
+
function zt({ name: e, href: t, as: n, active: r = !1, icon: a, nested: o = !1, external: s = !1, showIndicator: c = !1, onClick: u, className: d }) {
|
|
1365
|
+
let { collapsed: f } = Pt(), p = n ?? (t ? "a" : "button"), m = n === "div" ? { onClick: u } : t ? {
|
|
1366
|
+
href: t,
|
|
1367
|
+
onClick: u,
|
|
1368
|
+
target: s ? "_blank" : void 0,
|
|
1369
|
+
rel: s ? "noopener noreferrer" : void 0
|
|
1370
|
+
} : {
|
|
1268
1371
|
type: "button",
|
|
1269
|
-
onClick:
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1372
|
+
onClick: u
|
|
1373
|
+
}, h = /* @__PURE__ */ j(K, {
|
|
1374
|
+
active: r,
|
|
1375
|
+
background: "bg-cui-subtle",
|
|
1376
|
+
borderRadius: "rounded",
|
|
1377
|
+
fullWidth: !0,
|
|
1378
|
+
className: G("overflow-hidden transition-[width] duration-400 ease-cui-out-expo", f ? "w-8" : "w-full"),
|
|
1379
|
+
children: /* @__PURE__ */ M(p, {
|
|
1380
|
+
...m,
|
|
1381
|
+
"aria-label": f ? e : void 0,
|
|
1382
|
+
className: G("flex h-8 w-full cursor-pointer select-none items-center gap-2 p-2 text-left text-cui-base text-cui-secondary group-hover/h:text-cui-primary outline-none", r && "text-cui-primary", d),
|
|
1383
|
+
children: [
|
|
1384
|
+
a && /* @__PURE__ */ M("span", {
|
|
1385
|
+
className: "relative shrink-0",
|
|
1386
|
+
children: [/* @__PURE__ */ j("span", {
|
|
1387
|
+
className: G("flex size-4 items-center justify-center [&>svg]:size-4", r ? "text-cui-primary" : "text-cui-secondary group-hover/h:text-cui-primary"),
|
|
1388
|
+
children: a
|
|
1389
|
+
}), c && f && /* @__PURE__ */ j("span", {
|
|
1390
|
+
className: "bg-cui-accent-strong absolute -top-0.5 -right-0.5 size-2 rounded-full",
|
|
1391
|
+
children: /* @__PURE__ */ j("span", { className: "bg-cui-accent-strong absolute inset-0 animate-ping rounded-full opacity-75" })
|
|
1392
|
+
})]
|
|
1393
|
+
}),
|
|
1394
|
+
/* @__PURE__ */ j(P, {
|
|
1395
|
+
mode: "popLayout",
|
|
1396
|
+
initial: !1,
|
|
1397
|
+
children: !f && /* @__PURE__ */ j(F.span, {
|
|
1398
|
+
initial: {
|
|
1399
|
+
opacity: 0,
|
|
1400
|
+
scale: .8
|
|
1401
|
+
},
|
|
1402
|
+
animate: {
|
|
1403
|
+
opacity: 1,
|
|
1404
|
+
scale: 1
|
|
1405
|
+
},
|
|
1406
|
+
exit: {
|
|
1407
|
+
opacity: 0,
|
|
1408
|
+
scale: .8
|
|
1409
|
+
},
|
|
1410
|
+
transition: {
|
|
1411
|
+
duration: .2,
|
|
1412
|
+
ease: "easeOut"
|
|
1413
|
+
},
|
|
1414
|
+
className: "flex-1 origin-left truncate",
|
|
1415
|
+
children: e
|
|
1416
|
+
})
|
|
1417
|
+
}),
|
|
1418
|
+
/* @__PURE__ */ j(P, {
|
|
1419
|
+
mode: "popLayout",
|
|
1420
|
+
initial: !1,
|
|
1421
|
+
children: c && !f && /* @__PURE__ */ j(F.span, {
|
|
1422
|
+
initial: {
|
|
1423
|
+
opacity: 0,
|
|
1424
|
+
scale: .8
|
|
1425
|
+
},
|
|
1426
|
+
animate: {
|
|
1427
|
+
opacity: 1,
|
|
1428
|
+
scale: 1
|
|
1429
|
+
},
|
|
1430
|
+
exit: {
|
|
1431
|
+
opacity: 0,
|
|
1432
|
+
scale: .8
|
|
1433
|
+
},
|
|
1434
|
+
transition: {
|
|
1435
|
+
duration: .2,
|
|
1436
|
+
ease: "easeOut"
|
|
1437
|
+
},
|
|
1438
|
+
className: "flex shrink-0 origin-left items-center",
|
|
1439
|
+
children: /* @__PURE__ */ M("span", {
|
|
1440
|
+
className: "relative flex size-2",
|
|
1441
|
+
children: [/* @__PURE__ */ j("span", { className: "bg-cui-accent-strong absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ j("span", { className: "bg-cui-accent-strong relative inline-flex size-2 rounded-full" })]
|
|
1442
|
+
})
|
|
1443
|
+
})
|
|
1444
|
+
}),
|
|
1445
|
+
/* @__PURE__ */ j(P, {
|
|
1446
|
+
mode: "popLayout",
|
|
1447
|
+
initial: !1,
|
|
1448
|
+
children: s && !f && /* @__PURE__ */ j(F.span, {
|
|
1449
|
+
initial: {
|
|
1450
|
+
opacity: 0,
|
|
1451
|
+
scale: .8
|
|
1452
|
+
},
|
|
1453
|
+
animate: {
|
|
1454
|
+
opacity: 1,
|
|
1455
|
+
scale: 1
|
|
1456
|
+
},
|
|
1457
|
+
exit: {
|
|
1458
|
+
opacity: 0,
|
|
1459
|
+
scale: .8
|
|
1460
|
+
},
|
|
1461
|
+
transition: {
|
|
1462
|
+
duration: .2,
|
|
1463
|
+
ease: "easeOut"
|
|
1464
|
+
},
|
|
1465
|
+
className: "origin-left",
|
|
1466
|
+
children: /* @__PURE__ */ j(i, { className: "text-cui-tertiary size-4 shrink-0" })
|
|
1467
|
+
})
|
|
1468
|
+
}),
|
|
1469
|
+
/* @__PURE__ */ j(P, {
|
|
1470
|
+
mode: "popLayout",
|
|
1471
|
+
initial: !1,
|
|
1472
|
+
children: o && !f && /* @__PURE__ */ j(F.span, {
|
|
1473
|
+
initial: {
|
|
1474
|
+
opacity: 0,
|
|
1475
|
+
scale: .8
|
|
1476
|
+
},
|
|
1477
|
+
animate: {
|
|
1478
|
+
opacity: 1,
|
|
1479
|
+
scale: 1
|
|
1480
|
+
},
|
|
1481
|
+
exit: {
|
|
1482
|
+
opacity: 0,
|
|
1483
|
+
scale: .8
|
|
1484
|
+
},
|
|
1485
|
+
transition: {
|
|
1486
|
+
duration: .2,
|
|
1487
|
+
ease: "easeOut"
|
|
1488
|
+
},
|
|
1489
|
+
className: "origin-left",
|
|
1490
|
+
children: /* @__PURE__ */ j(l, { className: "text-cui-tertiary size-4 shrink-0" })
|
|
1491
|
+
})
|
|
1492
|
+
})
|
|
1493
|
+
]
|
|
1494
|
+
})
|
|
1495
|
+
});
|
|
1496
|
+
return /* @__PURE__ */ M(Z.Root, {
|
|
1497
|
+
disabled: !f,
|
|
1498
|
+
children: [/* @__PURE__ */ j(Z.Trigger, { render: h }), /* @__PURE__ */ j(Z.Content, {
|
|
1499
|
+
side: "right",
|
|
1500
|
+
children: e
|
|
1278
1501
|
})]
|
|
1279
1502
|
});
|
|
1280
1503
|
}
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1504
|
+
function Bt({ name: e, onClick: t, className: r }) {
|
|
1505
|
+
let { collapsed: i } = Pt(), a = /* @__PURE__ */ j("div", {
|
|
1506
|
+
className: "flex items-center py-1.5",
|
|
1507
|
+
children: /* @__PURE__ */ j(K, {
|
|
1508
|
+
background: "bg-cui-subtle",
|
|
1509
|
+
borderRadius: "rounded",
|
|
1510
|
+
fullWidth: !0,
|
|
1511
|
+
className: G("overflow-hidden transition-[width] duration-400 ease-cui-out-expo", i ? "w-8" : "w-full"),
|
|
1512
|
+
children: /* @__PURE__ */ M("button", {
|
|
1513
|
+
type: "button",
|
|
1514
|
+
onClick: t,
|
|
1515
|
+
"aria-label": i ? e : void 0,
|
|
1516
|
+
className: G("flex h-8 w-full cursor-pointer select-none items-center gap-2 p-2 text-left text-cui-base text-cui-secondary group-hover/h:text-cui-primary outline-none", r),
|
|
1517
|
+
children: [/* @__PURE__ */ j("span", {
|
|
1518
|
+
className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
1519
|
+
children: /* @__PURE__ */ j(n, {})
|
|
1520
|
+
}), /* @__PURE__ */ j(P, {
|
|
1521
|
+
mode: "popLayout",
|
|
1522
|
+
initial: !1,
|
|
1523
|
+
children: !i && /* @__PURE__ */ j(F.span, {
|
|
1524
|
+
initial: {
|
|
1525
|
+
opacity: 0,
|
|
1526
|
+
scale: .8
|
|
1527
|
+
},
|
|
1528
|
+
animate: {
|
|
1529
|
+
opacity: 1,
|
|
1530
|
+
scale: 1
|
|
1531
|
+
},
|
|
1532
|
+
exit: {
|
|
1533
|
+
opacity: 0,
|
|
1534
|
+
scale: .8
|
|
1535
|
+
},
|
|
1536
|
+
transition: {
|
|
1537
|
+
duration: .2,
|
|
1538
|
+
ease: "easeOut"
|
|
1539
|
+
},
|
|
1540
|
+
className: "flex-1 origin-left truncate",
|
|
1541
|
+
children: e
|
|
1542
|
+
})
|
|
1543
|
+
})]
|
|
1544
|
+
})
|
|
1545
|
+
})
|
|
1296
1546
|
});
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1547
|
+
return /* @__PURE__ */ M(Z.Root, {
|
|
1548
|
+
disabled: !i,
|
|
1549
|
+
children: [/* @__PURE__ */ j(Z.Trigger, { render: a }), /* @__PURE__ */ j(Z.Content, {
|
|
1550
|
+
side: "right",
|
|
1551
|
+
children: e
|
|
1552
|
+
})]
|
|
1303
1553
|
});
|
|
1304
|
-
}
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1554
|
+
}
|
|
1555
|
+
function Vt({ collapsed: e }) {
|
|
1556
|
+
return /* @__PURE__ */ M("svg", {
|
|
1557
|
+
width: "16",
|
|
1558
|
+
height: "16",
|
|
1559
|
+
viewBox: "0 0 16 16",
|
|
1560
|
+
fill: "none",
|
|
1561
|
+
className: "size-4",
|
|
1562
|
+
children: [/* @__PURE__ */ j("rect", {
|
|
1563
|
+
x: 2,
|
|
1564
|
+
y: 3,
|
|
1565
|
+
width: 12,
|
|
1566
|
+
height: 10,
|
|
1567
|
+
rx: 2,
|
|
1568
|
+
stroke: "currentColor",
|
|
1569
|
+
strokeWidth: 1.5
|
|
1570
|
+
}), /* @__PURE__ */ j("rect", {
|
|
1571
|
+
x: 4,
|
|
1572
|
+
y: 5,
|
|
1573
|
+
height: 6,
|
|
1574
|
+
rx: .75,
|
|
1575
|
+
fill: "currentColor",
|
|
1576
|
+
className: G("transition-[width] duration-300 ease-cui-out-expo", e ? "[width:1.5px] group-hover/btn:[width:3px]" : "[width:4px] group-hover/btn:[width:2.5px]")
|
|
1314
1577
|
})]
|
|
1315
1578
|
});
|
|
1316
|
-
}
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1579
|
+
}
|
|
1580
|
+
function Ht({ className: e }) {
|
|
1581
|
+
let { collapsed: t, toggle: n } = Pt();
|
|
1582
|
+
return /* @__PURE__ */ j(q, {
|
|
1583
|
+
variant: "transparent",
|
|
1584
|
+
size: "md",
|
|
1585
|
+
iconLeft: /* @__PURE__ */ j(Vt, { collapsed: t }),
|
|
1586
|
+
onClick: n,
|
|
1587
|
+
className: G("shrink-0", e),
|
|
1588
|
+
"aria-label": t ? "Expand sidebar" : "Collapse sidebar"
|
|
1589
|
+
});
|
|
1590
|
+
}
|
|
1591
|
+
function Ut({ activeKey: e, direction: t = "forward", className: n, children: r }) {
|
|
1592
|
+
return /* @__PURE__ */ j("div", {
|
|
1593
|
+
className: G("relative min-h-0 flex-1", n),
|
|
1594
|
+
children: /* @__PURE__ */ j(P, {
|
|
1595
|
+
mode: "popLayout",
|
|
1596
|
+
initial: !1,
|
|
1597
|
+
custom: t,
|
|
1598
|
+
children: /* @__PURE__ */ j(F.div, {
|
|
1599
|
+
custom: t,
|
|
1600
|
+
variants: {
|
|
1601
|
+
enter: (e) => ({
|
|
1602
|
+
opacity: 0,
|
|
1603
|
+
x: e === "forward" ? 40 : -40
|
|
1604
|
+
}),
|
|
1605
|
+
center: {
|
|
1606
|
+
opacity: 1,
|
|
1607
|
+
x: 0
|
|
1608
|
+
},
|
|
1609
|
+
exit: (e) => ({
|
|
1610
|
+
opacity: 0,
|
|
1611
|
+
x: e === "forward" ? -40 : 40
|
|
1612
|
+
})
|
|
1613
|
+
},
|
|
1614
|
+
initial: "enter",
|
|
1615
|
+
animate: "center",
|
|
1616
|
+
exit: "exit",
|
|
1617
|
+
transition: {
|
|
1618
|
+
duration: .25,
|
|
1619
|
+
type: "spring",
|
|
1620
|
+
bounce: 0
|
|
1621
|
+
},
|
|
1622
|
+
className: "flex h-full flex-col",
|
|
1623
|
+
children: r
|
|
1624
|
+
}, e)
|
|
1625
|
+
})
|
|
1626
|
+
});
|
|
1627
|
+
}
|
|
1628
|
+
var Wt = Object.assign(Ft, {
|
|
1629
|
+
Section: It,
|
|
1630
|
+
Header: Rt,
|
|
1631
|
+
Label: Lt,
|
|
1632
|
+
Link: zt,
|
|
1633
|
+
BackLink: Bt,
|
|
1634
|
+
CollapseButton: Ht,
|
|
1635
|
+
Layers: Ut
|
|
1325
1636
|
});
|
|
1326
1637
|
//#endregion
|
|
1327
1638
|
//#region src/components/select/select.tsx
|
|
1328
|
-
function
|
|
1329
|
-
return /* @__PURE__ */
|
|
1639
|
+
function Gt({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i, children: a, className: o }) {
|
|
1640
|
+
return /* @__PURE__ */ j(L.Root, {
|
|
1330
1641
|
value: e,
|
|
1331
1642
|
defaultValue: t,
|
|
1332
1643
|
onValueChange: n ? (e) => {
|
|
@@ -1334,120 +1645,120 @@ function jt({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i
|
|
|
1334
1645
|
} : void 0,
|
|
1335
1646
|
items: r,
|
|
1336
1647
|
disabled: i,
|
|
1337
|
-
children: o ? /* @__PURE__ */
|
|
1648
|
+
children: o ? /* @__PURE__ */ j("div", {
|
|
1338
1649
|
className: o,
|
|
1339
1650
|
children: a
|
|
1340
1651
|
}) : a
|
|
1341
1652
|
});
|
|
1342
1653
|
}
|
|
1343
|
-
var
|
|
1344
|
-
return /* @__PURE__ */
|
|
1654
|
+
var Kt = C(function({ children: e, className: t }, n) {
|
|
1655
|
+
return /* @__PURE__ */ j(L.Trigger, {
|
|
1345
1656
|
ref: n,
|
|
1346
|
-
className:
|
|
1657
|
+
className: G("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
|
|
1347
1658
|
children: e
|
|
1348
1659
|
});
|
|
1349
|
-
}),
|
|
1350
|
-
return /* @__PURE__ */
|
|
1660
|
+
}), qt = C(function({ placeholder: e, size: t, className: n }, r) {
|
|
1661
|
+
return /* @__PURE__ */ j(L.Trigger, {
|
|
1351
1662
|
ref: r,
|
|
1352
|
-
render: /* @__PURE__ */
|
|
1663
|
+
render: /* @__PURE__ */ j(q, {
|
|
1353
1664
|
variant: "outline",
|
|
1354
1665
|
size: t,
|
|
1355
|
-
iconRight: /* @__PURE__ */
|
|
1666
|
+
iconRight: /* @__PURE__ */ j(u, {}),
|
|
1356
1667
|
className: n,
|
|
1357
|
-
children: /* @__PURE__ */
|
|
1668
|
+
children: /* @__PURE__ */ j(L.Value, { placeholder: e })
|
|
1358
1669
|
})
|
|
1359
1670
|
});
|
|
1360
1671
|
});
|
|
1361
|
-
function
|
|
1362
|
-
return /* @__PURE__ */
|
|
1672
|
+
function Jt({ align: e = "start", side: t = "bottom", sideOffset: n = 4, minWidth: r = "min-w-[220px]", children: i, className: a }) {
|
|
1673
|
+
return /* @__PURE__ */ j(L.Portal, { children: /* @__PURE__ */ j(L.Positioner, {
|
|
1363
1674
|
align: e,
|
|
1364
1675
|
side: t,
|
|
1365
1676
|
sideOffset: n,
|
|
1366
1677
|
alignItemWithTrigger: !1,
|
|
1367
|
-
render: /* @__PURE__ */
|
|
1368
|
-
children: /* @__PURE__ */
|
|
1369
|
-
render: /* @__PURE__ */
|
|
1678
|
+
render: /* @__PURE__ */ j(J.Positioner, {}),
|
|
1679
|
+
children: /* @__PURE__ */ j(L.Popup, {
|
|
1680
|
+
render: /* @__PURE__ */ j(J.Panel, {
|
|
1370
1681
|
minWidth: r,
|
|
1371
1682
|
className: a
|
|
1372
1683
|
}),
|
|
1373
|
-
children: /* @__PURE__ */
|
|
1374
|
-
render: /* @__PURE__ */
|
|
1684
|
+
children: /* @__PURE__ */ j(L.List, {
|
|
1685
|
+
render: /* @__PURE__ */ j(J.List, {}),
|
|
1375
1686
|
children: i
|
|
1376
1687
|
})
|
|
1377
1688
|
})
|
|
1378
1689
|
}) });
|
|
1379
1690
|
}
|
|
1380
|
-
var
|
|
1381
|
-
return /* @__PURE__ */
|
|
1691
|
+
var Yt = C(function({ value: e, icon: t, children: n, className: r }, i) {
|
|
1692
|
+
return /* @__PURE__ */ M(L.Item, {
|
|
1382
1693
|
ref: i,
|
|
1383
1694
|
value: e,
|
|
1384
|
-
render: /* @__PURE__ */
|
|
1695
|
+
render: /* @__PURE__ */ j(J.Item, {
|
|
1385
1696
|
icon: t,
|
|
1386
1697
|
className: r
|
|
1387
1698
|
}),
|
|
1388
|
-
children: [/* @__PURE__ */
|
|
1699
|
+
children: [/* @__PURE__ */ j(L.ItemText, {
|
|
1389
1700
|
className: "relative z-[1] flex-1",
|
|
1390
1701
|
children: n
|
|
1391
|
-
}), /* @__PURE__ */
|
|
1702
|
+
}), /* @__PURE__ */ j(L.ItemIndicator, { render: /* @__PURE__ */ j(J.ItemIndicator, {}) })]
|
|
1392
1703
|
});
|
|
1393
|
-
}),
|
|
1394
|
-
return /* @__PURE__ */
|
|
1704
|
+
}), Xt = C(function({ className: e }, t) {
|
|
1705
|
+
return /* @__PURE__ */ j(L.Separator, {
|
|
1395
1706
|
ref: t,
|
|
1396
|
-
render: /* @__PURE__ */
|
|
1707
|
+
render: /* @__PURE__ */ j(J.Separator, { className: e })
|
|
1397
1708
|
});
|
|
1398
|
-
}),
|
|
1399
|
-
return /* @__PURE__ */
|
|
1709
|
+
}), Zt = C(function({ className: e, children: t }, n) {
|
|
1710
|
+
return /* @__PURE__ */ j(L.Group, {
|
|
1400
1711
|
ref: n,
|
|
1401
|
-
className:
|
|
1712
|
+
className: G("flex flex-col", e),
|
|
1402
1713
|
children: t
|
|
1403
1714
|
});
|
|
1404
|
-
}),
|
|
1405
|
-
return /* @__PURE__ */
|
|
1715
|
+
}), Qt = C(function({ className: e, children: t }, n) {
|
|
1716
|
+
return /* @__PURE__ */ j(L.GroupLabel, {
|
|
1406
1717
|
ref: n,
|
|
1407
|
-
render: /* @__PURE__ */
|
|
1718
|
+
render: /* @__PURE__ */ j(J.GroupLabel, { className: e }),
|
|
1408
1719
|
children: t
|
|
1409
1720
|
});
|
|
1410
|
-
}),
|
|
1411
|
-
return /* @__PURE__ */
|
|
1721
|
+
}), $t = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
|
|
1722
|
+
return /* @__PURE__ */ j(ie, {
|
|
1412
1723
|
ref: r,
|
|
1413
1724
|
orientation: e,
|
|
1414
|
-
className:
|
|
1725
|
+
className: G(e === "horizontal" ? "w-full border-t border-cui-neutral" : "self-stretch border-l border-cui-neutral", "shrink-0", t),
|
|
1415
1726
|
...n
|
|
1416
1727
|
});
|
|
1417
|
-
}),
|
|
1728
|
+
}), en = {
|
|
1418
1729
|
neutral: "bg-cui-subtle text-cui-secondary",
|
|
1419
1730
|
accent: "bg-cui-accent-subtle text-cui-accent",
|
|
1420
1731
|
danger: "bg-cui-danger-subtle text-cui-danger",
|
|
1421
1732
|
warn: "bg-cui-warn-subtle text-cui-warn",
|
|
1422
1733
|
success: "bg-cui-success-subtle text-cui-success"
|
|
1423
|
-
},
|
|
1734
|
+
}, tn = {
|
|
1424
1735
|
sm: "px-1.5 py-0.5 text-cui-sm",
|
|
1425
1736
|
md: "px-2 py-0.5 text-cui-base"
|
|
1426
|
-
},
|
|
1427
|
-
return /* @__PURE__ */
|
|
1737
|
+
}, nn = C(function({ variant: e = "neutral", size: t = "sm", className: n, children: r, ...i }, a) {
|
|
1738
|
+
return /* @__PURE__ */ j("span", {
|
|
1428
1739
|
ref: a,
|
|
1429
|
-
className:
|
|
1740
|
+
className: G("inline-flex items-center rounded-md font-medium leading-tight", tn[t], en[e], n),
|
|
1430
1741
|
...i,
|
|
1431
1742
|
children: r
|
|
1432
1743
|
});
|
|
1433
|
-
}),
|
|
1434
|
-
return /* @__PURE__ */
|
|
1744
|
+
}), rn = C(function({ className: e, ...t }, n) {
|
|
1745
|
+
return /* @__PURE__ */ j(R.Root, {
|
|
1435
1746
|
ref: n,
|
|
1436
|
-
className:
|
|
1747
|
+
className: G("flex flex-col gap-1.5", e),
|
|
1437
1748
|
...t
|
|
1438
1749
|
});
|
|
1439
|
-
}),
|
|
1440
|
-
return /* @__PURE__ */
|
|
1750
|
+
}), an = C(function({ required: e, className: t, children: n, ...r }, i) {
|
|
1751
|
+
return /* @__PURE__ */ M(R.Label, {
|
|
1441
1752
|
ref: i,
|
|
1442
|
-
className:
|
|
1753
|
+
className: G("text-cui-base font-medium text-cui-primary", "data-[disabled]:text-cui-tertiary data-[disabled]:cursor-not-allowed", t),
|
|
1443
1754
|
...r,
|
|
1444
|
-
children: [n, e && /* @__PURE__ */
|
|
1755
|
+
children: [n, e && /* @__PURE__ */ j("span", {
|
|
1445
1756
|
className: "text-cui-danger ml-0.5",
|
|
1446
1757
|
"aria-hidden": "true",
|
|
1447
1758
|
children: "*"
|
|
1448
1759
|
})]
|
|
1449
1760
|
});
|
|
1450
|
-
}),
|
|
1761
|
+
}), on = [
|
|
1451
1762
|
"w-full rounded-md border border-cui-neutral bg-cui-base-2 px-3 py-1.5 text-cui-base text-cui-primary",
|
|
1452
1763
|
"outline-none",
|
|
1453
1764
|
"placeholder:text-cui-tertiary",
|
|
@@ -1457,7 +1768,7 @@ var Ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
|
|
|
1457
1768
|
"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
|
|
1458
1769
|
"data-[invalid]:border-cui-danger data-[invalid]:focus:ring-cui-danger/30",
|
|
1459
1770
|
"data-[valid]:border-cui-success"
|
|
1460
|
-
],
|
|
1771
|
+
], sn = [
|
|
1461
1772
|
"rounded-md border border-cui-neutral bg-cui-base-2 py-1.5 text-cui-base",
|
|
1462
1773
|
"ring-cui-neutral ring-0 transition-[box-shadow,color,border-color] duration-150 ease-out",
|
|
1463
1774
|
"has-[:focus]:ring-2 has-[:focus]:border-cui-neutral-strong",
|
|
@@ -1465,119 +1776,119 @@ var Ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
|
|
|
1465
1776
|
"has-[*[data-disabled]]:cursor-not-allowed has-[*[data-disabled]]:opacity-50",
|
|
1466
1777
|
"has-[*[data-invalid]]:border-cui-danger has-[*[data-invalid]:focus]:ring-cui-danger/30",
|
|
1467
1778
|
"has-[*[data-valid]]:border-cui-success"
|
|
1468
|
-
],
|
|
1469
|
-
Field:
|
|
1470
|
-
Label:
|
|
1471
|
-
Input:
|
|
1472
|
-
return e || t ? /* @__PURE__ */
|
|
1473
|
-
className:
|
|
1779
|
+
], cn = {
|
|
1780
|
+
Field: rn,
|
|
1781
|
+
Label: an,
|
|
1782
|
+
Input: C(function({ iconLeft: e, iconRight: t, wrapperClassName: n, className: r, ...i }, a) {
|
|
1783
|
+
return e || t ? /* @__PURE__ */ M("div", {
|
|
1784
|
+
className: G("flex items-center gap-2 px-2.5", sn, n),
|
|
1474
1785
|
children: [
|
|
1475
|
-
e && /* @__PURE__ */
|
|
1786
|
+
e && /* @__PURE__ */ j("span", {
|
|
1476
1787
|
className: "text-cui-tertiary flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
1477
1788
|
children: e
|
|
1478
1789
|
}),
|
|
1479
|
-
/* @__PURE__ */
|
|
1790
|
+
/* @__PURE__ */ j(R.Control, {
|
|
1480
1791
|
ref: a,
|
|
1481
|
-
className:
|
|
1792
|
+
className: G("flex-1 min-w-0 h-full bg-transparent text-cui-base text-cui-primary outline-none placeholder:text-cui-tertiary", r),
|
|
1482
1793
|
...i
|
|
1483
1794
|
}),
|
|
1484
|
-
t && /* @__PURE__ */
|
|
1795
|
+
t && /* @__PURE__ */ j("span", {
|
|
1485
1796
|
className: "text-cui-tertiary flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
1486
1797
|
children: t
|
|
1487
1798
|
})
|
|
1488
1799
|
]
|
|
1489
|
-
}) : /* @__PURE__ */
|
|
1800
|
+
}) : /* @__PURE__ */ j(R.Control, {
|
|
1490
1801
|
ref: a,
|
|
1491
|
-
className:
|
|
1802
|
+
className: G(on, r),
|
|
1492
1803
|
...i
|
|
1493
1804
|
});
|
|
1494
1805
|
}),
|
|
1495
|
-
Textarea:
|
|
1496
|
-
return /* @__PURE__ */
|
|
1806
|
+
Textarea: C(function({ className: e, ...t }, n) {
|
|
1807
|
+
return /* @__PURE__ */ j(R.Control, {
|
|
1497
1808
|
ref: n,
|
|
1498
|
-
render: /* @__PURE__ */
|
|
1499
|
-
className:
|
|
1809
|
+
render: /* @__PURE__ */ j("textarea", {}),
|
|
1810
|
+
className: G(on, "min-h-20 resize-y", e),
|
|
1500
1811
|
...t
|
|
1501
1812
|
});
|
|
1502
1813
|
}),
|
|
1503
|
-
Hint:
|
|
1504
|
-
return /* @__PURE__ */
|
|
1814
|
+
Hint: C(function({ className: e, ...t }, n) {
|
|
1815
|
+
return /* @__PURE__ */ j(R.Description, {
|
|
1505
1816
|
ref: n,
|
|
1506
|
-
className:
|
|
1817
|
+
className: G("text-cui-sm text-cui-tertiary data-[invalid]:text-cui-danger", e),
|
|
1507
1818
|
...t
|
|
1508
1819
|
});
|
|
1509
1820
|
})
|
|
1510
1821
|
};
|
|
1511
1822
|
//#endregion
|
|
1512
1823
|
//#region src/components/flickering-grid/flickering-grid.tsx
|
|
1513
|
-
function
|
|
1824
|
+
function ln(e, t) {
|
|
1514
1825
|
let n = e.style.color;
|
|
1515
1826
|
e.style.color = t;
|
|
1516
1827
|
let r = getComputedStyle(e).color;
|
|
1517
1828
|
return e.style.color = n, r || "#000";
|
|
1518
1829
|
}
|
|
1519
|
-
function
|
|
1520
|
-
let
|
|
1521
|
-
return
|
|
1522
|
-
let
|
|
1523
|
-
if (!
|
|
1524
|
-
let
|
|
1525
|
-
if (!
|
|
1526
|
-
let
|
|
1527
|
-
function
|
|
1528
|
-
if (!
|
|
1529
|
-
x = window.devicePixelRatio || 1, S =
|
|
1830
|
+
function un({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r = "currentColor", maxOpacity: i = .3, sweep: a = !1, sweepDirection: o = "left", sweepDuration: s = 2.5, sweepWidth: c = .15, sweepOnly: l = !1, sweepNoise: u = .12, className: d }) {
|
|
1831
|
+
let f = O(null), p = O(null);
|
|
1832
|
+
return T(() => {
|
|
1833
|
+
let d = f.current, m = p.current;
|
|
1834
|
+
if (!d || !m) return;
|
|
1835
|
+
let h = m.getContext("2d");
|
|
1836
|
+
if (!h) return;
|
|
1837
|
+
let g = ln(d, r), _ = 0, v = 0, y = new Float32Array(), b = new Float32Array(), x = 1, S = 0, C = 0, w = performance.now();
|
|
1838
|
+
function ee() {
|
|
1839
|
+
if (!m || !d) return;
|
|
1840
|
+
x = window.devicePixelRatio || 1, S = d.clientWidth, C = d.clientHeight, m.width = S * x, m.height = C * x, m.style.width = `${S}px`, m.style.height = `${C}px`;
|
|
1530
1841
|
let n = e + t;
|
|
1531
1842
|
_ = Math.max(1, Math.floor((S + t) / n)), v = Math.max(1, Math.floor((C + t) / n)), y = new Float32Array(_ * v), b = new Float32Array(_ * v);
|
|
1532
|
-
for (let e = 0; e < y.length; e++) y[e] = Math.random() * i, b[e] = (Math.random() - .5) * 2 *
|
|
1843
|
+
for (let e = 0; e < y.length; e++) y[e] = Math.random() * i, b[e] = (Math.random() - .5) * 2 * u;
|
|
1533
1844
|
}
|
|
1534
|
-
function
|
|
1535
|
-
if (!
|
|
1845
|
+
function T(e) {
|
|
1846
|
+
if (!l) for (let t = 0; t < y.length; t++) Math.random() < n * e && (y[t] = Math.random() * i);
|
|
1536
1847
|
}
|
|
1537
|
-
function
|
|
1538
|
-
if (!
|
|
1539
|
-
|
|
1540
|
-
let r = e + t,
|
|
1848
|
+
function E(n) {
|
|
1849
|
+
if (!h || !m) return;
|
|
1850
|
+
h.clearRect(0, 0, m.width, m.height), h.fillStyle = g;
|
|
1851
|
+
let r = e + t, u = 0;
|
|
1541
1852
|
if (a) {
|
|
1542
|
-
let e = (n - w) / 1e3 /
|
|
1543
|
-
|
|
1853
|
+
let e = (n - w) / 1e3 / s % 1;
|
|
1854
|
+
u = o === "left" ? 1 - e : e, u = u * (1 + c * 2) - c;
|
|
1544
1855
|
}
|
|
1545
1856
|
for (let t = 0; t < _; t++) for (let n = 0; n < v; n++) {
|
|
1546
|
-
let o = t * v + n,
|
|
1547
|
-
if (
|
|
1548
|
-
let e = (_ > 1 ? t / (_ - 1) : 0) + (b[o] ?? 0), n = Math.abs(e -
|
|
1549
|
-
|
|
1550
|
-
} else if (
|
|
1551
|
-
let e = _ > 1 ? t / (_ - 1) : 0, n = Math.abs(e -
|
|
1552
|
-
|
|
1857
|
+
let o = t * v + n, s;
|
|
1858
|
+
if (l && a) {
|
|
1859
|
+
let e = (_ > 1 ? t / (_ - 1) : 0) + (b[o] ?? 0), n = Math.abs(e - u), r = Math.max(0, 1 - n / c);
|
|
1860
|
+
s = r * r * (3 - 2 * r) * i;
|
|
1861
|
+
} else if (s = y[o] ?? 0, a) {
|
|
1862
|
+
let e = _ > 1 ? t / (_ - 1) : 0, n = Math.abs(e - u), r = Math.max(0, 1 - n / c), a = r * r * (3 - 2 * r);
|
|
1863
|
+
s = Math.min(i * 1.5, s + a * i);
|
|
1553
1864
|
}
|
|
1554
|
-
|
|
1865
|
+
s < .01 || (h.globalAlpha = s, h.fillRect(t * r * x, n * r * x, e * x, e * x));
|
|
1555
1866
|
}
|
|
1556
|
-
|
|
1867
|
+
h.globalAlpha = 1;
|
|
1557
1868
|
}
|
|
1558
|
-
|
|
1869
|
+
ee();
|
|
1559
1870
|
let D = 0, O = performance.now(), k = !0;
|
|
1560
1871
|
function A(e) {
|
|
1561
1872
|
if (!k) return;
|
|
1562
1873
|
let t = (e - O) / 1e3;
|
|
1563
|
-
O = e,
|
|
1874
|
+
O = e, T(t), E(e), D = requestAnimationFrame(A);
|
|
1564
1875
|
}
|
|
1565
1876
|
let j = new ResizeObserver(() => {
|
|
1566
|
-
|
|
1877
|
+
ee();
|
|
1567
1878
|
});
|
|
1568
|
-
j.observe(
|
|
1569
|
-
let
|
|
1879
|
+
j.observe(d);
|
|
1880
|
+
let M = new IntersectionObserver(([e]) => {
|
|
1570
1881
|
k = e?.isIntersecting ?? !1, k ? (O = performance.now(), D = requestAnimationFrame(A)) : cancelAnimationFrame(D);
|
|
1571
1882
|
}, { threshold: 0 });
|
|
1572
|
-
|
|
1573
|
-
let
|
|
1574
|
-
|
|
1883
|
+
M.observe(m);
|
|
1884
|
+
let N = new MutationObserver(() => {
|
|
1885
|
+
g = ln(d, r);
|
|
1575
1886
|
});
|
|
1576
|
-
return
|
|
1887
|
+
return N.observe(document.documentElement, {
|
|
1577
1888
|
attributes: !0,
|
|
1578
1889
|
attributeFilter: ["data-theme", "class"]
|
|
1579
1890
|
}), () => {
|
|
1580
|
-
cancelAnimationFrame(D), j.disconnect(),
|
|
1891
|
+
cancelAnimationFrame(D), j.disconnect(), M.disconnect(), N.disconnect();
|
|
1581
1892
|
};
|
|
1582
1893
|
}, [
|
|
1583
1894
|
e,
|
|
@@ -1587,25 +1898,25 @@ function Yt({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r
|
|
|
1587
1898
|
i,
|
|
1588
1899
|
a,
|
|
1589
1900
|
o,
|
|
1901
|
+
s,
|
|
1590
1902
|
c,
|
|
1591
1903
|
l,
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
className: W("pointer-events-none size-full", m),
|
|
1904
|
+
u
|
|
1905
|
+
]), /* @__PURE__ */ j("div", {
|
|
1906
|
+
ref: f,
|
|
1907
|
+
className: G("pointer-events-none size-full", d),
|
|
1597
1908
|
"aria-hidden": "true",
|
|
1598
|
-
children: /* @__PURE__ */
|
|
1909
|
+
children: /* @__PURE__ */ j("canvas", { ref: p })
|
|
1599
1910
|
});
|
|
1600
1911
|
}
|
|
1601
1912
|
//#endregion
|
|
1602
1913
|
//#region src/components/skeleton/skeleton.tsx
|
|
1603
|
-
var
|
|
1604
|
-
return /* @__PURE__ */
|
|
1914
|
+
var dn = C(function({ circular: e, className: t }, n) {
|
|
1915
|
+
return /* @__PURE__ */ j("div", {
|
|
1605
1916
|
ref: n,
|
|
1606
|
-
className:
|
|
1917
|
+
className: G("relative overflow-hidden bg-cui-subtle", e ? "rounded-full" : "rounded-xs", t),
|
|
1607
1918
|
"aria-hidden": "true",
|
|
1608
|
-
children: /* @__PURE__ */
|
|
1919
|
+
children: /* @__PURE__ */ j(un, {
|
|
1609
1920
|
squareSize: 4,
|
|
1610
1921
|
gridGap: 2,
|
|
1611
1922
|
color: "var(--text-color-cui-secondary)",
|
|
@@ -1621,8 +1932,8 @@ var Xt = i(function({ circular: e, className: t }, n) {
|
|
|
1621
1932
|
});
|
|
1622
1933
|
//#endregion
|
|
1623
1934
|
//#region src/components/dropdown-menu/dropdown-menu.tsx
|
|
1624
|
-
function
|
|
1625
|
-
return /* @__PURE__ */
|
|
1935
|
+
function fn({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children: i }) {
|
|
1936
|
+
return /* @__PURE__ */ j(z.Root, {
|
|
1626
1937
|
open: e,
|
|
1627
1938
|
defaultOpen: t,
|
|
1628
1939
|
onOpenChange: n ? (e) => n(e) : void 0,
|
|
@@ -1630,21 +1941,21 @@ function Zt({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children:
|
|
|
1630
1941
|
children: i
|
|
1631
1942
|
});
|
|
1632
1943
|
}
|
|
1633
|
-
var
|
|
1634
|
-
return /* @__PURE__ */
|
|
1944
|
+
var pn = C(function({ className: e, ...t }, n) {
|
|
1945
|
+
return /* @__PURE__ */ j(z.Trigger, {
|
|
1635
1946
|
ref: n,
|
|
1636
|
-
className:
|
|
1947
|
+
className: G("cursor-pointer outline-none", e),
|
|
1637
1948
|
...t
|
|
1638
1949
|
});
|
|
1639
1950
|
});
|
|
1640
|
-
function
|
|
1641
|
-
return /* @__PURE__ */
|
|
1951
|
+
function mn({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth: r = "min-w-[180px]", className: i, children: a }) {
|
|
1952
|
+
return /* @__PURE__ */ j(z.Portal, { children: /* @__PURE__ */ j(z.Positioner, {
|
|
1642
1953
|
side: e,
|
|
1643
1954
|
align: t,
|
|
1644
1955
|
sideOffset: n,
|
|
1645
|
-
render: /* @__PURE__ */
|
|
1646
|
-
children: /* @__PURE__ */
|
|
1647
|
-
render: /* @__PURE__ */
|
|
1956
|
+
render: /* @__PURE__ */ j(J.Positioner, {}),
|
|
1957
|
+
children: /* @__PURE__ */ j(z.Popup, {
|
|
1958
|
+
render: /* @__PURE__ */ j(J.Panel, {
|
|
1648
1959
|
minWidth: r,
|
|
1649
1960
|
className: i
|
|
1650
1961
|
}),
|
|
@@ -1653,171 +1964,165 @@ function $t({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth:
|
|
|
1653
1964
|
}) });
|
|
1654
1965
|
}
|
|
1655
1966
|
var Q = {
|
|
1656
|
-
Root:
|
|
1657
|
-
Trigger:
|
|
1658
|
-
Content:
|
|
1659
|
-
Item:
|
|
1660
|
-
return /* @__PURE__ */
|
|
1967
|
+
Root: fn,
|
|
1968
|
+
Trigger: pn,
|
|
1969
|
+
Content: mn,
|
|
1970
|
+
Item: C(function({ variant: e = "default", icon: t, onClick: n, closeOnClick: r, disabled: i, className: a, children: o }, s) {
|
|
1971
|
+
return /* @__PURE__ */ j(z.Item, {
|
|
1661
1972
|
ref: s,
|
|
1662
1973
|
onClick: n,
|
|
1663
1974
|
closeOnClick: r,
|
|
1664
1975
|
disabled: i,
|
|
1665
|
-
render: /* @__PURE__ */
|
|
1976
|
+
render: /* @__PURE__ */ j(J.Item, {
|
|
1666
1977
|
icon: t,
|
|
1667
1978
|
variant: e,
|
|
1668
1979
|
className: a
|
|
1669
1980
|
}),
|
|
1670
|
-
children: /* @__PURE__ */
|
|
1671
|
-
className: "relative z-[1]",
|
|
1981
|
+
children: /* @__PURE__ */ j("span", {
|
|
1982
|
+
className: "relative z-[1] flex-1",
|
|
1672
1983
|
children: o
|
|
1673
1984
|
})
|
|
1674
1985
|
});
|
|
1675
1986
|
}),
|
|
1676
|
-
Separator:
|
|
1677
|
-
return /* @__PURE__ */
|
|
1987
|
+
Separator: C(function({ className: e }, t) {
|
|
1988
|
+
return /* @__PURE__ */ j(z.Separator, {
|
|
1678
1989
|
ref: t,
|
|
1679
|
-
render: /* @__PURE__ */
|
|
1990
|
+
render: /* @__PURE__ */ j(J.Separator, { className: e })
|
|
1680
1991
|
});
|
|
1681
1992
|
}),
|
|
1682
|
-
Label:
|
|
1683
|
-
return /* @__PURE__ */
|
|
1993
|
+
Label: C(function({ className: e, children: t }, n) {
|
|
1994
|
+
return /* @__PURE__ */ j(z.GroupLabel, {
|
|
1684
1995
|
ref: n,
|
|
1685
|
-
render: /* @__PURE__ */
|
|
1996
|
+
render: /* @__PURE__ */ j(J.GroupLabel, { className: e }),
|
|
1686
1997
|
children: t
|
|
1687
1998
|
});
|
|
1688
1999
|
}),
|
|
1689
|
-
Group:
|
|
1690
|
-
return /* @__PURE__ */
|
|
2000
|
+
Group: C(function({ className: e, children: t }, n) {
|
|
2001
|
+
return /* @__PURE__ */ j(z.Group, {
|
|
1691
2002
|
ref: n,
|
|
1692
|
-
className:
|
|
2003
|
+
className: G("flex flex-col", e),
|
|
1693
2004
|
children: t
|
|
1694
2005
|
});
|
|
1695
2006
|
})
|
|
1696
2007
|
};
|
|
1697
2008
|
//#endregion
|
|
1698
2009
|
//#region src/components/dialog/dialog.tsx
|
|
1699
|
-
function
|
|
1700
|
-
return /* @__PURE__ */
|
|
2010
|
+
function hn({ ...e }) {
|
|
2011
|
+
return /* @__PURE__ */ j(B.Root, { ...e });
|
|
1701
2012
|
}
|
|
1702
|
-
var
|
|
1703
|
-
return /* @__PURE__ */
|
|
2013
|
+
var gn = C(function({ className: e, ...t }, n) {
|
|
2014
|
+
return /* @__PURE__ */ j(B.Trigger, {
|
|
1704
2015
|
ref: n,
|
|
1705
|
-
className:
|
|
2016
|
+
className: G(e),
|
|
1706
2017
|
...t
|
|
1707
2018
|
});
|
|
1708
|
-
}),
|
|
1709
|
-
return /* @__PURE__ */
|
|
2019
|
+
}), _n = C(function({ className: e, ...t }, n) {
|
|
2020
|
+
return /* @__PURE__ */ j(B.Backdrop, {
|
|
1710
2021
|
ref: n,
|
|
1711
|
-
className:
|
|
2022
|
+
className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
|
|
1712
2023
|
...t
|
|
1713
2024
|
});
|
|
1714
|
-
}),
|
|
2025
|
+
}), vn = {
|
|
1715
2026
|
md: "max-w-[450px]",
|
|
1716
2027
|
lg: "max-w-[550px]"
|
|
1717
2028
|
};
|
|
1718
|
-
function
|
|
1719
|
-
return /* @__PURE__ */
|
|
1720
|
-
className:
|
|
2029
|
+
function yn({ size: e = "md", className: t, children: n, ...r }) {
|
|
2030
|
+
return /* @__PURE__ */ M(B.Portal, { children: [/* @__PURE__ */ j(_n, {}), /* @__PURE__ */ j(B.Popup, {
|
|
2031
|
+
className: G("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", vn[e], t),
|
|
1721
2032
|
...r,
|
|
1722
2033
|
children: n
|
|
1723
2034
|
})] });
|
|
1724
2035
|
}
|
|
1725
|
-
var
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
})
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
className: W("text-cui-secondary", e),
|
|
1768
|
-
...t
|
|
1769
|
-
});
|
|
1770
|
-
})
|
|
1771
|
-
}, $ = i(function({ className: e, children: t }, n) {
|
|
1772
|
-
return /* @__PURE__ */ p("div", {
|
|
2036
|
+
var bn = C(function({ className: e, children: t }, n) {
|
|
2037
|
+
return /* @__PURE__ */ j("div", {
|
|
2038
|
+
ref: n,
|
|
2039
|
+
className: G("bg-cui-base-2 border-cui-neutral rounded-md border", e),
|
|
2040
|
+
children: t
|
|
2041
|
+
});
|
|
2042
|
+
}), xn = C(function({ className: e, ...t }, n) {
|
|
2043
|
+
return /* @__PURE__ */ j(B.Title, {
|
|
2044
|
+
ref: n,
|
|
2045
|
+
className: G("text-cui-primary border-cui-neutral border-b px-4 py-3 text-cui-base font-medium", e),
|
|
2046
|
+
...t
|
|
2047
|
+
});
|
|
2048
|
+
}), Sn = C(function({ className: e, children: t }, n) {
|
|
2049
|
+
return /* @__PURE__ */ j("div", {
|
|
2050
|
+
ref: n,
|
|
2051
|
+
className: G("p-4", e),
|
|
2052
|
+
children: t
|
|
2053
|
+
});
|
|
2054
|
+
}), Cn = C(function({ className: e, children: t }, n) {
|
|
2055
|
+
return /* @__PURE__ */ j("div", {
|
|
2056
|
+
ref: n,
|
|
2057
|
+
className: G("flex items-center justify-between p-2", e),
|
|
2058
|
+
children: t
|
|
2059
|
+
});
|
|
2060
|
+
}), wn = C(function({ className: e, ...t }, n) {
|
|
2061
|
+
return /* @__PURE__ */ j(B.Close, {
|
|
2062
|
+
ref: n,
|
|
2063
|
+
className: G(e),
|
|
2064
|
+
...t
|
|
2065
|
+
});
|
|
2066
|
+
}), Tn = {
|
|
2067
|
+
Root: hn,
|
|
2068
|
+
Trigger: gn,
|
|
2069
|
+
Content: yn,
|
|
2070
|
+
Panel: bn,
|
|
2071
|
+
Title: xn,
|
|
2072
|
+
Description: B.Description,
|
|
2073
|
+
Body: Sn,
|
|
2074
|
+
Footer: Cn,
|
|
2075
|
+
Close: wn
|
|
2076
|
+
}, $ = C(function({ className: e, children: t }, n) {
|
|
2077
|
+
return /* @__PURE__ */ j("div", {
|
|
1773
2078
|
ref: n,
|
|
1774
|
-
className:
|
|
1775
|
-
children: /* @__PURE__ */
|
|
2079
|
+
className: G("overflow-hidden rounded ring-1 ring-cui-neutral", e),
|
|
2080
|
+
children: /* @__PURE__ */ j("table", {
|
|
1776
2081
|
className: "w-full table-fixed border-separate border-spacing-0",
|
|
1777
2082
|
children: t
|
|
1778
2083
|
})
|
|
1779
2084
|
});
|
|
1780
|
-
}),
|
|
1781
|
-
return /* @__PURE__ */
|
|
2085
|
+
}), En = C(function({ className: e, children: t }, n) {
|
|
2086
|
+
return /* @__PURE__ */ j("thead", {
|
|
1782
2087
|
ref: n,
|
|
1783
|
-
className:
|
|
2088
|
+
className: G("[&>tr]:text-cui-sm [&>tr]:font-medium [&>tr]:text-cui-secondary", e),
|
|
1784
2089
|
children: t
|
|
1785
2090
|
});
|
|
1786
|
-
}),
|
|
1787
|
-
return /* @__PURE__ */
|
|
2091
|
+
}), Dn = C(function({ className: e, children: t }, n) {
|
|
2092
|
+
return /* @__PURE__ */ j("tbody", {
|
|
1788
2093
|
ref: n,
|
|
1789
|
-
className:
|
|
2094
|
+
className: G("[&>tr:not(:last-child)>td]:border-b [&>tr:not(:last-child)>td]:border-cui-neutral", e),
|
|
1790
2095
|
children: t
|
|
1791
2096
|
});
|
|
1792
|
-
}),
|
|
1793
|
-
return /* @__PURE__ */
|
|
2097
|
+
}), On = C(function({ className: e, children: t, onClick: n, ...r }, i) {
|
|
2098
|
+
return /* @__PURE__ */ j("tr", {
|
|
1794
2099
|
ref: i,
|
|
1795
|
-
className:
|
|
2100
|
+
className: G("bg-cui-base-1 hover:bg-cui-subtle", "transition-colors duration-100 ease-out motion-reduce:transition-none", n && "cursor-pointer", e),
|
|
1796
2101
|
onClick: n,
|
|
1797
2102
|
...r,
|
|
1798
2103
|
children: t
|
|
1799
2104
|
});
|
|
1800
|
-
}),
|
|
1801
|
-
return /* @__PURE__ */
|
|
2105
|
+
}), kn = C(function({ width: e, colSpan: t, className: n, children: r }, i) {
|
|
2106
|
+
return /* @__PURE__ */ j("th", {
|
|
1802
2107
|
ref: i,
|
|
1803
2108
|
style: e == null ? void 0 : { width: e },
|
|
1804
2109
|
colSpan: t,
|
|
1805
|
-
className:
|
|
2110
|
+
className: G("px-4 py-2.5 text-left text-cui-sm font-medium border-b border-cui-neutral", n),
|
|
1806
2111
|
children: r
|
|
1807
2112
|
});
|
|
1808
|
-
}),
|
|
1809
|
-
return /* @__PURE__ */
|
|
2113
|
+
}), An = C(function({ width: e, colSpan: t, className: n, children: r }, i) {
|
|
2114
|
+
return /* @__PURE__ */ j("td", {
|
|
1810
2115
|
ref: i,
|
|
1811
2116
|
style: e == null ? void 0 : { width: e },
|
|
1812
2117
|
colSpan: t,
|
|
1813
|
-
className:
|
|
2118
|
+
className: G("px-4 py-3 text-cui-base", n),
|
|
1814
2119
|
children: r
|
|
1815
2120
|
});
|
|
1816
2121
|
});
|
|
1817
|
-
$.Header =
|
|
2122
|
+
$.Header = En, $.Body = Dn, $.Row = On, $.HeaderCell = kn, $.Cell = An;
|
|
1818
2123
|
//#endregion
|
|
1819
2124
|
//#region src/components/pagination/pagination.tsx
|
|
1820
|
-
var
|
|
2125
|
+
var jn = {
|
|
1821
2126
|
sm: {
|
|
1822
2127
|
button: "size-7",
|
|
1823
2128
|
icon: "size-4",
|
|
@@ -1829,123 +2134,123 @@ var fn = {
|
|
|
1829
2134
|
strip: "h-10"
|
|
1830
2135
|
}
|
|
1831
2136
|
};
|
|
1832
|
-
function
|
|
2137
|
+
function Mn(e, t) {
|
|
1833
2138
|
let n = [];
|
|
1834
2139
|
for (let r = e; r <= t; r++) n.push(r);
|
|
1835
2140
|
return n;
|
|
1836
2141
|
}
|
|
1837
|
-
function
|
|
1838
|
-
if (t <= n * 2 + 5) return
|
|
2142
|
+
function Nn(e, t, n) {
|
|
2143
|
+
if (t <= n * 2 + 5) return Mn(1, t);
|
|
1839
2144
|
let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
|
|
1840
2145
|
return !a && o ? [
|
|
1841
|
-
...
|
|
2146
|
+
...Mn(1, n * 2 + 3),
|
|
1842
2147
|
"ellipsis-end",
|
|
1843
2148
|
t
|
|
1844
2149
|
] : a && !o ? [
|
|
1845
2150
|
1,
|
|
1846
2151
|
"ellipsis-start",
|
|
1847
|
-
...
|
|
2152
|
+
...Mn(t - (n * 2 + 3) + 1, t)
|
|
1848
2153
|
] : [
|
|
1849
2154
|
1,
|
|
1850
2155
|
"ellipsis-start",
|
|
1851
|
-
...
|
|
2156
|
+
...Mn(r, i),
|
|
1852
2157
|
"ellipsis-end",
|
|
1853
2158
|
t
|
|
1854
2159
|
];
|
|
1855
2160
|
}
|
|
1856
|
-
function
|
|
1857
|
-
return /* @__PURE__ */
|
|
2161
|
+
function Pn({ page: e, active: t, onClick: n, buttonSize: r }) {
|
|
2162
|
+
return /* @__PURE__ */ j("button", {
|
|
1858
2163
|
type: "button",
|
|
1859
2164
|
"aria-current": t ? "page" : void 0,
|
|
1860
2165
|
onClick: n,
|
|
1861
|
-
className:
|
|
2166
|
+
className: G("rounded-sm flex items-center justify-center text-cui-base tabular-nums select-none cursor-pointer", r, "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "bg-cui-base-2 text-cui-primary font-medium shadow-sm" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
|
|
1862
2167
|
children: e
|
|
1863
2168
|
});
|
|
1864
2169
|
}
|
|
1865
|
-
function
|
|
1866
|
-
return /* @__PURE__ */
|
|
1867
|
-
className:
|
|
2170
|
+
function Fn({ buttonSize: e }) {
|
|
2171
|
+
return /* @__PURE__ */ j("span", {
|
|
2172
|
+
className: G("text-cui-tertiary flex items-center justify-center text-cui-base select-none", e),
|
|
1868
2173
|
children: "..."
|
|
1869
2174
|
});
|
|
1870
2175
|
}
|
|
1871
|
-
function
|
|
1872
|
-
let a = e === "prev" ?
|
|
1873
|
-
return /* @__PURE__ */
|
|
2176
|
+
function In({ direction: e, disabled: t, onClick: n, buttonSize: r, iconSize: i }) {
|
|
2177
|
+
let a = e === "prev" ? c : l;
|
|
2178
|
+
return /* @__PURE__ */ j("button", {
|
|
1874
2179
|
type: "button",
|
|
1875
2180
|
"aria-label": e === "prev" ? "Previous page" : "Next page",
|
|
1876
2181
|
disabled: t,
|
|
1877
2182
|
onClick: n,
|
|
1878
|
-
className:
|
|
1879
|
-
children: /* @__PURE__ */
|
|
2183
|
+
className: G("rounded-sm flex items-center justify-center cursor-pointer select-none", r, "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "text-cui-tertiary pointer-events-none" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
|
|
2184
|
+
children: /* @__PURE__ */ j(a, { className: i })
|
|
1880
2185
|
});
|
|
1881
2186
|
}
|
|
1882
|
-
var
|
|
2187
|
+
var Ln = C(function({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage: i = 10, onRowsPerPageChange: a, rowOptions: o = [
|
|
1883
2188
|
10,
|
|
1884
2189
|
25,
|
|
1885
2190
|
50
|
|
1886
|
-
], siblingCount: s = 1, size: c = "sm", className: l },
|
|
1887
|
-
let
|
|
1888
|
-
if (!
|
|
1889
|
-
let
|
|
1890
|
-
return /* @__PURE__ */
|
|
1891
|
-
ref:
|
|
2191
|
+
], siblingCount: s = 1, size: c = "sm", className: l }, d) {
|
|
2192
|
+
let f = jn[c], p = a !== void 0, m = r !== void 0, h = t > 1, g = (e - 1) * i + 1, _ = r ? Math.min(e * i, r) : e * i;
|
|
2193
|
+
if (!h && !p && !m) return null;
|
|
2194
|
+
let v = h ? Nn(e, t, s) : [];
|
|
2195
|
+
return /* @__PURE__ */ M("nav", {
|
|
2196
|
+
ref: d,
|
|
1892
2197
|
"aria-label": "Pagination",
|
|
1893
|
-
className:
|
|
2198
|
+
className: G("flex items-center bg-cui-subtle rounded-md ring-1 ring-cui-neutral", l),
|
|
1894
2199
|
children: [
|
|
1895
|
-
|
|
1896
|
-
className:
|
|
1897
|
-
children: [/* @__PURE__ */
|
|
2200
|
+
p && /* @__PURE__ */ M("div", {
|
|
2201
|
+
className: G("flex items-center gap-2 px-3", f.strip),
|
|
2202
|
+
children: [/* @__PURE__ */ j("span", {
|
|
1898
2203
|
className: "text-cui-tertiary text-cui-base whitespace-nowrap",
|
|
1899
2204
|
children: "Rows per page"
|
|
1900
|
-
}), /* @__PURE__ */
|
|
2205
|
+
}), /* @__PURE__ */ M(Q.Root, { children: [/* @__PURE__ */ j(Q.Trigger, { children: /* @__PURE__ */ M("button", {
|
|
1901
2206
|
type: "button",
|
|
1902
|
-
className:
|
|
1903
|
-
children: [i, /* @__PURE__ */
|
|
1904
|
-
}) }), /* @__PURE__ */
|
|
2207
|
+
className: G("flex items-center gap-1 h-6 px-1.5 rounded-sm text-cui-base text-cui-primary tabular-nums cursor-pointer select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "hover:bg-cui-subtle transition-colors duration-150 motion-reduce:transition-none"),
|
|
2208
|
+
children: [i, /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-3.5" })]
|
|
2209
|
+
}) }), /* @__PURE__ */ j(Q.Content, {
|
|
1905
2210
|
align: "start",
|
|
1906
2211
|
sideOffset: 4,
|
|
1907
2212
|
minWidth: "min-w-[80px]",
|
|
1908
|
-
children: o.map((e) => /* @__PURE__ */
|
|
2213
|
+
children: o.map((e) => /* @__PURE__ */ j(Q.Item, {
|
|
1909
2214
|
onClick: () => a?.(e),
|
|
1910
2215
|
children: e
|
|
1911
2216
|
}, e))
|
|
1912
2217
|
})] })]
|
|
1913
2218
|
}),
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
className:
|
|
2219
|
+
p && h && /* @__PURE__ */ j("div", { className: "bg-cui-neutral w-px self-stretch" }),
|
|
2220
|
+
h && /* @__PURE__ */ M("div", {
|
|
2221
|
+
className: G("flex items-center gap-0.5 px-1.5", f.strip),
|
|
1917
2222
|
children: [
|
|
1918
|
-
/* @__PURE__ */
|
|
2223
|
+
/* @__PURE__ */ j(In, {
|
|
1919
2224
|
direction: "prev",
|
|
1920
2225
|
disabled: e <= 1,
|
|
1921
2226
|
onClick: () => n?.(e - 1),
|
|
1922
|
-
buttonSize:
|
|
1923
|
-
iconSize:
|
|
2227
|
+
buttonSize: f.button,
|
|
2228
|
+
iconSize: f.icon
|
|
1924
2229
|
}),
|
|
1925
|
-
|
|
2230
|
+
v.map((t) => typeof t == "number" ? /* @__PURE__ */ j(Pn, {
|
|
1926
2231
|
page: t,
|
|
1927
2232
|
active: t === e,
|
|
1928
2233
|
onClick: () => n?.(t),
|
|
1929
|
-
buttonSize:
|
|
1930
|
-
}, t) : /* @__PURE__ */
|
|
1931
|
-
/* @__PURE__ */
|
|
2234
|
+
buttonSize: f.button
|
|
2235
|
+
}, t) : /* @__PURE__ */ j(Fn, { buttonSize: f.button }, t)),
|
|
2236
|
+
/* @__PURE__ */ j(In, {
|
|
1932
2237
|
direction: "next",
|
|
1933
2238
|
disabled: e >= t,
|
|
1934
2239
|
onClick: () => n?.(e + 1),
|
|
1935
|
-
buttonSize:
|
|
1936
|
-
iconSize:
|
|
2240
|
+
buttonSize: f.button,
|
|
2241
|
+
iconSize: f.icon
|
|
1937
2242
|
})
|
|
1938
2243
|
]
|
|
1939
2244
|
}),
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
className:
|
|
1943
|
-
children: /* @__PURE__ */
|
|
2245
|
+
m && (h || p) && /* @__PURE__ */ j("div", { className: "bg-cui-neutral w-px self-stretch" }),
|
|
2246
|
+
m && /* @__PURE__ */ j("div", {
|
|
2247
|
+
className: G("flex items-center px-3", f.strip),
|
|
2248
|
+
children: /* @__PURE__ */ M("span", {
|
|
1944
2249
|
className: "text-cui-tertiary text-cui-base whitespace-nowrap tabular-nums",
|
|
1945
2250
|
children: [
|
|
1946
|
-
|
|
2251
|
+
g,
|
|
1947
2252
|
"–",
|
|
1948
|
-
|
|
2253
|
+
_,
|
|
1949
2254
|
" / ",
|
|
1950
2255
|
r
|
|
1951
2256
|
]
|
|
@@ -1956,24 +2261,24 @@ var vn = i(function({ page: e, pageCount: t, onPageChange: n, totalItems: r, row
|
|
|
1956
2261
|
});
|
|
1957
2262
|
//#endregion
|
|
1958
2263
|
//#region src/components/data-table/data-table.tsx
|
|
1959
|
-
function
|
|
1960
|
-
return e === "asc" ? /* @__PURE__ */
|
|
2264
|
+
function Rn({ direction: e }) {
|
|
2265
|
+
return e === "asc" ? /* @__PURE__ */ j(d, { className: "text-cui-primary size-3.5" }) : e === "desc" ? /* @__PURE__ */ j(s, { className: "text-cui-primary size-3.5" }) : /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-3.5 opacity-0 transition-opacity group-hover:opacity-100" });
|
|
1961
2266
|
}
|
|
1962
|
-
function
|
|
2267
|
+
function zn({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize: i = 10, pageSizeOptions: a = [
|
|
1963
2268
|
10,
|
|
1964
2269
|
25,
|
|
1965
2270
|
50
|
|
1966
|
-
], selectable: o = !1, rowSelection: s, onRowSelectionChange: c, onRowClick: l, emptyMessage: u = "No results.", className:
|
|
1967
|
-
let [
|
|
1968
|
-
c(typeof e == "function" ? e(
|
|
1969
|
-
} :
|
|
2271
|
+
], selectable: o = !1, rowSelection: s, onRowSelectionChange: c, onRowClick: l, emptyMessage: u = "No results.", className: d, tableOptions: f }) {
|
|
2272
|
+
let [p, m] = k([]), [h, g] = k([]), [_, v] = k({}), [y, b] = k({}), x = s ?? y, S = c ? (e) => {
|
|
2273
|
+
c(typeof e == "function" ? e(x) : e);
|
|
2274
|
+
} : b, C = o ? [{
|
|
1970
2275
|
id: "_select",
|
|
1971
|
-
header: ({ table: e }) => /* @__PURE__ */
|
|
2276
|
+
header: ({ table: e }) => /* @__PURE__ */ j(Ze, {
|
|
1972
2277
|
checked: e.getIsAllPageRowsSelected(),
|
|
1973
2278
|
indeterminate: e.getIsSomePageRowsSelected(),
|
|
1974
2279
|
onCheckedChange: (t) => e.toggleAllPageRowsSelected(t)
|
|
1975
2280
|
}),
|
|
1976
|
-
cell: ({ row: e }) => /* @__PURE__ */
|
|
2281
|
+
cell: ({ row: e }) => /* @__PURE__ */ j(Ze, {
|
|
1977
2282
|
checked: e.getIsSelected(),
|
|
1978
2283
|
disabled: !e.getCanSelect(),
|
|
1979
2284
|
onCheckedChange: (t) => e.toggleSelected(t)
|
|
@@ -1981,74 +2286,74 @@ function bn({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
|
|
|
1981
2286
|
enableSorting: !1,
|
|
1982
2287
|
enableHiding: !1,
|
|
1983
2288
|
size: 40
|
|
1984
|
-
}, ...e] : e, { state:
|
|
2289
|
+
}, ...e] : e, { state: w, ...ee } = f ?? {}, T = ue({
|
|
1985
2290
|
data: t,
|
|
1986
|
-
columns:
|
|
2291
|
+
columns: C,
|
|
1987
2292
|
state: {
|
|
1988
|
-
sorting:
|
|
1989
|
-
columnFilters:
|
|
1990
|
-
columnVisibility:
|
|
1991
|
-
rowSelection:
|
|
1992
|
-
...
|
|
2293
|
+
sorting: p,
|
|
2294
|
+
columnFilters: h,
|
|
2295
|
+
columnVisibility: _,
|
|
2296
|
+
rowSelection: x,
|
|
2297
|
+
...w
|
|
1993
2298
|
},
|
|
1994
|
-
onSortingChange:
|
|
1995
|
-
onColumnFiltersChange:
|
|
1996
|
-
onColumnVisibilityChange:
|
|
1997
|
-
onRowSelectionChange:
|
|
1998
|
-
getCoreRowModel:
|
|
1999
|
-
getSortedRowModel:
|
|
2000
|
-
getFilteredRowModel:
|
|
2001
|
-
...r && { getPaginationRowModel:
|
|
2299
|
+
onSortingChange: m,
|
|
2300
|
+
onColumnFiltersChange: g,
|
|
2301
|
+
onColumnVisibilityChange: v,
|
|
2302
|
+
onRowSelectionChange: S,
|
|
2303
|
+
getCoreRowModel: oe(),
|
|
2304
|
+
getSortedRowModel: le(),
|
|
2305
|
+
getFilteredRowModel: se(),
|
|
2306
|
+
...r && { getPaginationRowModel: ce() },
|
|
2002
2307
|
enableRowSelection: o,
|
|
2003
2308
|
initialState: { pagination: { pageSize: i } },
|
|
2004
|
-
...
|
|
2005
|
-
}),
|
|
2006
|
-
return /* @__PURE__ */
|
|
2007
|
-
className:
|
|
2008
|
-
children: [/* @__PURE__ */
|
|
2309
|
+
...ee
|
|
2310
|
+
}), E = T.getPageCount(), D = T.getState().pagination.pageIndex + 1, O = T.getState().pagination.pageSize;
|
|
2311
|
+
return /* @__PURE__ */ M("div", {
|
|
2312
|
+
className: G("flex flex-col gap-3", d),
|
|
2313
|
+
children: [/* @__PURE__ */ M($, { children: [/* @__PURE__ */ j($.Header, { children: T.getHeaderGroups().map((e) => /* @__PURE__ */ j($.Row, { children: e.headers.map((e) => {
|
|
2009
2314
|
let t = n && e.column.getCanSort(), r = e.column.getIsSorted();
|
|
2010
|
-
return /* @__PURE__ */
|
|
2315
|
+
return /* @__PURE__ */ j($.HeaderCell, {
|
|
2011
2316
|
width: e.getSize() === 150 ? void 0 : e.getSize(),
|
|
2012
|
-
className:
|
|
2013
|
-
children: e.isPlaceholder ? null : /* @__PURE__ */
|
|
2317
|
+
className: G(t && "cursor-pointer select-none group"),
|
|
2318
|
+
children: e.isPlaceholder ? null : /* @__PURE__ */ M("button", {
|
|
2014
2319
|
type: "button",
|
|
2015
|
-
className:
|
|
2320
|
+
className: G("flex items-center gap-1", t && "cursor-pointer"),
|
|
2016
2321
|
onClick: t ? e.column.getToggleSortingHandler() : void 0,
|
|
2017
2322
|
tabIndex: t ? 0 : -1,
|
|
2018
|
-
children: [
|
|
2323
|
+
children: [ae(e.column.columnDef.header, e.getContext()), t && /* @__PURE__ */ j(Rn, { direction: r })]
|
|
2019
2324
|
})
|
|
2020
2325
|
}, e.id);
|
|
2021
|
-
}) }, e.id)) }), /* @__PURE__ */
|
|
2326
|
+
}) }, e.id)) }), /* @__PURE__ */ j($.Body, { children: T.getRowModel().rows.length > 0 ? T.getRowModel().rows.map((e) => /* @__PURE__ */ j($.Row, {
|
|
2022
2327
|
onClick: l ? () => l(e) : void 0,
|
|
2023
|
-
className:
|
|
2024
|
-
children: e.getVisibleCells().map((e) => /* @__PURE__ */
|
|
2328
|
+
className: G(e.getIsSelected() && "bg-cui-subtle"),
|
|
2329
|
+
children: e.getVisibleCells().map((e) => /* @__PURE__ */ j($.Cell, {
|
|
2025
2330
|
width: e.column.getSize() === 150 ? void 0 : e.column.getSize(),
|
|
2026
|
-
children:
|
|
2331
|
+
children: ae(e.column.columnDef.cell, e.getContext())
|
|
2027
2332
|
}, e.id))
|
|
2028
|
-
}, e.id)) : /* @__PURE__ */
|
|
2029
|
-
colSpan:
|
|
2333
|
+
}, e.id)) : /* @__PURE__ */ j($.Row, { children: /* @__PURE__ */ j($.Cell, {
|
|
2334
|
+
colSpan: C.length,
|
|
2030
2335
|
className: "text-cui-tertiary py-8 text-center",
|
|
2031
2336
|
children: u
|
|
2032
|
-
}) }) })] }), r &&
|
|
2337
|
+
}) }) })] }), r && E > 0 && /* @__PURE__ */ M("div", {
|
|
2033
2338
|
className: "flex items-center justify-between",
|
|
2034
|
-
children: [o && /* @__PURE__ */
|
|
2339
|
+
children: [o && /* @__PURE__ */ M("span", {
|
|
2035
2340
|
className: "text-cui-secondary text-cui-base",
|
|
2036
2341
|
children: [
|
|
2037
|
-
|
|
2342
|
+
T.getFilteredSelectedRowModel().rows.length,
|
|
2038
2343
|
" of",
|
|
2039
2344
|
" ",
|
|
2040
|
-
|
|
2345
|
+
T.getFilteredRowModel().rows.length,
|
|
2041
2346
|
" row(s) selected"
|
|
2042
2347
|
]
|
|
2043
|
-
}), /* @__PURE__ */
|
|
2044
|
-
className:
|
|
2045
|
-
children: /* @__PURE__ */
|
|
2046
|
-
page:
|
|
2047
|
-
pageCount:
|
|
2048
|
-
onPageChange: (e) =>
|
|
2049
|
-
totalItems:
|
|
2050
|
-
rowsPerPage:
|
|
2051
|
-
onRowsPerPageChange: (e) =>
|
|
2348
|
+
}), /* @__PURE__ */ j("div", {
|
|
2349
|
+
className: G(!o && "ml-auto"),
|
|
2350
|
+
children: /* @__PURE__ */ j(Ln, {
|
|
2351
|
+
page: D,
|
|
2352
|
+
pageCount: E,
|
|
2353
|
+
onPageChange: (e) => T.setPageIndex(e - 1),
|
|
2354
|
+
totalItems: T.getFilteredRowModel().rows.length,
|
|
2355
|
+
rowsPerPage: O,
|
|
2356
|
+
onRowsPerPageChange: (e) => T.setPageSize(e),
|
|
2052
2357
|
rowOptions: a
|
|
2053
2358
|
})
|
|
2054
2359
|
})]
|
|
@@ -2057,181 +2362,181 @@ function bn({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
|
|
|
2057
2362
|
}
|
|
2058
2363
|
//#endregion
|
|
2059
2364
|
//#region src/components/data-table/data-table-toolbar.tsx
|
|
2060
|
-
var
|
|
2061
|
-
return /* @__PURE__ */
|
|
2365
|
+
var Bn = C(function({ children: e, className: t }, n) {
|
|
2366
|
+
return /* @__PURE__ */ j("div", {
|
|
2062
2367
|
ref: n,
|
|
2063
|
-
className:
|
|
2368
|
+
className: G("flex flex-wrap items-center gap-2", t),
|
|
2064
2369
|
children: e
|
|
2065
2370
|
});
|
|
2066
|
-
}),
|
|
2067
|
-
let
|
|
2068
|
-
t(""),
|
|
2371
|
+
}), Vn = C(function({ value: e, onChange: t, placeholder: n = "Search...", className: r }, i) {
|
|
2372
|
+
let a = O(null), o = w(() => {
|
|
2373
|
+
t(""), a.current?.focus();
|
|
2069
2374
|
}, [t]);
|
|
2070
|
-
return /* @__PURE__ */
|
|
2375
|
+
return /* @__PURE__ */ M("div", {
|
|
2071
2376
|
ref: i,
|
|
2072
|
-
className:
|
|
2377
|
+
className: G("border-cui-neutral bg-cui-base-2 flex h-8 max-w-sm items-center gap-2 rounded-md border px-2.5", "ring-cui-neutral ring-0 transition-[box-shadow,border-color] duration-150 ease-out", "has-[:focus]:ring-2 has-[:focus]:border-cui-neutral-strong", "motion-reduce:transition-none", r),
|
|
2073
2378
|
children: [
|
|
2074
|
-
/* @__PURE__ */
|
|
2075
|
-
/* @__PURE__ */
|
|
2076
|
-
ref:
|
|
2379
|
+
/* @__PURE__ */ j(h, { className: "text-cui-tertiary size-4 shrink-0" }),
|
|
2380
|
+
/* @__PURE__ */ j("input", {
|
|
2381
|
+
ref: a,
|
|
2077
2382
|
type: "text",
|
|
2078
2383
|
value: e,
|
|
2079
2384
|
onChange: (e) => t(e.target.value),
|
|
2080
2385
|
placeholder: n,
|
|
2081
2386
|
className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base min-w-0 flex-1 bg-transparent outline-none"
|
|
2082
2387
|
}),
|
|
2083
|
-
e && /* @__PURE__ */
|
|
2388
|
+
e && /* @__PURE__ */ j("button", {
|
|
2084
2389
|
type: "button",
|
|
2085
|
-
onClick:
|
|
2390
|
+
onClick: o,
|
|
2086
2391
|
className: "text-cui-tertiary hover:text-cui-secondary shrink-0 rounded-sm p-0.5 transition-colors",
|
|
2087
|
-
children: /* @__PURE__ */
|
|
2392
|
+
children: /* @__PURE__ */ j(x, { className: "size-3.5" })
|
|
2088
2393
|
})
|
|
2089
2394
|
]
|
|
2090
2395
|
});
|
|
2091
2396
|
});
|
|
2092
2397
|
//#endregion
|
|
2093
2398
|
//#region src/components/popover/popover.tsx
|
|
2094
|
-
function
|
|
2095
|
-
return /* @__PURE__ */
|
|
2399
|
+
function Hn(e) {
|
|
2400
|
+
return /* @__PURE__ */ j(V.Root, { ...e });
|
|
2096
2401
|
}
|
|
2097
|
-
var
|
|
2098
|
-
return /* @__PURE__ */
|
|
2402
|
+
var Un = C(function({ className: e, ...t }, n) {
|
|
2403
|
+
return /* @__PURE__ */ j(V.Trigger, {
|
|
2099
2404
|
ref: n,
|
|
2100
|
-
className:
|
|
2405
|
+
className: G("cursor-pointer outline-none", e),
|
|
2101
2406
|
...t
|
|
2102
2407
|
});
|
|
2103
2408
|
});
|
|
2104
|
-
function
|
|
2105
|
-
return /* @__PURE__ */
|
|
2409
|
+
function Wn({ side: e = "bottom", align: t = "center", sideOffset: n = 4, className: r, children: i, ...a }) {
|
|
2410
|
+
return /* @__PURE__ */ j(V.Portal, { children: /* @__PURE__ */ j(V.Positioner, {
|
|
2106
2411
|
side: e,
|
|
2107
2412
|
align: t,
|
|
2108
2413
|
sideOffset: n,
|
|
2109
2414
|
className: "z-50 outline-none",
|
|
2110
|
-
children: /* @__PURE__ */
|
|
2111
|
-
className:
|
|
2415
|
+
children: /* @__PURE__ */ j(V.Popup, {
|
|
2416
|
+
className: G("bg-cui-base-2 border border-cui-neutral rounded-md shadow-md p-3", "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", "focus:outline-none", r),
|
|
2112
2417
|
...a,
|
|
2113
2418
|
children: i
|
|
2114
2419
|
})
|
|
2115
2420
|
}) });
|
|
2116
2421
|
}
|
|
2117
|
-
var
|
|
2118
|
-
Root:
|
|
2119
|
-
Trigger:
|
|
2120
|
-
Content:
|
|
2121
|
-
Arrow:
|
|
2122
|
-
return /* @__PURE__ */
|
|
2422
|
+
var Gn = {
|
|
2423
|
+
Root: Hn,
|
|
2424
|
+
Trigger: Un,
|
|
2425
|
+
Content: Wn,
|
|
2426
|
+
Arrow: C(function({ className: e, ...t }, n) {
|
|
2427
|
+
return /* @__PURE__ */ j(V.Arrow, {
|
|
2123
2428
|
ref: n,
|
|
2124
|
-
className:
|
|
2429
|
+
className: G("fill-cui-base-2 stroke-cui-neutral [stroke-width:1px]", "data-[side=top]:bottom-[-5px]", "data-[side=bottom]:top-[-5px]", "data-[side=left]:right-[-5px]", "data-[side=right]:left-[-5px]", e),
|
|
2125
2430
|
...t
|
|
2126
2431
|
});
|
|
2127
2432
|
}),
|
|
2128
|
-
Close:
|
|
2129
|
-
return /* @__PURE__ */
|
|
2433
|
+
Close: C(function({ className: e, ...t }, n) {
|
|
2434
|
+
return /* @__PURE__ */ j(V.Close, {
|
|
2130
2435
|
ref: n,
|
|
2131
|
-
className:
|
|
2436
|
+
className: G(e),
|
|
2132
2437
|
...t
|
|
2133
2438
|
});
|
|
2134
2439
|
}),
|
|
2135
|
-
Title:
|
|
2136
|
-
return /* @__PURE__ */
|
|
2440
|
+
Title: C(function({ className: e, children: t }, n) {
|
|
2441
|
+
return /* @__PURE__ */ j("p", {
|
|
2137
2442
|
ref: n,
|
|
2138
|
-
className:
|
|
2443
|
+
className: G("text-cui-primary text-cui-base font-medium", e),
|
|
2139
2444
|
children: t
|
|
2140
2445
|
});
|
|
2141
2446
|
}),
|
|
2142
|
-
Description:
|
|
2143
|
-
return /* @__PURE__ */
|
|
2447
|
+
Description: C(function({ className: e, ...t }, n) {
|
|
2448
|
+
return /* @__PURE__ */ j(V.Description, {
|
|
2144
2449
|
ref: n,
|
|
2145
|
-
className:
|
|
2450
|
+
className: G("text-cui-secondary mt-1 text-cui-base", e),
|
|
2146
2451
|
...t
|
|
2147
2452
|
});
|
|
2148
2453
|
})
|
|
2149
2454
|
};
|
|
2150
2455
|
//#endregion
|
|
2151
2456
|
//#region src/components/data-table/data-table-faceted-filter.tsx
|
|
2152
|
-
function
|
|
2153
|
-
let [a,
|
|
2154
|
-
function
|
|
2457
|
+
function Kn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
|
|
2458
|
+
let [a, s] = k(""), c = O(null), l = e?.getFacetedUniqueValues(), u = r ?? e?.getFilterValue() ?? [], d = new Set(u), f = d.size > 0, p = a ? n.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())) : n;
|
|
2459
|
+
function m(t) {
|
|
2155
2460
|
i ? i(t) : e?.setFilterValue(t.length ? t : void 0);
|
|
2156
2461
|
}
|
|
2157
|
-
function
|
|
2158
|
-
let t = new Set(
|
|
2159
|
-
t.has(e) ? t.delete(e) : t.add(e),
|
|
2462
|
+
function h(e) {
|
|
2463
|
+
let t = new Set(d);
|
|
2464
|
+
t.has(e) ? t.delete(e) : t.add(e), m(Array.from(t));
|
|
2160
2465
|
}
|
|
2161
|
-
return /* @__PURE__ */
|
|
2466
|
+
return /* @__PURE__ */ M(Gn.Root, {
|
|
2162
2467
|
onOpenChange: (e) => {
|
|
2163
2468
|
e ? requestAnimationFrame(() => {
|
|
2164
|
-
|
|
2165
|
-
}) :
|
|
2469
|
+
c.current?.focus({ preventScroll: !0 });
|
|
2470
|
+
}) : s("");
|
|
2166
2471
|
},
|
|
2167
|
-
children: [/* @__PURE__ */
|
|
2168
|
-
render: /* @__PURE__ */
|
|
2169
|
-
className:
|
|
2472
|
+
children: [/* @__PURE__ */ M(Gn.Trigger, {
|
|
2473
|
+
render: /* @__PURE__ */ j("button", { type: "button" }),
|
|
2474
|
+
className: G("border-cui-neutral inline-flex h-8 items-center rounded-md border text-cui-base", f ? "gap-1 border-solid py-1 pl-2.5 pr-2.5" : "gap-1.5 border-dashed px-3", "hover:bg-cui-subtle cursor-pointer transition-colors", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2"),
|
|
2170
2475
|
children: [
|
|
2171
|
-
/* @__PURE__ */
|
|
2172
|
-
/* @__PURE__ */
|
|
2476
|
+
/* @__PURE__ */ j(v, { className: "text-cui-tertiary size-4 shrink-0" }),
|
|
2477
|
+
/* @__PURE__ */ j("span", {
|
|
2173
2478
|
className: "text-cui-primary",
|
|
2174
2479
|
children: t
|
|
2175
2480
|
}),
|
|
2176
|
-
|
|
2177
|
-
/* @__PURE__ */
|
|
2178
|
-
/* @__PURE__ */
|
|
2179
|
-
className: "rounded-sm px-1 font-
|
|
2180
|
-
children:
|
|
2481
|
+
f && /* @__PURE__ */ M(A, { children: [
|
|
2482
|
+
/* @__PURE__ */ j("div", { className: "border-cui-neutral mx-0.5 h-4 w-px border-l" }),
|
|
2483
|
+
/* @__PURE__ */ j(nn, {
|
|
2484
|
+
className: "rounded-sm px-1 font-medium lg:hidden",
|
|
2485
|
+
children: d.size
|
|
2181
2486
|
}),
|
|
2182
|
-
/* @__PURE__ */
|
|
2487
|
+
/* @__PURE__ */ j("span", {
|
|
2183
2488
|
className: "hidden items-center gap-1 lg:flex",
|
|
2184
|
-
children:
|
|
2185
|
-
className: "rounded-sm px-1 font-
|
|
2186
|
-
children: [
|
|
2187
|
-
}) : n.filter((e) =>
|
|
2188
|
-
className: "rounded-sm px-1 font-
|
|
2489
|
+
children: d.size > 2 ? /* @__PURE__ */ M(nn, {
|
|
2490
|
+
className: "rounded-sm px-1 font-medium",
|
|
2491
|
+
children: [d.size, " selected"]
|
|
2492
|
+
}) : n.filter((e) => d.has(e.value)).map((e) => /* @__PURE__ */ j(nn, {
|
|
2493
|
+
className: "rounded-sm px-1 font-medium",
|
|
2189
2494
|
children: e.label
|
|
2190
2495
|
}, e.value))
|
|
2191
2496
|
})
|
|
2192
2497
|
] })
|
|
2193
2498
|
]
|
|
2194
|
-
}), /* @__PURE__ */
|
|
2499
|
+
}), /* @__PURE__ */ M(Gn.Content, {
|
|
2195
2500
|
side: "bottom",
|
|
2196
2501
|
align: "start",
|
|
2197
2502
|
sideOffset: 4,
|
|
2198
2503
|
className: "w-[220px] p-1",
|
|
2199
2504
|
children: [
|
|
2200
|
-
/* @__PURE__ */
|
|
2505
|
+
/* @__PURE__ */ j(J.SearchInput, {
|
|
2201
2506
|
className: "mx-0 mt-0",
|
|
2202
|
-
children: /* @__PURE__ */
|
|
2203
|
-
ref:
|
|
2507
|
+
children: /* @__PURE__ */ j("input", {
|
|
2508
|
+
ref: c,
|
|
2204
2509
|
value: a,
|
|
2205
|
-
onChange: (e) =>
|
|
2510
|
+
onChange: (e) => s(e.target.value),
|
|
2206
2511
|
placeholder: t,
|
|
2207
2512
|
className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
|
|
2208
2513
|
})
|
|
2209
2514
|
}),
|
|
2210
|
-
/* @__PURE__ */
|
|
2211
|
-
let t =
|
|
2212
|
-
return /* @__PURE__ */
|
|
2213
|
-
onClick: () =>
|
|
2214
|
-
icon: /* @__PURE__ */
|
|
2215
|
-
className:
|
|
2216
|
-
children: /* @__PURE__ */
|
|
2515
|
+
/* @__PURE__ */ M(J.List, { children: [p.length === 0 && /* @__PURE__ */ j(J.Empty, { children: "No results found." }), p.map((e) => {
|
|
2516
|
+
let t = d.has(e.value);
|
|
2517
|
+
return /* @__PURE__ */ M(J.Item, {
|
|
2518
|
+
onClick: () => h(e.value),
|
|
2519
|
+
icon: /* @__PURE__ */ j("div", {
|
|
2520
|
+
className: G("flex size-4 items-center justify-center rounded border", t ? "border-cui-accent bg-cui-accent text-cui-inverse" : "border-cui-neutral [&_svg]:invisible"),
|
|
2521
|
+
children: /* @__PURE__ */ j(o, { className: "size-3" })
|
|
2217
2522
|
}),
|
|
2218
|
-
indicator:
|
|
2523
|
+
indicator: l?.get(e.value) == null ? void 0 : /* @__PURE__ */ j("span", {
|
|
2219
2524
|
className: "text-cui-tertiary font-cui-mono text-cui-sm",
|
|
2220
|
-
children:
|
|
2525
|
+
children: l.get(e.value)
|
|
2221
2526
|
}),
|
|
2222
|
-
children: [e.icon && /* @__PURE__ */
|
|
2527
|
+
children: [e.icon && /* @__PURE__ */ j("span", {
|
|
2223
2528
|
className: "text-cui-secondary flex size-4 shrink-0 items-center justify-center [&>svg]:size-3.5",
|
|
2224
2529
|
children: e.icon
|
|
2225
|
-
}), /* @__PURE__ */
|
|
2530
|
+
}), /* @__PURE__ */ j("span", {
|
|
2226
2531
|
className: "relative z-[1]",
|
|
2227
2532
|
children: e.label
|
|
2228
2533
|
})]
|
|
2229
2534
|
}, e.value);
|
|
2230
2535
|
})] }),
|
|
2231
|
-
|
|
2232
|
-
onClick: () =>
|
|
2536
|
+
f && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(J.Separator, {}), /* @__PURE__ */ j(J.Item, {
|
|
2537
|
+
onClick: () => m([]),
|
|
2233
2538
|
className: "justify-center",
|
|
2234
|
-
children: /* @__PURE__ */
|
|
2539
|
+
children: /* @__PURE__ */ j("span", {
|
|
2235
2540
|
className: "relative z-[1]",
|
|
2236
2541
|
children: "Clear filters"
|
|
2237
2542
|
})
|
|
@@ -2242,315 +2547,267 @@ function Dn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
|
|
|
2242
2547
|
}
|
|
2243
2548
|
//#endregion
|
|
2244
2549
|
//#region src/components/segmented-group/segmented-group.tsx
|
|
2245
|
-
var
|
|
2246
|
-
let
|
|
2550
|
+
var qn = C(function({ activeIndex: e, itemCount: t, layout: n = "fill", className: r, children: i }, a) {
|
|
2551
|
+
let o = n === "fill", s = O(null), [c, l] = k(null), u = O(!1), d = w(() => {
|
|
2247
2552
|
if (n !== "fit") return;
|
|
2248
|
-
let t =
|
|
2553
|
+
let t = s.current;
|
|
2249
2554
|
if (!t) return;
|
|
2250
2555
|
let r = t.querySelectorAll("[data-segmented-item]")[e];
|
|
2251
2556
|
if (!r) return;
|
|
2252
|
-
let i = !
|
|
2253
|
-
|
|
2557
|
+
let i = !u.current;
|
|
2558
|
+
u.current = !0, l({
|
|
2254
2559
|
left: r.offsetLeft,
|
|
2255
2560
|
width: r.offsetWidth
|
|
2256
2561
|
}), i && r.offsetHeight;
|
|
2257
2562
|
}, [e, n]);
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
let e =
|
|
2563
|
+
E(() => {
|
|
2564
|
+
d();
|
|
2565
|
+
let e = s.current;
|
|
2261
2566
|
if (!e || n !== "fit") return;
|
|
2262
|
-
let t = new ResizeObserver(
|
|
2567
|
+
let t = new ResizeObserver(d);
|
|
2263
2568
|
return t.observe(e), () => t.disconnect();
|
|
2264
|
-
}, [
|
|
2265
|
-
let
|
|
2569
|
+
}, [d, n]);
|
|
2570
|
+
let f = o ? {
|
|
2266
2571
|
width: `calc(100% / ${t})`,
|
|
2267
2572
|
transform: `translateX(${e * 100}%)`
|
|
2268
|
-
} :
|
|
2269
|
-
left:
|
|
2270
|
-
width:
|
|
2271
|
-
transition:
|
|
2573
|
+
} : c ? {
|
|
2574
|
+
left: c.left,
|
|
2575
|
+
width: c.width,
|
|
2576
|
+
transition: u.current ? void 0 : "none"
|
|
2272
2577
|
} : { opacity: 0 };
|
|
2273
|
-
return /* @__PURE__ */
|
|
2578
|
+
return /* @__PURE__ */ M("div", {
|
|
2274
2579
|
ref: (e) => {
|
|
2275
|
-
|
|
2580
|
+
s.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
|
|
2276
2581
|
},
|
|
2277
|
-
className:
|
|
2278
|
-
style:
|
|
2279
|
-
children: [/* @__PURE__ */
|
|
2582
|
+
className: G("relative bg-cui-base-0 rounded-md ring-1 ring-cui-neutral", o ? "grid" : "inline-flex", r),
|
|
2583
|
+
style: o ? { gridTemplateColumns: `repeat(${t}, 1fr)` } : void 0,
|
|
2584
|
+
children: [/* @__PURE__ */ j("div", {
|
|
2280
2585
|
"aria-hidden": !0,
|
|
2281
|
-
className:
|
|
2282
|
-
style:
|
|
2283
|
-
children: /* @__PURE__ */
|
|
2586
|
+
className: G("absolute inset-y-0 p-0.5", "transition-all duration-200 ease-cui-out-expo", "motion-reduce:transition-none", !o && !u.current && "transition-none"),
|
|
2587
|
+
style: f,
|
|
2588
|
+
children: /* @__PURE__ */ j("div", { className: "bg-cui-base-2 h-full rounded-sm shadow-sm" })
|
|
2284
2589
|
}), i]
|
|
2285
2590
|
});
|
|
2286
|
-
}),
|
|
2287
|
-
return /* @__PURE__ */
|
|
2591
|
+
}), Jn = C(function({ active: e = !1, className: t, children: n, ...r }, i) {
|
|
2592
|
+
return /* @__PURE__ */ j("button", {
|
|
2288
2593
|
ref: i,
|
|
2289
2594
|
type: "button",
|
|
2290
2595
|
"data-segmented-item": "",
|
|
2291
|
-
className:
|
|
2596
|
+
className: G("relative z-10 flex items-center justify-center gap-1.5 px-2.5 h-7 rounded-sm", "text-cui-base font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", e ? "text-cui-primary" : "text-cui-tertiary hover:text-cui-secondary", t),
|
|
2292
2597
|
...r,
|
|
2293
2598
|
children: n
|
|
2294
2599
|
});
|
|
2295
|
-
}),
|
|
2600
|
+
}), Yn = {
|
|
2296
2601
|
sm: "h-7 px-2.5",
|
|
2297
2602
|
md: "h-8 px-3"
|
|
2298
|
-
},
|
|
2299
|
-
let [c, l] =
|
|
2300
|
-
function
|
|
2603
|
+
}, Xn = C(function({ options: e, value: t, defaultValue: n, onValueChange: r, layout: i = "fill", size: a = "sm", className: o }, s) {
|
|
2604
|
+
let [c, l] = k(() => n ?? e[0]?.value ?? ""), u = t !== void 0, d = u ? t : c, f = e.findIndex((e) => e.value === d);
|
|
2605
|
+
function p(e) {
|
|
2301
2606
|
u || l(e), r?.(e);
|
|
2302
2607
|
}
|
|
2303
|
-
return /* @__PURE__ */
|
|
2608
|
+
return /* @__PURE__ */ j(qn, {
|
|
2304
2609
|
ref: s,
|
|
2305
|
-
activeIndex:
|
|
2610
|
+
activeIndex: f,
|
|
2306
2611
|
itemCount: e.length,
|
|
2307
2612
|
layout: i,
|
|
2308
2613
|
className: o,
|
|
2309
|
-
children: e.map((e) => /* @__PURE__ */
|
|
2310
|
-
active: e.value ===
|
|
2311
|
-
"aria-pressed": e.value ===
|
|
2312
|
-
onClick: () =>
|
|
2313
|
-
className:
|
|
2314
|
-
children: [e.icon && /* @__PURE__ */
|
|
2614
|
+
children: e.map((e) => /* @__PURE__ */ M(Jn, {
|
|
2615
|
+
active: e.value === d,
|
|
2616
|
+
"aria-pressed": e.value === d,
|
|
2617
|
+
onClick: () => p(e.value),
|
|
2618
|
+
className: Yn[a],
|
|
2619
|
+
children: [e.icon && /* @__PURE__ */ j("span", {
|
|
2315
2620
|
className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
2316
2621
|
children: e.icon
|
|
2317
|
-
}), e.label && /* @__PURE__ */
|
|
2622
|
+
}), e.label && /* @__PURE__ */ j("span", { children: e.label })]
|
|
2318
2623
|
}, e.value))
|
|
2319
2624
|
});
|
|
2320
|
-
}),
|
|
2625
|
+
}), Zn = [
|
|
2321
2626
|
{
|
|
2322
2627
|
value: "light",
|
|
2323
|
-
icon: /* @__PURE__ */
|
|
2628
|
+
icon: /* @__PURE__ */ j(y, {})
|
|
2324
2629
|
},
|
|
2325
2630
|
{
|
|
2326
2631
|
value: "dark",
|
|
2327
|
-
icon: /* @__PURE__ */
|
|
2632
|
+
icon: /* @__PURE__ */ j(_, {})
|
|
2328
2633
|
},
|
|
2329
2634
|
{
|
|
2330
2635
|
value: "system",
|
|
2331
|
-
icon: /* @__PURE__ */
|
|
2636
|
+
icon: /* @__PURE__ */ j(f, {})
|
|
2332
2637
|
}
|
|
2333
2638
|
];
|
|
2334
|
-
function
|
|
2335
|
-
return /* @__PURE__ */
|
|
2336
|
-
className:
|
|
2337
|
-
children:
|
|
2639
|
+
function Qn({ user: e, theme: t = "system", onThemeChange: n, items: i, onLogout: a, children: o, side: s = "bottom", align: c = "end", className: l }) {
|
|
2640
|
+
return /* @__PURE__ */ M(Q.Root, { children: [/* @__PURE__ */ j(Q.Trigger, {
|
|
2641
|
+
className: l,
|
|
2642
|
+
children: o ?? /* @__PURE__ */ j(gt, {
|
|
2338
2643
|
initials: e.initials,
|
|
2339
2644
|
src: e.avatarUrl,
|
|
2340
2645
|
size: "sm",
|
|
2341
2646
|
className: "cursor-pointer"
|
|
2342
2647
|
})
|
|
2343
|
-
}), /* @__PURE__ */
|
|
2344
|
-
side:
|
|
2345
|
-
align:
|
|
2648
|
+
}), /* @__PURE__ */ M(Q.Content, {
|
|
2649
|
+
side: s,
|
|
2650
|
+
align: c,
|
|
2346
2651
|
sideOffset: 8,
|
|
2347
2652
|
minWidth: "min-w-[260px]",
|
|
2348
|
-
children: [
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
|
|
2653
|
+
children: [
|
|
2654
|
+
/* @__PURE__ */ M("div", {
|
|
2655
|
+
className: "flex items-center gap-2 px-2 py-1.5",
|
|
2656
|
+
children: [/* @__PURE__ */ j(gt, {
|
|
2657
|
+
initials: e.initials,
|
|
2658
|
+
src: e.avatarUrl,
|
|
2659
|
+
size: "md"
|
|
2660
|
+
}), /* @__PURE__ */ M("div", {
|
|
2661
|
+
className: "flex flex-col gap-0.5",
|
|
2662
|
+
children: [/* @__PURE__ */ j("span", {
|
|
2663
|
+
className: "text-cui-primary text-cui-base font-semibold",
|
|
2664
|
+
children: e.name
|
|
2665
|
+
}), e.org && /* @__PURE__ */ j("span", {
|
|
2666
|
+
className: "text-cui-tertiary text-cui-sm",
|
|
2667
|
+
children: e.org
|
|
2668
|
+
})]
|
|
2362
2669
|
})]
|
|
2363
|
-
})
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
/* @__PURE__ */
|
|
2368
|
-
className: "
|
|
2369
|
-
children:
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
onClick: e.onClick,
|
|
2388
|
-
children: e.label
|
|
2389
|
-
}, e.label)),
|
|
2390
|
-
i && /* @__PURE__ */ p(Q.Item, {
|
|
2391
|
-
className: "border-cui-neutral border-t",
|
|
2392
|
-
icon: /* @__PURE__ */ p(v, {}),
|
|
2393
|
-
onClick: i,
|
|
2394
|
-
children: "Log out"
|
|
2395
|
-
})
|
|
2396
|
-
]
|
|
2397
|
-
})]
|
|
2670
|
+
}),
|
|
2671
|
+
/* @__PURE__ */ j(Q.Separator, {}),
|
|
2672
|
+
/* @__PURE__ */ M("div", {
|
|
2673
|
+
className: "flex items-center justify-between px-2 py-1.5",
|
|
2674
|
+
children: [/* @__PURE__ */ j("span", {
|
|
2675
|
+
className: "text-cui-primary text-cui-base",
|
|
2676
|
+
children: "Theme"
|
|
2677
|
+
}), /* @__PURE__ */ j(Xn, {
|
|
2678
|
+
options: Zn,
|
|
2679
|
+
value: t,
|
|
2680
|
+
onValueChange: n
|
|
2681
|
+
})]
|
|
2682
|
+
}),
|
|
2683
|
+
i && i.length > 0 && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Q.Separator, {}), i.map((e) => /* @__PURE__ */ j(Q.Item, {
|
|
2684
|
+
icon: e.icon,
|
|
2685
|
+
onClick: e.onClick,
|
|
2686
|
+
children: e.label
|
|
2687
|
+
}, e.label))] }),
|
|
2688
|
+
a && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Q.Separator, {}), /* @__PURE__ */ j(Q.Item, {
|
|
2689
|
+
icon: /* @__PURE__ */ j(r, {}),
|
|
2690
|
+
onClick: a,
|
|
2691
|
+
children: "Log out"
|
|
2692
|
+
})] })
|
|
2693
|
+
]
|
|
2398
2694
|
})] });
|
|
2399
2695
|
}
|
|
2400
2696
|
//#endregion
|
|
2401
|
-
//#region src/components/
|
|
2402
|
-
|
|
2403
|
-
return /* @__PURE__ */ p(R.Provider, { ...e });
|
|
2404
|
-
}
|
|
2405
|
-
function Fn(e) {
|
|
2406
|
-
return /* @__PURE__ */ p(R.Root, { ...e });
|
|
2407
|
-
}
|
|
2408
|
-
var In = i(function({ className: e, ...t }, n) {
|
|
2409
|
-
return /* @__PURE__ */ p(R.Trigger, {
|
|
2410
|
-
ref: n,
|
|
2411
|
-
className: W("outline-none", e),
|
|
2412
|
-
...t
|
|
2413
|
-
});
|
|
2414
|
-
});
|
|
2415
|
-
function Ln({ side: e = "top", align: t = "center", sideOffset: n = 6, className: r, children: i, ...a }) {
|
|
2416
|
-
return /* @__PURE__ */ p(R.Portal, { children: /* @__PURE__ */ p(R.Positioner, {
|
|
2417
|
-
side: e,
|
|
2418
|
-
align: t,
|
|
2419
|
-
sideOffset: n,
|
|
2420
|
-
className: W("z-50 outline-none", "h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", "transition-[top,left,right,bottom,transform] duration-350 ease-cui-out-expo", "data-[instant]:transition-none"),
|
|
2421
|
-
children: /* @__PURE__ */ p(R.Popup, {
|
|
2422
|
-
className: W("bg-cui-inverse text-cui-inverse rounded px-2 py-1 text-cui-sm font-medium", "max-w-[280px]", "origin-[var(--transform-origin)]", "transition-[transform,scale,opacity] duration-150 ease-cui-out-expo", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", "data-[instant]:transition-none", "motion-reduce:transition-none", r),
|
|
2423
|
-
...a,
|
|
2424
|
-
children: i
|
|
2425
|
-
})
|
|
2426
|
-
}) });
|
|
2427
|
-
}
|
|
2428
|
-
var Rn = i(function({ className: e, ...t }, n) {
|
|
2429
|
-
return /* @__PURE__ */ p(R.Viewport, {
|
|
2430
|
-
ref: n,
|
|
2431
|
-
className: W("relative h-full w-full overflow-clip", "[&_[data-previous]]:transition-[translate,opacity] [&_[data-previous]]:duration-350 [&_[data-previous]]:ease-cui-out-expo", "[&_[data-current]]:transition-[translate,opacity] [&_[data-current]]:duration-350 [&_[data-current]]:ease-cui-out-expo", "[&_[data-instant]_[data-current]]:transition-none [&_[data-instant]_[data-previous]]:transition-none", "[&[data-activation-direction*=left]_[data-current][data-starting-style]]:-translate-x-1/2 [&[data-activation-direction*=left]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-current][data-starting-style]]:translate-x-1/2 [&[data-activation-direction*=right]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-current][data-starting-style]]:-translate-y-1/2 [&[data-activation-direction*=up]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-current][data-starting-style]]:translate-y-1/2 [&[data-activation-direction*=down]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=left]_[data-previous][data-ending-style]]:translate-x-1/2 [&[data-activation-direction*=left]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-previous][data-ending-style]]:-translate-x-1/2 [&[data-activation-direction*=right]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-previous][data-ending-style]]:translate-y-1/2 [&[data-activation-direction*=up]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-previous][data-ending-style]]:-translate-y-1/2 [&[data-activation-direction*=down]_[data-previous][data-ending-style]]:opacity-0", "motion-reduce:[&_[data-current]]:!transition-none motion-reduce:[&_[data-previous]]:!transition-none", e),
|
|
2432
|
-
...t
|
|
2433
|
-
});
|
|
2434
|
-
}), zn = R.createHandle, Bn = {
|
|
2435
|
-
Provider: Pn,
|
|
2436
|
-
Root: Fn,
|
|
2437
|
-
Trigger: In,
|
|
2438
|
-
Content: Ln,
|
|
2439
|
-
Viewport: Rn,
|
|
2440
|
-
createHandle: R.createHandle
|
|
2441
|
-
}, Vn = {
|
|
2697
|
+
//#region src/components/alert/alert.tsx
|
|
2698
|
+
var $n = {
|
|
2442
2699
|
accent: {
|
|
2443
2700
|
container: "bg-cui-accent-subtle",
|
|
2444
2701
|
icon: "text-cui-accent",
|
|
2445
2702
|
text: "text-cui-accent [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
|
|
2446
2703
|
pattern: "text-cui-accent",
|
|
2447
|
-
defaultIcon:
|
|
2704
|
+
defaultIcon: m
|
|
2448
2705
|
},
|
|
2449
2706
|
success: {
|
|
2450
2707
|
container: "bg-cui-success-subtle",
|
|
2451
2708
|
icon: "text-cui-success",
|
|
2452
2709
|
text: "text-cui-success [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
|
|
2453
2710
|
pattern: "text-cui-success",
|
|
2454
|
-
defaultIcon:
|
|
2711
|
+
defaultIcon: a
|
|
2455
2712
|
},
|
|
2456
2713
|
warn: {
|
|
2457
2714
|
container: "bg-cui-warn-subtle",
|
|
2458
2715
|
icon: "text-cui-warn",
|
|
2459
2716
|
text: "text-cui-warn [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
|
|
2460
2717
|
pattern: "text-cui-warn",
|
|
2461
|
-
defaultIcon:
|
|
2718
|
+
defaultIcon: p
|
|
2462
2719
|
},
|
|
2463
2720
|
danger: {
|
|
2464
2721
|
container: "bg-cui-danger-subtle",
|
|
2465
2722
|
icon: "text-cui-danger",
|
|
2466
2723
|
text: "text-cui-danger [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
|
|
2467
2724
|
pattern: "text-cui-danger",
|
|
2468
|
-
defaultIcon:
|
|
2725
|
+
defaultIcon: b
|
|
2469
2726
|
}
|
|
2470
|
-
},
|
|
2727
|
+
}, er = {
|
|
2471
2728
|
maskImage: "linear-gradient(to left, black, transparent)",
|
|
2472
2729
|
WebkitMaskImage: "linear-gradient(to left, black, transparent)"
|
|
2473
|
-
},
|
|
2474
|
-
let c =
|
|
2475
|
-
return t === "banner" ? /* @__PURE__ */
|
|
2730
|
+
}, tr = C(function({ variant: e = "accent", layout: t = "inline", icon: n, action: r, onDismiss: i, className: a, children: o }, s) {
|
|
2731
|
+
let c = $n[e], l = c.defaultIcon;
|
|
2732
|
+
return t === "banner" ? /* @__PURE__ */ M("div", {
|
|
2476
2733
|
ref: s,
|
|
2477
2734
|
role: "alert",
|
|
2478
|
-
className:
|
|
2735
|
+
className: G("relative flex w-full items-center justify-center overflow-hidden px-4 py-3", c.container, a),
|
|
2479
2736
|
children: [
|
|
2480
|
-
/* @__PURE__ */
|
|
2481
|
-
className:
|
|
2737
|
+
/* @__PURE__ */ j("div", {
|
|
2738
|
+
className: G("pointer-events-none absolute inset-0", c.pattern),
|
|
2482
2739
|
style: {
|
|
2483
2740
|
maskImage: "linear-gradient(to right, transparent, black 30%, black 70%, transparent)",
|
|
2484
2741
|
WebkitMaskImage: "linear-gradient(to right, transparent, black 30%, black 70%, transparent)"
|
|
2485
2742
|
},
|
|
2486
|
-
children: /* @__PURE__ */
|
|
2743
|
+
children: /* @__PURE__ */ j(un, {
|
|
2487
2744
|
squareSize: 4,
|
|
2488
2745
|
gridGap: 2,
|
|
2489
2746
|
flickerChance: .4,
|
|
2490
2747
|
maxOpacity: .15
|
|
2491
2748
|
})
|
|
2492
2749
|
}),
|
|
2493
|
-
/* @__PURE__ */
|
|
2750
|
+
/* @__PURE__ */ M("div", {
|
|
2494
2751
|
className: "relative flex items-center gap-3",
|
|
2495
2752
|
children: [
|
|
2496
|
-
/* @__PURE__ */
|
|
2497
|
-
className:
|
|
2498
|
-
children: n ?? /* @__PURE__ */
|
|
2753
|
+
/* @__PURE__ */ j("span", {
|
|
2754
|
+
className: G("flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", c.icon),
|
|
2755
|
+
children: n ?? /* @__PURE__ */ j(l, {})
|
|
2499
2756
|
}),
|
|
2500
|
-
/* @__PURE__ */
|
|
2501
|
-
className:
|
|
2757
|
+
/* @__PURE__ */ j("span", {
|
|
2758
|
+
className: G("text-cui-base font-medium", c.text),
|
|
2502
2759
|
children: o
|
|
2503
2760
|
}),
|
|
2504
|
-
r && /* @__PURE__ */
|
|
2761
|
+
r && /* @__PURE__ */ j("div", {
|
|
2505
2762
|
className: "shrink-0",
|
|
2506
2763
|
children: r
|
|
2507
2764
|
})
|
|
2508
2765
|
]
|
|
2509
2766
|
}),
|
|
2510
|
-
i && /* @__PURE__ */
|
|
2767
|
+
i && /* @__PURE__ */ j("div", {
|
|
2511
2768
|
className: "absolute right-2",
|
|
2512
|
-
children: /* @__PURE__ */
|
|
2769
|
+
children: /* @__PURE__ */ j(q, {
|
|
2513
2770
|
variant: "transparent",
|
|
2514
2771
|
size: "xs",
|
|
2515
|
-
iconLeft: /* @__PURE__ */
|
|
2772
|
+
iconLeft: /* @__PURE__ */ j(x, {}),
|
|
2516
2773
|
onClick: i,
|
|
2517
2774
|
"aria-label": "Dismiss"
|
|
2518
2775
|
})
|
|
2519
2776
|
})
|
|
2520
2777
|
]
|
|
2521
|
-
}) : /* @__PURE__ */
|
|
2778
|
+
}) : /* @__PURE__ */ M("div", {
|
|
2522
2779
|
ref: s,
|
|
2523
2780
|
role: "alert",
|
|
2524
|
-
className:
|
|
2781
|
+
className: G("relative flex min-h-10 items-center gap-3 overflow-hidden rounded-md py-1.5 pl-3 pr-1.5", c.container, a),
|
|
2525
2782
|
children: [
|
|
2526
|
-
/* @__PURE__ */
|
|
2527
|
-
className:
|
|
2528
|
-
style:
|
|
2529
|
-
children: /* @__PURE__ */
|
|
2783
|
+
/* @__PURE__ */ j("div", {
|
|
2784
|
+
className: G("pointer-events-none absolute top-0 right-0 h-full w-1/2", c.pattern),
|
|
2785
|
+
style: er,
|
|
2786
|
+
children: /* @__PURE__ */ j(un, {
|
|
2530
2787
|
squareSize: 4,
|
|
2531
2788
|
gridGap: 2,
|
|
2532
2789
|
flickerChance: .4,
|
|
2533
2790
|
maxOpacity: .2
|
|
2534
2791
|
})
|
|
2535
2792
|
}),
|
|
2536
|
-
/* @__PURE__ */
|
|
2537
|
-
className:
|
|
2538
|
-
children: n ?? /* @__PURE__ */
|
|
2793
|
+
/* @__PURE__ */ j("span", {
|
|
2794
|
+
className: G("relative flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", c.icon),
|
|
2795
|
+
children: n ?? /* @__PURE__ */ j(l, {})
|
|
2539
2796
|
}),
|
|
2540
|
-
/* @__PURE__ */
|
|
2541
|
-
className:
|
|
2797
|
+
/* @__PURE__ */ j("span", {
|
|
2798
|
+
className: G("relative flex-1 text-cui-base font-medium", c.text),
|
|
2542
2799
|
children: o
|
|
2543
2800
|
}),
|
|
2544
|
-
r && /* @__PURE__ */
|
|
2801
|
+
r && /* @__PURE__ */ j("div", {
|
|
2545
2802
|
className: "relative ml-auto shrink-0",
|
|
2546
2803
|
children: r
|
|
2547
2804
|
}),
|
|
2548
|
-
i && /* @__PURE__ */
|
|
2805
|
+
i && /* @__PURE__ */ j("div", {
|
|
2549
2806
|
className: "relative ml-auto shrink-0",
|
|
2550
|
-
children: /* @__PURE__ */
|
|
2807
|
+
children: /* @__PURE__ */ j(q, {
|
|
2551
2808
|
variant: "transparent",
|
|
2552
2809
|
size: "xs",
|
|
2553
|
-
iconLeft: /* @__PURE__ */
|
|
2810
|
+
iconLeft: /* @__PURE__ */ j(x, {}),
|
|
2554
2811
|
onClick: i,
|
|
2555
2812
|
"aria-label": "Dismiss"
|
|
2556
2813
|
})
|
|
@@ -2560,361 +2817,361 @@ var Rn = i(function({ className: e, ...t }, n) {
|
|
|
2560
2817
|
});
|
|
2561
2818
|
//#endregion
|
|
2562
2819
|
//#region src/components/alert-dialog/alert-dialog.tsx
|
|
2563
|
-
function
|
|
2564
|
-
return /* @__PURE__ */
|
|
2820
|
+
function nr(e) {
|
|
2821
|
+
return /* @__PURE__ */ j(H.Root, { ...e });
|
|
2565
2822
|
}
|
|
2566
|
-
var
|
|
2567
|
-
return /* @__PURE__ */
|
|
2823
|
+
var rr = C(function({ className: e, ...t }, n) {
|
|
2824
|
+
return /* @__PURE__ */ j(H.Trigger, {
|
|
2568
2825
|
ref: n,
|
|
2569
|
-
className:
|
|
2826
|
+
className: G(e),
|
|
2570
2827
|
...t
|
|
2571
2828
|
});
|
|
2572
|
-
}),
|
|
2573
|
-
return /* @__PURE__ */
|
|
2829
|
+
}), ir = C(function({ className: e, ...t }, n) {
|
|
2830
|
+
return /* @__PURE__ */ j(H.Backdrop, {
|
|
2574
2831
|
ref: n,
|
|
2575
|
-
className:
|
|
2832
|
+
className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
|
|
2576
2833
|
...t
|
|
2577
2834
|
});
|
|
2578
2835
|
});
|
|
2579
|
-
function
|
|
2580
|
-
return /* @__PURE__ */
|
|
2581
|
-
className:
|
|
2836
|
+
function ar({ className: e, children: t, ...n }) {
|
|
2837
|
+
return /* @__PURE__ */ M(H.Portal, { children: [/* @__PURE__ */ j(ir, {}), /* @__PURE__ */ j(H.Popup, {
|
|
2838
|
+
className: G("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] max-w-[450px] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", e),
|
|
2582
2839
|
...n,
|
|
2583
2840
|
children: t
|
|
2584
2841
|
})] });
|
|
2585
2842
|
}
|
|
2586
|
-
var
|
|
2587
|
-
Root:
|
|
2588
|
-
Trigger:
|
|
2589
|
-
Content:
|
|
2590
|
-
Panel:
|
|
2591
|
-
return /* @__PURE__ */
|
|
2843
|
+
var or = {
|
|
2844
|
+
Root: nr,
|
|
2845
|
+
Trigger: rr,
|
|
2846
|
+
Content: ar,
|
|
2847
|
+
Panel: C(function({ className: e, children: t }, n) {
|
|
2848
|
+
return /* @__PURE__ */ j("div", {
|
|
2592
2849
|
ref: n,
|
|
2593
|
-
className:
|
|
2850
|
+
className: G("bg-cui-base-2 border-cui-neutral rounded-md border", e),
|
|
2594
2851
|
children: t
|
|
2595
2852
|
});
|
|
2596
2853
|
}),
|
|
2597
|
-
Title:
|
|
2598
|
-
return /* @__PURE__ */
|
|
2854
|
+
Title: C(function({ className: e, ...t }, n) {
|
|
2855
|
+
return /* @__PURE__ */ j(H.Title, {
|
|
2599
2856
|
ref: n,
|
|
2600
|
-
className:
|
|
2857
|
+
className: G("text-cui-primary border-cui-neutral border-b px-4 py-3 text-cui-base font-medium", e),
|
|
2601
2858
|
...t
|
|
2602
2859
|
});
|
|
2603
2860
|
}),
|
|
2604
|
-
Description:
|
|
2605
|
-
return /* @__PURE__ */
|
|
2861
|
+
Description: C(function({ className: e, ...t }, n) {
|
|
2862
|
+
return /* @__PURE__ */ j(H.Description, {
|
|
2606
2863
|
ref: n,
|
|
2607
|
-
className:
|
|
2864
|
+
className: G("text-cui-secondary p-4 text-cui-base", e),
|
|
2608
2865
|
...t
|
|
2609
2866
|
});
|
|
2610
2867
|
}),
|
|
2611
|
-
Actions:
|
|
2612
|
-
return /* @__PURE__ */
|
|
2868
|
+
Actions: C(function({ className: e, children: t }, n) {
|
|
2869
|
+
return /* @__PURE__ */ j("div", {
|
|
2613
2870
|
ref: n,
|
|
2614
|
-
className:
|
|
2871
|
+
className: G("flex items-center justify-end gap-2 p-2", e),
|
|
2615
2872
|
children: t
|
|
2616
2873
|
});
|
|
2617
2874
|
}),
|
|
2618
|
-
Close:
|
|
2619
|
-
return /* @__PURE__ */
|
|
2875
|
+
Close: C(function({ className: e, ...t }, n) {
|
|
2876
|
+
return /* @__PURE__ */ j(H.Close, {
|
|
2620
2877
|
ref: n,
|
|
2621
|
-
className:
|
|
2878
|
+
className: G(e),
|
|
2622
2879
|
...t
|
|
2623
2880
|
});
|
|
2624
2881
|
})
|
|
2625
|
-
},
|
|
2626
|
-
Root:
|
|
2627
|
-
return /* @__PURE__ */
|
|
2882
|
+
}, sr = {
|
|
2883
|
+
Root: C(function({ className: e, ...t }, n) {
|
|
2884
|
+
return /* @__PURE__ */ j(de.Root, {
|
|
2628
2885
|
ref: n,
|
|
2629
|
-
className:
|
|
2886
|
+
className: G("flex flex-col", e),
|
|
2630
2887
|
...t
|
|
2631
2888
|
});
|
|
2632
2889
|
}),
|
|
2633
|
-
Item:
|
|
2634
|
-
return /* @__PURE__ */
|
|
2890
|
+
Item: C(function({ className: e, ...t }, n) {
|
|
2891
|
+
return /* @__PURE__ */ j(de.Item, {
|
|
2635
2892
|
ref: n,
|
|
2636
|
-
className:
|
|
2893
|
+
className: G("border-cui-neutral border-b last:border-b-0", e),
|
|
2637
2894
|
...t
|
|
2638
2895
|
});
|
|
2639
2896
|
}),
|
|
2640
|
-
Trigger:
|
|
2641
|
-
return /* @__PURE__ */
|
|
2897
|
+
Trigger: C(function({ icon: e, className: t, children: n, ...r }, i) {
|
|
2898
|
+
return /* @__PURE__ */ M(de.Trigger, {
|
|
2642
2899
|
ref: i,
|
|
2643
|
-
className:
|
|
2900
|
+
className: G("group flex w-full cursor-pointer items-center gap-2 rounded-sm py-3 text-cui-base font-medium", "text-cui-primary hover:text-cui-primary", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", t),
|
|
2644
2901
|
...r,
|
|
2645
2902
|
children: [
|
|
2646
|
-
/* @__PURE__ */
|
|
2647
|
-
e && /* @__PURE__ */
|
|
2903
|
+
/* @__PURE__ */ j(l, { className: G("text-cui-tertiary size-4 shrink-0", "transition-transform duration-200 ease-cui-out-expo", "group-data-[panel-open]:rotate-90", "motion-reduce:transition-none") }),
|
|
2904
|
+
e && /* @__PURE__ */ j("span", {
|
|
2648
2905
|
className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
2649
2906
|
children: e
|
|
2650
2907
|
}),
|
|
2651
|
-
/* @__PURE__ */
|
|
2908
|
+
/* @__PURE__ */ j("span", {
|
|
2652
2909
|
className: "flex-1 text-left",
|
|
2653
2910
|
children: n
|
|
2654
2911
|
})
|
|
2655
2912
|
]
|
|
2656
2913
|
});
|
|
2657
2914
|
}),
|
|
2658
|
-
Content:
|
|
2659
|
-
return /* @__PURE__ */
|
|
2915
|
+
Content: C(function({ className: e, children: t, ...n }, r) {
|
|
2916
|
+
return /* @__PURE__ */ j(de.Panel, {
|
|
2660
2917
|
ref: r,
|
|
2661
|
-
className:
|
|
2918
|
+
className: G("overflow-hidden", "h-[var(--accordion-panel-height)]", "transition-[height] duration-200 ease-cui-out-expo", "data-[starting-style]:h-0", "data-[ending-style]:h-0", "motion-reduce:transition-none", e),
|
|
2662
2919
|
...n,
|
|
2663
|
-
children: /* @__PURE__ */
|
|
2920
|
+
children: /* @__PURE__ */ j("div", {
|
|
2664
2921
|
className: "text-cui-secondary text-cui-base pb-3",
|
|
2665
2922
|
children: t
|
|
2666
2923
|
})
|
|
2667
2924
|
});
|
|
2668
2925
|
})
|
|
2669
|
-
},
|
|
2670
|
-
return /* @__PURE__ */
|
|
2926
|
+
}, cr = C(function({ className: e, ...t }, n) {
|
|
2927
|
+
return /* @__PURE__ */ j(fe.Root, {
|
|
2671
2928
|
ref: n,
|
|
2672
|
-
className:
|
|
2929
|
+
className: G("flex flex-col", e),
|
|
2673
2930
|
...t
|
|
2674
2931
|
});
|
|
2675
|
-
}),
|
|
2676
|
-
let
|
|
2677
|
-
let e =
|
|
2932
|
+
}), lr = C(function({ className: e, layout: t = "fit", children: n, ...r }, i) {
|
|
2933
|
+
let a = O(null), [o, s] = k(0), [c, l] = k(0), u = w(() => {
|
|
2934
|
+
let e = a.current;
|
|
2678
2935
|
if (!e) return;
|
|
2679
2936
|
let t = e.querySelectorAll("[role='tab']");
|
|
2680
|
-
|
|
2937
|
+
s(t.length);
|
|
2681
2938
|
let n = -1;
|
|
2682
2939
|
t.forEach((e, t) => {
|
|
2683
2940
|
(e.getAttribute("data-active") !== null || e.getAttribute("aria-selected") === "true") && (n = t);
|
|
2684
|
-
}), n < 0 && (n = 0),
|
|
2941
|
+
}), n < 0 && (n = 0), l(n);
|
|
2685
2942
|
}, []);
|
|
2686
|
-
return
|
|
2687
|
-
|
|
2688
|
-
let e =
|
|
2943
|
+
return E(() => {
|
|
2944
|
+
u();
|
|
2945
|
+
let e = a.current;
|
|
2689
2946
|
if (!e) return;
|
|
2690
|
-
let t = new MutationObserver(
|
|
2947
|
+
let t = new MutationObserver(u);
|
|
2691
2948
|
t.observe(e, {
|
|
2692
2949
|
attributes: !0,
|
|
2693
2950
|
attributeFilter: ["data-active", "aria-selected"],
|
|
2694
2951
|
subtree: !0
|
|
2695
2952
|
});
|
|
2696
|
-
let n = new ResizeObserver(
|
|
2953
|
+
let n = new ResizeObserver(u);
|
|
2697
2954
|
return n.observe(e), () => {
|
|
2698
2955
|
t.disconnect(), n.disconnect();
|
|
2699
2956
|
};
|
|
2700
|
-
}, [
|
|
2957
|
+
}, [u]), /* @__PURE__ */ j(qn, {
|
|
2701
2958
|
ref: (e) => {
|
|
2702
|
-
|
|
2959
|
+
a.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
|
|
2703
2960
|
},
|
|
2704
|
-
activeIndex:
|
|
2705
|
-
itemCount:
|
|
2961
|
+
activeIndex: c,
|
|
2962
|
+
itemCount: o,
|
|
2706
2963
|
layout: t,
|
|
2707
2964
|
className: typeof e == "string" ? e : void 0,
|
|
2708
|
-
children: /* @__PURE__ */
|
|
2965
|
+
children: /* @__PURE__ */ j(fe.List, {
|
|
2709
2966
|
className: "contents",
|
|
2710
2967
|
...r,
|
|
2711
2968
|
children: n
|
|
2712
2969
|
})
|
|
2713
2970
|
});
|
|
2714
|
-
}),
|
|
2971
|
+
}), ur = {
|
|
2715
2972
|
sm: "h-7 px-2.5",
|
|
2716
2973
|
md: "h-8 px-3"
|
|
2717
|
-
},
|
|
2718
|
-
Root:
|
|
2719
|
-
List:
|
|
2720
|
-
Tab:
|
|
2721
|
-
return /* @__PURE__ */
|
|
2974
|
+
}, dr = {
|
|
2975
|
+
Root: cr,
|
|
2976
|
+
List: lr,
|
|
2977
|
+
Tab: C(function({ size: e = "sm", className: t, children: n, ...r }, i) {
|
|
2978
|
+
return /* @__PURE__ */ j(fe.Tab, {
|
|
2722
2979
|
ref: i,
|
|
2723
2980
|
"data-segmented-item": "",
|
|
2724
|
-
className:
|
|
2981
|
+
className: G("relative z-10 flex items-center justify-center gap-1.5 rounded-sm", ur[e], "text-cui-base font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", "text-cui-tertiary hover:text-cui-secondary", "data-[active]:text-cui-primary", t),
|
|
2725
2982
|
...r,
|
|
2726
2983
|
children: n
|
|
2727
2984
|
});
|
|
2728
2985
|
}),
|
|
2729
|
-
Panel:
|
|
2730
|
-
return /* @__PURE__ */
|
|
2986
|
+
Panel: C(function({ className: e, ...t }, n) {
|
|
2987
|
+
return /* @__PURE__ */ j(fe.Panel, {
|
|
2731
2988
|
ref: n,
|
|
2732
|
-
className:
|
|
2989
|
+
className: G("rounded-sm pt-3 outline-none", "focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", e),
|
|
2733
2990
|
...t
|
|
2734
2991
|
});
|
|
2735
2992
|
})
|
|
2736
|
-
},
|
|
2993
|
+
}, fr = {
|
|
2737
2994
|
right: "right",
|
|
2738
2995
|
left: "left",
|
|
2739
2996
|
bottom: "down",
|
|
2740
2997
|
top: "up"
|
|
2741
|
-
},
|
|
2998
|
+
}, pr = {
|
|
2742
2999
|
right: "inset-y-0 right-0 w-[min(420px,90vw)] p-2",
|
|
2743
3000
|
left: "inset-y-0 left-0 w-[min(420px,90vw)] p-2",
|
|
2744
3001
|
bottom: "inset-x-0 bottom-0 max-h-[85vh] p-2",
|
|
2745
3002
|
top: "inset-x-0 top-0 max-h-[85vh] p-2"
|
|
2746
3003
|
};
|
|
2747
|
-
function
|
|
2748
|
-
return /* @__PURE__ */
|
|
2749
|
-
swipeDirection:
|
|
3004
|
+
function mr({ side: e = "right", responsive: t, children: n, ...r }) {
|
|
3005
|
+
return /* @__PURE__ */ j(U.Root, {
|
|
3006
|
+
swipeDirection: fr[e],
|
|
2750
3007
|
...r,
|
|
2751
3008
|
children: n
|
|
2752
3009
|
});
|
|
2753
3010
|
}
|
|
2754
|
-
var
|
|
2755
|
-
return /* @__PURE__ */
|
|
3011
|
+
var hr = C(function({ className: e, ...t }, n) {
|
|
3012
|
+
return /* @__PURE__ */ j(U.Trigger, {
|
|
2756
3013
|
ref: n,
|
|
2757
|
-
className:
|
|
3014
|
+
className: G(e),
|
|
2758
3015
|
...t
|
|
2759
3016
|
});
|
|
2760
|
-
}),
|
|
2761
|
-
return /* @__PURE__ */
|
|
3017
|
+
}), gr = C(function({ className: e, ...t }, n) {
|
|
3018
|
+
return /* @__PURE__ */ j(U.Backdrop, {
|
|
2762
3019
|
ref: n,
|
|
2763
|
-
className:
|
|
3020
|
+
className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-200", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
|
|
2764
3021
|
...t
|
|
2765
3022
|
});
|
|
2766
3023
|
});
|
|
2767
|
-
function
|
|
2768
|
-
return /* @__PURE__ */
|
|
2769
|
-
className:
|
|
3024
|
+
function _r({ side: e = "right", responsive: t = !0, className: n, children: r, ...i }) {
|
|
3025
|
+
return /* @__PURE__ */ M(U.Portal, { children: [/* @__PURE__ */ j(gr, {}), /* @__PURE__ */ j(U.Popup, {
|
|
3026
|
+
className: G("group/drawer fixed z-50 flex outline-none", pr[e], "transition-transform duration-500 ease-cui-out-expo", e === "right" && ["data-[starting-style]:translate-x-[20%]", "data-[ending-style]:translate-x-[20%]"], e === "left" && ["data-[starting-style]:-translate-x-[20%]", "data-[ending-style]:-translate-x-[20%]"], e === "bottom" && ["data-[starting-style]:translate-y-[20%]", "data-[ending-style]:translate-y-[20%]"], e === "top" && ["data-[starting-style]:-translate-y-[20%]", "data-[ending-style]:-translate-y-[20%]"], "motion-reduce:transition-none", t && [
|
|
2770
3027
|
"max-md:inset-x-0 max-md:inset-y-auto max-md:bottom-0 max-md:right-auto max-md:left-auto",
|
|
2771
3028
|
"max-md:w-full max-md:max-h-[85vh]",
|
|
2772
3029
|
"max-md:data-[starting-style]:translate-x-0 max-md:data-[starting-style]:translate-y-[20%]",
|
|
2773
3030
|
"max-md:data-[ending-style]:translate-x-0 max-md:data-[ending-style]:translate-y-[20%]"
|
|
2774
3031
|
]),
|
|
2775
3032
|
...i,
|
|
2776
|
-
children: /* @__PURE__ */
|
|
2777
|
-
className:
|
|
2778
|
-
children: /* @__PURE__ */
|
|
3033
|
+
children: /* @__PURE__ */ j("div", {
|
|
3034
|
+
className: G("bg-cui-base-1 flex min-h-0 flex-1 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-500 ease-cui-out-expo", "group-data-[starting-style]/drawer:scale-95 group-data-[starting-style]/drawer:opacity-0", "group-data-[ending-style]/drawer:scale-95 group-data-[ending-style]/drawer:opacity-0", "motion-reduce:transition-none", n),
|
|
3035
|
+
children: /* @__PURE__ */ j("div", {
|
|
2779
3036
|
className: "bg-cui-base-2 border-cui-neutral flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border",
|
|
2780
3037
|
children: r
|
|
2781
3038
|
})
|
|
2782
3039
|
})
|
|
2783
3040
|
})] });
|
|
2784
3041
|
}
|
|
2785
|
-
var
|
|
2786
|
-
Root:
|
|
2787
|
-
Trigger:
|
|
2788
|
-
Content:
|
|
2789
|
-
Header:
|
|
2790
|
-
return /* @__PURE__ */
|
|
3042
|
+
var vr = {
|
|
3043
|
+
Root: mr,
|
|
3044
|
+
Trigger: hr,
|
|
3045
|
+
Content: _r,
|
|
3046
|
+
Header: C(function({ className: e, children: t }, n) {
|
|
3047
|
+
return /* @__PURE__ */ j("div", {
|
|
2791
3048
|
ref: n,
|
|
2792
|
-
className:
|
|
3049
|
+
className: G("border-cui-neutral flex items-center justify-between border-b px-4 py-3", e),
|
|
2793
3050
|
children: t
|
|
2794
3051
|
});
|
|
2795
3052
|
}),
|
|
2796
|
-
Title:
|
|
2797
|
-
return /* @__PURE__ */
|
|
3053
|
+
Title: C(function({ className: e, ...t }, n) {
|
|
3054
|
+
return /* @__PURE__ */ j(U.Title, {
|
|
2798
3055
|
ref: n,
|
|
2799
|
-
className:
|
|
3056
|
+
className: G("text-cui-primary text-cui-base font-medium", e),
|
|
2800
3057
|
...t
|
|
2801
3058
|
});
|
|
2802
3059
|
}),
|
|
2803
|
-
Description:
|
|
2804
|
-
return /* @__PURE__ */
|
|
3060
|
+
Description: C(function({ className: e, ...t }, n) {
|
|
3061
|
+
return /* @__PURE__ */ j(U.Description, {
|
|
2805
3062
|
ref: n,
|
|
2806
|
-
className:
|
|
3063
|
+
className: G("text-cui-secondary text-cui-base", e),
|
|
2807
3064
|
...t
|
|
2808
3065
|
});
|
|
2809
3066
|
}),
|
|
2810
|
-
Body:
|
|
2811
|
-
return /* @__PURE__ */
|
|
3067
|
+
Body: C(function({ className: e, children: t }, n) {
|
|
3068
|
+
return /* @__PURE__ */ j("div", {
|
|
2812
3069
|
ref: n,
|
|
2813
|
-
className:
|
|
3070
|
+
className: G("flex-1 overflow-y-auto p-4", e),
|
|
2814
3071
|
children: t
|
|
2815
3072
|
});
|
|
2816
3073
|
}),
|
|
2817
|
-
Footer:
|
|
2818
|
-
return /* @__PURE__ */
|
|
3074
|
+
Footer: C(function({ className: e, children: t }, n) {
|
|
3075
|
+
return /* @__PURE__ */ j("div", {
|
|
2819
3076
|
ref: n,
|
|
2820
|
-
className:
|
|
3077
|
+
className: G("border-cui-neutral flex items-center justify-end gap-2 border-t p-3", e),
|
|
2821
3078
|
children: t
|
|
2822
3079
|
});
|
|
2823
3080
|
}),
|
|
2824
|
-
Close:
|
|
2825
|
-
return e ?? !n ? /* @__PURE__ */
|
|
3081
|
+
Close: C(function({ asIcon: e, className: t, children: n, ...r }, i) {
|
|
3082
|
+
return e ?? !n ? /* @__PURE__ */ j(U.Close, {
|
|
2826
3083
|
ref: i,
|
|
2827
|
-
className:
|
|
3084
|
+
className: G("text-cui-tertiary hover:text-cui-primary -m-1 flex size-7 cursor-pointer items-center justify-center rounded-sm outline-none", "transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-cui-focus", "motion-reduce:transition-none", t),
|
|
2828
3085
|
...r,
|
|
2829
|
-
children: /* @__PURE__ */
|
|
2830
|
-
}) : /* @__PURE__ */
|
|
3086
|
+
children: /* @__PURE__ */ j(x, { className: "size-4" })
|
|
3087
|
+
}) : /* @__PURE__ */ j(U.Close, {
|
|
2831
3088
|
ref: i,
|
|
2832
|
-
className:
|
|
3089
|
+
className: G(t),
|
|
2833
3090
|
...r,
|
|
2834
3091
|
children: n
|
|
2835
3092
|
});
|
|
2836
3093
|
})
|
|
2837
|
-
},
|
|
2838
|
-
return /* @__PURE__ */
|
|
3094
|
+
}, yr = C(function({ className: e, ...t }, n) {
|
|
3095
|
+
return /* @__PURE__ */ j(W, {
|
|
2839
3096
|
ref: n,
|
|
2840
|
-
className:
|
|
3097
|
+
className: G("bg-cui-base-2 flex h-full w-full flex-col overflow-hidden rounded-lg", e),
|
|
2841
3098
|
...t
|
|
2842
3099
|
});
|
|
2843
|
-
}),
|
|
2844
|
-
return /* @__PURE__ */
|
|
3100
|
+
}), br = C(function({ className: e, ...t }, n) {
|
|
3101
|
+
return /* @__PURE__ */ j(J.SearchInput, {
|
|
2845
3102
|
className: "mb-0 bg-transparent px-2",
|
|
2846
|
-
children: /* @__PURE__ */
|
|
3103
|
+
children: /* @__PURE__ */ j(W.Input, {
|
|
2847
3104
|
ref: n,
|
|
2848
|
-
className:
|
|
3105
|
+
className: G("text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent py-1.5 text-cui-base outline-none", e),
|
|
2849
3106
|
...t
|
|
2850
3107
|
})
|
|
2851
3108
|
});
|
|
2852
|
-
}),
|
|
2853
|
-
return /* @__PURE__ */
|
|
3109
|
+
}), xr = C(function({ className: e, ...t }, n) {
|
|
3110
|
+
return /* @__PURE__ */ j(W.List, {
|
|
2854
3111
|
ref: n,
|
|
2855
|
-
className:
|
|
3112
|
+
className: G("max-h-[300px] overflow-y-auto overscroll-contain p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
|
|
2856
3113
|
...t
|
|
2857
3114
|
});
|
|
2858
|
-
}),
|
|
2859
|
-
return /* @__PURE__ */
|
|
3115
|
+
}), Sr = C(function({ className: e, ...t }, n) {
|
|
3116
|
+
return /* @__PURE__ */ j(W.Empty, {
|
|
2860
3117
|
ref: n,
|
|
2861
|
-
className:
|
|
3118
|
+
className: G("text-cui-secondary px-2 py-4 text-center text-cui-base", e),
|
|
2862
3119
|
...t
|
|
2863
3120
|
});
|
|
2864
|
-
}),
|
|
2865
|
-
return /* @__PURE__ */
|
|
3121
|
+
}), Cr = C(function({ className: e, ...t }, n) {
|
|
3122
|
+
return /* @__PURE__ */ j(W.Group, {
|
|
2866
3123
|
ref: n,
|
|
2867
|
-
className:
|
|
3124
|
+
className: G("flex flex-col gap-0.5", "[&_[cmdk-group-heading]]:text-cui-tertiary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:select-none", e),
|
|
2868
3125
|
...t
|
|
2869
3126
|
});
|
|
2870
|
-
}),
|
|
2871
|
-
return /* @__PURE__ */
|
|
3127
|
+
}), wr = C(function({ icon: e, shortcut: t, className: n, children: r, ...i }, a) {
|
|
3128
|
+
return /* @__PURE__ */ M(W.Item, {
|
|
2872
3129
|
ref: a,
|
|
2873
|
-
className:
|
|
3130
|
+
className: G("group relative flex cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-cui-base select-none outline-none", "text-cui-primary", "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-cui-tertiary", n),
|
|
2874
3131
|
...i,
|
|
2875
3132
|
children: [
|
|
2876
|
-
/* @__PURE__ */
|
|
2877
|
-
e && /* @__PURE__ */
|
|
2878
|
-
className:
|
|
3133
|
+
/* @__PURE__ */ j("div", { className: G("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
|
|
3134
|
+
e && /* @__PURE__ */ j("span", {
|
|
3135
|
+
className: G("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", "text-cui-tertiary group-data-[selected=true]:text-cui-primary"),
|
|
2879
3136
|
children: e
|
|
2880
3137
|
}),
|
|
2881
|
-
/* @__PURE__ */
|
|
3138
|
+
/* @__PURE__ */ j("span", {
|
|
2882
3139
|
className: "relative z-[1] flex-1",
|
|
2883
3140
|
children: r
|
|
2884
3141
|
}),
|
|
2885
|
-
t && /* @__PURE__ */
|
|
3142
|
+
t && /* @__PURE__ */ j("kbd", {
|
|
2886
3143
|
className: "text-cui-tertiary text-cui-sm pointer-events-none relative z-[1] ml-auto tracking-widest",
|
|
2887
3144
|
children: t
|
|
2888
3145
|
})
|
|
2889
3146
|
]
|
|
2890
3147
|
});
|
|
2891
|
-
}),
|
|
2892
|
-
return /* @__PURE__ */
|
|
3148
|
+
}), Tr = C(function({ className: e, ...t }, n) {
|
|
3149
|
+
return /* @__PURE__ */ j(W.Separator, {
|
|
2893
3150
|
ref: n,
|
|
2894
|
-
className:
|
|
3151
|
+
className: G("border-cui-neutral mx-2 my-1 border-t", e),
|
|
2895
3152
|
...t
|
|
2896
3153
|
});
|
|
2897
3154
|
});
|
|
2898
|
-
function
|
|
2899
|
-
return /* @__PURE__ */
|
|
3155
|
+
function Er({ open: e, onOpenChange: t, children: n, className: r }) {
|
|
3156
|
+
return /* @__PURE__ */ j(B.Root, {
|
|
2900
3157
|
open: e,
|
|
2901
3158
|
onOpenChange: t,
|
|
2902
|
-
children: /* @__PURE__ */
|
|
2903
|
-
className:
|
|
3159
|
+
children: /* @__PURE__ */ M(B.Portal, { children: [/* @__PURE__ */ j(B.Backdrop, { className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none") }), /* @__PURE__ */ j(B.Popup, {
|
|
3160
|
+
className: G("bg-cui-base-1 fixed top-[20%] left-1/2 z-50 w-[90vw] max-w-[520px] -translate-x-1/2 rounded-lg p-1 shadow-lg", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", r),
|
|
2904
3161
|
children: n
|
|
2905
3162
|
})] })
|
|
2906
3163
|
});
|
|
2907
3164
|
}
|
|
2908
|
-
var
|
|
2909
|
-
Root:
|
|
2910
|
-
Input:
|
|
2911
|
-
List:
|
|
2912
|
-
Empty:
|
|
2913
|
-
Group:
|
|
2914
|
-
Item:
|
|
2915
|
-
Separator:
|
|
2916
|
-
Dialog:
|
|
2917
|
-
},
|
|
3165
|
+
var Dr = {
|
|
3166
|
+
Root: yr,
|
|
3167
|
+
Input: br,
|
|
3168
|
+
List: xr,
|
|
3169
|
+
Empty: Sr,
|
|
3170
|
+
Group: Cr,
|
|
3171
|
+
Item: wr,
|
|
3172
|
+
Separator: Tr,
|
|
3173
|
+
Dialog: Er
|
|
3174
|
+
}, Or = {
|
|
2918
3175
|
xs: {
|
|
2919
3176
|
height: "h-6",
|
|
2920
3177
|
padding: "px-1.5",
|
|
@@ -2933,53 +3190,53 @@ var hr = {
|
|
|
2933
3190
|
textPadding: "px-1",
|
|
2934
3191
|
icon: "w-8"
|
|
2935
3192
|
}
|
|
2936
|
-
},
|
|
2937
|
-
let c =
|
|
2938
|
-
return /* @__PURE__ */
|
|
3193
|
+
}, kr = C(function({ size: e = "md", iconLeft: t, iconRight: n, disabled: r, className: i, children: a, ...o }, s) {
|
|
3194
|
+
let c = Or[e];
|
|
3195
|
+
return /* @__PURE__ */ M(pe, {
|
|
2939
3196
|
ref: s,
|
|
2940
3197
|
disabled: r,
|
|
2941
|
-
className:
|
|
3198
|
+
className: G("group/toggle-btn relative inline-flex cursor-pointer items-center justify-center", "rounded text-cui-base whitespace-pre select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "text-cui-secondary", "data-[pressed]:text-cui-primary", r && "pointer-events-none opacity-50", !a && !n ? G(c.height, c.icon) : G(c.height, c.padding, "w-fit"), i),
|
|
2942
3199
|
...o,
|
|
2943
3200
|
children: [
|
|
2944
|
-
/* @__PURE__ */
|
|
2945
|
-
"transition-[inset,opacity] duration-150 ease-cui-out-expo motion-reduce:transition-none",
|
|
2946
|
-
"group-hover/toggle-btn:
|
|
3201
|
+
/* @__PURE__ */ j("div", { className: G("absolute rounded-[inherit] inset-0 opacity-100", "bg-cui-base-2 border border-cui-neutral shadow-xs", "group-data-[pressed]/toggle-btn:bg-cui-subtle group-data-[pressed]/toggle-btn:border-cui-neutral", !r && [
|
|
3202
|
+
"transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none",
|
|
3203
|
+
"group-hover/toggle-btn:bg-cui-subtle",
|
|
2947
3204
|
"group-active/toggle-btn:inset-px"
|
|
2948
3205
|
]) }),
|
|
2949
|
-
t && /* @__PURE__ */
|
|
3206
|
+
t && /* @__PURE__ */ j("span", {
|
|
2950
3207
|
className: "relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
2951
3208
|
children: t
|
|
2952
3209
|
}),
|
|
2953
|
-
a && /* @__PURE__ */
|
|
2954
|
-
className:
|
|
3210
|
+
a && /* @__PURE__ */ j("span", {
|
|
3211
|
+
className: G("relative z-[1] inline", c.textPadding),
|
|
2955
3212
|
children: a
|
|
2956
3213
|
}),
|
|
2957
|
-
n && /* @__PURE__ */
|
|
3214
|
+
n && /* @__PURE__ */ j("span", {
|
|
2958
3215
|
className: "relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
|
|
2959
3216
|
children: n
|
|
2960
3217
|
})
|
|
2961
3218
|
]
|
|
2962
3219
|
});
|
|
2963
|
-
}),
|
|
2964
|
-
return /* @__PURE__ */
|
|
3220
|
+
}), Ar = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
|
|
3221
|
+
return /* @__PURE__ */ j("div", {
|
|
2965
3222
|
ref: r,
|
|
2966
3223
|
role: "group",
|
|
2967
|
-
className:
|
|
3224
|
+
className: G("inline-flex", e === "vertical" ? "flex-col" : "flex-row", e === "horizontal" ? ["[&>*]:rounded-none [&>*:first-child]:rounded-l [&>*:last-child]:rounded-r", "[&>*+*]:-ml-px"] : ["[&>*]:rounded-none [&>*:first-child]:rounded-t [&>*:last-child]:rounded-b", "[&>*+*]:-mt-px"], t),
|
|
2968
3225
|
...n
|
|
2969
3226
|
});
|
|
2970
|
-
}),
|
|
2971
|
-
return /* @__PURE__ */
|
|
3227
|
+
}), jr = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
|
|
3228
|
+
return /* @__PURE__ */ j(me, {
|
|
2972
3229
|
ref: r,
|
|
2973
|
-
className:
|
|
3230
|
+
className: G("inline-flex", e === "vertical" ? "flex-col" : "flex-row", e === "horizontal" ? ["[&>*]:rounded-none [&>*:first-child]:rounded-l [&>*:last-child]:rounded-r", "[&>*+*]:-ml-px"] : ["[&>*]:rounded-none [&>*:first-child]:rounded-t [&>*:last-child]:rounded-b", "[&>*+*]:-mt-px"], t),
|
|
2974
3231
|
...n
|
|
2975
3232
|
});
|
|
2976
|
-
}),
|
|
2977
|
-
return /* @__PURE__ */
|
|
3233
|
+
}), Mr = C(function({ className: e, ...t }, n) {
|
|
3234
|
+
return /* @__PURE__ */ j(he, {
|
|
2978
3235
|
ref: n,
|
|
2979
|
-
className:
|
|
3236
|
+
className: G("flex flex-col gap-2", e),
|
|
2980
3237
|
...t
|
|
2981
3238
|
});
|
|
2982
|
-
}),
|
|
3239
|
+
}), Nr = {
|
|
2983
3240
|
sm: {
|
|
2984
3241
|
radio: "size-4",
|
|
2985
3242
|
indicator: "size-1.5",
|
|
@@ -2990,42 +3247,42 @@ var hr = {
|
|
|
2990
3247
|
indicator: "size-2",
|
|
2991
3248
|
label: "text-cui-base"
|
|
2992
3249
|
}
|
|
2993
|
-
},
|
|
2994
|
-
Root:
|
|
2995
|
-
Item:
|
|
2996
|
-
let o =
|
|
3250
|
+
}, Pr = {
|
|
3251
|
+
Root: Mr,
|
|
3252
|
+
Item: C(function({ size: e = "md", label: t, className: n, value: r, ...i }, a) {
|
|
3253
|
+
let o = Nr[e], s = /* @__PURE__ */ j(ge.Root, {
|
|
2997
3254
|
ref: a,
|
|
2998
3255
|
value: r,
|
|
2999
|
-
className:
|
|
3256
|
+
className: G("group/radio relative inline-flex shrink-0 items-center justify-center rounded-full", "border border-cui-neutral bg-cui-base-2", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-out", "motion-reduce:transition-none", "cursor-pointer", "data-[checked]:border-cui-accent data-[checked]:bg-cui-accent", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "before:absolute before:inset-1/2 before:size-8 before:-translate-1/2", o.radio, !t && n),
|
|
3000
3257
|
...i,
|
|
3001
|
-
children: /* @__PURE__ */
|
|
3258
|
+
children: /* @__PURE__ */ j(ge.Indicator, { className: G("rounded-full bg-cui-accent-on", "scale-100 opacity-100", "data-[unchecked]:scale-0 data-[unchecked]:opacity-0", "data-[starting-style]:scale-0 data-[starting-style]:opacity-0", "data-[ending-style]:scale-0 data-[ending-style]:opacity-0", "transition-[scale,opacity] duration-150 ease-cui-out-expo", "motion-reduce:transition-none", o.indicator) })
|
|
3002
3259
|
});
|
|
3003
|
-
return t ? /* @__PURE__ */
|
|
3004
|
-
className:
|
|
3005
|
-
children: [s, /* @__PURE__ */
|
|
3006
|
-
className:
|
|
3260
|
+
return t ? /* @__PURE__ */ M("label", {
|
|
3261
|
+
className: G("inline-flex items-center gap-2 select-none", "cursor-pointer data-[disabled]:cursor-not-allowed", n),
|
|
3262
|
+
children: [s, /* @__PURE__ */ j("span", {
|
|
3263
|
+
className: G("text-cui-primary", o.label),
|
|
3007
3264
|
children: t
|
|
3008
3265
|
})]
|
|
3009
3266
|
}) : s;
|
|
3010
3267
|
})
|
|
3011
|
-
},
|
|
3012
|
-
return /* @__PURE__ */
|
|
3268
|
+
}, Fr = C(function({ show: e, message: t = "You have unsaved changes", discardLabel: n = "Reset", saveLabel: r = "Save changes", onDiscard: i, onSave: a, saving: o = !1, saveDisabled: s = !1, shake: c = !1, className: l }, u) {
|
|
3269
|
+
return /* @__PURE__ */ j("div", {
|
|
3013
3270
|
ref: u,
|
|
3014
3271
|
"aria-live": "polite",
|
|
3015
|
-
className:
|
|
3016
|
-
children: /* @__PURE__ */
|
|
3017
|
-
className:
|
|
3018
|
-
children: [/* @__PURE__ */
|
|
3272
|
+
className: G("pointer-events-none fixed inset-x-0 bottom-0 z-50 flex justify-center pb-6", l),
|
|
3273
|
+
children: /* @__PURE__ */ M("div", {
|
|
3274
|
+
className: G("pointer-events-auto", "bg-cui-base-2 border-cui-neutral shadow-lg", "flex items-center gap-5 rounded-xl border py-1.5 pr-1.5 pl-3.5", "transition-all duration-500 ease-cui-out-expo", "motion-reduce:transition-none", e ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-95 opacity-0", c && "animate-cui-shake"),
|
|
3275
|
+
children: [/* @__PURE__ */ j("span", {
|
|
3019
3276
|
className: "text-cui-primary text-cui-base font-medium",
|
|
3020
3277
|
children: t
|
|
3021
|
-
}), /* @__PURE__ */
|
|
3278
|
+
}), /* @__PURE__ */ M("div", {
|
|
3022
3279
|
className: "flex items-center gap-1.5",
|
|
3023
|
-
children: [/* @__PURE__ */
|
|
3280
|
+
children: [/* @__PURE__ */ j(q, {
|
|
3024
3281
|
variant: "danger-light",
|
|
3025
3282
|
size: "sm",
|
|
3026
3283
|
onClick: i,
|
|
3027
3284
|
children: n
|
|
3028
|
-
}), /* @__PURE__ */
|
|
3285
|
+
}), /* @__PURE__ */ j(q, {
|
|
3029
3286
|
variant: "primary",
|
|
3030
3287
|
size: "sm",
|
|
3031
3288
|
onClick: a,
|
|
@@ -3036,19 +3293,19 @@ var hr = {
|
|
|
3036
3293
|
})]
|
|
3037
3294
|
})
|
|
3038
3295
|
});
|
|
3039
|
-
}),
|
|
3296
|
+
}), Ir = {
|
|
3040
3297
|
narrow: "max-w-[800px]",
|
|
3041
3298
|
wide: "max-w-[1100px]"
|
|
3042
|
-
},
|
|
3043
|
-
return /* @__PURE__ */
|
|
3299
|
+
}, Lr = C(function({ title: e, maxWidth: t = "narrow", leading: n, children: r, className: i }, a) {
|
|
3300
|
+
return /* @__PURE__ */ j("div", {
|
|
3044
3301
|
ref: a,
|
|
3045
3302
|
className: "flex flex-1 flex-col items-center gap-6 py-6",
|
|
3046
|
-
children: /* @__PURE__ */
|
|
3047
|
-
className:
|
|
3303
|
+
children: /* @__PURE__ */ M("div", {
|
|
3304
|
+
className: G("flex w-full flex-col gap-6 px-8", Ir[t], i),
|
|
3048
3305
|
children: [
|
|
3049
3306
|
n,
|
|
3050
|
-
e && /* @__PURE__ */
|
|
3051
|
-
className: "text-cui-primary text-cui-
|
|
3307
|
+
e && /* @__PURE__ */ j("span", {
|
|
3308
|
+
className: "text-cui-primary text-cui-lg font-semibold",
|
|
3052
3309
|
children: e
|
|
3053
3310
|
}),
|
|
3054
3311
|
r
|
|
@@ -3058,26 +3315,26 @@ var hr = {
|
|
|
3058
3315
|
});
|
|
3059
3316
|
//#endregion
|
|
3060
3317
|
//#region src/lib/use-dirty-state.ts
|
|
3061
|
-
function
|
|
3062
|
-
let [t, n] =
|
|
3318
|
+
function Rr(e) {
|
|
3319
|
+
let [t, n] = k(e), [r, i] = k(e);
|
|
3063
3320
|
return {
|
|
3064
3321
|
draft: r,
|
|
3065
3322
|
saved: t,
|
|
3066
|
-
dirty:
|
|
3323
|
+
dirty: D(() => JSON.stringify(r) !== JSON.stringify(t), [r, t]),
|
|
3067
3324
|
setDraft: i,
|
|
3068
|
-
update:
|
|
3325
|
+
update: w((e, t) => {
|
|
3069
3326
|
i((n) => ({
|
|
3070
3327
|
...n,
|
|
3071
3328
|
[e]: t
|
|
3072
3329
|
}));
|
|
3073
3330
|
}, []),
|
|
3074
|
-
discard:
|
|
3331
|
+
discard: w(() => {
|
|
3075
3332
|
i(t);
|
|
3076
3333
|
}, [t]),
|
|
3077
|
-
save:
|
|
3334
|
+
save: w(() => {
|
|
3078
3335
|
n(r);
|
|
3079
3336
|
}, [r])
|
|
3080
3337
|
};
|
|
3081
3338
|
}
|
|
3082
3339
|
//#endregion
|
|
3083
|
-
export {
|
|
3340
|
+
export { sr as Accordion, tr as Alert, or as AlertDialog, xt as AppHeader, gt as Avatar, nn as Badge, qe as Breadcrumb, q as Button, Ar as ButtonGroup, Y as Card, Ze as Checkbox, Pe as Combobox, Ie as ComboboxButton, Le as ComboboxContent, ze as ComboboxGroup, Be as ComboboxGroupLabel, Re as ComboboxOption, Ve as ComboboxSeparator, Fe as ComboboxTrigger, Dr as Command, zn as DataTable, Kn as DataTableFacetedFilter, Vn as DataTableSearch, Bn as DataTableToolbar, Tn as Dialog, vr as Drawer, Q as DropdownMenu, un as FlickeringGrid, cn as Form, K as Hover, be as HoverGroup, ot as Logo, at as NavLink, it as NavLinks, Et as PageLayout, Ln as Pagination, ke as PixelSpinner, Gn as Popover, Pr as RadioGroup, Fr as SaveBar, Xn as SegmentedControl, Gt as Select, qt as SelectButton, Jt as SelectContent, Zt as SelectGroup, Qt as SelectGroupLabel, Yt as SelectOption, Xt as SelectSeparator, Kt as SelectTrigger, $t as Separator, St as SettingsCard, Lr as SettingsPage, Ct as SettingsRow, Wt as Sidebar, dn as Skeleton, je as Spinner, $ as Table, dr as Tabs, Ye as Toggle, kr as ToggleButton, jr as ToggleButtonGroup, Z as Tooltip, Qn as UserMenu, G as cn, Mt as createTooltipHandle, Rr as useDirtyState, Pt as useSidebar };
|