@versini/ui-table 2.0.9 → 3.0.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 (4) hide show
  1. package/dist/index.d.ts +5 -1
  2. package/dist/index.js +369 -335
  3. package/dist/style.css +1 -1
  4. package/package.json +5 -5
package/dist/index.d.ts CHANGED
@@ -59,6 +59,10 @@ type TableCellProps = {
59
59
  * @default "td"
60
60
  */
61
61
  component?: "td" | "th";
62
+ /**
63
+ * Whether to align the cell content to the left, center, or right.
64
+ */
65
+ align?: "left" | "center" | "right";
62
66
  } & React.ThHTMLAttributes<HTMLTableCellElement> &
63
67
  React.TdHTMLAttributes<HTMLTableCellElement>;
64
68
 
@@ -119,7 +123,7 @@ declare const TableHead: ({ children, className, ...otherProps }: TableHeadProps
119
123
  declare const TableFooter: ({ children, className, ...otherProps }: TableHeadProps) => react_jsx_runtime.JSX.Element;
120
124
  declare const TableBody: ({ children, ...otherProps }: TableBodyProps) => react_jsx_runtime.JSX.Element;
121
125
  declare const TableRow: ({ children, className, ...otherProps }: TableRowProps) => react_jsx_runtime.JSX.Element;
122
- declare const TableCell: ({ children, component, className, ...otherProps }: TableCellProps) => react_jsx_runtime.JSX.Element;
126
+ declare const TableCell: ({ children, component, className, align, ...otherProps }: TableCellProps) => react_jsx_runtime.JSX.Element;
123
127
  declare const TableCellSort: ({ align, children, buttonClassName, className, component, focusMode, mode, onClick, sortDirection, sortedCell, cellId, ...otherProps }: TableCellSortProps) => react_jsx_runtime.JSX.Element;
124
128
 
125
129
  export { Table, TableBody, TableCell, TableCellSort, TableCellSortDirections, TableFooter, TableHead, TableRow };
package/dist/index.js CHANGED
@@ -1,351 +1,382 @@
1
- import d from "clsx";
2
- import { jsx as i, jsxs as k, Fragment as P } from "react/jsx-runtime";
3
- import N, { useContext as p } from "react";
1
+ import i from "clsx";
2
+ import { jsx as s, jsxs as y, Fragment as j } from "react/jsx-runtime";
3
+ import T, { useContext as v } from "react";
4
4
  /*!
5
- @versini/ui-table v2.0.9
5
+ @versini/ui-table v3.0.0
6
6
  © 2025 gizmette.com
7
7
  */
8
8
  try {
9
9
  window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
10
- version: "2.0.9",
11
- buildTime: "01/01/2025 07:31 PM EST",
10
+ version: "3.0.0",
11
+ buildTime: "01/03/2025 10:45 AM EST",
12
12
  homepage: "https://github.com/aversini/ui-components",
13
13
  license: "MIT"
14
14
  });
15
15
  } catch {
16
16
  }
17
- const _ = "thead", T = "tfoot", u = "tbody", f = {
17
+ const _ = "thead", B = "tfoot", u = "tbody", f = {
18
18
  ASC: "asc",
19
19
  DESC: "desc"
20
- }, A = ({
20
+ }, W = ({
21
21
  mode: e,
22
- className: r,
22
+ className: a,
23
23
  wrapperClassName: t,
24
- stickyHeader: a,
24
+ stickyHeader: r,
25
25
  stickyFooter: o
26
26
  }) => ({
27
- wrapper: d(
27
+ wrapper: i(
28
28
  "not-prose relative w-full rounded-lg shadow-md",
29
29
  {
30
- "overflow-x-auto": !a && !o,
31
- "overflow-y-scroll": a || o,
32
- "bg-surface-darker text-copy-light": e === "dark",
33
- "bg-surface-light text-copy-dark": e === "light",
34
- "bg-surface-darker text-copy-light dark:bg-surface-light dark:text-copy-dark": e === "system",
35
- "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-light": e === "alt-system"
30
+ "overflow-x-auto": !r && !o,
31
+ "overflow-y-scroll": r || o,
32
+ "bg-surface-darker": e === "dark" || e === "system",
33
+ "bg-surface-light": e === "light" || e === "alt-system",
34
+ "dark:bg-surface-light": e === "system",
35
+ "dark:bg-surface-darker": e === "alt-system",
36
+ "text-copy-light": e === "dark",
37
+ "text-copy-dark": e === "light",
38
+ "text-copy-light dark:text-copy-dark": e === "system",
39
+ "text-copy-dark dark:text-copy-light": e === "alt-system"
36
40
  },
37
41
  t
38
42
  ),
39
- table: d("my-0 w-full text-left text-sm", r, {
43
+ table: i("my-0 w-full text-left text-sm", a, {
40
44
  "text-copy-light": e === "dark",
41
45
  "text-copy-dark": e === "light",
42
46
  "text-copy-light dark:text-copy-dark": e === "system",
43
47
  "text-copy-dark dark:text-copy-light": e === "alt-system"
44
48
  }),
45
- caption: d("py-2 text-sm font-bold", {
49
+ caption: i("py-2 text-sm font-bold", {
46
50
  "text-copy-light": e === "dark",
47
51
  "text-copy-dark": e === "light",
48
52
  "text-copy-light dark:text-copy-dark": e === "system",
49
53
  "text-copy-dark dark:text-copy-light": e === "alt-system"
50
54
  })
51
- }), O = ({
55
+ }), P = ({
52
56
  className: e,
53
- stickyHeader: r,
57
+ stickyHeader: a,
54
58
  mode: t
55
- }) => d(
59
+ }) => i(
56
60
  {
57
- "sticky top-0 z-10": r,
58
- "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "dark",
59
- "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": r && t === "system",
60
- "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": r && t === "light",
61
- "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"
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"
62
66
  },
63
67
  e
64
- ), W = ({
68
+ ), D = ({
65
69
  className: e,
66
- stickyFooter: r,
70
+ stickyFooter: a,
67
71
  mode: t
68
- }) => d(
72
+ }) => i(
69
73
  {
70
- "sticky bottom-0 z-10": r,
71
- "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "dark",
72
- "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "system",
73
- "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "light",
74
- "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"
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"
75
79
  },
76
80
  e
77
- ), j = ({
81
+ ), F = ({
78
82
  mode: e,
79
- className: r,
83
+ className: a,
80
84
  cellWrapper: t
81
- }) => t === _ || t === T ? d(
85
+ }) => t === _ || t === B ? i(
82
86
  {
83
- "bg-table-head-dark": e === "dark",
84
- "bg-table-head-light": e === "light",
85
- "bg-table-head-dark dark:bg-table-head-light": e === "system",
86
- "bg-table-head-light dark:bg-table-head-dark": e === "alt-system"
87
+ "bg-table-head-dark": e === "dark" || e === "system",
88
+ "bg-table-head-light": e === "light" || e === "alt-system",
89
+ "dark:bg-table-head-light": e === "system",
90
+ "dark:bg-table-head-dark": e === "alt-system"
87
91
  },
88
- r
89
- ) : d(
92
+ a
93
+ ) : i(
90
94
  "border-b last:border-0",
91
95
  {
92
- "border-table-dark": e === "dark",
96
+ "border-table-dark": e === "dark" || e === "system",
93
97
  "odd:bg-table-dark-odd even:bg-table-dark-even": t === u && e === "dark",
94
- "border-table-light": e === "light",
98
+ "border-table-light": e === "light" || e === "alt-system",
95
99
  "odd:bg-table-light-odd even:bg-table-light-even": t === u && e === "light",
96
- "border-table-dark dark:border-table-light": e === "system",
100
+ "dark:border-table-light": e === "system",
97
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",
98
- "border-table-light dark:border-table-dark": e === "alt-system",
102
+ "dark:border-table-dark": e === "alt-system",
99
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"
100
104
  },
101
- r
102
- ), D = ({
105
+ a
106
+ ), G = ({
103
107
  cellWrapper: e,
104
- className: r,
108
+ className: a,
105
109
  compact: t,
106
- mode: a
107
- }) => d(
110
+ mode: r,
111
+ align: o
112
+ }) => i(
108
113
  {
109
- "text-copy-light": a === "dark",
110
- "text-copy-dark": a === "light",
111
- "text-copy-light dark:text-copy-dark": a === "system",
112
- "text-copy-dark dark:text-copy-light": a === "alt-system",
113
- "px-4 py-3": !t && (e === _ || e === T),
114
+ "flex justify-start": o === "left",
115
+ "flex justify-center": o === "center",
116
+ "flex justify-end": o === "right",
117
+ "text-copy-light": r === "dark" || r === "system",
118
+ "text-copy-dark": r === "light" || r === "alt-system",
119
+ "dark:text-copy-dark": r === "system",
120
+ "dark:text-copy-light": r === "alt-system",
121
+ "px-4 py-3": !t && (e === _ || e === B),
114
122
  "p-4": !t && e === u,
115
123
  "px-2 py-1.5": t
116
124
  },
117
- r
118
- ), F = ({
125
+ a
126
+ ), Y = ({
119
127
  buttonClassName: e
120
- }) => d("rounded-none text-sm", e), B = "av-button", z = "icon", G = "button", Y = "link", q = ({
128
+ }) => i("rounded-none text-sm", e), I = "av-button", C = "icon", S = "button", N = "link", q = ({
121
129
  type: e,
122
- size: r,
130
+ size: a,
123
131
  labelRight: t,
124
- labelLeft: a,
132
+ labelLeft: r,
125
133
  align: o
126
134
  }) => {
127
- const l = "text-sm font-medium max-h-8 py-0 px-2", s = "text-base font-medium max-h-9 py-1 px-3", c = "text-lg font-medium max-h-12 py-2 px-4";
135
+ const l = "max-h-8 py-0 px-2", d = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
128
136
  switch (e) {
129
- case G:
130
- return d({
131
- [l]: r === "small",
132
- [s]: r === "medium",
133
- [c]: r === "large"
134
- });
135
- case Y:
136
- return d("text-center", {
137
- [l]: r === "small",
138
- [s]: r === "medium",
139
- [c]: r === "large"
137
+ case S:
138
+ case N:
139
+ return i({
140
+ [l]: a === "small",
141
+ [d]: a === "medium",
142
+ [c]: a === "large"
140
143
  });
141
- case z:
142
- return d("inline-flex items-center", {
144
+ case C:
145
+ return i("inline-flex items-center", {
143
146
  "justify-center": o === "center",
144
147
  "justify-start": o === "left",
145
148
  "justify-end": o === "right",
146
- "h-6 w-6 p-0": r === "small" && !(t || a),
147
- "h-6 px-2 text-sm font-medium": r === "small" && (t || a),
148
- "h-8 w-8 p-1": r === "medium" && !(t || a),
149
- "h-8 px-3 text-base font-medium": r === "medium" && (t || a),
150
- "h-12 w-12 p-2": r === "large" && !(t || a),
151
- "h-12 px-4 text-lg font-medium": r === "large" && (t || a)
149
+ "h-6 w-6 p-0": a === "small" && !(t || r),
150
+ "h-6 px-2": a === "small" && (t || r),
151
+ "h-8 w-8 p-1": a === "medium" && !(t || r),
152
+ "h-8 px-3": a === "medium" && (t || r),
153
+ "h-12 w-12 p-2": a === "large" && !(t || r),
154
+ "h-12 px-4": a === "large" && (t || r)
152
155
  });
153
156
  }
154
157
  }, J = ({
158
+ type: e,
159
+ size: a,
160
+ labelRight: t,
161
+ labelLeft: r
162
+ }) => {
163
+ const o = "text-sm font-medium", l = "text-base font-medium", d = "text-lg font-medium";
164
+ switch (e) {
165
+ case S:
166
+ case N:
167
+ return i({
168
+ "text-center": e === N,
169
+ [o]: a === "small",
170
+ [l]: a === "medium",
171
+ [d]: a === "large"
172
+ });
173
+ case C:
174
+ return i({
175
+ [o]: a === "small" && (t || r),
176
+ [l]: a === "medium" && (t || r),
177
+ [d]: a === "large" && (t || r)
178
+ });
179
+ }
180
+ }, K = ({
155
181
  mode: e,
156
- noBackground: r,
182
+ noBackground: a,
157
183
  noTruncate: t,
158
- variant: a,
159
- radius: o
184
+ variant: r
160
185
  }) => {
161
- if (r)
162
- return d("not-prose", {
163
- "rounded-full": o === "large",
164
- "rounded-md": o === "medium",
165
- "rounded-sm": o === "small"
166
- });
167
- if (a === "primary")
168
- return d("not-prose", {
169
- "rounded-full": o === "large",
170
- "rounded-md": o === "medium",
171
- "rounded-sm": o === "small",
186
+ if (a)
187
+ return "not-prose";
188
+ if (r === "primary")
189
+ return i("not-prose", {
172
190
  truncate: !t,
173
- "bg-action-dark text-copy-light": e === "dark",
174
- "bg-action-light text-copy-lighter": e === "light",
175
- "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
176
- "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
191
+ "text-copy-light": e === "dark",
192
+ "text-copy-lighter": e === "light",
193
+ "text-copy-light dark:text-copy-lighter": e === "system",
194
+ "text-copy-lighter dark:text-copy-light": e === "alt-system"
177
195
  });
178
- if (a === "secondary")
179
- return d("not-prose", {
180
- "rounded-full": o === "large",
181
- "rounded-md": o === "medium",
182
- "rounded-sm": o === "small",
196
+ if (r === "secondary")
197
+ return i("not-prose", {
183
198
  truncate: !t,
184
- "bg-action-dark text-copy-light": e === "light",
185
- "bg-action-light text-copy-lighter": e === "dark",
186
- "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
187
- "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
199
+ "text-copy-light": e === "light",
200
+ "text-copy-lighter": e === "dark",
201
+ "text-copy-light dark:text-copy-lighter": e === "alt-system",
202
+ "text-copy-lighter dark:text-copy-light": e === "system"
188
203
  });
189
- if (a === "danger")
190
- return d("not-prose", {
191
- "rounded-full": o === "large",
192
- "rounded-md": o === "medium",
193
- "rounded-sm": o === "small",
204
+ if (r === "danger")
205
+ return i("not-prose", {
194
206
  truncate: !t,
195
- "bg-action-danger-dark text-copy-light": e === "dark",
196
- "bg-action-danger-light text-copy-lighter": e === "light",
197
- "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
198
- "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
207
+ "text-copy-light": e === "dark",
208
+ "text-copy-lighter": e === "light",
209
+ "text-copy-light dark:text-copy-lighter": e === "system",
210
+ "text-copy-lighter dark:text-copy-light": e === "alt-system"
199
211
  });
200
- if (a === "selected")
201
- return d("not-prose", {
202
- "rounded-full": o === "large",
203
- "rounded-md": o === "medium",
204
- "rounded-sm": o === "small",
212
+ if (r === "selected")
213
+ return i("not-prose", {
205
214
  truncate: !t,
206
- "bg-action-selected-dark text-copy-light": e === "dark",
207
- "bg-action-selected-light text-copy-lighter": e === "light",
208
- "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
209
- "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
215
+ "text-copy-light": e === "dark",
216
+ "text-copy-lighter": e === "light",
217
+ "text-copy-light dark:text-copy-lighter": e === "system",
218
+ "text-copy-lighter dark:text-copy-light": e === "alt-system"
210
219
  });
211
- }, K = ({
220
+ }, Q = ({
212
221
  mode: e,
213
- disabled: r,
222
+ noBackground: a,
214
223
  variant: t
215
224
  }) => {
216
- if (r)
225
+ if (!a) {
226
+ if (t === "primary")
227
+ return i({
228
+ "bg-action-dark": e === "dark",
229
+ "bg-action-light": e === "light",
230
+ "bg-action-dark dark:bg-action-light": e === "system",
231
+ "bg-action-light dark:bg-action-dark": e === "alt-system"
232
+ });
233
+ if (t === "secondary")
234
+ return i({
235
+ "bg-action-dark": e === "light",
236
+ "bg-action-light": e === "dark",
237
+ "bg-action-dark dark:bg-action-light": e === "alt-system",
238
+ "bg-action-light dark:bg-action-dark": e === "system"
239
+ });
240
+ if (t === "danger")
241
+ return i({
242
+ "bg-action-danger-dark": e === "dark",
243
+ "bg-action-danger-light": e === "light",
244
+ "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
245
+ "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
246
+ });
247
+ if (t === "selected")
248
+ return "bg-action-selected-dark";
249
+ }
250
+ }, X = ({
251
+ radius: e
252
+ }) => i({
253
+ "rounded-full": e === "large",
254
+ "rounded-md": e === "medium",
255
+ "rounded-sm": e === "small"
256
+ }), Z = ({
257
+ mode: e,
258
+ disabled: a,
259
+ variant: t
260
+ }) => {
261
+ if (a)
217
262
  return "";
218
263
  if (t === "primary")
219
- return d("hover:text-copy-light-hover", {
264
+ return i("hover:text-copy-light-hover", {
220
265
  "hover:bg-action-dark-hover": e === "dark",
221
266
  "hover:bg-action-light-hover": e === "light",
222
267
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
223
268
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
224
269
  });
225
270
  if (t === "secondary")
226
- return d("hover:text-copy-light-hover", {
271
+ return i("hover:text-copy-light-hover", {
227
272
  "hover:bg-action-dark-hover": e === "light",
228
273
  "hover:bg-action-light-hover": e === "dark",
229
274
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
230
275
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
231
276
  });
232
277
  if (t === "danger")
233
- return d("hover:text-copy-light-hover", {
278
+ return i("hover:text-copy-light-hover", {
234
279
  "hover:bg-action-danger-dark-hover": e === "dark",
235
280
  "hover:bg-action-danger-light-hover": e === "light",
236
281
  "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
237
282
  "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
238
283
  });
239
284
  if (t === "selected")
240
- return d("hover:text-copy-light-hover", {
241
- "hover:bg-action-selected-dark-hover": e === "dark",
242
- "hover:bg-action-selected-light-hover": e === "light",
243
- "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
244
- "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
245
- });
246
- }, Q = ({
285
+ return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
286
+ }, $ = ({
247
287
  mode: e,
248
- disabled: r,
288
+ disabled: a,
249
289
  variant: t
250
290
  }) => {
251
- if (r)
291
+ if (a)
252
292
  return "";
253
293
  if (t === "primary")
254
- return d("active:text-copy-light-active", {
294
+ return i("active:text-copy-light-active", {
255
295
  "active:bg-action-dark-active": e === "dark",
256
296
  "active:bg-action-light-active": e === "light",
257
297
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
258
298
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
259
299
  });
260
300
  if (t === "secondary")
261
- return d("active:text-copy-light-active", {
301
+ return i("active:text-copy-light-active", {
262
302
  "active:bg-action-dark-active": e === "light",
263
303
  "active:bg-action-light-active": e === "dark",
264
304
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
265
305
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
266
306
  });
267
307
  if (t === "danger")
268
- return d("active:text-copy-lighter-active", {
308
+ return i("active:text-copy-lighter-active", {
269
309
  "active:bg-action-danger-dark-active": e === "dark",
270
310
  "active:bg-action-danger-light-active": e === "light",
271
311
  "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
272
312
  "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
273
313
  });
274
314
  if (t === "selected")
275
- return d("active:text-copy-lighter-active", {
276
- "active:bg-action-selected-dark-active": e === "dark",
277
- "active:bg-action-selected-light-active": e === "light",
278
- "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
279
- "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
280
- });
281
- }, X = ({
315
+ return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
316
+ }, ee = ({
282
317
  mode: e,
283
- noBorder: r,
318
+ noBorder: a,
284
319
  variant: t
285
320
  }) => {
286
- if (r)
321
+ if (a)
287
322
  return "border border-transparent";
288
323
  if (t === "primary")
289
- return d("border", {
324
+ return i("border", {
290
325
  "border-border-dark": e === "dark",
291
326
  "border-border-accent": e === "light",
292
327
  "border-border-dark dark:border-border-accent": e === "system",
293
328
  "border-border-accent dark:border-border-dark": e === "alt-system"
294
329
  });
295
330
  if (t === "secondary")
296
- return d("border", {
331
+ return i("border", {
297
332
  "border-border-dark": e === "light",
298
333
  "border-border-accent": e === "dark",
299
334
  "border-border-dark dark:border-border-accent": e === "alt-system",
300
335
  "border-border-accent dark:border-border-dark": e === "system"
301
336
  });
302
337
  if (t === "danger")
303
- return d("border", {
338
+ return i("border", {
304
339
  "border-border-danger-dark": e === "dark",
305
340
  "border-border-danger-medium": e === "light",
306
341
  "border-border-danger-dark dark:border-border-danger-medium": e === "system",
307
342
  "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
308
343
  });
309
344
  if (t === "selected")
310
- return d("border", {
311
- "border-border-selected-dark": e === "dark",
312
- "border-border-selected-medium": e === "light",
313
- "border-border-selected-dark dark:border-border-selected-medium": e === "system",
314
- "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
315
- });
316
- }, Z = ({
345
+ return "border border-border-selected-dark";
346
+ }, te = ({
317
347
  focusMode: e
318
- }) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
348
+ }) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
319
349
  "focus:outline-focus-dark": e === "dark",
320
350
  "focus:outline-focus-light": e === "light",
321
351
  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
322
352
  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
323
- }), $ = ({
353
+ }), ae = ({
324
354
  type: e,
325
- className: r,
355
+ className: a,
326
356
  raw: t,
327
- mode: a,
357
+ mode: r,
328
358
  focusMode: o,
329
359
  disabled: l,
330
- fullWidth: s,
360
+ fullWidth: d,
331
361
  size: c,
332
362
  noBorder: g,
333
363
  labelRight: n,
334
364
  labelLeft: b,
335
365
  noBackground: m,
336
366
  variant: h,
337
- noTruncate: y,
367
+ noTruncate: p,
338
368
  align: x,
339
369
  radius: w
340
- }) => (h || (h = "primary"), t ? d(B, r) : d(
341
- B,
342
- J({
343
- mode: a,
370
+ }) => (h || (h = "primary"), t ? i(I, a) : i(
371
+ I,
372
+ K({
373
+ mode: r,
344
374
  variant: h,
345
375
  noBackground: m,
346
- noTruncate: y,
347
- radius: w
376
+ noTruncate: p
348
377
  }),
378
+ Q({ mode: r, noBackground: m, variant: h }),
379
+ X({ radius: w }),
349
380
  q({
350
381
  type: e,
351
382
  size: c,
@@ -353,88 +384,89 @@ const _ = "thead", T = "tfoot", u = "tbody", f = {
353
384
  labelLeft: b,
354
385
  align: x
355
386
  }),
356
- X({ mode: a, variant: h, noBorder: g }),
357
- Z({ focusMode: o }),
358
- K({ mode: a, variant: h, disabled: l }),
359
- Q({ mode: a, variant: h, disabled: l }),
387
+ J({ type: e, size: c, labelRight: n, labelLeft: b }),
388
+ ee({ mode: r, variant: h, noBorder: g }),
389
+ te({ focusMode: o }),
390
+ Z({ mode: r, variant: h, disabled: l }),
391
+ $({ mode: r, variant: h, disabled: l }),
360
392
  {
361
- "w-full": s,
393
+ "w-full": d,
362
394
  "disabled:cursor-not-allowed disabled:opacity-50": l
363
395
  },
364
- r
365
- )), ee = (e, r, t) => {
366
- var a;
367
- !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);
368
- }, I = N.forwardRef((e, r) => {
369
- const { onClick: t, noInternalClick: a = !1, ...o } = e;
370
- return /* @__PURE__ */ i(
396
+ a
397
+ )), re = (e, a, t) => {
398
+ var r;
399
+ !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
+ }, E = T.forwardRef((e, a) => {
401
+ const { onClick: t, noInternalClick: r = !1, ...o } = e;
402
+ return /* @__PURE__ */ s(
371
403
  "button",
372
404
  {
373
- ref: r,
405
+ ref: a,
374
406
  onClick: (l) => {
375
- ee(l, a, t);
407
+ re(l, r, t);
376
408
  },
377
409
  ...o
378
410
  }
379
411
  );
380
412
  });
381
- I.displayName = "BaseButton";
413
+ E.displayName = "BaseButton";
382
414
  /*!
383
- @versini/ui-button v3.2.1
415
+ @versini/ui-button v4.0.0
384
416
  © 2025 gizmette.com
385
417
  */
386
418
  try {
387
419
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
388
- version: "3.2.1",
389
- buildTime: "01/01/2025 07:31 PM EST",
420
+ version: "4.0.0",
421
+ buildTime: "01/03/2025 10:45 AM EST",
390
422
  homepage: "https://github.com/aversini/ui-components",
391
423
  license: "MIT"
392
424
  });
393
425
  } catch {
394
426
  }
395
- const S = N.forwardRef(
427
+ const R = T.forwardRef(
396
428
  ({
397
429
  children: e,
398
- disabled: r = !1,
430
+ disabled: a = !1,
399
431
  mode: t = "system",
400
- focusMode: a = "system",
432
+ focusMode: r = "system",
401
433
  fullWidth: o = !1,
402
434
  className: l,
403
- type: s = "button",
435
+ type: d = "button",
404
436
  raw: c = !1,
405
437
  noBorder: g = !1,
406
438
  "aria-label": n,
407
439
  label: b,
408
440
  size: m = "medium",
409
441
  labelRight: h,
410
- labelLeft: y,
442
+ labelLeft: p,
411
443
  noBackground: x = !1,
412
444
  align: w = "center",
413
- active: E = !1,
414
- radius: R = "large",
415
- ...V
416
- }, L) => {
417
- const M = $({
418
- type: z,
445
+ active: V = !1,
446
+ radius: L = "large",
447
+ ...M
448
+ }, A) => {
449
+ const H = ae({
450
+ type: C,
419
451
  mode: t,
420
- focusMode: a,
452
+ focusMode: r,
421
453
  fullWidth: o,
422
- disabled: r,
454
+ disabled: a,
423
455
  raw: c,
424
456
  className: l,
425
457
  noBorder: g,
426
458
  size: m,
427
459
  labelRight: h,
428
- labelLeft: y,
460
+ labelLeft: p,
429
461
  noBackground: x,
430
462
  align: w,
431
- radius: R
432
- }), H = d({
463
+ radius: L
464
+ }), U = i({
433
465
  "text-copy-accent-dark": t === "light" && !c,
434
466
  "text-copy-light": t === "dark" && !c,
435
467
  "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !c,
436
468
  "text-copy-light dark:text-copy-accent-dark": t === "system" && !c
437
- }), U = E ? d(
469
+ }), O = V ? i(
438
470
  "relative",
439
471
  "focus-within:static",
440
472
  "focus-within:after:border-transparent",
@@ -451,45 +483,45 @@ const S = N.forwardRef(
451
483
  "after:border-table-light dark:after:border-table-dark": t === "alt-system"
452
484
  }
453
485
  ) : "";
454
- return /* @__PURE__ */ i("div", { className: U, children: /* @__PURE__ */ k(
455
- I,
486
+ return /* @__PURE__ */ s("div", { className: O, children: /* @__PURE__ */ y(
487
+ E,
456
488
  {
457
- ref: L,
458
- className: M,
459
- disabled: r,
460
- type: s,
489
+ ref: A,
490
+ className: H,
491
+ disabled: a,
492
+ type: d,
461
493
  "aria-label": n || b,
462
- ...V,
494
+ ...M,
463
495
  children: [
464
- y && /* @__PURE__ */ i("span", { className: "pr-2", children: y }),
465
- /* @__PURE__ */ i("div", { className: H, children: e }),
466
- h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
496
+ p && /* @__PURE__ */ s("span", { className: "pr-2", children: p }),
497
+ /* @__PURE__ */ s("div", { className: U, children: e }),
498
+ h && /* @__PURE__ */ s("span", { className: "pl-2", children: h })
467
499
  ]
468
500
  }
469
501
  ) });
470
502
  }
471
503
  );
472
- S.displayName = "ButtonSort";
473
- const C = ({
504
+ R.displayName = "ButtonSort";
505
+ const z = ({
474
506
  children: e,
475
- fill: r,
507
+ fill: a,
476
508
  viewBox: t,
477
- className: a,
509
+ className: r,
478
510
  defaultViewBox: o,
479
511
  size: l,
480
- title: s,
512
+ title: d,
481
513
  semantic: c = !1,
482
514
  ...g
483
515
  }) => {
484
- const n = d(l, a);
485
- return /* @__PURE__ */ k(P, { children: [
486
- /* @__PURE__ */ i(
516
+ const n = i(l, r);
517
+ return /* @__PURE__ */ y(j, { children: [
518
+ /* @__PURE__ */ s(
487
519
  "svg",
488
520
  {
489
521
  xmlns: "http://www.w3.org/2000/svg",
490
522
  className: n,
491
523
  viewBox: t || o,
492
- fill: r || "currentColor",
524
+ fill: a || "currentColor",
493
525
  role: "img",
494
526
  "aria-hidden": !c,
495
527
  focusable: !1,
@@ -497,237 +529,239 @@ const C = ({
497
529
  children: e
498
530
  }
499
531
  ),
500
- s && c && /* @__PURE__ */ i("span", { className: "sr-only", children: s })
532
+ d && c && /* @__PURE__ */ s("span", { className: "sr-only", children: d })
501
533
  ] });
502
534
  };
503
535
  /*!
504
- @versini/ui-svgicon v3.0.2
536
+ @versini/ui-svgicon v4.0.0
505
537
  © 2025 gizmette.com
506
538
  */
507
539
  try {
508
540
  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
509
- version: "3.0.2",
510
- buildTime: "01/01/2025 07:31 PM EST",
541
+ version: "4.0.0",
542
+ buildTime: "01/03/2025 10:45 AM EST",
511
543
  homepage: "https://github.com/aversini/ui-components",
512
544
  license: "MIT"
513
545
  });
514
546
  } catch {
515
547
  }
516
- const te = ({
548
+ const oe = ({
517
549
  className: e,
518
- viewBox: r,
550
+ viewBox: a,
519
551
  title: t,
520
- monotone: a,
552
+ monotone: r,
521
553
  ...o
522
- }) => /* @__PURE__ */ k(
523
- C,
554
+ }) => /* @__PURE__ */ y(
555
+ z,
524
556
  {
525
557
  defaultViewBox: "0 0 576 512",
526
558
  size: "size-5",
527
- viewBox: r,
559
+ viewBox: a,
528
560
  className: e,
529
561
  title: t || "Sort",
530
562
  ...o,
531
563
  children: [
532
- /* @__PURE__ */ i(
564
+ /* @__PURE__ */ s(
533
565
  "path",
534
566
  {
535
- opacity: a ? "1" : "0.4",
567
+ opacity: r ? "1" : "0.4",
536
568
  d: "M393.4 41.4c12.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 0L448 141.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V141.3l-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96z"
537
569
  }
538
570
  ),
539
- /* @__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 32V370.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
571
+ /* @__PURE__ */ s("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 32V370.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
540
572
  ]
541
573
  }
542
- ), re = ({
574
+ ), ie = ({
543
575
  className: e,
544
- viewBox: r,
576
+ viewBox: a,
545
577
  title: t,
546
- monotone: a,
578
+ monotone: r,
547
579
  ...o
548
- }) => /* @__PURE__ */ k(
549
- C,
580
+ }) => /* @__PURE__ */ y(
581
+ z,
550
582
  {
551
583
  defaultViewBox: "0 0 576 512",
552
584
  size: "size-5",
553
- viewBox: r,
585
+ viewBox: a,
554
586
  className: e,
555
587
  title: t || "Sort Down",
556
588
  ...o,
557
589
  children: [
558
- /* @__PURE__ */ i(
590
+ /* @__PURE__ */ s(
559
591
  "path",
560
592
  {
561
- opacity: a ? "1" : "0.4",
593
+ opacity: r ? "1" : "0.4",
562
594
  d: "M288 448c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32z"
563
595
  }
564
596
  ),
565
- /* @__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-32s-32 14.3-32 32V365.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z" })
597
+ /* @__PURE__ */ s("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-32s-32 14.3-32 32V365.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z" })
566
598
  ]
567
599
  }
568
- ), ae = ({
600
+ ), se = ({
569
601
  className: e,
570
- viewBox: r,
602
+ viewBox: a,
571
603
  title: t,
572
- monotone: a,
604
+ monotone: r,
573
605
  ...o
574
- }) => /* @__PURE__ */ k(
575
- C,
606
+ }) => /* @__PURE__ */ y(
607
+ z,
576
608
  {
577
609
  defaultViewBox: "0 0 576 512",
578
610
  size: "size-5",
579
- viewBox: r,
611
+ viewBox: a,
580
612
  className: e,
581
613
  title: t || "Sort Up",
582
614
  ...o,
583
615
  children: [
584
- /* @__PURE__ */ i(
616
+ /* @__PURE__ */ s(
585
617
  "path",
586
618
  {
587
- opacity: a ? "1" : "0.4",
619
+ opacity: r ? "1" : "0.4",
588
620
  d: "M288 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32z"
589
621
  }
590
622
  ),
591
- /* @__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.3L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z" })
623
+ /* @__PURE__ */ s("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.3L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z" })
592
624
  ]
593
625
  }
594
626
  );
595
627
  /*!
596
- @versini/ui-icons v3.1.0
628
+ @versini/ui-icons v4.0.0
597
629
  © 2025 gizmette.com
598
630
  */
599
631
  try {
600
632
  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
601
- version: "3.1.0",
602
- buildTime: "01/01/2025 07:31 PM EST",
633
+ version: "4.0.0",
634
+ buildTime: "01/03/2025 10:45 AM EST",
603
635
  homepage: "https://github.com/aversini/ui-components",
604
636
  license: "MIT"
605
637
  });
606
638
  } catch {
607
639
  }
608
- const v = N.createContext({
640
+ const k = T.createContext({
609
641
  mode: "light",
610
642
  cellWrapper: "thead",
611
643
  stickyHeader: !1,
612
644
  stickyFooter: !1,
613
645
  compact: !1
614
- }), ce = ({
646
+ }), ge = ({
615
647
  children: e,
616
- mode: r = "system",
648
+ mode: a = "system",
617
649
  caption: t,
618
- compact: a,
650
+ compact: r,
619
651
  summary: o,
620
652
  className: l,
621
- wrapperClassName: s,
653
+ wrapperClassName: d,
622
654
  maxHeight: c,
623
655
  stickyHeader: g,
624
656
  stickyFooter: n,
625
657
  ...b
626
658
  }) => {
627
- const m = A({
628
- mode: r,
659
+ const m = W({
660
+ mode: a,
629
661
  className: l,
630
- wrapperClassName: s,
662
+ wrapperClassName: d,
631
663
  stickyHeader: g,
632
664
  stickyFooter: n
633
665
  });
634
- return /* @__PURE__ */ i(
635
- v.Provider,
666
+ return /* @__PURE__ */ s(
667
+ k.Provider,
636
668
  {
637
- value: { mode: r, stickyHeader: g, stickyFooter: n, compact: a },
638
- children: /* @__PURE__ */ i(
669
+ value: { mode: a, stickyHeader: g, stickyFooter: n, compact: r },
670
+ children: /* @__PURE__ */ s(
639
671
  "div",
640
672
  {
641
673
  className: m.wrapper,
642
674
  ...c && {
643
675
  style: { maxHeight: c }
644
676
  },
645
- children: /* @__PURE__ */ k("table", { className: m.table, summary: o, ...b, children: [
646
- t && /* @__PURE__ */ i("caption", { className: m.caption, children: t }),
677
+ children: /* @__PURE__ */ y("table", { className: m.table, summary: o, ...b, children: [
678
+ t && /* @__PURE__ */ s("caption", { className: m.caption, children: t }),
647
679
  e
648
680
  ] })
649
681
  }
650
682
  )
651
683
  }
652
684
  );
653
- }, se = ({
685
+ }, he = ({
654
686
  children: e,
655
- className: r,
687
+ className: a,
656
688
  ...t
657
689
  }) => {
658
- const a = p(v);
659
- a.cellWrapper = _;
660
- const o = O({
661
- className: r,
662
- mode: a.mode,
663
- stickyHeader: a.stickyHeader
690
+ const r = v(k);
691
+ r.cellWrapper = _;
692
+ const o = P({
693
+ className: a,
694
+ mode: r.mode,
695
+ stickyHeader: r.stickyHeader
664
696
  });
665
- return /* @__PURE__ */ i("thead", { className: o, ...t, children: e });
666
- }, ne = ({
697
+ return /* @__PURE__ */ s("thead", { className: o, ...t, children: e });
698
+ }, be = ({
667
699
  children: e,
668
- className: r,
700
+ className: a,
669
701
  ...t
670
702
  }) => {
671
- const a = p(v);
672
- a.cellWrapper = T;
673
- const o = W({
674
- className: r,
675
- mode: a.mode,
676
- stickyFooter: a.stickyFooter
703
+ const r = v(k);
704
+ r.cellWrapper = B;
705
+ const o = D({
706
+ className: a,
707
+ mode: r.mode,
708
+ stickyFooter: r.stickyFooter
677
709
  });
678
- return /* @__PURE__ */ i("tfoot", { className: o, ...t, children: e });
679
- }, ge = ({ children: e, ...r }) => {
680
- const t = p(v);
681
- return t.cellWrapper = u, /* @__PURE__ */ i("tbody", { ...r, children: e });
682
- }, he = ({
710
+ return /* @__PURE__ */ s("tfoot", { className: o, ...t, children: e });
711
+ }, me = ({ children: e, ...a }) => {
712
+ const t = v(k);
713
+ return t.cellWrapper = u, /* @__PURE__ */ s("tbody", { ...a, children: e });
714
+ }, ue = ({
683
715
  children: e,
684
- className: r,
716
+ className: a,
685
717
  ...t
686
718
  }) => {
687
- const a = p(v), o = j({
688
- mode: a.mode,
689
- cellWrapper: a.cellWrapper,
690
- className: r
719
+ const r = v(k), o = F({
720
+ mode: r.mode,
721
+ cellWrapper: r.cellWrapper,
722
+ className: a
691
723
  });
692
- return /* @__PURE__ */ i("tr", { className: o, ...t, children: e });
693
- }, oe = ({
724
+ return /* @__PURE__ */ s("tr", { className: o, ...t, children: e });
725
+ }, le = ({
694
726
  children: e,
695
- component: r,
727
+ component: a,
696
728
  className: t,
697
- ...a
729
+ align: r,
730
+ ...o
698
731
  }) => {
699
- const o = p(v), l = r || (o.cellWrapper === _ ? "th" : "td"), s = D({
700
- cellWrapper: o.cellWrapper,
732
+ const l = v(k), d = a || (l.cellWrapper === _ ? "th" : "td"), c = G({
733
+ cellWrapper: l.cellWrapper,
701
734
  className: t,
702
- mode: o.mode,
703
- compact: o.compact
735
+ mode: l.mode,
736
+ compact: l.compact,
737
+ align: r
704
738
  });
705
- return /* @__PURE__ */ i(l, { className: s, ...a, children: e });
706
- }, be = ({
739
+ return /* @__PURE__ */ s(d, { className: c, ...o, children: e });
740
+ }, ye = ({
707
741
  align: e,
708
- children: r,
742
+ children: a,
709
743
  buttonClassName: t,
710
- className: a,
744
+ className: r,
711
745
  component: o,
712
746
  focusMode: l = "alt-system",
713
- mode: s = "alt-system",
747
+ mode: d = "alt-system",
714
748
  onClick: c,
715
749
  sortDirection: g,
716
750
  sortedCell: n,
717
751
  cellId: b,
718
752
  ...m
719
753
  }) => {
720
- const h = F({ buttonClassName: t });
721
- return /* @__PURE__ */ i(
722
- oe,
754
+ const h = Y({ buttonClassName: t });
755
+ return /* @__PURE__ */ s(
756
+ le,
723
757
  {
724
758
  component: o,
725
- className: a,
759
+ className: r,
726
760
  role: "columnheader",
727
761
  "aria-sort": g === f.ASC && n === b ? "ascending" : g === f.DESC && n === b ? "descending" : "other",
728
762
  ...m,
729
- children: /* @__PURE__ */ i(
730
- S,
763
+ children: /* @__PURE__ */ s(
764
+ R,
731
765
  {
732
766
  active: n === b,
733
767
  className: h,
@@ -735,22 +769,22 @@ const v = N.createContext({
735
769
  align: e,
736
770
  noBorder: !0,
737
771
  focusMode: l,
738
- mode: s,
772
+ mode: d,
739
773
  fullWidth: !0,
740
- labelRight: r,
741
- children: g === f.ASC && n === b ? /* @__PURE__ */ i(ae, { className: "size-4", monotone: !0 }) : g === f.DESC && n === b ? /* @__PURE__ */ i(re, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ i(te, { className: "size-4", monotone: !0 })
774
+ labelRight: a,
775
+ children: g === f.ASC && n === b ? /* @__PURE__ */ s(se, { className: "size-4", monotone: !0 }) : g === f.DESC && n === b ? /* @__PURE__ */ s(ie, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ s(oe, { className: "size-4", monotone: !0 })
742
776
  }
743
777
  )
744
778
  }
745
779
  );
746
780
  };
747
781
  export {
748
- ce as Table,
749
- ge as TableBody,
750
- oe as TableCell,
751
- be as TableCellSort,
782
+ ge as Table,
783
+ me as TableBody,
784
+ le as TableCell,
785
+ ye as TableCellSort,
752
786
  f as TableCellSortDirections,
753
- ne as TableFooter,
754
- se as TableHead,
755
- he as TableRow
787
+ be as TableFooter,
788
+ he as TableHead,
789
+ ue as TableRow
756
790
  };
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}.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}.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}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-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(20 83 45 / var(--tw-border-opacity, 1)))}.border-border-selected-medium{--tw-border-opacity: 1;border-color:var(--av-border-selected-medium, rgb(74 222 128 / 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(20 83 45 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, 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-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(21 128 61 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / 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(22 163 74 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / 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 (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-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(20 83 45 / var(--tw-border-opacity, 1)))}.dark\:border-border-selected-medium{--tw-border-opacity: 1;border-color:var(--av-border-selected-medium, rgb(74 222 128 / 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-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(20 83 45 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-selected-light{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light, rgb(22 163 74 / 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\:hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-selected-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / 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)))}.dark\:active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-selected-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / 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}}.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}.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}.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}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-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-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 (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": "2.0.9",
3
+ "version": "3.0.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -39,14 +39,14 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@tailwindcss/typography": "0.5.15",
42
- "@versini/ui-button": "3.2.1",
43
- "@versini/ui-icons": "3.1.0",
44
- "@versini/ui-types": "3.0.2",
42
+ "@versini/ui-button": "4.0.0",
43
+ "@versini/ui-icons": "4.0.0",
44
+ "@versini/ui-types": "4.0.0",
45
45
  "clsx": "2.1.1",
46
46
  "tailwindcss": "3.4.17"
47
47
  },
48
48
  "sideEffects": [
49
49
  "**/*.css"
50
50
  ],
51
- "gitHead": "d052f6a22a228e03504ab6eef71c817bd53dd656"
51
+ "gitHead": "406bf426c5b3186ef7197e0b51d83ec0de689cde"
52
52
  }