@versini/ui-button 4.2.1 → 4.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/chunks/{utilities.DZA7UB1Y.js → utilities.DWIsGEuC.js} +100 -92
  2. package/dist/components/Button/Button.js +1 -1
  3. package/dist/components/Button/ButtonIcon.js +92 -94
  4. package/dist/components/Button/ButtonLink.js +1 -1
  5. package/dist/index.js +4 -4
  6. package/dist/style.css +1 -1
  7. package/package.json +2 -2
package/dist/chunks/{utilities.DZA7UB1Y.js → utilities.DWIsGEuC.js} RENAMED
@@ -1,90 +1,97 @@
1
- import a from "clsx";
2
- const b = "av-button", l = "icon", y = "button", d = "link", C = ({
1
+ import c from "clsx";
2
+ const v = "av-button", l = "icon", p = "button", h = "link", m = ({
3
3
  type: t,
4
4
  size: e,
5
5
  labelRight: r,
6
- labelLeft: c,
7
- align: s
6
+ labelLeft: a,
7
+ align: o,
8
+ animated: s
8
9
  }) => {
9
- const i = "max-h-8 py-0 px-2", n = "max-h-9 h-8 px-3", g = "max-h-12 py-2 px-4";
10
+ const n = "max-h-8 py-0 px-2", g = "max-h-9 h-8 px-3", d = "max-h-12 py-2 px-4";
10
11
  switch (t) {
11
- case y:
12
- case d:
13
- return a({
14
- [i]: e === "small",
15
- [n]: e === "medium",
16
- [g]: e === "large"
12
+ case p:
13
+ case h:
14
+ return c({
15
+ [n]: e === "small",
16
+ [g]: e === "medium",
17
+ [d]: e === "large"
17
18
  });
18
19
  case l:
19
- return a("inline-flex items-center", {
20
- "justify-center": s === "center",
21
- "justify-start": s === "left",
22
- "justify-end": s === "right",
23
- "h-6 py-0": e === "small" && !(r || c),
24
- "h-6": e === "small" && (r || c),
25
- "h-8 py-1": e === "medium" && !(r || c),
26
- "h-8": e === "medium" && (r || c),
27
- "h-12 py-2": e === "large" && !(r || c),
28
- "h-12": e === "large" && (r || c)
20
+ return c("inline-flex items-center", {
21
+ "justify-center": o === "center",
22
+ "justify-start": o === "left",
23
+ "justify-end": o === "right",
24
+ "h-6 w-6 p-0": e === "small" && !s && !(r || a),
25
+ "h-6 px-2": e === "small" && !s && (r || a),
26
+ "h-8 w-8 p-1": e === "medium" && !s && !(r || a),
27
+ "h-8 px-3": e === "medium" && !s && (r || a),
28
+ "h-12 w-12 p-2": e === "large" && !s && !(r || a),
29
+ "h-12 px-4": e === "large" && !s && (r || a),
30
+ "h-6 py-0": e === "small" && s && !(r || a),
31
+ "h-6": e === "small" && s && (r || a),
32
+ "h-8 py-1": e === "medium" && s && !(r || a),
33
+ "h-8": e === "medium" && s && (r || a),
34
+ "h-12 py-2": e === "large" && s && !(r || a),
35
+ "h-12": e === "large" && s && (r || a)
29
36
  });
30
37
  }
31
38
  }, B = ({
32
39
  type: t,
33
40
  size: e,
34
41
  labelRight: r,
35
- labelLeft: c
42
+ labelLeft: a
36
43
  }) => {
37
- const s = "text-sm font-medium", i = "text-base font-medium", n = "text-lg font-medium";
44
+ const o = "text-sm font-medium", s = "text-base font-medium", n = "text-lg font-medium";
38
45
  switch (t) {
39
- case y:
40
- case d:
41
- return a({
42
- "text-center": t === d,
43
- [s]: e === "small",
44
- [i]: e === "medium",
46
+ case p:
47
+ case h:
48
+ return c({
49
+ "text-center": t === h,
50
+ [o]: e === "small",
51
+ [s]: e === "medium",
45
52
  [n]: e === "large"
46
53
  });
47
54
  case l:
48
- return a({
49
- [s]: e === "small" && (r || c),
50
- [i]: e === "medium" && (r || c),
51
- [n]: e === "large" && (r || c)
55
+ return c({
56
+ [o]: e === "small" && (r || a),
57
+ [s]: e === "medium" && (r || a),
58
+ [n]: e === "large" && (r || a)
52
59
  });
53
60
  }
54
61
  }, w = ({
55
62
  mode: t,
56
63
  noBackground: e,
57
64
  noTruncate: r,
58
- variant: c
65
+ variant: a
59
66
  }) => {
60
67
  if (e)
61
68
  return "not-prose";
62
- if (c === "primary")
63
- return a("not-prose", {
69
+ if (a === "primary")
70
+ return c("not-prose", {
64
71
  truncate: !r,
65
72
  "text-copy-light": t === "dark" || t === "system",
66
73
  "text-copy-lighter": t === "light" || t === "alt-system",
67
74
  "dark:text-copy-lighter": t === "system",
68
75
  "dark:text-copy-light": t === "alt-system"
69
76
  });
70
- if (c === "secondary")
71
- return a("not-prose", {
77
+ if (a === "secondary")
78
+ return c("not-prose", {
72
79
  truncate: !r,
73
80
  "text-copy-light": t === "light" || t === "system",
74
81
  "text-copy-lighter": t === "dark" || t === "alt-system",
75
82
  "dark:text-copy-lighter": t === "alt-system",
76
83
  "dark:text-copy-light": t === "system"
77
84
  });
78
- if (c === "danger")
79
- return a("not-prose", {
85
+ if (a === "danger")
86
+ return c("not-prose", {
80
87
  truncate: !r,
81
88
  "text-copy-light": t === "dark" || t === "system",
82
89
  "text-copy-lighter": t === "light" || t === "alt-system",
83
90
  "dark:text-copy-lighter": t === "system",
84
91
  "dark:text-copy-light": t === "alt-system"
85
92
  });
86
- if (c === "selected")
87
- return a("not-prose text-copy-lighter", {
93
+ if (a === "selected")
94
+ return c("not-prose text-copy-lighter", {
88
95
  truncate: !r
89
96
  });
90
97
  }, T = ({
@@ -94,21 +101,21 @@ const b = "av-button", l = "icon", y = "button", d = "link", C = ({
94
101
  }) => {
95
102
  if (!e) {
96
103
  if (r === "primary")
97
- return a({
104
+ return c({
98
105
  "bg-action-dark": t === "dark",
99
106
  "bg-action-light": t === "light",
100
107
  "bg-action-dark dark:bg-action-light": t === "system",
101
108
  "bg-action-light dark:bg-action-dark": t === "alt-system"
102
109
  });
103
110
  if (r === "secondary")
104
- return a({
111
+ return c({
105
112
  "bg-action-dark": t === "light",
106
113
  "bg-action-light": t === "dark",
107
114
  "bg-action-dark dark:bg-action-light": t === "alt-system",
108
115
  "bg-action-light dark:bg-action-dark": t === "system"
109
116
  });
110
117
  if (r === "danger")
111
- return a({
118
+ return c({
112
119
  "bg-action-danger-dark": t === "dark",
113
120
  "bg-action-danger-light": t === "light",
114
121
  "bg-action-danger-dark dark:bg-action-danger-light": t === "system",
@@ -119,7 +126,7 @@ const b = "av-button", l = "icon", y = "button", d = "link", C = ({
119
126
  }
120
127
  }, E = ({
121
128
  radius: t
122
- }) => a({
129
+ }) => c({
123
130
  "rounded-full": t === "large",
124
131
  "rounded-md": t === "medium",
125
132
  "rounded-sm": t === "small"
@@ -131,21 +138,21 @@ const b = "av-button", l = "icon", y = "button", d = "link", C = ({
131
138
  if (e)
132
139
  return "";
133
140
  if (r === "primary")
134
- return a("hover:text-copy-light-hover", {
141
+ return c("hover:text-copy-light-hover", {
135
142
  "hover:bg-action-dark-hover": t === "dark",
136
143
  "hover:bg-action-light-hover": t === "light",
137
144
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": t === "system",
138
145
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": t === "alt-system"
139
146
  });
140
147
  if (r === "secondary")
141
- return a("hover:text-copy-light-hover", {
148
+ return c("hover:text-copy-light-hover", {
142
149
  "hover:bg-action-dark-hover": t === "light",
143
150
  "hover:bg-action-light-hover": t === "dark",
144
151
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": t === "alt-system",
145
152
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": t === "system"
146
153
  });
147
154
  if (r === "danger")
148
- return a("hover:text-copy-light-hover", {
155
+ return c("hover:text-copy-light-hover", {
149
156
  "hover:bg-action-danger-dark-hover": t === "dark",
150
157
  "hover:bg-action-danger-light-hover": t === "light",
151
158
  "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": t === "system",
@@ -161,21 +168,21 @@ const b = "av-button", l = "icon", y = "button", d = "link", C = ({
161
168
  if (e)
162
169
  return "";
163
170
  if (r === "primary")
164
- return a("active:text-copy-light-active", {
171
+ return c("active:text-copy-light-active", {
165
172
  "active:bg-action-dark-active": t === "dark",
166
173
  "active:bg-action-light-active": t === "light",
167
174
  "active:bg-action-dark-active dark:active:bg-action-light-active": t === "system",
168
175
  "active:bg-action-light-active dark:active:bg-action-dark-active": t === "alt-system"
169
176
  });
170
177
  if (r === "secondary")
171
- return a("active:text-copy-light-active", {
178
+ return c("active:text-copy-light-active", {
172
179
  "active:bg-action-dark-active": t === "light",
173
180
  "active:bg-action-light-active": t === "dark",
174
181
  "active:bg-action-dark-active dark:active:bg-action-light-active": t === "alt-system",
175
182
  "active:bg-action-light-active dark:active:bg-action-dark-active": t === "system"
176
183
  });
177
184
  if (r === "danger")
178
- return a("active:text-copy-lighter-active", {
185
+ return c("active:text-copy-lighter-active", {
179
186
  "active:bg-action-danger-dark-active": t === "dark",
180
187
  "active:bg-action-danger-light-active": t === "light",
181
188
  "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": t === "system",
@@ -191,21 +198,21 @@ const b = "av-button", l = "icon", y = "button", d = "link", C = ({
191
198
  if (e)
192
199
  return "border border-transparent";
193
200
  if (r === "primary")
194
- return a("border", {
201
+ return c("border", {
195
202
  "border-border-dark": t === "dark",
196
203
  "border-border-accent": t === "light",
197
204
  "border-border-dark dark:border-border-accent": t === "system",
198
205
  "border-border-accent dark:border-border-dark": t === "alt-system"
199
206
  });
200
207
  if (r === "secondary")
201
- return a("border", {
208
+ return c("border", {
202
209
  "border-border-dark": t === "light",
203
210
  "border-border-accent": t === "dark",
204
211
  "border-border-dark dark:border-border-accent": t === "alt-system",
205
212
  "border-border-accent dark:border-border-dark": t === "system"
206
213
  });
207
214
  if (r === "danger")
208
- return a("border", {
215
+ return c("border", {
209
216
  "border-border-danger-dark": t === "dark",
210
217
  "border-border-danger-medium": t === "light",
211
218
  "border-border-danger-dark dark:border-border-danger-medium": t === "system",
@@ -215,7 +222,7 @@ const b = "av-button", l = "icon", y = "button", d = "link", C = ({
215
222
  return "border border-border-selected-dark";
216
223
  }, j = ({
217
224
  focusMode: t
218
- }) => a("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
225
+ }) => c("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
219
226
  "focus:outline-focus-dark": t === "dark",
220
227
  "focus:outline-focus-light": t === "light",
221
228
  "focus:outline-focus-light dark:focus:outline-focus-dark": t === "alt-system",
@@ -224,7 +231,7 @@ const b = "av-button", l = "icon", y = "button", d = "link", C = ({
224
231
  mode: t,
225
232
  raw: e,
226
233
  iconClassName: r
227
- }) => e ? "" : a(
234
+ }) => e ? "" : c(
228
235
  {
229
236
  "text-copy-accent-dark": t === "light" || t === "alt-system",
230
237
  "text-copy-light": t === "dark" || t === "system",
@@ -234,62 +241,63 @@ const b = "av-button", l = "icon", y = "button", d = "link", C = ({
234
241
  r
235
242
  ), P = ({
236
243
  animated: t
237
- }) => a({
244
+ }) => c({
238
245
  "transition-opacity duration-300 ease-in": t
239
246
  }), S = ({
240
247
  type: t,
241
248
  className: e,
242
249
  raw: r,
243
- mode: c,
244
- focusMode: s,
245
- disabled: i,
250
+ mode: a,
251
+ focusMode: o,
252
+ disabled: s,
246
253
  fullWidth: n,
247
254
  size: g,
248
- noBorder: v,
249
- labelRight: h,
250
- labelLeft: k,
251
- noBackground: u,
252
- variant: o,
253
- noTruncate: p,
255
+ noBorder: d,
256
+ labelRight: k,
257
+ labelLeft: u,
258
+ noBackground: y,
259
+ variant: i,
260
+ noTruncate: x,
254
261
  align: f,
255
- radius: x,
256
- animated: m
257
- }) => (o || (o = "primary"), r ? a(b, e) : a(
258
- b,
262
+ radius: C,
263
+ animated: b
264
+ }) => (i || (i = "primary"), r ? c(v, e) : c(
265
+ v,
259
266
  w({
260
- mode: c,
261
- variant: o,
262
- noBackground: u,
263
- noTruncate: p
267
+ mode: a,
268
+ variant: i,
269
+ noBackground: y,
270
+ noTruncate: x
264
271
  }),
265
- T({ mode: c, noBackground: u, variant: o }),
266
- E({ radius: x }),
267
- C({
272
+ T({ mode: a, noBackground: y, variant: i }),
273
+ E({ radius: C }),
274
+ m({
268
275
  type: t,
269
276
  size: g,
270
- labelRight: h,
271
- labelLeft: k,
272
- align: f
277
+ labelRight: k,
278
+ labelLeft: u,
279
+ align: f,
280
+ animated: b
273
281
  }),
274
- B({ type: t, size: g, labelRight: h, labelLeft: k }),
275
- _({ mode: c, variant: o, noBorder: v }),
276
- j({ focusMode: s }),
277
- I({ mode: c, variant: o, disabled: i }),
278
- N({ mode: c, variant: o, disabled: i }),
282
+ B({ type: t, size: g, labelRight: k, labelLeft: u }),
283
+ _({ mode: a, variant: i, noBorder: d }),
284
+ j({ focusMode: o }),
285
+ I({ mode: a, variant: i, disabled: s }),
286
+ N({ mode: a, variant: i, disabled: s }),
279
287
  {
280
288
  "w-full": n,
281
- "disabled:cursor-not-allowed disabled:opacity-50": i
289
+ "disabled:cursor-not-allowed disabled:opacity-50": s
282
290
  },
283
- a({
284
- "transition-[width] duration-300 ease-in-out": t === l && m
291
+ c({
292
+ "transition-[width] duration-300 ease-in-out": t === l && b
285
293
  }),
286
294
  e
287
295
  ));
288
296
  export {
289
- b as BUTTON_CLASSNAME,
290
- y as TYPE_BUTTON,
297
+ v as BUTTON_CLASSNAME,
298
+ p as TYPE_BUTTON,
291
299
  l as TYPE_ICON,
292
- d as TYPE_LINK,
300
+ h as TYPE_LINK,
293
301
  S as getButtonClasses,
294
302
  P as getButtonIconLabelClasses,
295
303
  O as getIconClasses
package/dist/components/Button/Button.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
2
  import N from "react";
3
3
  import { BaseButton_private as T } from "../../chunks/BaseButton.BFKIL4GO.js";
4
- import { getButtonClasses as g, TYPE_BUTTON as x } from "../../chunks/utilities.DZA7UB1Y.js";
4
+ import { getButtonClasses as g, TYPE_BUTTON as x } from "../../chunks/utilities.DWIsGEuC.js";
5
5
  const C = N.forwardRef(
6
6
  ({
7
7
  children: s,
package/dist/components/Button/ButtonIcon.js CHANGED
@@ -1,22 +1,22 @@
1
- import { jsxs as W, jsx as w } from "react/jsx-runtime";
2
- import Y, { useRef as d, useEffect as D, useCallback as J, useMemo as O, useState as K, useLayoutEffect as $ } from "react";
3
- import { BaseButton_private as L } from "../../chunks/BaseButton.BFKIL4GO.js";
4
- import { getButtonClasses as Q, getIconClasses as U, getButtonIconLabelClasses as V, TYPE_ICON as X } from "../../chunks/utilities.DZA7UB1Y.js";
5
- function Z() {
6
- const t = d(!1);
7
- return D(() => (t.current = !0, () => {
8
- t.current = !1;
9
- }), []), J(() => t.current, []);
1
+ import { jsxs as G, jsx as p } from "react/jsx-runtime";
2
+ import H, { useRef as y, useEffect as B, useCallback as M, useMemo as E, useState as W, useLayoutEffect as v } from "react";
3
+ import { BaseButton_private as Y } from "../../chunks/BaseButton.BFKIL4GO.js";
4
+ import { getButtonClasses as J, getIconClasses as K, getButtonIconLabelClasses as L, TYPE_ICON as Q } from "../../chunks/utilities.DWIsGEuC.js";
5
+ function U() {
6
+ const e = y(!1);
7
+ return B(() => (e.current = !0, () => {
8
+ e.current = !1;
9
+ }), []), M(() => e.current, []);
10
10
  }
11
- function z(t) {
12
- return O(() => t.every((n) => n == null) ? () => {
13
- } : (n) => {
14
- t.forEach((e) => {
15
- typeof e == "function" ? e(n) : e != null && (e.current = n);
11
+ function V(e) {
12
+ return E(() => e.every((r) => r == null) ? () => {
13
+ } : (r) => {
14
+ e.forEach((t) => {
15
+ typeof t == "function" ? t(r) : t != null && (t.current = r);
16
16
  });
17
- }, t);
17
+ }, e);
18
18
  }
19
- const tt = {
19
+ const X = {
20
20
  x: 0,
21
21
  y: 0,
22
22
  width: 0,
@@ -26,107 +26,105 @@ const tt = {
26
26
  bottom: 0,
27
27
  right: 0
28
28
  };
29
- function b(t) {
30
- const n = Z(), e = d(0), i = d(null), [C, I] = K(tt), l = O(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((R) => {
31
- const c = R[0];
32
- c && (cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => {
33
- i.current && n() && I(c.contentRect);
29
+ function x(e) {
30
+ const r = U(), t = y(0), s = y(null), [d, w] = W(X), n = E(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((h) => {
31
+ const u = h[0];
32
+ u && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
33
+ s.current && r() && w(u.contentRect);
34
34
  }));
35
- }), [n]);
36
- return D(() => (i.current && (l == null || l.observe(i.current, t)), () => {
37
- l == null || l.disconnect(), e.current && cancelAnimationFrame(e.current);
38
- }), [l, t]), [i, C];
35
+ }), [r]);
36
+ return B(() => (s.current && (n == null || n.observe(s.current, e)), () => {
37
+ n == null || n.disconnect(), t.current && cancelAnimationFrame(t.current);
38
+ }), [n, e]), [s, d];
39
39
  }
40
- const v = {
40
+ const Z = {
41
41
  small: 24,
42
42
  // w-6
43
43
  medium: 32,
44
44
  // w-8
45
45
  large: 48
46
46
  // w-12
47
- }, E = {
47
+ }, z = {
48
48
  small: 8 * 2,
49
49
  // px-2 x 2
50
50
  medium: 12 * 2,
51
51
  // px-3 x 2
52
52
  large: 16 * 2
53
53
  // px-4 x 2
54
- }, A = 2, et = Y.forwardRef(
54
+ }, ee = 2, te = H.forwardRef(
55
55
  ({
56
- children: t,
57
- disabled: n = !1,
58
- mode: e = "system",
59
- focusMode: i = "system",
60
- fullWidth: C = !1,
61
- className: I,
62
- type: l = "button",
63
- raw: R = !1,
64
- noBorder: c = !1,
65
- "aria-label": B,
66
- label: F,
67
- size: s = "medium",
68
- labelRight: y,
69
- labelLeft: h,
70
- noBackground: S = !1,
71
- align: j = "center",
72
- radius: P = "large",
73
- variant: T = "primary",
74
- iconClassName: _,
75
- animated: u = !1,
76
- ...k
77
- }, q) => {
78
- const G = Q({
79
- type: X,
80
- mode: e,
81
- focusMode: i,
82
- fullWidth: C,
83
- disabled: n,
84
- raw: R,
85
- className: I,
86
- noBorder: c,
87
- size: s,
88
- labelRight: y,
89
- labelLeft: h,
90
- noBackground: S,
91
- align: j,
92
- radius: P,
93
- variant: T,
94
- animated: u
95
- }), H = U({ mode: e, raw: R, iconClassName: _ }), g = V({ animated: u }), [o, f] = b(), [a, p] = b(), [x, N] = b(), m = d(0), r = d(null), M = z([q, r]);
96
- return $(() => {
97
- u || (m.current = N.width + E[s] + (c ? 0 : A), r && r.current && (f.width > 0 ? r.current.style.width = `${f.width + m.current}px` : p.width > 0 ? r.current.style.width = `${p.width + m.current}px` : r.current.style.width = `${v[s]}px`));
98
- }, [u, N, s, c, f, p]), $(() => {
99
- x && x.current && u && (m.current = N.width + E[s] + (c ? 0 : A));
100
- }, [N, x, s, c, u]), $(() => {
101
- r && r.current && u && (y && o && f.width > 0 ? (o.current && (o.current.style.opacity = "100"), r.current.style.width = `${f.width + m.current}px`) : h && p.width > 0 ? (a.current && (a.current.style.opacity = "100"), r.current.style.width = `${p.width + m.current}px`) : (o.current && (o.current.style.opacity = "0"), a.current && (a.current.style.opacity = "0"), r.current.style.width = `${v[s]}px`));
56
+ children: e,
57
+ disabled: r = !1,
58
+ mode: t = "system",
59
+ focusMode: s = "system",
60
+ fullWidth: d = !1,
61
+ className: w,
62
+ type: n = "button",
63
+ raw: h = !1,
64
+ noBorder: u = !1,
65
+ "aria-label": A,
66
+ label: D,
67
+ size: f = "medium",
68
+ labelRight: i,
69
+ labelLeft: m,
70
+ noBackground: O = !1,
71
+ align: $ = "center",
72
+ radius: F = "large",
73
+ variant: S = "primary",
74
+ iconClassName: j,
75
+ animated: o = !1,
76
+ ...P
77
+ }, T) => {
78
+ const _ = J({
79
+ type: Q,
80
+ mode: t,
81
+ focusMode: s,
82
+ fullWidth: d,
83
+ disabled: r,
84
+ raw: h,
85
+ className: w,
86
+ noBorder: u,
87
+ size: f,
88
+ labelRight: i,
89
+ labelLeft: m,
90
+ noBackground: O,
91
+ align: $,
92
+ radius: F,
93
+ variant: S,
94
+ animated: o
95
+ }), k = K({ mode: t, raw: h, iconClassName: j }), b = L({ animated: o }), [c, N] = x(), [l, C] = x(), [R, g] = x(), I = y(0), a = y(null), q = V([T, a]);
96
+ return v(() => {
97
+ R && R.current && o && (I.current = g.width + z[f] + (u ? 0 : ee));
98
+ }, [g, R, f, u, o]), v(() => {
99
+ a && a.current && o && (i && c && N.width > 0 ? (c.current && (c.current.style.opacity = "100"), a.current.style.width = `${N.width + I.current}px`) : m && C.width > 0 ? (l.current && (l.current.style.opacity = "100"), a.current.style.width = `${C.width + I.current}px`) : (c.current && (c.current.style.opacity = "0"), l.current && (l.current.style.opacity = "0"), a.current.style.width = `${Z[f]}px`));
102
100
  }, [
101
+ N,
102
+ i,
103
+ c,
104
+ C,
105
+ m,
106
+ l,
103
107
  f,
104
- y,
105
- o,
106
- p,
107
- h,
108
- a,
109
- s,
110
- u
111
- ]), /* @__PURE__ */ W(
112
- L,
108
+ o
109
+ ]), /* @__PURE__ */ G(
110
+ Y,
113
111
  {
114
- ref: M,
115
- className: G,
116
- disabled: n,
117
- type: l,
118
- "aria-label": B || F,
119
- ...k,
112
+ ref: q,
113
+ className: _,
114
+ disabled: r,
115
+ type: n,
116
+ "aria-label": A || D,
117
+ ...P,
120
118
  children: [
121
- /* @__PURE__ */ w("span", { ref: a, className: g, children: h && /* @__PURE__ */ w("span", { className: "pr-2", children: h }) }),
122
- /* @__PURE__ */ w("span", { ref: x, className: H, children: t }),
123
- /* @__PURE__ */ w("span", { ref: o, className: g, children: y && /* @__PURE__ */ w("span", { className: "pl-2", children: y }) })
119
+ /* @__PURE__ */ p("span", { ref: l, className: b, children: m && /* @__PURE__ */ p("span", { className: "pr-2", children: m }) }),
120
+ /* @__PURE__ */ p("span", { ref: R, className: k, children: e }),
121
+ /* @__PURE__ */ p("span", { ref: c, className: b, children: i && /* @__PURE__ */ p("span", { className: "pl-2", children: i }) })
124
122
  ]
125
123
  }
126
124
  );
127
125
  }
128
126
  );
129
- et.displayName = "ButtonIcon";
127
+ te.displayName = "ButtonIcon";
130
128
  export {
131
- et as ButtonIcon
129
+ te as ButtonIcon
132
130
  };
package/dist/components/Button/ButtonLink.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
2
  import b from "clsx";
3
3
  import V from "react";
4
- import { getButtonClasses as v, TYPE_LINK as C } from "../../chunks/utilities.DZA7UB1Y.js";
4
+ import { getButtonClasses as v, TYPE_LINK as C } from "../../chunks/utilities.DWIsGEuC.js";
5
5
  const L = V.forwardRef(
6
6
  ({
7
7
  children: r,
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { BUTTON_CLASSNAME as B } from "./chunks/utilities.DZA7UB1Y.js";
1
+ import { BUTTON_CLASSNAME as B } from "./chunks/utilities.DWIsGEuC.js";
2
2
  import { Button as T } from "./components/Button/Button.js";
3
3
  import { ButtonCopy as I } from "./components/Button/ButtonCopy.js";
4
4
  import { ButtonIcon as l } from "./components/Button/ButtonIcon.js";
@@ -7,13 +7,13 @@ import { jsx as e } from "react/jsx-runtime";
7
7
  import a from "clsx";
8
8
  import m from "react";
9
9
  /*!
10
- @versini/ui-button v4.2.1
10
+ @versini/ui-button v4.2.2
11
11
  © 2025 gizmette.com
12
12
  */
13
13
  try {
14
14
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
15
- version: "4.2.1",
16
- buildTime: "01/26/2025 05:19 PM EST",
15
+ version: "4.2.2",
16
+ buildTime: "01/26/2025 07:26 PM EST",
17
17
  homepage: "https://github.com/aversini/ui-components",
18
18
  license: "MIT"
19
19
  });
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-px{width:1px;height:1px}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.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}.resize{resize:both}.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{border-radius:.25rem}.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(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-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))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:size-6{width:1.5rem;height:1.5rem}}@media (min-width: 768px){.md\:size-px{width:1px;height:1px}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\: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}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-px{width:1px;height:1px}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.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}.resize{resize:both}.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{border-radius:.25rem}.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(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-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))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:size-6{width:1.5rem;height:1.5rem}}@media (min-width: 768px){.md\:size-px{width:1px;height:1px}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\: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)))}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-button",
3
- "version": "4.2.1",
3
+ "version": "4.2.2",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -52,5 +52,5 @@
52
52
  "sideEffects": [
53
53
  "**/*.css"
54
54
  ],
55
- "gitHead": "2afa12a4fcc5da2231f908342e8e18524126274b"
55
+ "gitHead": "6b7a9cc0b72a300e97994f35f4bcdbda478ba095"
56
56
  }