@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/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 or, Robot as sr, Terminal as dr, Check as ee, Copy as pt, XCircle as cr, Warning as ur, CheckCircle as mr, Info as pr, Minus as fr, X as ue, CaretDown as me, CaretRight as ft, MagnifyingGlass as br, Columns as hr, Lock as gr, DotsSixVertical as xr, FunnelSimple as it, WarningCircle as vr, CaretUp as Nr, CaretUpDown as yr, CaretLeft as wr } from "@phosphor-icons/react";
3
- import { forwardRef as f, useState as D, Children as bt, isValidElement as ht, useRef as j, useEffect as Q, useContext as W, useCallback as gt, createContext as te, useId as fe, useMemo as ot, useLayoutEffect as Cr } from "react";
4
- import { Slot as Sr } from "@radix-ui/react-slot";
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 kr } from "clsx";
7
- import { twMerge as zr } from "tailwind-merge";
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 I from "@radix-ui/react-dialog";
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 Dr from "@radix-ui/react-label";
14
- import * as Tr from "@radix-ui/react-separator";
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 o(...t) {
17
- return zr(kr(t));
16
+ function i(...t) {
17
+ return Tr(Dr(t));
18
18
  }
19
- function Mr(t, r, n) {
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], [i] = l.splice(r, 1);
23
- return l.splice(n, 0, i), l;
22
+ const l = [...t], [o] = l.splice(r, 1);
23
+ return l.splice(n, 0, o), l;
24
24
  }
25
- function Pr({ className: t }) {
25
+ function Rr({ className: t }) {
26
26
  return /* @__PURE__ */ e(
27
- or,
27
+ dr,
28
28
  {
29
- className: o("size-4 animate-spin text-muted", t),
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 Ir = Re(
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
- ), Rr = {
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: i,
75
- trailingIcon: u,
76
- iconOnly: m = !1,
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 ? Sr : "button", S = Rr[n ?? "md"];
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: o(
91
- Ir({ variant: r, size: n }),
92
- m && "aspect-square px-0",
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: o(
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 && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", S), "aria-hidden": !0, children: i }) : null,
108
+ !c && o ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", k), "aria-hidden": !0, children: o }) : null,
109
109
  h,
110
- !c && u ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", S), "aria-hidden": !0, children: u }) : null
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: o(
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(Pr, { className: o("text-current", S) })
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 Ta({
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 [i, u] = D(!1), m = async () => {
138
+ const [o, m] = D(!1), u = async () => {
139
139
  try {
140
- await navigator.clipboard.writeText(t), u(!0), window.setTimeout(() => u(!1), 1500);
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: o("relative inline-flex max-w-full", l), children: [
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(sr, { className: "size-3.5", weight: "fill" }),
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(dr, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
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: m,
161
- children: i ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(pt, {})
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: o(
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: o("aspect-square size-full object-cover", t),
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: o(
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 jr = Re(
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
- ), Er = Re("size-1.5 shrink-0 rounded-full", {
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 _r({ className: t, variant: r, dot: n = !1, children: l, ...i }) {
231
- return /* @__PURE__ */ s("span", { className: o(jr({ variant: r }), t), ...i, children: [
232
- n ? /* @__PURE__ */ e("span", { className: o(Er({ variant: r })), "aria-hidden": !0 }) : null,
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 Lr = {
236
+ const Br = {
237
237
  info: {
238
- Icon: pr,
238
+ Icon: br,
239
239
  className: "border-info/30 bg-info/10",
240
240
  iconClassName: "text-info"
241
241
  },
242
242
  success: {
243
- Icon: mr,
243
+ Icon: fr,
244
244
  className: "border-success/30 bg-success/10",
245
245
  iconClassName: "text-success"
246
246
  },
247
247
  warning: {
248
- Icon: ur,
248
+ Icon: pr,
249
249
  className: "border-warning/30 bg-warning/10",
250
250
  iconClassName: "text-warning"
251
251
  },
252
252
  error: {
253
- Icon: cr,
253
+ Icon: mr,
254
254
  className: "border-error/30 bg-error/10",
255
255
  iconClassName: "text-error"
256
256
  }
257
257
  };
258
- function Ma({
258
+ function Ia({
259
259
  variant: t = "info",
260
260
  title: r,
261
261
  children: n,
262
262
  icon: l,
263
- className: i
263
+ className: o
264
264
  }) {
265
- const { Icon: u, className: m, iconClassName: c } = Lr[t];
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: o(
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
- m,
274
- i
273
+ u,
274
+ o
275
275
  ),
276
276
  children: [
277
- /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ e(u, { weight: "fill" }) }),
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 Ar({
286
+ function Fr({
287
287
  className: t,
288
288
  ...r
289
289
  }) {
290
290
  return /* @__PURE__ */ e(
291
291
  "div",
292
292
  {
293
- className: o(
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 Br({
301
+ function $r({
302
302
  className: t,
303
303
  ...r
304
304
  }) {
305
305
  return /* @__PURE__ */ e(
306
306
  "div",
307
307
  {
308
- className: o(
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 Pa({ className: t, ...r }) {
316
+ function Ra({ className: t, ...r }) {
317
317
  return /* @__PURE__ */ e(
318
318
  "table",
319
319
  {
320
- className: o("w-full table-fixed border-collapse caption-bottom text-sm", t),
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 Ia({ className: t, ...r }) {
325
+ function ja({ className: t, ...r }) {
326
326
  return /* @__PURE__ */ e("thead", { className: t, ...r });
327
327
  }
328
- function Fr({ className: t, ...r }) {
329
- return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...r });
328
+ function qr({ className: t, ...r }) {
329
+ return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...r });
330
330
  }
331
- function $r({ className: t, ...r }) {
331
+ function Gr({ className: t, ...r }) {
332
332
  return /* @__PURE__ */ e(
333
333
  "tr",
334
334
  {
335
- className: o(
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 Ra({ className: t, ...r }) {
343
+ function Ea({ className: t, ...r }) {
344
344
  return /* @__PURE__ */ e(
345
345
  "th",
346
346
  {
347
- className: o(
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: o(
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 qr = {
367
+ const Hr = {
368
368
  default: "bg-table-container",
369
369
  muted: "bg-surface border border-line",
370
370
  transparent: "bg-transparent"
371
- }, Gr = {
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 Hr(t) {
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: i,
385
- tone: u = "default",
386
- className: m,
384
+ action: o,
385
+ tone: m = "default",
386
+ className: u,
387
387
  headerClassName: c,
388
388
  panelClassName: v,
389
- minHeight: b,
390
- scrollMode: h = "surface",
391
- headerContentRef: y
389
+ footer: b,
390
+ footerClassName: h,
391
+ minHeight: y,
392
+ scrollMode: C = "surface",
393
+ headerContentRef: N
392
394
  }) {
393
- const C = !!(t || r), N = h === "panel", S = Hr(i) ? /* @__PURE__ */ e(
395
+ const k = !!(t || r), S = C === "panel", g = Wr(o) ? /* @__PURE__ */ e(
394
396
  M,
395
397
  {
396
- variant: i.variant ?? "primary",
398
+ variant: o.variant ?? "primary",
397
399
  size: "xs",
398
- leadingIcon: i.href ? void 0 : i.icon,
399
- onClick: i.onClick,
400
- disabled: i.disabled,
401
- asChild: !!i.href,
402
- children: i.href ? /* @__PURE__ */ s("a", { href: i.href, children: [
403
- i.icon,
404
- i.label
405
- ] }) : i.label
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
- ) : i, k = n || C ? (
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: o(
418
+ className: i(
417
419
  "[--table-row-hover:transparent] text-table-header",
418
- N && "overflow-hidden px-px",
420
+ S && "overflow-hidden px-px",
419
421
  c
420
422
  ),
421
423
  children: [
422
- C ? /* @__PURE__ */ s(
424
+ k ? /* @__PURE__ */ s(
423
425
  "div",
424
426
  {
425
- className: o(
427
+ className: i(
426
428
  "px-(--table-pad-x) pb-3 pt-4",
427
- S && "pr-28"
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
- N ? /* @__PURE__ */ e("div", { ref: y, children: n }) : n
437
+ S ? /* @__PURE__ */ e("div", { ref: N, children: n }) : n
436
438
  ]
437
439
  }
438
440
  )
439
- ) : null, g = /* @__PURE__ */ e(
440
- Br,
441
+ ) : null, j = /* @__PURE__ */ e(
442
+ $r,
441
443
  {
442
- className: o(Gr[u], v),
443
- style: b ? { minHeight: b } : void 0,
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(Ar, { className: o("relative", qr[u], m), children: [
448
- N ? /* @__PURE__ */ s(Ie, { children: [
449
- k,
450
- g
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
- k,
453
- g
454
+ I,
455
+ j
454
456
  ] }),
455
- S ? /* @__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: S }) }) : null
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 Vr(t) {
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 Wr = f(
479
+ const Ur = f(
468
480
  ({ className: t, children: r, ...n }, l) => {
469
- const { header: i, body: u } = Vr(r);
470
- return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className: o("shadow-xs", t), header: i, children: u }) });
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
- Wr.displayName = "Card";
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: o(
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 Or = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
498
+ const Xr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
487
499
  "h2",
488
500
  {
489
501
  ref: n,
490
- className: o("text-sm font-semibold text-fg", t),
502
+ className: i("text-sm font-semibold text-fg", t),
491
503
  ...r
492
504
  }
493
505
  ));
494
- Or.displayName = "CardTitle";
495
- const Ur = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
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: o(
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
- Ur.displayName = "CardDescription";
508
- const Xr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...r }));
509
- Xr.displayName = "CardContent";
510
- const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
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: o(
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
- Jr.displayName = "CardFooter";
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: o(
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(fr, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3", weight: "bold" }) })
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 Kr(t, r) {
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 Qr() {
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 Yr(t) {
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 Zr = 250, Ct = te(!1), St = te(() => {
605
+ const ta = 250, Ct = te(!1), St = te(() => {
594
606
  }), _e = te(!1);
595
- function ea({
607
+ function ra({
596
608
  open: t,
597
609
  defaultOpen: r,
598
610
  onOpenChange: n,
599
611
  children: l,
600
- ...i
612
+ ...o
601
613
  }) {
602
- const [u, m] = D(
614
+ const [m, u] = D(
603
615
  r ?? !1
604
- ), [c, v] = D(!1), b = j(!1), h = j(null), y = t ?? u, C = j(y);
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(() => Qr(), []), 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 S = (k) => {
616
- if (k) {
617
- h.current && clearTimeout(h.current), b.current = !1, v(!1), N || m(!0), n == null || n(!0);
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 || m(!1), n == null || n(!1);
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 || m(!1), n == null || n(!1), requestAnimationFrame(() => {
638
+ N || u(!1), n == null || n(!1), requestAnimationFrame(() => {
627
639
  C.current && (b.current = !1, v(!1));
628
640
  });
629
- }, Zr);
641
+ }, ta);
630
642
  };
631
- return /* @__PURE__ */ e(St.Provider, { value: () => S(!1), children: /* @__PURE__ */ e(Ct.Provider, { value: c, children: /* @__PURE__ */ e(_e.Provider, { value: !0, children: /* @__PURE__ */ e(
632
- I.Root,
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: S,
636
- ...i,
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
- I.Trigger,
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 ja = I.Close, zt = f(
653
- ({ variant: t = "secondary", children: r = "Cancel", ...n }, l) => /* @__PURE__ */ e(I.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: r }) })
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 = Yr(t), i = l ? Kr(l, n) : null;
666
- i ? (t.style.setProperty("--dialog-dx", `${i.dx}px`), t.style.setProperty("--dialog-dy", `${i.dy}px`), t.style.setProperty("--dialog-sx", String(i.sx)), t.style.setProperty("--dialog-sy", String(i.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"));
667
- const u = () => {
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
- }, m = (c) => {
670
- c.target === t && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", m), u()));
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", m);
684
+ t.addEventListener("animationend", u);
673
685
  }
674
- function ta(t) {
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: i = "auto",
684
- style: u,
685
- onEscapeKeyDown: m,
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": ta(l)
692
- } : void 0, N = W(St), S = j(null), k = gt(
703
+ "--dialog-top-offset-fallback": aa(l)
704
+ } : void 0, N = W(St), k = _(null), S = gt(
693
705
  (g) => {
694
- if (S.current = g, g && i === "auto" && Dt(g), typeof b == "function") {
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
- [i, b]
712
+ [o, b]
701
713
  );
702
- return /* @__PURE__ */ s(I.Portal, { children: [
714
+ return /* @__PURE__ */ s(R.Portal, { children: [
703
715
  /* @__PURE__ */ e(
704
- I.Overlay,
716
+ R.Overlay,
705
717
  {
706
- className: o(
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: o(
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
- I.Content,
740
+ R.Content,
729
741
  {
730
- ref: k,
731
- style: C ? { ...C, ...u } : u,
732
- className: o(
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
- i === "command" && "dialog-command-motion",
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
- m == null || m(g), !g.defaultPrevented && (g.preventDefault(), N());
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(I.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: [
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 ra({
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: o(
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 aa({
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: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
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 na({
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: o(
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 la({
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: o(
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) ? I.Title : "h2";
837
+ const l = W(_e) ? R.Title : "h2";
826
838
  return /* @__PURE__ */ e(
827
839
  l,
828
840
  {
829
841
  ref: n,
830
- className: o("text-base font-semibold text-fg", t),
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 ia = f(({ className: t, ...r }, n) => {
837
- const l = W(_e) ? I.Description : "p";
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: o("text-sm text-muted", t),
854
+ className: i("text-sm text-muted", t),
843
855
  ...r
844
856
  }
845
857
  );
846
858
  });
847
- ia.displayName = "DialogDescription";
859
+ sa.displayName = "DialogDescription";
848
860
  const Pt = te(null);
849
- function oa({
861
+ function da({
850
862
  label: t,
851
863
  value: r,
852
864
  onChange: n,
853
865
  disabled: l = !1,
854
- name: i,
855
- className: u,
856
- children: m,
866
+ name: o,
867
+ className: m,
868
+ children: u,
857
869
  ...c
858
870
  }) {
859
- const v = fe(), b = i ?? v;
860
- return /* @__PURE__ */ e(Pt.Provider, { value: { name: b, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
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
- m
874
+ u
863
875
  ] }) });
864
876
  }
865
- function sa({
877
+ function ca({
866
878
  value: t,
867
879
  title: r,
868
880
  description: n,
869
881
  badge: l,
870
- disabled: i = !1,
871
- className: u
882
+ disabled: o = !1,
883
+ className: m
872
884
  }) {
873
- const m = W(Pt), c = fe();
874
- if (!m)
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 = i || m.disabled, b = m.value === t;
888
+ const v = o || u.disabled, b = u.value === t;
877
889
  return /* @__PURE__ */ s(
878
890
  "label",
879
891
  {
880
- className: o(
892
+ className: i(
881
893
  "group relative flex items-start gap-3",
882
894
  v ? "cursor-not-allowed opacity-50" : "cursor-pointer",
883
- u
895
+ m
884
896
  ),
885
897
  children: [
886
898
  /* @__PURE__ */ e(
887
899
  "input",
888
900
  {
889
901
  type: "radio",
890
- name: m.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 = m.onChange) == null ? void 0 : h.call(m, t);
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: o(
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(_r, { variant: "primary", children: l }) : null
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 Ea({
936
+ function La({
925
937
  open: t,
926
938
  onOpenChange: r,
927
939
  trigger: n,
928
940
  title: l,
929
- options: i,
930
- defaultValue: u,
931
- value: m,
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 k;
938
- const [y, C] = D(u ?? ((k = i[0]) == null ? void 0 : k.value) ?? ""), N = m ?? y;
939
- return /* @__PURE__ */ s(ea, { open: t, onOpenChange: r, children: [
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(ra, { children: [
948
- /* @__PURE__ */ e(na, { children: /* @__PURE__ */ e(Mt, { className: "text-xl", children: l }) }),
949
- /* @__PURE__ */ e(aa, { children: /* @__PURE__ */ e(oa, { label: l, value: N, onChange: (g) => {
950
- m === void 0 && C(g), c == null || c(g);
951
- }, children: i.map((g) => /* @__PURE__ */ e(
952
- sa,
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(la, { className: "gap-3 pt-2.5", children: [
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 _a({ code: t, label: r, className: n }) {
972
- const [l, i] = D(!1);
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), i(!0), window.setTimeout(() => i(!1), 1500);
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 da = {
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
- }, ca = {
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
- }, ua = {
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: i,
1026
- trailingIcon: u,
1027
- onClear: m,
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: S,
1036
- ...k
1047
+ readOnly: k,
1048
+ ...S
1037
1049
  }, g) => {
1038
- const _ = fe(), B = y ?? _, O = !!h, F = !!(m && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), $ = O ? `${B}-description` : void 0, ge = [C, $].filter(Boolean).join(" ") || void 0, re = /* @__PURE__ */ e(
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: B,
1054
+ id: j,
1043
1055
  type: n,
1044
1056
  disabled: N,
1045
- readOnly: S,
1057
+ readOnly: k,
1046
1058
  "aria-invalid": b || void 0,
1047
1059
  "aria-describedby": ge,
1048
- style: i || u || F ? {
1049
- paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
1050
- paddingInlineEnd: u || F ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
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: o(
1064
+ className: i(
1053
1065
  "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
1054
- da[l],
1055
- ca[l],
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
- S && "cursor-default focus-visible:ring-0",
1075
+ k && "cursor-default focus-visible:ring-0",
1064
1076
  t
1065
1077
  ),
1066
1078
  value: c,
1067
1079
  defaultValue: v,
1068
- ...k
1080
+ ...S
1069
1081
  }
1070
1082
  );
1071
- return !i && !u && !F && !O ? re : /* @__PURE__ */ s("div", { className: o("w-full", r), children: [
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
- i ? /* @__PURE__ */ e(
1085
+ o ? /* @__PURE__ */ e(
1074
1086
  "span",
1075
1087
  {
1076
- className: o(
1088
+ className: i(
1077
1089
  "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
1078
- ua[l]
1090
+ pa[l]
1079
1091
  ),
1080
1092
  "aria-hidden": !0,
1081
- children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ze[l]), children: i })
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: m,
1091
- className: o(
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: o("inline-flex items-center justify-center", ze[l]), children: /* @__PURE__ */ e(ue, {}) })
1107
+ children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: /* @__PURE__ */ e(ue, {}) })
1096
1108
  }
1097
- ) : u ? /* @__PURE__ */ e(
1109
+ ) : m ? /* @__PURE__ */ e(
1098
1110
  "span",
1099
1111
  {
1100
- className: o(
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: o("inline-flex items-center justify-center", ze[l]), children: u })
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: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
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((u) => u === l.type)) {
1137
+ if (r.some((m) => m === l.type)) {
1126
1138
  n += 1;
1127
1139
  return;
1128
1140
  }
1129
- const i = l.props.children;
1130
- i && (n += Ae(i, r));
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 i = W(It);
1158
+ const o = W(It);
1147
1159
  return /* @__PURE__ */ e(
1148
1160
  T.Trigger,
1149
1161
  {
1150
1162
  ref: l,
1151
- className: o("group", t),
1152
- disabled: r || i,
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: o(
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 La = T.Group, Aa = T.Portal, de = f(({ className: t, sideOffset: r = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
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: o(
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: o(
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 }, i) => /* @__PURE__ */ s(
1217
+ const Y = f(({ className: t, children: r, checked: n, ...l }, o) => /* @__PURE__ */ s(
1206
1218
  T.CheckboxItem,
1207
1219
  {
1208
- ref: i,
1209
- className: o(
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: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
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 Ba = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, i) => /* @__PURE__ */ s(
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: i,
1235
- className: o(
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 ma = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
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: o(
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
- ma.displayName = "DropdownMenuSubContent";
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: o("-mx-1 my-1 h-px bg-line-strong", t),
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 Fa = P.Group, Et = P.Value;
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 }, i) => /* @__PURE__ */ s(
1299
+ const Be = f(({ className: t, children: r, variant: n = "field", ...l }, o) => /* @__PURE__ */ s(
1288
1300
  P.Trigger,
1289
1301
  {
1290
- ref: i,
1291
- className: o(
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, ...i }, u) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
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: u,
1324
+ ref: m,
1313
1325
  position: n,
1314
1326
  sideOffset: l,
1315
- className: o(
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
- ...i,
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: o(
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 pa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
1359
+ const ba = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
1348
1360
  P.Label,
1349
1361
  {
1350
1362
  ref: n,
1351
- className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
1363
+ className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
1352
1364
  ...r
1353
1365
  }
1354
1366
  ));
1355
- pa.displayName = "SelectLabel";
1356
- function fa({
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: i
1373
+ className: o
1362
1374
  }) {
1363
1375
  return /* @__PURE__ */ s(
1364
1376
  "div",
1365
1377
  {
1366
- className: o(
1378
+ className: i(
1367
1379
  "flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
1368
- i
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 ba = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
1382
- function ha(t) {
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 $a({
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: ha(t) })
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 qa({
1416
+ function Ha({
1405
1417
  rows: t,
1406
1418
  columns: r,
1407
1419
  getRowId: n,
1408
1420
  loading: l = !1,
1409
- error: i,
1410
- empty: u,
1411
- search: m,
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: S,
1420
- selectable: k = !1,
1431
+ infoBanner: k,
1432
+ selectable: S = !1,
1421
1433
  bulkActions: g,
1422
- rowActions: _,
1423
- onRowClick: B,
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
- headerAction: Bt,
1432
- headerClassName: Ft,
1433
- panelClassName: $t,
1434
- className: qt
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), [Gt, Ht] = D(
1454
+ ), [Ge, He] = D(null), [xe, Ve] = D(null), [Vt, Wt] = D(
1441
1455
  O ?? null
1442
- ), w = $ ? F ?? null : Gt, Vt = (a) => {
1443
- $ ? $(a) : Ht(a);
1444
- }, [U, ae] = D(0), [L, Wt] = D(ge), [q, ve] = D(/* @__PURE__ */ new Set()), [Ot, 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, Ut = (a) => Oe.get(a), Xt = (a, d) => {
1445
- const p = d ? Ut(d) : void 0;
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 Mr(z, z.indexOf(a), z.indexOf(d));
1462
+ return Ir(z, z.indexOf(a), z.indexOf(d));
1449
1463
  });
1450
- }, Jt = (a) => {
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) => Ot.includes(a.id)), Kt = (c ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), ne = ot(() => {
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 (!m || !m.value.trim()) return a;
1457
- const d = m.value.trim().toLowerCase();
1458
- return a.filter((p) => m.keys(p).toLowerCase().includes(d));
1459
- }, [t, m, c]), G = ot(() => {
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), R = a.sortValue(x);
1466
- return z == null && R == null ? 0 : z == null ? 1 : R == null ? -1 : typeof z == "number" && typeof R == "number" ? (z - R) * d : String(z).localeCompare(String(R)) * d;
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 / L)), Qt = !l && !i && G.length > 0 && (Lt === "always" || G.length > L);
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
- }, [m == null ? void 0 : m.value, L, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, C, Kt]), Q(() => {
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 * L, A = G.slice(le, le + L), Yt = (a) => {
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
- Vt(
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 = A.length > 0 && A.every((a) => q.has(n(a))), Zt = A.some((a) => q.has(n(a))), er = t.filter((a) => q.has(n(a))), tr = () => {
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 ? A.forEach((p) => d.delete(n(p))) : A.forEach((p) => d.add(n(p))), d;
1497
+ return Ke ? B.forEach((p) => d.delete(n(p))) : B.forEach((p) => d.add(n(p))), d;
1484
1498
  });
1485
- }, rr = (a) => {
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
- }, ar = !!(m || c != null && c.length || v || b), nr = (a) => (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, Qe = j(null), Ye = j(null), Ze = j(null), et = j(null), [H, we] = D([]), lr = X.map((a) => a.id).join("\0"), ie = `${k ? "s" : "-"}|${_ ? "a" : "-"}|${lr}`, tt = j(ie), ir = H.length > 0, Ce = gt(() => {
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
- Cr(() => {
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((E) => E.length === 0 ? E : []);
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"), R = Array.from(
1522
+ const z = (nt = Ye.current) == null ? void 0 : nt.querySelectorAll("thead th"), E = Array.from(
1509
1523
  x,
1510
- (E, Se) => {
1524
+ (L, Se) => {
1511
1525
  var oe, lt;
1512
1526
  return Math.max(
1513
- E.getBoundingClientRect().width,
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
- (E) => E.length === R.length && E.every((Se, oe) => Se === R[oe]) ? E : R
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, ir, l, i, Ce]);
1539
+ }, [ie, sr, l, o, Ce]);
1526
1540
  const K = H.reduce((a, d) => a + d, 0);
1527
- return /* @__PURE__ */ s("div", { className: o("space-y-4", qt), children: [
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: o(
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
- ar && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
1547
- m && /* @__PURE__ */ e(
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": m.placeholder ?? "Search",
1552
- placeholder: m.placeholder ?? "Search...",
1553
- value: m.value,
1554
- onChange: (a) => m.onChange(a.target.value),
1555
- onClear: () => m.onChange(""),
1556
- leadingIcon: /* @__PURE__ */ e(br, {}),
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(hr, {}),
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(), Xt(xe, a.id));
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(gr, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
1602
- xr,
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: o(
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: () => Jt(a.id),
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
- S,
1722
- k && 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: [
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(er),
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: Bt,
1773
+ action: $t,
1760
1774
  tone: At,
1761
- headerClassName: Ft,
1762
- panelClassName: $t,
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
- k && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
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 : Zt ? "indeterminate" : !1,
1787
- onCheckedChange: tr
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: o(ba, a.align === "right" && "text-right", a.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: () => Yt(a),
1807
- className: o(
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(Nr, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(yr, { className: "size-3.5 opacity-50" })
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
- _ && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
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)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
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(vr, { weight: "duotone" }) }),
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: i.title }),
1834
- i.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
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
- i.action
1837
- ] }) : A.length === 0 ? /* @__PURE__ */ e(
1838
- fa,
1852
+ o.action
1853
+ ] }) : B.length === 0 ? /* @__PURE__ */ e(
1854
+ ha,
1839
1855
  {
1840
- icon: u == null ? void 0 : u.icon,
1841
- title: (u == null ? void 0 : u.title) ?? "No results",
1842
- description: typeof (u == null ? void 0 : u.description) == "string" ? u.description : void 0,
1843
- action: u == null ? void 0 : u.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: o(
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
- k && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
1863
- X.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": nr(a), children: a.header }, a.id)),
1864
- _ && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
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(Fr, { children: A.map((a) => {
1882
+ /* @__PURE__ */ e(qr, { children: B.map((a) => {
1867
1883
  const d = n(a), p = q.has(d);
1868
1884
  return /* @__PURE__ */ s(
1869
- $r,
1885
+ Gr,
1870
1886
  {
1871
1887
  "data-state": p ? "selected" : void 0,
1872
- onClick: B ? () => B(a) : void 0,
1873
- className: B ? "cursor-pointer" : void 0,
1888
+ onClick: j ? () => j(a) : void 0,
1889
+ className: j ? "cursor-pointer" : void 0,
1874
1890
  children: [
1875
- k && /* @__PURE__ */ e(ke, { className: "w-11", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
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: () => rr(d)
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: o(x.align === "right" && "text-right", x.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
- _ && /* @__PURE__ */ e(
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: _(a)
1915
+ children: I(a)
1900
1916
  }
1901
1917
  )
1902
1918
  ]
@@ -1909,16 +1925,16 @@ function qa({
1909
1925
  ) })
1910
1926
  }
1911
1927
  ),
1912
- Qt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
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 + L, G.length),
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(L), onValueChange: (a) => Wt(Number(a)), children: [
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(wr, {})
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 Ga({ icon: t, title: r, description: n, action: l, className: i }) {
1954
- return /* @__PURE__ */ e(be, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
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 ga = f(
1979
+ const va = f(
1964
1980
  ({
1965
1981
  className: t,
1966
1982
  inputClassName: r,
1967
1983
  selectClassName: n,
1968
1984
  selectValue: l,
1969
- onSelectChange: i,
1970
- selectOptions: u,
1971
- selectAriaLabel: m,
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: o("flex w-full items-stretch", t), children: [
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: o(
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: i,
2012
+ onValueChange: o,
1997
2013
  disabled: h,
1998
2014
  children: [
1999
2015
  /* @__PURE__ */ e(
2000
2016
  Be,
2001
2017
  {
2002
- "aria-label": m,
2018
+ "aria-label": u,
2003
2019
  variant: "ghost",
2004
- className: o(
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: u.map((N) => /* @__PURE__ */ e(he, { value: N.value, children: N.label }, N.value)) })
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
- ga.displayName = "InputSelect";
2018
- function Ha({ className: t, ...r }) {
2033
+ va.displayName = "InputSelect";
2034
+ function Wa({ className: t, ...r }) {
2019
2035
  return /* @__PURE__ */ e(
2020
2036
  "kbd",
2021
2037
  {
2022
- className: o(
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 xa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
2031
- Dr.Root,
2046
+ const Na = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
2047
+ Mr.Root,
2032
2048
  {
2033
2049
  ref: n,
2034
- className: o(
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
- xa.displayName = "Label";
2042
- function Va({
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: i,
2048
- ...u
2063
+ className: o,
2064
+ ...m
2049
2065
  }) {
2050
- const m = fe();
2066
+ const u = fe();
2051
2067
  return /* @__PURE__ */ e(
2052
2068
  "div",
2053
2069
  {
2054
2070
  role: "radiogroup",
2055
- "aria-label": u["aria-label"],
2056
- className: o(
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
- i
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: o(
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: m,
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 va = f(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
2095
- Tr.Root,
2110
+ const ya = f(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, o) => /* @__PURE__ */ e(
2111
+ Pr.Root,
2096
2112
  {
2097
- ref: i,
2113
+ ref: o,
2098
2114
  decorative: n,
2099
2115
  orientation: r,
2100
- className: o(
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
- va.displayName = "Separator";
2109
- function Wa({ className: t, ...r }) {
2124
+ ya.displayName = "Separator";
2125
+ function Ua({ className: t, ...r }) {
2110
2126
  return /* @__PURE__ */ e(
2111
2127
  "div",
2112
2128
  {
2113
- className: o("animate-pulse rounded-md bg-elevated", t),
2129
+ className: i("animate-pulse rounded-md bg-elevated", t),
2114
2130
  ...r
2115
2131
  }
2116
2132
  );
2117
2133
  }
2118
- const Oa = Z.Provider, Ua = Z.Root, Xa = Z.Trigger, Na = f(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(Z.Portal, { children: /* @__PURE__ */ e(
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: o(
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
- Na.displayName = "TooltipContent";
2152
+ wa.displayName = "TooltipContent";
2137
2153
  export {
2138
- Ta as AgentPrompt,
2154
+ Pa as AgentPrompt,
2139
2155
  xt as Avatar,
2140
2156
  Nt as AvatarFallback,
2141
2157
  vt as AvatarImage,
2142
- _r as Badge,
2158
+ Ar as Badge,
2143
2159
  M as Button,
2144
- Ma as Callout,
2145
- Wr as Card,
2146
- Xr as CardContent,
2147
- Ur as CardDescription,
2148
- Jr as CardFooter,
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
- Or as CardTitle,
2166
+ Xr as CardTitle,
2151
2167
  Te as Checkbox,
2152
- Ea as ChoiceDialog,
2153
- _a as CodeBlock,
2154
- qa as DataTable,
2155
- $a as DataTableIdentity,
2156
- ea as Dialog,
2157
- aa as DialogBody,
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
- ja as DialogClose,
2175
+ _a as DialogClose,
2160
2176
  Tt as DialogContent,
2161
- ia as DialogDescription,
2162
- la as DialogFooter,
2163
- na as DialogHeader,
2164
- ra as DialogPanel,
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
- La as DropdownMenuGroup,
2187
+ Ba as DropdownMenuGroup,
2172
2188
  pe as DropdownMenuItem,
2173
2189
  ce as DropdownMenuLabel,
2174
- Aa as DropdownMenuPortal,
2190
+ Fa as DropdownMenuPortal,
2175
2191
  Pe as DropdownMenuSeparator,
2176
- Ba as DropdownMenuSub,
2177
- ma as DropdownMenuSubContent,
2192
+ $a as DropdownMenuSub,
2193
+ fa as DropdownMenuSubContent,
2178
2194
  jt as DropdownMenuSubTrigger,
2179
2195
  se as DropdownMenuTrigger,
2180
- Ga as EmptyState,
2196
+ Va as EmptyState,
2181
2197
  Le as Input,
2182
- ga as InputSelect,
2183
- Ha as Kbd,
2184
- xa as Label,
2185
- sa as RadioCard,
2186
- oa as RadioGroup,
2187
- Va as Segmented,
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
- Fa as SelectGroup,
2206
+ qa as SelectGroup,
2191
2207
  he as SelectItem,
2192
- pa as SelectLabel,
2208
+ ba as SelectLabel,
2193
2209
  Be as SelectTrigger,
2194
2210
  Et as SelectValue,
2195
- va as Separator,
2196
- Wa as Skeleton,
2197
- Pr as Spinner,
2198
- Pa as Table,
2199
- Fr as TableBody,
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
- Ar as TableContainer,
2202
- fa as TableEmptyState,
2203
- Ra as TableHead,
2204
- Ia as TableHeader,
2205
- Br as TablePanel,
2206
- $r as TableRow,
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
- Ua as Tooltip,
2209
- Na as TooltipContent,
2210
- Oa as TooltipProvider,
2211
- Xa as TooltipTrigger,
2212
- jr as badgeVariants,
2213
- Ir as buttonVariants
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