@versini/ui-panel 1.3.15 → 1.3.16
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.
- package/dist/index.js +203 -203
- package/dist/style.css +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -1,82 +1,82 @@
|
|
|
1
|
-
import { jsx as n, jsxs as x, Fragment as
|
|
1
|
+
import { jsx as n, jsxs as x, Fragment as P } from "react/jsx-runtime";
|
|
2
2
|
import i from "clsx";
|
|
3
3
|
import * as m from "react";
|
|
4
|
-
import C, { useId as
|
|
4
|
+
import C, { useId as V, useRef as D, useEffect as W } from "react";
|
|
5
5
|
import { useFloating as G, useClick as Y, useDismiss as X, useRole as q, useInteractions as H, useMergeRefs as J, FloatingPortal as K, FloatingOverlay as Q, FloatingFocusManager as Z } from "@floating-ui/react";
|
|
6
6
|
/*!
|
|
7
|
-
@versini/ui-panel v1.3.
|
|
7
|
+
@versini/ui-panel v1.3.16
|
|
8
8
|
© 2025 gizmette.com
|
|
9
9
|
*/
|
|
10
10
|
try {
|
|
11
11
|
window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
|
|
12
|
-
version: "1.3.
|
|
13
|
-
buildTime: "01/
|
|
12
|
+
version: "1.3.16",
|
|
13
|
+
buildTime: "01/24/2025 09:19 AM EST",
|
|
14
14
|
homepage: "https://github.com/aversini/ui-components",
|
|
15
15
|
license: "MIT"
|
|
16
16
|
});
|
|
17
17
|
} catch {
|
|
18
18
|
}
|
|
19
|
-
const
|
|
19
|
+
const O = "av-messagebox", $ = "av-panel", A = "av-button", _ = "icon", z = "button", M = "link", ee = ({
|
|
20
20
|
type: e,
|
|
21
|
-
size:
|
|
21
|
+
size: a,
|
|
22
22
|
labelRight: r,
|
|
23
|
-
labelLeft:
|
|
23
|
+
labelLeft: t,
|
|
24
24
|
align: o
|
|
25
25
|
}) => {
|
|
26
|
-
const
|
|
26
|
+
const l = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", s = "max-h-12 py-2 px-4";
|
|
27
27
|
switch (e) {
|
|
28
|
-
case
|
|
28
|
+
case z:
|
|
29
29
|
case M:
|
|
30
30
|
return i({
|
|
31
|
-
[
|
|
32
|
-
[
|
|
33
|
-
[
|
|
31
|
+
[l]: a === "small",
|
|
32
|
+
[d]: a === "medium",
|
|
33
|
+
[s]: a === "large"
|
|
34
34
|
});
|
|
35
35
|
case _:
|
|
36
36
|
return i("inline-flex items-center", {
|
|
37
37
|
"justify-center": o === "center",
|
|
38
38
|
"justify-start": o === "left",
|
|
39
39
|
"justify-end": o === "right",
|
|
40
|
-
"h-6 w-6 p-0":
|
|
41
|
-
"h-6 px-2":
|
|
42
|
-
"h-8 w-8 p-1":
|
|
43
|
-
"h-8 px-3":
|
|
44
|
-
"h-12 w-12 p-2":
|
|
45
|
-
"h-12 px-4":
|
|
40
|
+
"h-6 w-6 p-0": a === "small" && !(r || t),
|
|
41
|
+
"h-6 px-2": a === "small" && (r || t),
|
|
42
|
+
"h-8 w-8 p-1": a === "medium" && !(r || t),
|
|
43
|
+
"h-8 px-3": a === "medium" && (r || t),
|
|
44
|
+
"h-12 w-12 p-2": a === "large" && !(r || t),
|
|
45
|
+
"h-12 px-4": a === "large" && (r || t)
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
48
|
}, re = ({
|
|
49
49
|
type: e,
|
|
50
|
-
size:
|
|
50
|
+
size: a,
|
|
51
51
|
labelRight: r,
|
|
52
|
-
labelLeft:
|
|
52
|
+
labelLeft: t
|
|
53
53
|
}) => {
|
|
54
|
-
const o = "text-sm font-medium",
|
|
54
|
+
const o = "text-sm font-medium", l = "text-base font-medium", d = "text-lg font-medium";
|
|
55
55
|
switch (e) {
|
|
56
|
-
case
|
|
56
|
+
case z:
|
|
57
57
|
case M:
|
|
58
58
|
return i({
|
|
59
59
|
"text-center": e === M,
|
|
60
|
-
[o]:
|
|
61
|
-
[
|
|
62
|
-
[
|
|
60
|
+
[o]: a === "small",
|
|
61
|
+
[l]: a === "medium",
|
|
62
|
+
[d]: a === "large"
|
|
63
63
|
});
|
|
64
64
|
case _:
|
|
65
65
|
return i({
|
|
66
|
-
[o]:
|
|
67
|
-
[
|
|
68
|
-
[
|
|
66
|
+
[o]: a === "small" && (r || t),
|
|
67
|
+
[l]: a === "medium" && (r || t),
|
|
68
|
+
[d]: a === "large" && (r || t)
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
|
-
},
|
|
71
|
+
}, ae = ({
|
|
72
72
|
mode: e,
|
|
73
|
-
noBackground:
|
|
73
|
+
noBackground: a,
|
|
74
74
|
noTruncate: r,
|
|
75
|
-
variant:
|
|
75
|
+
variant: t
|
|
76
76
|
}) => {
|
|
77
|
-
if (
|
|
77
|
+
if (a)
|
|
78
78
|
return "not-prose";
|
|
79
|
-
if (
|
|
79
|
+
if (t === "primary")
|
|
80
80
|
return i("not-prose", {
|
|
81
81
|
truncate: !r,
|
|
82
82
|
"text-copy-light": e === "dark" || e === "system",
|
|
@@ -84,7 +84,7 @@ const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "but
|
|
|
84
84
|
"dark:text-copy-lighter": e === "system",
|
|
85
85
|
"dark:text-copy-light": e === "alt-system"
|
|
86
86
|
});
|
|
87
|
-
if (
|
|
87
|
+
if (t === "secondary")
|
|
88
88
|
return i("not-prose", {
|
|
89
89
|
truncate: !r,
|
|
90
90
|
"text-copy-light": e === "light" || e === "system",
|
|
@@ -92,7 +92,7 @@ const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "but
|
|
|
92
92
|
"dark:text-copy-lighter": e === "alt-system",
|
|
93
93
|
"dark:text-copy-light": e === "system"
|
|
94
94
|
});
|
|
95
|
-
if (
|
|
95
|
+
if (t === "danger")
|
|
96
96
|
return i("not-prose", {
|
|
97
97
|
truncate: !r,
|
|
98
98
|
"text-copy-light": e === "dark" || e === "system",
|
|
@@ -100,16 +100,16 @@ const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "but
|
|
|
100
100
|
"dark:text-copy-lighter": e === "system",
|
|
101
101
|
"dark:text-copy-light": e === "alt-system"
|
|
102
102
|
});
|
|
103
|
-
if (
|
|
103
|
+
if (t === "selected")
|
|
104
104
|
return i("not-prose text-copy-lighter", {
|
|
105
105
|
truncate: !r
|
|
106
106
|
});
|
|
107
|
-
},
|
|
107
|
+
}, te = ({
|
|
108
108
|
mode: e,
|
|
109
|
-
noBackground:
|
|
109
|
+
noBackground: a,
|
|
110
110
|
variant: r
|
|
111
111
|
}) => {
|
|
112
|
-
if (!
|
|
112
|
+
if (!a) {
|
|
113
113
|
if (r === "primary")
|
|
114
114
|
return i({
|
|
115
115
|
"bg-action-dark": e === "dark",
|
|
@@ -142,10 +142,10 @@ const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "but
|
|
|
142
142
|
"rounded-sm": e === "small"
|
|
143
143
|
}), ie = ({
|
|
144
144
|
mode: e,
|
|
145
|
-
disabled:
|
|
145
|
+
disabled: a,
|
|
146
146
|
variant: r
|
|
147
147
|
}) => {
|
|
148
|
-
if (
|
|
148
|
+
if (a)
|
|
149
149
|
return "";
|
|
150
150
|
if (r === "primary")
|
|
151
151
|
return i("hover:text-copy-light-hover", {
|
|
@@ -172,10 +172,10 @@ const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "but
|
|
|
172
172
|
return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
|
|
173
173
|
}, ne = ({
|
|
174
174
|
mode: e,
|
|
175
|
-
disabled:
|
|
175
|
+
disabled: a,
|
|
176
176
|
variant: r
|
|
177
177
|
}) => {
|
|
178
|
-
if (
|
|
178
|
+
if (a)
|
|
179
179
|
return "";
|
|
180
180
|
if (r === "primary")
|
|
181
181
|
return i("active:text-copy-light-active", {
|
|
@@ -200,12 +200,12 @@ const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "but
|
|
|
200
200
|
});
|
|
201
201
|
if (r === "selected")
|
|
202
202
|
return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
|
|
203
|
-
},
|
|
203
|
+
}, le = ({
|
|
204
204
|
mode: e,
|
|
205
|
-
noBorder:
|
|
205
|
+
noBorder: a,
|
|
206
206
|
variant: r
|
|
207
207
|
}) => {
|
|
208
|
-
if (
|
|
208
|
+
if (a)
|
|
209
209
|
return "border border-transparent";
|
|
210
210
|
if (r === "primary")
|
|
211
211
|
return i("border", {
|
|
@@ -230,18 +230,18 @@ const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "but
|
|
|
230
230
|
});
|
|
231
231
|
if (r === "selected")
|
|
232
232
|
return "border border-border-selected-dark";
|
|
233
|
-
},
|
|
233
|
+
}, se = ({
|
|
234
234
|
focusMode: e
|
|
235
235
|
}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
|
|
236
236
|
"focus:outline-focus-dark": e === "dark",
|
|
237
237
|
"focus:outline-focus-light": e === "light",
|
|
238
238
|
"focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
|
|
239
239
|
"focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
|
|
240
|
-
}),
|
|
240
|
+
}), de = ({
|
|
241
241
|
mode: e,
|
|
242
|
-
raw:
|
|
242
|
+
raw: a,
|
|
243
243
|
iconClassName: r
|
|
244
|
-
}) =>
|
|
244
|
+
}) => a ? "" : i(
|
|
245
245
|
{
|
|
246
246
|
"text-copy-accent-dark": e === "light" || e === "alt-system",
|
|
247
247
|
"text-copy-light": e === "dark" || e === "system",
|
|
@@ -249,61 +249,61 @@ const P = "av-messagebox", O = "av-panel", $ = "av-button", _ = "icon", U = "but
|
|
|
249
249
|
"dark:text-copy-accent-dark": e === "system"
|
|
250
250
|
},
|
|
251
251
|
r
|
|
252
|
-
),
|
|
252
|
+
), U = ({
|
|
253
253
|
type: e,
|
|
254
|
-
className:
|
|
254
|
+
className: a,
|
|
255
255
|
raw: r,
|
|
256
|
-
mode:
|
|
256
|
+
mode: t,
|
|
257
257
|
focusMode: o,
|
|
258
|
-
disabled:
|
|
259
|
-
fullWidth:
|
|
260
|
-
size:
|
|
261
|
-
noBorder:
|
|
258
|
+
disabled: l,
|
|
259
|
+
fullWidth: d,
|
|
260
|
+
size: s,
|
|
261
|
+
noBorder: u,
|
|
262
262
|
labelRight: g,
|
|
263
263
|
labelLeft: b,
|
|
264
264
|
noBackground: f,
|
|
265
265
|
variant: c,
|
|
266
|
-
noTruncate:
|
|
266
|
+
noTruncate: h,
|
|
267
267
|
align: v,
|
|
268
268
|
radius: p
|
|
269
|
-
}) => (c || (c = "primary"), r ? i(
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
mode:
|
|
269
|
+
}) => (c || (c = "primary"), r ? i(A, a) : i(
|
|
270
|
+
A,
|
|
271
|
+
ae({
|
|
272
|
+
mode: t,
|
|
273
273
|
variant: c,
|
|
274
274
|
noBackground: f,
|
|
275
|
-
noTruncate:
|
|
275
|
+
noTruncate: h
|
|
276
276
|
}),
|
|
277
|
-
|
|
277
|
+
te({ mode: t, noBackground: f, variant: c }),
|
|
278
278
|
oe({ radius: p }),
|
|
279
279
|
ee({
|
|
280
280
|
type: e,
|
|
281
|
-
size:
|
|
281
|
+
size: s,
|
|
282
282
|
labelRight: g,
|
|
283
283
|
labelLeft: b,
|
|
284
284
|
align: v
|
|
285
285
|
}),
|
|
286
|
-
re({ type: e, size:
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
ie({ mode:
|
|
290
|
-
ne({ mode:
|
|
286
|
+
re({ type: e, size: s, labelRight: g, labelLeft: b }),
|
|
287
|
+
le({ mode: t, variant: c, noBorder: u }),
|
|
288
|
+
se({ focusMode: o }),
|
|
289
|
+
ie({ mode: t, variant: c, disabled: l }),
|
|
290
|
+
ne({ mode: t, variant: c, disabled: l }),
|
|
291
291
|
{
|
|
292
|
-
"w-full":
|
|
293
|
-
"disabled:cursor-not-allowed disabled:opacity-50":
|
|
292
|
+
"w-full": d,
|
|
293
|
+
"disabled:cursor-not-allowed disabled:opacity-50": l
|
|
294
294
|
},
|
|
295
|
-
|
|
296
|
-
)), ce = (e,
|
|
297
|
-
var
|
|
298
|
-
!
|
|
299
|
-
}, L = C.forwardRef((e,
|
|
300
|
-
const { onClick: r, noInternalClick:
|
|
295
|
+
a
|
|
296
|
+
)), ce = (e, a, r) => {
|
|
297
|
+
var t;
|
|
298
|
+
!a && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((t = e == null ? void 0 : e.currentTarget) == null ? void 0 : t.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
|
|
299
|
+
}, L = C.forwardRef((e, a) => {
|
|
300
|
+
const { onClick: r, noInternalClick: t = !1, ...o } = e;
|
|
301
301
|
return /* @__PURE__ */ n(
|
|
302
302
|
"button",
|
|
303
303
|
{
|
|
304
|
-
ref:
|
|
305
|
-
onClick: (
|
|
306
|
-
ce(
|
|
304
|
+
ref: a,
|
|
305
|
+
onClick: (l) => {
|
|
306
|
+
ce(l, t, r);
|
|
307
307
|
},
|
|
308
308
|
...o
|
|
309
309
|
}
|
|
@@ -313,19 +313,19 @@ L.displayName = "BaseButton";
|
|
|
313
313
|
const F = C.forwardRef(
|
|
314
314
|
({
|
|
315
315
|
children: e,
|
|
316
|
-
disabled:
|
|
316
|
+
disabled: a = !1,
|
|
317
317
|
mode: r = "system",
|
|
318
|
-
focusMode:
|
|
318
|
+
focusMode: t = "system",
|
|
319
319
|
fullWidth: o = !1,
|
|
320
|
-
className:
|
|
321
|
-
type:
|
|
322
|
-
raw:
|
|
323
|
-
noBorder:
|
|
320
|
+
className: l,
|
|
321
|
+
type: d = "button",
|
|
322
|
+
raw: s = !1,
|
|
323
|
+
noBorder: u = !1,
|
|
324
324
|
"aria-label": g,
|
|
325
325
|
label: b,
|
|
326
326
|
size: f = "medium",
|
|
327
327
|
labelRight: c,
|
|
328
|
-
labelLeft:
|
|
328
|
+
labelLeft: h,
|
|
329
329
|
noBackground: v = !1,
|
|
330
330
|
align: p = "center",
|
|
331
331
|
radius: y = "large",
|
|
@@ -333,35 +333,35 @@ const F = C.forwardRef(
|
|
|
333
333
|
iconClassName: E,
|
|
334
334
|
...B
|
|
335
335
|
}, S) => {
|
|
336
|
-
const R =
|
|
336
|
+
const R = U({
|
|
337
337
|
type: _,
|
|
338
338
|
mode: r,
|
|
339
|
-
focusMode:
|
|
339
|
+
focusMode: t,
|
|
340
340
|
fullWidth: o,
|
|
341
|
-
disabled:
|
|
342
|
-
raw:
|
|
343
|
-
className:
|
|
344
|
-
noBorder:
|
|
341
|
+
disabled: a,
|
|
342
|
+
raw: s,
|
|
343
|
+
className: l,
|
|
344
|
+
noBorder: u,
|
|
345
345
|
size: f,
|
|
346
346
|
labelRight: c,
|
|
347
|
-
labelLeft:
|
|
347
|
+
labelLeft: h,
|
|
348
348
|
noBackground: v,
|
|
349
349
|
align: p,
|
|
350
350
|
radius: y,
|
|
351
351
|
variant: I
|
|
352
|
-
}), T =
|
|
352
|
+
}), T = de({ mode: r, raw: s, iconClassName: E });
|
|
353
353
|
return /* @__PURE__ */ x(
|
|
354
354
|
L,
|
|
355
355
|
{
|
|
356
356
|
ref: S,
|
|
357
357
|
className: R,
|
|
358
|
-
disabled:
|
|
359
|
-
type:
|
|
358
|
+
disabled: a,
|
|
359
|
+
type: d,
|
|
360
360
|
"aria-label": g || b,
|
|
361
361
|
...B,
|
|
362
362
|
children: [
|
|
363
|
-
|
|
364
|
-
/* @__PURE__ */ n("
|
|
363
|
+
h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
|
|
364
|
+
/* @__PURE__ */ n("span", { className: T, children: e }),
|
|
365
365
|
c && /* @__PURE__ */ n("span", { className: "pl-2", children: c })
|
|
366
366
|
]
|
|
367
367
|
}
|
|
@@ -370,13 +370,13 @@ const F = C.forwardRef(
|
|
|
370
370
|
);
|
|
371
371
|
F.displayName = "ButtonIcon";
|
|
372
372
|
/*!
|
|
373
|
-
@versini/ui-button v4.1.
|
|
373
|
+
@versini/ui-button v4.1.5
|
|
374
374
|
© 2025 gizmette.com
|
|
375
375
|
*/
|
|
376
376
|
try {
|
|
377
377
|
window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
|
|
378
|
-
version: "4.1.
|
|
379
|
-
buildTime: "01/
|
|
378
|
+
version: "4.1.5",
|
|
379
|
+
buildTime: "01/24/2025 09:19 AM EST",
|
|
380
380
|
homepage: "https://github.com/aversini/ui-components",
|
|
381
381
|
license: "MIT"
|
|
382
382
|
});
|
|
@@ -385,45 +385,45 @@ try {
|
|
|
385
385
|
const ge = C.forwardRef(
|
|
386
386
|
({
|
|
387
387
|
children: e,
|
|
388
|
-
disabled:
|
|
388
|
+
disabled: a = !1,
|
|
389
389
|
mode: r = "system",
|
|
390
|
-
focusMode:
|
|
390
|
+
focusMode: t = "system",
|
|
391
391
|
fullWidth: o = !1,
|
|
392
|
-
className:
|
|
393
|
-
type:
|
|
394
|
-
raw:
|
|
395
|
-
noBorder:
|
|
392
|
+
className: l,
|
|
393
|
+
type: d = "button",
|
|
394
|
+
raw: s = !1,
|
|
395
|
+
noBorder: u = !1,
|
|
396
396
|
"aria-label": g,
|
|
397
397
|
label: b,
|
|
398
398
|
size: f = "medium",
|
|
399
399
|
labelRight: c,
|
|
400
|
-
labelLeft:
|
|
400
|
+
labelLeft: h,
|
|
401
401
|
noBackground: v = !1,
|
|
402
402
|
align: p = "center",
|
|
403
403
|
active: y = !1,
|
|
404
404
|
radius: I = "large",
|
|
405
405
|
...E
|
|
406
406
|
}, B) => {
|
|
407
|
-
const S =
|
|
407
|
+
const S = U({
|
|
408
408
|
type: _,
|
|
409
409
|
mode: r,
|
|
410
|
-
focusMode:
|
|
410
|
+
focusMode: t,
|
|
411
411
|
fullWidth: o,
|
|
412
|
-
disabled:
|
|
413
|
-
raw:
|
|
414
|
-
className:
|
|
415
|
-
noBorder:
|
|
412
|
+
disabled: a,
|
|
413
|
+
raw: s,
|
|
414
|
+
className: l,
|
|
415
|
+
noBorder: u,
|
|
416
416
|
size: f,
|
|
417
417
|
labelRight: c,
|
|
418
|
-
labelLeft:
|
|
418
|
+
labelLeft: h,
|
|
419
419
|
noBackground: v,
|
|
420
420
|
align: p,
|
|
421
421
|
radius: I
|
|
422
422
|
}), R = i({
|
|
423
|
-
"text-copy-accent-dark": r === "light" && !
|
|
424
|
-
"text-copy-light": r === "dark" && !
|
|
425
|
-
"text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !
|
|
426
|
-
"text-copy-light dark:text-copy-accent-dark": r === "system" && !
|
|
423
|
+
"text-copy-accent-dark": r === "light" && !s,
|
|
424
|
+
"text-copy-light": r === "dark" && !s,
|
|
425
|
+
"text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !s,
|
|
426
|
+
"text-copy-light dark:text-copy-accent-dark": r === "system" && !s
|
|
427
427
|
}), T = y ? i(
|
|
428
428
|
"relative",
|
|
429
429
|
"focus-within:static",
|
|
@@ -446,12 +446,12 @@ const ge = C.forwardRef(
|
|
|
446
446
|
{
|
|
447
447
|
ref: B,
|
|
448
448
|
className: S,
|
|
449
|
-
disabled:
|
|
450
|
-
type:
|
|
449
|
+
disabled: a,
|
|
450
|
+
type: d,
|
|
451
451
|
"aria-label": g || b,
|
|
452
452
|
...E,
|
|
453
453
|
children: [
|
|
454
|
-
|
|
454
|
+
h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
|
|
455
455
|
/* @__PURE__ */ n("div", { className: R, children: e }),
|
|
456
456
|
c && /* @__PURE__ */ n("span", { className: "pl-2", children: c })
|
|
457
457
|
]
|
|
@@ -462,32 +462,32 @@ const ge = C.forwardRef(
|
|
|
462
462
|
ge.displayName = "ButtonSort";
|
|
463
463
|
const me = ({
|
|
464
464
|
children: e,
|
|
465
|
-
fill:
|
|
465
|
+
fill: a,
|
|
466
466
|
viewBox: r,
|
|
467
|
-
className:
|
|
467
|
+
className: t,
|
|
468
468
|
defaultViewBox: o,
|
|
469
|
-
size:
|
|
470
|
-
title:
|
|
471
|
-
semantic:
|
|
472
|
-
...
|
|
469
|
+
size: l,
|
|
470
|
+
title: d,
|
|
471
|
+
semantic: s = !1,
|
|
472
|
+
...u
|
|
473
473
|
}) => {
|
|
474
|
-
const g = i(
|
|
475
|
-
return /* @__PURE__ */ x(
|
|
474
|
+
const g = i(l, t);
|
|
475
|
+
return /* @__PURE__ */ x(P, { children: [
|
|
476
476
|
/* @__PURE__ */ n(
|
|
477
477
|
"svg",
|
|
478
478
|
{
|
|
479
479
|
xmlns: "http://www.w3.org/2000/svg",
|
|
480
480
|
className: g,
|
|
481
481
|
viewBox: r || o,
|
|
482
|
-
fill:
|
|
482
|
+
fill: a || "currentColor",
|
|
483
483
|
role: "img",
|
|
484
|
-
"aria-hidden": !
|
|
484
|
+
"aria-hidden": !s,
|
|
485
485
|
focusable: !1,
|
|
486
|
-
...
|
|
486
|
+
...u,
|
|
487
487
|
children: e
|
|
488
488
|
}
|
|
489
489
|
),
|
|
490
|
-
|
|
490
|
+
d && s && /* @__PURE__ */ n("span", { className: "sr-only", children: d })
|
|
491
491
|
] });
|
|
492
492
|
};
|
|
493
493
|
/*!
|
|
@@ -503,18 +503,18 @@ try {
|
|
|
503
503
|
});
|
|
504
504
|
} catch {
|
|
505
505
|
}
|
|
506
|
-
const
|
|
506
|
+
const ue = ({
|
|
507
507
|
className: e,
|
|
508
|
-
viewBox:
|
|
508
|
+
viewBox: a,
|
|
509
509
|
title: r,
|
|
510
|
-
monotone:
|
|
510
|
+
monotone: t,
|
|
511
511
|
...o
|
|
512
512
|
}) => /* @__PURE__ */ n(
|
|
513
513
|
me,
|
|
514
514
|
{
|
|
515
515
|
defaultViewBox: "0 0 384 512",
|
|
516
516
|
size: "size-5",
|
|
517
|
-
viewBox:
|
|
517
|
+
viewBox: a,
|
|
518
518
|
className: e,
|
|
519
519
|
title: r || "Close",
|
|
520
520
|
...o,
|
|
@@ -522,51 +522,51 @@ const he = ({
|
|
|
522
522
|
"path",
|
|
523
523
|
{
|
|
524
524
|
d: "M297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4c12.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.3z",
|
|
525
|
-
opacity:
|
|
525
|
+
opacity: t ? "1" : "0.4"
|
|
526
526
|
}
|
|
527
527
|
)
|
|
528
528
|
}
|
|
529
529
|
);
|
|
530
530
|
/*!
|
|
531
|
-
@versini/ui-icons v4.
|
|
531
|
+
@versini/ui-icons v4.6.0
|
|
532
532
|
© 2025 gizmette.com
|
|
533
533
|
*/
|
|
534
534
|
try {
|
|
535
535
|
window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
|
|
536
|
-
version: "4.
|
|
537
|
-
buildTime: "01/20/2025
|
|
536
|
+
version: "4.6.0",
|
|
537
|
+
buildTime: "01/20/2025 04:20 PM EST",
|
|
538
538
|
homepage: "https://github.com/aversini/ui-components",
|
|
539
539
|
license: "MIT"
|
|
540
540
|
});
|
|
541
541
|
} catch {
|
|
542
542
|
}
|
|
543
543
|
const j = m.createContext(null);
|
|
544
|
-
function
|
|
544
|
+
function he({
|
|
545
545
|
initialOpen: e = !1,
|
|
546
|
-
open:
|
|
546
|
+
open: a,
|
|
547
547
|
onOpenChange: r
|
|
548
548
|
} = {}) {
|
|
549
|
-
const [
|
|
549
|
+
const [t, o] = m.useState(e), [l, d] = m.useState(), [s, u] = m.useState(), g = a ?? t, b = r ?? o, f = G({
|
|
550
550
|
open: g,
|
|
551
551
|
onOpenChange: b
|
|
552
|
-
}), c = f.context,
|
|
553
|
-
enabled:
|
|
552
|
+
}), c = f.context, h = Y(c, {
|
|
553
|
+
enabled: a == null
|
|
554
554
|
}), v = X(c, {
|
|
555
555
|
outsidePress: !1,
|
|
556
556
|
outsidePressEvent: "mousedown"
|
|
557
|
-
}), p = q(c), y = H([
|
|
557
|
+
}), p = q(c), y = H([h, v, p]);
|
|
558
558
|
return m.useMemo(
|
|
559
559
|
() => ({
|
|
560
560
|
open: g,
|
|
561
561
|
setOpen: b,
|
|
562
562
|
...y,
|
|
563
563
|
...f,
|
|
564
|
-
labelId:
|
|
565
|
-
descriptionId:
|
|
566
|
-
setLabelId:
|
|
567
|
-
setDescriptionId:
|
|
564
|
+
labelId: l,
|
|
565
|
+
descriptionId: s,
|
|
566
|
+
setLabelId: d,
|
|
567
|
+
setDescriptionId: u
|
|
568
568
|
}),
|
|
569
|
-
[g, b, y, f,
|
|
569
|
+
[g, b, y, f, l, s]
|
|
570
570
|
);
|
|
571
571
|
}
|
|
572
572
|
const N = () => {
|
|
@@ -577,41 +577,41 @@ const N = () => {
|
|
|
577
577
|
};
|
|
578
578
|
function be({
|
|
579
579
|
children: e,
|
|
580
|
-
...
|
|
580
|
+
...a
|
|
581
581
|
}) {
|
|
582
|
-
const r =
|
|
582
|
+
const r = he(a);
|
|
583
583
|
return /* @__PURE__ */ n(j.Provider, { value: r, children: e });
|
|
584
584
|
}
|
|
585
|
-
const fe = m.forwardRef(function(e,
|
|
586
|
-
const { context: r, ...
|
|
585
|
+
const fe = m.forwardRef(function(e, a) {
|
|
586
|
+
const { context: r, ...t } = N(), o = J([t.refs.setFloating, a]);
|
|
587
587
|
if (!r.open)
|
|
588
588
|
return null;
|
|
589
|
-
const { overlayBackground:
|
|
590
|
-
[`${
|
|
591
|
-
"bg-black sm:bg-black/[.8]": !
|
|
589
|
+
const { overlayBackground: l, ...d } = e, s = i("grid place-items-center", {
|
|
590
|
+
[`${l}`]: l,
|
|
591
|
+
"bg-black sm:bg-black/[.8]": !l
|
|
592
592
|
});
|
|
593
|
-
return /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(Q, { className:
|
|
593
|
+
return /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(Q, { className: s, lockScroll: !0, children: /* @__PURE__ */ n(Z, { context: r, children: /* @__PURE__ */ n(
|
|
594
594
|
"div",
|
|
595
595
|
{
|
|
596
596
|
ref: o,
|
|
597
|
-
"aria-labelledby":
|
|
598
|
-
"aria-describedby":
|
|
599
|
-
...
|
|
600
|
-
children:
|
|
597
|
+
"aria-labelledby": t.labelId,
|
|
598
|
+
"aria-describedby": t.descriptionId,
|
|
599
|
+
...t.getFloatingProps(d),
|
|
600
|
+
children: d.children
|
|
601
601
|
}
|
|
602
602
|
) }) }) });
|
|
603
|
-
}), ve = m.forwardRef(function({ children: e, ...
|
|
604
|
-
const { setLabelId:
|
|
605
|
-
return m.useLayoutEffect(() => (
|
|
606
|
-
}), pe = m.forwardRef(function({ children: e, ...
|
|
607
|
-
const { setDescriptionId:
|
|
608
|
-
return m.useLayoutEffect(() => (
|
|
609
|
-
}), ye = m.forwardRef(function(e,
|
|
610
|
-
const { setOpen: r } = N(), { trigger:
|
|
611
|
-
return /* @__PURE__ */ n("div", { className: o, children: m.cloneElement(
|
|
612
|
-
ref:
|
|
613
|
-
onClick:
|
|
614
|
-
...
|
|
603
|
+
}), ve = m.forwardRef(function({ children: e, ...a }, r) {
|
|
604
|
+
const { setLabelId: t } = N(), o = V();
|
|
605
|
+
return m.useLayoutEffect(() => (t(o), () => t(void 0)), [o, t]), /* @__PURE__ */ n("h1", { ...a, ref: r, id: o, children: e });
|
|
606
|
+
}), pe = m.forwardRef(function({ children: e, ...a }, r) {
|
|
607
|
+
const { setDescriptionId: t } = N(), o = V();
|
|
608
|
+
return m.useLayoutEffect(() => (t(o), () => t(void 0)), [o, t]), /* @__PURE__ */ n("div", { ...a, ref: r, id: o, children: e });
|
|
609
|
+
}), ye = m.forwardRef(function(e, a) {
|
|
610
|
+
const { setOpen: r } = N(), { trigger: t, className: o, ...l } = e, d = m.useCallback(() => r(!1), [r]);
|
|
611
|
+
return /* @__PURE__ */ n("div", { className: o, children: m.cloneElement(t, {
|
|
612
|
+
ref: a,
|
|
613
|
+
onClick: d,
|
|
614
|
+
...l
|
|
615
615
|
}) });
|
|
616
616
|
});
|
|
617
617
|
/*!
|
|
@@ -621,7 +621,7 @@ const fe = m.forwardRef(function(e, t) {
|
|
|
621
621
|
try {
|
|
622
622
|
window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
|
|
623
623
|
version: "1.2.8",
|
|
624
|
-
buildTime: "01/
|
|
624
|
+
buildTime: "01/24/2025 09:19 AM EST",
|
|
625
625
|
homepage: "https://github.com/aversini/ui-components",
|
|
626
626
|
license: "MIT"
|
|
627
627
|
});
|
|
@@ -629,19 +629,19 @@ try {
|
|
|
629
629
|
}
|
|
630
630
|
const k = "panel", w = "messagebox", ke = ({
|
|
631
631
|
className: e,
|
|
632
|
-
kind:
|
|
632
|
+
kind: a,
|
|
633
633
|
borderMode: r
|
|
634
634
|
}) => ({
|
|
635
635
|
main: i("prose prose-lighter flex flex-col bg-surface-medium", {
|
|
636
|
-
[`${
|
|
637
|
-
[`${
|
|
638
|
-
[`${
|
|
639
|
-
[`${
|
|
636
|
+
[`${$} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: a === k,
|
|
637
|
+
[`${$} w-full sm:w-[95%] md:max-w-2xl`]: a === k && !e,
|
|
638
|
+
[`${O} rounded-lg border-2`]: a === w,
|
|
639
|
+
[`${O} w-[95%] sm:w-[50%] md:max-w-2xl`]: a === w && !e,
|
|
640
640
|
[`${e}`]: !!e,
|
|
641
|
-
"sm:border-border-dark": r === "dark" &&
|
|
642
|
-
"sm:border-border-accent": r === "light" &&
|
|
643
|
-
"border-border-dark": r === "dark" &&
|
|
644
|
-
"border-border-accent": r === "light" &&
|
|
641
|
+
"sm:border-border-dark": r === "dark" && a === k,
|
|
642
|
+
"sm:border-border-accent": r === "light" && a === k,
|
|
643
|
+
"border-border-dark": r === "dark" && a === w,
|
|
644
|
+
"border-border-accent": r === "light" && a === w
|
|
645
645
|
}),
|
|
646
646
|
content: "flex flex-col py-2 sm:py-4 sm:px-4 px-2 overflow-y-auto",
|
|
647
647
|
footer: "flex flex-grow flex-col sm:p-4 p-2",
|
|
@@ -649,18 +649,18 @@ const k = "panel", w = "messagebox", ke = ({
|
|
|
649
649
|
close: "sm:p-4 p-2"
|
|
650
650
|
}), Ie = ({
|
|
651
651
|
open: e,
|
|
652
|
-
onOpenChange:
|
|
652
|
+
onOpenChange: a,
|
|
653
653
|
title: r,
|
|
654
|
-
children:
|
|
654
|
+
children: t,
|
|
655
655
|
footer: o,
|
|
656
|
-
borderMode:
|
|
657
|
-
kind:
|
|
658
|
-
className:
|
|
656
|
+
borderMode: l = "light",
|
|
657
|
+
kind: d = k,
|
|
658
|
+
className: s
|
|
659
659
|
}) => {
|
|
660
|
-
const
|
|
661
|
-
return W(() => (e && (
|
|
662
|
-
e && (document.title =
|
|
663
|
-
}), [r, e]), /* @__PURE__ */ n(
|
|
660
|
+
const u = D(""), g = ke({ className: s, kind: d, borderMode: l });
|
|
661
|
+
return W(() => (e && (u.current = document.title, document.title = `${r} | ${u.current}`), () => {
|
|
662
|
+
e && (document.title = u.current);
|
|
663
|
+
}), [r, e]), /* @__PURE__ */ n(P, { children: e && /* @__PURE__ */ n(be, { open: e, onOpenChange: a, children: /* @__PURE__ */ x(fe, { className: g.main, children: [
|
|
664
664
|
/* @__PURE__ */ x("div", { className: "flex flex-row-reverse items-center justify-between", children: [
|
|
665
665
|
/* @__PURE__ */ n(
|
|
666
666
|
ye,
|
|
@@ -673,19 +673,19 @@ const k = "panel", w = "messagebox", ke = ({
|
|
|
673
673
|
focusMode: "light",
|
|
674
674
|
noBorder: !0,
|
|
675
675
|
label: "Close",
|
|
676
|
-
children: /* @__PURE__ */ n(
|
|
676
|
+
children: /* @__PURE__ */ n(ue, {})
|
|
677
677
|
}
|
|
678
678
|
)
|
|
679
679
|
}
|
|
680
680
|
),
|
|
681
681
|
/* @__PURE__ */ n(ve, { className: g.header, children: r })
|
|
682
682
|
] }),
|
|
683
|
-
/* @__PURE__ */ n(pe, { className: g.content, children:
|
|
683
|
+
/* @__PURE__ */ n(pe, { className: g.content, children: t }),
|
|
684
684
|
o && /* @__PURE__ */ n("div", { className: g.footer, children: o })
|
|
685
685
|
] }) }) });
|
|
686
686
|
};
|
|
687
687
|
export {
|
|
688
|
-
|
|
689
|
-
|
|
688
|
+
O as MESSAGEBOX_CLASSNAME,
|
|
689
|
+
$ as PANEL_CLASSNAME,
|
|
690
690
|
Ie as Panel
|
|
691
691
|
};
|
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}.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}.mb-0{margin-bottom:0}.ml-1{margin-left:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.size-3{width:.75rem;height:.75rem}.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}.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}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.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-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.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-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\: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}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.relative{position:relative}.mb-0{margin-bottom:0}.ml-1{margin-left:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.size-3{width:.75rem;height:.75rem}.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}.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}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.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-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.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-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\: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.3.
|
|
3
|
+
"version": "1.3.16",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@tailwindcss/typography": "0.5.16",
|
|
42
|
-
"@versini/ui-button": "4.1.
|
|
43
|
-
"@versini/ui-icons": "4.
|
|
42
|
+
"@versini/ui-button": "4.1.5",
|
|
43
|
+
"@versini/ui-icons": "4.6.0",
|
|
44
44
|
"@versini/ui-modal": "1.2.8",
|
|
45
45
|
"clsx": "2.1.1",
|
|
46
46
|
"tailwindcss": "3.4.17"
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"sideEffects": [
|
|
49
49
|
"**/*.css"
|
|
50
50
|
],
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "0d1284c7b49d0108418070055f3de8fd23744a46"
|
|
52
52
|
}
|