@jinaan/uikit 0.1.44 → 0.1.46
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/data-table.d.ts +5 -1
- package/dist/data-table.d.ts.map +1 -1
- package/dist/index.js +499 -483
- package/dist/index.js.map +1 -1
- package/dist/table-empty-state.d.ts +1 -1
- package/dist/table-empty-state.d.ts.map +1 -1
- package/dist/table-surface.d.ts +5 -1
- package/dist/table-surface.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/data-table.tsx +9 -1
- package/src/table-empty-state.tsx +1 -1
- package/src/table-surface.tsx +16 -0
package/dist/index.js
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import { jsx as e, jsxs as s, Fragment as Ie } from "react/jsx-runtime";
|
|
2
|
-
import { CircleNotch as
|
|
3
|
-
import { forwardRef as f, useState as D, Children as bt, isValidElement as ht, useRef as
|
|
4
|
-
import { Slot as
|
|
2
|
+
import { CircleNotch as dr, Robot as cr, Terminal as ur, Check as ee, Copy as pt, XCircle as mr, Warning as pr, CheckCircle as fr, Info as br, Minus as hr, X as ue, CaretDown as me, CaretRight as ft, MagnifyingGlass as gr, Columns as xr, Lock as vr, DotsSixVertical as Nr, FunnelSimple as it, WarningCircle as yr, CaretUp as wr, CaretUpDown as Cr, CaretLeft as Sr } from "@phosphor-icons/react";
|
|
3
|
+
import { forwardRef as f, useState as D, Children as bt, isValidElement as ht, useRef as _, useEffect as Q, useContext as W, useCallback as gt, createContext as te, useId as fe, useMemo as ot, useLayoutEffect as kr } from "react";
|
|
4
|
+
import { Slot as zr } from "@radix-ui/react-slot";
|
|
5
5
|
import { cva as Re } from "class-variance-authority";
|
|
6
|
-
import { clsx as
|
|
7
|
-
import { twMerge as
|
|
6
|
+
import { clsx as Dr } from "clsx";
|
|
7
|
+
import { twMerge as Tr } from "tailwind-merge";
|
|
8
8
|
import * as je from "@radix-ui/react-avatar";
|
|
9
9
|
import * as st from "@radix-ui/react-checkbox";
|
|
10
|
-
import * as
|
|
10
|
+
import * as R from "@radix-ui/react-dialog";
|
|
11
11
|
import * as T from "@radix-ui/react-dropdown-menu";
|
|
12
12
|
import * as P from "@radix-ui/react-select";
|
|
13
|
-
import * as
|
|
14
|
-
import * as
|
|
13
|
+
import * as Mr from "@radix-ui/react-label";
|
|
14
|
+
import * as Pr from "@radix-ui/react-separator";
|
|
15
15
|
import * as Z from "@radix-ui/react-tooltip";
|
|
16
|
-
function
|
|
17
|
-
return
|
|
16
|
+
function i(...t) {
|
|
17
|
+
return Tr(Dr(t));
|
|
18
18
|
}
|
|
19
|
-
function
|
|
19
|
+
function Ir(t, r, n) {
|
|
20
20
|
if (r === n || r < 0 || n < 0 || r >= t.length || n >= t.length)
|
|
21
21
|
return t;
|
|
22
|
-
const l = [...t], [
|
|
23
|
-
return l.splice(n, 0,
|
|
22
|
+
const l = [...t], [o] = l.splice(r, 1);
|
|
23
|
+
return l.splice(n, 0, o), l;
|
|
24
24
|
}
|
|
25
|
-
function
|
|
25
|
+
function Rr({ className: t }) {
|
|
26
26
|
return /* @__PURE__ */ e(
|
|
27
|
-
|
|
27
|
+
dr,
|
|
28
28
|
{
|
|
29
|
-
className:
|
|
29
|
+
className: i("size-4 animate-spin text-muted", t),
|
|
30
30
|
weight: "bold",
|
|
31
31
|
"aria-hidden": !0
|
|
32
32
|
}
|
|
33
33
|
);
|
|
34
34
|
}
|
|
35
|
-
const
|
|
35
|
+
const jr = Re(
|
|
36
36
|
"relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
|
|
37
37
|
{
|
|
38
38
|
variants: {
|
|
@@ -58,7 +58,7 @@ const Ir = Re(
|
|
|
58
58
|
size: "md"
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
),
|
|
61
|
+
), Er = {
|
|
62
62
|
xs: "[&_svg]:size-[var(--control-icon-xs)]",
|
|
63
63
|
sm: "[&_svg]:size-[var(--control-icon-sm)]",
|
|
64
64
|
md: "[&_svg]:size-[var(--control-icon-md)]",
|
|
@@ -71,25 +71,25 @@ const Ir = Re(
|
|
|
71
71
|
variant: r,
|
|
72
72
|
size: n = "md",
|
|
73
73
|
asChild: l = !1,
|
|
74
|
-
leadingIcon:
|
|
75
|
-
trailingIcon:
|
|
76
|
-
iconOnly:
|
|
74
|
+
leadingIcon: o,
|
|
75
|
+
trailingIcon: m,
|
|
76
|
+
iconOnly: u = !1,
|
|
77
77
|
loading: c = !1,
|
|
78
78
|
fullWidth: v = !1,
|
|
79
79
|
disabled: b,
|
|
80
80
|
children: h,
|
|
81
81
|
...y
|
|
82
82
|
}, C) => {
|
|
83
|
-
const N = l ?
|
|
83
|
+
const N = l ? zr : "button", k = Er[n ?? "md"];
|
|
84
84
|
return /* @__PURE__ */ e(
|
|
85
85
|
N,
|
|
86
86
|
{
|
|
87
87
|
ref: C,
|
|
88
88
|
"aria-busy": c || void 0,
|
|
89
89
|
disabled: l ? void 0 : b || c,
|
|
90
|
-
className:
|
|
91
|
-
|
|
92
|
-
|
|
90
|
+
className: i(
|
|
91
|
+
jr({ variant: r, size: n }),
|
|
92
|
+
u && "aspect-square px-0",
|
|
93
93
|
v && "w-full",
|
|
94
94
|
c && "disabled:opacity-100",
|
|
95
95
|
t
|
|
@@ -99,15 +99,15 @@ const Ir = Re(
|
|
|
99
99
|
/* @__PURE__ */ s(
|
|
100
100
|
"span",
|
|
101
101
|
{
|
|
102
|
-
className:
|
|
102
|
+
className: i(
|
|
103
103
|
"inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap) transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
|
|
104
104
|
c && "translate-y-2 opacity-0"
|
|
105
105
|
),
|
|
106
106
|
"aria-hidden": c || void 0,
|
|
107
107
|
children: [
|
|
108
|
-
!c &&
|
|
108
|
+
!c && o ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", k), "aria-hidden": !0, children: o }) : null,
|
|
109
109
|
h,
|
|
110
|
-
!c &&
|
|
110
|
+
!c && m ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", k), "aria-hidden": !0, children: m }) : null
|
|
111
111
|
]
|
|
112
112
|
}
|
|
113
113
|
),
|
|
@@ -115,12 +115,12 @@ const Ir = Re(
|
|
|
115
115
|
"span",
|
|
116
116
|
{
|
|
117
117
|
"data-button-spinner": !0,
|
|
118
|
-
className:
|
|
118
|
+
className: i(
|
|
119
119
|
"pointer-events-none absolute inset-0 flex items-center justify-center transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
|
|
120
120
|
c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
|
|
121
121
|
),
|
|
122
122
|
"aria-hidden": !0,
|
|
123
|
-
children: /* @__PURE__ */ e(
|
|
123
|
+
children: /* @__PURE__ */ e(Rr, { className: i("text-current", k) })
|
|
124
124
|
}
|
|
125
125
|
)
|
|
126
126
|
] })
|
|
@@ -129,25 +129,25 @@ const Ir = Re(
|
|
|
129
129
|
}
|
|
130
130
|
);
|
|
131
131
|
M.displayName = "Button";
|
|
132
|
-
function
|
|
132
|
+
function Pa({
|
|
133
133
|
command: t,
|
|
134
134
|
tag: r = "Build with agents",
|
|
135
135
|
icon: n,
|
|
136
136
|
className: l
|
|
137
137
|
}) {
|
|
138
|
-
const [
|
|
138
|
+
const [o, m] = D(!1), u = async () => {
|
|
139
139
|
try {
|
|
140
|
-
await navigator.clipboard.writeText(t),
|
|
140
|
+
await navigator.clipboard.writeText(t), m(!0), window.setTimeout(() => m(!1), 1500);
|
|
141
141
|
} catch {
|
|
142
142
|
}
|
|
143
143
|
};
|
|
144
|
-
return /* @__PURE__ */ s("div", { className:
|
|
144
|
+
return /* @__PURE__ */ s("div", { className: i("relative inline-flex max-w-full", l), children: [
|
|
145
145
|
/* @__PURE__ */ s("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
|
|
146
|
-
n ?? /* @__PURE__ */ e(
|
|
146
|
+
n ?? /* @__PURE__ */ e(cr, { className: "size-3.5", weight: "fill" }),
|
|
147
147
|
r
|
|
148
148
|
] }),
|
|
149
149
|
/* @__PURE__ */ s("div", { className: "mt-2 flex w-full items-center gap-2 rounded-xl border border-line bg-surface py-2 pl-3 pr-2 shadow-sm", children: [
|
|
150
|
-
/* @__PURE__ */ e(
|
|
150
|
+
/* @__PURE__ */ e(ur, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
|
|
151
151
|
/* @__PURE__ */ e("span", { className: "truncate font-mono text-sm text-fg", children: t }),
|
|
152
152
|
/* @__PURE__ */ e(
|
|
153
153
|
M,
|
|
@@ -157,8 +157,8 @@ function Ta({
|
|
|
157
157
|
iconOnly: !0,
|
|
158
158
|
"aria-label": "Copy prompt",
|
|
159
159
|
className: "ml-auto",
|
|
160
|
-
onClick:
|
|
161
|
-
children:
|
|
160
|
+
onClick: u,
|
|
161
|
+
children: o ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(pt, {})
|
|
162
162
|
}
|
|
163
163
|
)
|
|
164
164
|
] })
|
|
@@ -168,7 +168,7 @@ const xt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
168
168
|
je.Root,
|
|
169
169
|
{
|
|
170
170
|
ref: n,
|
|
171
|
-
className:
|
|
171
|
+
className: i(
|
|
172
172
|
"relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
|
|
173
173
|
t
|
|
174
174
|
),
|
|
@@ -180,7 +180,7 @@ const vt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
180
180
|
je.Image,
|
|
181
181
|
{
|
|
182
182
|
ref: n,
|
|
183
|
-
className:
|
|
183
|
+
className: i("aspect-square size-full object-cover", t),
|
|
184
184
|
...r
|
|
185
185
|
}
|
|
186
186
|
));
|
|
@@ -189,7 +189,7 @@ const Nt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
189
189
|
je.Fallback,
|
|
190
190
|
{
|
|
191
191
|
ref: n,
|
|
192
|
-
className:
|
|
192
|
+
className: i(
|
|
193
193
|
"flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
|
|
194
194
|
t
|
|
195
195
|
),
|
|
@@ -197,7 +197,7 @@ const Nt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
197
197
|
}
|
|
198
198
|
));
|
|
199
199
|
Nt.displayName = "AvatarFallback";
|
|
200
|
-
const
|
|
200
|
+
const _r = Re(
|
|
201
201
|
"inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
|
|
202
202
|
{
|
|
203
203
|
variants: {
|
|
@@ -213,7 +213,7 @@ const jr = Re(
|
|
|
213
213
|
},
|
|
214
214
|
defaultVariants: { variant: "neutral" }
|
|
215
215
|
}
|
|
216
|
-
),
|
|
216
|
+
), Lr = Re("size-1.5 shrink-0 rounded-full", {
|
|
217
217
|
variants: {
|
|
218
218
|
variant: {
|
|
219
219
|
neutral: "bg-subtle",
|
|
@@ -227,54 +227,54 @@ const jr = Re(
|
|
|
227
227
|
},
|
|
228
228
|
defaultVariants: { variant: "neutral" }
|
|
229
229
|
});
|
|
230
|
-
function
|
|
231
|
-
return /* @__PURE__ */ s("span", { className:
|
|
232
|
-
n ? /* @__PURE__ */ e("span", { className:
|
|
230
|
+
function Ar({ className: t, variant: r, dot: n = !1, children: l, ...o }) {
|
|
231
|
+
return /* @__PURE__ */ s("span", { className: i(_r({ variant: r }), t), ...o, children: [
|
|
232
|
+
n ? /* @__PURE__ */ e("span", { className: i(Lr({ variant: r })), "aria-hidden": !0 }) : null,
|
|
233
233
|
l
|
|
234
234
|
] });
|
|
235
235
|
}
|
|
236
|
-
const
|
|
236
|
+
const Br = {
|
|
237
237
|
info: {
|
|
238
|
-
Icon:
|
|
238
|
+
Icon: br,
|
|
239
239
|
className: "border-info/30 bg-info/10",
|
|
240
240
|
iconClassName: "text-info"
|
|
241
241
|
},
|
|
242
242
|
success: {
|
|
243
|
-
Icon:
|
|
243
|
+
Icon: fr,
|
|
244
244
|
className: "border-success/30 bg-success/10",
|
|
245
245
|
iconClassName: "text-success"
|
|
246
246
|
},
|
|
247
247
|
warning: {
|
|
248
|
-
Icon:
|
|
248
|
+
Icon: pr,
|
|
249
249
|
className: "border-warning/30 bg-warning/10",
|
|
250
250
|
iconClassName: "text-warning"
|
|
251
251
|
},
|
|
252
252
|
error: {
|
|
253
|
-
Icon:
|
|
253
|
+
Icon: mr,
|
|
254
254
|
className: "border-error/30 bg-error/10",
|
|
255
255
|
iconClassName: "text-error"
|
|
256
256
|
}
|
|
257
257
|
};
|
|
258
|
-
function
|
|
258
|
+
function Ia({
|
|
259
259
|
variant: t = "info",
|
|
260
260
|
title: r,
|
|
261
261
|
children: n,
|
|
262
262
|
icon: l,
|
|
263
|
-
className:
|
|
263
|
+
className: o
|
|
264
264
|
}) {
|
|
265
|
-
const { Icon:
|
|
265
|
+
const { Icon: m, className: u, iconClassName: c } = Br[t];
|
|
266
266
|
return /* @__PURE__ */ s(
|
|
267
267
|
"div",
|
|
268
268
|
{
|
|
269
269
|
role: t === "error" ? "alert" : void 0,
|
|
270
|
-
className:
|
|
270
|
+
className: i(
|
|
271
271
|
"flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
|
|
272
272
|
"animate-in fade-in-0 slide-in-from-top-1 duration-200 motion-reduce:animate-none",
|
|
273
|
-
|
|
274
|
-
|
|
273
|
+
u,
|
|
274
|
+
o
|
|
275
275
|
),
|
|
276
276
|
children: [
|
|
277
|
-
/* @__PURE__ */ e("span", { className:
|
|
277
|
+
/* @__PURE__ */ e("span", { className: i("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ e(m, { weight: "fill" }) }),
|
|
278
278
|
/* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
|
|
279
279
|
r ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: r }) : null,
|
|
280
280
|
n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
|
|
@@ -283,14 +283,14 @@ function Ma({
|
|
|
283
283
|
}
|
|
284
284
|
);
|
|
285
285
|
}
|
|
286
|
-
function
|
|
286
|
+
function Fr({
|
|
287
287
|
className: t,
|
|
288
288
|
...r
|
|
289
289
|
}) {
|
|
290
290
|
return /* @__PURE__ */ e(
|
|
291
291
|
"div",
|
|
292
292
|
{
|
|
293
|
-
className:
|
|
293
|
+
className: i(
|
|
294
294
|
"w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
|
|
295
295
|
t
|
|
296
296
|
),
|
|
@@ -298,14 +298,14 @@ function Ar({
|
|
|
298
298
|
}
|
|
299
299
|
);
|
|
300
300
|
}
|
|
301
|
-
function
|
|
301
|
+
function $r({
|
|
302
302
|
className: t,
|
|
303
303
|
...r
|
|
304
304
|
}) {
|
|
305
305
|
return /* @__PURE__ */ e(
|
|
306
306
|
"div",
|
|
307
307
|
{
|
|
308
|
-
className:
|
|
308
|
+
className: i(
|
|
309
309
|
"overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
|
|
310
310
|
t
|
|
311
311
|
),
|
|
@@ -313,26 +313,26 @@ function Br({
|
|
|
313
313
|
}
|
|
314
314
|
);
|
|
315
315
|
}
|
|
316
|
-
function
|
|
316
|
+
function Ra({ className: t, ...r }) {
|
|
317
317
|
return /* @__PURE__ */ e(
|
|
318
318
|
"table",
|
|
319
319
|
{
|
|
320
|
-
className:
|
|
320
|
+
className: i("w-full table-fixed border-collapse caption-bottom text-sm", t),
|
|
321
321
|
...r
|
|
322
322
|
}
|
|
323
323
|
);
|
|
324
324
|
}
|
|
325
|
-
function
|
|
325
|
+
function ja({ className: t, ...r }) {
|
|
326
326
|
return /* @__PURE__ */ e("thead", { className: t, ...r });
|
|
327
327
|
}
|
|
328
|
-
function
|
|
329
|
-
return /* @__PURE__ */ e("tbody", { className:
|
|
328
|
+
function qr({ className: t, ...r }) {
|
|
329
|
+
return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...r });
|
|
330
330
|
}
|
|
331
|
-
function
|
|
331
|
+
function Gr({ className: t, ...r }) {
|
|
332
332
|
return /* @__PURE__ */ e(
|
|
333
333
|
"tr",
|
|
334
334
|
{
|
|
335
|
-
className:
|
|
335
|
+
className: i(
|
|
336
336
|
"border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
|
|
337
337
|
t
|
|
338
338
|
),
|
|
@@ -340,11 +340,11 @@ function $r({ className: t, ...r }) {
|
|
|
340
340
|
}
|
|
341
341
|
);
|
|
342
342
|
}
|
|
343
|
-
function
|
|
343
|
+
function Ea({ className: t, ...r }) {
|
|
344
344
|
return /* @__PURE__ */ e(
|
|
345
345
|
"th",
|
|
346
346
|
{
|
|
347
|
-
className:
|
|
347
|
+
className: i(
|
|
348
348
|
"h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
|
|
349
349
|
t
|
|
350
350
|
),
|
|
@@ -356,7 +356,7 @@ function ke({ className: t, ...r }) {
|
|
|
356
356
|
return /* @__PURE__ */ e(
|
|
357
357
|
"td",
|
|
358
358
|
{
|
|
359
|
-
className:
|
|
359
|
+
className: i(
|
|
360
360
|
"whitespace-nowrap px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
|
|
361
361
|
t
|
|
362
362
|
),
|
|
@@ -364,16 +364,16 @@ function ke({ className: t, ...r }) {
|
|
|
364
364
|
}
|
|
365
365
|
);
|
|
366
366
|
}
|
|
367
|
-
const
|
|
367
|
+
const Hr = {
|
|
368
368
|
default: "bg-table-container",
|
|
369
369
|
muted: "bg-surface border border-line",
|
|
370
370
|
transparent: "bg-transparent"
|
|
371
|
-
},
|
|
371
|
+
}, Vr = {
|
|
372
372
|
default: "bg-table-panel border-table-panel-border",
|
|
373
373
|
muted: "bg-elevated border-line",
|
|
374
374
|
transparent: "bg-transparent border-line"
|
|
375
375
|
};
|
|
376
|
-
function
|
|
376
|
+
function Wr(t) {
|
|
377
377
|
return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
|
|
378
378
|
}
|
|
379
379
|
function be({
|
|
@@ -381,30 +381,32 @@ function be({
|
|
|
381
381
|
description: r,
|
|
382
382
|
header: n,
|
|
383
383
|
children: l,
|
|
384
|
-
action:
|
|
385
|
-
tone:
|
|
386
|
-
className:
|
|
384
|
+
action: o,
|
|
385
|
+
tone: m = "default",
|
|
386
|
+
className: u,
|
|
387
387
|
headerClassName: c,
|
|
388
388
|
panelClassName: v,
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
389
|
+
footer: b,
|
|
390
|
+
footerClassName: h,
|
|
391
|
+
minHeight: y,
|
|
392
|
+
scrollMode: C = "surface",
|
|
393
|
+
headerContentRef: N
|
|
392
394
|
}) {
|
|
393
|
-
const
|
|
395
|
+
const k = !!(t || r), S = C === "panel", g = Wr(o) ? /* @__PURE__ */ e(
|
|
394
396
|
M,
|
|
395
397
|
{
|
|
396
|
-
variant:
|
|
398
|
+
variant: o.variant ?? "primary",
|
|
397
399
|
size: "xs",
|
|
398
|
-
leadingIcon:
|
|
399
|
-
onClick:
|
|
400
|
-
disabled:
|
|
401
|
-
asChild: !!
|
|
402
|
-
children:
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
] }) :
|
|
400
|
+
leadingIcon: o.href ? void 0 : o.icon,
|
|
401
|
+
onClick: o.onClick,
|
|
402
|
+
disabled: o.disabled,
|
|
403
|
+
asChild: !!o.href,
|
|
404
|
+
children: o.href ? /* @__PURE__ */ s("a", { href: o.href, children: [
|
|
405
|
+
o.icon,
|
|
406
|
+
o.label
|
|
407
|
+
] }) : o.label
|
|
406
408
|
}
|
|
407
|
-
) :
|
|
409
|
+
) : o, I = n || k ? (
|
|
408
410
|
// Header rows must not inherit the body row hover surface. Panel mode
|
|
409
411
|
// clips the band instead of scrolling it; the caller translates the
|
|
410
412
|
// inner wrapper so titles track the row content. px-px mirrors the
|
|
@@ -413,18 +415,18 @@ function be({
|
|
|
413
415
|
/* @__PURE__ */ s(
|
|
414
416
|
"div",
|
|
415
417
|
{
|
|
416
|
-
className:
|
|
418
|
+
className: i(
|
|
417
419
|
"[--table-row-hover:transparent] text-table-header",
|
|
418
|
-
|
|
420
|
+
S && "overflow-hidden px-px",
|
|
419
421
|
c
|
|
420
422
|
),
|
|
421
423
|
children: [
|
|
422
|
-
|
|
424
|
+
k ? /* @__PURE__ */ s(
|
|
423
425
|
"div",
|
|
424
426
|
{
|
|
425
|
-
className:
|
|
427
|
+
className: i(
|
|
426
428
|
"px-(--table-pad-x) pb-3 pt-4",
|
|
427
|
-
|
|
429
|
+
g && "pr-28"
|
|
428
430
|
),
|
|
429
431
|
children: [
|
|
430
432
|
t ? /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-fg", children: t }) : null,
|
|
@@ -432,30 +434,40 @@ function be({
|
|
|
432
434
|
]
|
|
433
435
|
}
|
|
434
436
|
) : null,
|
|
435
|
-
|
|
437
|
+
S ? /* @__PURE__ */ e("div", { ref: N, children: n }) : n
|
|
436
438
|
]
|
|
437
439
|
}
|
|
438
440
|
)
|
|
439
|
-
) : null,
|
|
440
|
-
|
|
441
|
+
) : null, j = /* @__PURE__ */ e(
|
|
442
|
+
$r,
|
|
441
443
|
{
|
|
442
|
-
className:
|
|
443
|
-
style:
|
|
444
|
+
className: i(Vr[m], v),
|
|
445
|
+
style: y ? { minHeight: y } : void 0,
|
|
444
446
|
children: l
|
|
445
447
|
}
|
|
446
448
|
);
|
|
447
|
-
return /* @__PURE__ */ s(
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
449
|
+
return /* @__PURE__ */ s(Fr, { className: i("relative", Hr[m], u), children: [
|
|
450
|
+
S ? /* @__PURE__ */ s(Ie, { children: [
|
|
451
|
+
I,
|
|
452
|
+
j
|
|
451
453
|
] }) : /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
|
|
452
|
-
|
|
453
|
-
|
|
454
|
+
I,
|
|
455
|
+
j
|
|
454
456
|
] }),
|
|
455
|
-
|
|
457
|
+
b ? /* @__PURE__ */ e(
|
|
458
|
+
"div",
|
|
459
|
+
{
|
|
460
|
+
className: i(
|
|
461
|
+
"border-t border-line px-(--table-pad-x) py-3 text-table-header",
|
|
462
|
+
h
|
|
463
|
+
),
|
|
464
|
+
children: b
|
|
465
|
+
}
|
|
466
|
+
) : null,
|
|
467
|
+
g ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: g }) }) : null
|
|
456
468
|
] });
|
|
457
469
|
}
|
|
458
|
-
function
|
|
470
|
+
function Or(t) {
|
|
459
471
|
const r = bt.toArray(t), n = r.filter(
|
|
460
472
|
(l) => ht(l) && l.type === yt
|
|
461
473
|
);
|
|
@@ -464,18 +476,18 @@ function Vr(t) {
|
|
|
464
476
|
body: r.filter((l) => !n.includes(l))
|
|
465
477
|
};
|
|
466
478
|
}
|
|
467
|
-
const
|
|
479
|
+
const Ur = f(
|
|
468
480
|
({ className: t, children: r, ...n }, l) => {
|
|
469
|
-
const { header:
|
|
470
|
-
return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className:
|
|
481
|
+
const { header: o, body: m } = Or(r);
|
|
482
|
+
return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className: i("shadow-xs", t), header: o, children: m }) });
|
|
471
483
|
}
|
|
472
484
|
);
|
|
473
|
-
|
|
485
|
+
Ur.displayName = "Card";
|
|
474
486
|
const yt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
475
487
|
"div",
|
|
476
488
|
{
|
|
477
489
|
ref: n,
|
|
478
|
-
className:
|
|
490
|
+
className: i(
|
|
479
491
|
"flex flex-col gap-1 px-5 py-4",
|
|
480
492
|
t
|
|
481
493
|
),
|
|
@@ -483,20 +495,20 @@ const yt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
483
495
|
}
|
|
484
496
|
));
|
|
485
497
|
yt.displayName = "CardHeader";
|
|
486
|
-
const
|
|
498
|
+
const Xr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
487
499
|
"h2",
|
|
488
500
|
{
|
|
489
501
|
ref: n,
|
|
490
|
-
className:
|
|
502
|
+
className: i("text-sm font-semibold text-fg", t),
|
|
491
503
|
...r
|
|
492
504
|
}
|
|
493
505
|
));
|
|
494
|
-
|
|
495
|
-
const
|
|
506
|
+
Xr.displayName = "CardTitle";
|
|
507
|
+
const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
496
508
|
"p",
|
|
497
509
|
{
|
|
498
510
|
ref: n,
|
|
499
|
-
className:
|
|
511
|
+
className: i(
|
|
500
512
|
"mt-1 border-t border-card-divider pt-2 text-sm text-muted",
|
|
501
513
|
"first:mt-0 first:border-t-0 first:pt-0",
|
|
502
514
|
t
|
|
@@ -504,26 +516,26 @@ const Ur = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
504
516
|
...r
|
|
505
517
|
}
|
|
506
518
|
));
|
|
507
|
-
|
|
508
|
-
const
|
|
509
|
-
|
|
510
|
-
const
|
|
519
|
+
Jr.displayName = "CardDescription";
|
|
520
|
+
const Kr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: i("px-5 py-4", t), ...r }));
|
|
521
|
+
Kr.displayName = "CardContent";
|
|
522
|
+
const Qr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
511
523
|
"div",
|
|
512
524
|
{
|
|
513
525
|
ref: n,
|
|
514
|
-
className:
|
|
526
|
+
className: i(
|
|
515
527
|
"flex items-center gap-3 border-t border-line px-5 py-3",
|
|
516
528
|
t
|
|
517
529
|
),
|
|
518
530
|
...r
|
|
519
531
|
}
|
|
520
532
|
));
|
|
521
|
-
|
|
533
|
+
Qr.displayName = "CardFooter";
|
|
522
534
|
const Te = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
523
535
|
st.Root,
|
|
524
536
|
{
|
|
525
537
|
ref: n,
|
|
526
|
-
className:
|
|
538
|
+
className: i(
|
|
527
539
|
"peer size-4 shrink-0 rounded border border-line-strong bg-transparent transition-colors",
|
|
528
540
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/40",
|
|
529
541
|
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
@@ -532,7 +544,7 @@ const Te = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
532
544
|
t
|
|
533
545
|
),
|
|
534
546
|
...r,
|
|
535
|
-
children: /* @__PURE__ */ e(st.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(
|
|
547
|
+
children: /* @__PURE__ */ e(st.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(hr, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3", weight: "bold" }) })
|
|
536
548
|
}
|
|
537
549
|
));
|
|
538
550
|
Te.displayName = "Checkbox";
|
|
@@ -542,7 +554,7 @@ function dt(t) {
|
|
|
542
554
|
function ct(t) {
|
|
543
555
|
return Math.min(1, Math.max(0.1, t));
|
|
544
556
|
}
|
|
545
|
-
function
|
|
557
|
+
function Yr(t, r) {
|
|
546
558
|
return !dt(t) || !dt(r) ? null : {
|
|
547
559
|
dx: t.left + t.width / 2 - (r.left + r.width / 2),
|
|
548
560
|
dy: t.top + t.height / 2 - (r.top + r.height / 2),
|
|
@@ -568,7 +580,7 @@ function Me(t) {
|
|
|
568
580
|
const n = Ee(r);
|
|
569
581
|
n && (V = { rect: n, at: Date.now() });
|
|
570
582
|
}
|
|
571
|
-
function
|
|
583
|
+
function Zr() {
|
|
572
584
|
ut || typeof document > "u" || (ut = !0, document.addEventListener(
|
|
573
585
|
"pointerdown",
|
|
574
586
|
(t) => Me(t.target),
|
|
@@ -581,7 +593,7 @@ function Qr() {
|
|
|
581
593
|
!0
|
|
582
594
|
));
|
|
583
595
|
}
|
|
584
|
-
function
|
|
596
|
+
function ea(t) {
|
|
585
597
|
if (V && Date.now() - V.at < 2e3) {
|
|
586
598
|
const n = V.rect;
|
|
587
599
|
return V = null, n;
|
|
@@ -590,21 +602,21 @@ function Yr(t) {
|
|
|
590
602
|
const r = document.activeElement;
|
|
591
603
|
return r instanceof Element && r !== t && !t.contains(r) && r.matches(wt) ? Ee(r) : null;
|
|
592
604
|
}
|
|
593
|
-
const
|
|
605
|
+
const ta = 250, Ct = te(!1), St = te(() => {
|
|
594
606
|
}), _e = te(!1);
|
|
595
|
-
function
|
|
607
|
+
function ra({
|
|
596
608
|
open: t,
|
|
597
609
|
defaultOpen: r,
|
|
598
610
|
onOpenChange: n,
|
|
599
611
|
children: l,
|
|
600
|
-
...
|
|
612
|
+
...o
|
|
601
613
|
}) {
|
|
602
|
-
const [
|
|
614
|
+
const [m, u] = D(
|
|
603
615
|
r ?? !1
|
|
604
|
-
), [c, v] = D(!1), b =
|
|
616
|
+
), [c, v] = D(!1), b = _(!1), h = _(null), y = t ?? m, C = _(y);
|
|
605
617
|
C.current = y;
|
|
606
618
|
const N = t !== void 0;
|
|
607
|
-
Q(() =>
|
|
619
|
+
Q(() => Zr(), []), Q(() => {
|
|
608
620
|
t && (h.current && clearTimeout(h.current), b.current = !1, v(!1));
|
|
609
621
|
}, [t]), Q(
|
|
610
622
|
() => () => {
|
|
@@ -612,34 +624,34 @@ function ea({
|
|
|
612
624
|
},
|
|
613
625
|
[]
|
|
614
626
|
);
|
|
615
|
-
const
|
|
616
|
-
if (
|
|
617
|
-
h.current && clearTimeout(h.current), b.current = !1, v(!1), N ||
|
|
627
|
+
const k = (S) => {
|
|
628
|
+
if (S) {
|
|
629
|
+
h.current && clearTimeout(h.current), b.current = !1, v(!1), N || u(!0), n == null || n(!0);
|
|
618
630
|
return;
|
|
619
631
|
}
|
|
620
632
|
if (!y || b.current) return;
|
|
621
633
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
622
|
-
N ||
|
|
634
|
+
N || u(!1), n == null || n(!1);
|
|
623
635
|
return;
|
|
624
636
|
}
|
|
625
637
|
b.current = !0, v(!0), h.current = setTimeout(() => {
|
|
626
|
-
N ||
|
|
638
|
+
N || u(!1), n == null || n(!1), requestAnimationFrame(() => {
|
|
627
639
|
C.current && (b.current = !1, v(!1));
|
|
628
640
|
});
|
|
629
|
-
},
|
|
641
|
+
}, ta);
|
|
630
642
|
};
|
|
631
|
-
return /* @__PURE__ */ e(St.Provider, { value: () =>
|
|
632
|
-
|
|
643
|
+
return /* @__PURE__ */ e(St.Provider, { value: () => k(!1), children: /* @__PURE__ */ e(Ct.Provider, { value: c, children: /* @__PURE__ */ e(_e.Provider, { value: !0, children: /* @__PURE__ */ e(
|
|
644
|
+
R.Root,
|
|
633
645
|
{
|
|
634
646
|
open: y,
|
|
635
|
-
onOpenChange:
|
|
636
|
-
...
|
|
647
|
+
onOpenChange: k,
|
|
648
|
+
...o,
|
|
637
649
|
children: l
|
|
638
650
|
}
|
|
639
651
|
) }) }) });
|
|
640
652
|
}
|
|
641
653
|
const kt = f(({ onClick: t, ...r }, n) => /* @__PURE__ */ e(
|
|
642
|
-
|
|
654
|
+
R.Trigger,
|
|
643
655
|
{
|
|
644
656
|
ref: n,
|
|
645
657
|
onClick: (l) => {
|
|
@@ -649,8 +661,8 @@ const kt = f(({ onClick: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
649
661
|
}
|
|
650
662
|
));
|
|
651
663
|
kt.displayName = "DialogTrigger";
|
|
652
|
-
const
|
|
653
|
-
({ variant: t = "secondary", children: r = "Cancel", ...n }, l) => /* @__PURE__ */ e(
|
|
664
|
+
const _a = R.Close, zt = f(
|
|
665
|
+
({ variant: t = "secondary", children: r = "Cancel", ...n }, l) => /* @__PURE__ */ e(R.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: r }) })
|
|
654
666
|
);
|
|
655
667
|
zt.displayName = "DialogCancel";
|
|
656
668
|
function Dt(t, r = !0) {
|
|
@@ -662,16 +674,16 @@ function Dt(t, r = !0) {
|
|
|
662
674
|
return;
|
|
663
675
|
}
|
|
664
676
|
t.dataset.dialogMotionStarted = "true";
|
|
665
|
-
const l =
|
|
666
|
-
|
|
667
|
-
const
|
|
677
|
+
const l = ea(t), o = l ? Yr(l, n) : null;
|
|
678
|
+
o ? (t.style.setProperty("--dialog-dx", `${o.dx}px`), t.style.setProperty("--dialog-dy", `${o.dy}px`), t.style.setProperty("--dialog-sx", String(o.sx)), t.style.setProperty("--dialog-sy", String(o.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
|
|
679
|
+
const m = () => {
|
|
668
680
|
t.classList.remove("dialog-fly-in", "dialog-pop-in");
|
|
669
|
-
},
|
|
670
|
-
c.target === t && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend",
|
|
681
|
+
}, u = (c) => {
|
|
682
|
+
c.target === t && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", u), m()));
|
|
671
683
|
};
|
|
672
|
-
t.addEventListener("animationend",
|
|
684
|
+
t.addEventListener("animationend", u);
|
|
673
685
|
}
|
|
674
|
-
function
|
|
686
|
+
function aa(t) {
|
|
675
687
|
return t.replace(/dvh\b/g, "vh");
|
|
676
688
|
}
|
|
677
689
|
const Tt = f(
|
|
@@ -680,30 +692,30 @@ const Tt = f(
|
|
|
680
692
|
children: r,
|
|
681
693
|
placement: n = "center",
|
|
682
694
|
topOffset: l = "11dvh",
|
|
683
|
-
motion:
|
|
684
|
-
style:
|
|
685
|
-
onEscapeKeyDown:
|
|
695
|
+
motion: o = "auto",
|
|
696
|
+
style: m,
|
|
697
|
+
onEscapeKeyDown: u,
|
|
686
698
|
onPointerDownOutside: c,
|
|
687
699
|
...v
|
|
688
700
|
}, b) => {
|
|
689
701
|
const h = W(Ct), y = n === "top", C = y ? {
|
|
690
702
|
"--dialog-top-offset": l,
|
|
691
|
-
"--dialog-top-offset-fallback":
|
|
692
|
-
} : void 0, N = W(St),
|
|
703
|
+
"--dialog-top-offset-fallback": aa(l)
|
|
704
|
+
} : void 0, N = W(St), k = _(null), S = gt(
|
|
693
705
|
(g) => {
|
|
694
|
-
if (
|
|
706
|
+
if (k.current = g, g && o === "auto" && Dt(g), typeof b == "function") {
|
|
695
707
|
b(g);
|
|
696
708
|
return;
|
|
697
709
|
}
|
|
698
710
|
b && (b.current = g);
|
|
699
711
|
},
|
|
700
|
-
[
|
|
712
|
+
[o, b]
|
|
701
713
|
);
|
|
702
|
-
return /* @__PURE__ */ s(
|
|
714
|
+
return /* @__PURE__ */ s(R.Portal, { children: [
|
|
703
715
|
/* @__PURE__ */ e(
|
|
704
|
-
|
|
716
|
+
R.Overlay,
|
|
705
717
|
{
|
|
706
|
-
className:
|
|
718
|
+
className: i(
|
|
707
719
|
"fixed inset-0 z-50 overflow-hidden bg-overlay backdrop-blur-[3px] data-[state=open]:animate-in data-[state=open]:fade-in-0",
|
|
708
720
|
!h && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
|
|
709
721
|
h && "opacity-0 transition-opacity duration-200"
|
|
@@ -720,26 +732,26 @@ const Tt = f(
|
|
|
720
732
|
/* @__PURE__ */ e(
|
|
721
733
|
"div",
|
|
722
734
|
{
|
|
723
|
-
className:
|
|
735
|
+
className: i(
|
|
724
736
|
"pointer-events-none fixed inset-0 z-50 flex justify-center overflow-y-auto p-4",
|
|
725
737
|
y ? "items-start" : "items-center"
|
|
726
738
|
),
|
|
727
739
|
children: /* @__PURE__ */ s(
|
|
728
|
-
|
|
740
|
+
R.Content,
|
|
729
741
|
{
|
|
730
|
-
ref:
|
|
731
|
-
style: C ? { ...C, ...
|
|
732
|
-
className:
|
|
742
|
+
ref: S,
|
|
743
|
+
style: C ? { ...C, ...m } : m,
|
|
744
|
+
className: i(
|
|
733
745
|
"dialog-content pointer-events-auto relative flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] flex-col gap-0 overflow-hidden will-change-[transform,opacity]",
|
|
734
746
|
"rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
|
|
735
747
|
y && "dialog-anchor-top",
|
|
736
|
-
|
|
748
|
+
o === "command" && "dialog-command-motion",
|
|
737
749
|
h && "dialog-closing",
|
|
738
750
|
"focus:outline-none",
|
|
739
751
|
t
|
|
740
752
|
),
|
|
741
753
|
onEscapeKeyDown: (g) => {
|
|
742
|
-
|
|
754
|
+
u == null || u(g), !g.defaultPrevented && (g.preventDefault(), N());
|
|
743
755
|
},
|
|
744
756
|
onPointerDownOutside: (g) => {
|
|
745
757
|
c == null || c(g), !g.defaultPrevented && (g.preventDefault(), N());
|
|
@@ -747,7 +759,7 @@ const Tt = f(
|
|
|
747
759
|
...v,
|
|
748
760
|
children: [
|
|
749
761
|
r,
|
|
750
|
-
/* @__PURE__ */ s(
|
|
762
|
+
/* @__PURE__ */ s(R.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
|
|
751
763
|
/* @__PURE__ */ e(ue, { className: "size-4" }),
|
|
752
764
|
/* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
|
|
753
765
|
] })
|
|
@@ -760,7 +772,7 @@ const Tt = f(
|
|
|
760
772
|
}
|
|
761
773
|
);
|
|
762
774
|
Tt.displayName = "DialogContent";
|
|
763
|
-
function
|
|
775
|
+
function na({
|
|
764
776
|
className: t,
|
|
765
777
|
...r
|
|
766
778
|
}) {
|
|
@@ -768,7 +780,7 @@ function ra({
|
|
|
768
780
|
"div",
|
|
769
781
|
{
|
|
770
782
|
"data-slot": "panel",
|
|
771
|
-
className:
|
|
783
|
+
className: i(
|
|
772
784
|
"flex min-h-0 flex-1 flex-col overflow-hidden rounded-b-2xl border-x-0 border-t-0 border-b border-(--dialog-panel-border) bg-(--dialog-panel-bg) shadow-(--dialog-panel-shadow)",
|
|
773
785
|
t
|
|
774
786
|
),
|
|
@@ -776,7 +788,7 @@ function ra({
|
|
|
776
788
|
}
|
|
777
789
|
);
|
|
778
790
|
}
|
|
779
|
-
function
|
|
791
|
+
function la({
|
|
780
792
|
className: t,
|
|
781
793
|
...r
|
|
782
794
|
}) {
|
|
@@ -784,12 +796,12 @@ function aa({
|
|
|
784
796
|
"div",
|
|
785
797
|
{
|
|
786
798
|
"data-slot": "body",
|
|
787
|
-
className:
|
|
799
|
+
className: i("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
|
|
788
800
|
...r
|
|
789
801
|
}
|
|
790
802
|
);
|
|
791
803
|
}
|
|
792
|
-
function
|
|
804
|
+
function ia({
|
|
793
805
|
className: t,
|
|
794
806
|
...r
|
|
795
807
|
}) {
|
|
@@ -797,7 +809,7 @@ function na({
|
|
|
797
809
|
"div",
|
|
798
810
|
{
|
|
799
811
|
"data-slot": "header",
|
|
800
|
-
className:
|
|
812
|
+
className: i(
|
|
801
813
|
"flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
|
|
802
814
|
t
|
|
803
815
|
),
|
|
@@ -805,7 +817,7 @@ function na({
|
|
|
805
817
|
}
|
|
806
818
|
);
|
|
807
819
|
}
|
|
808
|
-
function
|
|
820
|
+
function oa({
|
|
809
821
|
className: t,
|
|
810
822
|
...r
|
|
811
823
|
}) {
|
|
@@ -813,7 +825,7 @@ function la({
|
|
|
813
825
|
"div",
|
|
814
826
|
{
|
|
815
827
|
"data-slot": "footer",
|
|
816
|
-
className:
|
|
828
|
+
className: i(
|
|
817
829
|
"flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:px-4 sm:pt-3.5 sm:*:flex-1",
|
|
818
830
|
t
|
|
819
831
|
),
|
|
@@ -822,78 +834,78 @@ function la({
|
|
|
822
834
|
);
|
|
823
835
|
}
|
|
824
836
|
const Mt = f(({ className: t, ...r }, n) => {
|
|
825
|
-
const l = W(_e) ?
|
|
837
|
+
const l = W(_e) ? R.Title : "h2";
|
|
826
838
|
return /* @__PURE__ */ e(
|
|
827
839
|
l,
|
|
828
840
|
{
|
|
829
841
|
ref: n,
|
|
830
|
-
className:
|
|
842
|
+
className: i("text-base font-semibold text-fg", t),
|
|
831
843
|
...r
|
|
832
844
|
}
|
|
833
845
|
);
|
|
834
846
|
});
|
|
835
847
|
Mt.displayName = "DialogTitle";
|
|
836
|
-
const
|
|
837
|
-
const l = W(_e) ?
|
|
848
|
+
const sa = f(({ className: t, ...r }, n) => {
|
|
849
|
+
const l = W(_e) ? R.Description : "p";
|
|
838
850
|
return /* @__PURE__ */ e(
|
|
839
851
|
l,
|
|
840
852
|
{
|
|
841
853
|
ref: n,
|
|
842
|
-
className:
|
|
854
|
+
className: i("text-sm text-muted", t),
|
|
843
855
|
...r
|
|
844
856
|
}
|
|
845
857
|
);
|
|
846
858
|
});
|
|
847
|
-
|
|
859
|
+
sa.displayName = "DialogDescription";
|
|
848
860
|
const Pt = te(null);
|
|
849
|
-
function
|
|
861
|
+
function da({
|
|
850
862
|
label: t,
|
|
851
863
|
value: r,
|
|
852
864
|
onChange: n,
|
|
853
865
|
disabled: l = !1,
|
|
854
|
-
name:
|
|
855
|
-
className:
|
|
856
|
-
children:
|
|
866
|
+
name: o,
|
|
867
|
+
className: m,
|
|
868
|
+
children: u,
|
|
857
869
|
...c
|
|
858
870
|
}) {
|
|
859
|
-
const v = fe(), b =
|
|
860
|
-
return /* @__PURE__ */ e(Pt.Provider, { value: { name: b, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className:
|
|
871
|
+
const v = fe(), b = o ?? v;
|
|
872
|
+
return /* @__PURE__ */ e(Pt.Provider, { value: { name: b, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: i("flex flex-col gap-6", m), ...c, children: [
|
|
861
873
|
/* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
|
|
862
|
-
|
|
874
|
+
u
|
|
863
875
|
] }) });
|
|
864
876
|
}
|
|
865
|
-
function
|
|
877
|
+
function ca({
|
|
866
878
|
value: t,
|
|
867
879
|
title: r,
|
|
868
880
|
description: n,
|
|
869
881
|
badge: l,
|
|
870
|
-
disabled:
|
|
871
|
-
className:
|
|
882
|
+
disabled: o = !1,
|
|
883
|
+
className: m
|
|
872
884
|
}) {
|
|
873
|
-
const
|
|
874
|
-
if (!
|
|
885
|
+
const u = W(Pt), c = fe();
|
|
886
|
+
if (!u)
|
|
875
887
|
throw new Error("RadioCard must be rendered inside a RadioGroup");
|
|
876
|
-
const v =
|
|
888
|
+
const v = o || u.disabled, b = u.value === t;
|
|
877
889
|
return /* @__PURE__ */ s(
|
|
878
890
|
"label",
|
|
879
891
|
{
|
|
880
|
-
className:
|
|
892
|
+
className: i(
|
|
881
893
|
"group relative flex items-start gap-3",
|
|
882
894
|
v ? "cursor-not-allowed opacity-50" : "cursor-pointer",
|
|
883
|
-
|
|
895
|
+
m
|
|
884
896
|
),
|
|
885
897
|
children: [
|
|
886
898
|
/* @__PURE__ */ e(
|
|
887
899
|
"input",
|
|
888
900
|
{
|
|
889
901
|
type: "radio",
|
|
890
|
-
name:
|
|
902
|
+
name: u.name,
|
|
891
903
|
value: t,
|
|
892
904
|
checked: b,
|
|
893
905
|
disabled: v,
|
|
894
906
|
onChange: () => {
|
|
895
907
|
var h;
|
|
896
|
-
return (h =
|
|
908
|
+
return (h = u.onChange) == null ? void 0 : h.call(u, t);
|
|
897
909
|
},
|
|
898
910
|
"aria-describedby": n ? c : void 0,
|
|
899
911
|
className: "peer sr-only"
|
|
@@ -903,7 +915,7 @@ function sa({
|
|
|
903
915
|
"span",
|
|
904
916
|
{
|
|
905
917
|
"aria-hidden": !0,
|
|
906
|
-
className:
|
|
918
|
+
className: i(
|
|
907
919
|
"mt-[5px] grid size-3.5 shrink-0 place-items-center rounded-full border-2 border-transparent bg-line-strong transition-colors",
|
|
908
920
|
"peer-checked:border-4 peer-checked:border-primary peer-checked:bg-primary-fg",
|
|
909
921
|
"peer-focus-visible:ring-2 peer-focus-visible:ring-focus/40 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-canvas"
|
|
@@ -913,7 +925,7 @@ function sa({
|
|
|
913
925
|
/* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
|
|
914
926
|
/* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
|
|
915
927
|
/* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: r }),
|
|
916
|
-
l ? /* @__PURE__ */ e(
|
|
928
|
+
l ? /* @__PURE__ */ e(Ar, { variant: "primary", children: l }) : null
|
|
917
929
|
] }),
|
|
918
930
|
n ? /* @__PURE__ */ e("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
|
|
919
931
|
] })
|
|
@@ -921,22 +933,22 @@ function sa({
|
|
|
921
933
|
}
|
|
922
934
|
);
|
|
923
935
|
}
|
|
924
|
-
function
|
|
936
|
+
function La({
|
|
925
937
|
open: t,
|
|
926
938
|
onOpenChange: r,
|
|
927
939
|
trigger: n,
|
|
928
940
|
title: l,
|
|
929
|
-
options:
|
|
930
|
-
defaultValue:
|
|
931
|
-
value:
|
|
941
|
+
options: o,
|
|
942
|
+
defaultValue: m,
|
|
943
|
+
value: u,
|
|
932
944
|
onValueChange: c,
|
|
933
945
|
cancelLabel: v = "Cancel",
|
|
934
946
|
confirmLabel: b = "Continue",
|
|
935
947
|
onConfirm: h
|
|
936
948
|
}) {
|
|
937
|
-
var
|
|
938
|
-
const [y, C] = D(
|
|
939
|
-
return /* @__PURE__ */ s(
|
|
949
|
+
var S;
|
|
950
|
+
const [y, C] = D(m ?? ((S = o[0]) == null ? void 0 : S.value) ?? ""), N = u ?? y;
|
|
951
|
+
return /* @__PURE__ */ s(ra, { open: t, onOpenChange: r, children: [
|
|
940
952
|
n ? /* @__PURE__ */ e(kt, { asChild: !0, children: n }) : null,
|
|
941
953
|
/* @__PURE__ */ s(
|
|
942
954
|
Tt,
|
|
@@ -944,12 +956,12 @@ function Ea({
|
|
|
944
956
|
"aria-describedby": void 0,
|
|
945
957
|
className: "max-w-[29.4rem] [&>button]:hidden",
|
|
946
958
|
children: [
|
|
947
|
-
/* @__PURE__ */ s(
|
|
948
|
-
/* @__PURE__ */ e(
|
|
949
|
-
/* @__PURE__ */ e(
|
|
950
|
-
|
|
951
|
-
}, children:
|
|
952
|
-
|
|
959
|
+
/* @__PURE__ */ s(na, { children: [
|
|
960
|
+
/* @__PURE__ */ e(ia, { children: /* @__PURE__ */ e(Mt, { className: "text-xl", children: l }) }),
|
|
961
|
+
/* @__PURE__ */ e(la, { children: /* @__PURE__ */ e(da, { label: l, value: N, onChange: (g) => {
|
|
962
|
+
u === void 0 && C(g), c == null || c(g);
|
|
963
|
+
}, children: o.map((g) => /* @__PURE__ */ e(
|
|
964
|
+
ca,
|
|
953
965
|
{
|
|
954
966
|
value: g.value,
|
|
955
967
|
title: g.title,
|
|
@@ -959,7 +971,7 @@ function Ea({
|
|
|
959
971
|
g.value
|
|
960
972
|
)) }) })
|
|
961
973
|
] }),
|
|
962
|
-
/* @__PURE__ */ s(
|
|
974
|
+
/* @__PURE__ */ s(oa, { className: "gap-3 pt-2.5", children: [
|
|
963
975
|
/* @__PURE__ */ e(zt, { className: "flex-1", children: v }),
|
|
964
976
|
/* @__PURE__ */ e(M, { className: "flex-1", onClick: () => h == null ? void 0 : h(N), children: b })
|
|
965
977
|
] })
|
|
@@ -968,8 +980,8 @@ function Ea({
|
|
|
968
980
|
)
|
|
969
981
|
] });
|
|
970
982
|
}
|
|
971
|
-
function
|
|
972
|
-
const [l,
|
|
983
|
+
function Aa({ code: t, label: r, className: n }) {
|
|
984
|
+
const [l, o] = D(!1);
|
|
973
985
|
return /* @__PURE__ */ e(
|
|
974
986
|
be,
|
|
975
987
|
{
|
|
@@ -981,7 +993,7 @@ function _a({ code: t, label: r, className: n }) {
|
|
|
981
993
|
variant: "ghost",
|
|
982
994
|
onClick: async () => {
|
|
983
995
|
try {
|
|
984
|
-
await navigator.clipboard.writeText(t),
|
|
996
|
+
await navigator.clipboard.writeText(t), o(!0), window.setTimeout(() => o(!1), 1500);
|
|
985
997
|
} catch {
|
|
986
998
|
}
|
|
987
999
|
}
|
|
@@ -991,17 +1003,17 @@ function _a({ code: t, label: r, className: n }) {
|
|
|
991
1003
|
}
|
|
992
1004
|
);
|
|
993
1005
|
}
|
|
994
|
-
const
|
|
1006
|
+
const ua = {
|
|
995
1007
|
sm: "h-[var(--control-h-sm)] text-sm",
|
|
996
1008
|
md: "h-[var(--control-h-md)] text-sm",
|
|
997
1009
|
lg: "h-[var(--control-h-lg)] text-sm",
|
|
998
1010
|
xl: "h-[var(--control-h-xl)] rounded-lg text-base"
|
|
999
|
-
},
|
|
1011
|
+
}, ma = {
|
|
1000
1012
|
sm: "px-[var(--control-pad-x-sm)]",
|
|
1001
1013
|
md: "px-[var(--control-pad-x-md)]",
|
|
1002
1014
|
lg: "px-[var(--control-pad-x-lg)]",
|
|
1003
1015
|
xl: "px-[var(--control-pad-x-xl)]"
|
|
1004
|
-
},
|
|
1016
|
+
}, pa = {
|
|
1005
1017
|
sm: "left-[var(--control-pad-x-sm)]",
|
|
1006
1018
|
md: "left-[var(--control-pad-x-md)]",
|
|
1007
1019
|
lg: "left-[var(--control-pad-x-lg)]",
|
|
@@ -1022,9 +1034,9 @@ const da = {
|
|
|
1022
1034
|
containerClassName: r,
|
|
1023
1035
|
type: n = "text",
|
|
1024
1036
|
size: l = "md",
|
|
1025
|
-
leadingIcon:
|
|
1026
|
-
trailingIcon:
|
|
1027
|
-
onClear:
|
|
1037
|
+
leadingIcon: o,
|
|
1038
|
+
trailingIcon: m,
|
|
1039
|
+
onClear: u,
|
|
1028
1040
|
value: c,
|
|
1029
1041
|
defaultValue: v,
|
|
1030
1042
|
error: b = !1,
|
|
@@ -1032,27 +1044,27 @@ const da = {
|
|
|
1032
1044
|
id: y,
|
|
1033
1045
|
"aria-describedby": C,
|
|
1034
1046
|
disabled: N,
|
|
1035
|
-
readOnly:
|
|
1036
|
-
...
|
|
1047
|
+
readOnly: k,
|
|
1048
|
+
...S
|
|
1037
1049
|
}, g) => {
|
|
1038
|
-
const
|
|
1050
|
+
const I = fe(), j = y ?? I, O = !!h, F = !!(u && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), $ = O ? `${j}-description` : void 0, ge = [C, $].filter(Boolean).join(" ") || void 0, re = /* @__PURE__ */ e(
|
|
1039
1051
|
"input",
|
|
1040
1052
|
{
|
|
1041
1053
|
ref: g,
|
|
1042
|
-
id:
|
|
1054
|
+
id: j,
|
|
1043
1055
|
type: n,
|
|
1044
1056
|
disabled: N,
|
|
1045
|
-
readOnly:
|
|
1057
|
+
readOnly: k,
|
|
1046
1058
|
"aria-invalid": b || void 0,
|
|
1047
1059
|
"aria-describedby": ge,
|
|
1048
|
-
style:
|
|
1049
|
-
paddingInlineStart:
|
|
1050
|
-
paddingInlineEnd:
|
|
1060
|
+
style: o || m || F ? {
|
|
1061
|
+
paddingInlineStart: o ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
|
|
1062
|
+
paddingInlineEnd: m || F ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
|
|
1051
1063
|
} : void 0,
|
|
1052
|
-
className:
|
|
1064
|
+
className: i(
|
|
1053
1065
|
"flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
|
|
1054
|
-
|
|
1055
|
-
|
|
1066
|
+
ua[l],
|
|
1067
|
+
ma[l],
|
|
1056
1068
|
"placeholder:text-(--input-placeholder)",
|
|
1057
1069
|
"hover:border-(--input-border-hover)",
|
|
1058
1070
|
"focus-visible:outline-none focus-visible:border-(--input-border-focus) focus-visible:ring-2 focus-visible:ring-focus/30",
|
|
@@ -1060,25 +1072,25 @@ const da = {
|
|
|
1060
1072
|
!b && "border-(--input-border)",
|
|
1061
1073
|
n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
|
|
1062
1074
|
N && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
|
|
1063
|
-
|
|
1075
|
+
k && "cursor-default focus-visible:ring-0",
|
|
1064
1076
|
t
|
|
1065
1077
|
),
|
|
1066
1078
|
value: c,
|
|
1067
1079
|
defaultValue: v,
|
|
1068
|
-
...
|
|
1080
|
+
...S
|
|
1069
1081
|
}
|
|
1070
1082
|
);
|
|
1071
|
-
return !
|
|
1083
|
+
return !o && !m && !F && !O ? re : /* @__PURE__ */ s("div", { className: i("w-full", r), children: [
|
|
1072
1084
|
/* @__PURE__ */ s("div", { className: "relative", children: [
|
|
1073
|
-
|
|
1085
|
+
o ? /* @__PURE__ */ e(
|
|
1074
1086
|
"span",
|
|
1075
1087
|
{
|
|
1076
|
-
className:
|
|
1088
|
+
className: i(
|
|
1077
1089
|
"pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
|
|
1078
|
-
|
|
1090
|
+
pa[l]
|
|
1079
1091
|
),
|
|
1080
1092
|
"aria-hidden": !0,
|
|
1081
|
-
children: /* @__PURE__ */ e("span", { className:
|
|
1093
|
+
children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: o })
|
|
1082
1094
|
}
|
|
1083
1095
|
) : null,
|
|
1084
1096
|
re,
|
|
@@ -1087,22 +1099,22 @@ const da = {
|
|
|
1087
1099
|
{
|
|
1088
1100
|
type: "button",
|
|
1089
1101
|
"aria-label": "Clear search",
|
|
1090
|
-
onClick:
|
|
1091
|
-
className:
|
|
1102
|
+
onClick: u,
|
|
1103
|
+
className: i(
|
|
1092
1104
|
"absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
|
|
1093
1105
|
mt[l]
|
|
1094
1106
|
),
|
|
1095
|
-
children: /* @__PURE__ */ e("span", { className:
|
|
1107
|
+
children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: /* @__PURE__ */ e(ue, {}) })
|
|
1096
1108
|
}
|
|
1097
|
-
) :
|
|
1109
|
+
) : m ? /* @__PURE__ */ e(
|
|
1098
1110
|
"span",
|
|
1099
1111
|
{
|
|
1100
|
-
className:
|
|
1112
|
+
className: i(
|
|
1101
1113
|
"pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
|
|
1102
1114
|
mt[l]
|
|
1103
1115
|
),
|
|
1104
1116
|
"aria-hidden": !0,
|
|
1105
|
-
children: /* @__PURE__ */ e("span", { className:
|
|
1117
|
+
children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: m })
|
|
1106
1118
|
}
|
|
1107
1119
|
) : null
|
|
1108
1120
|
] }),
|
|
@@ -1110,7 +1122,7 @@ const da = {
|
|
|
1110
1122
|
"p",
|
|
1111
1123
|
{
|
|
1112
1124
|
id: $,
|
|
1113
|
-
className:
|
|
1125
|
+
className: i("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
|
|
1114
1126
|
children: h
|
|
1115
1127
|
}
|
|
1116
1128
|
) : null
|
|
@@ -1122,12 +1134,12 @@ function Ae(t, r) {
|
|
|
1122
1134
|
let n = 0;
|
|
1123
1135
|
return bt.forEach(t, (l) => {
|
|
1124
1136
|
if (!ht(l)) return;
|
|
1125
|
-
if (r.some((
|
|
1137
|
+
if (r.some((m) => m === l.type)) {
|
|
1126
1138
|
n += 1;
|
|
1127
1139
|
return;
|
|
1128
1140
|
}
|
|
1129
|
-
const
|
|
1130
|
-
|
|
1141
|
+
const o = l.props.children;
|
|
1142
|
+
o && (n += Ae(o, r));
|
|
1131
1143
|
}), n;
|
|
1132
1144
|
}
|
|
1133
1145
|
const It = te(!1);
|
|
@@ -1143,13 +1155,13 @@ function De({
|
|
|
1143
1155
|
return /* @__PURE__ */ e(It.Provider, { value: n, children: /* @__PURE__ */ e(T.Root, { ...r, children: t }) });
|
|
1144
1156
|
}
|
|
1145
1157
|
const se = f(({ className: t, disabled: r, ...n }, l) => {
|
|
1146
|
-
const
|
|
1158
|
+
const o = W(It);
|
|
1147
1159
|
return /* @__PURE__ */ e(
|
|
1148
1160
|
T.Trigger,
|
|
1149
1161
|
{
|
|
1150
1162
|
ref: l,
|
|
1151
|
-
className:
|
|
1152
|
-
disabled: r ||
|
|
1163
|
+
className: i("group", t),
|
|
1164
|
+
disabled: r || o,
|
|
1153
1165
|
...n
|
|
1154
1166
|
}
|
|
1155
1167
|
);
|
|
@@ -1160,7 +1172,7 @@ const Rt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
1160
1172
|
{
|
|
1161
1173
|
ref: n,
|
|
1162
1174
|
"aria-hidden": !0,
|
|
1163
|
-
className:
|
|
1175
|
+
className: i(
|
|
1164
1176
|
"ml-auto size-3.5 shrink-0 text-subtle transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
|
|
1165
1177
|
t
|
|
1166
1178
|
),
|
|
@@ -1168,12 +1180,12 @@ const Rt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
1168
1180
|
}
|
|
1169
1181
|
));
|
|
1170
1182
|
Rt.displayName = "DropdownMenuChevron";
|
|
1171
|
-
const
|
|
1183
|
+
const Ba = T.Group, Fa = T.Portal, de = f(({ className: t, sideOffset: r = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
|
|
1172
1184
|
T.Content,
|
|
1173
1185
|
{
|
|
1174
1186
|
ref: l,
|
|
1175
1187
|
sideOffset: r,
|
|
1176
|
-
className:
|
|
1188
|
+
className: i(
|
|
1177
1189
|
"menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
|
|
1178
1190
|
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
1179
1191
|
"data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
|
|
@@ -1191,7 +1203,7 @@ const pe = f(({ className: t, inset: r, ...n }, l) => /* @__PURE__ */ e(
|
|
|
1191
1203
|
T.Item,
|
|
1192
1204
|
{
|
|
1193
1205
|
ref: l,
|
|
1194
|
-
className:
|
|
1206
|
+
className: i(
|
|
1195
1207
|
"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
|
|
1196
1208
|
"focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
|
|
1197
1209
|
"[&_svg]:size-4 [&_svg]:text-muted",
|
|
@@ -1202,11 +1214,11 @@ const pe = f(({ className: t, inset: r, ...n }, l) => /* @__PURE__ */ e(
|
|
|
1202
1214
|
}
|
|
1203
1215
|
));
|
|
1204
1216
|
pe.displayName = "DropdownMenuItem";
|
|
1205
|
-
const Y = f(({ className: t, children: r, checked: n, ...l },
|
|
1217
|
+
const Y = f(({ className: t, children: r, checked: n, ...l }, o) => /* @__PURE__ */ s(
|
|
1206
1218
|
T.CheckboxItem,
|
|
1207
1219
|
{
|
|
1208
|
-
ref:
|
|
1209
|
-
className:
|
|
1220
|
+
ref: o,
|
|
1221
|
+
className: i(
|
|
1210
1222
|
"group relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none transition-colors focus:bg-(--menu-highlight)",
|
|
1211
1223
|
t
|
|
1212
1224
|
),
|
|
@@ -1223,16 +1235,16 @@ const ce = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
1223
1235
|
T.Label,
|
|
1224
1236
|
{
|
|
1225
1237
|
ref: n,
|
|
1226
|
-
className:
|
|
1238
|
+
className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
|
|
1227
1239
|
...r
|
|
1228
1240
|
}
|
|
1229
1241
|
));
|
|
1230
1242
|
ce.displayName = "DropdownMenuLabel";
|
|
1231
|
-
const
|
|
1243
|
+
const $a = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, o) => /* @__PURE__ */ s(
|
|
1232
1244
|
T.SubTrigger,
|
|
1233
1245
|
{
|
|
1234
|
-
ref:
|
|
1235
|
-
className:
|
|
1246
|
+
ref: o,
|
|
1247
|
+
className: i(
|
|
1236
1248
|
"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
|
|
1237
1249
|
"focus:bg-(--menu-highlight) data-[state=open]:bg-(--menu-highlight)",
|
|
1238
1250
|
"[&_svg]:size-4 [&_svg]:text-muted",
|
|
@@ -1247,12 +1259,12 @@ const Ba = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, i) => /
|
|
|
1247
1259
|
}
|
|
1248
1260
|
));
|
|
1249
1261
|
jt.displayName = "DropdownMenuSubTrigger";
|
|
1250
|
-
const
|
|
1262
|
+
const fa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
1251
1263
|
T.SubContent,
|
|
1252
1264
|
{
|
|
1253
1265
|
ref: n,
|
|
1254
1266
|
sideOffset: 8,
|
|
1255
|
-
className:
|
|
1267
|
+
className: i(
|
|
1256
1268
|
"menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
|
|
1257
1269
|
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
1258
1270
|
"data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
|
|
@@ -1265,17 +1277,17 @@ const ma = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
|
1265
1277
|
...r
|
|
1266
1278
|
}
|
|
1267
1279
|
));
|
|
1268
|
-
|
|
1280
|
+
fa.displayName = "DropdownMenuSubContent";
|
|
1269
1281
|
const Pe = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
1270
1282
|
T.Separator,
|
|
1271
1283
|
{
|
|
1272
1284
|
ref: n,
|
|
1273
|
-
className:
|
|
1285
|
+
className: i("-mx-1 my-1 h-px bg-line-strong", t),
|
|
1274
1286
|
...r
|
|
1275
1287
|
}
|
|
1276
1288
|
));
|
|
1277
1289
|
Pe.displayName = "DropdownMenuSeparator";
|
|
1278
|
-
const
|
|
1290
|
+
const qa = P.Group, Et = P.Value;
|
|
1279
1291
|
function _t({
|
|
1280
1292
|
children: t,
|
|
1281
1293
|
disabled: r,
|
|
@@ -1284,11 +1296,11 @@ function _t({
|
|
|
1284
1296
|
const l = Ae(t, [he]) === 0;
|
|
1285
1297
|
return /* @__PURE__ */ e(P.Root, { disabled: r || l, ...n, children: t });
|
|
1286
1298
|
}
|
|
1287
|
-
const Be = f(({ className: t, children: r, variant: n = "field", ...l },
|
|
1299
|
+
const Be = f(({ className: t, children: r, variant: n = "field", ...l }, o) => /* @__PURE__ */ s(
|
|
1288
1300
|
P.Trigger,
|
|
1289
1301
|
{
|
|
1290
|
-
ref:
|
|
1291
|
-
className:
|
|
1302
|
+
ref: o,
|
|
1303
|
+
className: i(
|
|
1292
1304
|
"group flex items-center justify-between gap-2 text-sm text-fg",
|
|
1293
1305
|
"focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
1294
1306
|
"data-disabled:cursor-not-allowed data-disabled:opacity-50",
|
|
@@ -1306,13 +1318,13 @@ const Be = f(({ className: t, children: r, variant: n = "field", ...l }, i) => /
|
|
|
1306
1318
|
));
|
|
1307
1319
|
Be.displayName = "SelectTrigger";
|
|
1308
1320
|
const Fe = f(
|
|
1309
|
-
({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...
|
|
1321
|
+
({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...o }, m) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
|
|
1310
1322
|
P.Content,
|
|
1311
1323
|
{
|
|
1312
|
-
ref:
|
|
1324
|
+
ref: m,
|
|
1313
1325
|
position: n,
|
|
1314
1326
|
sideOffset: l,
|
|
1315
|
-
className:
|
|
1327
|
+
className: i(
|
|
1316
1328
|
"menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
|
|
1317
1329
|
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
1318
1330
|
"data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
|
|
@@ -1322,7 +1334,7 @@ const Fe = f(
|
|
|
1322
1334
|
"duration-150 ease-out",
|
|
1323
1335
|
t
|
|
1324
1336
|
),
|
|
1325
|
-
...
|
|
1337
|
+
...o,
|
|
1326
1338
|
children: /* @__PURE__ */ e(P.Viewport, { className: "p-0", children: r })
|
|
1327
1339
|
}
|
|
1328
1340
|
) })
|
|
@@ -1332,7 +1344,7 @@ const he = f(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
|
|
|
1332
1344
|
P.Item,
|
|
1333
1345
|
{
|
|
1334
1346
|
ref: l,
|
|
1335
|
-
className:
|
|
1347
|
+
className: i(
|
|
1336
1348
|
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
|
|
1337
1349
|
t
|
|
1338
1350
|
),
|
|
@@ -1344,28 +1356,28 @@ const he = f(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
|
|
|
1344
1356
|
}
|
|
1345
1357
|
));
|
|
1346
1358
|
he.displayName = "SelectItem";
|
|
1347
|
-
const
|
|
1359
|
+
const ba = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
1348
1360
|
P.Label,
|
|
1349
1361
|
{
|
|
1350
1362
|
ref: n,
|
|
1351
|
-
className:
|
|
1363
|
+
className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
|
|
1352
1364
|
...r
|
|
1353
1365
|
}
|
|
1354
1366
|
));
|
|
1355
|
-
|
|
1356
|
-
function
|
|
1367
|
+
ba.displayName = "SelectLabel";
|
|
1368
|
+
function ha({
|
|
1357
1369
|
icon: t,
|
|
1358
1370
|
title: r,
|
|
1359
1371
|
description: n,
|
|
1360
1372
|
action: l,
|
|
1361
|
-
className:
|
|
1373
|
+
className: o
|
|
1362
1374
|
}) {
|
|
1363
1375
|
return /* @__PURE__ */ s(
|
|
1364
1376
|
"div",
|
|
1365
1377
|
{
|
|
1366
|
-
className:
|
|
1378
|
+
className: i(
|
|
1367
1379
|
"flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
|
|
1368
|
-
|
|
1380
|
+
o
|
|
1369
1381
|
),
|
|
1370
1382
|
children: [
|
|
1371
1383
|
t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
|
|
@@ -1378,14 +1390,14 @@ function fa({
|
|
|
1378
1390
|
}
|
|
1379
1391
|
);
|
|
1380
1392
|
}
|
|
1381
|
-
const
|
|
1382
|
-
function
|
|
1393
|
+
const ga = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
|
|
1394
|
+
function xa(t) {
|
|
1383
1395
|
return t.split(/\s+/).slice(0, 2).map((r) => {
|
|
1384
1396
|
var n;
|
|
1385
1397
|
return ((n = r[0]) == null ? void 0 : n.toUpperCase()) ?? "";
|
|
1386
1398
|
}).join("");
|
|
1387
1399
|
}
|
|
1388
|
-
function
|
|
1400
|
+
function Ga({
|
|
1389
1401
|
name: t,
|
|
1390
1402
|
secondary: r,
|
|
1391
1403
|
image: n
|
|
@@ -1393,7 +1405,7 @@ function $a({
|
|
|
1393
1405
|
return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
|
|
1394
1406
|
/* @__PURE__ */ s(xt, { className: "size-8", children: [
|
|
1395
1407
|
n ? /* @__PURE__ */ e(vt, { src: n, alt: "" }) : null,
|
|
1396
|
-
/* @__PURE__ */ e(Nt, { children:
|
|
1408
|
+
/* @__PURE__ */ e(Nt, { children: xa(t) })
|
|
1397
1409
|
] }),
|
|
1398
1410
|
/* @__PURE__ */ s("div", { className: "min-w-0", children: [
|
|
1399
1411
|
/* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
|
|
@@ -1401,14 +1413,14 @@ function $a({
|
|
|
1401
1413
|
] })
|
|
1402
1414
|
] });
|
|
1403
1415
|
}
|
|
1404
|
-
function
|
|
1416
|
+
function Ha({
|
|
1405
1417
|
rows: t,
|
|
1406
1418
|
columns: r,
|
|
1407
1419
|
getRowId: n,
|
|
1408
1420
|
loading: l = !1,
|
|
1409
|
-
error:
|
|
1410
|
-
empty:
|
|
1411
|
-
search:
|
|
1421
|
+
error: o,
|
|
1422
|
+
empty: m,
|
|
1423
|
+
search: u,
|
|
1412
1424
|
filters: c,
|
|
1413
1425
|
toolbarStart: v,
|
|
1414
1426
|
toolbarEnd: b,
|
|
@@ -1416,11 +1428,11 @@ function qa({
|
|
|
1416
1428
|
tabs: y,
|
|
1417
1429
|
activeTab: C,
|
|
1418
1430
|
onTabChange: N,
|
|
1419
|
-
infoBanner:
|
|
1420
|
-
selectable:
|
|
1431
|
+
infoBanner: k,
|
|
1432
|
+
selectable: S = !1,
|
|
1421
1433
|
bulkActions: g,
|
|
1422
|
-
rowActions:
|
|
1423
|
-
onRowClick:
|
|
1434
|
+
rowActions: I,
|
|
1435
|
+
onRowClick: j,
|
|
1424
1436
|
defaultSort: O,
|
|
1425
1437
|
sort: F,
|
|
1426
1438
|
onSortChange: $,
|
|
@@ -1428,70 +1440,72 @@ function qa({
|
|
|
1428
1440
|
pageSizeOptions: re = [10, 25, 50, 100],
|
|
1429
1441
|
pagination: Lt = "auto",
|
|
1430
1442
|
tone: At,
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1443
|
+
title: Bt,
|
|
1444
|
+
description: Ft,
|
|
1445
|
+
headerAction: $t,
|
|
1446
|
+
headerClassName: qt,
|
|
1447
|
+
panelClassName: Gt,
|
|
1448
|
+
className: Ht
|
|
1435
1449
|
}) {
|
|
1436
1450
|
const [$e, qe] = D(
|
|
1437
1451
|
() => Object.fromEntries(
|
|
1438
1452
|
r.filter((a) => a.defaultHidden && !a.required).map((a) => [a.id, !0])
|
|
1439
1453
|
)
|
|
1440
|
-
), [Ge, He] = D(null), [xe, Ve] = D(null), [
|
|
1454
|
+
), [Ge, He] = D(null), [xe, Ve] = D(null), [Vt, Wt] = D(
|
|
1441
1455
|
O ?? null
|
|
1442
|
-
), w = $ ? F ?? null :
|
|
1443
|
-
$ ? $(a) :
|
|
1444
|
-
}, [U, ae] = D(0), [
|
|
1445
|
-
const p = d ?
|
|
1456
|
+
), w = $ ? F ?? null : Vt, Ot = (a) => {
|
|
1457
|
+
$ ? $(a) : Wt(a);
|
|
1458
|
+
}, [U, ae] = D(0), [A, Ut] = D(ge), [q, ve] = D(/* @__PURE__ */ new Set()), [Xt, Ne] = D([]), We = r.map((a) => a.id), Oe = new Map(r.map((a) => [a.id, a])), Ue = Ge ? Ge.map((a) => Oe.get(a)).filter((a) => !!a) : r, X = Ue.filter((a) => !$e[a.id]), Xe = Ue.filter((a) => $e[a.id] && !a.required), Je = (a) => !!a.required, Jt = (a) => Oe.get(a), Kt = (a, d) => {
|
|
1459
|
+
const p = d ? Jt(d) : void 0;
|
|
1446
1460
|
!p || Je(p) || a === d || He((x) => {
|
|
1447
1461
|
const z = x ?? We;
|
|
1448
|
-
return
|
|
1462
|
+
return Ir(z, z.indexOf(a), z.indexOf(d));
|
|
1449
1463
|
});
|
|
1450
|
-
},
|
|
1464
|
+
}, Qt = (a) => {
|
|
1451
1465
|
qe((d) => ({ ...d, [a]: !1 })), He((d) => d && d.includes(a) ? d : [...d ?? We, a]);
|
|
1452
|
-
}, ye = (c ?? []).filter((a) =>
|
|
1466
|
+
}, ye = (c ?? []).filter((a) => Xt.includes(a.id)), Yt = (c ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), ne = ot(() => {
|
|
1453
1467
|
let a = t;
|
|
1454
1468
|
for (const p of c ?? [])
|
|
1455
1469
|
p.value.length > 0 && (a = a.filter((x) => p.match(x, p.value)));
|
|
1456
|
-
if (!
|
|
1457
|
-
const d =
|
|
1458
|
-
return a.filter((p) =>
|
|
1459
|
-
}, [t,
|
|
1470
|
+
if (!u || !u.value.trim()) return a;
|
|
1471
|
+
const d = u.value.trim().toLowerCase();
|
|
1472
|
+
return a.filter((p) => u.keys(p).toLowerCase().includes(d));
|
|
1473
|
+
}, [t, u, c]), G = ot(() => {
|
|
1460
1474
|
if (!w) return ne;
|
|
1461
1475
|
const a = r.find((p) => p.id === w.id);
|
|
1462
1476
|
if (!(a != null && a.sortValue)) return ne;
|
|
1463
1477
|
const d = w.dir === "asc" ? 1 : -1;
|
|
1464
1478
|
return [...ne].sort((p, x) => {
|
|
1465
|
-
const z = a.sortValue(p),
|
|
1466
|
-
return z == null &&
|
|
1479
|
+
const z = a.sortValue(p), E = a.sortValue(x);
|
|
1480
|
+
return z == null && E == null ? 0 : z == null ? 1 : E == null ? -1 : typeof z == "number" && typeof E == "number" ? (z - E) * d : String(z).localeCompare(String(E)) * d;
|
|
1467
1481
|
});
|
|
1468
|
-
}, [ne, w, r]), J = Math.max(1, Math.ceil(G.length /
|
|
1482
|
+
}, [ne, w, r]), J = Math.max(1, Math.ceil(G.length / A)), Zt = !l && !o && G.length > 0 && (Lt === "always" || G.length > A);
|
|
1469
1483
|
Q(() => {
|
|
1470
1484
|
ae(0);
|
|
1471
|
-
}, [
|
|
1485
|
+
}, [u == null ? void 0 : u.value, A, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, C, Yt]), Q(() => {
|
|
1472
1486
|
U > J - 1 && ae(J - 1);
|
|
1473
1487
|
}, [U, J]);
|
|
1474
|
-
const le = U *
|
|
1488
|
+
const le = U * A, B = G.slice(le, le + A), er = (a) => {
|
|
1475
1489
|
if (!a.sortable) return;
|
|
1476
1490
|
const d = w;
|
|
1477
|
-
|
|
1491
|
+
Ot(
|
|
1478
1492
|
(d == null ? void 0 : d.id) === a.id ? d.dir === "asc" ? { id: a.id, dir: "desc" } : null : { id: a.id, dir: "asc" }
|
|
1479
1493
|
);
|
|
1480
|
-
}, Ke =
|
|
1494
|
+
}, Ke = B.length > 0 && B.every((a) => q.has(n(a))), tr = B.some((a) => q.has(n(a))), rr = t.filter((a) => q.has(n(a))), ar = () => {
|
|
1481
1495
|
ve((a) => {
|
|
1482
1496
|
const d = new Set(a);
|
|
1483
|
-
return Ke ?
|
|
1497
|
+
return Ke ? B.forEach((p) => d.delete(n(p))) : B.forEach((p) => d.add(n(p))), d;
|
|
1484
1498
|
});
|
|
1485
|
-
},
|
|
1499
|
+
}, nr = (a) => {
|
|
1486
1500
|
ve((d) => {
|
|
1487
1501
|
const p = new Set(d);
|
|
1488
1502
|
return p.has(a) ? p.delete(a) : p.add(a), p;
|
|
1489
1503
|
});
|
|
1490
|
-
},
|
|
1504
|
+
}, lr = !!(u || c != null && c.length || v || b), ir = (a) => (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, Qe = _(null), Ye = _(null), Ze = _(null), et = _(null), [H, we] = D([]), or = X.map((a) => a.id).join("\0"), ie = `${S ? "s" : "-"}|${I ? "a" : "-"}|${or}`, tt = _(ie), sr = H.length > 0, Ce = gt(() => {
|
|
1491
1505
|
const a = Ze.current, d = et.current;
|
|
1492
1506
|
a && d && (a.style.transform = `translateX(${-d.scrollLeft}px)`);
|
|
1493
1507
|
}, []);
|
|
1494
|
-
|
|
1508
|
+
kr(() => {
|
|
1495
1509
|
const a = Qe.current;
|
|
1496
1510
|
if (!a) return;
|
|
1497
1511
|
if (tt.current !== ie) {
|
|
@@ -1502,29 +1516,29 @@ function qa({
|
|
|
1502
1516
|
var rt, at, nt;
|
|
1503
1517
|
const x = (at = (rt = a.tBodies[0]) == null ? void 0 : rt.rows.item(0)) == null ? void 0 : at.cells;
|
|
1504
1518
|
if (!x || x.length === 0) {
|
|
1505
|
-
we((
|
|
1519
|
+
we((L) => L.length === 0 ? L : []);
|
|
1506
1520
|
return;
|
|
1507
1521
|
}
|
|
1508
|
-
const z = (nt = Ye.current) == null ? void 0 : nt.querySelectorAll("thead th"),
|
|
1522
|
+
const z = (nt = Ye.current) == null ? void 0 : nt.querySelectorAll("thead th"), E = Array.from(
|
|
1509
1523
|
x,
|
|
1510
|
-
(
|
|
1524
|
+
(L, Se) => {
|
|
1511
1525
|
var oe, lt;
|
|
1512
1526
|
return Math.max(
|
|
1513
|
-
|
|
1527
|
+
L.getBoundingClientRect().width,
|
|
1514
1528
|
((lt = (oe = z == null ? void 0 : z.item(Se)) == null ? void 0 : oe.querySelector("[data-col-sizer]")) == null ? void 0 : lt.getBoundingClientRect().width) ?? 0
|
|
1515
1529
|
);
|
|
1516
1530
|
}
|
|
1517
1531
|
);
|
|
1518
1532
|
we(
|
|
1519
|
-
(
|
|
1533
|
+
(L) => L.length === E.length && L.every((Se, oe) => Se === E[oe]) ? L : E
|
|
1520
1534
|
);
|
|
1521
1535
|
};
|
|
1522
1536
|
if (d(), Ce(), typeof ResizeObserver > "u") return;
|
|
1523
1537
|
const p = new ResizeObserver(d);
|
|
1524
1538
|
return p.observe(a), () => p.disconnect();
|
|
1525
|
-
}, [ie,
|
|
1539
|
+
}, [ie, sr, l, o, Ce]);
|
|
1526
1540
|
const K = H.reduce((a, d) => a + d, 0);
|
|
1527
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1541
|
+
return /* @__PURE__ */ s("div", { className: i("space-y-4", Ht), children: [
|
|
1528
1542
|
y && y.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: y.map((a) => {
|
|
1529
1543
|
const d = a.id === C;
|
|
1530
1544
|
return /* @__PURE__ */ e(
|
|
@@ -1534,7 +1548,7 @@ function qa({
|
|
|
1534
1548
|
role: "tab",
|
|
1535
1549
|
"aria-selected": d,
|
|
1536
1550
|
onClick: () => N == null ? void 0 : N(a.id),
|
|
1537
|
-
className:
|
|
1551
|
+
className: i(
|
|
1538
1552
|
"-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
|
|
1539
1553
|
d ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
|
|
1540
1554
|
),
|
|
@@ -1543,17 +1557,17 @@ function qa({
|
|
|
1543
1557
|
a.id
|
|
1544
1558
|
);
|
|
1545
1559
|
}) }),
|
|
1546
|
-
|
|
1547
|
-
|
|
1560
|
+
lr && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
|
|
1561
|
+
u && /* @__PURE__ */ e(
|
|
1548
1562
|
Le,
|
|
1549
1563
|
{
|
|
1550
1564
|
type: "search",
|
|
1551
|
-
"aria-label":
|
|
1552
|
-
placeholder:
|
|
1553
|
-
value:
|
|
1554
|
-
onChange: (a) =>
|
|
1555
|
-
onClear: () =>
|
|
1556
|
-
leadingIcon: /* @__PURE__ */ e(
|
|
1565
|
+
"aria-label": u.placeholder ?? "Search",
|
|
1566
|
+
placeholder: u.placeholder ?? "Search...",
|
|
1567
|
+
value: u.value,
|
|
1568
|
+
onChange: (a) => u.onChange(a.target.value),
|
|
1569
|
+
onClear: () => u.onChange(""),
|
|
1570
|
+
leadingIcon: /* @__PURE__ */ e(gr, {}),
|
|
1557
1571
|
containerClassName: "w-full sm:w-[280px]",
|
|
1558
1572
|
className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
|
|
1559
1573
|
}
|
|
@@ -1565,7 +1579,7 @@ function qa({
|
|
|
1565
1579
|
{
|
|
1566
1580
|
variant: "secondary",
|
|
1567
1581
|
size: "md",
|
|
1568
|
-
leadingIcon: /* @__PURE__ */ e(
|
|
1582
|
+
leadingIcon: /* @__PURE__ */ e(xr, {}),
|
|
1569
1583
|
trailingIcon: /* @__PURE__ */ e(Rt, {}),
|
|
1570
1584
|
children: "Columns"
|
|
1571
1585
|
}
|
|
@@ -1587,7 +1601,7 @@ function qa({
|
|
|
1587
1601
|
p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", a.id), Ve(a.id);
|
|
1588
1602
|
},
|
|
1589
1603
|
onDragOver: (p) => {
|
|
1590
|
-
xe && (p.preventDefault(),
|
|
1604
|
+
xe && (p.preventDefault(), Kt(xe, a.id));
|
|
1591
1605
|
},
|
|
1592
1606
|
onDrop: (p) => p.preventDefault(),
|
|
1593
1607
|
onDragEnd: () => Ve(null),
|
|
@@ -1598,11 +1612,11 @@ function qa({
|
|
|
1598
1612
|
className: "justify-between",
|
|
1599
1613
|
children: [
|
|
1600
1614
|
/* @__PURE__ */ e("span", { className: "truncate", children: a.header }),
|
|
1601
|
-
d ? /* @__PURE__ */ e(
|
|
1602
|
-
|
|
1615
|
+
d ? /* @__PURE__ */ e(vr, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
|
|
1616
|
+
Nr,
|
|
1603
1617
|
{
|
|
1604
1618
|
"aria-hidden": !0,
|
|
1605
|
-
className:
|
|
1619
|
+
className: i(
|
|
1606
1620
|
"size-3.5 shrink-0",
|
|
1607
1621
|
xe === a.id ? "text-primary" : "text-subtle"
|
|
1608
1622
|
)
|
|
@@ -1620,7 +1634,7 @@ function qa({
|
|
|
1620
1634
|
Y,
|
|
1621
1635
|
{
|
|
1622
1636
|
checked: !1,
|
|
1623
|
-
onCheckedChange: () =>
|
|
1637
|
+
onCheckedChange: () => Qt(a.id),
|
|
1624
1638
|
onSelect: (d) => d.preventDefault(),
|
|
1625
1639
|
children: a.header
|
|
1626
1640
|
},
|
|
@@ -1718,8 +1732,8 @@ function qa({
|
|
|
1718
1732
|
}
|
|
1719
1733
|
)
|
|
1720
1734
|
] }) : null,
|
|
1721
|
-
|
|
1722
|
-
|
|
1735
|
+
k,
|
|
1736
|
+
S && q.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
|
|
1723
1737
|
/* @__PURE__ */ s("span", { className: "font-medium text-fg", children: [
|
|
1724
1738
|
q.size,
|
|
1725
1739
|
" selected"
|
|
@@ -1730,7 +1744,7 @@ function qa({
|
|
|
1730
1744
|
size: "md",
|
|
1731
1745
|
variant: a.variant ?? "outline",
|
|
1732
1746
|
disabled: a.disabled,
|
|
1733
|
-
onClick: () => void a.onRun(
|
|
1747
|
+
onClick: () => void a.onRun(rr),
|
|
1734
1748
|
children: [
|
|
1735
1749
|
a.icon,
|
|
1736
1750
|
a.label
|
|
@@ -1756,10 +1770,12 @@ function qa({
|
|
|
1756
1770
|
{
|
|
1757
1771
|
scrollMode: "panel",
|
|
1758
1772
|
headerContentRef: Ze,
|
|
1759
|
-
action:
|
|
1773
|
+
action: $t,
|
|
1760
1774
|
tone: At,
|
|
1761
|
-
|
|
1762
|
-
|
|
1775
|
+
title: Bt,
|
|
1776
|
+
description: Ft,
|
|
1777
|
+
headerClassName: qt,
|
|
1778
|
+
panelClassName: Gt,
|
|
1763
1779
|
header: (
|
|
1764
1780
|
// Visible header band. Presentational (aria-sort lives on the body's
|
|
1765
1781
|
// sr-only thead); widths are pinned to the measured body columns and
|
|
@@ -1779,18 +1795,18 @@ function qa({
|
|
|
1779
1795
|
children: [
|
|
1780
1796
|
/* @__PURE__ */ e("colgroup", { children: H.map((a, d) => /* @__PURE__ */ e("col", { style: { width: a } }, d)) }),
|
|
1781
1797
|
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
|
|
1782
|
-
|
|
1798
|
+
S && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
|
|
1783
1799
|
Te,
|
|
1784
1800
|
{
|
|
1785
1801
|
"aria-label": "Select all rows",
|
|
1786
|
-
checked: Ke ? !0 :
|
|
1787
|
-
onCheckedChange:
|
|
1802
|
+
checked: Ke ? !0 : tr ? "indeterminate" : !1,
|
|
1803
|
+
onCheckedChange: ar
|
|
1788
1804
|
}
|
|
1789
1805
|
) }),
|
|
1790
1806
|
X.map((a) => /* @__PURE__ */ e(
|
|
1791
1807
|
"th",
|
|
1792
1808
|
{
|
|
1793
|
-
className:
|
|
1809
|
+
className: i(ga, a.align === "right" && "text-right", a.className),
|
|
1794
1810
|
children: /* @__PURE__ */ e(
|
|
1795
1811
|
"span",
|
|
1796
1812
|
{
|
|
@@ -1803,8 +1819,8 @@ function qa({
|
|
|
1803
1819
|
variant: "ghost",
|
|
1804
1820
|
size: "xs",
|
|
1805
1821
|
"aria-label": `Sort by ${a.header}`,
|
|
1806
|
-
onClick: () =>
|
|
1807
|
-
className:
|
|
1822
|
+
onClick: () => er(a),
|
|
1823
|
+
className: i(
|
|
1808
1824
|
"h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
|
|
1809
1825
|
"hover:bg-transparent hover:text-table-header-active hover:shadow-none",
|
|
1810
1826
|
"active:scale-100 active:bg-transparent active:shadow-none",
|
|
@@ -1812,7 +1828,7 @@ function qa({
|
|
|
1812
1828
|
),
|
|
1813
1829
|
children: [
|
|
1814
1830
|
a.header,
|
|
1815
|
-
(w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? /* @__PURE__ */ e(
|
|
1831
|
+
(w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? /* @__PURE__ */ e(wr, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Cr, { className: "size-3.5 opacity-50" })
|
|
1816
1832
|
]
|
|
1817
1833
|
}
|
|
1818
1834
|
) : a.header
|
|
@@ -1821,32 +1837,32 @@ function qa({
|
|
|
1821
1837
|
},
|
|
1822
1838
|
a.id
|
|
1823
1839
|
)),
|
|
1824
|
-
|
|
1840
|
+
I && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
|
|
1825
1841
|
] }) })
|
|
1826
1842
|
]
|
|
1827
1843
|
}
|
|
1828
1844
|
)
|
|
1829
1845
|
),
|
|
1830
|
-
children: /* @__PURE__ */ e("div", { ref: et, className: "overflow-x-auto", onScroll: Ce, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) :
|
|
1831
|
-
/* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(
|
|
1846
|
+
children: /* @__PURE__ */ e("div", { ref: et, className: "overflow-x-auto", onScroll: Ce, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) : o ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
|
|
1847
|
+
/* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(yr, { weight: "duotone" }) }),
|
|
1832
1848
|
/* @__PURE__ */ s("div", { className: "space-y-2", children: [
|
|
1833
|
-
/* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children:
|
|
1834
|
-
|
|
1849
|
+
/* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: o.title }),
|
|
1850
|
+
o.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: o.description }) : null
|
|
1835
1851
|
] }),
|
|
1836
|
-
|
|
1837
|
-
] }) :
|
|
1838
|
-
|
|
1852
|
+
o.action
|
|
1853
|
+
] }) : B.length === 0 ? /* @__PURE__ */ e(
|
|
1854
|
+
ha,
|
|
1839
1855
|
{
|
|
1840
|
-
icon:
|
|
1841
|
-
title: (
|
|
1842
|
-
description:
|
|
1843
|
-
action:
|
|
1856
|
+
icon: m == null ? void 0 : m.icon,
|
|
1857
|
+
title: (m == null ? void 0 : m.title) ?? "No results",
|
|
1858
|
+
description: m == null ? void 0 : m.description,
|
|
1859
|
+
action: m == null ? void 0 : m.action
|
|
1844
1860
|
}
|
|
1845
1861
|
) : /* @__PURE__ */ s(
|
|
1846
1862
|
"table",
|
|
1847
1863
|
{
|
|
1848
1864
|
ref: Qe,
|
|
1849
|
-
className:
|
|
1865
|
+
className: i(
|
|
1850
1866
|
"border-collapse text-left",
|
|
1851
1867
|
// Unmeasured: content-sized so intrinsic column widths can be
|
|
1852
1868
|
// measured (w-full would squeeze columns into the container).
|
|
@@ -1859,44 +1875,44 @@ function qa({
|
|
|
1859
1875
|
children: [
|
|
1860
1876
|
H.length > 0 && /* @__PURE__ */ e("colgroup", { children: H.map((a, d) => /* @__PURE__ */ e("col", { style: { width: a } }, d)) }),
|
|
1861
1877
|
/* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
|
|
1862
|
-
|
|
1863
|
-
X.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort":
|
|
1864
|
-
|
|
1878
|
+
S && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
|
|
1879
|
+
X.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": ir(a), children: a.header }, a.id)),
|
|
1880
|
+
I && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
|
|
1865
1881
|
] }) }),
|
|
1866
|
-
/* @__PURE__ */ e(
|
|
1882
|
+
/* @__PURE__ */ e(qr, { children: B.map((a) => {
|
|
1867
1883
|
const d = n(a), p = q.has(d);
|
|
1868
1884
|
return /* @__PURE__ */ s(
|
|
1869
|
-
|
|
1885
|
+
Gr,
|
|
1870
1886
|
{
|
|
1871
1887
|
"data-state": p ? "selected" : void 0,
|
|
1872
|
-
onClick:
|
|
1873
|
-
className:
|
|
1888
|
+
onClick: j ? () => j(a) : void 0,
|
|
1889
|
+
className: j ? "cursor-pointer" : void 0,
|
|
1874
1890
|
children: [
|
|
1875
|
-
|
|
1891
|
+
S && /* @__PURE__ */ e(ke, { className: "w-11", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
|
|
1876
1892
|
Te,
|
|
1877
1893
|
{
|
|
1878
1894
|
"aria-label": "Select row",
|
|
1879
1895
|
checked: p,
|
|
1880
|
-
onCheckedChange: () =>
|
|
1896
|
+
onCheckedChange: () => nr(d)
|
|
1881
1897
|
}
|
|
1882
1898
|
) }),
|
|
1883
1899
|
X.map((x) => /* @__PURE__ */ e(
|
|
1884
1900
|
ke,
|
|
1885
1901
|
{
|
|
1886
1902
|
"data-numeric": x.numeric ? "" : void 0,
|
|
1887
|
-
className:
|
|
1903
|
+
className: i(x.align === "right" && "text-right", x.className),
|
|
1888
1904
|
children: x.cell(a)
|
|
1889
1905
|
},
|
|
1890
1906
|
x.id
|
|
1891
1907
|
)),
|
|
1892
|
-
|
|
1908
|
+
I && /* @__PURE__ */ e(
|
|
1893
1909
|
ke,
|
|
1894
1910
|
{
|
|
1895
1911
|
className: "w-44 px-4 text-right",
|
|
1896
1912
|
onClick: (x) => {
|
|
1897
1913
|
x.target.closest("button, a, input, [role='menuitem']") && x.stopPropagation();
|
|
1898
1914
|
},
|
|
1899
|
-
children:
|
|
1915
|
+
children: I(a)
|
|
1900
1916
|
}
|
|
1901
1917
|
)
|
|
1902
1918
|
]
|
|
@@ -1909,16 +1925,16 @@ function qa({
|
|
|
1909
1925
|
) })
|
|
1910
1926
|
}
|
|
1911
1927
|
),
|
|
1912
|
-
|
|
1928
|
+
Zt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
|
|
1913
1929
|
/* @__PURE__ */ s("span", { className: "text-muted", children: [
|
|
1914
1930
|
le + 1,
|
|
1915
1931
|
"–",
|
|
1916
|
-
Math.min(le +
|
|
1932
|
+
Math.min(le + A, G.length),
|
|
1917
1933
|
" of ",
|
|
1918
1934
|
G.length
|
|
1919
1935
|
] }),
|
|
1920
1936
|
/* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
|
|
1921
|
-
/* @__PURE__ */ s(_t, { value: String(
|
|
1937
|
+
/* @__PURE__ */ s(_t, { value: String(A), onValueChange: (a) => Ut(Number(a)), children: [
|
|
1922
1938
|
/* @__PURE__ */ e(Be, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(Et, {}) }),
|
|
1923
1939
|
/* @__PURE__ */ e(Fe, { children: re.map((a) => /* @__PURE__ */ e(he, { value: String(a), children: a }, a)) })
|
|
1924
1940
|
] }),
|
|
@@ -1931,7 +1947,7 @@ function qa({
|
|
|
1931
1947
|
"aria-label": "Previous page",
|
|
1932
1948
|
disabled: U <= 0,
|
|
1933
1949
|
onClick: () => ae((a) => Math.max(0, a - 1)),
|
|
1934
|
-
children: /* @__PURE__ */ e(
|
|
1950
|
+
children: /* @__PURE__ */ e(Sr, {})
|
|
1935
1951
|
}
|
|
1936
1952
|
),
|
|
1937
1953
|
/* @__PURE__ */ e(
|
|
@@ -1950,8 +1966,8 @@ function qa({
|
|
|
1950
1966
|
] })
|
|
1951
1967
|
] });
|
|
1952
1968
|
}
|
|
1953
|
-
function
|
|
1954
|
-
return /* @__PURE__ */ e(be, { className:
|
|
1969
|
+
function Va({ icon: t, title: r, description: n, action: l, className: o }) {
|
|
1970
|
+
return /* @__PURE__ */ e(be, { className: o, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
|
|
1955
1971
|
t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
|
|
1956
1972
|
/* @__PURE__ */ s("div", { className: "space-y-1", children: [
|
|
1957
1973
|
/* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: r }),
|
|
@@ -1960,21 +1976,21 @@ function Ga({ icon: t, title: r, description: n, action: l, className: i }) {
|
|
|
1960
1976
|
l
|
|
1961
1977
|
] }) });
|
|
1962
1978
|
}
|
|
1963
|
-
const
|
|
1979
|
+
const va = f(
|
|
1964
1980
|
({
|
|
1965
1981
|
className: t,
|
|
1966
1982
|
inputClassName: r,
|
|
1967
1983
|
selectClassName: n,
|
|
1968
1984
|
selectValue: l,
|
|
1969
|
-
onSelectChange:
|
|
1970
|
-
selectOptions:
|
|
1971
|
-
selectAriaLabel:
|
|
1985
|
+
onSelectChange: o,
|
|
1986
|
+
selectOptions: m,
|
|
1987
|
+
selectAriaLabel: u,
|
|
1972
1988
|
selectPlaceholder: c,
|
|
1973
1989
|
id: v,
|
|
1974
1990
|
size: b,
|
|
1975
1991
|
disabled: h,
|
|
1976
1992
|
...y
|
|
1977
|
-
}, C) => /* @__PURE__ */ s("div", { className:
|
|
1993
|
+
}, C) => /* @__PURE__ */ s("div", { className: i("flex w-full items-stretch", t), children: [
|
|
1978
1994
|
/* @__PURE__ */ e(
|
|
1979
1995
|
Le,
|
|
1980
1996
|
{
|
|
@@ -1983,7 +1999,7 @@ const ga = f(
|
|
|
1983
1999
|
id: v,
|
|
1984
2000
|
size: b,
|
|
1985
2001
|
disabled: h,
|
|
1986
|
-
className:
|
|
2002
|
+
className: i(
|
|
1987
2003
|
"min-w-0 rounded-l-(--control-radius) rounded-r-none",
|
|
1988
2004
|
r
|
|
1989
2005
|
)
|
|
@@ -1993,33 +2009,33 @@ const ga = f(
|
|
|
1993
2009
|
_t,
|
|
1994
2010
|
{
|
|
1995
2011
|
value: l,
|
|
1996
|
-
onValueChange:
|
|
2012
|
+
onValueChange: o,
|
|
1997
2013
|
disabled: h,
|
|
1998
2014
|
children: [
|
|
1999
2015
|
/* @__PURE__ */ e(
|
|
2000
2016
|
Be,
|
|
2001
2017
|
{
|
|
2002
|
-
"aria-label":
|
|
2018
|
+
"aria-label": u,
|
|
2003
2019
|
variant: "ghost",
|
|
2004
|
-
className:
|
|
2020
|
+
className: i(
|
|
2005
2021
|
"min-w-28 shrink-0 rounded-l-none border border-(--input-border) border-l-0 px-3 text-[13px] font-normal",
|
|
2006
2022
|
n
|
|
2007
2023
|
),
|
|
2008
2024
|
children: /* @__PURE__ */ e(Et, { placeholder: c })
|
|
2009
2025
|
}
|
|
2010
2026
|
),
|
|
2011
|
-
/* @__PURE__ */ e(Fe, { children:
|
|
2027
|
+
/* @__PURE__ */ e(Fe, { children: m.map((N) => /* @__PURE__ */ e(he, { value: N.value, children: N.label }, N.value)) })
|
|
2012
2028
|
]
|
|
2013
2029
|
}
|
|
2014
2030
|
)
|
|
2015
2031
|
] })
|
|
2016
2032
|
);
|
|
2017
|
-
|
|
2018
|
-
function
|
|
2033
|
+
va.displayName = "InputSelect";
|
|
2034
|
+
function Wa({ className: t, ...r }) {
|
|
2019
2035
|
return /* @__PURE__ */ e(
|
|
2020
2036
|
"kbd",
|
|
2021
2037
|
{
|
|
2022
|
-
className:
|
|
2038
|
+
className: i(
|
|
2023
2039
|
"inline-flex h-5 min-w-5 items-center justify-center rounded border border-line bg-elevated px-1.5 font-mono text-[11px] font-medium text-subtle",
|
|
2024
2040
|
t
|
|
2025
2041
|
),
|
|
@@ -2027,43 +2043,43 @@ function Ha({ className: t, ...r }) {
|
|
|
2027
2043
|
}
|
|
2028
2044
|
);
|
|
2029
2045
|
}
|
|
2030
|
-
const
|
|
2031
|
-
|
|
2046
|
+
const Na = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
|
|
2047
|
+
Mr.Root,
|
|
2032
2048
|
{
|
|
2033
2049
|
ref: n,
|
|
2034
|
-
className:
|
|
2050
|
+
className: i(
|
|
2035
2051
|
"mb-2.5 block text-sm font-medium text-fg leading-none last:mb-0 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
|
|
2036
2052
|
t
|
|
2037
2053
|
),
|
|
2038
2054
|
...r
|
|
2039
2055
|
}
|
|
2040
2056
|
));
|
|
2041
|
-
|
|
2042
|
-
function
|
|
2057
|
+
Na.displayName = "Label";
|
|
2058
|
+
function Oa({
|
|
2043
2059
|
value: t,
|
|
2044
2060
|
onValueChange: r,
|
|
2045
2061
|
options: n,
|
|
2046
2062
|
size: l = "sm",
|
|
2047
|
-
className:
|
|
2048
|
-
...
|
|
2063
|
+
className: o,
|
|
2064
|
+
...m
|
|
2049
2065
|
}) {
|
|
2050
|
-
const
|
|
2066
|
+
const u = fe();
|
|
2051
2067
|
return /* @__PURE__ */ e(
|
|
2052
2068
|
"div",
|
|
2053
2069
|
{
|
|
2054
2070
|
role: "radiogroup",
|
|
2055
|
-
"aria-label":
|
|
2056
|
-
className:
|
|
2071
|
+
"aria-label": m["aria-label"],
|
|
2072
|
+
className: i(
|
|
2057
2073
|
"inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
|
|
2058
2074
|
l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
|
|
2059
|
-
|
|
2075
|
+
o
|
|
2060
2076
|
),
|
|
2061
2077
|
children: n.map((c) => {
|
|
2062
2078
|
const v = c.value === t;
|
|
2063
2079
|
return /* @__PURE__ */ s(
|
|
2064
2080
|
"label",
|
|
2065
2081
|
{
|
|
2066
|
-
className:
|
|
2082
|
+
className: i(
|
|
2067
2083
|
"inline-flex h-full cursor-pointer items-center justify-center gap-1.5 rounded-md text-sm font-medium transition-colors",
|
|
2068
2084
|
"has-focus-visible:ring-2 has-focus-visible:ring-focus/40",
|
|
2069
2085
|
l === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
|
|
@@ -2074,7 +2090,7 @@ function Va({
|
|
|
2074
2090
|
"input",
|
|
2075
2091
|
{
|
|
2076
2092
|
type: "radio",
|
|
2077
|
-
name:
|
|
2093
|
+
name: u,
|
|
2078
2094
|
value: c.value,
|
|
2079
2095
|
checked: v,
|
|
2080
2096
|
onChange: () => r(c.value),
|
|
@@ -2091,13 +2107,13 @@ function Va({
|
|
|
2091
2107
|
}
|
|
2092
2108
|
);
|
|
2093
2109
|
}
|
|
2094
|
-
const
|
|
2095
|
-
|
|
2110
|
+
const ya = f(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, o) => /* @__PURE__ */ e(
|
|
2111
|
+
Pr.Root,
|
|
2096
2112
|
{
|
|
2097
|
-
ref:
|
|
2113
|
+
ref: o,
|
|
2098
2114
|
decorative: n,
|
|
2099
2115
|
orientation: r,
|
|
2100
|
-
className:
|
|
2116
|
+
className: i(
|
|
2101
2117
|
"shrink-0 bg-line",
|
|
2102
2118
|
r === "horizontal" ? "h-px w-full" : "h-full w-px",
|
|
2103
2119
|
t
|
|
@@ -2105,22 +2121,22 @@ const va = f(({ className: t, orientation: r = "horizontal", decorative: n = !0,
|
|
|
2105
2121
|
...l
|
|
2106
2122
|
}
|
|
2107
2123
|
));
|
|
2108
|
-
|
|
2109
|
-
function
|
|
2124
|
+
ya.displayName = "Separator";
|
|
2125
|
+
function Ua({ className: t, ...r }) {
|
|
2110
2126
|
return /* @__PURE__ */ e(
|
|
2111
2127
|
"div",
|
|
2112
2128
|
{
|
|
2113
|
-
className:
|
|
2129
|
+
className: i("animate-pulse rounded-md bg-elevated", t),
|
|
2114
2130
|
...r
|
|
2115
2131
|
}
|
|
2116
2132
|
);
|
|
2117
2133
|
}
|
|
2118
|
-
const
|
|
2134
|
+
const Xa = Z.Provider, Ja = Z.Root, Ka = Z.Trigger, wa = f(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(Z.Portal, { children: /* @__PURE__ */ e(
|
|
2119
2135
|
Z.Content,
|
|
2120
2136
|
{
|
|
2121
2137
|
ref: l,
|
|
2122
2138
|
sideOffset: r,
|
|
2123
|
-
className:
|
|
2139
|
+
className: i(
|
|
2124
2140
|
"z-50 overflow-hidden rounded-md border border-line bg-elevated px-2 py-1 text-xs text-fg shadow-md",
|
|
2125
2141
|
"data-[state=delayed-open]:animate-in data-[state=closed]:animate-out",
|
|
2126
2142
|
"data-[state=delayed-open]:fade-in-0 data-[state=closed]:fade-out-0",
|
|
@@ -2133,83 +2149,83 @@ const Oa = Z.Provider, Ua = Z.Root, Xa = Z.Trigger, Na = f(({ className: t, side
|
|
|
2133
2149
|
...n
|
|
2134
2150
|
}
|
|
2135
2151
|
) }));
|
|
2136
|
-
|
|
2152
|
+
wa.displayName = "TooltipContent";
|
|
2137
2153
|
export {
|
|
2138
|
-
|
|
2154
|
+
Pa as AgentPrompt,
|
|
2139
2155
|
xt as Avatar,
|
|
2140
2156
|
Nt as AvatarFallback,
|
|
2141
2157
|
vt as AvatarImage,
|
|
2142
|
-
|
|
2158
|
+
Ar as Badge,
|
|
2143
2159
|
M as Button,
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2160
|
+
Ia as Callout,
|
|
2161
|
+
Ur as Card,
|
|
2162
|
+
Kr as CardContent,
|
|
2163
|
+
Jr as CardDescription,
|
|
2164
|
+
Qr as CardFooter,
|
|
2149
2165
|
yt as CardHeader,
|
|
2150
|
-
|
|
2166
|
+
Xr as CardTitle,
|
|
2151
2167
|
Te as Checkbox,
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2168
|
+
La as ChoiceDialog,
|
|
2169
|
+
Aa as CodeBlock,
|
|
2170
|
+
Ha as DataTable,
|
|
2171
|
+
Ga as DataTableIdentity,
|
|
2172
|
+
ra as Dialog,
|
|
2173
|
+
la as DialogBody,
|
|
2158
2174
|
zt as DialogCancel,
|
|
2159
|
-
|
|
2175
|
+
_a as DialogClose,
|
|
2160
2176
|
Tt as DialogContent,
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2177
|
+
sa as DialogDescription,
|
|
2178
|
+
oa as DialogFooter,
|
|
2179
|
+
ia as DialogHeader,
|
|
2180
|
+
na as DialogPanel,
|
|
2165
2181
|
Mt as DialogTitle,
|
|
2166
2182
|
kt as DialogTrigger,
|
|
2167
2183
|
De as DropdownMenu,
|
|
2168
2184
|
Y as DropdownMenuCheckboxItem,
|
|
2169
2185
|
Rt as DropdownMenuChevron,
|
|
2170
2186
|
de as DropdownMenuContent,
|
|
2171
|
-
|
|
2187
|
+
Ba as DropdownMenuGroup,
|
|
2172
2188
|
pe as DropdownMenuItem,
|
|
2173
2189
|
ce as DropdownMenuLabel,
|
|
2174
|
-
|
|
2190
|
+
Fa as DropdownMenuPortal,
|
|
2175
2191
|
Pe as DropdownMenuSeparator,
|
|
2176
|
-
|
|
2177
|
-
|
|
2192
|
+
$a as DropdownMenuSub,
|
|
2193
|
+
fa as DropdownMenuSubContent,
|
|
2178
2194
|
jt as DropdownMenuSubTrigger,
|
|
2179
2195
|
se as DropdownMenuTrigger,
|
|
2180
|
-
|
|
2196
|
+
Va as EmptyState,
|
|
2181
2197
|
Le as Input,
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2198
|
+
va as InputSelect,
|
|
2199
|
+
Wa as Kbd,
|
|
2200
|
+
Na as Label,
|
|
2201
|
+
ca as RadioCard,
|
|
2202
|
+
da as RadioGroup,
|
|
2203
|
+
Oa as Segmented,
|
|
2188
2204
|
_t as Select,
|
|
2189
2205
|
Fe as SelectContent,
|
|
2190
|
-
|
|
2206
|
+
qa as SelectGroup,
|
|
2191
2207
|
he as SelectItem,
|
|
2192
|
-
|
|
2208
|
+
ba as SelectLabel,
|
|
2193
2209
|
Be as SelectTrigger,
|
|
2194
2210
|
Et as SelectValue,
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2211
|
+
ya as Separator,
|
|
2212
|
+
Ua as Skeleton,
|
|
2213
|
+
Rr as Spinner,
|
|
2214
|
+
Ra as Table,
|
|
2215
|
+
qr as TableBody,
|
|
2200
2216
|
ke as TableCell,
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2217
|
+
Fr as TableContainer,
|
|
2218
|
+
ha as TableEmptyState,
|
|
2219
|
+
Ea as TableHead,
|
|
2220
|
+
ja as TableHeader,
|
|
2221
|
+
$r as TablePanel,
|
|
2222
|
+
Gr as TableRow,
|
|
2207
2223
|
be as TableSurface,
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2224
|
+
Ja as Tooltip,
|
|
2225
|
+
wa as TooltipContent,
|
|
2226
|
+
Xa as TooltipProvider,
|
|
2227
|
+
Ka as TooltipTrigger,
|
|
2228
|
+
_r as badgeVariants,
|
|
2229
|
+
jr as buttonVariants
|
|
2214
2230
|
};
|
|
2215
2231
|
//# sourceMappingURL=index.js.map
|