@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/index.js CHANGED
@@ -1,12 +1,12 @@
1
- import { jsx as e, jsxs as s, Fragment as ye } 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 Et, Lock as _t, FunnelSimple as Ee, WarningCircle as jt, CaretUp as Lt, CaretUpDown as Rt } from "@phosphor-icons/react";
3
- import { forwardRef as p, 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 _e } from "react";
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 we } from "class-variance-authority";
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 Ce from "@radix-ui/react-avatar";
9
- import * as je from "@radix-ui/react-checkbox";
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 = we(
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 = p(
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: b,
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 ? b : /* @__PURE__ */ s(ye, { children: [
92
- u ? /* @__PURE__ */ e(Ht, { className: o("text-current", w), "aria-hidden": !0 }) : i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
93
- b,
94
- !u && d ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
137
- Ce.Root,
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
149
- Ce.Image,
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
158
- Ce.Fallback,
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 = we(
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 = we("size-1.5 shrink-0 rounded-full", {
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 b = !!(t || a), N = aa(i) ? /* @__PURE__ */ e(
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 || b ? (
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
- b ? /* @__PURE__ */ s(
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(ye, { children: r }) : void 0,
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 = p(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: o("px-5 py-4", t), ...a }));
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
473
- je.Root,
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(je.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" }) })
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 Le(t) {
510
+ function _e(t) {
490
511
  return t.width > 0 && t.height > 0;
491
512
  }
492
- function Re(t) {
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 !Le(t) || !Le(a) ? null : {
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: Re(t.width / a.width),
500
- sy: Re(t.height / a.height)
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, Ae = !1;
505
- function Se(t) {
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 = Se(a);
539
+ const r = Ce(a);
519
540
  r && (A = { rect: r, at: Date.now() });
520
541
  }
521
542
  function ca() {
522
- Ae || typeof document > "u" || (Ae = !0, document.addEventListener(
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) ? Se(a) : null;
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 ba({
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), b = te(null), N = t ?? d, k = te(N);
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 && (b.current && clearTimeout(b.current), g.current = !1, h(!1));
579
+ t && (p.current && clearTimeout(p.current), g.current = !1, h(!1));
559
580
  }, [t]), V(
560
581
  () => () => {
561
- b.current && clearTimeout(b.current);
582
+ p.current && clearTimeout(p.current);
562
583
  },
563
584
  []
564
585
  );
565
586
  const w = (I) => {
566
587
  if (I) {
567
- b.current && clearTimeout(b.current), g.current = !1, h(!1), S || c(!0), r == null || r(!0);
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), b.current = setTimeout(() => {
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 = p(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
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 = p(
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 = Se(t);
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 = p(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOutside: l, ...i }, d) => {
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
- (b) => {
627
- if (h.current = b, b && Ze(b), typeof d == "function") {
628
- d(b);
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 = b);
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: (b) => {
665
- r == null || r(b), !b.defaultPrevented && (b.preventDefault(), u());
685
+ onEscapeKeyDown: (p) => {
686
+ r == null || r(p), !p.defaultPrevented && (p.preventDefault(), u());
666
687
  },
667
- onPointerDownOutside: (b) => {
668
- l == null || l(b), !b.defaultPrevented && (b.preventDefault(), u());
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 pa({
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:[&>*]:flex-1",
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 b;
810
- return (b = c.onChange) == null ? void 0 : b.call(c, t);
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: b
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(ba, { open: t, onOpenChange: a, children: [
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(pa, { children: [
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: () => b == null ? void 0 : b(S), children: g })
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
- }, Be = {
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 = p(
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: b,
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 = !!b, j = !!(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(
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 || j ? {
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 || j ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
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 && !j && !F ? Y : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
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
- j ? /* @__PURE__ */ e(
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
- Be[l]
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
- Be[l]
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: b
1049
+ children: p
1029
1050
  }
1030
1051
  ) : null
1031
1052
  ] });
1032
1053
  }
1033
1054
  );
1034
1055
  tt.displayName = "Input";
1035
- function ze(t, a) {
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 += ze(i, a));
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 = ze(t, [
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 = p(({ disabled: t, ...a }, r) => {
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 = p(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
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 = p(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
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 = p(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE__ */ s(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 = p(({ className: t, inset: a, children: r, ...l }, i) => /* @__PURE__ */ s(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 = ze(t, [ke]) === 0;
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 = p(({ className: t, children: a, variant: r = "field", ...l }, i) => /* @__PURE__ */ s(
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 = p(
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 ke = p(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
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
- ke.displayName = "SelectItem";
1247
- const Da = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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: b,
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: j = [10, 25, 50, 100],
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 [De, Te] = T(
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, be] = T([]), E = a.filter((n) => !De[n.id]), Me = a.filter((n) => De[n.id] && !n.required), pe = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), O = _e(() => {
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 = _e(() => {
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, _ = q.slice(K, K + L), mt = (n) => {
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
- }, Pe = _.length > 0 && _.every((n) => R.has(r(n))), bt = _.some((n) => R.has(r(n))), pt = t.filter((n) => R.has(r(n))), ft = () => {
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 Pe ? _.forEach((f) => m.delete(r(f))) : _.forEach((f) => m.add(r(f))), m;
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 = E.some((n) => n.width), vt = E.length > 1 ? 70 / (E.length - 1) : 100, Nt = E.map((n, m) => n.width ? n.width : xt ? "auto" : `${m === 0 ? 30 : vt}%`), Ie = [
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
- b && b.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: b.map((n) => {
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(Et, {}),
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
- E.map((n) => /* @__PURE__ */ s(
1448
+ j.map((n) => /* @__PURE__ */ s(
1428
1449
  U,
1429
1450
  {
1430
1451
  checked: !0,
1431
1452
  disabled: n.required,
1432
- onCheckedChange: () => Te((m) => ({ ...m, [n.id]: !0 })),
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(_t, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
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
- Me.length > 0 ? /* @__PURE__ */ s(ye, { children: [
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
- Me.map((n) => /* @__PURE__ */ e(
1466
+ Te.map((n) => /* @__PURE__ */ e(
1446
1467
  U,
1447
1468
  {
1448
1469
  checked: !1,
1449
- onCheckedChange: () => Te((m) => ({ ...m, [n.id]: !1 })),
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(Ee, {})
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: () => be(
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
- pe.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
1483
- pe.map((n) => {
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([]), be((f) => f.filter((v) => v !== n.id));
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(Ee, {}),
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 pe) n.onChange([]);
1540
- be([]);
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(pt),
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: Ie.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
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: Pe ? !0 : bt ? "indeterminate" : !1,
1618
+ checked: Me ? !0 : pt ? "indeterminate" : !1,
1598
1619
  onCheckedChange: ft
1599
1620
  }
1600
1621
  ) }),
1601
- E.map((n) => /* @__PURE__ */ e(
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(jt, { weight: "duotone" }) }),
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
- ] }) : _.length === 0 ? /* @__PURE__ */ e(
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: Ie.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
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
- E.map((n) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": yt(n), children: n.header }, n.id)),
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: _.map((n) => {
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
- E.map((v) => /* @__PURE__ */ e(
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: j.map((n) => /* @__PURE__ */ s(ke, { value: String(n), 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 = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
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 Ea = p(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, i) => /* @__PURE__ */ e(
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
- Ea.displayName = "Separator";
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, _a = p(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
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
- _a.displayName = "TooltipContent";
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
- ba as Dialog,
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
- pa as DialogPanel,
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
- ke as SelectItem,
1931
+ ze as SelectItem,
1911
1932
  Da as SelectLabel,
1912
1933
  nt as SelectTrigger,
1913
1934
  za as SelectValue,
1914
- Ea as Separator,
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
- _a as TooltipContent,
1949
+ Ea as TooltipContent,
1929
1950
  lr as TooltipProvider,
1930
1951
  or as TooltipTrigger,
1931
1952
  Wt as badgeVariants,