@jinaan/uikit 0.1.17 → 0.1.19
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/button.d.ts.map +1 -1
- package/dist/index.js +167 -146
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/button.tsx +29 -14
- package/src/dialog.tsx +1 -1
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as e, jsxs as s, Fragment as
|
|
2
|
-
import { CircleNotch as wt, Robot as Ct, Terminal as St, Check as X, Copy as Fe, XCircle as zt, Warning as kt, CheckCircle as Dt, Info as Tt, Minus as Mt, X as le, CaretRight as Pt, CaretDown as ee, MagnifyingGlass as It, Columns as
|
|
3
|
-
import { forwardRef as
|
|
1
|
+
import { jsx as e, jsxs as s, Fragment as Be } from "react/jsx-runtime";
|
|
2
|
+
import { CircleNotch as wt, Robot as Ct, Terminal as St, Check as X, Copy as Fe, XCircle as zt, Warning as kt, CheckCircle as Dt, Info as Tt, Minus as Mt, X as le, CaretRight as Pt, CaretDown as ee, MagnifyingGlass as It, Columns as jt, Lock as Et, FunnelSimple as Ie, WarningCircle as _t, CaretUp as Lt, CaretUpDown as Rt } from "@phosphor-icons/react";
|
|
3
|
+
import { forwardRef as b, useState as T, Children as $e, isValidElement as qe, useRef as te, useEffect as V, useContext as ie, useCallback as At, createContext as se, useId as de, useMemo as je } from "react";
|
|
4
4
|
import { Slot as Bt } from "@radix-ui/react-slot";
|
|
5
|
-
import { cva as
|
|
5
|
+
import { cva as ye } from "class-variance-authority";
|
|
6
6
|
import { clsx as Ft } from "clsx";
|
|
7
7
|
import { twMerge as $t } from "tailwind-merge";
|
|
8
|
-
import * as
|
|
9
|
-
import * as
|
|
8
|
+
import * as we from "@radix-ui/react-avatar";
|
|
9
|
+
import * as Ee from "@radix-ui/react-checkbox";
|
|
10
10
|
import * as M from "@radix-ui/react-dialog";
|
|
11
11
|
import * as C from "@radix-ui/react-dropdown-menu";
|
|
12
12
|
import * as D from "@radix-ui/react-select";
|
|
@@ -26,7 +26,7 @@ function Ht({ className: t }) {
|
|
|
26
26
|
}
|
|
27
27
|
);
|
|
28
28
|
}
|
|
29
|
-
const Vt =
|
|
29
|
+
const Vt = ye(
|
|
30
30
|
"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",
|
|
31
31
|
{
|
|
32
32
|
variants: {
|
|
@@ -59,7 +59,7 @@ const Vt = we(
|
|
|
59
59
|
lg: "[&_svg]:size-[var(--control-icon-lg)]",
|
|
60
60
|
xl: "[&_svg]:size-[var(--control-icon-xl)]",
|
|
61
61
|
icon: "[&_svg]:size-[var(--control-icon-md)]"
|
|
62
|
-
}, z =
|
|
62
|
+
}, z = b(
|
|
63
63
|
({
|
|
64
64
|
className: t,
|
|
65
65
|
variant: a,
|
|
@@ -71,7 +71,7 @@ const Vt = we(
|
|
|
71
71
|
loading: u = !1,
|
|
72
72
|
fullWidth: h = !1,
|
|
73
73
|
disabled: g,
|
|
74
|
-
children:
|
|
74
|
+
children: p,
|
|
75
75
|
...N
|
|
76
76
|
}, k) => {
|
|
77
77
|
const S = l ? Bt : "button", w = Ut[r ?? "md"];
|
|
@@ -85,13 +85,34 @@ const Vt = we(
|
|
|
85
85
|
Vt({ variant: a, size: r }),
|
|
86
86
|
c && "aspect-square px-0",
|
|
87
87
|
h && "w-full",
|
|
88
|
+
u && "disabled:opacity-100",
|
|
88
89
|
t
|
|
89
90
|
),
|
|
90
91
|
...N,
|
|
91
|
-
children: l ?
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
92
|
+
children: l ? p : /* @__PURE__ */ s("span", { className: "relative inline-flex items-center justify-center gap-[var(--control-gap)]", children: [
|
|
93
|
+
/* @__PURE__ */ s(
|
|
94
|
+
"span",
|
|
95
|
+
{
|
|
96
|
+
className: o(
|
|
97
|
+
"inline-flex items-center justify-center gap-[var(--control-gap)] transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
|
|
98
|
+
u && "translate-y-2 opacity-0"
|
|
99
|
+
),
|
|
100
|
+
"aria-hidden": u || void 0,
|
|
101
|
+
children: [
|
|
102
|
+
!u && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
|
|
103
|
+
p,
|
|
104
|
+
!u && d ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
),
|
|
108
|
+
u && /* @__PURE__ */ e(
|
|
109
|
+
"span",
|
|
110
|
+
{
|
|
111
|
+
className: "pointer-events-none absolute inset-0 flex items-center justify-center animate-in fade-in-0 slide-in-from-top-2 duration-150",
|
|
112
|
+
"aria-hidden": !0,
|
|
113
|
+
children: /* @__PURE__ */ e(Ht, { className: o("text-current", w) })
|
|
114
|
+
}
|
|
115
|
+
)
|
|
95
116
|
] })
|
|
96
117
|
}
|
|
97
118
|
);
|
|
@@ -133,8 +154,8 @@ function qa({
|
|
|
133
154
|
] })
|
|
134
155
|
] });
|
|
135
156
|
}
|
|
136
|
-
const Ge =
|
|
137
|
-
|
|
157
|
+
const Ge = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
158
|
+
we.Root,
|
|
138
159
|
{
|
|
139
160
|
ref: r,
|
|
140
161
|
className: o(
|
|
@@ -145,8 +166,8 @@ const Ge = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
145
166
|
}
|
|
146
167
|
));
|
|
147
168
|
Ge.displayName = "Avatar";
|
|
148
|
-
const He =
|
|
149
|
-
|
|
169
|
+
const He = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
170
|
+
we.Image,
|
|
150
171
|
{
|
|
151
172
|
ref: r,
|
|
152
173
|
className: o("aspect-square size-full object-cover", t),
|
|
@@ -154,8 +175,8 @@ const He = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
154
175
|
}
|
|
155
176
|
));
|
|
156
177
|
He.displayName = "AvatarImage";
|
|
157
|
-
const Ve =
|
|
158
|
-
|
|
178
|
+
const Ve = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
179
|
+
we.Fallback,
|
|
159
180
|
{
|
|
160
181
|
ref: r,
|
|
161
182
|
className: o(
|
|
@@ -166,7 +187,7 @@ const Ve = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
166
187
|
}
|
|
167
188
|
));
|
|
168
189
|
Ve.displayName = "AvatarFallback";
|
|
169
|
-
const Wt =
|
|
190
|
+
const Wt = ye(
|
|
170
191
|
"inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
|
|
171
192
|
{
|
|
172
193
|
variants: {
|
|
@@ -182,7 +203,7 @@ const Wt = we(
|
|
|
182
203
|
},
|
|
183
204
|
defaultVariants: { variant: "neutral" }
|
|
184
205
|
}
|
|
185
|
-
), Xt =
|
|
206
|
+
), Xt = ye("size-1.5 shrink-0 rounded-full", {
|
|
186
207
|
variants: {
|
|
187
208
|
variant: {
|
|
188
209
|
neutral: "bg-subtle",
|
|
@@ -357,7 +378,7 @@ function ce({
|
|
|
357
378
|
panelClassName: h,
|
|
358
379
|
minHeight: g
|
|
359
380
|
}) {
|
|
360
|
-
const
|
|
381
|
+
const p = !!(t || a), N = aa(i) ? /* @__PURE__ */ e(
|
|
361
382
|
z,
|
|
362
383
|
{
|
|
363
384
|
variant: i.variant ?? "primary",
|
|
@@ -374,10 +395,10 @@ function ce({
|
|
|
374
395
|
) : i;
|
|
375
396
|
return /* @__PURE__ */ s(Yt, { className: o("relative", ea[d], c), children: [
|
|
376
397
|
/* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
|
|
377
|
-
r ||
|
|
398
|
+
r || p ? (
|
|
378
399
|
// Header rows must not inherit the body row hover surface.
|
|
379
400
|
/* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", u), children: [
|
|
380
|
-
|
|
401
|
+
p ? /* @__PURE__ */ s(
|
|
381
402
|
"div",
|
|
382
403
|
{
|
|
383
404
|
className: o(
|
|
@@ -410,18 +431,18 @@ function ra(t) {
|
|
|
410
431
|
(l) => qe(l) && l.type === Ue
|
|
411
432
|
);
|
|
412
433
|
return {
|
|
413
|
-
header: r.length > 0 ? /* @__PURE__ */ e(
|
|
434
|
+
header: r.length > 0 ? /* @__PURE__ */ e(Be, { children: r }) : void 0,
|
|
414
435
|
body: a.filter((l) => !r.includes(l))
|
|
415
436
|
};
|
|
416
437
|
}
|
|
417
|
-
const na =
|
|
438
|
+
const na = b(
|
|
418
439
|
({ className: t, children: a, ...r }, l) => {
|
|
419
440
|
const { header: i, body: d } = ra(a);
|
|
420
441
|
return /* @__PURE__ */ e("div", { ref: l, ...r, children: /* @__PURE__ */ e(ce, { className: o("shadow-xs", t), header: i, children: d }) });
|
|
421
442
|
}
|
|
422
443
|
);
|
|
423
444
|
na.displayName = "Card";
|
|
424
|
-
const Ue =
|
|
445
|
+
const Ue = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
425
446
|
"div",
|
|
426
447
|
{
|
|
427
448
|
ref: r,
|
|
@@ -433,7 +454,7 @@ const Ue = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
433
454
|
}
|
|
434
455
|
));
|
|
435
456
|
Ue.displayName = "CardHeader";
|
|
436
|
-
const la =
|
|
457
|
+
const la = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
437
458
|
"h2",
|
|
438
459
|
{
|
|
439
460
|
ref: r,
|
|
@@ -442,7 +463,7 @@ const la = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
442
463
|
}
|
|
443
464
|
));
|
|
444
465
|
la.displayName = "CardTitle";
|
|
445
|
-
const ia =
|
|
466
|
+
const ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
446
467
|
"p",
|
|
447
468
|
{
|
|
448
469
|
ref: r,
|
|
@@ -455,9 +476,9 @@ const ia = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
455
476
|
}
|
|
456
477
|
));
|
|
457
478
|
ia.displayName = "CardDescription";
|
|
458
|
-
const oa =
|
|
479
|
+
const oa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: o("px-5 py-4", t), ...a }));
|
|
459
480
|
oa.displayName = "CardContent";
|
|
460
|
-
const sa =
|
|
481
|
+
const sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
461
482
|
"div",
|
|
462
483
|
{
|
|
463
484
|
ref: r,
|
|
@@ -469,8 +490,8 @@ const sa = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
469
490
|
}
|
|
470
491
|
));
|
|
471
492
|
sa.displayName = "CardFooter";
|
|
472
|
-
const xe =
|
|
473
|
-
|
|
493
|
+
const xe = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
494
|
+
Ee.Root,
|
|
474
495
|
{
|
|
475
496
|
ref: r,
|
|
476
497
|
className: o(
|
|
@@ -482,27 +503,27 @@ const xe = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
482
503
|
t
|
|
483
504
|
),
|
|
484
505
|
...a,
|
|
485
|
-
children: /* @__PURE__ */ e(
|
|
506
|
+
children: /* @__PURE__ */ e(Ee.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: a.checked === "indeterminate" ? /* @__PURE__ */ e(Mt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) })
|
|
486
507
|
}
|
|
487
508
|
));
|
|
488
509
|
xe.displayName = "Checkbox";
|
|
489
|
-
function
|
|
510
|
+
function _e(t) {
|
|
490
511
|
return t.width > 0 && t.height > 0;
|
|
491
512
|
}
|
|
492
|
-
function
|
|
513
|
+
function Le(t) {
|
|
493
514
|
return Math.min(1, Math.max(0.1, t));
|
|
494
515
|
}
|
|
495
516
|
function da(t, a) {
|
|
496
|
-
return !
|
|
517
|
+
return !_e(t) || !_e(a) ? null : {
|
|
497
518
|
dx: t.left + t.width / 2 - (a.left + a.width / 2),
|
|
498
519
|
dy: t.top + t.height / 2 - (a.top + a.height / 2),
|
|
499
|
-
sx:
|
|
500
|
-
sy:
|
|
520
|
+
sx: Le(t.width / a.width),
|
|
521
|
+
sy: Le(t.height / a.height)
|
|
501
522
|
};
|
|
502
523
|
}
|
|
503
524
|
const We = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
|
|
504
|
-
let A = null,
|
|
505
|
-
function
|
|
525
|
+
let A = null, Re = !1;
|
|
526
|
+
function Ce(t) {
|
|
506
527
|
const a = t.getBoundingClientRect();
|
|
507
528
|
return a.width <= 0 || a.height <= 0 ? null : {
|
|
508
529
|
left: a.left,
|
|
@@ -515,11 +536,11 @@ function ve(t) {
|
|
|
515
536
|
if (!(t instanceof Element)) return;
|
|
516
537
|
const a = t.closest(We);
|
|
517
538
|
if (!a) return;
|
|
518
|
-
const r =
|
|
539
|
+
const r = Ce(a);
|
|
519
540
|
r && (A = { rect: r, at: Date.now() });
|
|
520
541
|
}
|
|
521
542
|
function ca() {
|
|
522
|
-
|
|
543
|
+
Re || typeof document > "u" || (Re = !0, document.addEventListener(
|
|
523
544
|
"pointerdown",
|
|
524
545
|
(t) => ve(t.target),
|
|
525
546
|
!0
|
|
@@ -538,11 +559,11 @@ function ua(t) {
|
|
|
538
559
|
}
|
|
539
560
|
A = null;
|
|
540
561
|
const a = document.activeElement;
|
|
541
|
-
return a instanceof Element && a !== t && !t.contains(a) && a.matches(We) ?
|
|
562
|
+
return a instanceof Element && a !== t && !t.contains(a) && a.matches(We) ? Ce(a) : null;
|
|
542
563
|
}
|
|
543
564
|
const ma = 250, Xe = se(!1), Je = se(() => {
|
|
544
565
|
});
|
|
545
|
-
function
|
|
566
|
+
function pa({
|
|
546
567
|
open: t,
|
|
547
568
|
defaultOpen: a,
|
|
548
569
|
onOpenChange: r,
|
|
@@ -551,20 +572,20 @@ function ba({
|
|
|
551
572
|
}) {
|
|
552
573
|
const [d, c] = T(
|
|
553
574
|
a ?? !1
|
|
554
|
-
), [u, h] = T(!1), g = te(!1),
|
|
575
|
+
), [u, h] = T(!1), g = te(!1), p = te(null), N = t ?? d, k = te(N);
|
|
555
576
|
k.current = N;
|
|
556
577
|
const S = t !== void 0;
|
|
557
578
|
V(() => ca(), []), V(() => {
|
|
558
|
-
t && (
|
|
579
|
+
t && (p.current && clearTimeout(p.current), g.current = !1, h(!1));
|
|
559
580
|
}, [t]), V(
|
|
560
581
|
() => () => {
|
|
561
|
-
|
|
582
|
+
p.current && clearTimeout(p.current);
|
|
562
583
|
},
|
|
563
584
|
[]
|
|
564
585
|
);
|
|
565
586
|
const w = (I) => {
|
|
566
587
|
if (I) {
|
|
567
|
-
|
|
588
|
+
p.current && clearTimeout(p.current), g.current = !1, h(!1), S || c(!0), r == null || r(!0);
|
|
568
589
|
return;
|
|
569
590
|
}
|
|
570
591
|
if (!N || g.current) return;
|
|
@@ -572,7 +593,7 @@ function ba({
|
|
|
572
593
|
S || c(!1), r == null || r(!1);
|
|
573
594
|
return;
|
|
574
595
|
}
|
|
575
|
-
g.current = !0, h(!0),
|
|
596
|
+
g.current = !0, h(!0), p.current = setTimeout(() => {
|
|
576
597
|
S || c(!1), r == null || r(!1), requestAnimationFrame(() => {
|
|
577
598
|
k.current && (g.current = !1, h(!1));
|
|
578
599
|
});
|
|
@@ -588,7 +609,7 @@ function ba({
|
|
|
588
609
|
}
|
|
589
610
|
) }) });
|
|
590
611
|
}
|
|
591
|
-
const Qe =
|
|
612
|
+
const Qe = b(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
|
|
592
613
|
M.Trigger,
|
|
593
614
|
{
|
|
594
615
|
ref: r,
|
|
@@ -599,14 +620,14 @@ const Qe = p(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
599
620
|
}
|
|
600
621
|
));
|
|
601
622
|
Qe.displayName = "DialogTrigger";
|
|
602
|
-
const Wa = M.Close, Ye =
|
|
623
|
+
const Wa = M.Close, Ye = b(
|
|
603
624
|
({ variant: t = "secondary", children: a = "Cancel", ...r }, l) => /* @__PURE__ */ e(M.Close, { asChild: !0, children: /* @__PURE__ */ e(z, { ref: l, type: "button", variant: t, ...r, children: a }) })
|
|
604
625
|
);
|
|
605
626
|
Ye.displayName = "DialogCancel";
|
|
606
627
|
function Ze(t, a = !0) {
|
|
607
628
|
if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
|
|
608
629
|
return;
|
|
609
|
-
const r =
|
|
630
|
+
const r = Ce(t);
|
|
610
631
|
if (!r) {
|
|
611
632
|
a && window.requestAnimationFrame(() => Ze(t, !1));
|
|
612
633
|
return;
|
|
@@ -621,14 +642,14 @@ function Ze(t, a = !0) {
|
|
|
621
642
|
};
|
|
622
643
|
t.addEventListener("animationend", c);
|
|
623
644
|
}
|
|
624
|
-
const Oe =
|
|
645
|
+
const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOutside: l, ...i }, d) => {
|
|
625
646
|
const c = ie(Xe), u = ie(Je), h = te(null), g = At(
|
|
626
|
-
(
|
|
627
|
-
if (h.current =
|
|
628
|
-
d(
|
|
647
|
+
(p) => {
|
|
648
|
+
if (h.current = p, p && Ze(p), typeof d == "function") {
|
|
649
|
+
d(p);
|
|
629
650
|
return;
|
|
630
651
|
}
|
|
631
|
-
d && (d.current =
|
|
652
|
+
d && (d.current = p);
|
|
632
653
|
},
|
|
633
654
|
[d]
|
|
634
655
|
);
|
|
@@ -661,11 +682,11 @@ const Oe = p(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOuts
|
|
|
661
682
|
"focus:outline-none",
|
|
662
683
|
t
|
|
663
684
|
),
|
|
664
|
-
onEscapeKeyDown: (
|
|
665
|
-
r == null || r(
|
|
685
|
+
onEscapeKeyDown: (p) => {
|
|
686
|
+
r == null || r(p), !p.defaultPrevented && (p.preventDefault(), u());
|
|
666
687
|
},
|
|
667
|
-
onPointerDownOutside: (
|
|
668
|
-
l == null || l(
|
|
688
|
+
onPointerDownOutside: (p) => {
|
|
689
|
+
l == null || l(p), !p.defaultPrevented && (p.preventDefault(), u());
|
|
669
690
|
},
|
|
670
691
|
...i,
|
|
671
692
|
children: [
|
|
@@ -680,7 +701,7 @@ const Oe = p(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOuts
|
|
|
680
701
|
] });
|
|
681
702
|
});
|
|
682
703
|
Oe.displayName = "DialogContent";
|
|
683
|
-
function
|
|
704
|
+
function ba({
|
|
684
705
|
className: t,
|
|
685
706
|
...a
|
|
686
707
|
}) {
|
|
@@ -734,14 +755,14 @@ function ga({
|
|
|
734
755
|
{
|
|
735
756
|
"data-slot": "footer",
|
|
736
757
|
className: o(
|
|
737
|
-
"flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:px-4 sm:pt-3.5 sm
|
|
758
|
+
"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",
|
|
738
759
|
t
|
|
739
760
|
),
|
|
740
761
|
...a
|
|
741
762
|
}
|
|
742
763
|
);
|
|
743
764
|
}
|
|
744
|
-
const Ke =
|
|
765
|
+
const Ke = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
745
766
|
M.Title,
|
|
746
767
|
{
|
|
747
768
|
ref: r,
|
|
@@ -750,7 +771,7 @@ const Ke = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
750
771
|
}
|
|
751
772
|
));
|
|
752
773
|
Ke.displayName = "DialogTitle";
|
|
753
|
-
const xa =
|
|
774
|
+
const xa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
754
775
|
M.Description,
|
|
755
776
|
{
|
|
756
777
|
ref: r,
|
|
@@ -806,8 +827,8 @@ function Na({
|
|
|
806
827
|
checked: g,
|
|
807
828
|
disabled: h,
|
|
808
829
|
onChange: () => {
|
|
809
|
-
var
|
|
810
|
-
return (
|
|
830
|
+
var p;
|
|
831
|
+
return (p = c.onChange) == null ? void 0 : p.call(c, t);
|
|
811
832
|
},
|
|
812
833
|
"aria-describedby": r ? u : void 0,
|
|
813
834
|
className: "peer sr-only"
|
|
@@ -846,11 +867,11 @@ function Xa({
|
|
|
846
867
|
onValueChange: u,
|
|
847
868
|
cancelLabel: h = "Cancel",
|
|
848
869
|
confirmLabel: g = "Continue",
|
|
849
|
-
onConfirm:
|
|
870
|
+
onConfirm: p
|
|
850
871
|
}) {
|
|
851
872
|
var I;
|
|
852
873
|
const [N, k] = T(d ?? ((I = i[0]) == null ? void 0 : I.value) ?? ""), S = c ?? N;
|
|
853
|
-
return /* @__PURE__ */ s(
|
|
874
|
+
return /* @__PURE__ */ s(pa, { open: t, onOpenChange: a, children: [
|
|
854
875
|
r ? /* @__PURE__ */ e(Qe, { asChild: !0, children: r }) : null,
|
|
855
876
|
/* @__PURE__ */ s(
|
|
856
877
|
Oe,
|
|
@@ -858,7 +879,7 @@ function Xa({
|
|
|
858
879
|
"aria-describedby": void 0,
|
|
859
880
|
className: "max-w-[29.4rem] [&>button]:hidden",
|
|
860
881
|
children: [
|
|
861
|
-
/* @__PURE__ */ s(
|
|
882
|
+
/* @__PURE__ */ s(ba, { children: [
|
|
862
883
|
/* @__PURE__ */ e(ha, { children: /* @__PURE__ */ e(Ke, { className: "text-xl", children: l }) }),
|
|
863
884
|
/* @__PURE__ */ e(fa, { children: /* @__PURE__ */ e(va, { label: l, value: S, onChange: (y) => {
|
|
864
885
|
c === void 0 && k(y), u == null || u(y);
|
|
@@ -875,7 +896,7 @@ function Xa({
|
|
|
875
896
|
] }),
|
|
876
897
|
/* @__PURE__ */ s(ga, { className: "gap-3 pt-2.5", children: [
|
|
877
898
|
/* @__PURE__ */ e(Ye, { className: "flex-1", children: h }),
|
|
878
|
-
/* @__PURE__ */ e(z, { className: "flex-1", onClick: () =>
|
|
899
|
+
/* @__PURE__ */ e(z, { className: "flex-1", onClick: () => p == null ? void 0 : p(S), children: g })
|
|
879
900
|
] })
|
|
880
901
|
]
|
|
881
902
|
}
|
|
@@ -920,7 +941,7 @@ const ya = {
|
|
|
920
941
|
md: "left-[var(--control-pad-x-md)]",
|
|
921
942
|
lg: "left-[var(--control-pad-x-lg)]",
|
|
922
943
|
xl: "left-[var(--control-pad-x-xl)]"
|
|
923
|
-
},
|
|
944
|
+
}, Ae = {
|
|
924
945
|
sm: "right-[var(--control-pad-x-sm)]",
|
|
925
946
|
md: "right-[var(--control-pad-x-md)]",
|
|
926
947
|
lg: "right-[var(--control-pad-x-lg)]",
|
|
@@ -930,7 +951,7 @@ const ya = {
|
|
|
930
951
|
md: "size-[var(--control-icon-md)]",
|
|
931
952
|
lg: "size-[var(--control-icon-lg)]",
|
|
932
953
|
xl: "size-[var(--control-icon-xl)]"
|
|
933
|
-
}, tt =
|
|
954
|
+
}, tt = b(
|
|
934
955
|
({
|
|
935
956
|
className: t,
|
|
936
957
|
containerClassName: a,
|
|
@@ -942,14 +963,14 @@ const ya = {
|
|
|
942
963
|
value: u,
|
|
943
964
|
defaultValue: h,
|
|
944
965
|
error: g = !1,
|
|
945
|
-
helperText:
|
|
966
|
+
helperText: p,
|
|
946
967
|
id: N,
|
|
947
968
|
"aria-describedby": k,
|
|
948
969
|
disabled: S,
|
|
949
970
|
readOnly: w,
|
|
950
971
|
...I
|
|
951
972
|
}, y) => {
|
|
952
|
-
const B = de(), J = N ?? B, F = !!
|
|
973
|
+
const B = de(), J = N ?? B, F = !!p, _ = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Q = F ? `${J}-description` : void 0, ue = [k, Q].filter(Boolean).join(" ") || void 0, Y = /* @__PURE__ */ e(
|
|
953
974
|
"input",
|
|
954
975
|
{
|
|
955
976
|
ref: y,
|
|
@@ -959,9 +980,9 @@ const ya = {
|
|
|
959
980
|
readOnly: w,
|
|
960
981
|
"aria-invalid": g || void 0,
|
|
961
982
|
"aria-describedby": ue,
|
|
962
|
-
style: i || d ||
|
|
983
|
+
style: i || d || _ ? {
|
|
963
984
|
paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
|
|
964
|
-
paddingInlineEnd: d ||
|
|
985
|
+
paddingInlineEnd: d || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
|
|
965
986
|
} : void 0,
|
|
966
987
|
className: o(
|
|
967
988
|
"flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
|
|
@@ -982,7 +1003,7 @@ const ya = {
|
|
|
982
1003
|
...I
|
|
983
1004
|
}
|
|
984
1005
|
);
|
|
985
|
-
return !i && !d && !
|
|
1006
|
+
return !i && !d && !_ && !F ? Y : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
|
|
986
1007
|
/* @__PURE__ */ s("div", { className: "relative", children: [
|
|
987
1008
|
i ? /* @__PURE__ */ e(
|
|
988
1009
|
"span",
|
|
@@ -996,7 +1017,7 @@ const ya = {
|
|
|
996
1017
|
}
|
|
997
1018
|
) : null,
|
|
998
1019
|
Y,
|
|
999
|
-
|
|
1020
|
+
_ ? /* @__PURE__ */ e(
|
|
1000
1021
|
"button",
|
|
1001
1022
|
{
|
|
1002
1023
|
type: "button",
|
|
@@ -1004,7 +1025,7 @@ const ya = {
|
|
|
1004
1025
|
onClick: c,
|
|
1005
1026
|
className: o(
|
|
1006
1027
|
"absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
|
|
1007
|
-
|
|
1028
|
+
Ae[l]
|
|
1008
1029
|
),
|
|
1009
1030
|
children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", he[l]), children: /* @__PURE__ */ e(le, {}) })
|
|
1010
1031
|
}
|
|
@@ -1013,7 +1034,7 @@ const ya = {
|
|
|
1013
1034
|
{
|
|
1014
1035
|
className: o(
|
|
1015
1036
|
"pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
|
|
1016
|
-
|
|
1037
|
+
Ae[l]
|
|
1017
1038
|
),
|
|
1018
1039
|
"aria-hidden": !0,
|
|
1019
1040
|
children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", he[l]), children: d })
|
|
@@ -1025,14 +1046,14 @@ const ya = {
|
|
|
1025
1046
|
{
|
|
1026
1047
|
id: Q,
|
|
1027
1048
|
className: o("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
|
|
1028
|
-
children:
|
|
1049
|
+
children: p
|
|
1029
1050
|
}
|
|
1030
1051
|
) : null
|
|
1031
1052
|
] });
|
|
1032
1053
|
}
|
|
1033
1054
|
);
|
|
1034
1055
|
tt.displayName = "Input";
|
|
1035
|
-
function
|
|
1056
|
+
function Se(t, a) {
|
|
1036
1057
|
let r = 0;
|
|
1037
1058
|
return $e.forEach(t, (l) => {
|
|
1038
1059
|
if (!qe(l)) return;
|
|
@@ -1041,7 +1062,7 @@ function ze(t, a) {
|
|
|
1041
1062
|
return;
|
|
1042
1063
|
}
|
|
1043
1064
|
const i = l.props.children;
|
|
1044
|
-
i && (r +=
|
|
1065
|
+
i && (r += Se(i, a));
|
|
1045
1066
|
}), r;
|
|
1046
1067
|
}
|
|
1047
1068
|
const at = se(!1);
|
|
@@ -1049,14 +1070,14 @@ function ge({
|
|
|
1049
1070
|
children: t,
|
|
1050
1071
|
...a
|
|
1051
1072
|
}) {
|
|
1052
|
-
const r =
|
|
1073
|
+
const r = Se(t, [
|
|
1053
1074
|
oe,
|
|
1054
1075
|
U,
|
|
1055
1076
|
rt
|
|
1056
1077
|
]) === 0;
|
|
1057
1078
|
return /* @__PURE__ */ e(at.Provider, { value: r, children: /* @__PURE__ */ e(C.Root, { ...a, children: t }) });
|
|
1058
1079
|
}
|
|
1059
|
-
const ae =
|
|
1080
|
+
const ae = b(({ disabled: t, ...a }, r) => {
|
|
1060
1081
|
const l = ie(at);
|
|
1061
1082
|
return /* @__PURE__ */ e(
|
|
1062
1083
|
C.Trigger,
|
|
@@ -1068,7 +1089,7 @@ const ae = p(({ disabled: t, ...a }, r) => {
|
|
|
1068
1089
|
);
|
|
1069
1090
|
});
|
|
1070
1091
|
ae.displayName = "DropdownMenuTrigger";
|
|
1071
|
-
const Qa = C.Group, Ya = C.Portal, re =
|
|
1092
|
+
const Qa = C.Group, Ya = C.Portal, re = b(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
|
|
1072
1093
|
C.Content,
|
|
1073
1094
|
{
|
|
1074
1095
|
ref: l,
|
|
@@ -1087,7 +1108,7 @@ const Qa = C.Group, Ya = C.Portal, re = p(({ className: t, sideOffset: a = 8, ..
|
|
|
1087
1108
|
}
|
|
1088
1109
|
) }));
|
|
1089
1110
|
re.displayName = "DropdownMenuContent";
|
|
1090
|
-
const oe =
|
|
1111
|
+
const oe = b(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
|
|
1091
1112
|
C.Item,
|
|
1092
1113
|
{
|
|
1093
1114
|
ref: l,
|
|
@@ -1102,7 +1123,7 @@ const oe = p(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
|
|
|
1102
1123
|
}
|
|
1103
1124
|
));
|
|
1104
1125
|
oe.displayName = "DropdownMenuItem";
|
|
1105
|
-
const U =
|
|
1126
|
+
const U = b(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE__ */ s(
|
|
1106
1127
|
C.CheckboxItem,
|
|
1107
1128
|
{
|
|
1108
1129
|
ref: i,
|
|
@@ -1119,7 +1140,7 @@ const U = p(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE__
|
|
|
1119
1140
|
}
|
|
1120
1141
|
));
|
|
1121
1142
|
U.displayName = "DropdownMenuCheckboxItem";
|
|
1122
|
-
const ne =
|
|
1143
|
+
const ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
1123
1144
|
C.Label,
|
|
1124
1145
|
{
|
|
1125
1146
|
ref: r,
|
|
@@ -1128,7 +1149,7 @@ const ne = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
1128
1149
|
}
|
|
1129
1150
|
));
|
|
1130
1151
|
ne.displayName = "DropdownMenuLabel";
|
|
1131
|
-
const Za = C.Sub, rt =
|
|
1152
|
+
const Za = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, i) => /* @__PURE__ */ s(
|
|
1132
1153
|
C.SubTrigger,
|
|
1133
1154
|
{
|
|
1134
1155
|
ref: i,
|
|
@@ -1147,7 +1168,7 @@ const Za = C.Sub, rt = p(({ className: t, inset: a, children: r, ...l }, i) => /
|
|
|
1147
1168
|
}
|
|
1148
1169
|
));
|
|
1149
1170
|
rt.displayName = "DropdownMenuSubTrigger";
|
|
1150
|
-
const Sa =
|
|
1171
|
+
const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
1151
1172
|
C.SubContent,
|
|
1152
1173
|
{
|
|
1153
1174
|
ref: r,
|
|
@@ -1166,7 +1187,7 @@ const Sa = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
|
1166
1187
|
}
|
|
1167
1188
|
));
|
|
1168
1189
|
Sa.displayName = "DropdownMenuSubContent";
|
|
1169
|
-
const Ne =
|
|
1190
|
+
const Ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
1170
1191
|
C.Separator,
|
|
1171
1192
|
{
|
|
1172
1193
|
ref: r,
|
|
@@ -1181,10 +1202,10 @@ function ka({
|
|
|
1181
1202
|
disabled: a,
|
|
1182
1203
|
...r
|
|
1183
1204
|
}) {
|
|
1184
|
-
const l =
|
|
1205
|
+
const l = Se(t, [ze]) === 0;
|
|
1185
1206
|
return /* @__PURE__ */ e(D.Root, { disabled: a || l, ...r, children: t });
|
|
1186
1207
|
}
|
|
1187
|
-
const nt =
|
|
1208
|
+
const nt = b(({ className: t, children: a, variant: r = "field", ...l }, i) => /* @__PURE__ */ s(
|
|
1188
1209
|
D.Trigger,
|
|
1189
1210
|
{
|
|
1190
1211
|
ref: i,
|
|
@@ -1205,7 +1226,7 @@ const nt = p(({ className: t, children: a, variant: r = "field", ...l }, i) => /
|
|
|
1205
1226
|
}
|
|
1206
1227
|
));
|
|
1207
1228
|
nt.displayName = "SelectTrigger";
|
|
1208
|
-
const lt =
|
|
1229
|
+
const lt = b(
|
|
1209
1230
|
({ className: t, children: a, position: r = "popper", sideOffset: l = 8, ...i }, d) => /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ e(
|
|
1210
1231
|
D.Content,
|
|
1211
1232
|
{
|
|
@@ -1228,7 +1249,7 @@ const lt = p(
|
|
|
1228
1249
|
) })
|
|
1229
1250
|
);
|
|
1230
1251
|
lt.displayName = "SelectContent";
|
|
1231
|
-
const
|
|
1252
|
+
const ze = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
|
|
1232
1253
|
D.Item,
|
|
1233
1254
|
{
|
|
1234
1255
|
ref: l,
|
|
@@ -1243,8 +1264,8 @@ const ke = p(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
|
|
|
1243
1264
|
]
|
|
1244
1265
|
}
|
|
1245
1266
|
));
|
|
1246
|
-
|
|
1247
|
-
const Da =
|
|
1267
|
+
ze.displayName = "SelectItem";
|
|
1268
|
+
const Da = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
1248
1269
|
D.Label,
|
|
1249
1270
|
{
|
|
1250
1271
|
ref: r,
|
|
@@ -1312,7 +1333,7 @@ function er({
|
|
|
1312
1333
|
filters: u,
|
|
1313
1334
|
toolbarStart: h,
|
|
1314
1335
|
toolbarEnd: g,
|
|
1315
|
-
tabs:
|
|
1336
|
+
tabs: p,
|
|
1316
1337
|
activeTab: N,
|
|
1317
1338
|
onTabChange: k,
|
|
1318
1339
|
infoBanner: S,
|
|
@@ -1322,27 +1343,27 @@ function er({
|
|
|
1322
1343
|
onRowClick: B,
|
|
1323
1344
|
defaultSort: J,
|
|
1324
1345
|
pageSize: F = 25,
|
|
1325
|
-
pageSizeOptions:
|
|
1346
|
+
pageSizeOptions: _ = [10, 25, 50, 100],
|
|
1326
1347
|
tone: Q,
|
|
1327
1348
|
headerAction: ue,
|
|
1328
1349
|
headerClassName: Y,
|
|
1329
1350
|
panelClassName: it,
|
|
1330
1351
|
className: ot
|
|
1331
1352
|
}) {
|
|
1332
|
-
const [
|
|
1353
|
+
const [ke, De] = T(
|
|
1333
1354
|
() => Object.fromEntries(
|
|
1334
1355
|
a.filter((n) => n.defaultHidden && !n.required).map((n) => [n.id, !0])
|
|
1335
1356
|
)
|
|
1336
1357
|
), [x, st] = T(
|
|
1337
1358
|
J ?? null
|
|
1338
|
-
), [$, Z] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct,
|
|
1359
|
+
), [$, Z] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct, pe] = T([]), j = a.filter((n) => !ke[n.id]), Te = a.filter((n) => ke[n.id] && !n.required), be = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), O = je(() => {
|
|
1339
1360
|
let n = t;
|
|
1340
1361
|
for (const f of u ?? [])
|
|
1341
1362
|
f.value.length > 0 && (n = n.filter((v) => f.match(v, f.value)));
|
|
1342
1363
|
if (!c || !c.value.trim()) return n;
|
|
1343
1364
|
const m = c.value.trim().toLowerCase();
|
|
1344
1365
|
return n.filter((f) => c.keys(f).toLowerCase().includes(m));
|
|
1345
|
-
}, [t, c, u]), q =
|
|
1366
|
+
}, [t, c, u]), q = je(() => {
|
|
1346
1367
|
if (!x) return O;
|
|
1347
1368
|
const n = a.find((f) => f.id === x.id);
|
|
1348
1369
|
if (!(n != null && n.sortValue)) return O;
|
|
@@ -1357,27 +1378,27 @@ function er({
|
|
|
1357
1378
|
}, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, N, ut]), V(() => {
|
|
1358
1379
|
$ > G - 1 && Z(G - 1);
|
|
1359
1380
|
}, [$, G]);
|
|
1360
|
-
const K = $ * L,
|
|
1381
|
+
const K = $ * L, E = q.slice(K, K + L), mt = (n) => {
|
|
1361
1382
|
n.sortable && st(
|
|
1362
1383
|
(m) => (m == null ? void 0 : m.id) === n.id ? m.dir === "asc" ? { id: n.id, dir: "desc" } : null : { id: n.id, dir: "asc" }
|
|
1363
1384
|
);
|
|
1364
|
-
},
|
|
1385
|
+
}, Me = E.length > 0 && E.every((n) => R.has(r(n))), pt = E.some((n) => R.has(r(n))), bt = t.filter((n) => R.has(r(n))), ft = () => {
|
|
1365
1386
|
me((n) => {
|
|
1366
1387
|
const m = new Set(n);
|
|
1367
|
-
return
|
|
1388
|
+
return Me ? E.forEach((f) => m.delete(r(f))) : E.forEach((f) => m.add(r(f))), m;
|
|
1368
1389
|
});
|
|
1369
1390
|
}, ht = (n) => {
|
|
1370
1391
|
me((m) => {
|
|
1371
1392
|
const f = new Set(m);
|
|
1372
1393
|
return f.has(n) ? f.delete(n) : f.add(n), f;
|
|
1373
1394
|
});
|
|
1374
|
-
}, gt = !!(c || u != null && u.length || h || g), xt =
|
|
1395
|
+
}, gt = !!(c || u != null && u.length || h || g), xt = j.some((n) => n.width), vt = j.length > 1 ? 70 / (j.length - 1) : 100, Nt = j.map((n, m) => n.width ? n.width : xt ? "auto" : `${m === 0 ? 30 : vt}%`), Pe = [
|
|
1375
1396
|
...w ? ["2.75rem"] : [],
|
|
1376
1397
|
...Nt,
|
|
1377
1398
|
...y ? ["11rem"] : []
|
|
1378
1399
|
], yt = (n) => (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? "ascending" : "descending" : void 0;
|
|
1379
1400
|
return /* @__PURE__ */ s("div", { className: o("space-y-4", ot), children: [
|
|
1380
|
-
|
|
1401
|
+
p && p.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: p.map((n) => {
|
|
1381
1402
|
const m = n.id === N;
|
|
1382
1403
|
return /* @__PURE__ */ e(
|
|
1383
1404
|
"button",
|
|
@@ -1417,36 +1438,36 @@ function er({
|
|
|
1417
1438
|
{
|
|
1418
1439
|
variant: "secondary",
|
|
1419
1440
|
size: "md",
|
|
1420
|
-
leadingIcon: /* @__PURE__ */ e(
|
|
1441
|
+
leadingIcon: /* @__PURE__ */ e(jt, {}),
|
|
1421
1442
|
trailingIcon: /* @__PURE__ */ e(ee, {}),
|
|
1422
1443
|
children: "Columns"
|
|
1423
1444
|
}
|
|
1424
1445
|
) }),
|
|
1425
1446
|
/* @__PURE__ */ s(re, { align: "end", className: "w-54", children: [
|
|
1426
1447
|
/* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Active columns" }),
|
|
1427
|
-
|
|
1448
|
+
j.map((n) => /* @__PURE__ */ s(
|
|
1428
1449
|
U,
|
|
1429
1450
|
{
|
|
1430
1451
|
checked: !0,
|
|
1431
1452
|
disabled: n.required,
|
|
1432
|
-
onCheckedChange: () =>
|
|
1453
|
+
onCheckedChange: () => De((m) => ({ ...m, [n.id]: !0 })),
|
|
1433
1454
|
onSelect: (m) => m.preventDefault(),
|
|
1434
1455
|
className: "justify-between",
|
|
1435
1456
|
children: [
|
|
1436
1457
|
/* @__PURE__ */ e("span", { children: n.header }),
|
|
1437
|
-
n.required ? /* @__PURE__ */ e(
|
|
1458
|
+
n.required ? /* @__PURE__ */ e(Et, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
|
|
1438
1459
|
]
|
|
1439
1460
|
},
|
|
1440
1461
|
n.id
|
|
1441
1462
|
)),
|
|
1442
|
-
|
|
1463
|
+
Te.length > 0 ? /* @__PURE__ */ s(Be, { children: [
|
|
1443
1464
|
/* @__PURE__ */ e(Ne, {}),
|
|
1444
1465
|
/* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Available columns" }),
|
|
1445
|
-
|
|
1466
|
+
Te.map((n) => /* @__PURE__ */ e(
|
|
1446
1467
|
U,
|
|
1447
1468
|
{
|
|
1448
1469
|
checked: !1,
|
|
1449
|
-
onCheckedChange: () =>
|
|
1470
|
+
onCheckedChange: () => De((m) => ({ ...m, [n.id]: !1 })),
|
|
1450
1471
|
onSelect: (m) => m.preventDefault(),
|
|
1451
1472
|
children: n.header
|
|
1452
1473
|
},
|
|
@@ -1463,13 +1484,13 @@ function er({
|
|
|
1463
1484
|
size: "md",
|
|
1464
1485
|
iconOnly: !0,
|
|
1465
1486
|
"aria-label": "Add filter",
|
|
1466
|
-
children: /* @__PURE__ */ e(
|
|
1487
|
+
children: /* @__PURE__ */ e(Ie, {})
|
|
1467
1488
|
}
|
|
1468
1489
|
) }),
|
|
1469
1490
|
/* @__PURE__ */ e(re, { align: "start", className: "w-54", children: u.map((n) => /* @__PURE__ */ e(
|
|
1470
1491
|
oe,
|
|
1471
1492
|
{
|
|
1472
|
-
onSelect: () =>
|
|
1493
|
+
onSelect: () => pe(
|
|
1473
1494
|
(m) => m.includes(n.id) ? m : [...m, n.id]
|
|
1474
1495
|
),
|
|
1475
1496
|
children: n.label
|
|
@@ -1479,10 +1500,10 @@ function er({
|
|
|
1479
1500
|
] }) : null,
|
|
1480
1501
|
g ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: g }) : null
|
|
1481
1502
|
] }),
|
|
1482
|
-
|
|
1483
|
-
|
|
1503
|
+
be.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
|
|
1504
|
+
be.map((n) => {
|
|
1484
1505
|
const m = () => {
|
|
1485
|
-
n.onChange([]),
|
|
1506
|
+
n.onChange([]), pe((f) => f.filter((v) => v !== n.id));
|
|
1486
1507
|
};
|
|
1487
1508
|
return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
|
|
1488
1509
|
/* @__PURE__ */ e(
|
|
@@ -1499,7 +1520,7 @@ function er({
|
|
|
1499
1520
|
),
|
|
1500
1521
|
/* @__PURE__ */ s(ge, { children: [
|
|
1501
1522
|
/* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ s(z, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
|
|
1502
|
-
/* @__PURE__ */ e(
|
|
1523
|
+
/* @__PURE__ */ e(Ie, {}),
|
|
1503
1524
|
/* @__PURE__ */ e("span", { className: "font-medium", children: n.label }),
|
|
1504
1525
|
/* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
|
|
1505
1526
|
/* @__PURE__ */ e("span", { className: "text-muted", children: n.value.length > 0 ? `${n.value.length} selected` : "Enter value" }),
|
|
@@ -1536,8 +1557,8 @@ function er({
|
|
|
1536
1557
|
{
|
|
1537
1558
|
type: "button",
|
|
1538
1559
|
onClick: () => {
|
|
1539
|
-
for (const n of
|
|
1540
|
-
|
|
1560
|
+
for (const n of be) n.onChange([]);
|
|
1561
|
+
pe([]);
|
|
1541
1562
|
},
|
|
1542
1563
|
className: "text-sm text-muted transition-colors hover:text-fg",
|
|
1543
1564
|
children: "Clear filters"
|
|
@@ -1556,7 +1577,7 @@ function er({
|
|
|
1556
1577
|
size: "md",
|
|
1557
1578
|
variant: n.variant ?? "outline",
|
|
1558
1579
|
disabled: n.disabled,
|
|
1559
|
-
onClick: () => void n.onRun(
|
|
1580
|
+
onClick: () => void n.onRun(bt),
|
|
1560
1581
|
children: [
|
|
1561
1582
|
n.icon,
|
|
1562
1583
|
n.label
|
|
@@ -1588,17 +1609,17 @@ function er({
|
|
|
1588
1609
|
// Visible header: presentational so its controls stay focusable while
|
|
1589
1610
|
// the body table carries the semantic column headers (sr-only).
|
|
1590
1611
|
/* @__PURE__ */ s("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
|
|
1591
|
-
/* @__PURE__ */ e("colgroup", { children:
|
|
1612
|
+
/* @__PURE__ */ e("colgroup", { children: Pe.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
|
|
1592
1613
|
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
|
|
1593
1614
|
w && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ e(
|
|
1594
1615
|
xe,
|
|
1595
1616
|
{
|
|
1596
1617
|
"aria-label": "Select all rows",
|
|
1597
|
-
checked:
|
|
1618
|
+
checked: Me ? !0 : pt ? "indeterminate" : !1,
|
|
1598
1619
|
onCheckedChange: ft
|
|
1599
1620
|
}
|
|
1600
1621
|
) }),
|
|
1601
|
-
|
|
1622
|
+
j.map((n) => /* @__PURE__ */ e(
|
|
1602
1623
|
"th",
|
|
1603
1624
|
{
|
|
1604
1625
|
className: o(Ma, n.align === "right" && "text-right", n.className),
|
|
@@ -1630,13 +1651,13 @@ function er({
|
|
|
1630
1651
|
] })
|
|
1631
1652
|
),
|
|
1632
1653
|
children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((n) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, n)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
|
|
1633
|
-
/* @__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(
|
|
1654
|
+
/* @__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(_t, { weight: "duotone" }) }),
|
|
1634
1655
|
/* @__PURE__ */ s("div", { className: "space-y-2", children: [
|
|
1635
1656
|
/* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
|
|
1636
1657
|
i.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
|
|
1637
1658
|
] }),
|
|
1638
1659
|
i.action
|
|
1639
|
-
] }) :
|
|
1660
|
+
] }) : E.length === 0 ? /* @__PURE__ */ e(
|
|
1640
1661
|
Ta,
|
|
1641
1662
|
{
|
|
1642
1663
|
icon: d == null ? void 0 : d.icon,
|
|
@@ -1645,13 +1666,13 @@ function er({
|
|
|
1645
1666
|
action: d == null ? void 0 : d.action
|
|
1646
1667
|
}
|
|
1647
1668
|
) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
|
|
1648
|
-
/* @__PURE__ */ e("colgroup", { children:
|
|
1669
|
+
/* @__PURE__ */ e("colgroup", { children: Pe.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
|
|
1649
1670
|
/* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
|
|
1650
1671
|
w && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
|
|
1651
|
-
|
|
1672
|
+
j.map((n) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": yt(n), children: n.header }, n.id)),
|
|
1652
1673
|
y && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
|
|
1653
1674
|
] }) }),
|
|
1654
|
-
/* @__PURE__ */ e(Ot, { children:
|
|
1675
|
+
/* @__PURE__ */ e(Ot, { children: E.map((n) => {
|
|
1655
1676
|
const m = r(n), f = R.has(m);
|
|
1656
1677
|
return /* @__PURE__ */ s(
|
|
1657
1678
|
Kt,
|
|
@@ -1668,7 +1689,7 @@ function er({
|
|
|
1668
1689
|
onCheckedChange: () => ht(m)
|
|
1669
1690
|
}
|
|
1670
1691
|
) }),
|
|
1671
|
-
|
|
1692
|
+
j.map((v) => /* @__PURE__ */ e(
|
|
1672
1693
|
fe,
|
|
1673
1694
|
{
|
|
1674
1695
|
"data-numeric": v.numeric ? "" : void 0,
|
|
@@ -1697,7 +1718,7 @@ function er({
|
|
|
1697
1718
|
/* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
|
|
1698
1719
|
/* @__PURE__ */ s(ka, { value: String(L), onValueChange: (n) => dt(Number(n)), children: [
|
|
1699
1720
|
/* @__PURE__ */ e(nt, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(za, {}) }),
|
|
1700
|
-
/* @__PURE__ */ e(lt, { children:
|
|
1721
|
+
/* @__PURE__ */ e(lt, { children: _.map((n) => /* @__PURE__ */ s(ze, { value: String(n), children: [
|
|
1701
1722
|
n,
|
|
1702
1723
|
" / page"
|
|
1703
1724
|
] }, n)) })
|
|
@@ -1748,7 +1769,7 @@ function ar({ className: t, ...a }) {
|
|
|
1748
1769
|
}
|
|
1749
1770
|
);
|
|
1750
1771
|
}
|
|
1751
|
-
const Ia =
|
|
1772
|
+
const Ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
|
|
1752
1773
|
qt.Root,
|
|
1753
1774
|
{
|
|
1754
1775
|
ref: r,
|
|
@@ -1812,7 +1833,7 @@ function rr({
|
|
|
1812
1833
|
}
|
|
1813
1834
|
);
|
|
1814
1835
|
}
|
|
1815
|
-
const
|
|
1836
|
+
const ja = b(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, i) => /* @__PURE__ */ e(
|
|
1816
1837
|
Gt.Root,
|
|
1817
1838
|
{
|
|
1818
1839
|
ref: i,
|
|
@@ -1826,7 +1847,7 @@ const Ea = p(({ className: t, orientation: a = "horizontal", decorative: r = !0,
|
|
|
1826
1847
|
...l
|
|
1827
1848
|
}
|
|
1828
1849
|
));
|
|
1829
|
-
|
|
1850
|
+
ja.displayName = "Separator";
|
|
1830
1851
|
function nr({ className: t, ...a }) {
|
|
1831
1852
|
return /* @__PURE__ */ e(
|
|
1832
1853
|
"div",
|
|
@@ -1836,7 +1857,7 @@ function nr({ className: t, ...a }) {
|
|
|
1836
1857
|
}
|
|
1837
1858
|
);
|
|
1838
1859
|
}
|
|
1839
|
-
const lr = W.Provider, ir = W.Root, or = W.Trigger,
|
|
1860
|
+
const lr = W.Provider, ir = W.Root, or = W.Trigger, Ea = b(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
|
|
1840
1861
|
W.Content,
|
|
1841
1862
|
{
|
|
1842
1863
|
ref: l,
|
|
@@ -1854,7 +1875,7 @@ const lr = W.Provider, ir = W.Root, or = W.Trigger, _a = p(({ className: t, side
|
|
|
1854
1875
|
...r
|
|
1855
1876
|
}
|
|
1856
1877
|
) }));
|
|
1857
|
-
|
|
1878
|
+
Ea.displayName = "TooltipContent";
|
|
1858
1879
|
export {
|
|
1859
1880
|
qa as AgentPrompt,
|
|
1860
1881
|
Ge as Avatar,
|
|
@@ -1874,7 +1895,7 @@ export {
|
|
|
1874
1895
|
Ja as CodeBlock,
|
|
1875
1896
|
er as DataTable,
|
|
1876
1897
|
Ka as DataTableIdentity,
|
|
1877
|
-
|
|
1898
|
+
pa as Dialog,
|
|
1878
1899
|
fa as DialogBody,
|
|
1879
1900
|
Ye as DialogCancel,
|
|
1880
1901
|
Wa as DialogClose,
|
|
@@ -1882,7 +1903,7 @@ export {
|
|
|
1882
1903
|
xa as DialogDescription,
|
|
1883
1904
|
ga as DialogFooter,
|
|
1884
1905
|
ha as DialogHeader,
|
|
1885
|
-
|
|
1906
|
+
ba as DialogPanel,
|
|
1886
1907
|
Ke as DialogTitle,
|
|
1887
1908
|
Qe as DialogTrigger,
|
|
1888
1909
|
ge as DropdownMenu,
|
|
@@ -1907,11 +1928,11 @@ export {
|
|
|
1907
1928
|
ka as Select,
|
|
1908
1929
|
lt as SelectContent,
|
|
1909
1930
|
Oa as SelectGroup,
|
|
1910
|
-
|
|
1931
|
+
ze as SelectItem,
|
|
1911
1932
|
Da as SelectLabel,
|
|
1912
1933
|
nt as SelectTrigger,
|
|
1913
1934
|
za as SelectValue,
|
|
1914
|
-
|
|
1935
|
+
ja as Separator,
|
|
1915
1936
|
nr as Skeleton,
|
|
1916
1937
|
Ht as Spinner,
|
|
1917
1938
|
Ha as Table,
|
|
@@ -1925,7 +1946,7 @@ export {
|
|
|
1925
1946
|
Kt as TableRow,
|
|
1926
1947
|
ce as TableSurface,
|
|
1927
1948
|
ir as Tooltip,
|
|
1928
|
-
|
|
1949
|
+
Ea as TooltipContent,
|
|
1929
1950
|
lr as TooltipProvider,
|
|
1930
1951
|
or as TooltipTrigger,
|
|
1931
1952
|
Wt as badgeVariants,
|