@versini/ui-panel 1.1.1 → 1.1.3

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 (5) hide show
  1. package/dist/chunks/index.CBOh3ekz.js +156 -0
  2. package/dist/index.js +219 -192
  3. package/dist/style.css +1 -1
  4. package/package.json +5 -5
  5. package/dist/chunks/index.MEUopFRx.js +0 -258
package/dist/chunks/index.CBOh3ekz.js ADDED
@@ -0,0 +1,156 @@
1
+ import { jsx as l, jsxs as M, Fragment as C } from "react/jsx-runtime";
2
+ import { useFloating as x, useClick as N, useDismiss as S, useRole as R, useInteractions as y, useMergeRefs as P, FloatingPortal as $, FloatingOverlay as F, FloatingFocusManager as T } from "@floating-ui/react";
3
+ import I from "clsx";
4
+ import * as s from "react";
5
+ import { useId as v } from "react";
6
+ const b = s.createContext(null);
7
+ function k({
8
+ initialOpen: e = !1,
9
+ open: t,
10
+ onOpenChange: n
11
+ } = {}) {
12
+ const [o, i] = s.useState(e), [r, a] = s.useState(), [c, f] = s.useState(), d = t ?? o, u = n ?? i, m = x({
13
+ open: d,
14
+ onOpenChange: u
15
+ }), h = m.context, w = N(h, {
16
+ enabled: t == null
17
+ }), _ = S(h, {
18
+ outsidePress: !1,
19
+ outsidePressEvent: "mousedown"
20
+ }), E = R(h), g = y([w, _, E]);
21
+ return s.useMemo(
22
+ () => ({
23
+ open: d,
24
+ setOpen: u,
25
+ ...g,
26
+ ...m,
27
+ labelId: r,
28
+ descriptionId: c,
29
+ setLabelId: a,
30
+ setDescriptionId: f
31
+ }),
32
+ [d, u, g, m, r, c]
33
+ );
34
+ }
35
+ const p = () => {
36
+ const e = s.useContext(b);
37
+ if (e == null)
38
+ throw new Error("Modal components must be wrapped in <Modal />");
39
+ return e;
40
+ };
41
+ function B({
42
+ children: e,
43
+ ...t
44
+ }) {
45
+ const n = k(t);
46
+ return /* @__PURE__ */ l(b.Provider, { value: n, children: e });
47
+ }
48
+ const U = s.forwardRef(function(e, t) {
49
+ const { context: n, ...o } = p(), i = P([o.refs.setFloating, t]);
50
+ if (!n.open)
51
+ return null;
52
+ const { overlayBackground: r, ...a } = e, c = I("grid place-items-center", {
53
+ [`${r}`]: r,
54
+ "bg-black sm:bg-black/[.8]": !r
55
+ });
56
+ return /* @__PURE__ */ l($, { children: /* @__PURE__ */ l(F, { className: c, lockScroll: !0, children: /* @__PURE__ */ l(T, { context: n, children: /* @__PURE__ */ l(
57
+ "div",
58
+ {
59
+ ref: i,
60
+ "aria-labelledby": o.labelId,
61
+ "aria-describedby": o.descriptionId,
62
+ ...o.getFloatingProps(a),
63
+ children: a.children
64
+ }
65
+ ) }) }) });
66
+ }), j = s.forwardRef(function({ children: e, ...t }, n) {
67
+ const { setLabelId: o } = p(), i = v();
68
+ return s.useLayoutEffect(() => (o(i), () => o(void 0)), [i, o]), /* @__PURE__ */ l("h1", { ...t, ref: n, id: i, children: e });
69
+ }), G = s.forwardRef(function({ children: e, ...t }, n) {
70
+ const { setDescriptionId: o } = p(), i = v();
71
+ return s.useLayoutEffect(() => (o(i), () => o(void 0)), [i, o]), /* @__PURE__ */ l("div", { ...t, ref: n, id: i, children: e });
72
+ }), H = s.forwardRef(function(e, t) {
73
+ const { setOpen: n } = p(), { trigger: o, className: i, ...r } = e, a = s.useCallback(() => n(!1), [n]);
74
+ return /* @__PURE__ */ l("div", { className: i, children: s.cloneElement(o, {
75
+ ref: t,
76
+ onClick: a,
77
+ ...r
78
+ }) });
79
+ });
80
+ /*!
81
+ @versini/ui-spacing v1.0.0
82
+ © 2024 gizmette.com
83
+ */
84
+ try {
85
+ window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
86
+ version: "1.0.0",
87
+ buildTime: "12/25/2024 10:51 AM EST",
88
+ homepage: "https://github.com/aversini/ui-components",
89
+ license: "MIT"
90
+ });
91
+ } catch {
92
+ }
93
+ const V = (e) => {
94
+ let t = "";
95
+ if (typeof e == "number" || typeof e == "string")
96
+ t = "m-" + e;
97
+ else {
98
+ const n = [];
99
+ (e == null ? void 0 : e.t) !== void 0 && n.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && n.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && n.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && n.push(`ml-${e.l}`), t = n.join(" ");
100
+ }
101
+ return t;
102
+ }, q = ({
103
+ children: e,
104
+ fill: t,
105
+ viewBox: n,
106
+ className: o,
107
+ defaultViewBox: i,
108
+ defaultClassName: r,
109
+ spacing: a,
110
+ title: c,
111
+ semantic: f = !1,
112
+ ...d
113
+ }) => {
114
+ const u = V(a), m = I(
115
+ u,
116
+ o || r
117
+ );
118
+ return /* @__PURE__ */ M(C, { children: [
119
+ /* @__PURE__ */ l(
120
+ "svg",
121
+ {
122
+ xmlns: "http://www.w3.org/2000/svg",
123
+ className: m,
124
+ viewBox: n || i,
125
+ fill: t || "currentColor",
126
+ role: "img",
127
+ "aria-hidden": !f,
128
+ focusable: !1,
129
+ ...d,
130
+ children: e
131
+ }
132
+ ),
133
+ c && f && /* @__PURE__ */ l("span", { className: "sr-only", children: c })
134
+ ] });
135
+ };
136
+ /*!
137
+ @versini/ui-private v1.7.0
138
+ © 2024 gizmette.com
139
+ */
140
+ try {
141
+ window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
142
+ version: "1.7.0",
143
+ buildTime: "12/25/2024 10:51 AM EST",
144
+ homepage: "https://github.com/aversini/ui-components",
145
+ license: "MIT"
146
+ });
147
+ } catch {
148
+ }
149
+ export {
150
+ B as Modal,
151
+ H as ModalClose,
152
+ U as ModalContent,
153
+ G as ModalDescription,
154
+ j as ModalHeading,
155
+ q as SvgIcon
156
+ };
package/dist/index.js CHANGED
@@ -1,73 +1,87 @@
1
- import { jsx as l, jsxs as y, Fragment as V } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as y, Fragment as U } from "react/jsx-runtime";
2
2
  import o from "clsx";
3
- import E, { lazy as z, useRef as U, useEffect as j, Suspense as O } from "react";
3
+ import T, { lazy as P, useRef as z, useEffect as j, Suspense as O } from "react";
4
4
  /*!
5
- @versini/ui-panel v1.1.1
5
+ @versini/ui-panel v1.1.3
6
6
  © 2024 gizmette.com
7
7
  */
8
8
  try {
9
9
  window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
10
- version: "1.1.1",
11
- buildTime: "12/18/2024 01:22 PM EST",
10
+ version: "1.1.3",
11
+ buildTime: "12/25/2024 10:51 AM EST",
12
12
  homepage: "https://github.com/aversini/ui-components",
13
13
  license: "MIT"
14
14
  });
15
15
  } catch {
16
16
  }
17
- const S = "av-messagebox", R = "av-panel", C = "av-button", W = (e) => {
18
- let t = "";
17
+ const M = "av-messagebox", R = "av-panel", C = "av-button";
18
+ /*!
19
+ @versini/ui-spacing v1.0.0
20
+ © 2024 gizmette.com
21
+ */
22
+ try {
23
+ window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
24
+ version: "1.0.0",
25
+ buildTime: "12/25/2024 10:51 AM EST",
26
+ homepage: "https://github.com/aversini/ui-components",
27
+ license: "MIT"
28
+ });
29
+ } catch {
30
+ }
31
+ const G = (e) => {
32
+ let r = "";
19
33
  if (typeof e == "number" || typeof e == "string")
20
- t = "m-" + e;
34
+ r = "m-" + e;
21
35
  else {
22
- const r = [];
23
- (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
36
+ const t = [];
37
+ (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
24
38
  }
25
- return t;
26
- }, T = "icon", D = "button", G = "link", H = ({
39
+ return r;
40
+ }, S = "icon", W = "button", D = "link", H = ({
27
41
  type: e,
28
- size: t,
29
- labelRight: r,
42
+ size: r,
43
+ labelRight: t,
30
44
  labelLeft: a,
31
- align: n
45
+ align: d
32
46
  }) => {
33
- const d = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", i = "text-lg font-medium max-h-12 py-2";
47
+ const l = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", i = "text-lg font-medium max-h-12 py-2";
34
48
  switch (e) {
35
- case D:
49
+ case W:
36
50
  return o("px-4", {
37
- [d]: t === "small",
38
- [g]: t === "medium",
39
- [i]: t === "large"
51
+ [l]: r === "small",
52
+ [g]: r === "medium",
53
+ [i]: r === "large"
40
54
  });
41
- case G:
55
+ case D:
42
56
  return o("px-4 text-center", {
43
- [d]: t === "small",
44
- [g]: t === "medium",
45
- [i]: t === "large"
57
+ [l]: r === "small",
58
+ [g]: r === "medium",
59
+ [i]: r === "large"
46
60
  });
47
- case T:
61
+ case S:
48
62
  return o("inline-flex items-center", {
49
- "justify-center": n === "center",
50
- "justify-start": n === "left",
51
- "justify-end": n === "right",
52
- "h-6 w-6 p-0": t === "small" && !(r || a),
53
- "h-6 px-4 text-sm font-medium": t === "small" && (r || a),
54
- "h-8 w-8 p-1": t === "medium" && !(r || a),
55
- "h-8 px-4 text-base font-medium": t === "medium" && (r || a),
56
- "h-12 w-12 p-2": t === "large" && !(r || a),
57
- "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
63
+ "justify-center": d === "center",
64
+ "justify-start": d === "left",
65
+ "justify-end": d === "right",
66
+ "h-6 w-6 p-0": r === "small" && !(t || a),
67
+ "h-6 px-4 text-sm font-medium": r === "small" && (t || a),
68
+ "h-8 w-8 p-1": r === "medium" && !(t || a),
69
+ "h-8 px-4 text-base font-medium": r === "medium" && (t || a),
70
+ "h-12 w-12 p-2": r === "large" && !(t || a),
71
+ "h-12 px-4 text-lg font-medium": r === "large" && (t || a)
58
72
  });
59
73
  }
60
74
  }, X = ({
61
75
  mode: e,
62
- noBackground: t,
63
- noTruncate: r,
76
+ noBackground: r,
77
+ noTruncate: t,
64
78
  variant: a
65
79
  }) => {
66
- if (t)
80
+ if (r)
67
81
  return "not-prose rounded-full";
68
82
  if (a === "primary")
69
83
  return o("not-prose rounded-full", {
70
- truncate: !r,
84
+ truncate: !t,
71
85
  "bg-action-dark text-copy-light": e === "dark",
72
86
  "bg-action-light text-copy-lighter": e === "light",
73
87
  "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
@@ -75,7 +89,7 @@ const S = "av-messagebox", R = "av-panel", C = "av-button", W = (e) => {
75
89
  });
76
90
  if (a === "secondary")
77
91
  return o("not-prose rounded-full", {
78
- truncate: !r,
92
+ truncate: !t,
79
93
  "bg-action-dark text-copy-light": e === "light",
80
94
  "bg-action-light text-copy-lighter": e === "dark",
81
95
  "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
@@ -83,7 +97,7 @@ const S = "av-messagebox", R = "av-panel", C = "av-button", W = (e) => {
83
97
  });
84
98
  if (a === "danger")
85
99
  return o("not-prose rounded-full", {
86
- truncate: !r,
100
+ truncate: !t,
87
101
  "bg-action-danger-dark text-copy-light": e === "dark",
88
102
  "bg-action-danger-light text-copy-lighter": e === "light",
89
103
  "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
@@ -91,26 +105,26 @@ const S = "av-messagebox", R = "av-panel", C = "av-button", W = (e) => {
91
105
  });
92
106
  }, Y = ({
93
107
  mode: e,
94
- disabled: t,
95
- variant: r
108
+ disabled: r,
109
+ variant: t
96
110
  }) => {
97
- if (t)
111
+ if (r)
98
112
  return "";
99
- if (r === "primary")
113
+ if (t === "primary")
100
114
  return o("hover:text-copy-light-hover", {
101
115
  "hover:bg-action-dark-hover": e === "dark",
102
116
  "hover:bg-action-light-hover": e === "light",
103
117
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
104
118
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
105
119
  });
106
- if (r === "secondary")
120
+ if (t === "secondary")
107
121
  return o("hover:text-copy-light-hover", {
108
122
  "hover:bg-action-dark-hover": e === "light",
109
123
  "hover:bg-action-light-hover": e === "dark",
110
124
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
111
125
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
112
126
  });
113
- if (r === "danger")
127
+ if (t === "danger")
114
128
  return o("hover:text-copy-light-hover", {
115
129
  "hover:bg-action-danger-dark-hover": e === "dark",
116
130
  "hover:bg-action-danger-light-hover": e === "light",
@@ -119,26 +133,26 @@ const S = "av-messagebox", R = "av-panel", C = "av-button", W = (e) => {
119
133
  });
120
134
  }, F = ({
121
135
  mode: e,
122
- disabled: t,
123
- variant: r
136
+ disabled: r,
137
+ variant: t
124
138
  }) => {
125
- if (t)
139
+ if (r)
126
140
  return "";
127
- if (r === "primary")
141
+ if (t === "primary")
128
142
  return o("active:text-copy-light-active", {
129
143
  "active:bg-action-dark-active": e === "dark",
130
144
  "active:bg-action-light-active": e === "light",
131
145
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
132
146
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
133
147
  });
134
- if (r === "secondary")
148
+ if (t === "secondary")
135
149
  return o("active:text-copy-light-active", {
136
150
  "active:bg-action-dark-active": e === "light",
137
151
  "active:bg-action-light-active": e === "dark",
138
152
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
139
153
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
140
154
  });
141
- if (r === "danger")
155
+ if (t === "danger")
142
156
  return o("active:text-copy-lighter-active", {
143
157
  "active:bg-action-danger-dark-active": e === "dark",
144
158
  "active:bg-action-danger-light-active": e === "light",
@@ -147,26 +161,26 @@ const S = "av-messagebox", R = "av-panel", C = "av-button", W = (e) => {
147
161
  });
148
162
  }, q = ({
149
163
  mode: e,
150
- noBorder: t,
151
- variant: r
164
+ noBorder: r,
165
+ variant: t
152
166
  }) => {
153
- if (t)
167
+ if (r)
154
168
  return "border border-transparent";
155
- if (r === "primary")
169
+ if (t === "primary")
156
170
  return o("border", {
157
171
  "border-border-dark": e === "dark",
158
172
  "border-border-accent": e === "light",
159
173
  "border-border-dark dark:border-border-accent": e === "system",
160
174
  "border-border-accent dark:border-border-dark": e === "alt-system"
161
175
  });
162
- if (r === "secondary")
176
+ if (t === "secondary")
163
177
  return o("border", {
164
178
  "border-border-dark": e === "light",
165
179
  "border-border-accent": e === "dark",
166
180
  "border-border-dark dark:border-border-accent": e === "alt-system",
167
181
  "border-border-accent dark:border-border-dark": e === "system"
168
182
  });
169
- if (r === "danger")
183
+ if (t === "danger")
170
184
  return o("border", {
171
185
  "border-border-danger-dark": e === "dark",
172
186
  "border-border-danger-medium": e === "light",
@@ -178,13 +192,13 @@ const S = "av-messagebox", R = "av-panel", C = "av-button", W = (e) => {
178
192
  "focus:outline-focus-light": e === "light",
179
193
  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
180
194
  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
181
- }), L = ({
195
+ }), A = ({
182
196
  type: e,
183
- className: t,
184
- raw: r,
197
+ className: r,
198
+ raw: t,
185
199
  mode: a,
186
- focusMode: n,
187
- disabled: d,
200
+ focusMode: d,
201
+ disabled: l,
188
202
  fullWidth: g,
189
203
  size: i,
190
204
  noBorder: h,
@@ -195,45 +209,45 @@ const S = "av-messagebox", R = "av-panel", C = "av-button", W = (e) => {
195
209
  variant: c,
196
210
  noTruncate: f,
197
211
  align: v
198
- }) => (c || (c = "primary"), r ? o(C, t) : o(
212
+ }) => (c || (c = "primary"), t ? o(C, r) : o(
199
213
  C,
200
- t,
201
- W(b),
214
+ r,
215
+ G(b),
202
216
  X({ mode: a, variant: c, noBackground: m, noTruncate: f }),
203
217
  H({ type: e, size: i, labelRight: s, labelLeft: u, align: v }),
204
218
  q({ mode: a, variant: c, noBorder: h }),
205
- J({ focusMode: n }),
206
- Y({ mode: a, variant: c, disabled: d }),
207
- F({ mode: a, variant: c, disabled: d }),
219
+ J({ focusMode: d }),
220
+ Y({ mode: a, variant: c, disabled: l }),
221
+ F({ mode: a, variant: c, disabled: l }),
208
222
  {
209
223
  "w-full": g,
210
- "disabled:cursor-not-allowed disabled:opacity-50": d
224
+ "disabled:cursor-not-allowed disabled:opacity-50": l
211
225
  }
212
- )), K = (e, t, r) => {
226
+ )), K = (e, r, t) => {
213
227
  var a;
214
- !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
215
- }, M = E.forwardRef((e, t) => {
216
- const { onClick: r, noInternalClick: a = !1, ...n } = e;
217
- return /* @__PURE__ */ l(
228
+ !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
229
+ }, B = T.forwardRef((e, r) => {
230
+ const { onClick: t, noInternalClick: a = !1, ...d } = e;
231
+ return /* @__PURE__ */ n(
218
232
  "button",
219
233
  {
220
- ref: t,
221
- onClick: (d) => {
222
- K(d, a, r);
234
+ ref: r,
235
+ onClick: (l) => {
236
+ K(l, a, t);
223
237
  },
224
- ...n
238
+ ...d
225
239
  }
226
240
  );
227
241
  });
228
- M.displayName = "BaseButton";
229
- const $ = E.forwardRef(
242
+ B.displayName = "BaseButton";
243
+ const $ = T.forwardRef(
230
244
  ({
231
245
  children: e,
232
- disabled: t = !1,
233
- mode: r = "system",
246
+ disabled: r = !1,
247
+ mode: t = "system",
234
248
  focusMode: a = "system",
235
- fullWidth: n = !1,
236
- className: d,
249
+ fullWidth: d = !1,
250
+ className: l,
237
251
  type: g = "button",
238
252
  raw: i = !1,
239
253
  noBorder: h = !1,
@@ -247,14 +261,14 @@ const $ = E.forwardRef(
247
261
  align: _ = "center",
248
262
  ...w
249
263
  }, N) => {
250
- const I = L({
251
- type: T,
252
- mode: r,
264
+ const I = A({
265
+ type: S,
266
+ mode: t,
253
267
  focusMode: a,
254
- fullWidth: n,
255
- disabled: t,
268
+ fullWidth: d,
269
+ disabled: r,
256
270
  raw: i,
257
- className: d,
271
+ className: l,
258
272
  noBorder: h,
259
273
  size: b,
260
274
  labelRight: m,
@@ -262,25 +276,25 @@ const $ = E.forwardRef(
262
276
  spacing: f,
263
277
  noBackground: v,
264
278
  align: _
265
- }), B = o({
266
- "text-copy-accent-dark": r === "light" && !i,
267
- "text-copy-light": r === "dark" && !i,
268
- "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !i,
269
- "text-copy-light dark:text-copy-accent-dark": r === "system" && !i
279
+ }), E = o({
280
+ "text-copy-accent-dark": t === "light" && !i,
281
+ "text-copy-light": t === "dark" && !i,
282
+ "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !i,
283
+ "text-copy-light dark:text-copy-accent-dark": t === "system" && !i
270
284
  });
271
285
  return /* @__PURE__ */ y(
272
- M,
286
+ B,
273
287
  {
274
288
  ref: N,
275
289
  className: I,
276
- disabled: t,
290
+ disabled: r,
277
291
  type: g,
278
292
  "aria-label": s || u,
279
293
  ...w,
280
294
  children: [
281
- c && /* @__PURE__ */ l("span", { className: "pr-2", children: c }),
282
- /* @__PURE__ */ l("div", { className: B, children: e }),
283
- m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
295
+ c && /* @__PURE__ */ n("span", { className: "pr-2", children: c }),
296
+ /* @__PURE__ */ n("div", { className: E, children: e }),
297
+ m && /* @__PURE__ */ n("span", { className: "pl-2", children: m })
284
298
  ]
285
299
  }
286
300
  );
@@ -288,26 +302,26 @@ const $ = E.forwardRef(
288
302
  );
289
303
  $.displayName = "ButtonIcon";
290
304
  /*!
291
- @versini/ui-button v1.2.1
305
+ @versini/ui-button v1.3.1
292
306
  © 2024 gizmette.com
293
307
  */
294
308
  try {
295
309
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
296
- version: "1.2.1",
297
- buildTime: "12/18/2024 01:22 PM EST",
310
+ version: "1.3.1",
311
+ buildTime: "12/25/2024 10:51 AM EST",
298
312
  homepage: "https://github.com/aversini/ui-components",
299
313
  license: "MIT"
300
314
  });
301
315
  } catch {
302
316
  }
303
- const Q = E.forwardRef(
317
+ const Q = T.forwardRef(
304
318
  ({
305
319
  children: e,
306
- disabled: t = !1,
307
- mode: r = "system",
320
+ disabled: r = !1,
321
+ mode: t = "system",
308
322
  focusMode: a = "system",
309
- fullWidth: n = !1,
310
- className: d,
323
+ fullWidth: d = !1,
324
+ className: l,
311
325
  type: g = "button",
312
326
  raw: i = !1,
313
327
  noBorder: h = !1,
@@ -322,14 +336,14 @@ const Q = E.forwardRef(
322
336
  active: w = !1,
323
337
  ...N
324
338
  }, I) => {
325
- const B = L({
326
- type: T,
327
- mode: r,
339
+ const E = A({
340
+ type: S,
341
+ mode: t,
328
342
  focusMode: a,
329
- fullWidth: n,
330
- disabled: t,
343
+ fullWidth: d,
344
+ disabled: r,
331
345
  raw: i,
332
- className: d,
346
+ className: l,
333
347
  noBorder: h,
334
348
  size: b,
335
349
  labelRight: m,
@@ -337,12 +351,12 @@ const Q = E.forwardRef(
337
351
  spacing: f,
338
352
  noBackground: v,
339
353
  align: _
340
- }), P = o({
341
- "text-copy-accent-dark": r === "light" && !i,
342
- "text-copy-light": r === "dark" && !i,
343
- "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !i,
344
- "text-copy-light dark:text-copy-accent-dark": r === "system" && !i
345
- }), A = w ? o(
354
+ }), L = o({
355
+ "text-copy-accent-dark": t === "light" && !i,
356
+ "text-copy-light": t === "dark" && !i,
357
+ "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !i,
358
+ "text-copy-light dark:text-copy-accent-dark": t === "system" && !i
359
+ }), V = w ? o(
346
360
  "relative",
347
361
  "focus-within:static",
348
362
  "focus-within:after:border-transparent",
@@ -353,47 +367,60 @@ const Q = E.forwardRef(
353
367
  "after:left-0",
354
368
  "after:right-0",
355
369
  {
356
- "after:border-table-dark": r === "dark",
357
- "after:border-table-light": r === "light",
358
- "after:border-table-dark dark:after:border-table-light": r === "system",
359
- "after:border-table-light dark:after:border-table-dark": r === "alt-system"
370
+ "after:border-table-dark": t === "dark",
371
+ "after:border-table-light": t === "light",
372
+ "after:border-table-dark dark:after:border-table-light": t === "system",
373
+ "after:border-table-light dark:after:border-table-dark": t === "alt-system"
360
374
  }
361
375
  ) : "";
362
- return /* @__PURE__ */ l("div", { className: A, children: /* @__PURE__ */ y(
363
- M,
376
+ return /* @__PURE__ */ n("div", { className: V, children: /* @__PURE__ */ y(
377
+ B,
364
378
  {
365
379
  ref: I,
366
- className: B,
367
- disabled: t,
380
+ className: E,
381
+ disabled: r,
368
382
  type: g,
369
383
  "aria-label": s || u,
370
384
  ...N,
371
385
  children: [
372
- c && /* @__PURE__ */ l("span", { className: "pr-2", children: c }),
373
- /* @__PURE__ */ l("div", { className: P, children: e }),
374
- m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
386
+ c && /* @__PURE__ */ n("span", { className: "pr-2", children: c }),
387
+ /* @__PURE__ */ n("div", { className: L, children: e }),
388
+ m && /* @__PURE__ */ n("span", { className: "pl-2", children: m })
375
389
  ]
376
390
  }
377
391
  ) });
378
392
  }
379
393
  );
380
394
  Q.displayName = "ButtonSort";
395
+ /*!
396
+ @versini/ui-spacing v1.0.0
397
+ © 2024 gizmette.com
398
+ */
399
+ try {
400
+ window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
401
+ version: "1.0.0",
402
+ buildTime: "12/25/2024 10:51 AM EST",
403
+ homepage: "https://github.com/aversini/ui-components",
404
+ license: "MIT"
405
+ });
406
+ } catch {
407
+ }
381
408
  const Z = (e) => {
382
- let t = "";
409
+ let r = "";
383
410
  if (typeof e == "number" || typeof e == "string")
384
- t = "m-" + e;
411
+ r = "m-" + e;
385
412
  else {
386
- const r = [];
387
- (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
413
+ const t = [];
414
+ (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
388
415
  }
389
- return t;
416
+ return r;
390
417
  }, ee = ({
391
418
  children: e,
392
- fill: t,
393
- viewBox: r,
419
+ fill: r,
420
+ viewBox: t,
394
421
  className: a,
395
- defaultViewBox: n,
396
- defaultClassName: d,
422
+ defaultViewBox: d,
423
+ defaultClassName: l,
397
424
  spacing: g,
398
425
  title: i,
399
426
  semantic: h = !1,
@@ -401,16 +428,16 @@ const Z = (e) => {
401
428
  }) => {
402
429
  const u = Z(g), b = o(
403
430
  u,
404
- a || d
431
+ a || l
405
432
  );
406
- return /* @__PURE__ */ y(V, { children: [
407
- /* @__PURE__ */ l(
433
+ return /* @__PURE__ */ y(U, { children: [
434
+ /* @__PURE__ */ n(
408
435
  "svg",
409
436
  {
410
437
  xmlns: "http://www.w3.org/2000/svg",
411
438
  className: b,
412
- viewBox: r || n,
413
- fill: t || "currentColor",
439
+ viewBox: t || d,
440
+ fill: r || "currentColor",
414
441
  role: "img",
415
442
  "aria-hidden": !h,
416
443
  focusable: !1,
@@ -418,118 +445,118 @@ const Z = (e) => {
418
445
  children: e
419
446
  }
420
447
  ),
421
- i && h && /* @__PURE__ */ l("span", { className: "sr-only", children: i })
448
+ i && h && /* @__PURE__ */ n("span", { className: "sr-only", children: i })
422
449
  ] });
423
450
  };
424
451
  /*!
425
- @versini/ui-private v1.5.1
452
+ @versini/ui-private v1.7.0
426
453
  © 2024 gizmette.com
427
454
  */
428
455
  try {
429
456
  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
430
- version: "1.5.1",
431
- buildTime: "12/18/2024 01:22 PM EST",
457
+ version: "1.7.0",
458
+ buildTime: "12/25/2024 10:51 AM EST",
432
459
  homepage: "https://github.com/aversini/ui-components",
433
460
  license: "MIT"
434
461
  });
435
462
  } catch {
436
463
  }
437
- const re = ({
464
+ const te = ({
438
465
  className: e,
439
- viewBox: t,
440
- spacing: r,
466
+ viewBox: r,
467
+ spacing: t,
441
468
  title: a,
442
- monotone: n,
443
- ...d
444
- }) => /* @__PURE__ */ l(
469
+ monotone: d,
470
+ ...l
471
+ }) => /* @__PURE__ */ n(
445
472
  ee,
446
473
  {
447
474
  defaultViewBox: "0 0 384 512",
448
475
  defaultClassName: "size-5",
449
- viewBox: t,
476
+ viewBox: r,
450
477
  className: e,
451
- spacing: r,
478
+ spacing: t,
452
479
  title: a || "Close",
453
- ...d,
454
- children: /* @__PURE__ */ l("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
480
+ ...l,
481
+ children: /* @__PURE__ */ n("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
455
482
  }
456
483
  );
457
484
  /*!
458
- @versini/ui-icons v1.16.1
485
+ @versini/ui-icons v1.17.1
459
486
  © 2024 gizmette.com
460
487
  */
461
488
  try {
462
489
  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
463
- version: "1.16.1",
464
- buildTime: "12/18/2024 01:22 PM EST",
490
+ version: "1.17.1",
491
+ buildTime: "12/25/2024 10:51 AM EST",
465
492
  homepage: "https://github.com/aversini/ui-components",
466
493
  license: "MIT"
467
494
  });
468
495
  } catch {
469
496
  }
470
- const p = "panel", x = "messagebox", te = ({
497
+ const p = "panel", x = "messagebox", re = ({
471
498
  className: e,
472
- kind: t,
473
- borderMode: r
499
+ kind: r,
500
+ borderMode: t
474
501
  }) => ({
475
502
  main: o("prose prose-lighter flex flex-col bg-surface-medium", {
476
- [`${R} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === p,
477
- [`${R} w-full sm:w-[95%] md:max-w-2xl`]: t === p && !e,
478
- [`${S} rounded-lg border-2`]: t === x,
479
- [`${S} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === x && !e,
503
+ [`${R} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: r === p,
504
+ [`${R} w-full sm:w-[95%] md:max-w-2xl`]: r === p && !e,
505
+ [`${M} rounded-lg border-2`]: r === x,
506
+ [`${M} w-[95%] sm:w-[50%] md:max-w-2xl`]: r === x && !e,
480
507
  [`${e}`]: !!e,
481
- "sm:border-border-dark": r === "dark" && t === p,
482
- "sm:border-border-accent": r === "light" && t === p,
483
- "border-border-dark": r === "dark" && t === x,
484
- "border-border-accent": r === "light" && t === x
508
+ "sm:border-border-dark": t === "dark" && r === p,
509
+ "sm:border-border-accent": t === "light" && r === p,
510
+ "border-border-dark": t === "dark" && r === x,
511
+ "border-border-accent": t === "light" && r === x
485
512
  }),
486
513
  content: "flex flex-col py-2 sm:py-4 sm:px-4 px-2 overflow-y-auto",
487
514
  footer: "flex flex-grow flex-col sm:p-4 p-2",
488
515
  header: "sm:p-4 mb-0 p-2",
489
516
  close: "sm:p-4 p-2"
490
- }), k = (e) => z(
491
- () => import("./chunks/index.MEUopFRx.js").then((t) => ({
492
- default: t[e]
517
+ }), k = (e) => P(
518
+ () => import("./chunks/index.CBOh3ekz.js").then((r) => ({
519
+ default: r[e]
493
520
  }))
494
- ), ae = k("Modal"), oe = k("ModalClose"), ie = k("ModalContent"), le = k("ModalDescription"), de = k("ModalHeading"), ge = ({
521
+ ), ae = k("Modal"), oe = k("ModalClose"), ie = k("ModalContent"), ne = k("ModalDescription"), le = k("ModalHeading"), ge = ({
495
522
  open: e,
496
- onOpenChange: t,
497
- title: r,
523
+ onOpenChange: r,
524
+ title: t,
498
525
  children: a,
499
- footer: n,
500
- borderMode: d = "light",
526
+ footer: d,
527
+ borderMode: l = "light",
501
528
  kind: g = p,
502
529
  className: i
503
530
  }) => {
504
- const h = U(""), s = te({ className: i, kind: g, borderMode: d });
505
- return j(() => (e && (h.current = document.title, document.title = `${r} | ${h.current}`), () => {
531
+ const h = z(""), s = re({ className: i, kind: g, borderMode: l });
532
+ return j(() => (e && (h.current = document.title, document.title = `${t} | ${h.current}`), () => {
506
533
  e && (document.title = h.current);
507
- }), [r, e]), /* @__PURE__ */ l(O, { fallback: /* @__PURE__ */ l("div", {}), children: e && /* @__PURE__ */ l(ae, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(ie, { className: s.main, children: [
534
+ }), [t, e]), /* @__PURE__ */ n(O, { fallback: /* @__PURE__ */ n("div", {}), children: e && /* @__PURE__ */ n(ae, { open: e, onOpenChange: r, children: /* @__PURE__ */ y(ie, { className: s.main, children: [
508
535
  /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
509
- /* @__PURE__ */ l(
536
+ /* @__PURE__ */ n(
510
537
  oe,
511
538
  {
512
539
  className: s.close,
513
- trigger: /* @__PURE__ */ l(
540
+ trigger: /* @__PURE__ */ n(
514
541
  $,
515
542
  {
516
543
  mode: "dark",
517
544
  focusMode: "light",
518
545
  noBorder: !0,
519
546
  label: "Close",
520
- children: /* @__PURE__ */ l(re, {})
547
+ children: /* @__PURE__ */ n(te, {})
521
548
  }
522
549
  )
523
550
  }
524
551
  ),
525
- /* @__PURE__ */ l(de, { className: s.header, children: r })
552
+ /* @__PURE__ */ n(le, { className: s.header, children: t })
526
553
  ] }),
527
- /* @__PURE__ */ l(le, { className: s.content, children: a }),
528
- n && /* @__PURE__ */ l("div", { className: s.footer, children: n })
554
+ /* @__PURE__ */ n(ne, { className: s.content, children: a }),
555
+ d && /* @__PURE__ */ n("div", { className: s.footer, children: d })
529
556
  ] }) }) });
530
557
  };
531
558
  export {
532
- S as MESSAGEBOX_CLASSNAME,
559
+ M as MESSAGEBOX_CLASSNAME,
533
560
  R as PANEL_CLASSNAME,
534
561
  ge as Panel
535
562
  };
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}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:inherit}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;-webkit-padding-start:1em;padding-inline-start:1em;border-left-width:6px}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;-webkit-padding-end:.375em;padding-inline-end:.375em;padding-bottom:.1875em;-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875rem;line-height:1.25rem;margin-top:2rem;margin-bottom:2rem;border-radius:.375rem;padding-top:.8571429em;-webkit-padding-end:1.1428571em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;-webkit-padding-start:1.1428571em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;-webkit-padding-end:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;-webkit-padding-start:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em;font-size:1rem}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:0;padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-end:0;padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;-webkit-padding-end:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;-webkit-padding-start:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:0;padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-end:0;padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(h1,h2,h3,h4,h5,h6):not(:where([class~=not-prose],[class~=not-prose] *)){font-family:Open Sans,ui-sans-serif,system-ui,sans-serif;font-weight:400}.prose :where(.av-header h1,.av-header h2,.av-header h3,.av-header h4,.av-header h5,.av-header h6):not(:where([class~=not-prose],[class~=not-prose] *)){margin:0}.prose :where(.av-header p):not(:where([class~=not-prose],[class~=not-prose] *)){margin:0}.prose :where(blockquote p):not(:where([class~=not-prose],[class~=not-prose] *)){font-family:Georgia,Cambria,Times New Roman,Times,serif}.prose-lighter{--tw-prose-body: #ffffff;--tw-prose-headings: #e2e8f0;--tw-prose-lead: #ffffff;--tw-prose-links: #ffffff;--tw-prose-bold: #ffffff;--tw-prose-counters: #e2e8f0;--tw-prose-bullets: #e2e8f0;--tw-prose-hr: #e2e8f0;--tw-prose-quotes: #ffffff;--tw-prose-quote-borders: #ffffff;--tw-prose-captions: #ffffff;--tw-prose-code: #ffffff;--tw-prose-pre-code: #ffffff;--tw-prose-pre-bg: #0f172a;--tw-prose-kbd: #ffffff}.prose-lighter :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){color:#fff}@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}.visible{visibility:visible}.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}.grid{display:grid}.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}.max-h-full{max-height:100%}.min-h-full{min-height:100%}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[95\%\]{width:95%}.w-full{width:100%}.flex-grow{flex-grow:1}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.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)))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-surface-medium{--tw-bg-opacity: 1;background-color:var(--av-surface-medium, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-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 (min-width: 640px){.sm\:max-h-\[95\%\]{max-height:95%}.sm\:min-h-\[10rem\]{min-height:10rem}.sm\:w-\[50\%\]{width:50%}.sm\:w-\[95\%\]{width:95%}.sm\:rounded-lg{border-radius:.5rem}.sm\:border-2{border-width:2px}.sm\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.sm\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.sm\:bg-black\/\[\.8\]{background-color:#000c}.sm\:p-4{padding:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}}@media (min-width: 768px){.md\:max-w-2xl{max-width:42rem}}@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}.prose{color:var(--tw-prose-body);max-width:inherit}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;-webkit-padding-start:1em;padding-inline-start:1em;border-left-width:6px}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;-webkit-padding-end:.375em;padding-inline-end:.375em;padding-bottom:.1875em;-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875rem;line-height:1.25rem;margin-top:2rem;margin-bottom:2rem;border-radius:.375rem;padding-top:.8571429em;-webkit-padding-end:1.1428571em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;-webkit-padding-start:1.1428571em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;-webkit-padding-end:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;-webkit-padding-start:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em;font-size:1rem}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:0;padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-end:0;padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;-webkit-padding-end:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;-webkit-padding-start:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:0;padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-end:0;padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(h1,h2,h3,h4,h5,h6):not(:where([class~=not-prose],[class~=not-prose] *)){font-family:Open Sans,ui-sans-serif,system-ui,sans-serif;font-weight:400}.prose :where(.av-header h1,.av-header h2,.av-header h3,.av-header h4,.av-header h5,.av-header h6):not(:where([class~=not-prose],[class~=not-prose] *)){margin:0}.prose :where(.av-header p):not(:where([class~=not-prose],[class~=not-prose] *)){margin:0}.prose :where(blockquote p):not(:where([class~=not-prose],[class~=not-prose] *)){font-family:Georgia,Cambria,Times New Roman,Times,serif}.prose-lighter{--tw-prose-body: #ffffff;--tw-prose-headings: #e2e8f0;--tw-prose-lead: #ffffff;--tw-prose-links: #ffffff;--tw-prose-bold: #ffffff;--tw-prose-counters: #e2e8f0;--tw-prose-bullets: #e2e8f0;--tw-prose-hr: #e2e8f0;--tw-prose-quotes: #ffffff;--tw-prose-quote-borders: #ffffff;--tw-prose-captions: #ffffff;--tw-prose-code: #ffffff;--tw-prose-pre-code: #ffffff;--tw-prose-pre-bg: #0f172a;--tw-prose-kbd: #ffffff}.prose-lighter :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){color:#fff}@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}.grid{display:grid}.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}.max-h-full{max-height:100%}.min-h-full{min-height:100%}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[95\%\]{width:95%}.w-full{width:100%}.flex-grow{flex-grow:1}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.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)))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-surface-medium{--tw-bg-opacity: 1;background-color:var(--av-surface-medium, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-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 (min-width: 640px){.sm\:max-h-\[95\%\]{max-height:95%}.sm\:min-h-\[10rem\]{min-height:10rem}.sm\:w-\[50\%\]{width:50%}.sm\:w-\[95\%\]{width:95%}.sm\:rounded-lg{border-radius:.5rem}.sm\:border-2{border-width:2px}.sm\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.sm\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.sm\:bg-black\/\[\.8\]{background-color:#000c}.sm\:p-4{padding:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}}@media (min-width: 768px){.md\:max-w-2xl{max-width:42rem}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-panel",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -39,14 +39,14 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@tailwindcss/typography": "0.5.15",
42
- "@versini/ui-button": "1.2.1",
43
- "@versini/ui-icons": "1.16.1",
44
- "@versini/ui-private": "1.5.1",
42
+ "@versini/ui-button": "1.3.1",
43
+ "@versini/ui-icons": "1.17.1",
44
+ "@versini/ui-private": "1.7.0",
45
45
  "clsx": "2.1.1",
46
46
  "tailwindcss": "3.4.17"
47
47
  },
48
48
  "sideEffects": [
49
49
  "**/*.css"
50
50
  ],
51
- "gitHead": "123c2555b25210da73697c4fdd3b6a5f67a3b993"
51
+ "gitHead": "a15d974fcc1a098a9f35a80ff37b1b0901278d96"
52
52
  }
package/dist/chunks/index.MEUopFRx.js DELETED
@@ -1,258 +0,0 @@
1
- import { jsx as i, jsxs as T, Fragment as D } from "react/jsx-runtime";
2
- import y from "clsx";
3
- import * as c from "react";
4
- import { useRef as A, useReducer as M, useEffect as _, useId as R } from "react";
5
- import { useFloating as x, useClick as S, useDismiss as $, useRole as F, useInteractions as O, useMergeRefs as P, FloatingPortal as k, FloatingOverlay as L, FloatingFocusManager as U } from "@floating-ui/react";
6
- const w = "SET_ANNOUNCEMENT", I = "CLEAR_ANNOUNCEMENT", V = {
7
- alert: null,
8
- alertdialog: null,
9
- log: "polite",
10
- marquee: null,
11
- progressbar: null,
12
- status: "polite",
13
- timer: "assertive"
14
- }, B = (e, n) => {
15
- switch (n == null ? void 0 : n.type) {
16
- case w:
17
- return {
18
- ...e,
19
- announcement: n.payload
20
- };
21
- case I:
22
- return {
23
- ...e,
24
- announcement: null
25
- };
26
- default:
27
- return e;
28
- }
29
- }, j = ({
30
- onAnnouncementClear: e,
31
- dispatch: n
32
- }) => {
33
- n({
34
- type: I
35
- }), typeof e == "function" && e();
36
- }, C = ({
37
- children: e,
38
- clearAnnouncementDelay: n,
39
- clearAnnouncementTimeoutRef: o,
40
- onAnnouncementClear: l,
41
- dispatch: t
42
- }) => {
43
- clearTimeout(o.current), e !== null && t({
44
- type: w,
45
- payload: e
46
- }), n && (o.current = setTimeout(
47
- () => j({
48
- onAnnouncementClear: l,
49
- dispatch: t
50
- }),
51
- n
52
- ));
53
- }, q = ({
54
- children: e,
55
- announcementTimeoutRef: n,
56
- announcementDelay: o,
57
- clearAnnouncementDelay: l,
58
- clearAnnouncementTimeoutRef: t,
59
- onAnnouncementClear: r,
60
- dispatch: a
61
- }) => {
62
- clearTimeout(n.current), o ? n.current = setTimeout(C, o, {
63
- children: e,
64
- clearAnnouncementDelay: l,
65
- clearAnnouncementTimeoutRef: t,
66
- onAnnouncementClear: r,
67
- dispatch: a
68
- }) : C({
69
- children: e,
70
- clearAnnouncementDelay: l,
71
- clearAnnouncementTimeoutRef: t,
72
- onAnnouncementClear: r,
73
- dispatch: a
74
- });
75
- };
76
- function W({
77
- children: e,
78
- className: n,
79
- politeness: o,
80
- role: l = null,
81
- announcementDelay: t,
82
- clearAnnouncementDelay: r,
83
- onAnnouncementClear: a,
84
- visible: s,
85
- ...p
86
- }) {
87
- const u = A(null), d = A(null), [m, f] = M(B, {
88
- announcement: null
89
- });
90
- let h = o;
91
- typeof h > "u" && (h = l ? V[l] : "assertive"), _(() => {
92
- q({
93
- announcementTimeoutRef: u,
94
- announcementDelay: t,
95
- children: e,
96
- clearAnnouncementDelay: r,
97
- clearAnnouncementTimeoutRef: d,
98
- onAnnouncementClear: a,
99
- dispatch: f
100
- });
101
- }, [
102
- e,
103
- t,
104
- r,
105
- a
106
- ]);
107
- const g = y(n, {
108
- "sr-only": !s
109
- });
110
- return /* @__PURE__ */ i(
111
- "div",
112
- {
113
- "aria-live": h,
114
- ...l && { role: l },
115
- className: g,
116
- ...p,
117
- children: m.announcement
118
- }
119
- );
120
- }
121
- const E = c.createContext(null);
122
- function H({
123
- initialOpen: e = !1,
124
- open: n,
125
- onOpenChange: o
126
- } = {}) {
127
- const [l, t] = c.useState(e), [r, a] = c.useState(), [s, p] = c.useState(), u = n ?? l, d = o ?? t, m = x({
128
- open: u,
129
- onOpenChange: d
130
- }), f = m.context, h = S(f, {
131
- enabled: n == null
132
- }), g = $(f, {
133
- outsidePress: !1,
134
- outsidePressEvent: "mousedown"
135
- }), N = F(f), b = O([h, g, N]);
136
- return c.useMemo(
137
- () => ({
138
- open: u,
139
- setOpen: d,
140
- ...b,
141
- ...m,
142
- labelId: r,
143
- descriptionId: s,
144
- setLabelId: a,
145
- setDescriptionId: p
146
- }),
147
- [u, d, b, m, r, s]
148
- );
149
- }
150
- const v = () => {
151
- const e = c.useContext(E);
152
- if (e == null)
153
- throw new Error("Modal components must be wrapped in <Modal />");
154
- return e;
155
- };
156
- function X({
157
- children: e,
158
- ...n
159
- }) {
160
- const o = H(n);
161
- return /* @__PURE__ */ i(E.Provider, { value: o, children: e });
162
- }
163
- const Y = c.forwardRef(function(e, n) {
164
- const { context: o, ...l } = v(), t = P([l.refs.setFloating, n]);
165
- if (!o.open)
166
- return null;
167
- const { overlayBackground: r, ...a } = e, s = y("grid place-items-center", {
168
- [`${r}`]: r,
169
- "bg-black sm:bg-black/[.8]": !r
170
- });
171
- return /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(L, { className: s, lockScroll: !0, children: /* @__PURE__ */ i(U, { context: o, children: /* @__PURE__ */ i(
172
- "div",
173
- {
174
- ref: t,
175
- "aria-labelledby": l.labelId,
176
- "aria-describedby": l.descriptionId,
177
- ...l.getFloatingProps(a),
178
- children: a.children
179
- }
180
- ) }) }) });
181
- }), Z = c.forwardRef(function({ children: e, ...n }, o) {
182
- const { setLabelId: l } = v(), t = R();
183
- return c.useLayoutEffect(() => (l(t), () => l(void 0)), [t, l]), /* @__PURE__ */ i("h1", { ...n, ref: o, id: t, children: e });
184
- }), ee = c.forwardRef(function({ children: e, ...n }, o) {
185
- const { setDescriptionId: l } = v(), t = R();
186
- return c.useLayoutEffect(() => (l(t), () => l(void 0)), [t, l]), /* @__PURE__ */ i("div", { ...n, ref: o, id: t, children: e });
187
- }), ne = c.forwardRef(function(e, n) {
188
- const { setOpen: o } = v(), { trigger: l, className: t, ...r } = e, a = c.useCallback(() => o(!1), [o]);
189
- return /* @__PURE__ */ i("div", { className: t, children: c.cloneElement(l, {
190
- ref: n,
191
- onClick: a,
192
- ...r
193
- }) });
194
- }), z = (e) => {
195
- let n = "";
196
- if (typeof e == "number" || typeof e == "string")
197
- n = "m-" + e;
198
- else {
199
- const o = [];
200
- (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), n = o.join(" ");
201
- }
202
- return n;
203
- }, oe = ({
204
- children: e,
205
- fill: n,
206
- viewBox: o,
207
- className: l,
208
- defaultViewBox: t,
209
- defaultClassName: r,
210
- spacing: a,
211
- title: s,
212
- semantic: p = !1,
213
- ...u
214
- }) => {
215
- const d = z(a), m = y(
216
- d,
217
- l || r
218
- );
219
- return /* @__PURE__ */ T(D, { children: [
220
- /* @__PURE__ */ i(
221
- "svg",
222
- {
223
- xmlns: "http://www.w3.org/2000/svg",
224
- className: m,
225
- viewBox: o || t,
226
- fill: n || "currentColor",
227
- role: "img",
228
- "aria-hidden": !p,
229
- focusable: !1,
230
- ...u,
231
- children: e
232
- }
233
- ),
234
- s && p && /* @__PURE__ */ i("span", { className: "sr-only", children: s })
235
- ] });
236
- };
237
- /*!
238
- @versini/ui-private v1.5.1
239
- © 2024 gizmette.com
240
- */
241
- try {
242
- window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
243
- version: "1.5.1",
244
- buildTime: "12/18/2024 01:22 PM EST",
245
- homepage: "https://github.com/aversini/ui-components",
246
- license: "MIT"
247
- });
248
- } catch {
249
- }
250
- export {
251
- W as LiveRegion,
252
- X as Modal,
253
- ne as ModalClose,
254
- Y as ModalContent,
255
- ee as ModalDescription,
256
- Z as ModalHeading,
257
- oe as SvgIcon
258
- };