@versini/ui-button 1.6.0 → 1.7.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 (8) hide show
  1. package/dist/chunks/{utilities.E-2pjQyx.js → utilities.3-gVSv1A.js} +149 -94
  2. package/dist/components/Button/Button.js +20 -18
  3. package/dist/components/Button/ButtonIcon.js +25 -23
  4. package/dist/components/Button/ButtonLink.js +18 -16
  5. package/dist/index.d.ts +6 -2
  6. package/dist/index.js +32 -30
  7. package/dist/style.css +1 -1
  8. package/package.json +5 -5
package/dist/chunks/{utilities.E-2pjQyx.js → utilities.3-gVSv1A.js} RENAMED
@@ -1,218 +1,273 @@
1
1
  import a from "clsx";
2
- const s = "av-button";
2
+ const l = "av-button";
3
3
  /*!
4
- @versini/ui-spacing v1.1.0
4
+ @versini/ui-spacing v1.1.1
5
5
  © 2024 gizmette.com
6
6
  */
7
7
  try {
8
8
  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
9
- version: "1.1.0",
10
- buildTime: "12/26/2024 06:05 PM EST",
9
+ version: "1.1.1",
10
+ buildTime: "12/28/2024 05:53 PM EST",
11
11
  homepage: "https://github.com/aversini/ui-components",
12
12
  license: "MIT"
13
13
  });
14
14
  } catch {
15
15
  }
16
- const p = (t) => {
17
- let e = "";
16
+ const m = (t) => {
17
+ let r = "";
18
18
  if (typeof t == "number" || typeof t == "string")
19
- e = "m-" + t;
19
+ r = "m-" + t;
20
20
  else {
21
- const r = [];
22
- (t == null ? void 0 : t.t) !== void 0 && r.push(`mt-${t.t}`), (t == null ? void 0 : t.r) !== void 0 && r.push(`mr-${t.r}`), (t == null ? void 0 : t.b) !== void 0 && r.push(`mb-${t.b}`), (t == null ? void 0 : t.l) !== void 0 && r.push(`ml-${t.l}`), e = r.join(" ");
21
+ const e = [];
22
+ (t == null ? void 0 : t.t) !== void 0 && e.push(`mt-${t.t}`), (t == null ? void 0 : t.r) !== void 0 && e.push(`mr-${t.r}`), (t == null ? void 0 : t.b) !== void 0 && e.push(`mb-${t.b}`), (t == null ? void 0 : t.l) !== void 0 && e.push(`ml-${t.l}`), r = e.join(" ");
23
23
  }
24
- return e;
25
- }, f = "icon", x = "button", m = "link", _ = ({
24
+ return r;
25
+ }, f = "icon", x = "button", _ = "link", C = ({
26
26
  type: t,
27
- size: e,
28
- labelRight: r,
29
- labelLeft: i,
30
- align: n
27
+ size: r,
28
+ labelRight: e,
29
+ labelLeft: o,
30
+ align: i
31
31
  }) => {
32
- const o = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
32
+ const c = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", n = "text-lg font-medium max-h-12 py-2";
33
33
  switch (t) {
34
34
  case x:
35
35
  return a("px-4", {
36
- [o]: e === "small",
37
- [g]: e === "medium",
38
- [d]: e === "large"
36
+ [c]: r === "small",
37
+ [g]: r === "medium",
38
+ [n]: r === "large"
39
39
  });
40
- case m:
40
+ case _:
41
41
  return a("px-4 text-center", {
42
- [o]: e === "small",
43
- [g]: e === "medium",
44
- [d]: e === "large"
42
+ [c]: r === "small",
43
+ [g]: r === "medium",
44
+ [n]: r === "large"
45
45
  });
46
46
  case f:
47
47
  return a("inline-flex items-center", {
48
- "justify-center": n === "center",
49
- "justify-start": n === "left",
50
- "justify-end": n === "right",
51
- "h-6 w-6 p-0": e === "small" && !(r || i),
52
- "h-6 px-4 text-sm font-medium": e === "small" && (r || i),
53
- "h-8 w-8 p-1": e === "medium" && !(r || i),
54
- "h-8 px-4 text-base font-medium": e === "medium" && (r || i),
55
- "h-12 w-12 p-2": e === "large" && !(r || i),
56
- "h-12 px-4 text-lg font-medium": e === "large" && (r || i)
48
+ "justify-center": i === "center",
49
+ "justify-start": i === "left",
50
+ "justify-end": i === "right",
51
+ "h-6 w-6 p-0": r === "small" && !(e || o),
52
+ "h-6 px-4 text-sm font-medium": r === "small" && (e || o),
53
+ "h-8 w-8 p-1": r === "medium" && !(e || o),
54
+ "h-8 px-4 text-base font-medium": r === "medium" && (e || o),
55
+ "h-12 w-12 p-2": r === "large" && !(e || o),
56
+ "h-12 px-4 text-lg font-medium": r === "large" && (e || o)
57
57
  });
58
58
  }
59
- }, C = ({
59
+ }, B = ({
60
60
  mode: t,
61
- noBackground: e,
62
- noTruncate: r,
63
- variant: i
61
+ noBackground: r,
62
+ noTruncate: e,
63
+ variant: o,
64
+ radius: i
64
65
  }) => {
65
- if (e)
66
- return "not-prose rounded-full";
67
- if (i === "primary")
68
- return a("not-prose rounded-full", {
69
- truncate: !r,
66
+ if (r)
67
+ return a("not-prose", {
68
+ "rounded-full": i === "large",
69
+ "rounded-md": i === "medium",
70
+ "rounded-sm": i === "small"
71
+ });
72
+ if (o === "primary")
73
+ return a("not-prose", {
74
+ "rounded-full": i === "large",
75
+ "rounded-md": i === "medium",
76
+ "rounded-sm": i === "small",
77
+ truncate: !e,
70
78
  "bg-action-dark text-copy-light": t === "dark",
71
79
  "bg-action-light text-copy-lighter": t === "light",
72
80
  "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": t === "system",
73
81
  "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": t === "alt-system"
74
82
  });
75
- if (i === "secondary")
76
- return a("not-prose rounded-full", {
77
- truncate: !r,
83
+ if (o === "secondary")
84
+ return a("not-prose", {
85
+ "rounded-full": i === "large",
86
+ "rounded-md": i === "medium",
87
+ "rounded-sm": i === "small",
88
+ truncate: !e,
78
89
  "bg-action-dark text-copy-light": t === "light",
79
90
  "bg-action-light text-copy-lighter": t === "dark",
80
91
  "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": t === "alt-system",
81
92
  "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": t === "system"
82
93
  });
83
- if (i === "danger")
84
- return a("not-prose rounded-full", {
85
- truncate: !r,
94
+ if (o === "danger")
95
+ return a("not-prose", {
96
+ "rounded-full": i === "large",
97
+ "rounded-md": i === "medium",
98
+ "rounded-sm": i === "small",
99
+ truncate: !e,
86
100
  "bg-action-danger-dark text-copy-light": t === "dark",
87
101
  "bg-action-danger-light text-copy-lighter": t === "light",
88
102
  "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": t === "system",
89
103
  "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": t === "alt-system"
90
104
  });
91
- }, B = ({
105
+ if (o === "selected")
106
+ return a("not-prose", {
107
+ "rounded-full": i === "large",
108
+ "rounded-md": i === "medium",
109
+ "rounded-sm": i === "small",
110
+ truncate: !e,
111
+ "bg-action-selected-dark text-copy-light": t === "dark",
112
+ "bg-action-selected-light text-copy-lighter": t === "light",
113
+ "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": t === "system",
114
+ "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": t === "alt-system"
115
+ });
116
+ }, I = ({
92
117
  mode: t,
93
- disabled: e,
94
- variant: r
118
+ disabled: r,
119
+ variant: e
95
120
  }) => {
96
- if (e)
121
+ if (r)
97
122
  return "";
98
- if (r === "primary")
123
+ if (e === "primary")
99
124
  return a("hover:text-copy-light-hover", {
100
125
  "hover:bg-action-dark-hover": t === "dark",
101
126
  "hover:bg-action-light-hover": t === "light",
102
127
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": t === "system",
103
128
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": t === "alt-system"
104
129
  });
105
- if (r === "secondary")
130
+ if (e === "secondary")
106
131
  return a("hover:text-copy-light-hover", {
107
132
  "hover:bg-action-dark-hover": t === "light",
108
133
  "hover:bg-action-light-hover": t === "dark",
109
134
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": t === "alt-system",
110
135
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": t === "system"
111
136
  });
112
- if (r === "danger")
137
+ if (e === "danger")
113
138
  return a("hover:text-copy-light-hover", {
114
139
  "hover:bg-action-danger-dark-hover": t === "dark",
115
140
  "hover:bg-action-danger-light-hover": t === "light",
116
141
  "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": t === "system",
117
142
  "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": t === "alt-system"
118
143
  });
119
- }, I = ({
144
+ if (e === "selected")
145
+ return a("hover:text-copy-light-hover", {
146
+ "hover:bg-action-selected-dark-hover": t === "dark",
147
+ "hover:bg-action-selected-light-hover": t === "light",
148
+ "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": t === "system",
149
+ "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": t === "alt-system"
150
+ });
151
+ }, w = ({
120
152
  mode: t,
121
- disabled: e,
122
- variant: r
153
+ disabled: r,
154
+ variant: e
123
155
  }) => {
124
- if (e)
156
+ if (r)
125
157
  return "";
126
- if (r === "primary")
158
+ if (e === "primary")
127
159
  return a("active:text-copy-light-active", {
128
160
  "active:bg-action-dark-active": t === "dark",
129
161
  "active:bg-action-light-active": t === "light",
130
162
  "active:bg-action-dark-active dark:active:bg-action-light-active": t === "system",
131
163
  "active:bg-action-light-active dark:active:bg-action-dark-active": t === "alt-system"
132
164
  });
133
- if (r === "secondary")
165
+ if (e === "secondary")
134
166
  return a("active:text-copy-light-active", {
135
167
  "active:bg-action-dark-active": t === "light",
136
168
  "active:bg-action-light-active": t === "dark",
137
169
  "active:bg-action-dark-active dark:active:bg-action-light-active": t === "alt-system",
138
170
  "active:bg-action-light-active dark:active:bg-action-dark-active": t === "system"
139
171
  });
140
- if (r === "danger")
172
+ if (e === "danger")
141
173
  return a("active:text-copy-lighter-active", {
142
174
  "active:bg-action-danger-dark-active": t === "dark",
143
175
  "active:bg-action-danger-light-active": t === "light",
144
176
  "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": t === "system",
145
177
  "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": t === "alt-system"
146
178
  });
147
- }, w = ({
179
+ if (e === "selected")
180
+ return a("active:text-copy-lighter-active", {
181
+ "active:bg-action-selected-dark-active": t === "dark",
182
+ "active:bg-action-selected-light-active": t === "light",
183
+ "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": t === "system",
184
+ "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": t === "alt-system"
185
+ });
186
+ }, N = ({
148
187
  mode: t,
149
- noBorder: e,
150
- variant: r
188
+ noBorder: r,
189
+ variant: e
151
190
  }) => {
152
- if (e)
191
+ if (r)
153
192
  return "border border-transparent";
154
- if (r === "primary")
193
+ if (e === "primary")
155
194
  return a("border", {
156
195
  "border-border-dark": t === "dark",
157
196
  "border-border-accent": t === "light",
158
197
  "border-border-dark dark:border-border-accent": t === "system",
159
198
  "border-border-accent dark:border-border-dark": t === "alt-system"
160
199
  });
161
- if (r === "secondary")
200
+ if (e === "secondary")
162
201
  return a("border", {
163
202
  "border-border-dark": t === "light",
164
203
  "border-border-accent": t === "dark",
165
204
  "border-border-dark dark:border-border-accent": t === "alt-system",
166
205
  "border-border-accent dark:border-border-dark": t === "system"
167
206
  });
168
- if (r === "danger")
207
+ if (e === "danger")
169
208
  return a("border", {
170
209
  "border-border-danger-dark": t === "dark",
171
210
  "border-border-danger-medium": t === "light",
172
211
  "border-border-danger-dark dark:border-border-danger-medium": t === "system",
173
212
  "border-border-danger-medium dark:border-border-danger-dark": t === "alt-system"
174
213
  });
175
- }, N = ({ focusMode: t }) => a("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
214
+ if (e === "selected")
215
+ return a("border", {
216
+ "border-border-selected-dark": t === "dark",
217
+ "border-border-selected-medium": t === "light",
218
+ "border-border-selected-dark dark:border-border-selected-medium": t === "system",
219
+ "border-border-selected-medium dark:border-border-selected-dark": t === "alt-system"
220
+ });
221
+ }, S = ({
222
+ focusMode: t
223
+ }) => a("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
176
224
  "focus:outline-focus-dark": t === "dark",
177
225
  "focus:outline-focus-light": t === "light",
178
226
  "focus:outline-focus-light dark:focus:outline-focus-dark": t === "alt-system",
179
227
  "focus:outline-focus-dark dark:focus:outline-focus-light": t === "system"
180
228
  }), T = ({
181
229
  type: t,
182
- className: e,
183
- raw: r,
184
- mode: i,
185
- focusMode: n,
186
- disabled: o,
230
+ className: r,
231
+ raw: e,
232
+ mode: o,
233
+ focusMode: i,
234
+ disabled: c,
187
235
  fullWidth: g,
188
- size: d,
189
- noBorder: l,
236
+ size: n,
237
+ noBorder: s,
190
238
  labelRight: h,
191
239
  labelLeft: b,
192
- spacing: u,
193
- noBackground: k,
194
- variant: c,
195
- noTruncate: v,
196
- align: y
197
- }) => (c || (c = "primary"), r ? a(s, e) : a(
198
- s,
199
- e,
200
- p(u),
201
- C({ mode: i, variant: c, noBackground: k, noTruncate: v }),
202
- _({ type: t, size: d, labelRight: h, labelLeft: b, align: y }),
203
- w({ mode: i, variant: c, noBorder: l }),
204
- N({ focusMode: n }),
205
- B({ mode: i, variant: c, disabled: o }),
206
- I({ mode: i, variant: c, disabled: o }),
240
+ spacing: k,
241
+ noBackground: v,
242
+ variant: d,
243
+ noTruncate: u,
244
+ align: y,
245
+ radius: p
246
+ }) => (d || (d = "primary"), e ? a(l, r) : a(
247
+ l,
248
+ r,
249
+ m(k),
250
+ B({
251
+ mode: o,
252
+ variant: d,
253
+ noBackground: v,
254
+ noTruncate: u,
255
+ radius: p
256
+ }),
257
+ C({ type: t, size: n, labelRight: h, labelLeft: b, align: y }),
258
+ N({ mode: o, variant: d, noBorder: s }),
259
+ S({ focusMode: i }),
260
+ I({ mode: o, variant: d, disabled: c }),
261
+ w({ mode: o, variant: d, disabled: c }),
207
262
  {
208
263
  "w-full": g,
209
- "disabled:cursor-not-allowed disabled:opacity-50": o
264
+ "disabled:cursor-not-allowed disabled:opacity-50": c
210
265
  }
211
266
  ));
212
267
  export {
213
- s as BUTTON_CLASSNAME,
268
+ l as BUTTON_CLASSNAME,
214
269
  x as TYPE_BUTTON,
215
270
  f as TYPE_ICON,
216
- m as TYPE_LINK,
271
+ _ as TYPE_LINK,
217
272
  T as getButtonClasses
218
273
  };
package/dist/components/Button/Button.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import N from "react";
3
- import { BaseButton_private as T } from "../../chunks/BaseButton.BFKIL4GO.js";
4
- import { getButtonClasses as x, TYPE_BUTTON as C } from "../../chunks/utilities.E-2pjQyx.js";
5
- const R = N.forwardRef(
1
+ import { jsx as N } from "react/jsx-runtime";
2
+ import T from "react";
3
+ import { BaseButton_private as g } from "../../chunks/BaseButton.BFKIL4GO.js";
4
+ import { getButtonClasses as x, TYPE_BUTTON as C } from "../../chunks/utilities.3-gVSv1A.js";
5
+ const R = T.forwardRef(
6
6
  ({
7
7
  children: s,
8
8
  disabled: t = !1,
@@ -12,13 +12,14 @@ const R = N.forwardRef(
12
12
  className: a,
13
13
  size: m = "medium",
14
14
  raw: f = !1,
15
- noBorder: p = !1,
16
- spacing: l,
15
+ noBorder: l = !1,
16
+ spacing: p,
17
17
  variant: n = "primary",
18
18
  noTruncate: i = !1,
19
- ...u
20
- }, B) => {
21
- const y = x({
19
+ radius: u = "large",
20
+ ...B
21
+ }, y) => {
22
+ const c = x({
22
23
  type: C,
23
24
  mode: e,
24
25
  focusMode: o,
@@ -27,18 +28,19 @@ const R = N.forwardRef(
27
28
  raw: f,
28
29
  className: a,
29
30
  size: m,
30
- noBorder: p,
31
- spacing: l,
31
+ noBorder: l,
32
+ spacing: p,
32
33
  variant: n,
33
- noTruncate: i
34
+ noTruncate: i,
35
+ radius: u
34
36
  });
35
- return /* @__PURE__ */ c(
36
- T,
37
+ return /* @__PURE__ */ N(
38
+ g,
37
39
  {
38
- ref: B,
39
- className: y,
40
+ ref: y,
41
+ className: c,
40
42
  disabled: t,
41
- ...u,
43
+ ...B,
42
44
  children: s
43
45
  }
44
46
  );
package/dist/components/Button/ButtonIcon.js CHANGED
@@ -1,16 +1,16 @@
1
- import { jsxs as g, jsx as c } from "react/jsx-runtime";
2
- import I from "clsx";
3
- import j from "react";
4
- import { BaseButton_private as v } from "../../chunks/BaseButton.BFKIL4GO.js";
5
- import { getButtonClasses as _, TYPE_ICON as E } from "../../chunks/utilities.E-2pjQyx.js";
6
- const O = j.forwardRef(
1
+ import { jsxs as I, jsx as c } from "react/jsx-runtime";
2
+ import j from "clsx";
3
+ import v from "react";
4
+ import { BaseButton_private as _ } from "../../chunks/BaseButton.BFKIL4GO.js";
5
+ import { getButtonClasses as E, TYPE_ICON as O } from "../../chunks/utilities.3-gVSv1A.js";
6
+ const P = v.forwardRef(
7
7
  ({
8
8
  children: r,
9
9
  disabled: o = !1,
10
10
  mode: t = "system",
11
11
  focusMode: n = "system",
12
- fullWidth: p = !1,
13
- className: l,
12
+ fullWidth: l = !1,
13
+ className: p,
14
14
  type: m = "button",
15
15
  raw: s = !1,
16
16
  noBorder: i = !1,
@@ -22,38 +22,40 @@ const O = j.forwardRef(
22
22
  spacing: u,
23
23
  noBackground: d = !1,
24
24
  align: k = "center",
25
- ...N
26
- }, h) => {
27
- const B = _({
28
- type: E,
25
+ radius: N = "large",
26
+ ...h
27
+ }, B) => {
28
+ const g = E({
29
+ type: O,
29
30
  mode: t,
30
31
  focusMode: n,
31
- fullWidth: p,
32
+ fullWidth: l,
32
33
  disabled: o,
33
34
  raw: s,
34
- className: l,
35
+ className: p,
35
36
  noBorder: i,
36
37
  size: x,
37
38
  labelRight: a,
38
39
  labelLeft: e,
39
40
  spacing: u,
40
41
  noBackground: d,
41
- align: k
42
- }), C = I({
42
+ align: k,
43
+ radius: N
44
+ }), C = j({
43
45
  "text-copy-accent-dark": t === "light" && !s,
44
46
  "text-copy-light": t === "dark" && !s,
45
47
  "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
46
48
  "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
47
49
  });
48
- return /* @__PURE__ */ g(
49
- v,
50
+ return /* @__PURE__ */ I(
51
+ _,
50
52
  {
51
- ref: h,
52
- className: B,
53
+ ref: B,
54
+ className: g,
53
55
  disabled: o,
54
56
  type: m,
55
57
  "aria-label": y || f,
56
- ...N,
58
+ ...h,
57
59
  children: [
58
60
  e && /* @__PURE__ */ c("span", { className: "pr-2", children: e }),
59
61
  /* @__PURE__ */ c("div", { className: C, children: r }),
@@ -63,7 +65,7 @@ const O = j.forwardRef(
63
65
  );
64
66
  }
65
67
  );
66
- O.displayName = "ButtonIcon";
68
+ P.displayName = "ButtonIcon";
67
69
  export {
68
- O as ButtonIcon
70
+ P as ButtonIcon
69
71
  };
package/dist/components/Button/ButtonLink.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
- import b from "clsx";
3
- import v from "react";
4
- import { getButtonClasses as V, TYPE_LINK as C } from "../../chunks/utilities.E-2pjQyx.js";
5
- const L = v.forwardRef(
2
+ import v from "clsx";
3
+ import V from "react";
4
+ import { getButtonClasses as C, TYPE_LINK as L } from "../../chunks/utilities.3-gVSv1A.js";
5
+ const g = V.forwardRef(
6
6
  ({
7
7
  children: r,
8
8
  mode: o = "system",
@@ -16,10 +16,11 @@ const L = v.forwardRef(
16
16
  noTruncate: l = !1,
17
17
  noNewWindowIcon: p = !1,
18
18
  spacing: h,
19
- ...w
20
- }, x) => {
21
- const u = V({
22
- type: C,
19
+ radius: w = "large",
20
+ ...x
21
+ }, u) => {
22
+ const y = C({
23
+ type: L,
23
24
  mode: o,
24
25
  focusMode: c,
25
26
  fullWidth: n,
@@ -29,17 +30,18 @@ const L = v.forwardRef(
29
30
  size: m,
30
31
  noBorder: f,
31
32
  spacing: h,
32
- noTruncate: l
33
- }), s = t === "_blank", y = {
33
+ noTruncate: l,
34
+ radius: w
35
+ }), s = t === "_blank", N = {
34
36
  target: t,
35
37
  rel: s ? "noopener noreferrer" : void 0,
36
- ...w
37
- }, N = b({
38
+ ...x
39
+ }, b = v({
38
40
  truncate: !l,
39
41
  "basis-11/12": !l && s
40
42
  });
41
- return /* @__PURE__ */ e("a", { ref: x, className: u, ...y, children: /* @__PURE__ */ a("div", { role: "text", className: "flex items-center justify-center", children: [
42
- /* @__PURE__ */ a("div", { className: N, children: [
43
+ return /* @__PURE__ */ e("a", { ref: u, className: y, ...N, children: /* @__PURE__ */ a("div", { role: "text", className: "flex items-center justify-center", children: [
44
+ /* @__PURE__ */ a("div", { className: b, children: [
43
45
  r,
44
46
  s && /* @__PURE__ */ e("span", { className: "sr-only", children: ", opens in a new window" })
45
47
  ] }),
@@ -66,7 +68,7 @@ const L = v.forwardRef(
66
68
  ] }) });
67
69
  }
68
70
  );
69
- L.displayName = "ButtonLink";
71
+ g.displayName = "ButtonLink";
70
72
  export {
71
- L as ButtonLink
73
+ g as ButtonLink
72
74
  };
package/dist/index.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const Button: React.ForwardRefExoticComponent<{
8
8
  disabled?: boolean;
9
9
  noTruncate?: boolean;
10
10
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
11
- variant?: "primary" | "secondary" | "danger";
11
+ variant?: "primary" | "secondary" | "danger" | "selected";
12
12
  } & {
13
13
  className?: string;
14
14
  focusMode?: "dark" | "light" | "system" | "alt-system";
@@ -18,6 +18,7 @@ declare const Button: React.ForwardRefExoticComponent<{
18
18
  noInternalClick?: boolean;
19
19
  raw?: boolean;
20
20
  size?: "small" | "medium" | "large";
21
+ radius?: "small" | "medium" | "large";
21
22
  } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
22
23
 
23
24
  declare const ButtonIcon: React.ForwardRefExoticComponent<{
@@ -36,6 +37,7 @@ declare const ButtonIcon: React.ForwardRefExoticComponent<{
36
37
  noInternalClick?: boolean;
37
38
  raw?: boolean;
38
39
  size?: "small" | "medium" | "large";
40
+ radius?: "small" | "medium" | "large";
39
41
  } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
40
42
 
41
43
  declare const ButtonLink: React.ForwardRefExoticComponent<{
@@ -47,7 +49,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<{
47
49
  disabled?: boolean;
48
50
  noTruncate?: boolean;
49
51
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
50
- variant?: "primary" | "secondary" | "danger";
52
+ variant?: "primary" | "secondary" | "danger" | "selected";
51
53
  } & {
52
54
  className?: string;
53
55
  focusMode?: "dark" | "light" | "system" | "alt-system";
@@ -57,6 +59,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<{
57
59
  noInternalClick?: boolean;
58
60
  raw?: boolean;
59
61
  size?: "small" | "medium" | "large";
62
+ radius?: "small" | "medium" | "large";
60
63
  } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
61
64
 
62
65
  declare const ButtonSort_private: React.ForwardRefExoticComponent<{
@@ -77,6 +80,7 @@ declare const ButtonSort_private: React.ForwardRefExoticComponent<{
77
80
  noInternalClick?: boolean;
78
81
  raw?: boolean;
79
82
  size?: "small" | "medium" | "large";
83
+ radius?: "small" | "medium" | "large";
80
84
  } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
81
85
 
82
86
  export { BUTTON_CLASSNAME, Button, ButtonIcon, ButtonLink, ButtonSort_private };
package/dist/index.js CHANGED
@@ -1,26 +1,26 @@
1
- import { getButtonClasses as I, TYPE_ICON as v } from "./chunks/utilities.E-2pjQyx.js";
2
- import { BUTTON_CLASSNAME as V } from "./chunks/utilities.E-2pjQyx.js";
3
- import { Button as q } from "./components/Button/Button.js";
4
- import { ButtonIcon as D } from "./components/Button/ButtonIcon.js";
5
- import { ButtonLink as G } from "./components/Button/ButtonLink.js";
6
- import { jsx as e, jsxs as S } from "react/jsx-runtime";
1
+ import { getButtonClasses as v, TYPE_ICON as S } from "./chunks/utilities.3-gVSv1A.js";
2
+ import { BUTTON_CLASSNAME as Y } from "./chunks/utilities.3-gVSv1A.js";
3
+ import { Button as z } from "./components/Button/Button.js";
4
+ import { ButtonIcon as F } from "./components/Button/ButtonIcon.js";
5
+ import { ButtonLink as H } from "./components/Button/ButtonLink.js";
6
+ import { jsx as e, jsxs as C } from "react/jsx-runtime";
7
7
  import c from "clsx";
8
- import C from "react";
9
- import { BaseButton_private as E } from "./chunks/BaseButton.BFKIL4GO.js";
8
+ import E from "react";
9
+ import { BaseButton_private as U } from "./chunks/BaseButton.BFKIL4GO.js";
10
10
  /*!
11
- @versini/ui-button v1.6.0
11
+ @versini/ui-button v1.7.0
12
12
  © 2024 gizmette.com
13
13
  */
14
14
  try {
15
15
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
16
- version: "1.6.0",
17
- buildTime: "12/26/2024 06:05 PM EST",
16
+ version: "1.7.0",
17
+ buildTime: "12/28/2024 05:53 PM EST",
18
18
  homepage: "https://github.com/aversini/ui-components",
19
19
  license: "MIT"
20
20
  });
21
21
  } catch {
22
22
  }
23
- const U = C.forwardRef(
23
+ const O = E.forwardRef(
24
24
  ({
25
25
  children: o,
26
26
  disabled: i = !1,
@@ -40,10 +40,11 @@ const U = C.forwardRef(
40
40
  noBackground: _ = !1,
41
41
  align: x = "center",
42
42
  active: y = !1,
43
- ...k
44
- }, N) => {
45
- const B = I({
46
- type: v,
43
+ radius: k = "large",
44
+ ...N
45
+ }, g) => {
46
+ const B = v({
47
+ type: S,
47
48
  mode: t,
48
49
  focusMode: n,
49
50
  fullWidth: l,
@@ -56,13 +57,14 @@ const U = C.forwardRef(
56
57
  labelLeft: s,
57
58
  spacing: u,
58
59
  noBackground: _,
59
- align: x
60
- }), g = c({
60
+ align: x,
61
+ radius: k
62
+ }), T = c({
61
63
  "text-copy-accent-dark": t === "light" && !r,
62
64
  "text-copy-light": t === "dark" && !r,
63
65
  "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !r,
64
66
  "text-copy-light dark:text-copy-accent-dark": t === "system" && !r
65
- }), T = y ? c(
67
+ }), I = y ? c(
66
68
  "relative",
67
69
  "focus-within:static",
68
70
  "focus-within:after:border-transparent",
@@ -79,29 +81,29 @@ const U = C.forwardRef(
79
81
  "after:border-table-light dark:after:border-table-dark": t === "alt-system"
80
82
  }
81
83
  ) : "";
82
- return /* @__PURE__ */ e("div", { className: T, children: /* @__PURE__ */ S(
83
- E,
84
+ return /* @__PURE__ */ e("div", { className: I, children: /* @__PURE__ */ C(
85
+ U,
84
86
  {
85
- ref: N,
87
+ ref: g,
86
88
  className: B,
87
89
  disabled: i,
88
90
  type: p,
89
91
  "aria-label": d || b,
90
- ...k,
92
+ ...N,
91
93
  children: [
92
94
  s && /* @__PURE__ */ e("span", { className: "pr-2", children: s }),
93
- /* @__PURE__ */ e("div", { className: g, children: o }),
95
+ /* @__PURE__ */ e("div", { className: T, children: o }),
94
96
  a && /* @__PURE__ */ e("span", { className: "pl-2", children: a })
95
97
  ]
96
98
  }
97
99
  ) });
98
100
  }
99
101
  );
100
- U.displayName = "ButtonSort";
102
+ O.displayName = "ButtonSort";
101
103
  export {
102
- V as BUTTON_CLASSNAME,
103
- q as Button,
104
- D as ButtonIcon,
105
- G as ButtonLink,
106
- U as ButtonSort_private
104
+ Y as BUTTON_CLASSNAME,
105
+ z as Button,
106
+ F as ButtonIcon,
107
+ H as ButtonLink,
108
+ O as ButtonSort_private
107
109
  };
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}.relative{position:relative}.m-0{margin:0}.m-1{margin:.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-3{margin:.75rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-4{margin:1rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-5{margin:1.25rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-6{margin:1.5rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-7{margin:1.75rem}.m-72{margin:18rem}.m-8{margin:2rem}.m-80{margin:20rem}.m-9{margin:2.25rem}.m-96{margin:24rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-4{margin-bottom:1rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-7{margin-bottom:1.75rem}.mb-72{margin-bottom:18rem}.mb-8{margin-bottom:2rem}.mb-80{margin-bottom:20rem}.mb-9{margin-bottom:2.25rem}.mb-96{margin-bottom:24rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-4{margin-left:1rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-5{margin-left:1.25rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-6{margin-left:1.5rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-7{margin-left:1.75rem}.ml-72{margin-left:18rem}.ml-8{margin-left:2rem}.ml-80{margin-left:20rem}.ml-9{margin-left:2.25rem}.ml-96{margin-left:24rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-3{margin-right:.75rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-4{margin-right:1rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-5{margin-right:1.25rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-6{margin-right:1.5rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-7{margin-right:1.75rem}.mr-72{margin-right:18rem}.mr-8{margin-right:2rem}.mr-80{margin-right:20rem}.mr-9{margin-right:2.25rem}.mr-96{margin-right:24rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-7{margin-top:1.75rem}.mt-72{margin-top:18rem}.mt-8{margin-top:2rem}.mt-80{margin-top:20rem}.mt-9{margin-top:2.25rem}.mt-96{margin-top:24rem}.flex{display:flex}.inline-flex{display:inline-flex}.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}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-44{width:11rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-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-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)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.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-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.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-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-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}.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))}.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)}.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\: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\: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\: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\: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-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\: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\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}.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}.relative{position:relative}.m-0{margin:0}.m-1{margin:.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-3{margin:.75rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-4{margin:1rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-5{margin:1.25rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-6{margin:1.5rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-7{margin:1.75rem}.m-72{margin:18rem}.m-8{margin:2rem}.m-80{margin:20rem}.m-9{margin:2.25rem}.m-96{margin:24rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-4{margin-bottom:1rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-7{margin-bottom:1.75rem}.mb-72{margin-bottom:18rem}.mb-8{margin-bottom:2rem}.mb-80{margin-bottom:20rem}.mb-9{margin-bottom:2.25rem}.mb-96{margin-bottom:24rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-4{margin-left:1rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-5{margin-left:1.25rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-6{margin-left:1.5rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-7{margin-left:1.75rem}.ml-72{margin-left:18rem}.ml-8{margin-left:2rem}.ml-80{margin-left:20rem}.ml-9{margin-left:2.25rem}.ml-96{margin-left:24rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-3{margin-right:.75rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-4{margin-right:1rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-5{margin-right:1.25rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-6{margin-right:1.5rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-7{margin-right:1.75rem}.mr-72{margin-right:18rem}.mr-8{margin-right:2rem}.mr-80{margin-right:20rem}.mr-9{margin-right:2.25rem}.mr-96{margin-right:24rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-7{margin-top:1.75rem}.mt-72{margin-top:18rem}.mt-8{margin-top:2rem}.mt-80{margin-top:20rem}.mt-9{margin-top:2.25rem}.mt-96{margin-top:24rem}.flex{display:flex}.inline-flex{display:inline-flex}.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}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-44{width:11rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-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)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.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-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.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-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-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}.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))}.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)}.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\: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\: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-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\: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\: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)))}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-button",
3
- "version": "1.6.0",
3
+ "version": "1.7.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -38,17 +38,17 @@
38
38
  "react-dom": "^18.3.1 || ^19.0.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@versini/ui-svgicon": "1.1.0"
41
+ "@versini/ui-svgicon": "1.1.1"
42
42
  },
43
43
  "dependencies": {
44
44
  "@tailwindcss/typography": "0.5.15",
45
- "@versini/ui-spacing": "1.1.0",
46
- "@versini/ui-types": "1.0.0",
45
+ "@versini/ui-spacing": "1.1.1",
46
+ "@versini/ui-types": "1.1.0",
47
47
  "clsx": "2.1.1",
48
48
  "tailwindcss": "3.4.17"
49
49
  },
50
50
  "sideEffects": [
51
51
  "**/*.css"
52
52
  ],
53
- "gitHead": "abbb7b1770a9130157721d514fe20267fd15f35e"
53
+ "gitHead": "900bc75dfbd7b5635476cfd59ba97711ce7be2fc"
54
54
  }