@mechane-ai/elements 0.11.0 → 0.12.0

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.
Files changed (61) hide show
  1. package/README.md +8 -4
  2. package/dist/ai.js +4 -5
  3. package/dist/{categorical-values-FYc43JCa.js → categorical-values-CTrHn9jH.js} +2 -2
  4. package/dist/{chart-frame-Bczk5sWj.js → chart-frame-38ES6kwK.js} +4 -4
  5. package/dist/{chart-input-CbzVN76m.js → chart-input-C9fu7f1Q.js} +2 -2
  6. package/dist/charts/cartesian.js +6 -6
  7. package/dist/charts/distribution.js +2 -2
  8. package/dist/charts/graph.js +3 -3
  9. package/dist/charts/hierarchy.js +3 -3
  10. package/dist/charts/matrix.js +2 -2
  11. package/dist/charts/timeline.js +4 -4
  12. package/dist/charts.js +1 -1
  13. package/dist/{code-block-B7xzM3tD.js → code-block-BjV2EFZS.js} +2 -2
  14. package/dist/collections.js +346 -294
  15. package/dist/content/code.js +1 -1
  16. package/dist/content/diff.js +3 -3
  17. package/dist/content/link.js +1 -1
  18. package/dist/content/markdown.js +2 -2
  19. package/dist/content/tree.js +2 -2
  20. package/dist/{content-link-CatGOrbo.js → content-link-C460m-O7.js} +1 -1
  21. package/dist/content.js +3 -4
  22. package/dist/elements.css +133 -80
  23. package/dist/feedback.js +1 -1
  24. package/dist/forms/dates.js +22 -23
  25. package/dist/forms.js +1 -1
  26. package/dist/index.js +1 -1
  27. package/dist/layout.js +223 -237
  28. package/dist/navigation/commands.js +3 -3
  29. package/dist/overlays.js +1 -1
  30. package/dist/packages/collections/src/collection-controls.d.ts +1 -1
  31. package/dist/packages/collections/src/data-table.d.ts +5 -4
  32. package/dist/packages/collections/src/index.d.ts +1 -1
  33. package/dist/packages/core/src/actions.d.ts +5 -8
  34. package/dist/packages/feedback/src/control-placeholders.d.ts +16 -0
  35. package/dist/packages/feedback/src/index.d.ts +2 -0
  36. package/dist/packages/forms/src/field-styles.d.ts +2 -74
  37. package/dist/packages/forms/src/form-actions.d.ts +11 -0
  38. package/dist/packages/forms/src/form-controls.d.ts +1 -1
  39. package/dist/packages/forms/src/forms.d.ts +3 -3
  40. package/dist/packages/forms/src/index.d.ts +2 -0
  41. package/dist/packages/forms/src/select.d.ts +2 -2
  42. package/dist/packages/forms/src/selection-styles.d.ts +0 -13
  43. package/dist/packages/foundations/src/control-styles.d.ts +101 -0
  44. package/dist/packages/foundations/src/style-composition.d.ts +0 -2
  45. package/dist/packages/foundations/src/tokens.stylex.d.ts +8 -2
  46. package/dist/packages/layout/src/frame.stylex.d.ts +0 -1
  47. package/dist/packages/layout/src/index.d.ts +2 -0
  48. package/dist/packages/layout/src/page-content.d.ts +5 -0
  49. package/dist/packages/layout/src/page-toolbar.d.ts +1 -1
  50. package/dist/packages/layout/src/sidebar.d.ts +3 -3
  51. package/dist/{pierre-diff--zsiHCCB.js → pierre-diff-sUAU-xeL.js} +1 -1
  52. package/dist/{pierre-theme-D9hnHv3Z.js → pierre-theme-CBAncKdH.js} +1 -1
  53. package/dist/{pierre-tree-D47uA7lb.js → pierre-tree-DKN2eGlZ.js} +3 -3
  54. package/dist/{src-D05isEh_.js → src-3gzujMhN.js} +124 -66
  55. package/dist/{src-DXsGTJgv.js → src-CI6KtN2w.js} +366 -307
  56. package/dist/{src-Cs0dRc4X.js → src-CVlgjAlw.js} +1 -1
  57. package/dist/src-DOzle5d4.js +1199 -0
  58. package/dist/tokens.js +14 -8
  59. package/package.json +1 -1
  60. package/packages/foundations/src/tokens.stylex.ts +13 -5
  61. package/dist/src-C_heP5kL.js +0 -1264
@@ -1,47 +1,49 @@
1
- import { C as e, c as t, f as n, g as r, w as i } from "./src-D05isEh_.js";
2
- import { r as a } from "./src-C_heP5kL.js";
3
- import { r as o, t as s } from "./src-Cs0dRc4X.js";
1
+ import { C as e, c as t, f as n, g as r, w as i } from "./src-3gzujMhN.js";
2
+ import { r as a } from "./src-DOzle5d4.js";
3
+ import { r as o, t as s } from "./src-CVlgjAlw.js";
4
4
  import { t as c } from "./accessibility-C-aIZ1Yx.js";
5
5
  import { tableGeometry as l } from "./tokens.js";
6
6
  import { mergeProps as u } from "@base-ui/react/merge-props";
7
7
  import * as d from "@stylexjs/stylex";
8
- import { Fragment as ee, useEffect as f, useLayoutEffect as p, useMemo as te, useRef as m, useState as h } from "react";
9
- import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
10
- import { ArrowDown as ne, ArrowUp as re, ArrowUpDown as ie, ChevronLeft as y, ChevronRight as b, Columns3 as x, X as S } from "lucide-react";
11
- import { createColumnHelper as ae, tableFeatures as C, useTable as oe } from "@tanstack/react-table";
12
- import { defaultRangeExtractor as se, useVirtualizer as ce } from "@tanstack/react-virtual";
8
+ import { Children as f, Fragment as ee, useEffect as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
9
+ import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
10
+ import { ArrowDown as te, ArrowUp as ne, ArrowUpDown as re, ChevronLeft as x, ChevronRight as S, Columns3 as C, X as w } from "lucide-react";
11
+ import { createColumnHelper as ie, tableFeatures as T, useTable as ae } from "@tanstack/react-table";
12
+ import { defaultRangeExtractor as oe, useVirtualizer as se } from "@tanstack/react-virtual";
13
13
  // packages/collections/src/collection-controls.tsx
14
- var w = { remove: {
14
+ var E = { remove: {
15
15
  kmuXW: "x2lah0s",
16
16
  $$css: !0
17
17
  } };
18
- function T({ label: e, children: t, actions: n }) {
19
- return /* @__PURE__ */ v("div", {
18
+ function D({ label: e, children: t, actions: n }) {
19
+ let r = f.toArray(t).length > 0, i = f.toArray(n).length > 0;
20
+ return !r && !i ? null : /* @__PURE__ */ b("div", {
20
21
  role: "group",
21
22
  "aria-label": e,
22
- className: "x78zum5 x6s0dn4 x1a02dak xeuugli x1hnptsi x1m92p3w xn9t2bk xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw xtqrqnz x1778rvt",
23
- children: [t, n != null && /* @__PURE__ */ _("div", {
23
+ className: "x9f619 x78zum5 x6s0dn4 x1a02dak xeuugli x1oec0jp x1hnptsi x1dc62k6 xmpbh3m xp0u5rt xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw xtqrqnz x1778rvt xjl7jj",
24
+ children: [t, i && /* @__PURE__ */ y("div", {
24
25
  className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli xvc5jky",
25
26
  children: n
26
27
  })]
27
28
  });
28
29
  }
29
- function E({ filters: e, onRemove: t, label: n = "Applied filters" }) {
30
- return /* @__PURE__ */ _("div", {
30
+ function O({ filters: e, onRemove: t, label: n = "Applied filters" }) {
31
+ return e.length === 0 ? null : /* @__PURE__ */ y("div", {
31
32
  role: "group",
32
33
  "aria-label": n,
33
34
  className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli",
34
- children: e.map((e) => /* @__PURE__ */ v("span", {
35
- className: "x3nfvp2 x6s0dn4 xunmzkg xyibt8p xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xeuugli x193iq5w xj0a0fe xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt",
36
- children: [/* @__PURE__ */ _("span", {
37
- className: "xeuugli xj0a0fe",
35
+ children: e.map((e) => /* @__PURE__ */ b("span", {
36
+ className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 xunmzkg x1f9pz31 x17kqdoe xyibt8p x1ok0vyi xeuugli x193iq5w xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt x1s928wv x1j6awrg xarstr8 x5hscyn x86avzo x10z0kkz x1k48kgn x2q1x1w",
37
+ children: [/* @__PURE__ */ y("span", {
38
+ title: e.label,
39
+ className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
38
40
  children: e.label
39
- }), /* @__PURE__ */ _(i, {
41
+ }), /* @__PURE__ */ y(i, {
40
42
  "aria-label": `Remove ${e.label}`,
41
43
  variant: "ghost",
42
44
  onClick: () => t(e.id),
43
- xstyle: w.remove,
44
- children: /* @__PURE__ */ _(S, {
45
+ xstyle: E.remove,
46
+ children: /* @__PURE__ */ y(w, {
45
47
  size: 14,
46
48
  "aria-hidden": "true"
47
49
  })
@@ -49,54 +51,51 @@ function E({ filters: e, onRemove: t, label: n = "Applied filters" }) {
49
51
  }, e.id))
50
52
  });
51
53
  }
52
- function D({ columns: t, onVisibilityChange: n, label: r = "Columns" }) {
53
- return /* @__PURE__ */ v(o.Root, { children: [/* @__PURE__ */ v(o.Trigger, {
54
- render: /* @__PURE__ */ _(e, {
55
- variant: "outline",
56
- size: "md"
57
- }),
58
- children: [/* @__PURE__ */ _(x, {
54
+ function k({ columns: t, onVisibilityChange: n, label: r = "Columns" }) {
55
+ return /* @__PURE__ */ b(o.Root, { children: [/* @__PURE__ */ b(o.Trigger, {
56
+ render: /* @__PURE__ */ y(e, { variant: "outline" }),
57
+ children: [/* @__PURE__ */ y(C, {
59
58
  size: 16,
60
59
  "aria-hidden": "true"
61
60
  }), r]
62
- }), /* @__PURE__ */ _(o.Portal, { children: /* @__PURE__ */ _(o.Positioner, {
61
+ }), /* @__PURE__ */ y(o.Portal, { children: /* @__PURE__ */ y(o.Positioner, {
63
62
  align: "end",
64
- children: /* @__PURE__ */ _(o.Popup, {
63
+ children: /* @__PURE__ */ y(o.Popup, {
65
64
  "aria-label": r,
66
- children: /* @__PURE__ */ _("div", {
65
+ children: /* @__PURE__ */ y("div", {
67
66
  className: "xrvj5dj x1n8ia3y xfb3i0g",
68
- children: t.map((e) => /* @__PURE__ */ v("label", {
67
+ children: t.map((e) => /* @__PURE__ */ b("label", {
69
68
  className: "x78zum5 x6s0dn4 x1hnptsi xbixft xtqrqnz x1hz01jw x1778rvt xeuugli xj0a0fe",
70
- children: [/* @__PURE__ */ _(a.Root, {
69
+ children: [/* @__PURE__ */ y(a.Root, {
71
70
  checked: e.visible,
72
71
  onCheckedChange: (t) => n(e.id, t),
73
72
  disabled: e.required,
74
- children: /* @__PURE__ */ _(a.Indicator, {})
73
+ children: /* @__PURE__ */ y(a.Indicator, {})
75
74
  }), e.label]
76
75
  }, e.id))
77
76
  })
78
77
  })
79
78
  }) })] });
80
79
  }
81
- function O({ description: n, previous: r, next: i }) {
82
- return /* @__PURE__ */ v("nav", {
80
+ function A({ description: n, previous: r, next: i }) {
81
+ return /* @__PURE__ */ b("nav", {
83
82
  "aria-label": "Pagination",
84
83
  className: "x78zum5 x6s0dn4 x1qughib x1a02dak xaml1ju xeuugli",
85
- children: [/* @__PURE__ */ _(t, { children: n }), /* @__PURE__ */ v("div", {
84
+ children: [/* @__PURE__ */ y(t, { children: n }), /* @__PURE__ */ b("div", {
86
85
  className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli xvc5jky",
87
- children: [/* @__PURE__ */ v(e, {
86
+ children: [/* @__PURE__ */ b(e, {
88
87
  variant: "outline",
89
88
  disabled: r.disabled,
90
89
  onClick: r.onClick,
91
- children: [/* @__PURE__ */ _(y, {
90
+ children: [/* @__PURE__ */ y(x, {
92
91
  size: 16,
93
92
  "aria-hidden": "true"
94
93
  }), "Previous"]
95
- }), /* @__PURE__ */ v(e, {
94
+ }), /* @__PURE__ */ b(e, {
96
95
  variant: "outline",
97
96
  disabled: i.disabled,
98
97
  onClick: i.onClick,
99
- children: ["Next", /* @__PURE__ */ _(b, {
98
+ children: ["Next", /* @__PURE__ */ y(S, {
100
99
  size: 16,
101
100
  "aria-hidden": "true"
102
101
  })]
@@ -105,8 +104,8 @@ function O({ description: n, previous: r, next: i }) {
105
104
  });
106
105
  }
107
106
  // packages/collections/src/use-end-reached.ts
108
- function k({ end: e, viewport: t, onEndReached: n, content: r }) {
109
- f(() => {
107
+ function j({ end: e, viewport: t, onEndReached: n, content: r }) {
108
+ p(() => {
110
109
  if (n === void 0 || e.current === null) return;
111
110
  let r = new IntersectionObserver((e) => {
112
111
  e.some((e) => e.isIntersecting) && n();
@@ -120,11 +119,11 @@ function k({ end: e, viewport: t, onEndReached: n, content: r }) {
120
119
  ]);
121
120
  }
122
121
  // packages/collections/src/data-table.tsx
123
- var le = C({}), ue = "a, button, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [role=\"switch\"], [role=\"checkbox\"], [role=\"radio\"], [role=\"combobox\"], [role=\"slider\"], [role=\"spinbutton\"], [role=\"textbox\"], [role=\"tab\"], [role^=\"menuitem\"], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])", de = /* @__PURE__ */ new Map([["ArrowUp", -1], ["ArrowDown", 1]]), A = {
122
+ var ce = T({}), le = 76, ue = "a, button, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [role=\"switch\"], [role=\"checkbox\"], [role=\"radio\"], [role=\"combobox\"], [role=\"slider\"], [role=\"spinbutton\"], [role=\"textbox\"], [role=\"tab\"], [role^=\"menuitem\"], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])", de = /* @__PURE__ */ new Map([["ArrowUp", -1], ["ArrowDown", 1]]), M = {
124
123
  kmVPX3: "x1717udv",
125
124
  kMzoRj: "xc342km",
126
125
  $$css: !0
127
- }, j = {
126
+ }, N = {
128
127
  frame: {
129
128
  k7Eaqz: "xeuugli",
130
129
  kMv6JI: "x1hz01jw",
@@ -185,7 +184,7 @@ var le = C({}), ue = "a, button, input, select, textarea, label, summary, [role=
185
184
  }],
186
185
  caption: {
187
186
  k9WMMc: "xdpxx8g",
188
- kmVPX3: "x1c8xbx5",
187
+ kmVPX3: "xg7ukam",
189
188
  kMwMTN: "x153jb6y",
190
189
  kGuDYH: "xy8obcc",
191
190
  kLWn49: "xas2l8k",
@@ -195,10 +194,10 @@ var le = C({}), ue = "a, button, input, select, textarea, label, summary, [role=
195
194
  kB7OPa: "x9f619",
196
195
  kVAEAm: "x7wzq59",
197
196
  k87sOh: "x13vifvy",
198
- kY2c9j: "x1vjfegm",
197
+ kY2c9j: "x4k8i88",
199
198
  kZKoxP: "x24vdcc",
200
199
  k8WAf4: "xt970qd",
201
- kg3NbH: "x1m92p3w",
200
+ kg3NbH: "x1dc62k6",
202
201
  kt9PQ7: "xso031l",
203
202
  kfdmCh: "x1q0q8m5",
204
203
  kL6WhQ: "x1qndepd",
@@ -211,9 +210,9 @@ var le = C({}), ue = "a, button, input, select, textarea, label, summary, [role=
211
210
  $$css: !0
212
211
  },
213
212
  cell: {
214
- k7Eaqz: "x1cxjkq6",
213
+ kB7OPa: "x9f619",
215
214
  k8WAf4: "xt970qd",
216
- kg3NbH: "x1m92p3w",
215
+ kg3NbH: "x1dc62k6",
217
216
  kXLuUW: "xxymvpz",
218
217
  kHjlTd: "xj0a0fe",
219
218
  $$css: !0
@@ -243,7 +242,7 @@ var le = C({}), ue = "a, button, input, select, textarea, label, summary, [role=
243
242
  $$css: !0
244
243
  },
245
244
  spacer: (e) => [
246
- A,
245
+ M,
247
246
  {
248
247
  kZKoxP: e == null ? e : "x16ye13r",
249
248
  $$css: !0
@@ -251,32 +250,73 @@ var le = C({}), ue = "a, button, input, select, textarea, label, summary, [role=
251
250
  { "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
252
251
  ]
253
252
  }, fe = {
254
- fixed: j.content,
255
- content: j.contentCell
256
- }, M = {
257
- start: j.start,
258
- end: j.end
253
+ primary: {
254
+ minimumWidth: 240,
255
+ flexible: !0,
256
+ truncate: !0
257
+ },
258
+ text: {
259
+ minimumWidth: 160,
260
+ flexible: !1,
261
+ truncate: !0
262
+ },
263
+ status: {
264
+ minimumWidth: 160,
265
+ flexible: !1,
266
+ truncate: !1
267
+ },
268
+ number: {
269
+ minimumWidth: 112,
270
+ flexible: !1,
271
+ truncate: !1
272
+ },
273
+ timestamp: {
274
+ minimumWidth: 160,
275
+ flexible: !1,
276
+ truncate: !1
277
+ },
278
+ actions: {
279
+ minimumWidth: 112,
280
+ flexible: !1,
281
+ truncate: !1
282
+ }
259
283
  }, pe = {
260
- content: j.content,
261
- fill: j.fillFrame
284
+ fixed: N.content,
285
+ content: N.contentCell
262
286
  }, me = {
263
- content: j.content,
264
- fill: j.fillViewport
287
+ primary: N.start,
288
+ text: N.start,
289
+ status: N.start,
290
+ number: N.end,
291
+ timestamp: N.end,
292
+ actions: N.end
293
+ }, he = {
294
+ content: N.content,
295
+ fill: N.fillFrame
296
+ }, ge = {
297
+ content: N.content,
298
+ fill: N.fillViewport
265
299
  };
266
- function N({ children: e, secondary: t, leading: n }) {
267
- return /* @__PURE__ */ v("span", {
300
+ function P({ children: e, secondary: t, leading: n, trailing: r }) {
301
+ return /* @__PURE__ */ b("span", {
268
302
  className: "x78zum5 x6s0dn4 x1n8ia3y xeuugli xh8yej3",
269
- children: [n !== void 0 && /* @__PURE__ */ _("span", {
303
+ children: [n !== void 0 && /* @__PURE__ */ y("span", {
270
304
  "aria-hidden": !0,
271
305
  className: "x3nfvp2 x6s0dn4 x2lah0s",
272
306
  children: n
273
- }), /* @__PURE__ */ v("span", {
307
+ }), /* @__PURE__ */ b("span", {
274
308
  className: "x98rzlu xeuugli",
275
- children: [/* @__PURE__ */ _("span", {
276
- title: e,
277
- className: "x1lliihq xeuugli xh8yej3 xb3r6kr xuxw1ft xlyipyv",
278
- children: e
279
- }), t !== void 0 && /* @__PURE__ */ _("span", {
309
+ children: [/* @__PURE__ */ b("span", {
310
+ className: "x78zum5 x6s0dn4 x1hnptsi xeuugli",
311
+ children: [/* @__PURE__ */ y("span", {
312
+ title: e,
313
+ className: "x1lliihq xeuugli x14atkfc xs83m0k xb3r6kr xuxw1ft xlyipyv",
314
+ children: e
315
+ }), r != null && /* @__PURE__ */ y("span", {
316
+ className: "x3nfvp2 x6s0dn4 x2lah0s",
317
+ children: r
318
+ })]
319
+ }), t !== void 0 && /* @__PURE__ */ y("span", {
280
320
  title: t,
281
321
  className: "x1lliihq xeuugli xh8yej3 xb3r6kr xuxw1ft xlyipyv x153jb6y xy8obcc xas2l8k",
282
322
  children: t
@@ -284,136 +324,143 @@ function N({ children: e, secondary: t, leading: n }) {
284
324
  })]
285
325
  });
286
326
  }
287
- function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, onSortChange: s, selectedIds: u, onSelectionChange: g, selectionLabel: y, rowAction: b, activeRowId: x, focusRowId: S, hideCaption: C = !1, hideHeaders: w = !1, rowSizing: T = "fixed", window: E, endContent: D, onEndReached: O, footer: A }) {
288
- let N = te(() => {
289
- let e = ae();
290
- return e.columns(t.map((t) => e.display({
327
+ function F({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, onSortChange: s, selectedIds: u, onSelectionChange: f, selectionLabel: v, rowAction: x, activeRowId: S, focusRowId: C, hideCaption: w = !1, hideHeaders: T = !1, rowSizing: E = "fixed", window: D, endContent: O, onEndReached: k, footer: A }) {
328
+ let M = h(() => t.map((e) => {
329
+ let t = fe[e.role];
330
+ return {
331
+ ...e,
332
+ minimumWidth: e.width ?? t.minimumWidth,
333
+ width: e.width ?? (t.flexible ? void 0 : t.minimumWidth)
334
+ };
335
+ }), [t]), P = h(() => {
336
+ let e = ie();
337
+ return e.columns(M.map((t) => e.display({
291
338
  id: t.id,
292
339
  header: t.label
293
340
  })));
294
- }, [t]), P = oe({
295
- features: le,
296
- columns: N,
341
+ }, [M]), F = ae({
342
+ features: ce,
343
+ columns: P,
297
344
  data: e,
298
345
  getRowId: n
299
- }), L = m(null), R = m(null), z = m(null), B = m(null), [V, H] = h(0), [U, W] = h(), G = m(void 0), K = m(void 0), q = e.findIndex((e) => n(e) === U), J = t.findIndex((e) => e.secondary !== !0), Y = typeof E?.height == "string" ? E.height : "content";
300
- p(() => {
301
- if (S === void 0) {
302
- K.current = void 0;
346
+ }), R = g(null), z = g(null), B = g(null), V = g(null), [H, U] = _(0), [W, G] = _(), K = g(void 0), q = g(void 0), J = e.findIndex((e) => n(e) === W), Y = M.findIndex((e) => e.role === "primary" && e.secondary !== !0), ve = Y === -1 ? M.findIndex((e) => e.secondary !== !0) : Y, X = typeof D?.height == "string" ? D.height : "content";
347
+ m(() => {
348
+ if (C === void 0) {
349
+ q.current = void 0;
303
350
  return;
304
351
  }
305
- if (K.current === S) return;
306
- let e = L.current?.querySelector(`[data-row-id="${CSS.escape(S)}"] [data-row-action]`);
352
+ if (q.current === C) return;
353
+ let e = R.current?.querySelector(`[data-row-id="${CSS.escape(C)}"] [data-row-action]`);
307
354
  if (e == null) return;
308
355
  let t = requestAnimationFrame(() => {
309
- e.focus({ preventScroll: !0 }), K.current = S;
356
+ e.focus({ preventScroll: !0 }), q.current = C;
310
357
  });
311
358
  return () => cancelAnimationFrame(t);
312
- }, [e, S]), k({
313
- end: R,
314
- onEndReached: E === void 0 ? O : void 0,
359
+ }, [e, C]), j({
360
+ end: z,
361
+ onEndReached: D === void 0 ? k : void 0,
315
362
  content: e.length
316
- }), f(() => {
317
- let e = z.current, t = B.current;
318
- if (E === void 0 || e === null || t === null) return;
319
- let n = new ResizeObserver(() => H(e.offsetHeight + t.offsetHeight));
363
+ }), p(() => {
364
+ let e = B.current, t = V.current;
365
+ if (D === void 0 || e === null || t === null) return;
366
+ let n = new ResizeObserver(() => U(e.offsetHeight + t.offsetHeight));
320
367
  return n.observe(e), n.observe(t), () => n.disconnect();
321
368
  }, [
322
- E,
323
- C,
324
- w
369
+ D,
370
+ w,
371
+ T
325
372
  ]);
326
- let X = ce({
373
+ let Z = se({
327
374
  count: e.length,
328
- enabled: E !== void 0,
329
- getScrollElement: () => L.current,
375
+ enabled: D !== void 0,
376
+ getScrollElement: () => R.current,
330
377
  getItemKey: (t) => {
331
378
  let r = e[t];
332
379
  if (r === void 0) throw RangeError("The virtual row is outside the supplied table page.");
333
380
  return n(r);
334
381
  },
335
- estimateSize: () => T === "fixed" ? l.rowHeight : E?.estimatedRowHeight ?? l.rowHeight,
336
- scrollMargin: V,
337
- scrollPaddingStart: V,
382
+ estimateSize: () => E === "fixed" ? l.rowHeight : D?.estimatedRowHeight ?? l.rowHeight,
383
+ scrollMargin: H,
384
+ scrollPaddingStart: H,
338
385
  overscan: 6,
339
386
  rangeExtractor: (t) => {
340
- let n = se(t);
341
- return q === -1 ? n : [.../* @__PURE__ */ new Set([
387
+ let n = oe(t);
388
+ return J === -1 ? n : [.../* @__PURE__ */ new Set([
342
389
  ...n,
343
- q - 1,
344
- q,
345
- q + 1
390
+ J - 1,
391
+ J,
392
+ J + 1
346
393
  ])].filter((t) => t >= 0 && t < e.length).toSorted((e, t) => e - t);
347
394
  }
348
- }), ge = E === void 0 ? P.getRowModel().rows.map((e, t) => ({
395
+ }), ye = D === void 0 ? F.getRowModel().rows.map((e, t) => ({
349
396
  row: e,
350
397
  index: t,
351
398
  spacerHeight: 0
352
- })) : X.getVirtualItems().flatMap((e, t, n) => {
353
- let r = P.getRowModel().rows[e.index];
399
+ })) : Z.getVirtualItems().flatMap((e, t, n) => {
400
+ let r = F.getRowModel().rows[e.index];
354
401
  return r === void 0 ? [] : [{
355
402
  row: r,
356
403
  index: e.index,
357
- spacerHeight: e.start - (n[t - 1]?.end ?? V)
404
+ spacerHeight: e.start - (n[t - 1]?.end ?? H)
358
405
  }];
359
- }), Z = E !== void 0 && (e.length === 0 || X.range?.endIndex === e.length - 1);
360
- f(() => {
361
- Z && O?.();
406
+ }), Q = D !== void 0 && (e.length === 0 || Z.range?.endIndex === e.length - 1);
407
+ p(() => {
408
+ Q && k?.();
362
409
  }, [
363
- Z,
364
- O,
410
+ Q,
411
+ k,
365
412
  e.length
366
- ]), p(() => {
367
- if (G.current === void 0) return;
368
- let e = Array.from(L.current?.querySelectorAll("[data-row-id]") ?? []).find((e) => e.dataset.rowId === G.current)?.querySelector("[data-row-action]");
369
- e != null && (e.focus({ preventScroll: E !== void 0 }), G.current = void 0);
413
+ ]), m(() => {
414
+ if (K.current === void 0) return;
415
+ let e = Array.from(R.current?.querySelectorAll("[data-row-id]") ?? []).find((e) => e.dataset.rowId === K.current)?.querySelector("[data-row-action]");
416
+ e != null && (e.focus({ preventScroll: D !== void 0 }), K.current = void 0);
370
417
  });
371
- function Q(t, r) {
418
+ function be(t, r) {
372
419
  let i = t.metaKey || t.ctrlKey, a = t.altKey || t.shiftKey;
373
420
  if (i || a) return;
374
421
  let o = de.get(t.key);
375
422
  if (o === void 0) return;
376
423
  t.preventDefault();
377
424
  let s = r + o, c = e[s];
378
- c !== void 0 && (G.current = n(c), W(G.current), E !== void 0 && X.scrollToIndex(s, { align: "auto" }));
425
+ c !== void 0 && (K.current = n(c), G(K.current), D !== void 0 && Z.scrollToIndex(s, { align: "auto" }));
379
426
  }
380
- let $ = t.length + (u === void 0 ? 0 : 1), _e = u === void 0 ? 0 : 44, ve = A != null && typeof A != "boolean", ye = t.reduce((e, t) => e + (t.width ?? 160), _e), be = t.filter((e) => e.secondary !== !0).reduce((e, t) => e + (t.width ?? 160), _e), xe = X.getTotalSize() - (X.getVirtualItems().at(-1)?.end ?? V) + V;
381
- return /* @__PURE__ */ v("div", {
382
- ...d.props(j.frame, pe[Y]),
383
- children: [/* @__PURE__ */ v("div", {
384
- ref: L,
427
+ let $ = M.length + (u === void 0 ? 0 : 1), xe = u === void 0 ? 0 : le, Se = A != null && typeof A != "boolean", Ce = M.reduce((e, t) => e + t.minimumWidth, xe), we = M.filter((e) => e.secondary !== !0).reduce((e, t) => e + t.minimumWidth, xe), Te = Z.getTotalSize() - (Z.getVirtualItems().at(-1)?.end ?? H) + H;
428
+ return /* @__PURE__ */ b("div", {
429
+ ...d.props(N.frame, he[X]),
430
+ children: [/* @__PURE__ */ b("div", {
431
+ ref: R,
385
432
  role: "region",
386
433
  "aria-label": r,
387
434
  tabIndex: 0,
388
- ...d.props(j.viewport, me[Y], typeof E?.height == "number" && j.virtual(E.height)),
389
- children: [/* @__PURE__ */ v("table", {
390
- "aria-rowcount": E === void 0 ? void 0 : Math.max(1, e.length) + 1,
391
- ...d.props(j.table, (T === "fixed" || t.some((e) => e.truncate === !0)) && j.fixed, j.minimumWidth(ye, be)),
435
+ ...d.props(N.viewport, ge[X], typeof D?.height == "number" && N.virtual(D.height)),
436
+ children: [/* @__PURE__ */ b("table", {
437
+ "aria-rowcount": D === void 0 ? void 0 : Math.max(1, e.length) + 1,
438
+ ...d.props(N.table, N.fixed, N.minimumWidth(Ce, we)),
392
439
  children: [
393
- /* @__PURE__ */ _("caption", {
394
- ref: z,
395
- ...d.props(j.caption, C && c.hidden),
440
+ /* @__PURE__ */ y("caption", {
441
+ ref: B,
442
+ ...d.props(N.caption, w && c.hidden),
396
443
  children: r
397
444
  }),
398
- /* @__PURE__ */ v("colgroup", { children: [u !== void 0 && /* @__PURE__ */ _("col", { className: "x187nhsf xeuugli x1doqdfy" }), t.map((e) => /* @__PURE__ */ _("col", { ...d.props(e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary) }, e.id))] }),
399
- /* @__PURE__ */ _("thead", {
400
- ref: B,
401
- ...d.props(w && c.hidden),
402
- children: /* @__PURE__ */ v("tr", { children: [u !== void 0 && /* @__PURE__ */ _("th", {
445
+ /* @__PURE__ */ b("colgroup", { children: [u !== void 0 && /* @__PURE__ */ y("col", { className: "x1d7z9mz xeuugli x1dc62k6" }), M.map((e) => /* @__PURE__ */ y("col", { ...d.props(e.width !== void 0 && N.width(e.width), e.secondary === !0 && N.secondary) }, e.id))] }),
446
+ /* @__PURE__ */ y("thead", {
447
+ ref: V,
448
+ ...d.props(T && c.hidden),
449
+ children: /* @__PURE__ */ b("tr", { children: [u !== void 0 && /* @__PURE__ */ y("th", {
403
450
  scope: "col",
404
- className: "x9f619 x7wzq59 x13vifvy x1vjfegm x24vdcc xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xj57cvi xy8obcc xas2l8k xuxw1ft x187nhsf xeuugli x1doqdfy",
405
- children: /* @__PURE__ */ _("span", {
451
+ className: "x9f619 x7wzq59 x13vifvy x4k8i88 x24vdcc xt970qd xso031l x1q0q8m5 x1qndepd x153jb6y xpvm0e4 xj57cvi xy8obcc xas2l8k xuxw1ft x1d7z9mz xeuugli x1dc62k6",
452
+ children: /* @__PURE__ */ y("span", {
406
453
  ...d.props(c.hidden),
407
454
  children: "Select"
408
455
  })
409
- }), t.map((e) => {
456
+ }), M.map((e) => {
410
457
  let t = o?.columnId === e.id ? o.direction : void 0;
411
- return /* @__PURE__ */ _("th", {
458
+ return /* @__PURE__ */ y("th", {
412
459
  scope: "col",
413
460
  title: e.label,
414
461
  "aria-sort": t,
415
- ...d.props(j.header, M[e.align ?? "start"], e.width !== void 0 && j.width(e.width), e.secondary === !0 && j.secondary),
416
- children: e.sortable === !0 && s !== void 0 ? /* @__PURE__ */ v("button", {
462
+ ...d.props(N.header, me[e.role], e.width !== void 0 && N.width(e.width), e.secondary === !0 && N.secondary),
463
+ children: e.sortable === !0 && s !== void 0 ? /* @__PURE__ */ b("button", {
417
464
  type: "button",
418
465
  className: "x3nfvp2 x6s0dn4 x1hnptsi x193iq5w xeuugli x3h6u66 xwu7q15 x1717udv xc342km x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1ypdohk x1mkgjtd x1s9zmfe x13qnu6 x9v5kkp x19rmrnh x7s97pk",
419
466
  onClick: () => {
@@ -425,40 +472,40 @@ function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
425
472
  direction: "ascending"
426
473
  });
427
474
  },
428
- children: [/* @__PURE__ */ _("span", {
475
+ children: [/* @__PURE__ */ y("span", {
429
476
  className: "x1lliihq xeuugli xb3r6kr xlyipyv xuxw1ft",
430
477
  children: e.label
431
- }), _(t === "ascending" ? re : t === "descending" ? ne : ie, {
478
+ }), y(t === "ascending" ? ne : t === "descending" ? te : re, {
432
479
  size: 14,
433
480
  "aria-hidden": "true",
434
481
  className: "x2lah0s"
435
482
  })]
436
- }) : /* @__PURE__ */ _("span", {
483
+ }) : /* @__PURE__ */ y("span", {
437
484
  className: "x1lliihq xeuugli xb3r6kr xlyipyv xuxw1ft",
438
485
  children: e.label
439
486
  })
440
487
  }, e.id);
441
488
  })] })
442
489
  }),
443
- /* @__PURE__ */ v("tbody", {
490
+ /* @__PURE__ */ b("tbody", {
444
491
  onBlur: (e) => {
445
- e.currentTarget.contains(e.relatedTarget) || W(void 0);
492
+ e.currentTarget.contains(e.relatedTarget) || G(void 0);
446
493
  },
447
494
  children: [
448
- ge.map(({ row: e, index: n, spacerHeight: r }) => /* @__PURE__ */ v(ee, { children: [r > 0 && /* @__PURE__ */ _("tr", {
495
+ ye.map(({ row: e, index: t, spacerHeight: n }) => /* @__PURE__ */ b(ee, { children: [n > 0 && /* @__PURE__ */ y("tr", {
449
496
  "aria-hidden": "true",
450
- children: /* @__PURE__ */ _("td", {
497
+ children: /* @__PURE__ */ y("td", {
451
498
  colSpan: $,
452
- ...d.props(j.spacer(r))
499
+ ...d.props(N.spacer(n))
453
500
  })
454
- }), /* @__PURE__ */ v("tr", {
455
- "data-index": n,
501
+ }), /* @__PURE__ */ b("tr", {
502
+ "data-index": t,
456
503
  "data-row-id": e.id,
457
- "aria-rowindex": E === void 0 ? void 0 : n + 2,
458
- ref: E === void 0 || T === "fixed" ? void 0 : X.measureElement,
459
- onFocus: () => W(e.id),
504
+ "aria-rowindex": D === void 0 ? void 0 : t + 2,
505
+ ref: D === void 0 || E === "fixed" ? void 0 : Z.measureElement,
506
+ onFocus: () => G(e.id),
460
507
  onClick: (e) => {
461
- if (b === void 0 || !I(e) || e.target instanceof Element && e.target.closest(ue) !== null) return;
508
+ if (x === void 0 || !L(e) || e.target instanceof Element && e.target.closest(ue) !== null) return;
462
509
  let t = e.currentTarget.querySelector("[data-row-action]");
463
510
  t?.focus({ preventScroll: !0 }), t?.click();
464
511
  },
@@ -467,45 +514,47 @@ function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
467
514
  2: { className: "x1v2how9 xso031l x1q0q8m5 x1qndepd x13nmlw8 x1t1lzn6 x1ypdohk x1ecmtor" },
468
515
  1: { className: "x1v2how9 xso031l x1q0q8m5 x1qndepd x13nmlw8 x1t1lzn6 x1r8u7ye" },
469
516
  3: { className: "x1v2how9 xso031l x1q0q8m5 x1qndepd x13nmlw8 x1t1lzn6 x1ypdohk x1ecmtor x1r8u7ye" }
470
- }[(b !== void 0) << 1 | (u?.has(e.id) === !0 || x === e.id)],
471
- children: [u !== void 0 && /* @__PURE__ */ _("td", {
472
- className: "xt970qd xxymvpz xj0a0fe x187nhsf xeuugli x1doqdfy",
473
- children: /* @__PURE__ */ _(a.Root, {
474
- "aria-label": y(e.original),
517
+ }[(x !== void 0) << 1 | (u?.has(e.id) === !0 || S === e.id)],
518
+ children: [u !== void 0 && /* @__PURE__ */ y("td", {
519
+ className: "x9f619 xt970qd xxymvpz xj0a0fe x1d7z9mz xeuugli x1dc62k6",
520
+ children: /* @__PURE__ */ y(a.Root, {
521
+ "aria-label": v(e.original),
475
522
  checked: u.has(e.id),
476
523
  onCheckedChange: (t) => {
477
524
  let n = new Set(u);
478
- t ? n.add(e.id) : n.delete(e.id), g(n);
525
+ t ? n.add(e.id) : n.delete(e.id), f(n);
479
526
  },
480
- children: /* @__PURE__ */ _(a.Indicator, {})
527
+ children: /* @__PURE__ */ y(a.Indicator, {})
481
528
  })
482
- }), t.map((t, r) => /* @__PURE__ */ _("td", {
483
- ...d.props(j.cell, fe[T], M[t.align ?? "start"], t.width !== void 0 && j.width(t.width), t.secondary === !0 && j.secondary),
484
- children: b !== void 0 && r === J ? /* @__PURE__ */ _(he, {
529
+ }), M.map((n, r) => /* @__PURE__ */ y("td", {
530
+ ...d.props(N.cell, pe[E], me[n.role], n.width !== void 0 && N.width(n.width), n.secondary === !0 && N.secondary),
531
+ children: x !== void 0 && r === ve ? /* @__PURE__ */ y(_e, {
485
532
  row: e.original,
486
- action: b,
487
- active: x === e.id,
488
- onKeyDown: (e) => Q(e, n),
489
- children: /* @__PURE__ */ _(F, {
490
- fixed: T === "fixed",
491
- truncate: t.truncate,
492
- children: t.cell(e.original)
533
+ action: x,
534
+ active: S === e.id,
535
+ onKeyDown: (e) => be(e, t),
536
+ children: /* @__PURE__ */ y(I, {
537
+ role: n.role,
538
+ fixed: E === "fixed",
539
+ truncate: n.truncate,
540
+ children: n.cell(e.original)
493
541
  })
494
- }) : /* @__PURE__ */ _(F, {
495
- fixed: T === "fixed",
496
- truncate: t.truncate,
497
- children: t.cell(e.original)
542
+ }) : /* @__PURE__ */ y(I, {
543
+ role: n.role,
544
+ fixed: E === "fixed",
545
+ truncate: n.truncate,
546
+ children: n.cell(e.original)
498
547
  })
499
- }, t.id))]
548
+ }, n.id))]
500
549
  })] }, e.id)),
501
- E !== void 0 && xe > 0 && /* @__PURE__ */ _("tr", {
550
+ D !== void 0 && Te > 0 && /* @__PURE__ */ y("tr", {
502
551
  "aria-hidden": "true",
503
- children: /* @__PURE__ */ _("td", {
552
+ children: /* @__PURE__ */ y("td", {
504
553
  colSpan: $,
505
- ...d.props(j.spacer(xe))
554
+ ...d.props(N.spacer(Te))
506
555
  })
507
556
  }),
508
- e.length === 0 && /* @__PURE__ */ _("tr", { children: /* @__PURE__ */ _("td", {
557
+ e.length === 0 && /* @__PURE__ */ y("tr", { children: /* @__PURE__ */ y("td", {
509
558
  colSpan: $,
510
559
  className: "x1ttojsm x2b8uid x153jb6y",
511
560
  children: i
@@ -513,113 +562,117 @@ function P({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
513
562
  ]
514
563
  })
515
564
  ]
516
- }), /* @__PURE__ */ _("div", {
517
- ref: R,
565
+ }), /* @__PURE__ */ y("div", {
566
+ ref: z,
518
567
  ...{
519
568
  0: {},
520
- 1: { className: "xid9utz x1c8xbx5 x153jb6y xy8obcc xas2l8k x15x95ik x1az1eml" }
521
- }[D !== void 0 | 0],
522
- children: D
569
+ 1: { className: "xid9utz xg7ukam x153jb6y xy8obcc xas2l8k x15x95ik x1az1eml" }
570
+ }[O !== void 0 | 0],
571
+ children: O
523
572
  })]
524
- }), ve && /* @__PURE__ */ _("div", {
525
- className: "x1c8xbx5 x178xt8z x13fuv20 xhjagg4",
573
+ }), Se && /* @__PURE__ */ y("div", {
574
+ className: "xg7ukam x178xt8z x13fuv20 xhjagg4",
526
575
  children: A
527
576
  })]
528
577
  });
529
578
  }
530
- function F({ fixed: e, truncate: t, children: n }) {
531
- let r = typeof n == "string" && (t ?? e);
532
- return /* @__PURE__ */ _("span", {
579
+ function I({ role: e, fixed: t, truncate: n, children: r }) {
580
+ let i = fe[e], a = t && i.truncate, o = typeof r == "string" && (n ?? a);
581
+ return /* @__PURE__ */ y("span", {
533
582
  ...{
534
583
  0: { className: "x78zum5 x6s0dn4 xeuugli xh8yej3 xz7qr2x" },
535
584
  1: { className: "x78zum5 x6s0dn4 xeuugli xh8yej3 xt7dq6l" }
536
- }[!e | 0],
537
- children: /* @__PURE__ */ _("span", {
538
- title: typeof n == "string" ? n : void 0,
585
+ }[!t | 0],
586
+ children: /* @__PURE__ */ y("span", {
587
+ title: typeof r == "string" ? r : void 0,
539
588
  ...{
540
- 0: { className: "x1lliihq xeuugli x193iq5w" },
541
- 2: { className: "x1lliihq xeuugli x193iq5w xh8yej3 xhbluta" },
542
- 1: { className: "x1lliihq xeuugli x193iq5w xb3r6kr xuxw1ft xlyipyv" },
543
- 3: { className: "x1lliihq xeuugli x193iq5w xh8yej3 xhbluta xb3r6kr xuxw1ft xlyipyv" }
544
- }[!!e << 1 | !!r],
545
- children: n
589
+ 0: { className: "x1lliihq xeuugli xh8yej3 x193iq5w" },
590
+ 4: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xhbluta" },
591
+ 2: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xuxw1ft" },
592
+ 6: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xhbluta xuxw1ft" },
593
+ 1: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xb3r6kr xuxw1ft xlyipyv" },
594
+ 5: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xhbluta xb3r6kr xuxw1ft xlyipyv" },
595
+ 3: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xb3r6kr xuxw1ft xlyipyv" },
596
+ 7: { className: "x1lliihq xeuugli xh8yej3 x193iq5w xhbluta xb3r6kr xuxw1ft xlyipyv" }
597
+ }[!!t << 2 | !(!t || i.truncate) << 1 | !!o],
598
+ children: r
546
599
  })
547
600
  });
548
601
  }
549
- function I(e) {
602
+ function L(e) {
550
603
  if (e.defaultPrevented || e.button !== 0) return !1;
551
604
  let t = e.metaKey || e.ctrlKey, n = e.altKey || e.shiftKey;
552
605
  return t || n ? !1 : e.detail === 0 || e.currentTarget.ownerDocument.getSelection()?.isCollapsed !== !1;
553
606
  }
554
- function he({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
555
- let a = t.label?.(e), o = t.href === void 0 ? /* @__PURE__ */ _("button", {
607
+ function _e({ row: e, action: t, active: n, children: r, onKeyDown: i }) {
608
+ let a = t.label?.(e), o = t.href === void 0 ? /* @__PURE__ */ y("button", {
556
609
  type: "button",
557
610
  "aria-label": a,
558
611
  "aria-pressed": n,
559
612
  "data-row-action": !0,
560
613
  onKeyDown: i,
561
614
  onClick: (n) => {
562
- I(n) && t.onActivate(e);
615
+ L(n) && t.onActivate(e);
563
616
  },
564
- className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli xaeotn9 xwu7q15 x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
617
+ className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli x17tes2r xwu7q15 x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
565
618
  children: r
566
- }) : /* @__PURE__ */ _("a", {
619
+ }) : /* @__PURE__ */ y("a", {
567
620
  href: t.href(e),
568
621
  "aria-label": a,
569
622
  "data-row-action": !0,
570
623
  onKeyDown: i,
571
624
  onClick: (n) => {
572
- t.onActivate !== void 0 && I(n) && (n.preventDefault(), t.onActivate(e));
625
+ t.onActivate !== void 0 && L(n) && (n.preventDefault(), t.onActivate(e));
573
626
  },
574
- className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli xaeotn9 xwu7q15 x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
627
+ className: "x1rh3ycu x1hx0egp x78zum5 x6s0dn4 xh8yej3 xeuugli x17tes2r xwu7q15 x1717udv xc342km x1ok0vyi x1heor9g xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x16tdsg8 x1hl2dhg x1ypdohk x13qnu6 x9v5kkp x19rmrnh x7s97pk",
575
628
  children: r
576
629
  });
577
- return a === void 0 ? o : /* @__PURE__ */ v(s.Root, { children: [/* @__PURE__ */ _(s.Trigger, { render: o }), /* @__PURE__ */ _(s.Portal, { children: /* @__PURE__ */ _(s.Positioner, {
630
+ return a === void 0 ? o : /* @__PURE__ */ b(s.Root, { children: [/* @__PURE__ */ y(s.Trigger, { render: o }), /* @__PURE__ */ y(s.Portal, { children: /* @__PURE__ */ y(s.Positioner, {
578
631
  side: "top",
579
632
  align: "start",
580
- children: /* @__PURE__ */ _(s.Popup, { children: a })
633
+ children: /* @__PURE__ */ y(s.Popup, { children: a })
581
634
  }) })] });
582
635
  }
583
636
  // packages/collections/src/collection-scroll.tsx
584
- function L(r) {
637
+ function R(r) {
585
638
  switch (r.status) {
586
- case "loading": return /* @__PURE__ */ _(t, {
639
+ case "loading": return /* @__PURE__ */ y(t, {
587
640
  role: "status",
588
641
  variant: "caption",
589
642
  tone: "muted",
590
643
  children: r.message ?? "Loading…"
591
644
  });
592
- case "complete": return r.message === void 0 ? null : /* @__PURE__ */ _(t, {
645
+ case "complete": return r.message === void 0 ? null : /* @__PURE__ */ y(t, {
593
646
  variant: "caption",
594
647
  tone: "muted",
595
648
  children: r.message
596
649
  });
597
- case "ready": return /* @__PURE__ */ _(e, {
650
+ case "ready": return /* @__PURE__ */ y(e, {
598
651
  onClick: r.onLoadMore,
599
652
  children: r.message ?? "Load more"
600
653
  });
601
- case "error": return /* @__PURE__ */ v(n, {
654
+ case "error": return /* @__PURE__ */ b(n, {
602
655
  role: "status",
603
- children: [/* @__PURE__ */ _(t, {
656
+ children: [/* @__PURE__ */ y(t, {
604
657
  variant: "caption",
605
658
  tone: "muted",
606
659
  children: r.message ?? "More records could not be loaded."
607
- }), /* @__PURE__ */ _(e, {
660
+ }), /* @__PURE__ */ y(e, {
608
661
  onClick: r.onLoadMore,
609
662
  children: "Retry"
610
663
  })]
611
664
  });
612
665
  }
613
666
  }
614
- function R({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosition: i = "end", label: a = "Collection" }) {
615
- let o = m(null), s = m(null);
616
- k({
667
+ function z({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosition: i = "end", label: a = "Collection" }) {
668
+ let o = g(null), s = g(null);
669
+ j({
617
670
  end: s,
618
671
  viewport: r ? o : void 0,
619
672
  onEndReached: n,
620
673
  content: e
621
674
  });
622
- let c = /* @__PURE__ */ _("div", {
675
+ let c = /* @__PURE__ */ y("div", {
623
676
  ref: s,
624
677
  ...{
625
678
  0: {},
@@ -627,7 +680,7 @@ function R({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosit
627
680
  }[t !== void 0 | 0],
628
681
  children: t
629
682
  });
630
- return /* @__PURE__ */ v("div", {
683
+ return /* @__PURE__ */ b("div", {
631
684
  ref: o,
632
685
  role: r ? "region" : void 0,
633
686
  "aria-label": r ? a : void 0,
@@ -644,45 +697,44 @@ function R({ children: e, endContent: t, onEndReached: n, fill: r = !1, endPosit
644
697
  });
645
698
  }
646
699
  // packages/collections/src/inspector.tsx
647
- var z = 860;
648
- function B({ master: t, detail: n, label: r, masterLabel: i, revealKey: a, returnFocusRef: o, ...s }) {
649
- let c = m(null), l = m(null), d = m(null);
650
- p(() => {
651
- a !== void 0 && c.current !== null && d.current !== null && c.current.clientWidth <= z && (d.current.focus({ preventScroll: !0 }), d.current.scrollIntoView({
700
+ var B = 860;
701
+ function V({ master: t, detail: n, label: r, masterLabel: i, revealKey: a, returnFocusRef: o, ...s }) {
702
+ let c = g(null), l = g(null), d = g(null);
703
+ m(() => {
704
+ a !== void 0 && c.current !== null && d.current !== null && c.current.clientWidth <= B && (d.current.focus({ preventScroll: !0 }), d.current.scrollIntoView({
652
705
  block: "start",
653
706
  behavior: "instant"
654
707
  }));
655
708
  }, [a]);
656
- function ee() {
709
+ function f() {
657
710
  let e = o?.current ?? l.current;
658
711
  e?.focus({ preventScroll: !0 }), e?.scrollIntoView({
659
712
  block: "nearest",
660
713
  behavior: "instant"
661
714
  });
662
715
  }
663
- return /* @__PURE__ */ _("div", {
716
+ return /* @__PURE__ */ y("div", {
664
717
  ...u({ className: "x9vvk8s x12h1iku xeuugli xbixft x1hz01jw xtqrqnz x1778rvt" }, s),
665
- children: /* @__PURE__ */ v("div", {
718
+ children: /* @__PURE__ */ b("div", {
666
719
  ref: c,
667
720
  className: "xrvj5dj x4ruv2j x1y7acmc x7a106z x1j825kq xeuugli",
668
- children: [/* @__PURE__ */ _("div", {
721
+ children: [/* @__PURE__ */ y("div", {
669
722
  ref: l,
670
723
  role: "group",
671
724
  "aria-label": i,
672
725
  tabIndex: -1,
673
726
  className: "xeuugli",
674
727
  children: t
675
- }), /* @__PURE__ */ v("aside", {
728
+ }), /* @__PURE__ */ b("aside", {
676
729
  ref: d,
677
730
  "aria-label": r,
678
731
  tabIndex: -1,
679
732
  className: "x7wzq59 x7cfggw xqfmuo8 xeuugli x1sbza1b xhuqrux xexx8yu xdz7uhd xpilrb4 xdctr63 x1t7ytsu x97x49r x972fbf x1mg79u0 x13fuv20 xhjagg4 x14ijc3v x13qnu6 x9v5kkp x19rmrnh x12ijfkc",
680
- children: [/* @__PURE__ */ _("div", {
733
+ children: [/* @__PURE__ */ y("div", {
681
734
  className: "x1s85apg x1yamub6 x1xxlxpq",
682
- children: /* @__PURE__ */ v(e, {
683
- size: "sm",
735
+ children: /* @__PURE__ */ b(e, {
684
736
  variant: "ghost",
685
- onClick: ee,
737
+ onClick: f,
686
738
  children: ["Back to ", i.toLowerCase()]
687
739
  })
688
740
  }), n]
@@ -690,15 +742,15 @@ function B({ master: t, detail: n, label: r, masterLabel: i, revealKey: a, retur
690
742
  })
691
743
  });
692
744
  }
693
- function V({ items: e, ...t }) {
694
- return /* @__PURE__ */ _("dl", {
745
+ function H({ items: e, ...t }) {
746
+ return /* @__PURE__ */ y("dl", {
695
747
  ...u({ className: "x1ghz6dp xrvj5dj xezdspq x1i3977y xuytk5h x1hz01jw xvmahel xtqrqnz x1778rvt" }, t),
696
- children: e.map(({ label: e, value: t }) => /* @__PURE__ */ v("div", {
748
+ children: e.map(({ label: e, value: t }) => /* @__PURE__ */ b("div", {
697
749
  className: "xjp7ctv",
698
- children: [/* @__PURE__ */ _("dt", {
750
+ children: [/* @__PURE__ */ y("dt", {
699
751
  className: "xeuugli x153jb6y xj0a0fe",
700
752
  children: e
701
- }), /* @__PURE__ */ _("dd", {
753
+ }), /* @__PURE__ */ y("dd", {
702
754
  className: "xeuugli x1ghz6dp xbixft xj0a0fe xss6m8b",
703
755
  children: t
704
756
  })]
@@ -706,20 +758,20 @@ function V({ items: e, ...t }) {
706
758
  });
707
759
  }
708
760
  // packages/collections/src/list-footer.tsx
709
- function H({ children: e, actions: t, ...n }) {
710
- return /* @__PURE__ */ v("div", {
761
+ function U({ children: e, actions: t, ...n }) {
762
+ return /* @__PURE__ */ b("div", {
711
763
  ...u({ className: "x78zum5 x6s0dn4 x1qughib x1a02dak xeuugli x1n8ia3y x1qokhjc x1m92p3w x178xt8z x13fuv20 xhjagg4 x153jb6y x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
712
- children: [/* @__PURE__ */ _("div", {
764
+ children: [/* @__PURE__ */ y("div", {
713
765
  className: "xeuugli xj0a0fe",
714
766
  children: e
715
- }), t != null && /* @__PURE__ */ _("div", {
767
+ }), t != null && /* @__PURE__ */ y("div", {
716
768
  className: "x78zum5 x6s0dn4 x1a02dak x1hnptsi xeuugli",
717
769
  children: t
718
770
  })]
719
771
  });
720
772
  }
721
773
  // packages/collections/src/metrics.tsx
722
- var U = {
774
+ var W = {
723
775
  grid: {
724
776
  k1xSpc: "x78zum5",
725
777
  kwnvtZ: "x1a02dak",
@@ -737,41 +789,41 @@ var U = {
737
789
  kogj98: "x1ghz6dp",
738
790
  $$css: !0
739
791
  }
740
- }, W = {
741
- inline: U.grid,
742
- columns: U.columns
792
+ }, G = {
793
+ inline: W.grid,
794
+ columns: W.columns
743
795
  };
744
- function G({ layout: e = "inline", ...t }) {
745
- return /* @__PURE__ */ _("dl", { ...u(d.props(W[e]), t) });
796
+ function K({ layout: e = "inline", ...t }) {
797
+ return /* @__PURE__ */ y("dl", { ...u(d.props(G[e]), t) });
746
798
  }
747
- function K({ label: e, value: t, ...n }) {
748
- return /* @__PURE__ */ v("div", {
799
+ function q({ label: e, value: t, ...n }) {
800
+ return /* @__PURE__ */ b("div", {
749
801
  ...u({ className: "x3nfvp2 x1pha0wt x1a02dak xunmzkg xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt" }, n),
750
- children: [/* @__PURE__ */ _("dt", {
802
+ children: [/* @__PURE__ */ y("dt", {
751
803
  className: "xeuugli x153jb6y x9ek82g xj0a0fe",
752
804
  children: e
753
- }), /* @__PURE__ */ _("dd", {
805
+ }), /* @__PURE__ */ y("dd", {
754
806
  className: "xeuugli x1ghz6dp xbixft xk4h15q xss6m8b xj0a0fe",
755
807
  children: t
756
808
  })]
757
809
  });
758
810
  }
759
811
  // packages/collections/src/table.tsx
760
- var q = {
812
+ var J = {
761
813
  kzqmXN: "x11ymkkh x2ipgtl",
762
814
  $$css: !0
763
- }, J = {
815
+ }, Y = {
764
816
  secondary: {
765
817
  k1xSpc: "x1n9xxwz xazwdyr",
766
818
  $$css: !0
767
819
  },
768
- column: (e) => [q, { "--x-1xmrurk": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
820
+ column: (e) => [J, { "--x-1xmrurk": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`${e}%`) }],
769
821
  th: {
770
822
  kVAEAm: "x1n2onr6",
771
823
  kZKoxP: "x24vdcc",
772
824
  kB7OPa: "x9f619",
773
825
  k8WAf4: "xt970qd",
774
- kg3NbH: "x1m92p3w",
826
+ kg3NbH: "x1dc62k6",
775
827
  kWkggS: "xpvm0e4",
776
828
  kMwMTN: "x153jb6y",
777
829
  kGuDYH: "xy8obcc",
@@ -796,101 +848,101 @@ var q = {
796
848
  $$css: !0
797
849
  }
798
850
  };
799
- function Y({ headers: e, children: t, label: n, ...r }) {
851
+ function ve({ headers: e, children: t, label: n, ...r }) {
800
852
  let i = e.findLastIndex((e) => typeof e == "string" || e.secondary !== !0);
801
- return /* @__PURE__ */ _("div", {
853
+ return /* @__PURE__ */ y("div", {
802
854
  role: "region",
803
855
  "aria-label": n,
804
856
  tabIndex: 0,
805
857
  className: "xeuugli xh8yej3 xw2csxc x1t137rt x13qnu6 x9v5kkp x19rmrnh x1bqaal",
806
- children: /* @__PURE__ */ v("table", {
858
+ children: /* @__PURE__ */ b("table", {
807
859
  ...u({ "aria-label": n }, {
808
860
  0: { className: "xh8yej3 x1mwwwfo xpvm0e4 x1hz01jw xvmahel xtqrqnz x1778rvt xdpxx8g" },
809
861
  1: { className: "xh8yej3 x1mwwwfo xpvm0e4 x1hz01jw xvmahel xtqrqnz x1778rvt xdpxx8g x140o2bo" }
810
862
  }[!!e.some((e) => typeof e != "string") | 0], r),
811
- children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ _("tr", { children: e.map((t, n) => /* @__PURE__ */ _("th", {
863
+ children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ y("tr", { children: e.map((t, n) => /* @__PURE__ */ y("th", {
812
864
  scope: "col",
813
- ...d.props(J.th, typeof t != "string" && J.column(t.width), typeof t != "string" && t.secondary === !0 && J.secondary, n === e.length - 1 && J.lastHeader, n === i && J.lastPrimaryHeader),
814
- children: /* @__PURE__ */ _("span", {
865
+ ...d.props(Y.th, typeof t != "string" && Y.column(t.width), typeof t != "string" && t.secondary === !0 && Y.secondary, n === e.length - 1 && Y.lastHeader, n === i && Y.lastPrimaryHeader),
866
+ children: /* @__PURE__ */ y("span", {
815
867
  title: typeof t == "string" ? t : t.label,
816
868
  className: "x1lliihq xb3r6kr xlyipyv",
817
869
  children: typeof t == "string" ? t : t.label
818
870
  })
819
- }, typeof t == "string" ? t : t.label)) }) }), /* @__PURE__ */ _("tbody", { children: t })]
871
+ }, typeof t == "string" ? t : t.label)) }) }), /* @__PURE__ */ y("tbody", { children: t })]
820
872
  })
821
873
  });
822
874
  }
823
875
  function X({ children: e, secondary: t = !1, mobileLabel: n, ...r }) {
824
- return /* @__PURE__ */ v("td", {
876
+ return /* @__PURE__ */ b("td", {
825
877
  ...u({
826
- 0: { className: "x1v2how9 x9f619 x1hmw7ec x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
827
- 1: { className: "x1v2how9 x9f619 x1hmw7ec x1m92p3w xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv x1n9xxwz xazwdyr" }
878
+ 0: { className: "x1v2how9 x9f619 x1hmw7ec x1dc62k6 xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv" },
879
+ 1: { className: "x1v2how9 x9f619 x1hmw7ec x1dc62k6 xbixft xxymvpz xuxw1ft xss6m8b xb3r6kr xlyipyv x1n9xxwz xazwdyr" }
828
880
  }[!!t | 0], r),
829
- children: [e, n !== void 0 && /* @__PURE__ */ _("small", {
881
+ children: [e, n !== void 0 && /* @__PURE__ */ y("small", {
830
882
  className: "x1s85apg xacuhyv x153jb6y xy8obcc xas2l8k xb3r6kr xlyipyv",
831
883
  children: n
832
884
  })]
833
885
  });
834
886
  }
835
887
  // packages/collections/src/timestamp.tsx
836
- function ge({ dateTime: e, label: t, title: n }) {
837
- return n === void 0 ? /* @__PURE__ */ _("time", {
888
+ function Z({ dateTime: e, label: t, title: n }) {
889
+ return n === void 0 ? /* @__PURE__ */ y("time", {
838
890
  dateTime: e,
839
891
  className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xj0a0fe x13qnu6 x9v5kkp x19rmrnh x7s97pk",
840
892
  children: t
841
- }) : /* @__PURE__ */ v(s.Root, { children: [/* @__PURE__ */ _(s.Trigger, {
842
- render: /* @__PURE__ */ _("time", {
893
+ }) : /* @__PURE__ */ b(s.Root, { children: [/* @__PURE__ */ y(s.Trigger, {
894
+ render: /* @__PURE__ */ y("time", {
843
895
  dateTime: e,
844
896
  tabIndex: 0,
845
897
  "aria-label": n,
846
898
  className: "x1hz01jw xy8obcc xas2l8k x153jb6y xss6m8b xj0a0fe x13qnu6 x9v5kkp x19rmrnh x7s97pk"
847
899
  }),
848
900
  children: t
849
- }), /* @__PURE__ */ _(s.Portal, { children: /* @__PURE__ */ _(s.Positioner, { children: /* @__PURE__ */ _(s.Popup, { children: n }) }) })] });
901
+ }), /* @__PURE__ */ y(s.Portal, { children: /* @__PURE__ */ y(s.Positioner, { children: /* @__PURE__ */ y(s.Popup, { children: n }) }) })] });
850
902
  }
851
903
  // packages/collections/src/timeline.tsx
852
- function Z({ label: e, children: t }) {
853
- return /* @__PURE__ */ _("ol", {
904
+ function ye({ label: e, children: t }) {
905
+ return /* @__PURE__ */ y("ol", {
854
906
  "aria-label": e,
855
907
  className: "xe8uvvx x1ghz6dp x1717udv xeuugli",
856
908
  children: t
857
909
  });
858
910
  }
859
911
  function Q({ icon: e, title: t, time: n, metadata: i, children: a, details: o, defaultOpen: s = !1 }) {
860
- let [c, l] = h(s), u = /* @__PURE__ */ v("div", {
912
+ let [c, l] = _(s), u = /* @__PURE__ */ b("div", {
861
913
  className: "x78zum5 x1pha0wt x1hnptsi x1a02dak xeuugli",
862
- children: [/* @__PURE__ */ _("div", {
914
+ children: [/* @__PURE__ */ y("div", {
863
915
  className: "xeuugli xk4h15q xj0a0fe",
864
- children: o === void 0 ? t : /* @__PURE__ */ _(r.Trigger, {
916
+ children: o === void 0 ? t : /* @__PURE__ */ y(r.Trigger, {
865
917
  className: "x14atkfc x16exltd xwu7q15 xt970qd xlqzeqv",
866
918
  children: t
867
919
  })
868
- }), n != null && /* @__PURE__ */ _("div", {
920
+ }), n != null && /* @__PURE__ */ y("div", {
869
921
  className: "xeuugli x153jb6y xy8obcc xas2l8k xss6m8b xj0a0fe",
870
922
  children: n
871
923
  })]
872
- }), d = /* @__PURE__ */ v(g, { children: [
924
+ }), d = /* @__PURE__ */ b(v, { children: [
873
925
  u,
874
- a != null && (!c || o === void 0) && /* @__PURE__ */ _("div", {
926
+ a != null && (!c || o === void 0) && /* @__PURE__ */ y("div", {
875
927
  className: "xeuugli x1ewvobj xj0a0fe",
876
928
  children: a
877
929
  }),
878
- i != null && /* @__PURE__ */ _("div", {
930
+ i != null && /* @__PURE__ */ y("div", {
879
931
  className: "xeuugli x153jb6y xy8obcc xas2l8k xj0a0fe",
880
932
  children: i
881
933
  }),
882
- o !== void 0 && /* @__PURE__ */ _(r.Panel, { children: o })
934
+ o !== void 0 && /* @__PURE__ */ y(r.Panel, { children: o })
883
935
  ] });
884
- return /* @__PURE__ */ v("li", {
936
+ return /* @__PURE__ */ b("li", {
885
937
  className: "x1n2onr6 xrvj5dj x1eqwfih x1y1mm1b xhlx3wy xeuugli x1hz01jw xvmahel xtqrqnz x1778rvt xbixft x1cpjm7i x1hmns74 x1lk18uv x1gi6gvw x1jw5pjq x1vgi0k x1mi36wk x1wse844 xup0pd7",
886
- children: [/* @__PURE__ */ _("span", {
938
+ children: [/* @__PURE__ */ y("span", {
887
939
  "aria-hidden": !0,
888
940
  className: "x78zum5 x6s0dn4 xl56j7k x1b1e0sl x153jb6y",
889
941
  children: e
890
- }), o === void 0 ? /* @__PURE__ */ _("div", {
942
+ }), o === void 0 ? /* @__PURE__ */ y("div", {
891
943
  className: "xrvj5dj x1hnptsi xeuugli",
892
944
  children: d
893
- }) : /* @__PURE__ */ _(r.Root, {
945
+ }) : /* @__PURE__ */ y(r.Root, {
894
946
  open: c,
895
947
  onOpenChange: l,
896
948
  className: "xrvj5dj x1hnptsi xeuugli xh8yej3",
@@ -898,8 +950,8 @@ function Q({ icon: e, title: t, time: n, metadata: i, children: a, details: o, d
898
950
  })]
899
951
  });
900
952
  }
901
- var $ = {
902
- Root: Z,
953
+ var be = {
954
+ Root: ye,
903
955
  Item: Q
904
956
  };
905
- export { X as Cell, L as CollectionEnd, O as CollectionPagination, R as CollectionScroll, T as CollectionToolbar, D as ColumnControls, P as DataTable, N as DataTableText, V as Details, E as FilterChips, B as Inspector, H as ListFooter, K as Metric, G as MetricGrid, Y as Table, $ as Timeline, ge as Timestamp };
957
+ export { X as Cell, R as CollectionEnd, A as CollectionPagination, z as CollectionScroll, D as CollectionToolbar, k as ColumnControls, F as DataTable, P as DataTableText, H as Details, O as FilterChips, V as Inspector, U as ListFooter, q as Metric, K as MetricGrid, ve as Table, be as Timeline, Z as Timestamp };