@versini/ui-table 3.1.0 → 3.1.2

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,34 +1,34 @@
1
1
  import o from "clsx";
2
- import { jsx as i, jsxs as p, Fragment as re } from "react/jsx-runtime";
3
- import T, { useRef as x, useLayoutEffect as F, useMemo as H, useState as se, useEffect as $, useCallback as oe, useContext as w } from "react";
2
+ import { jsx as l, jsxs as _, Fragment as ae } from "react/jsx-runtime";
3
+ import R, { useRef as w, useLayoutEffect as F, useMemo as H, useState as se, useEffect as q, useCallback as oe, useContext as N } from "react";
4
4
  /*!
5
- @versini/ui-table v3.1.0
5
+ @versini/ui-table v3.1.2
6
6
  © 2025 gizmette.com
7
7
  */
8
8
  try {
9
9
  window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
10
- version: "3.1.0",
11
- buildTime: "01/25/2025 10:55 PM EST",
10
+ version: "3.1.2",
11
+ buildTime: "01/26/2025 07:26 PM EST",
12
12
  homepage: "https://github.com/aversini/ui-components",
13
13
  license: "MIT"
14
14
  });
15
15
  } catch {
16
16
  }
17
- const B = "thead", O = "tfoot", v = "tbody", C = {
17
+ const I = "thead", U = "tfoot", p = "tbody", B = {
18
18
  ASC: "asc",
19
19
  DESC: "desc"
20
20
  }, ie = ({
21
21
  mode: e,
22
- className: a,
22
+ className: r,
23
23
  wrapperClassName: t,
24
- stickyHeader: r,
24
+ stickyHeader: a,
25
25
  stickyFooter: s
26
26
  }) => ({
27
27
  wrapper: o(
28
28
  "not-prose relative w-full rounded-lg shadow-md",
29
29
  {
30
- "overflow-x-auto": !r && !s,
31
- "overflow-y-scroll": r || s,
30
+ "overflow-x-auto": !a && !s,
31
+ "overflow-y-scroll": a || s,
32
32
  "bg-surface-darker": e === "dark" || e === "system",
33
33
  "bg-surface-light": e === "light" || e === "alt-system",
34
34
  "dark:bg-surface-light": e === "system",
@@ -40,7 +40,7 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
40
40
  },
41
41
  t
42
42
  ),
43
- table: o("my-0 w-full text-left text-sm", a, {
43
+ table: o("my-0 w-full text-left text-sm", r, {
44
44
  "text-copy-light": e === "dark",
45
45
  "text-copy-dark": e === "light",
46
46
  "text-copy-light dark:text-copy-dark": e === "system",
@@ -52,62 +52,62 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
52
52
  "text-copy-light dark:text-copy-dark": e === "system",
53
53
  "text-copy-dark dark:text-copy-light": e === "alt-system"
54
54
  })
55
- }), ne = ({
55
+ }), le = ({
56
56
  className: e,
57
- stickyHeader: a,
57
+ stickyHeader: r,
58
58
  mode: t
59
59
  }) => o(
60
60
  {
61
- "sticky top-0 z-10": a,
62
- "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": a && t === "dark",
63
- "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": a && t === "system",
64
- "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": a && t === "light",
65
- "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": a && t === "alt-system"
61
+ "sticky top-0 z-10": r,
62
+ "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "dark",
63
+ "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": r && t === "system",
64
+ "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": r && t === "light",
65
+ "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "alt-system"
66
66
  },
67
67
  e
68
- ), le = ({
68
+ ), ne = ({
69
69
  className: e,
70
- stickyFooter: a,
70
+ stickyFooter: r,
71
71
  mode: t
72
72
  }) => o(
73
73
  {
74
- "sticky bottom-0 z-10": a,
75
- "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": a && t === "dark",
76
- "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": a && t === "system",
77
- "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": a && t === "light",
78
- "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": a && t === "alt-system"
74
+ "sticky bottom-0 z-10": r,
75
+ "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "dark",
76
+ "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "system",
77
+ "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "light",
78
+ "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "alt-system"
79
79
  },
80
80
  e
81
81
  ), ce = ({
82
82
  mode: e,
83
- className: a,
83
+ className: r,
84
84
  cellWrapper: t
85
- }) => t === B || t === O ? o(
85
+ }) => t === I || t === U ? o(
86
86
  {
87
87
  "bg-table-head-dark": e === "dark" || e === "system",
88
88
  "bg-table-head-light": e === "light" || e === "alt-system",
89
89
  "dark:bg-table-head-light": e === "system",
90
90
  "dark:bg-table-head-dark": e === "alt-system"
91
91
  },
92
- a
92
+ r
93
93
  ) : o(
94
94
  "border-b last:border-0",
95
95
  {
96
96
  "border-table-dark": e === "dark" || e === "system",
97
- "odd:bg-table-dark-odd even:bg-table-dark-even": t === v && e === "dark",
97
+ "odd:bg-table-dark-odd even:bg-table-dark-even": t === p && e === "dark",
98
98
  "border-table-light": e === "light" || e === "alt-system",
99
- "odd:bg-table-light-odd even:bg-table-light-even": t === v && e === "light",
99
+ "odd:bg-table-light-odd even:bg-table-light-even": t === p && e === "light",
100
100
  "dark:border-table-light": e === "system",
101
- "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": t === v && e === "system",
101
+ "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": t === p && e === "system",
102
102
  "dark:border-table-dark": e === "alt-system",
103
- "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": t === v && e === "alt-system"
103
+ "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": t === p && e === "alt-system"
104
104
  },
105
- a
105
+ r
106
106
  ), de = ({
107
107
  cellWrapper: e,
108
- className: a,
108
+ className: r,
109
109
  compact: t,
110
- mode: r,
110
+ mode: a,
111
111
  align: s
112
112
  }) => ({
113
113
  alignClasses: o({
@@ -117,79 +117,86 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
117
117
  }),
118
118
  mainClasses: o(
119
119
  {
120
- "text-copy-light": r === "dark" || r === "system",
121
- "text-copy-dark": r === "light" || r === "alt-system",
122
- "dark:text-copy-dark": r === "system",
123
- "dark:text-copy-light": r === "alt-system",
124
- "px-4 py-3": !t && (e === B || e === O),
125
- "p-4": !t && e === v,
120
+ "text-copy-light": a === "dark" || a === "system",
121
+ "text-copy-dark": a === "light" || a === "alt-system",
122
+ "dark:text-copy-dark": a === "system",
123
+ "dark:text-copy-light": a === "alt-system",
124
+ "px-4 py-3": !t && (e === I || e === U),
125
+ "p-4": !t && e === p,
126
126
  "px-2 py-1.5": t
127
127
  },
128
- a
128
+ r
129
129
  )
130
130
  }), ge = ({
131
131
  buttonClassName: e
132
- }) => o("rounded-none text-sm", e), D = "av-button", R = "icon", q = "button", A = "link", he = ({
132
+ }) => o("rounded-none text-sm", e), D = "av-button", S = "icon", G = "button", O = "link", he = ({
133
133
  type: e,
134
- size: a,
134
+ size: r,
135
135
  labelRight: t,
136
- labelLeft: r,
137
- align: s
136
+ labelLeft: a,
137
+ align: s,
138
+ animated: i
138
139
  }) => {
139
- const n = "max-h-8 py-0 px-2", l = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
140
+ const n = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
140
141
  switch (e) {
141
- case q:
142
- case A:
142
+ case G:
143
+ case O:
143
144
  return o({
144
- [n]: a === "small",
145
- [l]: a === "medium",
146
- [c]: a === "large"
145
+ [n]: r === "small",
146
+ [d]: r === "medium",
147
+ [c]: r === "large"
147
148
  });
148
- case R:
149
+ case S:
149
150
  return o("inline-flex items-center", {
150
151
  "justify-center": s === "center",
151
152
  "justify-start": s === "left",
152
153
  "justify-end": s === "right",
153
- "h-6 py-0": a === "small" && !(t || r),
154
- "h-6": a === "small" && (t || r),
155
- "h-8 py-1": a === "medium" && !(t || r),
156
- "h-8": a === "medium" && (t || r),
157
- "h-12 py-2": a === "large" && !(t || r),
158
- "h-12": a === "large" && (t || r)
154
+ "h-6 w-6 p-0": r === "small" && !i && !(t || a),
155
+ "h-6 px-2": r === "small" && !i && (t || a),
156
+ "h-8 w-8 p-1": r === "medium" && !i && !(t || a),
157
+ "h-8 px-3": r === "medium" && !i && (t || a),
158
+ "h-12 w-12 p-2": r === "large" && !i && !(t || a),
159
+ "h-12 px-4": r === "large" && !i && (t || a),
160
+ "h-6 py-0": r === "small" && i && !(t || a),
161
+ "h-6": r === "small" && i && (t || a),
162
+ "h-8 py-1": r === "medium" && i && !(t || a),
163
+ "h-8": r === "medium" && i && (t || a),
164
+ "h-12 py-2": r === "large" && i && !(t || a),
165
+ "h-12": r === "large" && i && (t || a)
159
166
  });
160
167
  }
161
168
  }, be = ({
162
169
  type: e,
163
- size: a,
170
+ size: r,
164
171
  labelRight: t,
165
- labelLeft: r
172
+ labelLeft: a
166
173
  }) => {
167
- const s = "text-sm font-medium", n = "text-base font-medium", l = "text-lg font-medium";
174
+ const s = "text-sm font-medium", i = "text-base font-medium", n = "text-lg font-medium";
168
175
  switch (e) {
169
- case q:
170
- case A:
176
+ case G:
177
+ case O:
171
178
  return o({
172
- "text-center": e === A,
173
- [s]: a === "small",
174
- [n]: a === "medium",
175
- [l]: a === "large"
179
+ "text-center": e === O,
180
+ [s]: r === "small",
181
+ [i]: r === "medium",
182
+ [n]: r === "large"
176
183
  });
177
- case R:
184
+ case S:
178
185
  return o({
179
- [s]: a === "small" && (t || r),
180
- [n]: a === "medium" && (t || r),
181
- [l]: a === "large" && (t || r)
186
+ [s]: r === "small" && (t || a),
187
+ [i]: r === "medium" && (t || a),
188
+ [n]: r === "large" && (t || a)
182
189
  });
183
190
  }
184
191
  }, me = ({
185
192
  mode: e,
186
- noBackground: a,
193
+ noBackground: r,
187
194
  noTruncate: t,
188
- variant: r
195
+ variant: a
189
196
  }) => {
190
- if (a)
197
+ if (r)
191
198
  return "not-prose";
192
- if (r === "primary")
199
+ if (a === "primary")
193
200
  return o("not-prose", {
194
201
  truncate: !t,
195
202
  "text-copy-light": e === "dark" || e === "system",
@@ -197,7 +204,7 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
197
204
  "dark:text-copy-lighter": e === "system",
198
205
  "dark:text-copy-light": e === "alt-system"
199
206
  });
200
- if (r === "secondary")
207
+ if (a === "secondary")
201
208
  return o("not-prose", {
202
209
  truncate: !t,
203
210
  "text-copy-light": e === "light" || e === "system",
@@ -205,7 +212,7 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
205
212
  "dark:text-copy-lighter": e === "alt-system",
206
213
  "dark:text-copy-light": e === "system"
207
214
  });
208
- if (r === "danger")
215
+ if (a === "danger")
209
216
  return o("not-prose", {
210
217
  truncate: !t,
211
218
  "text-copy-light": e === "dark" || e === "system",
@@ -213,16 +220,16 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
213
220
  "dark:text-copy-lighter": e === "system",
214
221
  "dark:text-copy-light": e === "alt-system"
215
222
  });
216
- if (r === "selected")
223
+ if (a === "selected")
217
224
  return o("not-prose text-copy-lighter", {
218
225
  truncate: !t
219
226
  });
220
227
  }, ue = ({
221
228
  mode: e,
222
- noBackground: a,
229
+ noBackground: r,
223
230
  variant: t
224
231
  }) => {
225
- if (!a) {
232
+ if (!r) {
226
233
  if (t === "primary")
227
234
  return o({
228
235
  "bg-action-dark": e === "dark",
@@ -255,10 +262,10 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
255
262
  "rounded-sm": e === "small"
256
263
  }), ke = ({
257
264
  mode: e,
258
- disabled: a,
265
+ disabled: r,
259
266
  variant: t
260
267
  }) => {
261
- if (a)
268
+ if (r)
262
269
  return "";
263
270
  if (t === "primary")
264
271
  return o("hover:text-copy-light-hover", {
@@ -285,10 +292,10 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
285
292
  return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
286
293
  }, fe = ({
287
294
  mode: e,
288
- disabled: a,
295
+ disabled: r,
289
296
  variant: t
290
297
  }) => {
291
- if (a)
298
+ if (r)
292
299
  return "";
293
300
  if (t === "primary")
294
301
  return o("active:text-copy-light-active", {
@@ -315,10 +322,10 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
315
322
  return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
316
323
  }, ve = ({
317
324
  mode: e,
318
- noBorder: a,
325
+ noBorder: r,
319
326
  variant: t
320
327
  }) => {
321
- if (a)
328
+ if (r)
322
329
  return "border border-transparent";
323
330
  if (t === "primary")
324
331
  return o("border", {
@@ -352,9 +359,9 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
352
359
  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
353
360
  }), _e = ({
354
361
  mode: e,
355
- raw: a,
362
+ raw: r,
356
363
  iconClassName: t
357
- }) => a ? "" : o(
364
+ }) => r ? "" : o(
358
365
  {
359
366
  "text-copy-accent-dark": e === "light" || e === "alt-system",
360
367
  "text-copy-light": e === "dark" || e === "system",
@@ -368,80 +375,81 @@ const B = "thead", O = "tfoot", v = "tbody", C = {
368
375
  "transition-opacity duration-300 ease-in": e
369
376
  }), we = ({
370
377
  type: e,
371
- className: a,
378
+ className: r,
372
379
  raw: t,
373
- mode: r,
380
+ mode: a,
374
381
  focusMode: s,
375
- disabled: n,
376
- fullWidth: l,
377
- size: c,
378
- noBorder: d,
382
+ disabled: i,
383
+ fullWidth: n,
384
+ size: d,
385
+ noBorder: c,
379
386
  labelRight: g,
380
387
  labelLeft: m,
381
388
  noBackground: b,
382
389
  variant: h,
383
390
  noTruncate: u,
384
- align: I,
385
- radius: S,
386
- animated: E
387
- }) => (h || (h = "primary"), t ? o(D, a) : o(
391
+ align: E,
392
+ radius: z,
393
+ animated: C
394
+ }) => (h || (h = "primary"), t ? o(D, r) : o(
388
395
  D,
389
396
  me({
390
- mode: r,
397
+ mode: a,
391
398
  variant: h,
392
399
  noBackground: b,
393
400
  noTruncate: u
394
401
  }),
395
- ue({ mode: r, noBackground: b, variant: h }),
396
- ye({ radius: S }),
402
+ ue({ mode: a, noBackground: b, variant: h }),
403
+ ye({ radius: z }),
397
404
  he({
398
405
  type: e,
399
- size: c,
406
+ size: d,
400
407
  labelRight: g,
401
408
  labelLeft: m,
402
- align: I
409
+ align: E,
410
+ animated: C
403
411
  }),
404
- be({ type: e, size: c, labelRight: g, labelLeft: m }),
405
- ve({ mode: r, variant: h, noBorder: d }),
412
+ be({ type: e, size: d, labelRight: g, labelLeft: m }),
413
+ ve({ mode: a, variant: h, noBorder: c }),
406
414
  pe({ focusMode: s }),
407
- ke({ mode: r, variant: h, disabled: n }),
408
- fe({ mode: r, variant: h, disabled: n }),
415
+ ke({ mode: a, variant: h, disabled: i }),
416
+ fe({ mode: a, variant: h, disabled: i }),
409
417
  {
410
- "w-full": l,
411
- "disabled:cursor-not-allowed disabled:opacity-50": n
418
+ "w-full": n,
419
+ "disabled:cursor-not-allowed disabled:opacity-50": i
412
420
  },
413
421
  o({
414
- "transition-[width] duration-300 ease-in-out": e === R && E
422
+ "transition-[width] duration-300 ease-in-out": e === S && C
415
423
  }),
416
- a
417
- )), Ne = (e, a, t) => {
418
- var r;
419
- !a && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((r = e == null ? void 0 : e.currentTarget) == null ? void 0 : r.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
420
- }, G = T.forwardRef((e, a) => {
421
- const { onClick: t, noInternalClick: r = !1, ...s } = e;
422
- return /* @__PURE__ */ i(
424
+ r
425
+ )), Ne = (e, r, t) => {
426
+ var a;
427
+ !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
428
+ }, X = R.forwardRef((e, r) => {
429
+ const { onClick: t, noInternalClick: a = !1, ...s } = e;
430
+ return /* @__PURE__ */ l(
423
431
  "button",
424
432
  {
425
- ref: a,
426
- onClick: (n) => {
427
- Ne(n, r, t);
433
+ ref: r,
434
+ onClick: (i) => {
435
+ Ne(i, a, t);
428
436
  },
429
437
  ...s
430
438
  }
431
439
  );
432
440
  });
433
- G.displayName = "BaseButton";
441
+ X.displayName = "BaseButton";
434
442
  function Ce() {
435
- const e = x(!1);
436
- return $(() => (e.current = !0, () => {
443
+ const e = w(!1);
444
+ return q(() => (e.current = !0, () => {
437
445
  e.current = !1;
438
446
  }), []), oe(() => e.current, []);
439
447
  }
440
448
  function Te(e) {
441
- return H(() => e.every((a) => a == null) ? () => {
442
- } : (a) => {
449
+ return H(() => e.every((r) => r == null) ? () => {
450
+ } : (r) => {
443
451
  e.forEach((t) => {
444
- typeof t == "function" ? t(a) : t != null && (t.current = a);
452
+ typeof t == "function" ? t(r) : t != null && (t.current = r);
445
453
  });
446
454
  }, e);
447
455
  }
@@ -455,16 +463,16 @@ const Be = {
455
463
  bottom: 0,
456
464
  right: 0
457
465
  };
458
- function L(e) {
459
- const a = Ce(), t = x(0), r = x(null), [s, n] = se(Be), l = H(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
460
- const d = c[0];
461
- d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
462
- r.current && a() && n(d.contentRect);
466
+ function A(e) {
467
+ const r = Ce(), t = w(0), a = w(null), [s, i] = se(Be), n = H(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
468
+ const c = d[0];
469
+ c && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
470
+ a.current && r() && i(c.contentRect);
463
471
  }));
464
- }), [a]);
465
- return $(() => (r.current && (l == null || l.observe(r.current, e)), () => {
466
- l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
467
- }), [l, e]), [r, s];
472
+ }), [r]);
473
+ return q(() => (a.current && (n == null || n.observe(a.current, e)), () => {
474
+ n == null || n.disconnect(), t.current && cancelAnimationFrame(t.current);
475
+ }), [n, e]), [a, s];
468
476
  }
469
477
  const Re = {
470
478
  small: 24,
@@ -480,101 +488,102 @@ const Re = {
480
488
  // px-3 x 2
481
489
  large: 16 * 2
482
490
  // px-4 x 2
483
- }, Se = 2, X = T.forwardRef(
491
+ }, Se = 2, Y = R.forwardRef(
484
492
  ({
485
493
  children: e,
486
- disabled: a = !1,
494
+ disabled: r = !1,
487
495
  mode: t = "system",
488
- focusMode: r = "system",
496
+ focusMode: a = "system",
489
497
  fullWidth: s = !1,
490
- className: n,
491
- type: l = "button",
492
- raw: c = !1,
493
- noBorder: d = !1,
498
+ className: i,
499
+ type: n = "button",
500
+ raw: d = !1,
501
+ noBorder: c = !1,
494
502
  "aria-label": g,
495
503
  label: m,
496
504
  size: b = "medium",
497
505
  labelRight: h,
498
506
  labelLeft: u,
499
- noBackground: I = !1,
500
- align: S = "center",
501
- radius: E = "large",
502
- variant: Z = "primary",
503
- iconClassName: J,
504
- animated: P = !1,
505
- ...K
506
- }, Q) => {
507
+ noBackground: E = !1,
508
+ align: z = "center",
509
+ radius: C = "large",
510
+ variant: J = "primary",
511
+ iconClassName: K,
512
+ animated: k = !1,
513
+ ...Q
514
+ }, $) => {
507
515
  const ee = we({
508
- type: R,
516
+ type: S,
509
517
  mode: t,
510
- focusMode: r,
518
+ focusMode: a,
511
519
  fullWidth: s,
512
- disabled: a,
513
- raw: c,
514
- className: n,
515
- noBorder: d,
520
+ disabled: r,
521
+ raw: d,
522
+ className: i,
523
+ noBorder: c,
516
524
  size: b,
517
525
  labelRight: h,
518
526
  labelLeft: u,
519
- noBackground: I,
520
- align: S,
521
- radius: E,
522
- variant: Z,
523
- animated: P
524
- }), te = _e({ mode: t, raw: c, iconClassName: J }), j = xe({ animated: P }), [y, z] = L(), [k, V] = L(), [N, W] = L(), M = x(0), f = x(null), ae = Te([Q, f]);
527
+ noBackground: E,
528
+ align: z,
529
+ radius: C,
530
+ variant: J,
531
+ animated: k
532
+ }), te = _e({ mode: t, raw: d, iconClassName: K }), j = xe({ animated: k }), [y, V] = A(), [f, M] = A(), [T, W] = A(), L = w(0), v = w(null), re = Te([$, v]);
525
533
  return F(() => {
526
- N && N.current && (M.current = W.width + Ie[b] + (d ? 0 : Se));
527
- }, [W, N, b, d]), F(() => {
528
- f && f.current && (h && y && z.width > 0 ? (y.current && (y.current.style.opacity = "100"), f.current.style.width = `${z.width + M.current}px`) : u && V.width > 0 ? (k.current && (k.current.style.opacity = "100"), f.current.style.width = `${V.width + M.current}px`) : (y.current && (y.current.style.opacity = "0"), k.current && (k.current.style.opacity = "0"), f.current.style.width = `${Re[b]}px`));
534
+ T && T.current && k && (L.current = W.width + Ie[b] + (c ? 0 : Se));
535
+ }, [W, T, b, c, k]), F(() => {
536
+ v && v.current && k && (h && y && V.width > 0 ? (y.current && (y.current.style.opacity = "100"), v.current.style.width = `${V.width + L.current}px`) : u && M.width > 0 ? (f.current && (f.current.style.opacity = "100"), v.current.style.width = `${M.width + L.current}px`) : (y.current && (y.current.style.opacity = "0"), f.current && (f.current.style.opacity = "0"), v.current.style.width = `${Re[b]}px`));
529
537
  }, [
530
- z,
538
+ V,
531
539
  h,
532
540
  y,
533
- V,
541
+ M,
534
542
  u,
535
- k,
536
- b
537
- ]), /* @__PURE__ */ p(
538
- G,
543
+ f,
544
+ b,
545
+ k
546
+ ]), /* @__PURE__ */ _(
547
+ X,
539
548
  {
540
- ref: ae,
549
+ ref: re,
541
550
  className: ee,
542
- disabled: a,
543
- type: l,
551
+ disabled: r,
552
+ type: n,
544
553
  "aria-label": g || m,
545
- ...K,
554
+ ...Q,
546
555
  children: [
547
- /* @__PURE__ */ i("span", { ref: k, className: j, children: u && /* @__PURE__ */ i("span", { className: "pr-2", children: u }) }),
548
- /* @__PURE__ */ i("span", { ref: N, className: te, children: e }),
549
- /* @__PURE__ */ i("span", { ref: y, className: j, children: h && /* @__PURE__ */ i("span", { className: "pl-2", children: h }) })
556
+ /* @__PURE__ */ l("span", { ref: f, className: j, children: u && /* @__PURE__ */ l("span", { className: "pr-2", children: u }) }),
557
+ /* @__PURE__ */ l("span", { ref: T, className: te, children: e }),
558
+ /* @__PURE__ */ l("span", { ref: y, className: j, children: h && /* @__PURE__ */ l("span", { className: "pl-2", children: h }) })
550
559
  ]
551
560
  }
552
561
  );
553
562
  }
554
563
  );
555
- X.displayName = "ButtonIcon";
564
+ Y.displayName = "ButtonIcon";
556
565
  /*!
557
- @versini/ui-button v4.2.0
566
+ @versini/ui-button v4.2.2
558
567
  © 2025 gizmette.com
559
568
  */
560
569
  try {
561
570
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
562
- version: "4.2.0",
563
- buildTime: "01/25/2025 10:54 PM EST",
571
+ version: "4.2.2",
572
+ buildTime: "01/26/2025 07:26 PM EST",
564
573
  homepage: "https://github.com/aversini/ui-components",
565
574
  license: "MIT"
566
575
  });
567
576
  } catch {
568
577
  }
569
- const Y = T.forwardRef(
578
+ const Z = R.forwardRef(
570
579
  ({
571
580
  children: e,
572
- mode: a = "system",
581
+ mode: r = "system",
573
582
  className: t,
574
- active: r = !1,
583
+ active: a = !1,
575
584
  ...s
576
- }, n) => {
577
- const l = r ? o(
585
+ }, i) => {
586
+ const n = a ? o(
578
587
  "relative",
579
588
  "focus-within:static",
580
589
  "focus-within:after:border-transparent",
@@ -585,18 +594,18 @@ const Y = T.forwardRef(
585
594
  "after:left-0",
586
595
  "after:right-0",
587
596
  {
588
- "after:border-table-dark": a === "dark",
589
- "after:border-table-light": a === "light",
590
- "after:border-table-dark dark:after:border-table-light": a === "system",
591
- "after:border-table-light dark:after:border-table-dark": a === "alt-system"
597
+ "after:border-table-dark": r === "dark",
598
+ "after:border-table-light": r === "light",
599
+ "after:border-table-dark dark:after:border-table-light": r === "system",
600
+ "after:border-table-light dark:after:border-table-dark": r === "alt-system"
592
601
  }
593
602
  ) : "";
594
- return /* @__PURE__ */ i("div", { className: l, children: /* @__PURE__ */ i(
595
- X,
603
+ return /* @__PURE__ */ l("div", { className: n, children: /* @__PURE__ */ l(
604
+ Y,
596
605
  {
597
606
  className: o("justify-center", t),
598
- ref: n,
599
- mode: a,
607
+ ref: i,
608
+ mode: r,
600
609
  radius: "small",
601
610
  ...s,
602
611
  children: e
@@ -604,35 +613,35 @@ const Y = T.forwardRef(
604
613
  ) });
605
614
  }
606
615
  );
607
- Y.displayName = "ButtonSort";
608
- const U = ({
616
+ Z.displayName = "ButtonSort";
617
+ const P = ({
609
618
  children: e,
610
- fill: a,
619
+ fill: r,
611
620
  viewBox: t,
612
- className: r,
621
+ className: a,
613
622
  defaultViewBox: s,
614
- size: n,
615
- title: l,
616
- semantic: c = !1,
617
- ...d
623
+ size: i,
624
+ title: n,
625
+ semantic: d = !1,
626
+ ...c
618
627
  }) => {
619
- const g = o(n, r);
620
- return /* @__PURE__ */ p(re, { children: [
621
- /* @__PURE__ */ i(
628
+ const g = o(i, a);
629
+ return /* @__PURE__ */ _(ae, { children: [
630
+ /* @__PURE__ */ l(
622
631
  "svg",
623
632
  {
624
633
  xmlns: "http://www.w3.org/2000/svg",
625
634
  className: g,
626
635
  viewBox: t || s,
627
- fill: a || "currentColor",
636
+ fill: r || "currentColor",
628
637
  role: "img",
629
- "aria-hidden": !c,
638
+ "aria-hidden": !d,
630
639
  focusable: !1,
631
- ...d,
640
+ ...c,
632
641
  children: e
633
642
  }
634
643
  ),
635
- l && c && /* @__PURE__ */ i("span", { className: "sr-only", children: l })
644
+ n && d && /* @__PURE__ */ l("span", { className: "sr-only", children: n })
636
645
  ] });
637
646
  };
638
647
  /*!
@@ -650,80 +659,80 @@ try {
650
659
  }
651
660
  const Ee = ({
652
661
  className: e,
653
- viewBox: a,
662
+ viewBox: r,
654
663
  title: t,
655
- monotone: r,
664
+ monotone: a,
656
665
  ...s
657
- }) => /* @__PURE__ */ p(
658
- U,
666
+ }) => /* @__PURE__ */ _(
667
+ P,
659
668
  {
660
669
  defaultViewBox: "0 0 576 512",
661
670
  size: "size-5",
662
- viewBox: a,
671
+ viewBox: r,
663
672
  className: e,
664
673
  title: t || "Sort",
665
674
  ...s,
666
675
  children: [
667
- /* @__PURE__ */ i(
676
+ /* @__PURE__ */ l(
668
677
  "path",
669
678
  {
670
679
  d: "M297.4 137.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l41.3-41.4V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.3l41.4 41.4c12.5 12.5 32.8 12.5 45.3 0 6.2-6.2 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-96-96c-6.3-6.4-14.5-9.5-22.7-9.5s-16.4 3.1-22.6 9.4z",
671
- opacity: r ? "1" : "0.4"
680
+ opacity: a ? "1" : "0.4"
672
681
  }
673
682
  ),
674
- /* @__PURE__ */ i("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v306.7l-41.4-41.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
683
+ /* @__PURE__ */ l("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v306.7l-41.4-41.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
675
684
  ]
676
685
  }
677
686
  ), ze = ({
678
687
  className: e,
679
- viewBox: a,
688
+ viewBox: r,
680
689
  title: t,
681
- monotone: r,
690
+ monotone: a,
682
691
  ...s
683
- }) => /* @__PURE__ */ p(
684
- U,
692
+ }) => /* @__PURE__ */ _(
693
+ P,
685
694
  {
686
695
  defaultViewBox: "0 0 576 512",
687
696
  size: "size-5",
688
- viewBox: a,
697
+ viewBox: r,
689
698
  className: e,
690
699
  title: t || "Sort Down",
691
700
  ...s,
692
701
  children: [
693
- /* @__PURE__ */ i(
702
+ /* @__PURE__ */ l(
694
703
  "path",
695
704
  {
696
705
  d: "M288 64c0-17.7 14.3-32 32-32h224c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h160c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32",
697
- opacity: r ? "1" : "0.4"
706
+ opacity: a ? "1" : "0.4"
698
707
  }
699
708
  ),
700
- /* @__PURE__ */ i("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32S96 46.3 96 64v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96c6.1 6.6 14.6 10.4 23.6 10.4" })
709
+ /* @__PURE__ */ l("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32S96 46.3 96 64v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96c6.1 6.6 14.6 10.4 23.6 10.4" })
701
710
  ]
702
711
  }
703
712
  ), Ve = ({
704
713
  className: e,
705
- viewBox: a,
714
+ viewBox: r,
706
715
  title: t,
707
- monotone: r,
716
+ monotone: a,
708
717
  ...s
709
- }) => /* @__PURE__ */ p(
710
- U,
718
+ }) => /* @__PURE__ */ _(
719
+ P,
711
720
  {
712
721
  defaultViewBox: "0 0 576 512",
713
722
  size: "size-5",
714
- viewBox: a,
723
+ viewBox: r,
715
724
  className: e,
716
725
  title: t || "Sort Up",
717
726
  ...s,
718
727
  children: [
719
- /* @__PURE__ */ i(
728
+ /* @__PURE__ */ l(
720
729
  "path",
721
730
  {
722
731
  d: "M288 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h160c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h224c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32",
723
- opacity: r ? "1" : "0.4"
732
+ opacity: a ? "1" : "0.4"
724
733
  }
725
734
  ),
726
- /* @__PURE__ */ i("path", { d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3l-32.4 35.3c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32" })
735
+ /* @__PURE__ */ l("path", { d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3l-32.4 35.3c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32" })
727
736
  ]
728
737
  }
729
738
  );
@@ -740,7 +749,7 @@ try {
740
749
  });
741
750
  } catch {
742
751
  }
743
- const _ = T.createContext({
752
+ const x = R.createContext({
744
753
  mode: "light",
745
754
  cellWrapper: "thead",
746
755
  stickyHeader: !1,
@@ -748,37 +757,37 @@ const _ = T.createContext({
748
757
  compact: !1
749
758
  }), Ue = ({
750
759
  children: e,
751
- mode: a = "system",
760
+ mode: r = "system",
752
761
  caption: t,
753
- compact: r,
762
+ compact: a,
754
763
  summary: s,
755
- className: n,
756
- wrapperClassName: l,
757
- maxHeight: c,
758
- stickyHeader: d,
764
+ className: i,
765
+ wrapperClassName: n,
766
+ maxHeight: d,
767
+ stickyHeader: c,
759
768
  stickyFooter: g,
760
769
  ...m
761
770
  }) => {
762
771
  const b = ie({
763
- mode: a,
764
- className: n,
765
- wrapperClassName: l,
766
- stickyHeader: d,
772
+ mode: r,
773
+ className: i,
774
+ wrapperClassName: n,
775
+ stickyHeader: c,
767
776
  stickyFooter: g
768
777
  });
769
- return /* @__PURE__ */ i(
770
- _.Provider,
778
+ return /* @__PURE__ */ l(
779
+ x.Provider,
771
780
  {
772
- value: { mode: a, stickyHeader: d, stickyFooter: g, compact: r },
773
- children: /* @__PURE__ */ i(
781
+ value: { mode: r, stickyHeader: c, stickyFooter: g, compact: a },
782
+ children: /* @__PURE__ */ l(
774
783
  "div",
775
784
  {
776
785
  className: b.wrapper,
777
- ...c && {
778
- style: { maxHeight: c }
786
+ ...d && {
787
+ style: { maxHeight: d }
779
788
  },
780
- children: /* @__PURE__ */ p("table", { className: b.table, summary: s, ...m, children: [
781
- t && /* @__PURE__ */ i("caption", { className: b.caption, children: t }),
789
+ children: /* @__PURE__ */ _("table", { className: b.table, summary: s, ...m, children: [
790
+ t && /* @__PURE__ */ l("caption", { className: b.caption, children: t }),
782
791
  e
783
792
  ] })
784
793
  }
@@ -787,95 +796,95 @@ const _ = T.createContext({
787
796
  );
788
797
  }, Pe = ({
789
798
  children: e,
790
- className: a,
799
+ className: r,
791
800
  ...t
792
801
  }) => {
793
- const r = w(_);
794
- r.cellWrapper = B;
795
- const s = ne({
796
- className: a,
797
- mode: r.mode,
798
- stickyHeader: r.stickyHeader
802
+ const a = N(x);
803
+ a.cellWrapper = I;
804
+ const s = le({
805
+ className: r,
806
+ mode: a.mode,
807
+ stickyHeader: a.stickyHeader
799
808
  });
800
- return /* @__PURE__ */ i("thead", { className: s, ...t, children: e });
809
+ return /* @__PURE__ */ l("thead", { className: s, ...t, children: e });
801
810
  }, je = ({
802
811
  children: e,
803
- className: a,
812
+ className: r,
804
813
  ...t
805
814
  }) => {
806
- const r = w(_);
807
- r.cellWrapper = O;
808
- const s = le({
809
- className: a,
810
- mode: r.mode,
811
- stickyFooter: r.stickyFooter
815
+ const a = N(x);
816
+ a.cellWrapper = U;
817
+ const s = ne({
818
+ className: r,
819
+ mode: a.mode,
820
+ stickyFooter: a.stickyFooter
812
821
  });
813
- return /* @__PURE__ */ i("tfoot", { className: s, ...t, children: e });
814
- }, We = ({ children: e, ...a }) => {
815
- const t = w(_);
816
- return t.cellWrapper = v, /* @__PURE__ */ i("tbody", { ...a, children: e });
822
+ return /* @__PURE__ */ l("tfoot", { className: s, ...t, children: e });
823
+ }, We = ({ children: e, ...r }) => {
824
+ const t = N(x);
825
+ return t.cellWrapper = p, /* @__PURE__ */ l("tbody", { ...r, children: e });
817
826
  }, Fe = ({
818
827
  children: e,
819
- className: a,
828
+ className: r,
820
829
  ...t
821
830
  }) => {
822
- const r = w(_), s = ce({
823
- mode: r.mode,
824
- cellWrapper: r.cellWrapper,
825
- className: a
831
+ const a = N(x), s = ce({
832
+ mode: a.mode,
833
+ cellWrapper: a.cellWrapper,
834
+ className: r
826
835
  });
827
- return /* @__PURE__ */ i("tr", { className: s, ...t, children: e });
836
+ return /* @__PURE__ */ l("tr", { className: s, ...t, children: e });
828
837
  }, Me = ({
829
838
  children: e,
830
- component: a,
839
+ component: r,
831
840
  className: t,
832
- align: r,
841
+ align: a,
833
842
  ...s
834
843
  }) => {
835
- const n = w(_), l = a || (n.cellWrapper === B ? "th" : "td"), { mainClasses: c, alignClasses: d } = de({
836
- cellWrapper: n.cellWrapper,
844
+ const i = N(x), n = r || (i.cellWrapper === I ? "th" : "td"), { mainClasses: d, alignClasses: c } = de({
845
+ cellWrapper: i.cellWrapper,
837
846
  className: t,
838
- mode: n.mode,
839
- compact: n.compact,
840
- align: r
847
+ mode: i.mode,
848
+ compact: i.compact,
849
+ align: a
841
850
  });
842
- return r ? /* @__PURE__ */ i(l, { className: c, ...s, children: /* @__PURE__ */ i("div", { className: d, children: e }) }) : /* @__PURE__ */ i(l, { className: c, ...s, children: e });
851
+ return a ? /* @__PURE__ */ l(n, { className: d, ...s, children: /* @__PURE__ */ l("div", { className: c, children: e }) }) : /* @__PURE__ */ l(n, { className: d, ...s, children: e });
843
852
  }, De = ({
844
853
  align: e,
845
- children: a,
854
+ children: r,
846
855
  buttonClassName: t,
847
- className: r,
856
+ className: a,
848
857
  component: s,
849
- focusMode: n = "alt-system",
850
- mode: l = "alt-system",
851
- onClick: c,
852
- sortDirection: d,
858
+ focusMode: i = "alt-system",
859
+ mode: n = "alt-system",
860
+ onClick: d,
861
+ sortDirection: c,
853
862
  sortedCell: g,
854
863
  cellId: m,
855
864
  ...b
856
865
  }) => {
857
866
  const h = ge({ buttonClassName: t });
858
- return /* @__PURE__ */ i(
867
+ return /* @__PURE__ */ l(
859
868
  Me,
860
869
  {
861
870
  component: s,
862
- className: r,
871
+ className: a,
863
872
  role: "columnheader",
864
- "aria-sort": d === C.ASC && g === m ? "ascending" : d === C.DESC && g === m ? "descending" : "other",
873
+ "aria-sort": c === B.ASC && g === m ? "ascending" : c === B.DESC && g === m ? "descending" : "other",
865
874
  ...b,
866
- children: /* @__PURE__ */ i(
867
- Y,
875
+ children: /* @__PURE__ */ l(
876
+ Z,
868
877
  {
869
878
  active: g === m,
870
879
  className: h,
871
- onClick: c,
880
+ onClick: d,
872
881
  align: e,
873
882
  noBorder: !0,
874
- focusMode: n,
875
- mode: l,
883
+ focusMode: i,
884
+ mode: n,
876
885
  fullWidth: !0,
877
- labelRight: a,
878
- children: d === C.ASC && g === m ? /* @__PURE__ */ i(Ve, { className: "size-4", monotone: !0 }) : d === C.DESC && g === m ? /* @__PURE__ */ i(ze, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ i(Ee, { className: "size-4", monotone: !0 })
886
+ labelRight: r,
887
+ children: c === B.ASC && g === m ? /* @__PURE__ */ l(Ve, { className: "size-4", monotone: !0 }) : c === B.DESC && g === m ? /* @__PURE__ */ l(ze, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Ee, { className: "size-4", monotone: !0 })
879
888
  }
880
889
  )
881
890
  }
@@ -886,7 +895,7 @@ export {
886
895
  We as TableBody,
887
896
  Me as TableCell,
888
897
  De as TableCellSort,
889
- C as TableCellSortDirections,
898
+ B as TableCellSortDirections,
890
899
  je as TableFooter,
891
900
  Pe as TableHead,
892
901
  Fe as TableRow
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.bottom-0{bottom:0}.top-0{top:0}.z-10{z-index:10}.my-0{margin-top:0;margin-bottom:0}.ml-1{margin-left:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-px{width:1px;height:1px}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.max-h-\[75vh\]{max-height:75vh}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-x-auto{overflow-x:auto}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.bg-table-dark-even{--tw-bg-opacity: 1;background-color:var(--av-table-dark-even, rgb(17 24 39 / var(--tw-bg-opacity, 1)))}.bg-table-head-dark{--tw-bg-opacity: 1;background-color:var(--av-table-head-dark, rgb(3 7 18 / var(--tw-bg-opacity, 1)))}.bg-table-head-light{--tw-bg-opacity: 1;background-color:var(--av-table-head-light, rgb(243 244 246 / var(--tw-bg-opacity, 1)))}.bg-table-light-even{--tw-bg-opacity: 1;background-color:var(--av-table-light-even, rgb(209 213 219 / var(--tw-bg-opacity, 1)))}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.opacity-50{opacity:.5}.shadow-\[rgb\(190_190_190_\/20\%\)_0_-0\.5rem_1rem\]{--tw-shadow: rgb(190 190 190 /20%) 0 -.5rem 1rem;--tw-shadow-colored: 0 -.5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgb\(190_190_190_\/20\%\)_0_0\.5rem_1rem\]{--tw-shadow: rgb(190 190 190 /20%) 0 .5rem 1rem;--tw-shadow-colored: 0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgb\(65_65_65_\/30\%\)_-0_0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) -0 .5rem 1rem;--tw-shadow-colored: -0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgb\(65_65_65_\/30\%\)_0_-0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) 0 -.5rem 1rem;--tw-shadow-colored: 0 -.5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgb\(65_65_65_\/30\%\)_0_0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) 0 .5rem 1rem;--tw-shadow-colored: 0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.last\:border-0:last-child{border-width:0px}.odd\:bg-table-dark-odd:nth-child(odd){--tw-bg-opacity: 1;background-color:var(--av-table-dark-odd, rgb(31 41 55 / var(--tw-bg-opacity, 1)))}.odd\:bg-table-light-odd:nth-child(odd){--tw-bg-opacity: 1;background-color:var(--av-table-light-odd, rgb(229 231 235 / var(--tw-bg-opacity, 1)))}.even\:bg-table-dark-even:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--av-table-dark-even, rgb(17 24 39 / var(--tw-bg-opacity, 1)))}.even\:bg-table-light-even:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--av-table-light-even, rgb(209 213 219 / var(--tw-bg-opacity, 1)))}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:size-6{width:1.5rem;height:1.5rem}}@media (min-width: 768px){.md\:size-px{width:1px;height:1px}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.dark\:bg-table-head-dark{--tw-bg-opacity: 1;background-color:var(--av-table-head-dark, rgb(3 7 18 / var(--tw-bg-opacity, 1)))}.dark\:bg-table-head-light{--tw-bg-opacity: 1;background-color:var(--av-table-head-light, rgb(243 244 246 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:shadow-\[rgb\(190_190_190_\/20\%\)_0_-0\.5rem_1rem\]{--tw-shadow: rgb(190 190 190 /20%) 0 -.5rem 1rem;--tw-shadow-colored: 0 -.5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[rgb\(190_190_190_\/20\%\)_0_0\.5rem_1rem\]{--tw-shadow: rgb(190 190 190 /20%) 0 .5rem 1rem;--tw-shadow-colored: 0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[rgb\(65_65_65_\/30\%\)_0_-0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) 0 -.5rem 1rem;--tw-shadow-colored: 0 -.5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[rgb\(65_65_65_\/30\%\)_0_0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) 0 .5rem 1rem;--tw-shadow-colored: 0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:odd\:bg-table-dark-odd:nth-child(odd){--tw-bg-opacity: 1;background-color:var(--av-table-dark-odd, rgb(31 41 55 / var(--tw-bg-opacity, 1)))}.dark\:odd\:bg-table-light-odd:nth-child(odd){--tw-bg-opacity: 1;background-color:var(--av-table-light-odd, rgb(229 231 235 / var(--tw-bg-opacity, 1)))}.dark\:even\:bg-table-dark-even:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--av-table-dark-even, rgb(17 24 39 / var(--tw-bg-opacity, 1)))}.dark\:even\:bg-table-light-even:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--av-table-light-even, rgb(209 213 219 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.bottom-0{bottom:0}.top-0{top:0}.z-10{z-index:10}.my-0{margin-top:0;margin-bottom:0}.ml-1{margin-left:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-px{width:1px;height:1px}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.max-h-\[75vh\]{max-height:75vh}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-x-auto{overflow-x:auto}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.bg-table-dark-even{--tw-bg-opacity: 1;background-color:var(--av-table-dark-even, rgb(17 24 39 / var(--tw-bg-opacity, 1)))}.bg-table-head-dark{--tw-bg-opacity: 1;background-color:var(--av-table-head-dark, rgb(3 7 18 / var(--tw-bg-opacity, 1)))}.bg-table-head-light{--tw-bg-opacity: 1;background-color:var(--av-table-head-light, rgb(243 244 246 / var(--tw-bg-opacity, 1)))}.bg-table-light-even{--tw-bg-opacity: 1;background-color:var(--av-table-light-even, rgb(209 213 219 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.opacity-50{opacity:.5}.shadow-\[rgb\(190_190_190_\/20\%\)_0_-0\.5rem_1rem\]{--tw-shadow: rgb(190 190 190 /20%) 0 -.5rem 1rem;--tw-shadow-colored: 0 -.5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgb\(190_190_190_\/20\%\)_0_0\.5rem_1rem\]{--tw-shadow: rgb(190 190 190 /20%) 0 .5rem 1rem;--tw-shadow-colored: 0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgb\(65_65_65_\/30\%\)_-0_0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) -0 .5rem 1rem;--tw-shadow-colored: -0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgb\(65_65_65_\/30\%\)_0_-0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) 0 -.5rem 1rem;--tw-shadow-colored: 0 -.5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgb\(65_65_65_\/30\%\)_0_0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) 0 .5rem 1rem;--tw-shadow-colored: 0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.last\:border-0:last-child{border-width:0px}.odd\:bg-table-dark-odd:nth-child(odd){--tw-bg-opacity: 1;background-color:var(--av-table-dark-odd, rgb(31 41 55 / var(--tw-bg-opacity, 1)))}.odd\:bg-table-light-odd:nth-child(odd){--tw-bg-opacity: 1;background-color:var(--av-table-light-odd, rgb(229 231 235 / var(--tw-bg-opacity, 1)))}.even\:bg-table-dark-even:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--av-table-dark-even, rgb(17 24 39 / var(--tw-bg-opacity, 1)))}.even\:bg-table-light-even:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--av-table-light-even, rgb(209 213 219 / var(--tw-bg-opacity, 1)))}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:size-6{width:1.5rem;height:1.5rem}}@media (min-width: 768px){.md\:size-px{width:1px;height:1px}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.dark\:bg-table-head-dark{--tw-bg-opacity: 1;background-color:var(--av-table-head-dark, rgb(3 7 18 / var(--tw-bg-opacity, 1)))}.dark\:bg-table-head-light{--tw-bg-opacity: 1;background-color:var(--av-table-head-light, rgb(243 244 246 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:shadow-\[rgb\(190_190_190_\/20\%\)_0_-0\.5rem_1rem\]{--tw-shadow: rgb(190 190 190 /20%) 0 -.5rem 1rem;--tw-shadow-colored: 0 -.5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[rgb\(190_190_190_\/20\%\)_0_0\.5rem_1rem\]{--tw-shadow: rgb(190 190 190 /20%) 0 .5rem 1rem;--tw-shadow-colored: 0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[rgb\(65_65_65_\/30\%\)_0_-0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) 0 -.5rem 1rem;--tw-shadow-colored: 0 -.5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[rgb\(65_65_65_\/30\%\)_0_0\.5rem_1rem\]{--tw-shadow: rgb(65 65 65 /30%) 0 .5rem 1rem;--tw-shadow-colored: 0 .5rem 1rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:odd\:bg-table-dark-odd:nth-child(odd){--tw-bg-opacity: 1;background-color:var(--av-table-dark-odd, rgb(31 41 55 / var(--tw-bg-opacity, 1)))}.dark\:odd\:bg-table-light-odd:nth-child(odd){--tw-bg-opacity: 1;background-color:var(--av-table-light-odd, rgb(229 231 235 / var(--tw-bg-opacity, 1)))}.dark\:even\:bg-table-dark-even:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--av-table-dark-even, rgb(17 24 39 / var(--tw-bg-opacity, 1)))}.dark\:even\:bg-table-light-even:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--av-table-light-even, rgb(209 213 219 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-table",
3
- "version": "3.1.0",
3
+ "version": "3.1.2",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "dependencies": {
45
45
  "@tailwindcss/typography": "0.5.16",
46
- "@versini/ui-button": "4.2.0",
46
+ "@versini/ui-button": "4.2.2",
47
47
  "@versini/ui-icons": "4.6.0",
48
48
  "clsx": "2.1.1",
49
49
  "tailwindcss": "3.4.17"
@@ -51,5 +51,5 @@
51
51
  "sideEffects": [
52
52
  "**/*.css"
53
53
  ],
54
- "gitHead": "95add63a475dc1307dd4ada55909553876a55b73"
54
+ "gitHead": "6b7a9cc0b72a300e97994f35f4bcdbda478ba095"
55
55
  }