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