@versini/ui-button 1.6.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/chunks/{utilities.E-2pjQyx.js → utilities.BWGZmbN4.js} +131 -101
  2. package/dist/components/Button/Button.js +14 -14
  3. package/dist/components/Button/ButtonIcon.js +15 -15
  4. package/dist/components/Button/ButtonLink.js +4 -4
  5. package/dist/index.d.ts +10 -7
  6. package/dist/index.js +17 -17
  7. package/dist/style.css +1 -1
  8. package/package.json +4 -5
package/dist/chunks/{utilities.E-2pjQyx.js → utilities.BWGZmbN4.js} RENAMED
@@ -1,218 +1,248 @@
1
1
  import a from "clsx";
2
- const s = "av-button";
3
- /*!
4
- @versini/ui-spacing v1.1.0
5
- © 2024 gizmette.com
6
- */
7
- try {
8
- window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
9
- version: "1.1.0",
10
- buildTime: "12/26/2024 06:05 PM EST",
11
- homepage: "https://github.com/aversini/ui-components",
12
- license: "MIT"
13
- });
14
- } catch {
15
- }
16
- const p = (t) => {
17
- let e = "";
18
- if (typeof t == "number" || typeof t == "string")
19
- e = "m-" + t;
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(" ");
23
- }
24
- return e;
25
- }, f = "icon", x = "button", m = "link", _ = ({
2
+ const l = "av-button", p = "icon", x = "button", f = "link", m = ({
26
3
  type: t,
27
- size: e,
28
- labelRight: r,
4
+ size: r,
5
+ labelRight: e,
29
6
  labelLeft: i,
30
- align: n
7
+ align: c
31
8
  }) => {
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";
9
+ const o = "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
10
  switch (t) {
34
11
  case x:
35
12
  return a("px-4", {
36
- [o]: e === "small",
37
- [g]: e === "medium",
38
- [d]: e === "large"
13
+ [o]: r === "small",
14
+ [g]: r === "medium",
15
+ [n]: r === "large"
39
16
  });
40
- case m:
17
+ case f:
41
18
  return a("px-4 text-center", {
42
- [o]: e === "small",
43
- [g]: e === "medium",
44
- [d]: e === "large"
19
+ [o]: r === "small",
20
+ [g]: r === "medium",
21
+ [n]: r === "large"
45
22
  });
46
- case f:
23
+ case p:
47
24
  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)
25
+ "justify-center": c === "center",
26
+ "justify-start": c === "left",
27
+ "justify-end": c === "right",
28
+ "h-6 w-6 p-0": r === "small" && !(e || i),
29
+ "h-6 px-4 text-sm font-medium": r === "small" && (e || i),
30
+ "h-8 w-8 p-1": r === "medium" && !(e || i),
31
+ "h-8 px-4 text-base font-medium": r === "medium" && (e || i),
32
+ "h-12 w-12 p-2": r === "large" && !(e || i),
33
+ "h-12 px-4 text-lg font-medium": r === "large" && (e || i)
57
34
  });
58
35
  }
59
36
  }, C = ({
60
37
  mode: t,
61
- noBackground: e,
62
- noTruncate: r,
63
- variant: i
38
+ noBackground: r,
39
+ noTruncate: e,
40
+ variant: i,
41
+ radius: c
64
42
  }) => {
65
- if (e)
66
- return "not-prose rounded-full";
43
+ if (r)
44
+ return a("not-prose", {
45
+ "rounded-full": c === "large",
46
+ "rounded-md": c === "medium",
47
+ "rounded-sm": c === "small"
48
+ });
67
49
  if (i === "primary")
68
- return a("not-prose rounded-full", {
69
- truncate: !r,
50
+ return a("not-prose", {
51
+ "rounded-full": c === "large",
52
+ "rounded-md": c === "medium",
53
+ "rounded-sm": c === "small",
54
+ truncate: !e,
70
55
  "bg-action-dark text-copy-light": t === "dark",
71
56
  "bg-action-light text-copy-lighter": t === "light",
72
57
  "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": t === "system",
73
58
  "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": t === "alt-system"
74
59
  });
75
60
  if (i === "secondary")
76
- return a("not-prose rounded-full", {
77
- truncate: !r,
61
+ return a("not-prose", {
62
+ "rounded-full": c === "large",
63
+ "rounded-md": c === "medium",
64
+ "rounded-sm": c === "small",
65
+ truncate: !e,
78
66
  "bg-action-dark text-copy-light": t === "light",
79
67
  "bg-action-light text-copy-lighter": t === "dark",
80
68
  "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": t === "alt-system",
81
69
  "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": t === "system"
82
70
  });
83
71
  if (i === "danger")
84
- return a("not-prose rounded-full", {
85
- truncate: !r,
72
+ return a("not-prose", {
73
+ "rounded-full": c === "large",
74
+ "rounded-md": c === "medium",
75
+ "rounded-sm": c === "small",
76
+ truncate: !e,
86
77
  "bg-action-danger-dark text-copy-light": t === "dark",
87
78
  "bg-action-danger-light text-copy-lighter": t === "light",
88
79
  "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": t === "system",
89
80
  "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": t === "alt-system"
90
81
  });
82
+ if (i === "selected")
83
+ return a("not-prose", {
84
+ "rounded-full": c === "large",
85
+ "rounded-md": c === "medium",
86
+ "rounded-sm": c === "small",
87
+ truncate: !e,
88
+ "bg-action-selected-dark text-copy-light": t === "dark",
89
+ "bg-action-selected-light text-copy-lighter": t === "light",
90
+ "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": t === "system",
91
+ "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": t === "alt-system"
92
+ });
91
93
  }, B = ({
92
94
  mode: t,
93
- disabled: e,
94
- variant: r
95
+ disabled: r,
96
+ variant: e
95
97
  }) => {
96
- if (e)
98
+ if (r)
97
99
  return "";
98
- if (r === "primary")
100
+ if (e === "primary")
99
101
  return a("hover:text-copy-light-hover", {
100
102
  "hover:bg-action-dark-hover": t === "dark",
101
103
  "hover:bg-action-light-hover": t === "light",
102
104
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": t === "system",
103
105
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": t === "alt-system"
104
106
  });
105
- if (r === "secondary")
107
+ if (e === "secondary")
106
108
  return a("hover:text-copy-light-hover", {
107
109
  "hover:bg-action-dark-hover": t === "light",
108
110
  "hover:bg-action-light-hover": t === "dark",
109
111
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": t === "alt-system",
110
112
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": t === "system"
111
113
  });
112
- if (r === "danger")
114
+ if (e === "danger")
113
115
  return a("hover:text-copy-light-hover", {
114
116
  "hover:bg-action-danger-dark-hover": t === "dark",
115
117
  "hover:bg-action-danger-light-hover": t === "light",
116
118
  "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": t === "system",
117
119
  "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": t === "alt-system"
118
120
  });
119
- }, I = ({
121
+ if (e === "selected")
122
+ return a("hover:text-copy-light-hover", {
123
+ "hover:bg-action-selected-dark-hover": t === "dark",
124
+ "hover:bg-action-selected-light-hover": t === "light",
125
+ "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": t === "system",
126
+ "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": t === "alt-system"
127
+ });
128
+ }, w = ({
120
129
  mode: t,
121
- disabled: e,
122
- variant: r
130
+ disabled: r,
131
+ variant: e
123
132
  }) => {
124
- if (e)
133
+ if (r)
125
134
  return "";
126
- if (r === "primary")
135
+ if (e === "primary")
127
136
  return a("active:text-copy-light-active", {
128
137
  "active:bg-action-dark-active": t === "dark",
129
138
  "active:bg-action-light-active": t === "light",
130
139
  "active:bg-action-dark-active dark:active:bg-action-light-active": t === "system",
131
140
  "active:bg-action-light-active dark:active:bg-action-dark-active": t === "alt-system"
132
141
  });
133
- if (r === "secondary")
142
+ if (e === "secondary")
134
143
  return a("active:text-copy-light-active", {
135
144
  "active:bg-action-dark-active": t === "light",
136
145
  "active:bg-action-light-active": t === "dark",
137
146
  "active:bg-action-dark-active dark:active:bg-action-light-active": t === "alt-system",
138
147
  "active:bg-action-light-active dark:active:bg-action-dark-active": t === "system"
139
148
  });
140
- if (r === "danger")
149
+ if (e === "danger")
141
150
  return a("active:text-copy-lighter-active", {
142
151
  "active:bg-action-danger-dark-active": t === "dark",
143
152
  "active:bg-action-danger-light-active": t === "light",
144
153
  "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": t === "system",
145
154
  "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": t === "alt-system"
146
155
  });
147
- }, w = ({
156
+ if (e === "selected")
157
+ return a("active:text-copy-lighter-active", {
158
+ "active:bg-action-selected-dark-active": t === "dark",
159
+ "active:bg-action-selected-light-active": t === "light",
160
+ "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": t === "system",
161
+ "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": t === "alt-system"
162
+ });
163
+ }, E = ({
148
164
  mode: t,
149
- noBorder: e,
150
- variant: r
165
+ noBorder: r,
166
+ variant: e
151
167
  }) => {
152
- if (e)
168
+ if (r)
153
169
  return "border border-transparent";
154
- if (r === "primary")
170
+ if (e === "primary")
155
171
  return a("border", {
156
172
  "border-border-dark": t === "dark",
157
173
  "border-border-accent": t === "light",
158
174
  "border-border-dark dark:border-border-accent": t === "system",
159
175
  "border-border-accent dark:border-border-dark": t === "alt-system"
160
176
  });
161
- if (r === "secondary")
177
+ if (e === "secondary")
162
178
  return a("border", {
163
179
  "border-border-dark": t === "light",
164
180
  "border-border-accent": t === "dark",
165
181
  "border-border-dark dark:border-border-accent": t === "alt-system",
166
182
  "border-border-accent dark:border-border-dark": t === "system"
167
183
  });
168
- if (r === "danger")
184
+ if (e === "danger")
169
185
  return a("border", {
170
186
  "border-border-danger-dark": t === "dark",
171
187
  "border-border-danger-medium": t === "light",
172
188
  "border-border-danger-dark dark:border-border-danger-medium": t === "system",
173
189
  "border-border-danger-medium dark:border-border-danger-dark": t === "alt-system"
174
190
  });
175
- }, N = ({ focusMode: t }) => a("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
191
+ if (e === "selected")
192
+ return a("border", {
193
+ "border-border-selected-dark": t === "dark",
194
+ "border-border-selected-medium": t === "light",
195
+ "border-border-selected-dark dark:border-border-selected-medium": t === "system",
196
+ "border-border-selected-medium dark:border-border-selected-dark": t === "alt-system"
197
+ });
198
+ }, N = ({
199
+ focusMode: t
200
+ }) => a("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
176
201
  "focus:outline-focus-dark": t === "dark",
177
202
  "focus:outline-focus-light": t === "light",
178
203
  "focus:outline-focus-light dark:focus:outline-focus-dark": t === "alt-system",
179
204
  "focus:outline-focus-dark dark:focus:outline-focus-light": t === "system"
180
- }), T = ({
205
+ }), _ = ({
181
206
  type: t,
182
- className: e,
183
- raw: r,
207
+ className: r,
208
+ raw: e,
184
209
  mode: i,
185
- focusMode: n,
210
+ focusMode: c,
186
211
  disabled: o,
187
212
  fullWidth: g,
188
- size: d,
189
- noBorder: l,
213
+ size: n,
214
+ noBorder: s,
190
215
  labelRight: h,
191
216
  labelLeft: b,
192
- spacing: u,
193
217
  noBackground: k,
194
- variant: c,
218
+ variant: d,
195
219
  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 }),
220
+ align: u,
221
+ radius: y
222
+ }) => (d || (d = "primary"), e ? a(l, r) : a(
223
+ l,
224
+ C({
225
+ mode: i,
226
+ variant: d,
227
+ noBackground: k,
228
+ noTruncate: v,
229
+ radius: y
230
+ }),
231
+ m({ type: t, size: n, labelRight: h, labelLeft: b, align: u }),
232
+ E({ mode: i, variant: d, noBorder: s }),
233
+ N({ focusMode: c }),
234
+ B({ mode: i, variant: d, disabled: o }),
235
+ w({ mode: i, variant: d, disabled: o }),
207
236
  {
208
237
  "w-full": g,
209
238
  "disabled:cursor-not-allowed disabled:opacity-50": o
210
- }
239
+ },
240
+ r
211
241
  ));
212
242
  export {
213
- s as BUTTON_CLASSNAME,
243
+ l as BUTTON_CLASSNAME,
214
244
  x as TYPE_BUTTON,
215
- f as TYPE_ICON,
216
- m as TYPE_LINK,
217
- T as getButtonClasses
245
+ p as TYPE_ICON,
246
+ f as TYPE_LINK,
247
+ _ as getButtonClasses
218
248
  };
package/dist/components/Button/Button.js CHANGED
@@ -1,8 +1,8 @@
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 x, TYPE_BUTTON as C } from "../../chunks/utilities.E-2pjQyx.js";
5
- const R = N.forwardRef(
4
+ import { getButtonClasses as g, TYPE_BUTTON as x } from "../../chunks/utilities.BWGZmbN4.js";
5
+ const C = N.forwardRef(
6
6
  ({
7
7
  children: s,
8
8
  disabled: t = !1,
@@ -12,14 +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,
17
- variant: n = "primary",
18
- noTruncate: i = !1,
15
+ noBorder: l = !1,
16
+ variant: p = "primary",
17
+ noTruncate: n = !1,
18
+ radius: i = "large",
19
19
  ...u
20
20
  }, B) => {
21
- const y = x({
22
- type: C,
21
+ const y = g({
22
+ type: x,
23
23
  mode: e,
24
24
  focusMode: o,
25
25
  fullWidth: r,
@@ -27,10 +27,10 @@ const R = N.forwardRef(
27
27
  raw: f,
28
28
  className: a,
29
29
  size: m,
30
- noBorder: p,
31
- spacing: l,
32
- variant: n,
33
- noTruncate: i
30
+ noBorder: l,
31
+ variant: p,
32
+ noTruncate: n,
33
+ radius: i
34
34
  });
35
35
  return /* @__PURE__ */ c(
36
36
  T,
@@ -44,7 +44,7 @@ const R = N.forwardRef(
44
44
  );
45
45
  }
46
46
  );
47
- R.displayName = "Button";
47
+ C.displayName = "Button";
48
48
  export {
49
- R as Button
49
+ C as Button
50
50
  };
package/dist/components/Button/ButtonIcon.js CHANGED
@@ -1,16 +1,16 @@
1
- import { jsxs as g, jsx as c } from "react/jsx-runtime";
1
+ import { jsxs as C, jsx as c } from "react/jsx-runtime";
2
2
  import I from "clsx";
3
3
  import j from "react";
4
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";
5
+ import { getButtonClasses as _, TYPE_ICON as E } from "../../chunks/utilities.BWGZmbN4.js";
6
6
  const O = j.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,
@@ -19,33 +19,33 @@ const O = j.forwardRef(
19
19
  size: x = "medium",
20
20
  labelRight: a,
21
21
  labelLeft: e,
22
- spacing: u,
23
- noBackground: d = !1,
24
- align: k = "center",
22
+ noBackground: u = !1,
23
+ align: d = "center",
24
+ radius: k = "large",
25
25
  ...N
26
26
  }, h) => {
27
27
  const B = _({
28
28
  type: E,
29
29
  mode: t,
30
30
  focusMode: n,
31
- fullWidth: p,
31
+ fullWidth: l,
32
32
  disabled: o,
33
33
  raw: s,
34
- className: l,
34
+ className: p,
35
35
  noBorder: i,
36
36
  size: x,
37
37
  labelRight: a,
38
38
  labelLeft: e,
39
- spacing: u,
40
- noBackground: d,
41
- align: k
42
- }), C = I({
39
+ noBackground: u,
40
+ align: d,
41
+ radius: k
42
+ }), g = I({
43
43
  "text-copy-accent-dark": t === "light" && !s,
44
44
  "text-copy-light": t === "dark" && !s,
45
45
  "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
46
46
  "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
47
47
  });
48
- return /* @__PURE__ */ g(
48
+ return /* @__PURE__ */ C(
49
49
  v,
50
50
  {
51
51
  ref: h,
@@ -56,7 +56,7 @@ const O = j.forwardRef(
56
56
  ...N,
57
57
  children: [
58
58
  e && /* @__PURE__ */ c("span", { className: "pr-2", children: e }),
59
- /* @__PURE__ */ c("div", { className: C, children: r }),
59
+ /* @__PURE__ */ c("div", { className: g, children: r }),
60
60
  a && /* @__PURE__ */ c("span", { className: "pl-2", children: a })
61
61
  ]
62
62
  }
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.E-2pjQyx.js";
4
+ import { getButtonClasses as V, TYPE_LINK as C } from "../../chunks/utilities.BWGZmbN4.js";
5
5
  const L = v.forwardRef(
6
6
  ({
7
7
  children: r,
@@ -15,7 +15,7 @@ const L = v.forwardRef(
15
15
  target: t,
16
16
  noTruncate: l = !1,
17
17
  noNewWindowIcon: p = !1,
18
- spacing: h,
18
+ radius: h = "large",
19
19
  ...w
20
20
  }, x) => {
21
21
  const u = V({
@@ -28,8 +28,8 @@ const L = v.forwardRef(
28
28
  className: i,
29
29
  size: m,
30
30
  noBorder: f,
31
- spacing: h,
32
- noTruncate: l
31
+ noTruncate: l,
32
+ radius: h
33
33
  }), s = t === "_blank", y = {
34
34
  target: t,
35
35
  rel: s ? "noopener noreferrer" : void 0,
package/dist/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import * as _versini_ui_types from '@versini/ui-types';
2
1
  import React from 'react';
3
2
 
4
3
  declare const BUTTON_CLASSNAME = "av-button";
@@ -8,7 +7,7 @@ declare const Button: React.ForwardRefExoticComponent<{
8
7
  disabled?: boolean;
9
8
  noTruncate?: boolean;
10
9
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
11
- variant?: "primary" | "secondary" | "danger";
10
+ variant?: "primary" | "secondary" | "danger" | "selected";
12
11
  } & {
13
12
  className?: string;
14
13
  focusMode?: "dark" | "light" | "system" | "alt-system";
@@ -18,7 +17,8 @@ declare const Button: React.ForwardRefExoticComponent<{
18
17
  noInternalClick?: boolean;
19
18
  raw?: boolean;
20
19
  size?: "small" | "medium" | "large";
21
- } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
20
+ radius?: "small" | "medium" | "large";
21
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
22
22
 
23
23
  declare const ButtonIcon: React.ForwardRefExoticComponent<{
24
24
  children: React.ReactNode;
@@ -36,7 +36,8 @@ declare const ButtonIcon: React.ForwardRefExoticComponent<{
36
36
  noInternalClick?: boolean;
37
37
  raw?: boolean;
38
38
  size?: "small" | "medium" | "large";
39
- } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
39
+ radius?: "small" | "medium" | "large";
40
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
40
41
 
41
42
  declare const ButtonLink: React.ForwardRefExoticComponent<{
42
43
  noNewWindowIcon?: boolean;
@@ -47,7 +48,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<{
47
48
  disabled?: boolean;
48
49
  noTruncate?: boolean;
49
50
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
50
- variant?: "primary" | "secondary" | "danger";
51
+ variant?: "primary" | "secondary" | "danger" | "selected";
51
52
  } & {
52
53
  className?: string;
53
54
  focusMode?: "dark" | "light" | "system" | "alt-system";
@@ -57,7 +58,8 @@ declare const ButtonLink: React.ForwardRefExoticComponent<{
57
58
  noInternalClick?: boolean;
58
59
  raw?: boolean;
59
60
  size?: "small" | "medium" | "large";
60
- } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
61
+ radius?: "small" | "medium" | "large";
62
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
61
63
 
62
64
  declare const ButtonSort_private: React.ForwardRefExoticComponent<{
63
65
  active?: boolean;
@@ -77,6 +79,7 @@ declare const ButtonSort_private: React.ForwardRefExoticComponent<{
77
79
  noInternalClick?: boolean;
78
80
  raw?: boolean;
79
81
  size?: "small" | "medium" | "large";
80
- } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
82
+ radius?: "small" | "medium" | "large";
83
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
81
84
 
82
85
  export { BUTTON_CLASSNAME, Button, ButtonIcon, ButtonLink, ButtonSort_private };
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
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";
1
+ import { getButtonClasses as I, TYPE_ICON as v } from "./chunks/utilities.BWGZmbN4.js";
2
+ import { BUTTON_CLASSNAME as V } from "./chunks/utilities.BWGZmbN4.js";
3
3
  import { Button as q } from "./components/Button/Button.js";
4
4
  import { ButtonIcon as D } from "./components/Button/ButtonIcon.js";
5
5
  import { ButtonLink as G } from "./components/Button/ButtonLink.js";
@@ -8,13 +8,13 @@ import c from "clsx";
8
8
  import C from "react";
9
9
  import { BaseButton_private as E } from "./chunks/BaseButton.BFKIL4GO.js";
10
10
  /*!
11
- @versini/ui-button v1.6.0
11
+ @versini/ui-button v2.0.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: "2.0.0",
17
+ buildTime: "12/29/2024 04:16 PM EST",
18
18
  homepage: "https://github.com/aversini/ui-components",
19
19
  license: "MIT"
20
20
  });
@@ -36,13 +36,13 @@ const U = C.forwardRef(
36
36
  size: h = "medium",
37
37
  labelRight: a,
38
38
  labelLeft: s,
39
- spacing: u,
40
- noBackground: _ = !1,
41
- align: x = "center",
42
- active: y = !1,
39
+ noBackground: u = !1,
40
+ align: _ = "center",
41
+ active: x = !1,
42
+ radius: y = "large",
43
43
  ...k
44
44
  }, N) => {
45
- const B = I({
45
+ const g = I({
46
46
  type: v,
47
47
  mode: t,
48
48
  focusMode: n,
@@ -54,15 +54,15 @@ const U = C.forwardRef(
54
54
  size: h,
55
55
  labelRight: a,
56
56
  labelLeft: s,
57
- spacing: u,
58
- noBackground: _,
59
- align: x
60
- }), g = c({
57
+ noBackground: u,
58
+ align: _,
59
+ radius: y
60
+ }), B = c({
61
61
  "text-copy-accent-dark": t === "light" && !r,
62
62
  "text-copy-light": t === "dark" && !r,
63
63
  "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !r,
64
64
  "text-copy-light dark:text-copy-accent-dark": t === "system" && !r
65
- }), T = y ? c(
65
+ }), T = x ? c(
66
66
  "relative",
67
67
  "focus-within:static",
68
68
  "focus-within:after:border-transparent",
@@ -83,14 +83,14 @@ const U = C.forwardRef(
83
83
  E,
84
84
  {
85
85
  ref: N,
86
- className: B,
86
+ className: g,
87
87
  disabled: i,
88
88
  type: p,
89
89
  "aria-label": d || b,
90
90
  ...k,
91
91
  children: [
92
92
  s && /* @__PURE__ */ e("span", { className: "pr-2", children: s }),
93
- /* @__PURE__ */ e("div", { className: g, children: o }),
93
+ /* @__PURE__ */ e("div", { className: B, children: o }),
94
94
  a && /* @__PURE__ */ e("span", { className: "pl-2", children: a })
95
95
  ]
96
96
  }
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}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.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": "2.0.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -38,17 +38,16 @@
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": "2.0.0"
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-types": "2.0.0",
47
46
  "clsx": "2.1.1",
48
47
  "tailwindcss": "3.4.17"
49
48
  },
50
49
  "sideEffects": [
51
50
  "**/*.css"
52
51
  ],
53
- "gitHead": "abbb7b1770a9130157721d514fe20267fd15f35e"
52
+ "gitHead": "1ac4ef9fd8d68f6e247711f623af2f6bec72df23"
54
53
  }