@versini/ui-button 1.7.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.
@@ -1,119 +1,96 @@
1
1
  import a from "clsx";
2
- const l = "av-button";
3
- /*!
4
- @versini/ui-spacing v1.1.1
5
- © 2024 gizmette.com
6
- */
7
- try {
8
- window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
9
- version: "1.1.1",
10
- buildTime: "12/28/2024 05:53 PM EST",
11
- homepage: "https://github.com/aversini/ui-components",
12
- license: "MIT"
13
- });
14
- } catch {
15
- }
16
- const m = (t) => {
17
- let r = "";
18
- if (typeof t == "number" || typeof t == "string")
19
- r = "m-" + t;
20
- else {
21
- const e = [];
22
- (t == null ? void 0 : t.t) !== void 0 && e.push(`mt-${t.t}`), (t == null ? void 0 : t.r) !== void 0 && e.push(`mr-${t.r}`), (t == null ? void 0 : t.b) !== void 0 && e.push(`mb-${t.b}`), (t == null ? void 0 : t.l) !== void 0 && e.push(`ml-${t.l}`), r = e.join(" ");
23
- }
24
- return r;
25
- }, f = "icon", x = "button", _ = "link", C = ({
2
+ const l = "av-button", p = "icon", x = "button", f = "link", m = ({
26
3
  type: t,
27
4
  size: r,
28
5
  labelRight: e,
29
- labelLeft: o,
30
- align: i
6
+ labelLeft: i,
7
+ align: c
31
8
  }) => {
32
- const c = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", n = "text-lg font-medium max-h-12 py-2";
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
- [c]: r === "small",
13
+ [o]: r === "small",
37
14
  [g]: r === "medium",
38
15
  [n]: r === "large"
39
16
  });
40
- case _:
17
+ case f:
41
18
  return a("px-4 text-center", {
42
- [c]: r === "small",
19
+ [o]: r === "small",
43
20
  [g]: r === "medium",
44
21
  [n]: r === "large"
45
22
  });
46
- case f:
23
+ case p:
47
24
  return a("inline-flex items-center", {
48
- "justify-center": i === "center",
49
- "justify-start": i === "left",
50
- "justify-end": i === "right",
51
- "h-6 w-6 p-0": r === "small" && !(e || o),
52
- "h-6 px-4 text-sm font-medium": r === "small" && (e || o),
53
- "h-8 w-8 p-1": r === "medium" && !(e || o),
54
- "h-8 px-4 text-base font-medium": r === "medium" && (e || o),
55
- "h-12 w-12 p-2": r === "large" && !(e || o),
56
- "h-12 px-4 text-lg font-medium": r === "large" && (e || o)
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
- }, B = ({
36
+ }, C = ({
60
37
  mode: t,
61
38
  noBackground: r,
62
39
  noTruncate: e,
63
- variant: o,
64
- radius: i
40
+ variant: i,
41
+ radius: c
65
42
  }) => {
66
43
  if (r)
67
44
  return a("not-prose", {
68
- "rounded-full": i === "large",
69
- "rounded-md": i === "medium",
70
- "rounded-sm": i === "small"
45
+ "rounded-full": c === "large",
46
+ "rounded-md": c === "medium",
47
+ "rounded-sm": c === "small"
71
48
  });
72
- if (o === "primary")
49
+ if (i === "primary")
73
50
  return a("not-prose", {
74
- "rounded-full": i === "large",
75
- "rounded-md": i === "medium",
76
- "rounded-sm": i === "small",
51
+ "rounded-full": c === "large",
52
+ "rounded-md": c === "medium",
53
+ "rounded-sm": c === "small",
77
54
  truncate: !e,
78
55
  "bg-action-dark text-copy-light": t === "dark",
79
56
  "bg-action-light text-copy-lighter": t === "light",
80
57
  "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": t === "system",
81
58
  "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": t === "alt-system"
82
59
  });
83
- if (o === "secondary")
60
+ if (i === "secondary")
84
61
  return a("not-prose", {
85
- "rounded-full": i === "large",
86
- "rounded-md": i === "medium",
87
- "rounded-sm": i === "small",
62
+ "rounded-full": c === "large",
63
+ "rounded-md": c === "medium",
64
+ "rounded-sm": c === "small",
88
65
  truncate: !e,
89
66
  "bg-action-dark text-copy-light": t === "light",
90
67
  "bg-action-light text-copy-lighter": t === "dark",
91
68
  "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": t === "alt-system",
92
69
  "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": t === "system"
93
70
  });
94
- if (o === "danger")
71
+ if (i === "danger")
95
72
  return a("not-prose", {
96
- "rounded-full": i === "large",
97
- "rounded-md": i === "medium",
98
- "rounded-sm": i === "small",
73
+ "rounded-full": c === "large",
74
+ "rounded-md": c === "medium",
75
+ "rounded-sm": c === "small",
99
76
  truncate: !e,
100
77
  "bg-action-danger-dark text-copy-light": t === "dark",
101
78
  "bg-action-danger-light text-copy-lighter": t === "light",
102
79
  "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": t === "system",
103
80
  "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": t === "alt-system"
104
81
  });
105
- if (o === "selected")
82
+ if (i === "selected")
106
83
  return a("not-prose", {
107
- "rounded-full": i === "large",
108
- "rounded-md": i === "medium",
109
- "rounded-sm": i === "small",
84
+ "rounded-full": c === "large",
85
+ "rounded-md": c === "medium",
86
+ "rounded-sm": c === "small",
110
87
  truncate: !e,
111
88
  "bg-action-selected-dark text-copy-light": t === "dark",
112
89
  "bg-action-selected-light text-copy-lighter": t === "light",
113
90
  "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": t === "system",
114
91
  "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": t === "alt-system"
115
92
  });
116
- }, I = ({
93
+ }, B = ({
117
94
  mode: t,
118
95
  disabled: r,
119
96
  variant: e
@@ -183,7 +160,7 @@ const m = (t) => {
183
160
  "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": t === "system",
184
161
  "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": t === "alt-system"
185
162
  });
186
- }, N = ({
163
+ }, E = ({
187
164
  mode: t,
188
165
  noBorder: r,
189
166
  variant: e
@@ -218,56 +195,54 @@ const m = (t) => {
218
195
  "border-border-selected-dark dark:border-border-selected-medium": t === "system",
219
196
  "border-border-selected-medium dark:border-border-selected-dark": t === "alt-system"
220
197
  });
221
- }, S = ({
198
+ }, N = ({
222
199
  focusMode: t
223
200
  }) => a("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
224
201
  "focus:outline-focus-dark": t === "dark",
225
202
  "focus:outline-focus-light": t === "light",
226
203
  "focus:outline-focus-light dark:focus:outline-focus-dark": t === "alt-system",
227
204
  "focus:outline-focus-dark dark:focus:outline-focus-light": t === "system"
228
- }), T = ({
205
+ }), _ = ({
229
206
  type: t,
230
207
  className: r,
231
208
  raw: e,
232
- mode: o,
233
- focusMode: i,
234
- disabled: c,
209
+ mode: i,
210
+ focusMode: c,
211
+ disabled: o,
235
212
  fullWidth: g,
236
213
  size: n,
237
214
  noBorder: s,
238
215
  labelRight: h,
239
216
  labelLeft: b,
240
- spacing: k,
241
- noBackground: v,
217
+ noBackground: k,
242
218
  variant: d,
243
- noTruncate: u,
244
- align: y,
245
- radius: p
219
+ noTruncate: v,
220
+ align: u,
221
+ radius: y
246
222
  }) => (d || (d = "primary"), e ? a(l, r) : a(
247
223
  l,
248
- r,
249
- m(k),
250
- B({
251
- mode: o,
224
+ C({
225
+ mode: i,
252
226
  variant: d,
253
- noBackground: v,
254
- noTruncate: u,
255
- radius: p
227
+ noBackground: k,
228
+ noTruncate: v,
229
+ radius: y
256
230
  }),
257
- C({ type: t, size: n, labelRight: h, labelLeft: b, align: y }),
258
- N({ mode: o, variant: d, noBorder: s }),
259
- S({ focusMode: i }),
260
- I({ mode: o, variant: d, disabled: c }),
261
- w({ mode: o, variant: d, disabled: c }),
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 }),
262
236
  {
263
237
  "w-full": g,
264
- "disabled:cursor-not-allowed disabled:opacity-50": c
265
- }
238
+ "disabled:cursor-not-allowed disabled:opacity-50": o
239
+ },
240
+ r
266
241
  ));
267
242
  export {
268
243
  l as BUTTON_CLASSNAME,
269
244
  x as TYPE_BUTTON,
270
- f as TYPE_ICON,
271
- _ as TYPE_LINK,
272
- T as getButtonClasses
245
+ p as TYPE_ICON,
246
+ f as TYPE_LINK,
247
+ _ as getButtonClasses
273
248
  };
@@ -1,8 +1,8 @@
1
- import { jsx as N } from "react/jsx-runtime";
2
- import T from "react";
3
- import { BaseButton_private as g } from "../../chunks/BaseButton.BFKIL4GO.js";
4
- import { getButtonClasses as x, TYPE_BUTTON as C } from "../../chunks/utilities.3-gVSv1A.js";
5
- const R = T.forwardRef(
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import N from "react";
3
+ import { BaseButton_private as T } from "../../chunks/BaseButton.BFKIL4GO.js";
4
+ import { getButtonClasses as 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,
@@ -13,14 +13,13 @@ const R = T.forwardRef(
13
13
  size: m = "medium",
14
14
  raw: f = !1,
15
15
  noBorder: l = !1,
16
- spacing: p,
17
- variant: n = "primary",
18
- noTruncate: i = !1,
19
- radius: u = "large",
20
- ...B
21
- }, y) => {
22
- const c = x({
23
- type: C,
16
+ variant: p = "primary",
17
+ noTruncate: n = !1,
18
+ radius: i = "large",
19
+ ...u
20
+ }, B) => {
21
+ const y = g({
22
+ type: x,
24
23
  mode: e,
25
24
  focusMode: o,
26
25
  fullWidth: r,
@@ -29,24 +28,23 @@ const R = T.forwardRef(
29
28
  className: a,
30
29
  size: m,
31
30
  noBorder: l,
32
- spacing: p,
33
- variant: n,
34
- noTruncate: i,
35
- radius: u
31
+ variant: p,
32
+ noTruncate: n,
33
+ radius: i
36
34
  });
37
- return /* @__PURE__ */ N(
38
- g,
35
+ return /* @__PURE__ */ c(
36
+ T,
39
37
  {
40
- ref: y,
41
- className: c,
38
+ ref: B,
39
+ className: y,
42
40
  disabled: t,
43
- ...B,
41
+ ...u,
44
42
  children: s
45
43
  }
46
44
  );
47
45
  }
48
46
  );
49
- R.displayName = "Button";
47
+ C.displayName = "Button";
50
48
  export {
51
- R as Button
49
+ C as Button
52
50
  };
@@ -1,9 +1,9 @@
1
- import { jsxs as I, jsx as c } from "react/jsx-runtime";
2
- import j from "clsx";
3
- import v from "react";
4
- import { BaseButton_private as _ } from "../../chunks/BaseButton.BFKIL4GO.js";
5
- import { getButtonClasses as E, TYPE_ICON as O } from "../../chunks/utilities.3-gVSv1A.js";
6
- const P = v.forwardRef(
1
+ import { jsxs as C, jsx as c } from "react/jsx-runtime";
2
+ import I from "clsx";
3
+ import j from "react";
4
+ import { BaseButton_private as v } from "../../chunks/BaseButton.BFKIL4GO.js";
5
+ import { getButtonClasses as _, TYPE_ICON as E } from "../../chunks/utilities.BWGZmbN4.js";
6
+ const O = j.forwardRef(
7
7
  ({
8
8
  children: r,
9
9
  disabled: o = !1,
@@ -19,14 +19,13 @@ const P = v.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",
25
- radius: N = "large",
26
- ...h
27
- }, B) => {
28
- const g = E({
29
- type: O,
22
+ noBackground: u = !1,
23
+ align: d = "center",
24
+ radius: k = "large",
25
+ ...N
26
+ }, h) => {
27
+ const B = _({
28
+ type: E,
30
29
  mode: t,
31
30
  focusMode: n,
32
31
  fullWidth: l,
@@ -37,35 +36,34 @@ const P = v.forwardRef(
37
36
  size: x,
38
37
  labelRight: a,
39
38
  labelLeft: e,
40
- spacing: u,
41
- noBackground: d,
42
- align: k,
43
- radius: N
44
- }), C = j({
39
+ noBackground: u,
40
+ align: d,
41
+ radius: k
42
+ }), g = I({
45
43
  "text-copy-accent-dark": t === "light" && !s,
46
44
  "text-copy-light": t === "dark" && !s,
47
45
  "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
48
46
  "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
49
47
  });
50
- return /* @__PURE__ */ I(
51
- _,
48
+ return /* @__PURE__ */ C(
49
+ v,
52
50
  {
53
- ref: B,
54
- className: g,
51
+ ref: h,
52
+ className: B,
55
53
  disabled: o,
56
54
  type: m,
57
55
  "aria-label": y || f,
58
- ...h,
56
+ ...N,
59
57
  children: [
60
58
  e && /* @__PURE__ */ c("span", { className: "pr-2", children: e }),
61
- /* @__PURE__ */ c("div", { className: C, children: r }),
59
+ /* @__PURE__ */ c("div", { className: g, children: r }),
62
60
  a && /* @__PURE__ */ c("span", { className: "pl-2", children: a })
63
61
  ]
64
62
  }
65
63
  );
66
64
  }
67
65
  );
68
- P.displayName = "ButtonIcon";
66
+ O.displayName = "ButtonIcon";
69
67
  export {
70
- P as ButtonIcon
68
+ O as ButtonIcon
71
69
  };
@@ -1,8 +1,8 @@
1
1
  import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
- import v from "clsx";
3
- import V from "react";
4
- import { getButtonClasses as C, TYPE_LINK as L } from "../../chunks/utilities.3-gVSv1A.js";
5
- const g = V.forwardRef(
2
+ import b from "clsx";
3
+ import v from "react";
4
+ import { getButtonClasses as V, TYPE_LINK as C } from "../../chunks/utilities.BWGZmbN4.js";
5
+ const L = v.forwardRef(
6
6
  ({
7
7
  children: r,
8
8
  mode: o = "system",
@@ -15,12 +15,11 @@ const g = V.forwardRef(
15
15
  target: t,
16
16
  noTruncate: l = !1,
17
17
  noNewWindowIcon: p = !1,
18
- spacing: h,
19
- radius: w = "large",
20
- ...x
21
- }, u) => {
22
- const y = C({
23
- type: L,
18
+ radius: h = "large",
19
+ ...w
20
+ }, x) => {
21
+ const u = V({
22
+ type: C,
24
23
  mode: o,
25
24
  focusMode: c,
26
25
  fullWidth: n,
@@ -29,19 +28,18 @@ const g = V.forwardRef(
29
28
  className: i,
30
29
  size: m,
31
30
  noBorder: f,
32
- spacing: h,
33
31
  noTruncate: l,
34
- radius: w
35
- }), s = t === "_blank", N = {
32
+ radius: h
33
+ }), s = t === "_blank", y = {
36
34
  target: t,
37
35
  rel: s ? "noopener noreferrer" : void 0,
38
- ...x
39
- }, b = v({
36
+ ...w
37
+ }, N = b({
40
38
  truncate: !l,
41
39
  "basis-11/12": !l && s
42
40
  });
43
- return /* @__PURE__ */ e("a", { ref: u, className: y, ...N, children: /* @__PURE__ */ a("div", { role: "text", className: "flex items-center justify-center", children: [
44
- /* @__PURE__ */ a("div", { className: b, children: [
41
+ return /* @__PURE__ */ e("a", { ref: x, className: u, ...y, children: /* @__PURE__ */ a("div", { role: "text", className: "flex items-center justify-center", children: [
42
+ /* @__PURE__ */ a("div", { className: N, children: [
45
43
  r,
46
44
  s && /* @__PURE__ */ e("span", { className: "sr-only", children: ", opens in a new window" })
47
45
  ] }),
@@ -68,7 +66,7 @@ const g = V.forwardRef(
68
66
  ] }) });
69
67
  }
70
68
  );
71
- g.displayName = "ButtonLink";
69
+ L.displayName = "ButtonLink";
72
70
  export {
73
- g as ButtonLink
71
+ L as ButtonLink
74
72
  };
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";
@@ -19,7 +18,7 @@ declare const Button: React.ForwardRefExoticComponent<{
19
18
  raw?: boolean;
20
19
  size?: "small" | "medium" | "large";
21
20
  radius?: "small" | "medium" | "large";
22
- } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
21
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
23
22
 
24
23
  declare const ButtonIcon: React.ForwardRefExoticComponent<{
25
24
  children: React.ReactNode;
@@ -38,7 +37,7 @@ declare const ButtonIcon: React.ForwardRefExoticComponent<{
38
37
  raw?: boolean;
39
38
  size?: "small" | "medium" | "large";
40
39
  radius?: "small" | "medium" | "large";
41
- } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
40
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
42
41
 
43
42
  declare const ButtonLink: React.ForwardRefExoticComponent<{
44
43
  noNewWindowIcon?: boolean;
@@ -60,7 +59,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<{
60
59
  raw?: boolean;
61
60
  size?: "small" | "medium" | "large";
62
61
  radius?: "small" | "medium" | "large";
63
- } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
62
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
64
63
 
65
64
  declare const ButtonSort_private: React.ForwardRefExoticComponent<{
66
65
  active?: boolean;
@@ -81,6 +80,6 @@ declare const ButtonSort_private: React.ForwardRefExoticComponent<{
81
80
  raw?: boolean;
82
81
  size?: "small" | "medium" | "large";
83
82
  radius?: "small" | "medium" | "large";
84
- } & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
83
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
85
84
 
86
85
  export { BUTTON_CLASSNAME, Button, ButtonIcon, ButtonLink, ButtonSort_private };
package/dist/index.js CHANGED
@@ -1,26 +1,26 @@
1
- import { getButtonClasses as v, TYPE_ICON as S } from "./chunks/utilities.3-gVSv1A.js";
2
- import { BUTTON_CLASSNAME as Y } from "./chunks/utilities.3-gVSv1A.js";
3
- import { Button as z } from "./components/Button/Button.js";
4
- import { ButtonIcon as F } from "./components/Button/ButtonIcon.js";
5
- import { ButtonLink as H } from "./components/Button/ButtonLink.js";
6
- import { jsx as e, jsxs as C } from "react/jsx-runtime";
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
+ import { Button as q } from "./components/Button/Button.js";
4
+ import { ButtonIcon as D } from "./components/Button/ButtonIcon.js";
5
+ import { ButtonLink as G } from "./components/Button/ButtonLink.js";
6
+ import { jsx as e, jsxs as S } from "react/jsx-runtime";
7
7
  import c from "clsx";
8
- import E from "react";
9
- import { BaseButton_private as U } from "./chunks/BaseButton.BFKIL4GO.js";
8
+ import C from "react";
9
+ import { BaseButton_private as E } from "./chunks/BaseButton.BFKIL4GO.js";
10
10
  /*!
11
- @versini/ui-button v1.7.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.7.0",
17
- buildTime: "12/28/2024 05:53 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
  });
21
21
  } catch {
22
22
  }
23
- const O = E.forwardRef(
23
+ const U = C.forwardRef(
24
24
  ({
25
25
  children: o,
26
26
  disabled: i = !1,
@@ -36,15 +36,14 @@ const O = E.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,
43
- radius: k = "large",
44
- ...N
45
- }, g) => {
46
- const B = v({
47
- type: S,
39
+ noBackground: u = !1,
40
+ align: _ = "center",
41
+ active: x = !1,
42
+ radius: y = "large",
43
+ ...k
44
+ }, N) => {
45
+ const g = I({
46
+ type: v,
48
47
  mode: t,
49
48
  focusMode: n,
50
49
  fullWidth: l,
@@ -55,16 +54,15 @@ const O = E.forwardRef(
55
54
  size: h,
56
55
  labelRight: a,
57
56
  labelLeft: s,
58
- spacing: u,
59
- noBackground: _,
60
- align: x,
61
- radius: k
62
- }), T = c({
57
+ noBackground: u,
58
+ align: _,
59
+ radius: y
60
+ }), B = c({
63
61
  "text-copy-accent-dark": t === "light" && !r,
64
62
  "text-copy-light": t === "dark" && !r,
65
63
  "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !r,
66
64
  "text-copy-light dark:text-copy-accent-dark": t === "system" && !r
67
- }), I = y ? c(
65
+ }), T = x ? c(
68
66
  "relative",
69
67
  "focus-within:static",
70
68
  "focus-within:after:border-transparent",
@@ -81,29 +79,29 @@ const O = E.forwardRef(
81
79
  "after:border-table-light dark:after:border-table-dark": t === "alt-system"
82
80
  }
83
81
  ) : "";
84
- return /* @__PURE__ */ e("div", { className: I, children: /* @__PURE__ */ C(
85
- U,
82
+ return /* @__PURE__ */ e("div", { className: T, children: /* @__PURE__ */ S(
83
+ E,
86
84
  {
87
- ref: g,
88
- className: B,
85
+ ref: N,
86
+ className: g,
89
87
  disabled: i,
90
88
  type: p,
91
89
  "aria-label": d || b,
92
- ...N,
90
+ ...k,
93
91
  children: [
94
92
  s && /* @__PURE__ */ e("span", { className: "pr-2", children: s }),
95
- /* @__PURE__ */ e("div", { className: T, children: o }),
93
+ /* @__PURE__ */ e("div", { className: B, children: o }),
96
94
  a && /* @__PURE__ */ e("span", { className: "pl-2", children: a })
97
95
  ]
98
96
  }
99
97
  ) });
100
98
  }
101
99
  );
102
- O.displayName = "ButtonSort";
100
+ U.displayName = "ButtonSort";
103
101
  export {
104
- Y as BUTTON_CLASSNAME,
105
- z as Button,
106
- F as ButtonIcon,
107
- H as ButtonLink,
108
- O as ButtonSort_private
102
+ V as BUTTON_CLASSNAME,
103
+ q as Button,
104
+ D as ButtonIcon,
105
+ G as ButtonLink,
106
+ U as ButtonSort_private
109
107
  };
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}.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)))}}
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.7.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.1"
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.1",
46
- "@versini/ui-types": "1.1.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": "900bc75dfbd7b5635476cfd59ba97711ce7be2fc"
52
+ "gitHead": "1ac4ef9fd8d68f6e247711f623af2f6bec72df23"
54
53
  }