@versini/ui-table 3.0.16 → 3.1.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 (3) hide show
  1. package/dist/index.js +394 -291
  2. package/dist/style.css +1 -1
  3. package/package.json +6 -5
package/dist/index.js CHANGED
@@ -1,34 +1,34 @@
1
- import s from "clsx";
2
- import { jsx as i, jsxs as y, Fragment as A } from "react/jsx-runtime";
3
- import T, { useContext as p } from "react";
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";
4
4
  /*!
5
- @versini/ui-table v3.0.16
5
+ @versini/ui-table v3.1.0
6
6
  © 2025 gizmette.com
7
7
  */
8
8
  try {
9
9
  window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
10
- version: "3.0.16",
11
- buildTime: "01/20/2025 03:51 PM EST",
10
+ version: "3.1.0",
11
+ buildTime: "01/25/2025 10:55 PM EST",
12
12
  homepage: "https://github.com/aversini/ui-components",
13
13
  license: "MIT"
14
14
  });
15
15
  } catch {
16
16
  }
17
- const _ = "thead", C = "tfoot", u = "tbody", f = {
17
+ const B = "thead", O = "tfoot", v = "tbody", C = {
18
18
  ASC: "asc",
19
19
  DESC: "desc"
20
- }, W = ({
20
+ }, ie = ({
21
21
  mode: e,
22
22
  className: a,
23
23
  wrapperClassName: t,
24
24
  stickyHeader: r,
25
- stickyFooter: o
25
+ stickyFooter: s
26
26
  }) => ({
27
- wrapper: s(
27
+ wrapper: o(
28
28
  "not-prose relative w-full rounded-lg shadow-md",
29
29
  {
30
- "overflow-x-auto": !r && !o,
31
- "overflow-y-scroll": r || o,
30
+ "overflow-x-auto": !r && !s,
31
+ "overflow-y-scroll": r || 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,23 +40,23 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
40
40
  },
41
41
  t
42
42
  ),
43
- table: s("my-0 w-full text-left text-sm", a, {
43
+ table: o("my-0 w-full text-left text-sm", a, {
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",
47
47
  "text-copy-dark dark:text-copy-light": e === "alt-system"
48
48
  }),
49
- caption: s("py-2 text-sm font-bold", {
49
+ caption: o("py-2 text-sm font-bold", {
50
50
  "text-copy-light": e === "dark",
51
51
  "text-copy-dark": e === "light",
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
- }), D = ({
55
+ }), ne = ({
56
56
  className: e,
57
57
  stickyHeader: a,
58
58
  mode: t
59
- }) => s(
59
+ }) => o(
60
60
  {
61
61
  "sticky top-0 z-10": a,
62
62
  "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": a && t === "dark",
@@ -65,11 +65,11 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
65
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"
66
66
  },
67
67
  e
68
- ), H = ({
68
+ ), le = ({
69
69
  className: e,
70
70
  stickyFooter: a,
71
71
  mode: t
72
- }) => s(
72
+ }) => o(
73
73
  {
74
74
  "sticky bottom-0 z-10": a,
75
75
  "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": a && t === "dark",
@@ -78,11 +78,11 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
78
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"
79
79
  },
80
80
  e
81
- ), $ = ({
81
+ ), ce = ({
82
82
  mode: e,
83
83
  className: a,
84
84
  cellWrapper: t
85
- }) => t === _ || t === C ? s(
85
+ }) => t === B || t === O ? o(
86
86
  {
87
87
  "bg-table-head-dark": e === "dark" || e === "system",
88
88
  "bg-table-head-light": e === "light" || e === "alt-system",
@@ -90,98 +90,98 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
90
90
  "dark:bg-table-head-dark": e === "alt-system"
91
91
  },
92
92
  a
93
- ) : s(
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 === u && e === "dark",
97
+ "odd:bg-table-dark-odd even:bg-table-dark-even": t === v && e === "dark",
98
98
  "border-table-light": e === "light" || e === "alt-system",
99
- "odd:bg-table-light-odd even:bg-table-light-even": t === u && e === "light",
99
+ "odd:bg-table-light-odd even:bg-table-light-even": t === v && 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 === u && 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",
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 === u && 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"
104
104
  },
105
105
  a
106
- ), F = ({
106
+ ), de = ({
107
107
  cellWrapper: e,
108
108
  className: a,
109
109
  compact: t,
110
110
  mode: r,
111
- align: o
111
+ align: s
112
112
  }) => ({
113
- alignClasses: s({
114
- "flex justify-start text-left": o === "left",
115
- "flex justify-center text-center": o === "center",
116
- "flex justify-end text-right": o === "right"
113
+ alignClasses: o({
114
+ "flex justify-start text-left": s === "left",
115
+ "flex justify-center text-center": s === "center",
116
+ "flex justify-end text-right": s === "right"
117
117
  }),
118
- mainClasses: s(
118
+ mainClasses: o(
119
119
  {
120
120
  "text-copy-light": r === "dark" || r === "system",
121
121
  "text-copy-dark": r === "light" || r === "alt-system",
122
122
  "dark:text-copy-dark": r === "system",
123
123
  "dark:text-copy-light": r === "alt-system",
124
- "px-4 py-3": !t && (e === _ || e === C),
125
- "p-4": !t && e === u,
124
+ "px-4 py-3": !t && (e === B || e === O),
125
+ "p-4": !t && e === v,
126
126
  "px-2 py-1.5": t
127
127
  },
128
128
  a
129
129
  )
130
- }), G = ({
130
+ }), ge = ({
131
131
  buttonClassName: e
132
- }) => s("rounded-none text-sm", e), I = "av-button", B = "icon", E = "button", N = "link", Y = ({
132
+ }) => o("rounded-none text-sm", e), D = "av-button", R = "icon", q = "button", A = "link", he = ({
133
133
  type: e,
134
134
  size: a,
135
135
  labelRight: t,
136
136
  labelLeft: r,
137
- align: o
137
+ align: s
138
138
  }) => {
139
- const l = "max-h-8 py-0 px-2", c = "max-h-9 h-8 px-3", d = "max-h-12 py-2 px-4";
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
140
  switch (e) {
141
- case E:
142
- case N:
143
- return s({
144
- [l]: a === "small",
145
- [c]: a === "medium",
146
- [d]: a === "large"
141
+ case q:
142
+ case A:
143
+ return o({
144
+ [n]: a === "small",
145
+ [l]: a === "medium",
146
+ [c]: a === "large"
147
147
  });
148
- case B:
149
- return s("inline-flex items-center", {
150
- "justify-center": o === "center",
151
- "justify-start": o === "left",
152
- "justify-end": o === "right",
153
- "h-6 w-6 p-0": a === "small" && !(t || r),
154
- "h-6 px-2": a === "small" && (t || r),
155
- "h-8 w-8 p-1": a === "medium" && !(t || r),
156
- "h-8 px-3": a === "medium" && (t || r),
157
- "h-12 w-12 p-2": a === "large" && !(t || r),
158
- "h-12 px-4": a === "large" && (t || r)
148
+ case R:
149
+ return o("inline-flex items-center", {
150
+ "justify-center": s === "center",
151
+ "justify-start": s === "left",
152
+ "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)
159
159
  });
160
160
  }
161
- }, q = ({
161
+ }, be = ({
162
162
  type: e,
163
163
  size: a,
164
164
  labelRight: t,
165
165
  labelLeft: r
166
166
  }) => {
167
- const o = "text-sm font-medium", l = "text-base font-medium", c = "text-lg font-medium";
167
+ const s = "text-sm font-medium", n = "text-base font-medium", l = "text-lg font-medium";
168
168
  switch (e) {
169
- case E:
170
- case N:
171
- return s({
172
- "text-center": e === N,
173
- [o]: a === "small",
174
- [l]: a === "medium",
175
- [c]: a === "large"
169
+ case q:
170
+ case A:
171
+ return o({
172
+ "text-center": e === A,
173
+ [s]: a === "small",
174
+ [n]: a === "medium",
175
+ [l]: a === "large"
176
176
  });
177
- case B:
178
- return s({
179
- [o]: a === "small" && (t || r),
180
- [l]: a === "medium" && (t || r),
181
- [c]: a === "large" && (t || r)
177
+ case R:
178
+ return o({
179
+ [s]: a === "small" && (t || r),
180
+ [n]: a === "medium" && (t || r),
181
+ [l]: a === "large" && (t || r)
182
182
  });
183
183
  }
184
- }, J = ({
184
+ }, me = ({
185
185
  mode: e,
186
186
  noBackground: a,
187
187
  noTruncate: t,
@@ -190,7 +190,7 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
190
190
  if (a)
191
191
  return "not-prose";
192
192
  if (r === "primary")
193
- return s("not-prose", {
193
+ return o("not-prose", {
194
194
  truncate: !t,
195
195
  "text-copy-light": e === "dark" || e === "system",
196
196
  "text-copy-lighter": e === "light" || e === "alt-system",
@@ -198,7 +198,7 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
198
198
  "dark:text-copy-light": e === "alt-system"
199
199
  });
200
200
  if (r === "secondary")
201
- return s("not-prose", {
201
+ return o("not-prose", {
202
202
  truncate: !t,
203
203
  "text-copy-light": e === "light" || e === "system",
204
204
  "text-copy-lighter": e === "dark" || e === "alt-system",
@@ -206,7 +206,7 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
206
206
  "dark:text-copy-light": e === "system"
207
207
  });
208
208
  if (r === "danger")
209
- return s("not-prose", {
209
+ return o("not-prose", {
210
210
  truncate: !t,
211
211
  "text-copy-light": e === "dark" || e === "system",
212
212
  "text-copy-lighter": e === "light" || e === "alt-system",
@@ -214,31 +214,31 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
214
214
  "dark:text-copy-light": e === "alt-system"
215
215
  });
216
216
  if (r === "selected")
217
- return s("not-prose text-copy-lighter", {
217
+ return o("not-prose text-copy-lighter", {
218
218
  truncate: !t
219
219
  });
220
- }, K = ({
220
+ }, ue = ({
221
221
  mode: e,
222
222
  noBackground: a,
223
223
  variant: t
224
224
  }) => {
225
225
  if (!a) {
226
226
  if (t === "primary")
227
- return s({
227
+ return o({
228
228
  "bg-action-dark": e === "dark",
229
229
  "bg-action-light": e === "light",
230
230
  "bg-action-dark dark:bg-action-light": e === "system",
231
231
  "bg-action-light dark:bg-action-dark": e === "alt-system"
232
232
  });
233
233
  if (t === "secondary")
234
- return s({
234
+ return o({
235
235
  "bg-action-dark": e === "light",
236
236
  "bg-action-light": e === "dark",
237
237
  "bg-action-dark dark:bg-action-light": e === "alt-system",
238
238
  "bg-action-light dark:bg-action-dark": e === "system"
239
239
  });
240
240
  if (t === "danger")
241
- return s({
241
+ return o({
242
242
  "bg-action-danger-dark": e === "dark",
243
243
  "bg-action-danger-light": e === "light",
244
244
  "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -247,13 +247,13 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
247
247
  if (t === "selected")
248
248
  return "bg-action-selected-dark";
249
249
  }
250
- }, Q = ({
250
+ }, ye = ({
251
251
  radius: e
252
- }) => s({
252
+ }) => o({
253
253
  "rounded-full": e === "large",
254
254
  "rounded-md": e === "medium",
255
255
  "rounded-sm": e === "small"
256
- }), X = ({
256
+ }), ke = ({
257
257
  mode: e,
258
258
  disabled: a,
259
259
  variant: t
@@ -261,21 +261,21 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
261
261
  if (a)
262
262
  return "";
263
263
  if (t === "primary")
264
- return s("hover:text-copy-light-hover", {
264
+ return o("hover:text-copy-light-hover", {
265
265
  "hover:bg-action-dark-hover": e === "dark",
266
266
  "hover:bg-action-light-hover": e === "light",
267
267
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
268
268
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
269
269
  });
270
270
  if (t === "secondary")
271
- return s("hover:text-copy-light-hover", {
271
+ return o("hover:text-copy-light-hover", {
272
272
  "hover:bg-action-dark-hover": e === "light",
273
273
  "hover:bg-action-light-hover": e === "dark",
274
274
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
275
275
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
276
276
  });
277
277
  if (t === "danger")
278
- return s("hover:text-copy-light-hover", {
278
+ return o("hover:text-copy-light-hover", {
279
279
  "hover:bg-action-danger-dark-hover": e === "dark",
280
280
  "hover:bg-action-danger-light-hover": e === "light",
281
281
  "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
@@ -283,7 +283,7 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
283
283
  });
284
284
  if (t === "selected")
285
285
  return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
286
- }, Z = ({
286
+ }, fe = ({
287
287
  mode: e,
288
288
  disabled: a,
289
289
  variant: t
@@ -291,21 +291,21 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
291
291
  if (a)
292
292
  return "";
293
293
  if (t === "primary")
294
- return s("active:text-copy-light-active", {
294
+ return o("active:text-copy-light-active", {
295
295
  "active:bg-action-dark-active": e === "dark",
296
296
  "active:bg-action-light-active": e === "light",
297
297
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
298
298
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
299
299
  });
300
300
  if (t === "secondary")
301
- return s("active:text-copy-light-active", {
301
+ return o("active:text-copy-light-active", {
302
302
  "active:bg-action-dark-active": e === "light",
303
303
  "active:bg-action-light-active": e === "dark",
304
304
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
305
305
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
306
306
  });
307
307
  if (t === "danger")
308
- return s("active:text-copy-lighter-active", {
308
+ return o("active:text-copy-lighter-active", {
309
309
  "active:bg-action-danger-dark-active": e === "dark",
310
310
  "active:bg-action-danger-light-active": e === "light",
311
311
  "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
@@ -313,7 +313,7 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
313
313
  });
314
314
  if (t === "selected")
315
315
  return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
316
- }, ee = ({
316
+ }, ve = ({
317
317
  mode: e,
318
318
  noBorder: a,
319
319
  variant: t
@@ -321,21 +321,21 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
321
321
  if (a)
322
322
  return "border border-transparent";
323
323
  if (t === "primary")
324
- return s("border", {
324
+ return o("border", {
325
325
  "border-border-dark": e === "dark",
326
326
  "border-border-accent": e === "light",
327
327
  "border-border-dark dark:border-border-accent": e === "system",
328
328
  "border-border-accent dark:border-border-dark": e === "alt-system"
329
329
  });
330
330
  if (t === "secondary")
331
- return s("border", {
331
+ return o("border", {
332
332
  "border-border-dark": e === "light",
333
333
  "border-border-accent": e === "dark",
334
334
  "border-border-dark dark:border-border-accent": e === "alt-system",
335
335
  "border-border-accent dark:border-border-dark": e === "system"
336
336
  });
337
337
  if (t === "danger")
338
- return s("border", {
338
+ return o("border", {
339
339
  "border-border-danger-dark": e === "dark",
340
340
  "border-border-danger-medium": e === "light",
341
341
  "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -343,130 +343,238 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
343
343
  });
344
344
  if (t === "selected")
345
345
  return "border border-border-selected-dark";
346
- }, te = ({
346
+ }, pe = ({
347
347
  focusMode: e
348
- }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
348
+ }) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
349
349
  "focus:outline-focus-dark": e === "dark",
350
350
  "focus:outline-focus-light": e === "light",
351
351
  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
352
352
  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
353
- }), ae = ({
353
+ }), _e = ({
354
+ mode: e,
355
+ raw: a,
356
+ iconClassName: t
357
+ }) => a ? "" : o(
358
+ {
359
+ "text-copy-accent-dark": e === "light" || e === "alt-system",
360
+ "text-copy-light": e === "dark" || e === "system",
361
+ "dark:text-copy-light": e === "alt-system",
362
+ "dark:text-copy-accent-dark": e === "system"
363
+ },
364
+ t
365
+ ), xe = ({
366
+ animated: e
367
+ }) => o({
368
+ "transition-opacity duration-300 ease-in": e
369
+ }), we = ({
354
370
  type: e,
355
371
  className: a,
356
372
  raw: t,
357
373
  mode: r,
358
- focusMode: o,
359
- disabled: l,
360
- fullWidth: c,
361
- size: d,
362
- noBorder: n,
374
+ focusMode: s,
375
+ disabled: n,
376
+ fullWidth: l,
377
+ size: c,
378
+ noBorder: d,
363
379
  labelRight: g,
364
- labelLeft: b,
365
- noBackground: m,
380
+ labelLeft: m,
381
+ noBackground: b,
366
382
  variant: h,
367
- noTruncate: v,
368
- align: x,
369
- radius: w
370
- }) => (h || (h = "primary"), t ? s(I, a) : s(
371
- I,
372
- J({
383
+ noTruncate: u,
384
+ align: I,
385
+ radius: S,
386
+ animated: E
387
+ }) => (h || (h = "primary"), t ? o(D, a) : o(
388
+ D,
389
+ me({
373
390
  mode: r,
374
391
  variant: h,
375
- noBackground: m,
376
- noTruncate: v
392
+ noBackground: b,
393
+ noTruncate: u
377
394
  }),
378
- K({ mode: r, noBackground: m, variant: h }),
379
- Q({ radius: w }),
380
- Y({
395
+ ue({ mode: r, noBackground: b, variant: h }),
396
+ ye({ radius: S }),
397
+ he({
381
398
  type: e,
382
- size: d,
399
+ size: c,
383
400
  labelRight: g,
384
- labelLeft: b,
385
- align: x
401
+ labelLeft: m,
402
+ align: I
386
403
  }),
387
- q({ type: e, size: d, labelRight: g, labelLeft: b }),
388
- ee({ mode: r, variant: h, noBorder: n }),
389
- te({ focusMode: o }),
390
- X({ mode: r, variant: h, disabled: l }),
391
- Z({ mode: r, variant: h, disabled: l }),
404
+ be({ type: e, size: c, labelRight: g, labelLeft: m }),
405
+ ve({ mode: r, variant: h, noBorder: d }),
406
+ pe({ focusMode: s }),
407
+ ke({ mode: r, variant: h, disabled: n }),
408
+ fe({ mode: r, variant: h, disabled: n }),
392
409
  {
393
- "w-full": c,
394
- "disabled:cursor-not-allowed disabled:opacity-50": l
410
+ "w-full": l,
411
+ "disabled:cursor-not-allowed disabled:opacity-50": n
395
412
  },
413
+ o({
414
+ "transition-[width] duration-300 ease-in-out": e === R && E
415
+ }),
396
416
  a
397
- )), re = (e, a, t) => {
417
+ )), Ne = (e, a, t) => {
398
418
  var r;
399
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);
400
- }, R = T.forwardRef((e, a) => {
401
- const { onClick: t, noInternalClick: r = !1, ...o } = e;
420
+ }, G = T.forwardRef((e, a) => {
421
+ const { onClick: t, noInternalClick: r = !1, ...s } = e;
402
422
  return /* @__PURE__ */ i(
403
423
  "button",
404
424
  {
405
425
  ref: a,
406
- onClick: (l) => {
407
- re(l, r, t);
426
+ onClick: (n) => {
427
+ Ne(n, r, t);
408
428
  },
409
- ...o
429
+ ...s
410
430
  }
411
431
  );
412
432
  });
413
- R.displayName = "BaseButton";
414
- /*!
415
- @versini/ui-button v4.1.4
416
- © 2025 gizmette.com
417
- */
418
- try {
419
- window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
420
- version: "4.1.4",
421
- buildTime: "01/20/2025 03:51 PM EST",
422
- homepage: "https://github.com/aversini/ui-components",
423
- license: "MIT"
424
- });
425
- } catch {
433
+ G.displayName = "BaseButton";
434
+ function Ce() {
435
+ const e = x(!1);
436
+ return $(() => (e.current = !0, () => {
437
+ e.current = !1;
438
+ }), []), oe(() => e.current, []);
439
+ }
440
+ function Te(e) {
441
+ return H(() => e.every((a) => a == null) ? () => {
442
+ } : (a) => {
443
+ e.forEach((t) => {
444
+ typeof t == "function" ? t(a) : t != null && (t.current = a);
445
+ });
446
+ }, e);
447
+ }
448
+ const Be = {
449
+ x: 0,
450
+ y: 0,
451
+ width: 0,
452
+ height: 0,
453
+ top: 0,
454
+ left: 0,
455
+ bottom: 0,
456
+ right: 0
457
+ };
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);
463
+ }));
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];
426
468
  }
427
- const z = T.forwardRef(
469
+ const Re = {
470
+ small: 24,
471
+ // w-6
472
+ medium: 32,
473
+ // w-8
474
+ large: 48
475
+ // w-12
476
+ }, Ie = {
477
+ small: 8 * 2,
478
+ // px-2 x 2
479
+ medium: 12 * 2,
480
+ // px-3 x 2
481
+ large: 16 * 2
482
+ // px-4 x 2
483
+ }, Se = 2, X = T.forwardRef(
428
484
  ({
429
485
  children: e,
430
486
  disabled: a = !1,
431
487
  mode: t = "system",
432
488
  focusMode: r = "system",
433
- fullWidth: o = !1,
434
- className: l,
435
- type: c = "button",
436
- raw: d = !1,
437
- noBorder: n = !1,
489
+ fullWidth: s = !1,
490
+ className: n,
491
+ type: l = "button",
492
+ raw: c = !1,
493
+ noBorder: d = !1,
438
494
  "aria-label": g,
439
- label: b,
440
- size: m = "medium",
495
+ label: m,
496
+ size: b = "medium",
441
497
  labelRight: h,
442
- labelLeft: v,
443
- noBackground: x = !1,
444
- align: w = "center",
445
- active: V = !1,
446
- radius: M = "large",
447
- ...L
448
- }, U) => {
449
- const O = ae({
450
- type: B,
498
+ 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
+ const ee = we({
508
+ type: R,
451
509
  mode: t,
452
510
  focusMode: r,
453
- fullWidth: o,
511
+ fullWidth: s,
454
512
  disabled: a,
455
- raw: d,
456
- className: l,
457
- noBorder: n,
458
- size: m,
513
+ raw: c,
514
+ className: n,
515
+ noBorder: d,
516
+ size: b,
459
517
  labelRight: h,
460
- labelLeft: v,
461
- noBackground: x,
462
- align: w,
463
- radius: M
464
- }), P = s({
465
- "text-copy-accent-dark": t === "light" && !d,
466
- "text-copy-light": t === "dark" && !d,
467
- "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !d,
468
- "text-copy-light dark:text-copy-accent-dark": t === "system" && !d
469
- }), j = V ? s(
518
+ 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]);
525
+ 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`));
529
+ }, [
530
+ z,
531
+ h,
532
+ y,
533
+ V,
534
+ u,
535
+ k,
536
+ b
537
+ ]), /* @__PURE__ */ p(
538
+ G,
539
+ {
540
+ ref: ae,
541
+ className: ee,
542
+ disabled: a,
543
+ type: l,
544
+ "aria-label": g || m,
545
+ ...K,
546
+ 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 }) })
550
+ ]
551
+ }
552
+ );
553
+ }
554
+ );
555
+ X.displayName = "ButtonIcon";
556
+ /*!
557
+ @versini/ui-button v4.2.0
558
+ © 2025 gizmette.com
559
+ */
560
+ try {
561
+ window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
562
+ version: "4.2.0",
563
+ buildTime: "01/25/2025 10:54 PM EST",
564
+ homepage: "https://github.com/aversini/ui-components",
565
+ license: "MIT"
566
+ });
567
+ } catch {
568
+ }
569
+ const Y = T.forwardRef(
570
+ ({
571
+ children: e,
572
+ mode: a = "system",
573
+ className: t,
574
+ active: r = !1,
575
+ ...s
576
+ }, n) => {
577
+ const l = r ? o(
470
578
  "relative",
471
579
  "focus-within:static",
472
580
  "focus-within:after:border-transparent",
@@ -477,59 +585,54 @@ const z = T.forwardRef(
477
585
  "after:left-0",
478
586
  "after:right-0",
479
587
  {
480
- "after:border-table-dark": t === "dark",
481
- "after:border-table-light": t === "light",
482
- "after:border-table-dark dark:after:border-table-light": t === "system",
483
- "after:border-table-light dark:after:border-table-dark": t === "alt-system"
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"
484
592
  }
485
593
  ) : "";
486
- return /* @__PURE__ */ i("div", { className: j, children: /* @__PURE__ */ y(
487
- R,
594
+ return /* @__PURE__ */ i("div", { className: l, children: /* @__PURE__ */ i(
595
+ X,
488
596
  {
489
- ref: U,
490
- className: O,
491
- disabled: a,
492
- type: c,
493
- "aria-label": g || b,
494
- ...L,
495
- children: [
496
- v && /* @__PURE__ */ i("span", { className: "pr-2", children: v }),
497
- /* @__PURE__ */ i("div", { className: P, children: e }),
498
- h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
499
- ]
597
+ className: o("justify-center", t),
598
+ ref: n,
599
+ mode: a,
600
+ radius: "small",
601
+ ...s,
602
+ children: e
500
603
  }
501
604
  ) });
502
605
  }
503
606
  );
504
- z.displayName = "ButtonSort";
505
- const S = ({
607
+ Y.displayName = "ButtonSort";
608
+ const U = ({
506
609
  children: e,
507
610
  fill: a,
508
611
  viewBox: t,
509
612
  className: r,
510
- defaultViewBox: o,
511
- size: l,
512
- title: c,
513
- semantic: d = !1,
514
- ...n
613
+ defaultViewBox: s,
614
+ size: n,
615
+ title: l,
616
+ semantic: c = !1,
617
+ ...d
515
618
  }) => {
516
- const g = s(l, r);
517
- return /* @__PURE__ */ y(A, { children: [
619
+ const g = o(n, r);
620
+ return /* @__PURE__ */ p(re, { children: [
518
621
  /* @__PURE__ */ i(
519
622
  "svg",
520
623
  {
521
624
  xmlns: "http://www.w3.org/2000/svg",
522
625
  className: g,
523
- viewBox: t || o,
626
+ viewBox: t || s,
524
627
  fill: a || "currentColor",
525
628
  role: "img",
526
- "aria-hidden": !d,
629
+ "aria-hidden": !c,
527
630
  focusable: !1,
528
- ...n,
631
+ ...d,
529
632
  children: e
530
633
  }
531
634
  ),
532
- c && d && /* @__PURE__ */ i("span", { className: "sr-only", children: c })
635
+ l && c && /* @__PURE__ */ i("span", { className: "sr-only", children: l })
533
636
  ] });
534
637
  };
535
638
  /*!
@@ -545,21 +648,21 @@ try {
545
648
  });
546
649
  } catch {
547
650
  }
548
- const oe = ({
651
+ const Ee = ({
549
652
  className: e,
550
653
  viewBox: a,
551
654
  title: t,
552
655
  monotone: r,
553
- ...o
554
- }) => /* @__PURE__ */ y(
555
- S,
656
+ ...s
657
+ }) => /* @__PURE__ */ p(
658
+ U,
556
659
  {
557
660
  defaultViewBox: "0 0 576 512",
558
661
  size: "size-5",
559
662
  viewBox: a,
560
663
  className: e,
561
664
  title: t || "Sort",
562
- ...o,
665
+ ...s,
563
666
  children: [
564
667
  /* @__PURE__ */ i(
565
668
  "path",
@@ -571,21 +674,21 @@ const oe = ({
571
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" })
572
675
  ]
573
676
  }
574
- ), se = ({
677
+ ), ze = ({
575
678
  className: e,
576
679
  viewBox: a,
577
680
  title: t,
578
681
  monotone: r,
579
- ...o
580
- }) => /* @__PURE__ */ y(
581
- S,
682
+ ...s
683
+ }) => /* @__PURE__ */ p(
684
+ U,
582
685
  {
583
686
  defaultViewBox: "0 0 576 512",
584
687
  size: "size-5",
585
688
  viewBox: a,
586
689
  className: e,
587
690
  title: t || "Sort Down",
588
- ...o,
691
+ ...s,
589
692
  children: [
590
693
  /* @__PURE__ */ i(
591
694
  "path",
@@ -597,21 +700,21 @@ const oe = ({
597
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" })
598
701
  ]
599
702
  }
600
- ), ie = ({
703
+ ), Ve = ({
601
704
  className: e,
602
705
  viewBox: a,
603
706
  title: t,
604
707
  monotone: r,
605
- ...o
606
- }) => /* @__PURE__ */ y(
607
- S,
708
+ ...s
709
+ }) => /* @__PURE__ */ p(
710
+ U,
608
711
  {
609
712
  defaultViewBox: "0 0 576 512",
610
713
  size: "size-5",
611
714
  viewBox: a,
612
715
  className: e,
613
716
  title: t || "Sort Up",
614
- ...o,
717
+ ...s,
615
718
  children: [
616
719
  /* @__PURE__ */ i(
617
720
  "path",
@@ -625,166 +728,166 @@ const oe = ({
625
728
  }
626
729
  );
627
730
  /*!
628
- @versini/ui-icons v4.5.2
731
+ @versini/ui-icons v4.6.0
629
732
  © 2025 gizmette.com
630
733
  */
631
734
  try {
632
735
  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
633
- version: "4.5.2",
634
- buildTime: "01/20/2025 01:49 PM EST",
736
+ version: "4.6.0",
737
+ buildTime: "01/20/2025 04:20 PM EST",
635
738
  homepage: "https://github.com/aversini/ui-components",
636
739
  license: "MIT"
637
740
  });
638
741
  } catch {
639
742
  }
640
- const k = T.createContext({
743
+ const _ = T.createContext({
641
744
  mode: "light",
642
745
  cellWrapper: "thead",
643
746
  stickyHeader: !1,
644
747
  stickyFooter: !1,
645
748
  compact: !1
646
- }), ge = ({
749
+ }), Ue = ({
647
750
  children: e,
648
751
  mode: a = "system",
649
752
  caption: t,
650
753
  compact: r,
651
- summary: o,
652
- className: l,
653
- wrapperClassName: c,
654
- maxHeight: d,
655
- stickyHeader: n,
754
+ summary: s,
755
+ className: n,
756
+ wrapperClassName: l,
757
+ maxHeight: c,
758
+ stickyHeader: d,
656
759
  stickyFooter: g,
657
- ...b
760
+ ...m
658
761
  }) => {
659
- const m = W({
762
+ const b = ie({
660
763
  mode: a,
661
- className: l,
662
- wrapperClassName: c,
663
- stickyHeader: n,
764
+ className: n,
765
+ wrapperClassName: l,
766
+ stickyHeader: d,
664
767
  stickyFooter: g
665
768
  });
666
769
  return /* @__PURE__ */ i(
667
- k.Provider,
770
+ _.Provider,
668
771
  {
669
- value: { mode: a, stickyHeader: n, stickyFooter: g, compact: r },
772
+ value: { mode: a, stickyHeader: d, stickyFooter: g, compact: r },
670
773
  children: /* @__PURE__ */ i(
671
774
  "div",
672
775
  {
673
- className: m.wrapper,
674
- ...d && {
675
- style: { maxHeight: d }
776
+ className: b.wrapper,
777
+ ...c && {
778
+ style: { maxHeight: c }
676
779
  },
677
- children: /* @__PURE__ */ y("table", { className: m.table, summary: o, ...b, children: [
678
- t && /* @__PURE__ */ i("caption", { className: m.caption, children: t }),
780
+ children: /* @__PURE__ */ p("table", { className: b.table, summary: s, ...m, children: [
781
+ t && /* @__PURE__ */ i("caption", { className: b.caption, children: t }),
679
782
  e
680
783
  ] })
681
784
  }
682
785
  )
683
786
  }
684
787
  );
685
- }, he = ({
788
+ }, Pe = ({
686
789
  children: e,
687
790
  className: a,
688
791
  ...t
689
792
  }) => {
690
- const r = p(k);
691
- r.cellWrapper = _;
692
- const o = D({
793
+ const r = w(_);
794
+ r.cellWrapper = B;
795
+ const s = ne({
693
796
  className: a,
694
797
  mode: r.mode,
695
798
  stickyHeader: r.stickyHeader
696
799
  });
697
- return /* @__PURE__ */ i("thead", { className: o, ...t, children: e });
698
- }, be = ({
800
+ return /* @__PURE__ */ i("thead", { className: s, ...t, children: e });
801
+ }, je = ({
699
802
  children: e,
700
803
  className: a,
701
804
  ...t
702
805
  }) => {
703
- const r = p(k);
704
- r.cellWrapper = C;
705
- const o = H({
806
+ const r = w(_);
807
+ r.cellWrapper = O;
808
+ const s = le({
706
809
  className: a,
707
810
  mode: r.mode,
708
811
  stickyFooter: r.stickyFooter
709
812
  });
710
- return /* @__PURE__ */ i("tfoot", { className: o, ...t, children: e });
711
- }, me = ({ children: e, ...a }) => {
712
- const t = p(k);
713
- return t.cellWrapper = u, /* @__PURE__ */ i("tbody", { ...a, children: e });
714
- }, ue = ({
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 });
817
+ }, Fe = ({
715
818
  children: e,
716
819
  className: a,
717
820
  ...t
718
821
  }) => {
719
- const r = p(k), o = $({
822
+ const r = w(_), s = ce({
720
823
  mode: r.mode,
721
824
  cellWrapper: r.cellWrapper,
722
825
  className: a
723
826
  });
724
- return /* @__PURE__ */ i("tr", { className: o, ...t, children: e });
725
- }, le = ({
827
+ return /* @__PURE__ */ i("tr", { className: s, ...t, children: e });
828
+ }, Me = ({
726
829
  children: e,
727
830
  component: a,
728
831
  className: t,
729
832
  align: r,
730
- ...o
833
+ ...s
731
834
  }) => {
732
- const l = p(k), c = a || (l.cellWrapper === _ ? "th" : "td"), { mainClasses: d, alignClasses: n } = F({
733
- cellWrapper: l.cellWrapper,
835
+ const n = w(_), l = a || (n.cellWrapper === B ? "th" : "td"), { mainClasses: c, alignClasses: d } = de({
836
+ cellWrapper: n.cellWrapper,
734
837
  className: t,
735
- mode: l.mode,
736
- compact: l.compact,
838
+ mode: n.mode,
839
+ compact: n.compact,
737
840
  align: r
738
841
  });
739
- return r ? /* @__PURE__ */ i(c, { className: d, ...o, children: /* @__PURE__ */ i("div", { className: n, children: e }) }) : /* @__PURE__ */ i(c, { className: d, ...o, children: e });
740
- }, ye = ({
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 });
843
+ }, De = ({
741
844
  align: e,
742
845
  children: a,
743
846
  buttonClassName: t,
744
847
  className: r,
745
- component: o,
746
- focusMode: l = "alt-system",
747
- mode: c = "alt-system",
748
- onClick: d,
749
- sortDirection: n,
848
+ component: s,
849
+ focusMode: n = "alt-system",
850
+ mode: l = "alt-system",
851
+ onClick: c,
852
+ sortDirection: d,
750
853
  sortedCell: g,
751
- cellId: b,
752
- ...m
854
+ cellId: m,
855
+ ...b
753
856
  }) => {
754
- const h = G({ buttonClassName: t });
857
+ const h = ge({ buttonClassName: t });
755
858
  return /* @__PURE__ */ i(
756
- le,
859
+ Me,
757
860
  {
758
- component: o,
861
+ component: s,
759
862
  className: r,
760
863
  role: "columnheader",
761
- "aria-sort": n === f.ASC && g === b ? "ascending" : n === f.DESC && g === b ? "descending" : "other",
762
- ...m,
864
+ "aria-sort": d === C.ASC && g === m ? "ascending" : d === C.DESC && g === m ? "descending" : "other",
865
+ ...b,
763
866
  children: /* @__PURE__ */ i(
764
- z,
867
+ Y,
765
868
  {
766
- active: g === b,
869
+ active: g === m,
767
870
  className: h,
768
- onClick: d,
871
+ onClick: c,
769
872
  align: e,
770
873
  noBorder: !0,
771
- focusMode: l,
772
- mode: c,
874
+ focusMode: n,
875
+ mode: l,
773
876
  fullWidth: !0,
774
877
  labelRight: a,
775
- children: n === f.ASC && g === b ? /* @__PURE__ */ i(ie, { className: "size-4", monotone: !0 }) : n === f.DESC && g === b ? /* @__PURE__ */ i(se, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ i(oe, { className: "size-4", monotone: !0 })
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 })
776
879
  }
777
880
  )
778
881
  }
779
882
  );
780
883
  };
781
884
  export {
782
- ge as Table,
783
- me as TableBody,
784
- le as TableCell,
785
- ye as TableCellSort,
786
- f as TableCellSortDirections,
787
- be as TableFooter,
788
- he as TableHead,
789
- ue as TableRow
885
+ Ue as Table,
886
+ We as TableBody,
887
+ Me as TableCell,
888
+ De as TableCellSort,
889
+ C as TableCellSortDirections,
890
+ je as TableFooter,
891
+ Pe as TableHead,
892
+ Fe as TableRow
790
893
  };
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}}.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\.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)}.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-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.0.16",
3
+ "version": "3.1.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -27,6 +27,7 @@
27
27
  "dev:types": "tsup --watch src",
28
28
  "dev": "npm-run-all clean --parallel dev:js dev:types",
29
29
  "lint": "biome lint src",
30
+ "prettier": "biome check --write --no-errors-on-unmatched",
30
31
  "start": "static-server dist --port 5173",
31
32
  "test:coverage:ui": "vitest --coverage --ui",
32
33
  "test:coverage": "vitest run --coverage",
@@ -38,17 +39,17 @@
38
39
  "react-dom": "^18.3.1 || ^19.0.0"
39
40
  },
40
41
  "devDependencies": {
41
- "@versini/ui-types": "4.4.0"
42
+ "@versini/ui-types": "4.5.0"
42
43
  },
43
44
  "dependencies": {
44
45
  "@tailwindcss/typography": "0.5.16",
45
- "@versini/ui-button": "4.1.4",
46
- "@versini/ui-icons": "4.5.2",
46
+ "@versini/ui-button": "4.2.0",
47
+ "@versini/ui-icons": "4.6.0",
47
48
  "clsx": "2.1.1",
48
49
  "tailwindcss": "3.4.17"
49
50
  },
50
51
  "sideEffects": [
51
52
  "**/*.css"
52
53
  ],
53
- "gitHead": "59b7aa73390692c2df05cd5e6c8b7c74ff14c235"
54
+ "gitHead": "95add63a475dc1307dd4ada55909553876a55b73"
54
55
  }