@voxket-ai/events-sdk 1.0.14 → 1.0.15
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/api/ApiClient.d.ts +1 -0
- package/dist/events-sdk.js +1000 -819
- package/dist/events-sdk.umd.cjs +2 -2
- package/package.json +1 -1
package/dist/events-sdk.js
CHANGED
|
@@ -27,7 +27,7 @@ var g = class {
|
|
|
27
27
|
let e = ((/* @__PURE__ */ Error()).stack?.split("\n")[3] || "").match(/(?:at\s+.*?\s+\()?(?:.*?\/([^/]+?)):(\d+):\d+\)?$/);
|
|
28
28
|
return e ? `[${e[1]}:${e[2]}]` : "";
|
|
29
29
|
}
|
|
30
|
-
},
|
|
30
|
+
}, ee = class {
|
|
31
31
|
baseUrl;
|
|
32
32
|
slug;
|
|
33
33
|
logger;
|
|
@@ -244,7 +244,35 @@ var g = class {
|
|
|
244
244
|
throw clearTimeout(i), e?.name === "AbortError" ? Error(`Profile update timed out after ${this.timeoutMs / 1e3} seconds`) : e;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
|
-
|
|
247
|
+
async portalUpdateSubmission(e, t) {
|
|
248
|
+
let n = `${this.baseUrl}/api/portal/${this.slug}/me/submission/`;
|
|
249
|
+
this.logger.log(`API Call: PATCH ${n}`);
|
|
250
|
+
let r = new AbortController(), i = setTimeout(() => r.abort(), this.timeoutMs);
|
|
251
|
+
try {
|
|
252
|
+
let a = await fetch(n, {
|
|
253
|
+
method: "PATCH",
|
|
254
|
+
signal: r.signal,
|
|
255
|
+
headers: {
|
|
256
|
+
"Content-Type": "application/json",
|
|
257
|
+
Authorization: `Bearer ${e}`
|
|
258
|
+
},
|
|
259
|
+
body: JSON.stringify(t)
|
|
260
|
+
});
|
|
261
|
+
clearTimeout(i);
|
|
262
|
+
let o = null;
|
|
263
|
+
try {
|
|
264
|
+
o = await a.json();
|
|
265
|
+
} catch {}
|
|
266
|
+
if (!a.ok) {
|
|
267
|
+
let e = o?.message || o?.error || o?.detail || "Failed to update submission";
|
|
268
|
+
throw Error(e);
|
|
269
|
+
}
|
|
270
|
+
return o;
|
|
271
|
+
} catch (e) {
|
|
272
|
+
throw clearTimeout(i), e?.name === "AbortError" ? Error(`Submission update timed out after ${this.timeoutMs / 1e3} seconds`) : e;
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
}, _ = class {
|
|
248
276
|
prefix;
|
|
249
277
|
constructor(e) {
|
|
250
278
|
this.prefix = `voxket_${e}_`;
|
|
@@ -276,13 +304,13 @@ var g = class {
|
|
|
276
304
|
clearToken() {
|
|
277
305
|
localStorage.removeItem(`${this.prefix}token`);
|
|
278
306
|
}
|
|
279
|
-
},
|
|
307
|
+
}, v = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
280
308
|
//#endregion
|
|
281
309
|
//#region node_modules/lucide-react/dist/esm/shared/src/utils/toLucideIconData.mjs
|
|
282
|
-
function
|
|
310
|
+
function y(e, t, n = []) {
|
|
283
311
|
if (t == null) throw Error("[lucide]: iconNode is required when icon name is used");
|
|
284
312
|
return {
|
|
285
|
-
name:
|
|
313
|
+
name: v(e),
|
|
286
314
|
size: 24,
|
|
287
315
|
node: t,
|
|
288
316
|
...n.length > 0 ? { aliases: n } : {}
|
|
@@ -290,7 +318,7 @@ function b(e, t, n = []) {
|
|
|
290
318
|
}
|
|
291
319
|
//#endregion
|
|
292
320
|
//#region node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs
|
|
293
|
-
var
|
|
321
|
+
var b = (e) => {
|
|
294
322
|
let t = "", n = !1;
|
|
295
323
|
for (let r of e) {
|
|
296
324
|
if (r === "-" || r === "_" || r <= " ") {
|
|
@@ -300,10 +328,10 @@ var x = (e) => {
|
|
|
300
328
|
t.length === 0 ? t += r.toLowerCase() : t += n ? r.toUpperCase() : r, n = !1;
|
|
301
329
|
}
|
|
302
330
|
return t;
|
|
303
|
-
},
|
|
304
|
-
let t =
|
|
331
|
+
}, x = (e) => {
|
|
332
|
+
let t = b(e);
|
|
305
333
|
return t.charAt(0).toUpperCase() + t.slice(1);
|
|
306
|
-
},
|
|
334
|
+
}, S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), C = {
|
|
307
335
|
xmlns: "http://www.w3.org/2000/svg",
|
|
308
336
|
width: 24,
|
|
309
337
|
height: 24,
|
|
@@ -316,22 +344,22 @@ var x = (e) => {
|
|
|
316
344
|
};
|
|
317
345
|
//#endregion
|
|
318
346
|
//#region node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconNode.mjs
|
|
319
|
-
function
|
|
347
|
+
function w(e) {
|
|
320
348
|
return e != null;
|
|
321
349
|
}
|
|
322
|
-
function
|
|
323
|
-
let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ??
|
|
350
|
+
function T(e, t = {}) {
|
|
351
|
+
let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? C.width, a = e.size ?? e.height ?? C.height, o = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], s = [...e.name ? [`lucide-${e.name}`] : [], ...o], c = t.className?.split(" ").filter(Boolean) ?? [], l = t.includeDefaultClasses === !1 ? S(...c) : S("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? C["stroke-width"]) * Number(e.size ?? e.width ?? C.width) / Number(t.size ?? t.width ?? C.width) : t.strokeWidth ?? C["stroke-width"];
|
|
324
352
|
return [
|
|
325
353
|
"svg",
|
|
326
354
|
{
|
|
327
|
-
...Object.entries(
|
|
355
|
+
...Object.entries(C).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
|
|
328
356
|
..."color" in t && t.color && { [r("stroke")]: t.color },
|
|
329
|
-
..."size" in t &&
|
|
357
|
+
..."size" in t && w(t.size) && {
|
|
330
358
|
[r("width")]: t.size,
|
|
331
359
|
[r("height")]: t.size
|
|
332
360
|
},
|
|
333
|
-
..."width" in t &&
|
|
334
|
-
..."height" in t &&
|
|
361
|
+
..."width" in t && w(t.width) && { [r("width")]: t.width },
|
|
362
|
+
..."height" in t && w(t.height) && { [r("height")]: t.height },
|
|
335
363
|
[r("stroke-width")]: u,
|
|
336
364
|
...l && { [r("class")]: l },
|
|
337
365
|
[r("viewBox")]: `0 0 ${i} ${a}`,
|
|
@@ -353,8 +381,8 @@ function E(e, t = {}) {
|
|
|
353
381
|
}
|
|
354
382
|
//#endregion
|
|
355
383
|
//#region node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconForReact.mjs
|
|
356
|
-
function
|
|
357
|
-
return
|
|
384
|
+
function E(e, t = {}) {
|
|
385
|
+
return T(e, {
|
|
358
386
|
...t,
|
|
359
387
|
attributeNames: {
|
|
360
388
|
...t.attributeNames,
|
|
@@ -368,44 +396,44 @@ function D(e, t = {}) {
|
|
|
368
396
|
}
|
|
369
397
|
//#endregion
|
|
370
398
|
//#region node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs
|
|
371
|
-
var
|
|
399
|
+
var te = (e) => {
|
|
372
400
|
for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
|
|
373
401
|
return !1;
|
|
374
|
-
},
|
|
402
|
+
}, ne = n({}), D = () => o(ne), O = i(({ color: e, size: t, width: n, height: i, strokeWidth: a, absoluteStrokeWidth: o, nonScalingStroke: s, className: c = "", children: l, iconNode: u = [], icon: d = {
|
|
375
403
|
node: u,
|
|
376
404
|
aliases: [],
|
|
377
405
|
size: 24
|
|
378
406
|
}, ...f }, p) => {
|
|
379
|
-
let { size: m = 24, strokeWidth: h = 2, absoluteStrokeWidth: g = !1, nonScalingStroke:
|
|
380
|
-
color: e ??
|
|
407
|
+
let { size: m = 24, strokeWidth: h = 2, absoluteStrokeWidth: g = !1, nonScalingStroke: ee = !1, color: _ = "currentColor", className: v = "" } = D() ?? {}, y = !!l || te(f), [b, x, C = []] = E(d, {
|
|
408
|
+
color: e ?? _,
|
|
381
409
|
width: n ?? t ?? m,
|
|
382
410
|
height: i ?? t ?? m,
|
|
383
411
|
strokeWidth: a ?? h,
|
|
384
412
|
absoluteStrokeWidth: o ?? g,
|
|
385
|
-
nonScalingStroke: s ??
|
|
386
|
-
className:
|
|
387
|
-
hasA11yProp:
|
|
413
|
+
nonScalingStroke: s ?? ee,
|
|
414
|
+
className: S(v, c),
|
|
415
|
+
hasA11yProp: y,
|
|
388
416
|
attributes: f
|
|
389
417
|
});
|
|
390
|
-
return r(
|
|
418
|
+
return r(b, {
|
|
391
419
|
ref: p,
|
|
392
|
-
...
|
|
393
|
-
}, [...
|
|
420
|
+
...x
|
|
421
|
+
}, [...C.map(([e, t]) => r(e, t)), ...Array.isArray(l) ? l : [l]]);
|
|
394
422
|
});
|
|
395
423
|
//#endregion
|
|
396
424
|
//#region node_modules/lucide-react/dist/esm/createLucideIcon.mjs
|
|
397
|
-
function
|
|
398
|
-
let a = typeof e == "string" ?
|
|
425
|
+
function k(e, t = [], n = []) {
|
|
426
|
+
let a = typeof e == "string" ? y(e, t, n) : e, o = i(({ className: e, ...t }, n) => r(O, {
|
|
399
427
|
ref: n,
|
|
400
428
|
icon: a,
|
|
401
429
|
className: e,
|
|
402
430
|
...t
|
|
403
431
|
}));
|
|
404
|
-
return a.name && (o.displayName =
|
|
432
|
+
return a.name && (o.displayName = x(a.name)), o;
|
|
405
433
|
}
|
|
406
434
|
//#endregion
|
|
407
435
|
//#region node_modules/lucide-react/dist/esm/icons/arrow-left.mjs
|
|
408
|
-
var
|
|
436
|
+
var A = {
|
|
409
437
|
name: "arrow-left",
|
|
410
438
|
size: 24,
|
|
411
439
|
node: [["path", {
|
|
@@ -416,8 +444,8 @@ var j = {
|
|
|
416
444
|
key: "x3x0zl"
|
|
417
445
|
}]]
|
|
418
446
|
};
|
|
419
|
-
|
|
420
|
-
var
|
|
447
|
+
A.node;
|
|
448
|
+
var re = k(A), j = {
|
|
421
449
|
name: "arrow-right",
|
|
422
450
|
size: 24,
|
|
423
451
|
node: [["path", {
|
|
@@ -428,8 +456,8 @@ var ne = A(j), M = {
|
|
|
428
456
|
key: "xquz4c"
|
|
429
457
|
}]]
|
|
430
458
|
};
|
|
431
|
-
|
|
432
|
-
var
|
|
459
|
+
j.node;
|
|
460
|
+
var ie = k(j), ae = {
|
|
433
461
|
name: "briefcase",
|
|
434
462
|
size: 24,
|
|
435
463
|
node: [["path", {
|
|
@@ -444,8 +472,8 @@ var re = A(M), ie = {
|
|
|
444
472
|
key: "i6l2r4"
|
|
445
473
|
}]]
|
|
446
474
|
};
|
|
447
|
-
|
|
448
|
-
var
|
|
475
|
+
ae.node;
|
|
476
|
+
var M = k(ae), oe = {
|
|
449
477
|
name: "building-complex",
|
|
450
478
|
size: 24,
|
|
451
479
|
node: [
|
|
@@ -472,8 +500,8 @@ var N = A(ie), ae = {
|
|
|
472
500
|
],
|
|
473
501
|
aliases: ["building-2"]
|
|
474
502
|
};
|
|
475
|
-
|
|
476
|
-
var
|
|
503
|
+
oe.node;
|
|
504
|
+
var se = k(oe), ce = {
|
|
477
505
|
name: "check",
|
|
478
506
|
size: 24,
|
|
479
507
|
node: [["path", {
|
|
@@ -481,8 +509,8 @@ var oe = A(ae), se = {
|
|
|
481
509
|
key: "1gmf2c"
|
|
482
510
|
}]]
|
|
483
511
|
};
|
|
484
|
-
|
|
485
|
-
var
|
|
512
|
+
ce.node;
|
|
513
|
+
var le = k(ce), ue = {
|
|
486
514
|
name: "chevron-down",
|
|
487
515
|
size: 24,
|
|
488
516
|
node: [["path", {
|
|
@@ -490,8 +518,8 @@ var ce = A(se), le = {
|
|
|
490
518
|
key: "qrunsl"
|
|
491
519
|
}]]
|
|
492
520
|
};
|
|
493
|
-
|
|
494
|
-
var
|
|
521
|
+
ue.node;
|
|
522
|
+
var de = k(ue), fe = {
|
|
495
523
|
name: "circle-alert",
|
|
496
524
|
size: 24,
|
|
497
525
|
node: [
|
|
@@ -518,8 +546,8 @@ var ue = A(le), de = {
|
|
|
518
546
|
],
|
|
519
547
|
aliases: ["alert-circle"]
|
|
520
548
|
};
|
|
521
|
-
|
|
522
|
-
var
|
|
549
|
+
fe.node;
|
|
550
|
+
var pe = k(fe), N = {
|
|
523
551
|
name: "circle-check-big",
|
|
524
552
|
size: 24,
|
|
525
553
|
node: [["path", {
|
|
@@ -531,8 +559,8 @@ var fe = A(de), P = {
|
|
|
531
559
|
}]],
|
|
532
560
|
aliases: ["check-circle"]
|
|
533
561
|
};
|
|
534
|
-
|
|
535
|
-
var
|
|
562
|
+
N.node;
|
|
563
|
+
var P = k(N), F = {
|
|
536
564
|
name: "clipboard-list",
|
|
537
565
|
size: 24,
|
|
538
566
|
node: [
|
|
@@ -567,8 +595,8 @@ var F = A(P), I = {
|
|
|
567
595
|
}]
|
|
568
596
|
]
|
|
569
597
|
};
|
|
570
|
-
|
|
571
|
-
var
|
|
598
|
+
F.node;
|
|
599
|
+
var me = k(F), I = {
|
|
572
600
|
name: "clock",
|
|
573
601
|
size: 24,
|
|
574
602
|
node: [["circle", {
|
|
@@ -581,8 +609,8 @@ var pe = A(I), L = {
|
|
|
581
609
|
key: "mmk7yg"
|
|
582
610
|
}]]
|
|
583
611
|
};
|
|
584
|
-
|
|
585
|
-
var
|
|
612
|
+
I.node;
|
|
613
|
+
var he = k(I), L = {
|
|
586
614
|
name: "copy",
|
|
587
615
|
size: 24,
|
|
588
616
|
node: [["rect", {
|
|
@@ -598,8 +626,8 @@ var me = A(L), R = {
|
|
|
598
626
|
key: "zix9uf"
|
|
599
627
|
}]]
|
|
600
628
|
};
|
|
601
|
-
|
|
602
|
-
var
|
|
629
|
+
L.node;
|
|
630
|
+
var ge = k(L), _e = {
|
|
603
631
|
name: "credit-card",
|
|
604
632
|
size: 24,
|
|
605
633
|
node: [
|
|
@@ -624,8 +652,8 @@ var he = A(R), ge = {
|
|
|
624
652
|
}]
|
|
625
653
|
]
|
|
626
654
|
};
|
|
627
|
-
|
|
628
|
-
var
|
|
655
|
+
_e.node;
|
|
656
|
+
var ve = k(_e), R = {
|
|
629
657
|
name: "download",
|
|
630
658
|
size: 24,
|
|
631
659
|
node: [
|
|
@@ -643,8 +671,8 @@ var _e = A(ge), z = {
|
|
|
643
671
|
}]
|
|
644
672
|
]
|
|
645
673
|
};
|
|
646
|
-
|
|
647
|
-
var
|
|
674
|
+
R.node;
|
|
675
|
+
var ye = k(R), be = {
|
|
648
676
|
name: "external-link",
|
|
649
677
|
size: 24,
|
|
650
678
|
node: [
|
|
@@ -662,8 +690,8 @@ var ve = A(z), ye = {
|
|
|
662
690
|
}]
|
|
663
691
|
]
|
|
664
692
|
};
|
|
665
|
-
|
|
666
|
-
var
|
|
693
|
+
be.node;
|
|
694
|
+
var xe = k(be), Se = {
|
|
667
695
|
name: "file-text",
|
|
668
696
|
size: 24,
|
|
669
697
|
node: [
|
|
@@ -689,8 +717,8 @@ var be = A(ye), xe = {
|
|
|
689
717
|
}]
|
|
690
718
|
]
|
|
691
719
|
};
|
|
692
|
-
|
|
693
|
-
var
|
|
720
|
+
Se.node;
|
|
721
|
+
var Ce = k(Se), we = {
|
|
694
722
|
name: "folder-open",
|
|
695
723
|
size: 24,
|
|
696
724
|
node: [["path", {
|
|
@@ -698,8 +726,8 @@ var Se = A(xe), Ce = {
|
|
|
698
726
|
key: "usdka0"
|
|
699
727
|
}]]
|
|
700
728
|
};
|
|
701
|
-
|
|
702
|
-
var
|
|
729
|
+
we.node;
|
|
730
|
+
var z = k(we), B = {
|
|
703
731
|
name: "graduation-cap",
|
|
704
732
|
size: 24,
|
|
705
733
|
node: [
|
|
@@ -717,8 +745,8 @@ var B = A(Ce), V = {
|
|
|
717
745
|
}]
|
|
718
746
|
]
|
|
719
747
|
};
|
|
720
|
-
|
|
721
|
-
var
|
|
748
|
+
B.node;
|
|
749
|
+
var V = k(B), H = {
|
|
722
750
|
name: "id-card",
|
|
723
751
|
size: 24,
|
|
724
752
|
node: [
|
|
@@ -750,8 +778,8 @@ var H = A(V), U = {
|
|
|
750
778
|
}]
|
|
751
779
|
]
|
|
752
780
|
};
|
|
753
|
-
|
|
754
|
-
var
|
|
781
|
+
H.node;
|
|
782
|
+
var U = k(H), Te = {
|
|
755
783
|
name: "info",
|
|
756
784
|
size: 24,
|
|
757
785
|
node: [
|
|
@@ -771,8 +799,8 @@ var W = A(U), we = {
|
|
|
771
799
|
}]
|
|
772
800
|
]
|
|
773
801
|
};
|
|
774
|
-
|
|
775
|
-
var
|
|
802
|
+
Te.node;
|
|
803
|
+
var Ee = k(Te), W = {
|
|
776
804
|
name: "key-round",
|
|
777
805
|
size: 24,
|
|
778
806
|
node: [["path", {
|
|
@@ -786,8 +814,8 @@ var Te = A(we), G = {
|
|
|
786
814
|
key: "w0ekpg"
|
|
787
815
|
}]]
|
|
788
816
|
};
|
|
789
|
-
|
|
790
|
-
var
|
|
817
|
+
W.node;
|
|
818
|
+
var G = k(W), K = {
|
|
791
819
|
name: "key",
|
|
792
820
|
size: 24,
|
|
793
821
|
node: [
|
|
@@ -807,8 +835,8 @@ var K = A(G), q = {
|
|
|
807
835
|
}]
|
|
808
836
|
]
|
|
809
837
|
};
|
|
810
|
-
|
|
811
|
-
var
|
|
838
|
+
K.node;
|
|
839
|
+
var De = k(K), q = {
|
|
812
840
|
name: "lock",
|
|
813
841
|
size: 24,
|
|
814
842
|
node: [["rect", {
|
|
@@ -824,8 +852,8 @@ var Ee = A(q), J = {
|
|
|
824
852
|
key: "fwvmzm"
|
|
825
853
|
}]]
|
|
826
854
|
};
|
|
827
|
-
|
|
828
|
-
var
|
|
855
|
+
q.node;
|
|
856
|
+
var J = k(q), Y = {
|
|
829
857
|
name: "log-in",
|
|
830
858
|
size: 24,
|
|
831
859
|
node: [
|
|
@@ -843,8 +871,8 @@ var Y = A(J), De = {
|
|
|
843
871
|
}]
|
|
844
872
|
]
|
|
845
873
|
};
|
|
846
|
-
|
|
847
|
-
var Oe =
|
|
874
|
+
Y.node;
|
|
875
|
+
var Oe = k(Y), ke = {
|
|
848
876
|
name: "log-out",
|
|
849
877
|
size: 24,
|
|
850
878
|
node: [
|
|
@@ -863,7 +891,7 @@ var Oe = A(De), ke = {
|
|
|
863
891
|
]
|
|
864
892
|
};
|
|
865
893
|
ke.node;
|
|
866
|
-
var Ae =
|
|
894
|
+
var Ae = k(ke), je = {
|
|
867
895
|
name: "mail",
|
|
868
896
|
size: 24,
|
|
869
897
|
node: [["path", {
|
|
@@ -879,7 +907,7 @@ var Ae = A(ke), je = {
|
|
|
879
907
|
}]]
|
|
880
908
|
};
|
|
881
909
|
je.node;
|
|
882
|
-
var Me =
|
|
910
|
+
var Me = k(je), Ne = {
|
|
883
911
|
name: "map-pin",
|
|
884
912
|
size: 24,
|
|
885
913
|
node: [["path", {
|
|
@@ -893,7 +921,7 @@ var Me = A(je), Ne = {
|
|
|
893
921
|
}]]
|
|
894
922
|
};
|
|
895
923
|
Ne.node;
|
|
896
|
-
var Pe =
|
|
924
|
+
var Pe = k(Ne), Fe = {
|
|
897
925
|
name: "maximize-2",
|
|
898
926
|
size: 24,
|
|
899
927
|
node: [
|
|
@@ -916,7 +944,7 @@ var Pe = A(Ne), Fe = {
|
|
|
916
944
|
]
|
|
917
945
|
};
|
|
918
946
|
Fe.node;
|
|
919
|
-
var Ie =
|
|
947
|
+
var Ie = k(Fe), Le = {
|
|
920
948
|
name: "minimize-2",
|
|
921
949
|
size: 24,
|
|
922
950
|
node: [
|
|
@@ -939,7 +967,7 @@ var Ie = A(Fe), Le = {
|
|
|
939
967
|
]
|
|
940
968
|
};
|
|
941
969
|
Le.node;
|
|
942
|
-
var Re =
|
|
970
|
+
var Re = k(Le), X = {
|
|
943
971
|
name: "move",
|
|
944
972
|
size: 24,
|
|
945
973
|
node: [
|
|
@@ -970,7 +998,7 @@ var Re = A(Le), X = {
|
|
|
970
998
|
]
|
|
971
999
|
};
|
|
972
1000
|
X.node;
|
|
973
|
-
var ze =
|
|
1001
|
+
var ze = k(X), Be = {
|
|
974
1002
|
name: "package-check",
|
|
975
1003
|
size: 24,
|
|
976
1004
|
node: [
|
|
@@ -997,7 +1025,7 @@ var ze = A(X), Be = {
|
|
|
997
1025
|
]
|
|
998
1026
|
};
|
|
999
1027
|
Be.node;
|
|
1000
|
-
var Ve =
|
|
1028
|
+
var Ve = k(Be), He = {
|
|
1001
1029
|
name: "phone",
|
|
1002
1030
|
size: 24,
|
|
1003
1031
|
node: [["path", {
|
|
@@ -1006,7 +1034,7 @@ var Ve = A(Be), He = {
|
|
|
1006
1034
|
}]]
|
|
1007
1035
|
};
|
|
1008
1036
|
He.node;
|
|
1009
|
-
var Z =
|
|
1037
|
+
var Z = k(He), Ue = {
|
|
1010
1038
|
name: "receipt",
|
|
1011
1039
|
size: 24,
|
|
1012
1040
|
node: [
|
|
@@ -1025,7 +1053,7 @@ var Z = A(He), Ue = {
|
|
|
1025
1053
|
]
|
|
1026
1054
|
};
|
|
1027
1055
|
Ue.node;
|
|
1028
|
-
var We =
|
|
1056
|
+
var We = k(Ue), Ge = {
|
|
1029
1057
|
name: "search",
|
|
1030
1058
|
size: 24,
|
|
1031
1059
|
node: [["path", {
|
|
@@ -1038,8 +1066,8 @@ var We = A(Ue), Q = {
|
|
|
1038
1066
|
key: "4ej97u"
|
|
1039
1067
|
}]]
|
|
1040
1068
|
};
|
|
1041
|
-
|
|
1042
|
-
var
|
|
1069
|
+
Ge.node;
|
|
1070
|
+
var Ke = k(Ge), qe = {
|
|
1043
1071
|
name: "sparkles",
|
|
1044
1072
|
size: 24,
|
|
1045
1073
|
node: [
|
|
@@ -1064,8 +1092,8 @@ var Ge = A(Q), Ke = {
|
|
|
1064
1092
|
],
|
|
1065
1093
|
aliases: ["stars"]
|
|
1066
1094
|
};
|
|
1067
|
-
|
|
1068
|
-
var
|
|
1095
|
+
qe.node;
|
|
1096
|
+
var Je = k(qe), Ye = {
|
|
1069
1097
|
name: "ticket",
|
|
1070
1098
|
size: 24,
|
|
1071
1099
|
node: [
|
|
@@ -1087,8 +1115,8 @@ var qe = A(Ke), Je = {
|
|
|
1087
1115
|
}]
|
|
1088
1116
|
]
|
|
1089
1117
|
};
|
|
1090
|
-
|
|
1091
|
-
var
|
|
1118
|
+
Ye.node;
|
|
1119
|
+
var Xe = k(Ye), Ze = {
|
|
1092
1120
|
name: "trash",
|
|
1093
1121
|
size: 24,
|
|
1094
1122
|
node: [
|
|
@@ -1115,8 +1143,8 @@ var Ye = A(Je), Xe = {
|
|
|
1115
1143
|
],
|
|
1116
1144
|
aliases: ["trash-2"]
|
|
1117
1145
|
};
|
|
1118
|
-
|
|
1119
|
-
var
|
|
1146
|
+
Ze.node;
|
|
1147
|
+
var Qe = k(Ze), $e = {
|
|
1120
1148
|
name: "upload",
|
|
1121
1149
|
size: 24,
|
|
1122
1150
|
node: [
|
|
@@ -1134,8 +1162,8 @@ var Ze = A(Xe), Qe = {
|
|
|
1134
1162
|
}]
|
|
1135
1163
|
]
|
|
1136
1164
|
};
|
|
1137
|
-
|
|
1138
|
-
var
|
|
1165
|
+
$e.node;
|
|
1166
|
+
var et = k($e), tt = {
|
|
1139
1167
|
name: "user",
|
|
1140
1168
|
size: 24,
|
|
1141
1169
|
node: [["path", {
|
|
@@ -1148,8 +1176,8 @@ var $e = A(Qe), et = {
|
|
|
1148
1176
|
key: "17ys0d"
|
|
1149
1177
|
}]]
|
|
1150
1178
|
};
|
|
1151
|
-
|
|
1152
|
-
var
|
|
1179
|
+
tt.node;
|
|
1180
|
+
var nt = k(tt), rt = {
|
|
1153
1181
|
name: "x",
|
|
1154
1182
|
size: 24,
|
|
1155
1183
|
node: [["path", {
|
|
@@ -1160,12 +1188,12 @@ var tt = A(et), nt = {
|
|
|
1160
1188
|
key: "d8bk6v"
|
|
1161
1189
|
}]]
|
|
1162
1190
|
};
|
|
1163
|
-
|
|
1164
|
-
var
|
|
1165
|
-
let [
|
|
1191
|
+
rt.node;
|
|
1192
|
+
var Q = k(rt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u, isDark: h = !1, apiClient: g, storage: ee, onError: _, onEvent: v, backgroundStyle: y, ticketType: b, showReviewFields: x = !1 }) => {
|
|
1193
|
+
let [S, C] = d(u || {}), [w, T] = d(null), [E, te] = d(null), [ne, D] = d({}), [O, k] = d({}), [A, j] = d(null), [ae, M] = d(null), [oe, se] = d({}), [ce, ue] = d({}), [fe, pe] = d({}), N = r?.primaryColor || "#c026d3";
|
|
1166
1194
|
s(() => {
|
|
1167
1195
|
if (u && Object.keys(u).length > 0) {
|
|
1168
|
-
|
|
1196
|
+
C((e) => ({
|
|
1169
1197
|
...u,
|
|
1170
1198
|
...e
|
|
1171
1199
|
}));
|
|
@@ -1175,49 +1203,49 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1175
1203
|
let r = u[e.id];
|
|
1176
1204
|
r && (String(r).startsWith("http://") || String(r).startsWith("https://") ? n[e.id] = String(r) : t[e.id] = String(r));
|
|
1177
1205
|
}
|
|
1178
|
-
}), Object.keys(t).length > 0 &&
|
|
1206
|
+
}), Object.keys(t).length > 0 && D((e) => ({
|
|
1179
1207
|
...t,
|
|
1180
1208
|
...e
|
|
1181
|
-
})), Object.keys(n).length > 0 &&
|
|
1209
|
+
})), Object.keys(n).length > 0 && k((e) => ({
|
|
1182
1210
|
...n,
|
|
1183
1211
|
...e
|
|
1184
1212
|
}));
|
|
1185
1213
|
}
|
|
1186
1214
|
}, [u, e]);
|
|
1187
|
-
let
|
|
1188
|
-
|
|
1215
|
+
let P = (e, t) => {
|
|
1216
|
+
C((n) => {
|
|
1189
1217
|
let r = {
|
|
1190
1218
|
...n,
|
|
1191
1219
|
[e]: t
|
|
1192
1220
|
};
|
|
1193
1221
|
return l?.(r), r;
|
|
1194
1222
|
});
|
|
1195
|
-
},
|
|
1223
|
+
}, F = async (t, n) => {
|
|
1196
1224
|
if (!g) return;
|
|
1197
|
-
|
|
1198
|
-
let r =
|
|
1225
|
+
T(t), j(null), M(null);
|
|
1226
|
+
let r = ee?.getToken?.() || null, i = ne[t], a = (e?.fields || []).find((e) => e.id === t);
|
|
1199
1227
|
try {
|
|
1200
|
-
let e = await g.uploadFile(n, r, r ? null :
|
|
1228
|
+
let e = await g.uploadFile(n, r, r ? null : he(), a?.label), o = e?.data?.asset_id || e?.asset_id, s = e?.data?.serve_url || e?.serve_url;
|
|
1201
1229
|
if (!o && !s) throw Error("Upload response missing asset_id");
|
|
1202
1230
|
let c = String(o || s), u = String(s || "");
|
|
1203
|
-
if (
|
|
1231
|
+
if (D((e) => ({
|
|
1204
1232
|
...e,
|
|
1205
1233
|
[t]: c
|
|
1206
|
-
})), u &&
|
|
1234
|
+
})), u && k((e) => ({
|
|
1207
1235
|
...e,
|
|
1208
1236
|
[t]: u
|
|
1209
|
-
})),
|
|
1237
|
+
})), C((e) => {
|
|
1210
1238
|
let n = {
|
|
1211
1239
|
...e,
|
|
1212
1240
|
[t]: c
|
|
1213
1241
|
};
|
|
1214
1242
|
return l?.(n), n;
|
|
1215
|
-
}),
|
|
1243
|
+
}), v?.("file_uploaded", {
|
|
1216
1244
|
fieldId: t,
|
|
1217
1245
|
assetId: c,
|
|
1218
1246
|
serveUrl: u
|
|
1219
1247
|
}), i && i !== c) try {
|
|
1220
|
-
await g.deleteFile(i, r),
|
|
1248
|
+
await g.deleteFile(i, r), v?.("file_deleted", {
|
|
1221
1249
|
fieldId: t,
|
|
1222
1250
|
assetId: i
|
|
1223
1251
|
});
|
|
@@ -1226,35 +1254,35 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1226
1254
|
}
|
|
1227
1255
|
} catch (e) {
|
|
1228
1256
|
let n = e?.message || "File upload failed. Please try again.";
|
|
1229
|
-
|
|
1257
|
+
j(n), M(t), _?.({
|
|
1230
1258
|
type: "file_upload_error",
|
|
1231
1259
|
message: n,
|
|
1232
1260
|
error: e
|
|
1233
1261
|
});
|
|
1234
1262
|
} finally {
|
|
1235
|
-
|
|
1263
|
+
T(null);
|
|
1236
1264
|
}
|
|
1237
|
-
},
|
|
1265
|
+
}, me = async (e) => {
|
|
1238
1266
|
if (!g) return;
|
|
1239
|
-
let t =
|
|
1240
|
-
|
|
1267
|
+
let t = ee?.getToken?.() || null, n = ne[e] || S[e];
|
|
1268
|
+
te(e), j(null), M(null);
|
|
1241
1269
|
try {
|
|
1242
|
-
n && (await g.deleteFile(n, t),
|
|
1270
|
+
n && (await g.deleteFile(n, t), v?.("file_deleted", {
|
|
1243
1271
|
fieldId: e,
|
|
1244
1272
|
assetId: n
|
|
1245
|
-
})),
|
|
1273
|
+
})), D((t) => {
|
|
1246
1274
|
let n = { ...t };
|
|
1247
1275
|
return delete n[e], n;
|
|
1248
|
-
}),
|
|
1276
|
+
}), k((t) => {
|
|
1249
1277
|
let n = { ...t };
|
|
1250
1278
|
return delete n[e], n;
|
|
1251
|
-
}),
|
|
1279
|
+
}), pe((t) => {
|
|
1252
1280
|
let n = { ...t };
|
|
1253
1281
|
return delete n[e], n;
|
|
1254
|
-
}),
|
|
1282
|
+
}), ue((t) => {
|
|
1255
1283
|
let n = { ...t };
|
|
1256
1284
|
return delete n[e], n;
|
|
1257
|
-
}),
|
|
1285
|
+
}), C((t) => {
|
|
1258
1286
|
let n = {
|
|
1259
1287
|
...t,
|
|
1260
1288
|
[e]: ""
|
|
@@ -1263,43 +1291,43 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1263
1291
|
});
|
|
1264
1292
|
} catch (t) {
|
|
1265
1293
|
let n = t?.message || "Failed to delete file. Please try again.";
|
|
1266
|
-
|
|
1294
|
+
j(n), M(e), _?.({
|
|
1267
1295
|
type: "file_delete_error",
|
|
1268
1296
|
message: n,
|
|
1269
1297
|
error: t
|
|
1270
1298
|
});
|
|
1271
1299
|
} finally {
|
|
1272
|
-
|
|
1300
|
+
te(null);
|
|
1273
1301
|
}
|
|
1274
|
-
},
|
|
1302
|
+
}, I = async (t, n) => {
|
|
1275
1303
|
if (!g || !n.trim()) return;
|
|
1276
|
-
|
|
1277
|
-
let r =
|
|
1304
|
+
T(t), j(null), M(null);
|
|
1305
|
+
let r = ee?.getToken?.() || null, i = ne[t], a = (e?.fields || []).find((e) => e.id === t);
|
|
1278
1306
|
try {
|
|
1279
|
-
let e = await g.submitTextAnswer(n.trim(), r, r ? null :
|
|
1307
|
+
let e = await g.submitTextAnswer(n.trim(), r, r ? null : he(), a?.label), o = e?.data?.asset_id || e?.asset_id;
|
|
1280
1308
|
if (!o) throw Error("Submission response missing asset_id");
|
|
1281
1309
|
let s = String(o);
|
|
1282
|
-
if (
|
|
1310
|
+
if (D((e) => ({
|
|
1283
1311
|
...e,
|
|
1284
1312
|
[t]: s
|
|
1285
|
-
})),
|
|
1313
|
+
})), k((e) => {
|
|
1286
1314
|
let n = { ...e };
|
|
1287
1315
|
return delete n[t], n;
|
|
1288
|
-
}),
|
|
1316
|
+
}), pe((e) => ({
|
|
1289
1317
|
...e,
|
|
1290
1318
|
[t]: n.trim()
|
|
1291
|
-
})),
|
|
1319
|
+
})), C((e) => {
|
|
1292
1320
|
let n = {
|
|
1293
1321
|
...e,
|
|
1294
1322
|
[t]: s
|
|
1295
1323
|
};
|
|
1296
1324
|
return l?.(n), n;
|
|
1297
|
-
}),
|
|
1325
|
+
}), v?.("file_uploaded", {
|
|
1298
1326
|
fieldId: t,
|
|
1299
1327
|
assetId: s,
|
|
1300
1328
|
isText: !0
|
|
1301
1329
|
}), i && i !== s) try {
|
|
1302
|
-
await g.deleteFile(i, r),
|
|
1330
|
+
await g.deleteFile(i, r), v?.("file_deleted", {
|
|
1303
1331
|
fieldId: t,
|
|
1304
1332
|
assetId: i
|
|
1305
1333
|
});
|
|
@@ -1308,24 +1336,24 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1308
1336
|
}
|
|
1309
1337
|
} catch (e) {
|
|
1310
1338
|
let n = e?.message || "Could not submit your answer. Please try again.";
|
|
1311
|
-
|
|
1339
|
+
j(n), M(t), _?.({
|
|
1312
1340
|
type: "file_upload_error",
|
|
1313
1341
|
message: n,
|
|
1314
1342
|
error: e
|
|
1315
1343
|
});
|
|
1316
1344
|
} finally {
|
|
1317
|
-
|
|
1345
|
+
T(null);
|
|
1318
1346
|
}
|
|
1319
|
-
},
|
|
1347
|
+
}, he = () => {
|
|
1320
1348
|
let t = (e?.fields || []).find((e) => e.type === "email" || (e.label || e.id || "").toLowerCase().includes("email"));
|
|
1321
|
-
return String(t &&
|
|
1322
|
-
},
|
|
1349
|
+
return String(t && S[t.id] || S.email || "").trim();
|
|
1350
|
+
}, L = e?.fields || [], ge = (e) => {
|
|
1323
1351
|
if (e.description) return e.description;
|
|
1324
1352
|
if (e.helperText) return e.helperText;
|
|
1325
1353
|
let t = (e.label || e.id || "").toLowerCase(), n = e.type;
|
|
1326
1354
|
return n === "email" || t.includes("email") || t.includes("mail") ? "Please enter a valid email address. Your abstract acknowledgement, review updates, and final communication will be sent to this mailbox." : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? "Please enter a valid mobile number for SMS confirmations and important notifications." : t.includes("council") || t.includes("registration no") || t.includes("mci") ? "Enter your State Medical Council or National Medical Commission registration number." : n === "file" || t.includes("file") || t.includes("upload") || t.includes("bonafide") || t.includes("abstract") ? "Upload your document (PDF, JPG, PNG up to 10MB) for registration review and verification." : t.includes("salutation") || t.includes("title") ? "Choose your professional title or academic prefix." : null;
|
|
1327
|
-
},
|
|
1328
|
-
let t =
|
|
1355
|
+
}, _e = (e) => {
|
|
1356
|
+
let t = O[e.id] || (S[e.id] && String(S[e.id]).startsWith("http") ? S[e.id] : ""), n = fe[e.id], r = oe[e.id] || "file", i = w === e.id || E === e.id, a = ce[e.id] || "", o = a.trim() ? a.trim().split(/\s+/).length : 0, s = !!e.word_limit && o > e.word_limit;
|
|
1329
1357
|
return /* @__PURE__ */ p("div", {
|
|
1330
1358
|
className: "space-y-2 mt-2",
|
|
1331
1359
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -1339,11 +1367,11 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1339
1367
|
children: [/* @__PURE__ */ p("div", {
|
|
1340
1368
|
className: "w-10 h-10 rounded-xl flex items-center justify-center shrink-0 border",
|
|
1341
1369
|
style: {
|
|
1342
|
-
backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${
|
|
1343
|
-
borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${
|
|
1344
|
-
color:
|
|
1370
|
+
backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${N} 10%, white)`,
|
|
1371
|
+
borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${N} 25%, white)`,
|
|
1372
|
+
color: N
|
|
1345
1373
|
},
|
|
1346
|
-
children: /* @__PURE__ */ p(
|
|
1374
|
+
children: /* @__PURE__ */ p(z, { size: 18 })
|
|
1347
1375
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
|
|
1348
1376
|
className: `text-xs font-bold ${h ? "text-zinc-200" : "text-gray-900"}`,
|
|
1349
1377
|
children: e.label
|
|
@@ -1354,16 +1382,16 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1354
1382
|
}), /* @__PURE__ */ p("button", {
|
|
1355
1383
|
type: "button",
|
|
1356
1384
|
disabled: i,
|
|
1357
|
-
onClick: () =>
|
|
1385
|
+
onClick: () => se((t) => ({
|
|
1358
1386
|
...t,
|
|
1359
1387
|
[e.id]: r === "file" ? "text" : "file"
|
|
1360
1388
|
})),
|
|
1361
1389
|
className: "flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-lg border cursor-pointer transition-colors hover:opacity-80 disabled:opacity-50 shrink-0",
|
|
1362
1390
|
style: {
|
|
1363
|
-
color:
|
|
1364
|
-
borderColor: `color-mix(in srgb, ${
|
|
1391
|
+
color: N,
|
|
1392
|
+
borderColor: `color-mix(in srgb, ${N} 35%, transparent)`
|
|
1365
1393
|
},
|
|
1366
|
-
children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(
|
|
1394
|
+
children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ce, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(et, { size: 11 }), " Send file"] })
|
|
1367
1395
|
})]
|
|
1368
1396
|
}),
|
|
1369
1397
|
r === "file" ? /* @__PURE__ */ m("div", {
|
|
@@ -1378,33 +1406,33 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1378
1406
|
disabled: i,
|
|
1379
1407
|
onChange: (t) => {
|
|
1380
1408
|
let n = t.target.files?.[0];
|
|
1381
|
-
n &&
|
|
1409
|
+
n && F(e.id, n), t.target.value = "";
|
|
1382
1410
|
}
|
|
1383
1411
|
}), /* @__PURE__ */ m("div", {
|
|
1384
1412
|
className: `flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold border transition-all shadow-2xs ${h ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-slate-200 hover:border-slate-300 text-slate-700 bg-white hover:bg-slate-50"}`,
|
|
1385
|
-
children: [/* @__PURE__ */ p(
|
|
1413
|
+
children: [/* @__PURE__ */ p(et, {
|
|
1386
1414
|
size: 14,
|
|
1387
|
-
style: { color:
|
|
1388
|
-
}), /* @__PURE__ */ p("span", { children:
|
|
1415
|
+
style: { color: N }
|
|
1416
|
+
}), /* @__PURE__ */ p("span", { children: w === e.id ? "Uploading..." : t ? "Replace File" : "Choose File" })]
|
|
1389
1417
|
})]
|
|
1390
1418
|
}), t && typeof t == "string" && t.trim() !== "" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
|
|
1391
1419
|
type: "button",
|
|
1392
1420
|
onClick: () => window.open(t, "_blank", "noopener,noreferrer"),
|
|
1393
1421
|
className: "flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0 cursor-pointer",
|
|
1394
|
-
style: { backgroundColor:
|
|
1422
|
+
style: { backgroundColor: N },
|
|
1395
1423
|
title: "Open file in new tab",
|
|
1396
1424
|
children: [
|
|
1397
|
-
/* @__PURE__ */ p(
|
|
1425
|
+
/* @__PURE__ */ p(Ce, { size: 13 }),
|
|
1398
1426
|
/* @__PURE__ */ p("span", { children: "View" }),
|
|
1399
|
-
/* @__PURE__ */ p(
|
|
1427
|
+
/* @__PURE__ */ p(xe, { size: 11 })
|
|
1400
1428
|
]
|
|
1401
1429
|
}), /* @__PURE__ */ m("button", {
|
|
1402
1430
|
type: "button",
|
|
1403
|
-
disabled:
|
|
1404
|
-
onClick: () =>
|
|
1431
|
+
disabled: E === e.id || w === e.id,
|
|
1432
|
+
onClick: () => me(e.id),
|
|
1405
1433
|
className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${h ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
|
|
1406
1434
|
title: "Delete uploaded file",
|
|
1407
|
-
children: [/* @__PURE__ */ p(
|
|
1435
|
+
children: [/* @__PURE__ */ p(Qe, { size: 13 }), /* @__PURE__ */ p("span", { children: E === e.id ? "Deleting..." : "Delete" })]
|
|
1408
1436
|
})] })]
|
|
1409
1437
|
}) : /* @__PURE__ */ m("div", {
|
|
1410
1438
|
className: `mt-3 pt-3 border-t space-y-2 ${h ? "border-zinc-800" : "border-slate-200"}`,
|
|
@@ -1413,7 +1441,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1413
1441
|
rows: 3,
|
|
1414
1442
|
disabled: i || !!n,
|
|
1415
1443
|
value: n ?? a,
|
|
1416
|
-
onChange: (t) =>
|
|
1444
|
+
onChange: (t) => ue((n) => ({
|
|
1417
1445
|
...n,
|
|
1418
1446
|
[e.id]: t.target.value
|
|
1419
1447
|
})),
|
|
@@ -1432,22 +1460,22 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1432
1460
|
}) : /* @__PURE__ */ p("span", {}), n ? /* @__PURE__ */ m("button", {
|
|
1433
1461
|
type: "button",
|
|
1434
1462
|
disabled: i,
|
|
1435
|
-
onClick: () =>
|
|
1463
|
+
onClick: () => me(e.id),
|
|
1436
1464
|
className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${h ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
|
|
1437
|
-
children: [/* @__PURE__ */ p(
|
|
1465
|
+
children: [/* @__PURE__ */ p(Qe, { size: 13 }), /* @__PURE__ */ p("span", { children: E === e.id ? "Clearing..." : "Clear & Re-enter" })]
|
|
1438
1466
|
}) : /* @__PURE__ */ m("button", {
|
|
1439
1467
|
type: "button",
|
|
1440
1468
|
disabled: i || !a.trim(),
|
|
1441
|
-
onClick: () =>
|
|
1442
|
-
style: { backgroundColor:
|
|
1469
|
+
onClick: () => I(e.id, a),
|
|
1470
|
+
style: { backgroundColor: N },
|
|
1443
1471
|
className: "flex items-center gap-1.5 px-4 py-2 rounded-xl text-xs font-bold text-white shadow-sm hover:opacity-90 transition-all cursor-pointer disabled:opacity-50",
|
|
1444
|
-
children: [/* @__PURE__ */ p(
|
|
1472
|
+
children: [/* @__PURE__ */ p(et, { size: 13 }), /* @__PURE__ */ p("span", { children: w === e.id ? "Submitting..." : "Submit Text" })]
|
|
1445
1473
|
})]
|
|
1446
1474
|
})]
|
|
1447
1475
|
}),
|
|
1448
1476
|
t && /* @__PURE__ */ m("div", {
|
|
1449
1477
|
className: `mt-2.5 pt-2 border-t text-2xs truncate flex items-center gap-1.5 ${h ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
|
|
1450
|
-
children: [/* @__PURE__ */ p(
|
|
1478
|
+
children: [/* @__PURE__ */ p(le, {
|
|
1451
1479
|
size: 12,
|
|
1452
1480
|
className: "text-emerald-500 shrink-0"
|
|
1453
1481
|
}), /* @__PURE__ */ m("span", {
|
|
@@ -1455,16 +1483,16 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1455
1483
|
children: ["Attached: ", t]
|
|
1456
1484
|
})]
|
|
1457
1485
|
}),
|
|
1458
|
-
|
|
1486
|
+
A && ae === e.id && /* @__PURE__ */ p("div", {
|
|
1459
1487
|
className: "text-xs text-red-500 mt-2 font-medium",
|
|
1460
|
-
children:
|
|
1488
|
+
children: A
|
|
1461
1489
|
})
|
|
1462
1490
|
]
|
|
1463
1491
|
})
|
|
1464
1492
|
});
|
|
1465
|
-
},
|
|
1493
|
+
}, ve = (e) => {
|
|
1466
1494
|
if (!e) return null;
|
|
1467
|
-
let t =
|
|
1495
|
+
let t = S[e.id] ?? "", n = ge(e), r = e.type === "email" || (e.label || "").toLowerCase().includes("email"), i = (e.label || "").toLowerCase().includes("name"), a = `vx-field-${e.id}`, o = `w-full px-4 py-3 text-[15px] font-medium rounded-xl border transition-all focus:outline-none ${h ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
|
|
1468
1496
|
return /* @__PURE__ */ m("div", {
|
|
1469
1497
|
part: "field",
|
|
1470
1498
|
className: "px-5 sm:px-8 py-5 sm:py-6",
|
|
@@ -1494,7 +1522,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1494
1522
|
id: a,
|
|
1495
1523
|
required: e.required,
|
|
1496
1524
|
value: t,
|
|
1497
|
-
onChange: (t) =>
|
|
1525
|
+
onChange: (t) => P(e.id, t.target.value),
|
|
1498
1526
|
className: `${o} pr-10 appearance-none cursor-pointer`,
|
|
1499
1527
|
children: [/* @__PURE__ */ p("option", {
|
|
1500
1528
|
value: "",
|
|
@@ -1507,32 +1535,32 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1507
1535
|
}, e))]
|
|
1508
1536
|
}), /* @__PURE__ */ p("div", {
|
|
1509
1537
|
className: `absolute inset-y-0 right-0 flex items-center pr-3.5 pointer-events-none ${h ? "text-zinc-400" : "text-slate-400"}`,
|
|
1510
|
-
children: /* @__PURE__ */ p(
|
|
1538
|
+
children: /* @__PURE__ */ p(de, { size: 16 })
|
|
1511
1539
|
})]
|
|
1512
|
-
}) : e.type === "file" ?
|
|
1540
|
+
}) : e.type === "file" ? _e(e) : /* @__PURE__ */ p("input", {
|
|
1513
1541
|
part: "input",
|
|
1514
1542
|
id: a,
|
|
1515
1543
|
type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : e.type === "number" ? "number" : "text",
|
|
1516
1544
|
required: e.required,
|
|
1517
1545
|
value: t,
|
|
1518
1546
|
placeholder: e.placeholder || (r ? "Enter your email address" : i ? "Your full name" : `Enter your ${e.label.toLowerCase()}`),
|
|
1519
|
-
onChange: (t) =>
|
|
1547
|
+
onChange: (t) => P(e.id, t.target.value),
|
|
1520
1548
|
className: o
|
|
1521
1549
|
})
|
|
1522
1550
|
]
|
|
1523
1551
|
}, e.id);
|
|
1524
|
-
},
|
|
1552
|
+
}, R = (e) => {
|
|
1525
1553
|
e.preventDefault();
|
|
1526
|
-
for (let e of
|
|
1527
|
-
|
|
1554
|
+
for (let e of L) if (e.type === "file" && e.required && !S[e.id]) {
|
|
1555
|
+
j(`Please upload ${e.label || "a file"}`), M(e.id);
|
|
1528
1556
|
return;
|
|
1529
1557
|
}
|
|
1530
|
-
t(
|
|
1531
|
-
},
|
|
1558
|
+
t(S);
|
|
1559
|
+
}, ye = b?.type || b?.name || b?.label || (x ? "Abstract Submission Form" : "Registration Form"), be = b ? Number(b.price) > 0 ? [b.currency, Number(b.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : null;
|
|
1532
1560
|
return /* @__PURE__ */ m("div", {
|
|
1533
1561
|
part: "form-page",
|
|
1534
1562
|
className: `w-full flex-1 flex flex-col relative ${h ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
1535
|
-
style:
|
|
1563
|
+
style: y,
|
|
1536
1564
|
children: [/* @__PURE__ */ p("div", {
|
|
1537
1565
|
part: "form-header",
|
|
1538
1566
|
className: `sticky top-0 z-30 px-4 sm:px-6 py-3 border-b backdrop-blur-xl transition-colors ${h ? "bg-zinc-900/85 border-zinc-800" : "bg-white/85 border-slate-200/80"}`,
|
|
@@ -1543,22 +1571,22 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1543
1571
|
type: "button",
|
|
1544
1572
|
onClick: n,
|
|
1545
1573
|
className: `inline-flex items-center gap-2 text-sm font-semibold rounded-full pl-2.5 pr-4 py-2 border transition-colors cursor-pointer ${h ? "bg-zinc-800 border-zinc-700 hover:bg-zinc-700 text-zinc-200" : "bg-white border-slate-200 hover:bg-slate-50 text-slate-700 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`,
|
|
1546
|
-
children: [/* @__PURE__ */ p(
|
|
1574
|
+
children: [/* @__PURE__ */ p(re, { size: 16 }), /* @__PURE__ */ p("span", { children: "All forms" })]
|
|
1547
1575
|
}), /* @__PURE__ */ m("div", {
|
|
1548
1576
|
className: "flex items-center gap-2 min-w-0",
|
|
1549
|
-
children: [
|
|
1577
|
+
children: [b && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
|
|
1550
1578
|
part: "form-type-name",
|
|
1551
|
-
title:
|
|
1579
|
+
title: ye,
|
|
1552
1580
|
className: `hidden sm:inline-block truncate max-w-[16rem] text-xs font-semibold px-3 py-1.5 rounded-full ${h ? "bg-zinc-800 text-zinc-200" : "bg-slate-100 text-slate-700"}`,
|
|
1553
|
-
children:
|
|
1554
|
-
}), !
|
|
1581
|
+
children: ye
|
|
1582
|
+
}), !x && /* @__PURE__ */ p("span", {
|
|
1555
1583
|
part: "form-type-price",
|
|
1556
1584
|
className: "shrink-0 text-xs font-bold px-3 py-1.5 rounded-full tabular-nums",
|
|
1557
1585
|
style: {
|
|
1558
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1559
|
-
color:
|
|
1586
|
+
backgroundColor: `color-mix(in srgb, ${N} 12%, transparent)`,
|
|
1587
|
+
color: N
|
|
1560
1588
|
},
|
|
1561
|
-
children:
|
|
1589
|
+
children: be
|
|
1562
1590
|
})] }), i === "popup" && /* @__PURE__ */ m("div", {
|
|
1563
1591
|
className: `flex items-center gap-1.5 ml-2 border-l pl-2 ${h ? "border-zinc-700" : "border-slate-200"}`,
|
|
1564
1592
|
children: [/* @__PURE__ */ p("button", {
|
|
@@ -1569,7 +1597,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1569
1597
|
}), /* @__PURE__ */ p("button", {
|
|
1570
1598
|
onClick: c,
|
|
1571
1599
|
className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
1572
|
-
children: /* @__PURE__ */ p(
|
|
1600
|
+
children: /* @__PURE__ */ p(Q, { size: 18 })
|
|
1573
1601
|
})]
|
|
1574
1602
|
})]
|
|
1575
1603
|
})]
|
|
@@ -1578,7 +1606,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1578
1606
|
className: "w-full flex-1 overflow-y-auto",
|
|
1579
1607
|
children: /* @__PURE__ */ m("form", {
|
|
1580
1608
|
part: "form",
|
|
1581
|
-
onSubmit:
|
|
1609
|
+
onSubmit: R,
|
|
1582
1610
|
className: "max-w-3xl mx-auto w-full px-4 sm:px-6 py-8 sm:py-10 space-y-5",
|
|
1583
1611
|
children: [
|
|
1584
1612
|
/* @__PURE__ */ m("div", {
|
|
@@ -1586,18 +1614,18 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1586
1614
|
className: "px-1",
|
|
1587
1615
|
children: [/* @__PURE__ */ p("p", {
|
|
1588
1616
|
className: "text-xs font-semibold uppercase tracking-wider",
|
|
1589
|
-
style: { color:
|
|
1590
|
-
children:
|
|
1617
|
+
style: { color: N },
|
|
1618
|
+
children: x ? "Abstract submission" : "Registration form"
|
|
1591
1619
|
}), /* @__PURE__ */ p("h2", {
|
|
1592
1620
|
part: "form-title",
|
|
1593
1621
|
className: `mt-1.5 text-2xl sm:text-3xl font-bold tracking-tight ${h ? "text-white" : "text-slate-900"}`,
|
|
1594
1622
|
style: $,
|
|
1595
|
-
children:
|
|
1623
|
+
children: ye
|
|
1596
1624
|
})]
|
|
1597
1625
|
}),
|
|
1598
1626
|
u && Object.keys(u).length > 0 && /* @__PURE__ */ m("div", {
|
|
1599
1627
|
className: `text-sm px-4 py-3 rounded-2xl flex items-center gap-2.5 ${h ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-800 ring-1 ring-inset ring-emerald-200/80"}`,
|
|
1600
|
-
children: [/* @__PURE__ */ p(
|
|
1628
|
+
children: [/* @__PURE__ */ p(le, {
|
|
1601
1629
|
size: 16,
|
|
1602
1630
|
className: "shrink-0"
|
|
1603
1631
|
}), /* @__PURE__ */ p("span", {
|
|
@@ -1609,17 +1637,17 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1609
1637
|
part: "notice",
|
|
1610
1638
|
className: "rounded-2xl p-4 flex items-start gap-3",
|
|
1611
1639
|
style: {
|
|
1612
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1613
|
-
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${
|
|
1640
|
+
backgroundColor: `color-mix(in srgb, ${N} ${h ? 14 : 7}%, transparent)`,
|
|
1641
|
+
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${N} 20%, transparent)`
|
|
1614
1642
|
},
|
|
1615
1643
|
children: [/* @__PURE__ */ p("div", {
|
|
1616
1644
|
className: "shrink-0 mt-0.5",
|
|
1617
|
-
style: { color:
|
|
1618
|
-
children: /* @__PURE__ */ p(
|
|
1645
|
+
style: { color: N },
|
|
1646
|
+
children: /* @__PURE__ */ p(Ee, { size: 18 })
|
|
1619
1647
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
1620
1648
|
part: "notice-title",
|
|
1621
1649
|
className: "text-xs font-bold uppercase tracking-wider",
|
|
1622
|
-
style: { color:
|
|
1650
|
+
style: { color: N },
|
|
1623
1651
|
children: "Before you submit"
|
|
1624
1652
|
}), /* @__PURE__ */ m("p", {
|
|
1625
1653
|
className: `text-sm mt-0.5 leading-relaxed ${h ? "text-zinc-300" : "text-slate-600"}`,
|
|
@@ -1636,20 +1664,20 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1636
1664
|
/* @__PURE__ */ p("div", {
|
|
1637
1665
|
part: "form-card",
|
|
1638
1666
|
className: `rounded-3xl border overflow-hidden divide-y ${h ? "bg-zinc-900 border-zinc-800 divide-zinc-800" : "bg-white border-slate-200/80 divide-slate-100 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`,
|
|
1639
|
-
children:
|
|
1667
|
+
children: L.map((e) => ve(e))
|
|
1640
1668
|
}),
|
|
1641
1669
|
/* @__PURE__ */ m("div", {
|
|
1642
1670
|
className: "pt-2 pb-10",
|
|
1643
1671
|
children: [/* @__PURE__ */ m("button", {
|
|
1644
1672
|
part: "button button-primary submit-button",
|
|
1645
1673
|
type: "submit",
|
|
1646
|
-
disabled:
|
|
1674
|
+
disabled: w !== null || E !== null,
|
|
1647
1675
|
style: {
|
|
1648
|
-
background: `linear-gradient(135deg, ${
|
|
1649
|
-
boxShadow: `0 12px 28px -12px color-mix(in srgb, ${
|
|
1676
|
+
background: `linear-gradient(135deg, ${N}, color-mix(in srgb, ${N} 80%, black))`,
|
|
1677
|
+
boxShadow: `0 12px 28px -12px color-mix(in srgb, ${N} 70%, transparent)`
|
|
1650
1678
|
},
|
|
1651
1679
|
className: "group w-full h-14 px-8 text-base font-semibold text-white rounded-2xl hover:brightness-110 active:scale-[0.99] transition-all cursor-pointer flex items-center justify-center gap-2.5 disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1652
|
-
children: [/* @__PURE__ */ p("span", { children:
|
|
1680
|
+
children: [/* @__PURE__ */ p("span", { children: x ? "Submit Abstract" : "Complete Registration" }), /* @__PURE__ */ p(ie, {
|
|
1653
1681
|
size: 18,
|
|
1654
1682
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
1655
1683
|
})]
|
|
@@ -1683,16 +1711,16 @@ function ot(e, t = "") {
|
|
|
1683
1711
|
//#endregion
|
|
1684
1712
|
//#region src/widget/components/AttendeePortal.tsx
|
|
1685
1713
|
var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, isWidgetPage: a = !1, onEvent: o, onError: c }) => {
|
|
1686
|
-
let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [
|
|
1714
|
+
let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [ee, _] = d(!1), [v, y] = d(null), [b, x] = d(null), [S, C] = d(null), [w, T] = d(""), [E, te] = d(""), [ne, D] = d(""), [O, k] = d(""), [A, j] = d(""), [ae, oe] = d(""), [ce, ue] = d(""), [fe, N] = d(!1), [F, me] = d(null), [I, he] = d({}), [L, ge] = d([]), [_e, R] = d({}), [be, Se] = d(null), [we, B] = d(null), [H, Te] = d(null), [Ee, W] = d(!1), [K, q] = d(!1), [Y, ke] = d({}), [je, Ne] = d(!1);
|
|
1687
1715
|
s(() => {
|
|
1688
1716
|
let e = t.getToken();
|
|
1689
|
-
e &&
|
|
1717
|
+
e && Fe(e);
|
|
1690
1718
|
}, []);
|
|
1691
|
-
let
|
|
1692
|
-
g(!0),
|
|
1719
|
+
let Fe = async (r) => {
|
|
1720
|
+
g(!0), x(null);
|
|
1693
1721
|
try {
|
|
1694
1722
|
let i = await e.portalGetProfile(r), a = i?.data || i || {};
|
|
1695
|
-
|
|
1723
|
+
me(a);
|
|
1696
1724
|
let s = a.registration || {}, c = s.custom_data || {}, l = s.email || a.email || "", d = null;
|
|
1697
1725
|
if (l) try {
|
|
1698
1726
|
let t = await e.getDraftByEmail(l);
|
|
@@ -1708,9 +1736,9 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1708
1736
|
} catch {}
|
|
1709
1737
|
}
|
|
1710
1738
|
let f = d?.custom_data || {};
|
|
1711
|
-
s.name ?
|
|
1739
|
+
s.name ? D(s.name) : d?.name ? D(d.name) : a.name && D(a.name);
|
|
1712
1740
|
let p = 0, m = {}, h = [...a.editable_fields || []];
|
|
1713
|
-
|
|
1741
|
+
me({
|
|
1714
1742
|
...a,
|
|
1715
1743
|
editable_fields: h
|
|
1716
1744
|
});
|
|
@@ -1720,12 +1748,12 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1720
1748
|
let t = s[`${e.id}_asset_id`] || c[`${e.id}_asset_id`] || s.asset_id || c.asset_id || a.asset_id;
|
|
1721
1749
|
t && (g[e.id] = String(t));
|
|
1722
1750
|
}
|
|
1723
|
-
}),
|
|
1751
|
+
}), R((e) => ({
|
|
1724
1752
|
...g,
|
|
1725
1753
|
...e
|
|
1726
1754
|
}));
|
|
1727
|
-
let
|
|
1728
|
-
|
|
1755
|
+
let ee = s.asset_id || s.photo_id || c.asset_id || c.photo_id || a.asset_id;
|
|
1756
|
+
ee && Se(String(ee)), h.length > 0 ? h.forEach((e) => {
|
|
1729
1757
|
let t = e.label || e.name || e.id, n = at(e.id, e.label), r = ot(e.label, e.id), i = "";
|
|
1730
1758
|
if (t && s[t] !== void 0 && s[t] !== null && s[t] !== "" ? i = s[t] : s[r] !== void 0 && s[r] !== null && s[r] !== "" ? i = s[r] : s[n] !== void 0 && s[n] !== null && s[n] !== "" ? i = s[n] : s[e.id] !== void 0 && s[e.id] !== null && s[e.id] !== "" ? i = s[e.id] : t && c[t] !== void 0 && c[t] !== null && c[t] !== "" ? i = c[t] : c[r] !== void 0 && c[r] !== null && c[r] !== "" ? i = c[r] : c[n] !== void 0 && c[n] !== null && c[n] !== "" ? i = c[n] : c[e.id] !== void 0 && c[e.id] !== null && c[e.id] !== "" && (i = c[e.id]), d) {
|
|
1731
1759
|
let t = d[n] ?? d[e.id] ?? f[n] ?? f[e.id] ?? (e.id === "salutation" ? d.salutation || d.title : void 0) ?? (e.id === "name" ? d.name || d.fullName || d.full_name : void 0) ?? (e.id === "email" ? d.email : void 0) ?? (e.id === "phone" ? d.phone || d.mobile || d.phoneNumber : void 0);
|
|
@@ -1734,12 +1762,12 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1734
1762
|
m[e.id] = i;
|
|
1735
1763
|
}) : Object.entries(a).forEach(([e, t]) => {
|
|
1736
1764
|
e.toLowerCase() !== "token" && (m[e] = t);
|
|
1737
|
-
}),
|
|
1738
|
-
let
|
|
1765
|
+
}), he(m), p > 0 && W(!0);
|
|
1766
|
+
let _ = (a.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
|
|
1739
1767
|
d?.selected_items && Array.isArray(d.selected_items) && d.selected_items.forEach((e) => {
|
|
1740
1768
|
let t = typeof e == "string" ? e : e?.name;
|
|
1741
|
-
t && !
|
|
1742
|
-
}),
|
|
1769
|
+
t && !_.includes(t) && _.push(t);
|
|
1770
|
+
}), ge(_), u("profile"), o?.("attendee_profile_loaded", {
|
|
1743
1771
|
profile: a,
|
|
1744
1772
|
draft: d
|
|
1745
1773
|
});
|
|
@@ -1748,26 +1776,26 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1748
1776
|
} finally {
|
|
1749
1777
|
g(!1);
|
|
1750
1778
|
}
|
|
1751
|
-
},
|
|
1752
|
-
if (r.preventDefault(), !
|
|
1753
|
-
|
|
1779
|
+
}, Ie = async (r) => {
|
|
1780
|
+
if (r.preventDefault(), !w.trim() || !E) {
|
|
1781
|
+
x("Please enter both your identifier and password.");
|
|
1754
1782
|
return;
|
|
1755
1783
|
}
|
|
1756
|
-
g(!0),
|
|
1784
|
+
g(!0), x(null), C(null);
|
|
1757
1785
|
try {
|
|
1758
1786
|
let n = await e.portalLogin({
|
|
1759
|
-
identifier:
|
|
1760
|
-
password:
|
|
1787
|
+
identifier: w.trim(),
|
|
1788
|
+
password: E
|
|
1761
1789
|
}), r = n?.data?.token || n?.token;
|
|
1762
1790
|
if (!r) throw Error(n?.message || "No authentication token received.");
|
|
1763
|
-
(n?.data?.name || n?.name) &&
|
|
1764
|
-
identifier:
|
|
1791
|
+
(n?.data?.name || n?.name) && D(n.data?.name || n.name), t.setToken(r), o?.("attendee_logged_in", {
|
|
1792
|
+
identifier: w,
|
|
1765
1793
|
response: n
|
|
1766
|
-
}), await
|
|
1794
|
+
}), await Fe(r);
|
|
1767
1795
|
} catch (e) {
|
|
1768
1796
|
n.error("Login failed", e);
|
|
1769
1797
|
let t = e.message || "Login failed. Please check your credentials.";
|
|
1770
|
-
|
|
1798
|
+
x(t), c?.({
|
|
1771
1799
|
type: "login_error",
|
|
1772
1800
|
message: t,
|
|
1773
1801
|
error: e
|
|
@@ -1775,61 +1803,61 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1775
1803
|
} finally {
|
|
1776
1804
|
g(!1);
|
|
1777
1805
|
}
|
|
1778
|
-
},
|
|
1806
|
+
}, Le = async (t) => {
|
|
1779
1807
|
t.preventDefault();
|
|
1780
|
-
let r = (
|
|
1808
|
+
let r = (O || w).trim();
|
|
1781
1809
|
if (!r) {
|
|
1782
|
-
|
|
1810
|
+
x("Please enter your registration number or email to receive a code.");
|
|
1783
1811
|
return;
|
|
1784
1812
|
}
|
|
1785
|
-
|
|
1813
|
+
N(!0), x(null), C(null);
|
|
1786
1814
|
try {
|
|
1787
|
-
await e.portalRequestPasswordReset(r),
|
|
1815
|
+
await e.portalRequestPasswordReset(r), C("A verification code has been sent to your registered email."), o?.("password_reset_code_requested", { identifier: r }), u("reset");
|
|
1788
1816
|
} catch (e) {
|
|
1789
1817
|
n.error("Failed to send reset code", e);
|
|
1790
1818
|
let t = e.message || "Failed to send code. Please verify your identifier.";
|
|
1791
|
-
|
|
1819
|
+
x(t), c?.({
|
|
1792
1820
|
type: "portal_error",
|
|
1793
1821
|
message: t,
|
|
1794
1822
|
error: e
|
|
1795
1823
|
});
|
|
1796
1824
|
} finally {
|
|
1797
|
-
|
|
1825
|
+
N(!1);
|
|
1798
1826
|
}
|
|
1799
|
-
},
|
|
1827
|
+
}, Re = async (r) => {
|
|
1800
1828
|
r.preventDefault();
|
|
1801
|
-
let i = (
|
|
1829
|
+
let i = (O || w).trim();
|
|
1802
1830
|
if (!i) {
|
|
1803
|
-
|
|
1831
|
+
x("Please enter your registration number or email.");
|
|
1804
1832
|
return;
|
|
1805
1833
|
}
|
|
1806
|
-
if (!
|
|
1807
|
-
|
|
1834
|
+
if (!A.trim()) {
|
|
1835
|
+
x("Please enter the verification code sent to your email.");
|
|
1808
1836
|
return;
|
|
1809
1837
|
}
|
|
1810
|
-
if (!
|
|
1811
|
-
|
|
1838
|
+
if (!ae) {
|
|
1839
|
+
x("Please enter a new password.");
|
|
1812
1840
|
return;
|
|
1813
1841
|
}
|
|
1814
|
-
if (
|
|
1815
|
-
|
|
1842
|
+
if (ae !== ce) {
|
|
1843
|
+
x("New password and confirm password do not match.");
|
|
1816
1844
|
return;
|
|
1817
1845
|
}
|
|
1818
|
-
g(!0),
|
|
1846
|
+
g(!0), x(null), C(null);
|
|
1819
1847
|
try {
|
|
1820
1848
|
let n = await e.portalConfirmPasswordReset({
|
|
1821
1849
|
identifier: i,
|
|
1822
|
-
code:
|
|
1823
|
-
new_password:
|
|
1850
|
+
code: A.trim(),
|
|
1851
|
+
new_password: ae
|
|
1824
1852
|
}), r = n?.data?.token || n?.token;
|
|
1825
|
-
(n?.data?.name || n?.name) &&
|
|
1853
|
+
(n?.data?.name || n?.name) && D(n.data?.name || n.name), o?.("password_reset_success", {
|
|
1826
1854
|
identifier: i,
|
|
1827
1855
|
response: n
|
|
1828
|
-
}), r ? (t.setToken(r),
|
|
1856
|
+
}), r ? (t.setToken(r), j(""), oe(""), ue(""), await Fe(r)) : (T(i), te(""), j(""), oe(""), ue(""), u("login"), C("Password updated successfully! Please login with your new password."));
|
|
1829
1857
|
} catch (e) {
|
|
1830
1858
|
n.error("Password reset failed", e);
|
|
1831
1859
|
let t = e.message || "Failed to update password. Please check the code.";
|
|
1832
|
-
|
|
1860
|
+
x(t), c?.({
|
|
1833
1861
|
type: "portal_error",
|
|
1834
1862
|
message: t,
|
|
1835
1863
|
error: e
|
|
@@ -1837,25 +1865,25 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1837
1865
|
} finally {
|
|
1838
1866
|
g(!1);
|
|
1839
1867
|
}
|
|
1840
|
-
},
|
|
1841
|
-
t.clearToken(),
|
|
1842
|
-
},
|
|
1868
|
+
}, X = () => {
|
|
1869
|
+
t.clearToken(), me(null), he({}), ge([]), R({}), Se(null), Te(null), D(""), te(""), u("login"), C("Logged out successfully."), o?.("attendee_logged_out", {});
|
|
1870
|
+
}, ze = async (r, i) => {
|
|
1843
1871
|
let a = t.getToken();
|
|
1844
1872
|
if (!a) {
|
|
1845
|
-
|
|
1873
|
+
x("Session expired. Please log in again.");
|
|
1846
1874
|
return;
|
|
1847
1875
|
}
|
|
1848
|
-
|
|
1876
|
+
y(r), x(null), C(null);
|
|
1849
1877
|
try {
|
|
1850
1878
|
let t = await e.uploadFile(i, a), n = t?.data?.serve_url || t?.serve_url || "", s = t?.data?.asset_id || t?.asset_id;
|
|
1851
1879
|
if (!s && !n) throw Error("Upload response missing asset_id");
|
|
1852
|
-
n &&
|
|
1880
|
+
n && he((e) => ({
|
|
1853
1881
|
...e,
|
|
1854
1882
|
[r]: n
|
|
1855
|
-
})), s && (
|
|
1883
|
+
})), s && (R((e) => ({
|
|
1856
1884
|
...e,
|
|
1857
1885
|
[r]: String(s)
|
|
1858
|
-
})),
|
|
1886
|
+
})), Se(String(s))), C(`File "${i.name}" uploaded successfully!`), o?.("portal_file_uploaded", {
|
|
1859
1887
|
fieldId: r,
|
|
1860
1888
|
serveUrl: n,
|
|
1861
1889
|
assetId: s,
|
|
@@ -1864,60 +1892,60 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1864
1892
|
} catch (e) {
|
|
1865
1893
|
n.error("File upload failed", e);
|
|
1866
1894
|
let t = e.message || "File upload failed. Please try again.";
|
|
1867
|
-
|
|
1895
|
+
x(t), c?.({
|
|
1868
1896
|
type: "file_upload_error",
|
|
1869
1897
|
message: t,
|
|
1870
1898
|
error: e
|
|
1871
1899
|
});
|
|
1872
1900
|
} finally {
|
|
1873
|
-
|
|
1901
|
+
y(null);
|
|
1874
1902
|
}
|
|
1875
|
-
},
|
|
1903
|
+
}, Be = async (r) => {
|
|
1876
1904
|
let i = t.getToken();
|
|
1877
1905
|
if (!i) {
|
|
1878
|
-
|
|
1906
|
+
x("Session expired. Please log in again.");
|
|
1879
1907
|
return;
|
|
1880
1908
|
}
|
|
1881
|
-
let a =
|
|
1882
|
-
|
|
1909
|
+
let a = I[r], s = (a && typeof a == "object" ? a.id : null) || _e[r] || be;
|
|
1910
|
+
B(r), x(null), C(null);
|
|
1883
1911
|
try {
|
|
1884
1912
|
s && (n.log(`Deleting asset ${s} for field ${r}...`), await e.portalDeleteFile(i, s), n.log(`Asset ${s} deleted successfully.`), o?.("portal_file_deleted", {
|
|
1885
1913
|
assetId: s,
|
|
1886
1914
|
fieldId: r
|
|
1887
|
-
})),
|
|
1915
|
+
})), he((e) => ({
|
|
1888
1916
|
...e,
|
|
1889
1917
|
[r]: ""
|
|
1890
|
-
})),
|
|
1918
|
+
})), R((e) => {
|
|
1891
1919
|
let t = { ...e };
|
|
1892
1920
|
return delete t[r], t;
|
|
1893
|
-
}),
|
|
1921
|
+
}), be === s && Se(null), C("File removed successfully.");
|
|
1894
1922
|
} catch (e) {
|
|
1895
1923
|
n.error("Failed to delete file", e);
|
|
1896
1924
|
let t = e.message || "Failed to delete file. Please try again.";
|
|
1897
|
-
|
|
1925
|
+
x(t), c?.({
|
|
1898
1926
|
type: "file_delete_error",
|
|
1899
1927
|
message: t,
|
|
1900
1928
|
error: e
|
|
1901
1929
|
});
|
|
1902
1930
|
} finally {
|
|
1903
|
-
|
|
1931
|
+
B(null);
|
|
1904
1932
|
}
|
|
1905
|
-
},
|
|
1906
|
-
t ||
|
|
1907
|
-
},
|
|
1933
|
+
}, He = (e, t) => {
|
|
1934
|
+
t || ge((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
|
|
1935
|
+
}, Ue = async (r) => {
|
|
1908
1936
|
r.preventDefault();
|
|
1909
1937
|
let i = t.getToken();
|
|
1910
1938
|
if (!i) {
|
|
1911
|
-
|
|
1939
|
+
x("Session expired. Please log in again.");
|
|
1912
1940
|
return;
|
|
1913
1941
|
}
|
|
1914
|
-
|
|
1942
|
+
_(!0), x(null), C(null);
|
|
1915
1943
|
try {
|
|
1916
|
-
let t =
|
|
1944
|
+
let t = F?.editable_fields || [], n = { ...F?.registration?.custom_data || {} }, r = {};
|
|
1917
1945
|
t.forEach((e) => {
|
|
1918
|
-
let t =
|
|
1946
|
+
let t = I[e.id], i = e.label || e.name || e.id, a = ot(e.label, e.id), o = at(e.id, e.label);
|
|
1919
1947
|
e.type === "file" ? (delete n[i], delete n[a], delete n[o], delete n[e.id]) : e.builtin ? (r[o] = t, o !== e.id && (r[e.id] = t)) : (n[o] = t, r[o] = t, o !== e.id && (n[e.id] = t, r[e.id] = t));
|
|
1920
|
-
}), r.custom_data = n, r.addons =
|
|
1948
|
+
}), r.custom_data = n, r.addons = L;
|
|
1921
1949
|
let a = await e.portalUpdateProfile(i, r);
|
|
1922
1950
|
o?.("attendee_profile_updated", {
|
|
1923
1951
|
payload: r,
|
|
@@ -1925,22 +1953,57 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1925
1953
|
});
|
|
1926
1954
|
let s = a?.data?.addon_checkout?.payment_url || a?.addon_checkout?.payment_url || a?.data?.payment_url || a?.payment_url;
|
|
1927
1955
|
if (s && typeof s == "string" && s.trim() !== "") {
|
|
1928
|
-
|
|
1956
|
+
Te(s), C("Add-ons updated! Opening payment page in a new tab..."), o?.("addon_payment_opened", { payment_url: s }), window.open(s, "_blank", "noopener,noreferrer"), await Fe(i);
|
|
1929
1957
|
return;
|
|
1930
1958
|
}
|
|
1931
|
-
|
|
1959
|
+
C("Profile updated successfully!"), await Fe(i);
|
|
1932
1960
|
} catch (e) {
|
|
1933
1961
|
n.error("Failed to update profile", e);
|
|
1934
1962
|
let t = e.message || "Failed to update profile. Please try again.";
|
|
1935
|
-
|
|
1963
|
+
x(t), c?.({
|
|
1936
1964
|
type: "profile_update_error",
|
|
1937
1965
|
message: t,
|
|
1938
1966
|
error: e
|
|
1939
1967
|
});
|
|
1940
1968
|
} finally {
|
|
1941
|
-
|
|
1969
|
+
_(!1);
|
|
1970
|
+
}
|
|
1971
|
+
}, Ge = () => {
|
|
1972
|
+
let e = F?.review_submission;
|
|
1973
|
+
if (!e) return;
|
|
1974
|
+
let t = e.custom_data || {}, n = {};
|
|
1975
|
+
(e.editable_fields || []).forEach((r) => {
|
|
1976
|
+
r.id === "name" ? n[r.id] = e.name || "" : r.id === "phone" ? n[r.id] = e.phone || "" : n[r.id] = t[r.id] ?? "";
|
|
1977
|
+
}), ke(n), q(!0);
|
|
1978
|
+
}, Ke = async (r) => {
|
|
1979
|
+
r.preventDefault();
|
|
1980
|
+
let i = t.getToken();
|
|
1981
|
+
if (!i) {
|
|
1982
|
+
x("Session expired. Please log in again.");
|
|
1983
|
+
return;
|
|
1984
|
+
}
|
|
1985
|
+
Ne(!0), x(null), C(null);
|
|
1986
|
+
try {
|
|
1987
|
+
let t = await e.portalUpdateSubmission(i, Y), n = t?.data || t;
|
|
1988
|
+
me((e) => ({
|
|
1989
|
+
...e,
|
|
1990
|
+
review_submission: n
|
|
1991
|
+
})), q(!1), C("Your submission was updated successfully!"), o?.("attendee_submission_updated", {
|
|
1992
|
+
payload: Y,
|
|
1993
|
+
response: t
|
|
1994
|
+
});
|
|
1995
|
+
} catch (e) {
|
|
1996
|
+
n.error("Failed to update submission", e);
|
|
1997
|
+
let t = e.message || "Failed to update submission. Please try again.";
|
|
1998
|
+
x(t), c?.({
|
|
1999
|
+
type: "submission_update_error",
|
|
2000
|
+
message: t,
|
|
2001
|
+
error: e
|
|
2002
|
+
});
|
|
2003
|
+
} finally {
|
|
2004
|
+
Ne(!1);
|
|
1942
2005
|
}
|
|
1943
|
-
},
|
|
2006
|
+
}, qe = () => /* @__PURE__ */ m("div", {
|
|
1944
2007
|
className: "absolute inset-0 pointer-events-none overflow-hidden z-0 select-none",
|
|
1945
2008
|
children: [
|
|
1946
2009
|
/* @__PURE__ */ p("div", {
|
|
@@ -1967,7 +2030,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1967
2030
|
}
|
|
1968
2031
|
})
|
|
1969
2032
|
]
|
|
1970
|
-
}),
|
|
2033
|
+
}), Ye = (e) => {
|
|
1971
2034
|
let t = (e.label || e.id || "").toLowerCase(), n = e.type;
|
|
1972
2035
|
return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(Me, {
|
|
1973
2036
|
size: 13,
|
|
@@ -1977,23 +2040,23 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1977
2040
|
size: 13,
|
|
1978
2041
|
className: "shrink-0",
|
|
1979
2042
|
style: { color: r }
|
|
1980
|
-
}) : t.includes("salutation") || t.includes("title") || t.includes("prefix") ? /* @__PURE__ */ p(
|
|
2043
|
+
}) : t.includes("salutation") || t.includes("title") || t.includes("prefix") ? /* @__PURE__ */ p(Je, {
|
|
1981
2044
|
size: 13,
|
|
1982
2045
|
className: "shrink-0",
|
|
1983
2046
|
style: { color: r }
|
|
1984
|
-
}) : t.includes("name") || t.includes("attendee") ? /* @__PURE__ */ p(
|
|
2047
|
+
}) : t.includes("name") || t.includes("attendee") ? /* @__PURE__ */ p(nt, {
|
|
1985
2048
|
size: 13,
|
|
1986
2049
|
className: "shrink-0",
|
|
1987
2050
|
style: { color: r }
|
|
1988
|
-
}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(
|
|
2051
|
+
}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(M, {
|
|
1989
2052
|
size: 13,
|
|
1990
2053
|
className: "shrink-0",
|
|
1991
2054
|
style: { color: r }
|
|
1992
|
-
}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(
|
|
2055
|
+
}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(V, {
|
|
1993
2056
|
size: 13,
|
|
1994
2057
|
className: "shrink-0",
|
|
1995
2058
|
style: { color: r }
|
|
1996
|
-
}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(
|
|
2059
|
+
}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(se, {
|
|
1997
2060
|
size: 13,
|
|
1998
2061
|
className: "shrink-0",
|
|
1999
2062
|
style: { color: r }
|
|
@@ -2001,14 +2064,14 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2001
2064
|
size: 13,
|
|
2002
2065
|
className: "shrink-0",
|
|
2003
2066
|
style: { color: r }
|
|
2004
|
-
}) : p(n === "file" ?
|
|
2067
|
+
}) : p(n === "file" ? z : Ce, {
|
|
2005
2068
|
size: 13,
|
|
2006
2069
|
className: "shrink-0",
|
|
2007
2070
|
style: { color: r }
|
|
2008
2071
|
});
|
|
2009
|
-
},
|
|
2072
|
+
}, Ze = (e, t = "w-full", n = []) => {
|
|
2010
2073
|
if (!e) return null;
|
|
2011
|
-
let r = n.includes(e.id) || n.includes(at(e.id, e.label)), a =
|
|
2074
|
+
let r = n.includes(e.id) || n.includes(at(e.id, e.label)), a = I[e.id] ?? "", o = `vx-profile-${e.id}`, s = `w-full h-11 px-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${r ? i ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-slate-50 text-slate-500 border-slate-200 cursor-not-allowed" : i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
|
|
2012
2075
|
return /* @__PURE__ */ m("div", {
|
|
2013
2076
|
className: `${t} px-2 mb-4`,
|
|
2014
2077
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -2020,7 +2083,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2020
2083
|
children: [
|
|
2021
2084
|
/* @__PURE__ */ p("span", {
|
|
2022
2085
|
className: i ? "text-zinc-500" : "text-slate-400",
|
|
2023
|
-
children:
|
|
2086
|
+
children: Ye(e)
|
|
2024
2087
|
}),
|
|
2025
2088
|
/* @__PURE__ */ p("span", { children: e.label }),
|
|
2026
2089
|
e.required && /* @__PURE__ */ p("span", {
|
|
@@ -2030,7 +2093,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2030
2093
|
]
|
|
2031
2094
|
}), r ? /* @__PURE__ */ m("span", {
|
|
2032
2095
|
className: `flex items-center gap-1 text-[10px] font-semibold px-2 py-0.5 rounded-full ${i ? "text-zinc-400 bg-zinc-800" : "text-slate-500 bg-slate-100"}`,
|
|
2033
|
-
children: [/* @__PURE__ */ p(
|
|
2096
|
+
children: [/* @__PURE__ */ p(J, { size: 10 }), " Locked"]
|
|
2034
2097
|
}) : null]
|
|
2035
2098
|
}), e.type === "select" ? /* @__PURE__ */ m("div", {
|
|
2036
2099
|
className: "relative",
|
|
@@ -2039,8 +2102,8 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2039
2102
|
id: o,
|
|
2040
2103
|
disabled: r,
|
|
2041
2104
|
value: a,
|
|
2042
|
-
onChange: (t) =>
|
|
2043
|
-
...
|
|
2105
|
+
onChange: (t) => he({
|
|
2106
|
+
...I,
|
|
2044
2107
|
[e.id]: t.target.value
|
|
2045
2108
|
}),
|
|
2046
2109
|
className: `${s} pr-9 appearance-none cursor-pointer flex items-center`,
|
|
@@ -2059,24 +2122,24 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2059
2122
|
}, e))]
|
|
2060
2123
|
}), /* @__PURE__ */ p("div", {
|
|
2061
2124
|
className: `absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none ${i ? "text-zinc-400" : "text-slate-400"}`,
|
|
2062
|
-
children: /* @__PURE__ */ p(
|
|
2125
|
+
children: /* @__PURE__ */ p(de, { size: 15 })
|
|
2063
2126
|
})]
|
|
2064
|
-
}) : e.type === "file" ?
|
|
2127
|
+
}) : e.type === "file" ? $e(e, r, a) : /* @__PURE__ */ p("input", {
|
|
2065
2128
|
part: "input",
|
|
2066
2129
|
id: o,
|
|
2067
2130
|
type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : "text",
|
|
2068
2131
|
disabled: r,
|
|
2069
2132
|
value: a,
|
|
2070
2133
|
placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
|
|
2071
|
-
onChange: (t) =>
|
|
2072
|
-
...
|
|
2134
|
+
onChange: (t) => he({
|
|
2135
|
+
...I,
|
|
2073
2136
|
[e.id]: t.target.value
|
|
2074
2137
|
}),
|
|
2075
2138
|
className: s
|
|
2076
2139
|
})]
|
|
2077
2140
|
}, e.id);
|
|
2078
|
-
},
|
|
2079
|
-
let a =
|
|
2141
|
+
}, $e = (e, t, n) => {
|
|
2142
|
+
let a = v === e.id, o = e.label || e.name || e.id, s = typeof n == "string" ? n : n?.serve_url || n?.url || "", c = typeof n == "string" ? n : n?.file_name || s;
|
|
2080
2143
|
return /* @__PURE__ */ p("div", {
|
|
2081
2144
|
className: "space-y-2",
|
|
2082
2145
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -2094,7 +2157,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2094
2157
|
borderColor: i ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${r} 20%, white)`,
|
|
2095
2158
|
color: r
|
|
2096
2159
|
},
|
|
2097
|
-
children: /* @__PURE__ */ p(
|
|
2160
|
+
children: /* @__PURE__ */ p(z, { size: 16 })
|
|
2098
2161
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
|
|
2099
2162
|
className: `text-xs font-bold ${i ? "text-zinc-200" : "text-gray-900"}`,
|
|
2100
2163
|
children: o
|
|
@@ -2112,23 +2175,23 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2112
2175
|
style: { backgroundColor: r },
|
|
2113
2176
|
title: "Open file in new tab",
|
|
2114
2177
|
children: [
|
|
2115
|
-
/* @__PURE__ */ p(
|
|
2178
|
+
/* @__PURE__ */ p(Ce, { size: 13 }),
|
|
2116
2179
|
/* @__PURE__ */ p("span", { children: "View" }),
|
|
2117
|
-
/* @__PURE__ */ p(
|
|
2180
|
+
/* @__PURE__ */ p(xe, { size: 11 })
|
|
2118
2181
|
]
|
|
2119
2182
|
}), !t && /* @__PURE__ */ m("button", {
|
|
2120
2183
|
type: "button",
|
|
2121
|
-
disabled:
|
|
2122
|
-
onClick: () =>
|
|
2184
|
+
disabled: we === e.id || a,
|
|
2185
|
+
onClick: () => Be(e.id),
|
|
2123
2186
|
className: `flex items-center gap-1 py-1.5 px-2.5 rounded-lg text-xs font-semibold border backdrop-blur-sm transition-colors cursor-pointer ${i ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50/80 text-red-600 hover:bg-red-100"}`,
|
|
2124
2187
|
title: "Remove file",
|
|
2125
|
-
children: [/* @__PURE__ */ p(
|
|
2188
|
+
children: [/* @__PURE__ */ p(Qe, { size: 13 }), /* @__PURE__ */ p("span", { children: we === e.id ? "Deleting..." : "Delete" })]
|
|
2126
2189
|
})] })
|
|
2127
2190
|
})]
|
|
2128
2191
|
}),
|
|
2129
2192
|
n && /* @__PURE__ */ m("div", {
|
|
2130
2193
|
className: `mt-2 pt-2 border-t text-2xs truncate flex items-center gap-1.5 ${i ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
|
|
2131
|
-
children: [/* @__PURE__ */ p(
|
|
2194
|
+
children: [/* @__PURE__ */ p(le, {
|
|
2132
2195
|
size: 12,
|
|
2133
2196
|
className: "text-emerald-500 shrink-0"
|
|
2134
2197
|
}), /* @__PURE__ */ m("span", {
|
|
@@ -2148,11 +2211,11 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2148
2211
|
disabled: a,
|
|
2149
2212
|
onChange: (t) => {
|
|
2150
2213
|
let n = t.target.files?.[0];
|
|
2151
|
-
n &&
|
|
2214
|
+
n && ze(e.id, n), t.target.value = "";
|
|
2152
2215
|
}
|
|
2153
2216
|
}), /* @__PURE__ */ m("div", {
|
|
2154
2217
|
className: `inline-flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs font-semibold border transition-all shadow-2xs ${i ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-gray-300 hover:border-gray-400 text-gray-800 bg-white hover:bg-gray-50"}`,
|
|
2155
|
-
children: [/* @__PURE__ */ p(
|
|
2218
|
+
children: [/* @__PURE__ */ p(et, {
|
|
2156
2219
|
size: 13,
|
|
2157
2220
|
style: { color: r }
|
|
2158
2221
|
}), /* @__PURE__ */ p("span", { children: a ? "Uploading..." : n ? "Replace File" : "Choose File" })]
|
|
@@ -2163,7 +2226,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2163
2226
|
})
|
|
2164
2227
|
});
|
|
2165
2228
|
};
|
|
2166
|
-
if (l === "profile" && !
|
|
2229
|
+
if (l === "profile" && !F) {
|
|
2167
2230
|
let e = "vx-skeleton rounded-full", t = `rounded-3xl border p-5 sm:p-6 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`;
|
|
2168
2231
|
return /* @__PURE__ */ m("div", {
|
|
2169
2232
|
role: "status",
|
|
@@ -2175,7 +2238,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2175
2238
|
className: "sr-only",
|
|
2176
2239
|
children: "Loading your profile…"
|
|
2177
2240
|
}),
|
|
2178
|
-
|
|
2241
|
+
qe(),
|
|
2179
2242
|
/* @__PURE__ */ m("div", {
|
|
2180
2243
|
className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5 relative z-10`,
|
|
2181
2244
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -2217,7 +2280,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2217
2280
|
});
|
|
2218
2281
|
}
|
|
2219
2282
|
if (l === "profile") {
|
|
2220
|
-
let e =
|
|
2283
|
+
let e = F?.registration || {}, t = F?.editable_fields || [], n = F?.locked_fields || [], o = Array.isArray(F?.payment) ? F.payment : F?.payment ? [F.payment] : [], s = o.filter((e) => e.state !== "not_required"), c = o[0], l = F?.addons?.items || [], u = F?.badge || null, d = F?.review_submission || null, h = ne || "Attendee", g = h.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase()).join("") || "A", _ = `rounded-3xl border p-5 sm:p-6 ${i ? "bg-zinc-900 border-zinc-800 text-white" : "bg-white border-slate-200/80 text-slate-900 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`, y = i ? "text-zinc-400" : "text-slate-500", x = `text-base font-semibold tracking-tight ${i ? "text-white" : "text-slate-900"}`, C = [
|
|
2221
2284
|
{
|
|
2222
2285
|
label: "Registration no.",
|
|
2223
2286
|
value: e.registration_number || "N/A",
|
|
@@ -2239,14 +2302,14 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2239
2302
|
onScroll: a ? void 0 : (e) => {
|
|
2240
2303
|
e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
|
|
2241
2304
|
},
|
|
2242
|
-
children: [
|
|
2305
|
+
children: [qe(), /* @__PURE__ */ p("div", {
|
|
2243
2306
|
className: `${a ? "w-full flex-1" : "flex-1 overflow-y-auto min-h-0 overscroll-contain"} relative z-10`,
|
|
2244
2307
|
children: /* @__PURE__ */ m("div", {
|
|
2245
2308
|
className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5`,
|
|
2246
2309
|
children: [
|
|
2247
2310
|
/* @__PURE__ */ m("div", {
|
|
2248
2311
|
part: "portal-card profile-card",
|
|
2249
|
-
className:
|
|
2312
|
+
className: _,
|
|
2250
2313
|
children: [/* @__PURE__ */ m("div", {
|
|
2251
2314
|
className: "flex items-start justify-between gap-3",
|
|
2252
2315
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -2255,7 +2318,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2255
2318
|
className: "w-12 h-12 sm:w-14 sm:h-14 rounded-2xl flex items-center justify-center shrink-0 text-base sm:text-lg font-bold text-white",
|
|
2256
2319
|
style: { background: `linear-gradient(135deg, ${r}, color-mix(in srgb, ${r} 75%, black))` },
|
|
2257
2320
|
"aria-hidden": "true",
|
|
2258
|
-
children:
|
|
2321
|
+
children: g
|
|
2259
2322
|
}), /* @__PURE__ */ m("div", {
|
|
2260
2323
|
className: "min-w-0",
|
|
2261
2324
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -2264,19 +2327,19 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2264
2327
|
part: "portal-title",
|
|
2265
2328
|
style: $,
|
|
2266
2329
|
className: `text-lg sm:text-xl font-bold tracking-tight break-words ${i ? "text-white" : "text-slate-900"}`,
|
|
2267
|
-
children:
|
|
2330
|
+
children: h
|
|
2268
2331
|
}), e.status && /* @__PURE__ */ p("span", {
|
|
2269
2332
|
className: `px-2.5 py-0.5 rounded-full text-[11px] font-semibold capitalize ${i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2270
2333
|
children: e.status
|
|
2271
2334
|
})]
|
|
2272
2335
|
}), /* @__PURE__ */ p("p", {
|
|
2273
|
-
className: `text-[13px] mt-0.5 ${
|
|
2336
|
+
className: `text-[13px] mt-0.5 ${y}`,
|
|
2274
2337
|
children: "Manage your registration and details"
|
|
2275
2338
|
})]
|
|
2276
2339
|
})]
|
|
2277
2340
|
}), /* @__PURE__ */ m("button", {
|
|
2278
2341
|
part: "button button-secondary logout-button",
|
|
2279
|
-
onClick:
|
|
2342
|
+
onClick: X,
|
|
2280
2343
|
className: `shrink-0 inline-flex items-center justify-center gap-1.5 h-9 w-9 sm:w-auto sm:px-3.5 text-[13px] font-semibold rounded-full border transition-colors cursor-pointer ${i ? "text-zinc-300 border-zinc-700 hover:bg-zinc-800 hover:text-red-300" : "text-slate-600 border-slate-200 bg-white hover:bg-red-50 hover:text-red-600 hover:border-red-200"}`,
|
|
2281
2344
|
title: "Logout",
|
|
2282
2345
|
"aria-label": "Logout",
|
|
@@ -2286,8 +2349,8 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2286
2349
|
})]
|
|
2287
2350
|
})]
|
|
2288
2351
|
}), /* @__PURE__ */ p("dl", {
|
|
2289
|
-
className: `mt-5 pt-5 border-t grid grid-cols-2 ${
|
|
2290
|
-
children:
|
|
2352
|
+
className: `mt-5 pt-5 border-t grid grid-cols-2 ${C.length === 3 ? "sm:grid-cols-3" : "sm:grid-cols-2"} gap-4 ${i ? "border-zinc-800" : "border-slate-100"}`,
|
|
2353
|
+
children: C.map((e) => /* @__PURE__ */ m("div", {
|
|
2291
2354
|
className: "min-w-0",
|
|
2292
2355
|
children: [/* @__PURE__ */ p("dt", {
|
|
2293
2356
|
className: `text-[11px] font-semibold uppercase tracking-wider ${i ? "text-zinc-500" : "text-slate-400"}`,
|
|
@@ -2299,9 +2362,136 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2299
2362
|
}, e.label))
|
|
2300
2363
|
})]
|
|
2301
2364
|
}),
|
|
2365
|
+
/* @__PURE__ */ m("form", {
|
|
2366
|
+
onSubmit: Ue,
|
|
2367
|
+
className: "space-y-5",
|
|
2368
|
+
children: [
|
|
2369
|
+
t.length === 0 ? /* @__PURE__ */ p("div", {
|
|
2370
|
+
className: `${_} text-center text-sm ${y}`,
|
|
2371
|
+
children: "No editable fields configured."
|
|
2372
|
+
}) : /* @__PURE__ */ m("div", {
|
|
2373
|
+
part: "portal-card details-card",
|
|
2374
|
+
className: _,
|
|
2375
|
+
children: [/* @__PURE__ */ m("div", {
|
|
2376
|
+
className: "flex items-start justify-between gap-3 mb-5",
|
|
2377
|
+
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2378
|
+
className: x,
|
|
2379
|
+
style: $,
|
|
2380
|
+
children: "Your details"
|
|
2381
|
+
}), /* @__PURE__ */ p("p", {
|
|
2382
|
+
className: `text-[13px] mt-0.5 ${y}`,
|
|
2383
|
+
children: "Keep your information up to date."
|
|
2384
|
+
})] }), Ee && /* @__PURE__ */ m("span", {
|
|
2385
|
+
className: `inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full shrink-0 ${i ? "bg-emerald-950/60 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2386
|
+
children: [/* @__PURE__ */ p(le, { size: 11 }), " Draft restored"]
|
|
2387
|
+
})]
|
|
2388
|
+
}), /* @__PURE__ */ p("div", {
|
|
2389
|
+
className: "flex flex-wrap -mx-2 -mb-4",
|
|
2390
|
+
children: t.map((e) => Ze(e, e.type === "file" || e.width === "full" ? "w-full" : "w-full md:w-1/2", n))
|
|
2391
|
+
})]
|
|
2392
|
+
}),
|
|
2393
|
+
l.length > 0 && /* @__PURE__ */ m("div", {
|
|
2394
|
+
part: "portal-card addons-card",
|
|
2395
|
+
className: _,
|
|
2396
|
+
children: [/* @__PURE__ */ p("div", {
|
|
2397
|
+
className: "flex items-start justify-between gap-3 mb-4",
|
|
2398
|
+
children: /* @__PURE__ */ m("div", {
|
|
2399
|
+
className: "flex items-center gap-3",
|
|
2400
|
+
children: [/* @__PURE__ */ p("div", {
|
|
2401
|
+
className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
|
|
2402
|
+
style: {
|
|
2403
|
+
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2404
|
+
color: r
|
|
2405
|
+
},
|
|
2406
|
+
children: /* @__PURE__ */ p(Xe, { size: 17 })
|
|
2407
|
+
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2408
|
+
className: x,
|
|
2409
|
+
style: $,
|
|
2410
|
+
children: "Add-ons"
|
|
2411
|
+
}), /* @__PURE__ */ p("p", {
|
|
2412
|
+
className: `text-[13px] ${y}`,
|
|
2413
|
+
children: "Select items to add to your registration"
|
|
2414
|
+
})] })]
|
|
2415
|
+
})
|
|
2416
|
+
}), /* @__PURE__ */ p("div", {
|
|
2417
|
+
className: "space-y-2",
|
|
2418
|
+
children: l.map((e) => {
|
|
2419
|
+
let t = !!e.purchased, n = L.includes(e.name);
|
|
2420
|
+
return /* @__PURE__ */ m("label", {
|
|
2421
|
+
className: `p-3.5 rounded-2xl border flex items-center gap-3 transition-all ${t ? i ? "bg-zinc-950/60 border-zinc-800 cursor-default" : "bg-slate-50 border-slate-200 cursor-default" : n ? "cursor-pointer" : i ? "border-zinc-800 bg-zinc-900 hover:border-zinc-700 cursor-pointer" : "border-slate-200 bg-white hover:border-slate-300 cursor-pointer"}`,
|
|
2422
|
+
style: n && !t ? {
|
|
2423
|
+
borderColor: r,
|
|
2424
|
+
backgroundColor: `color-mix(in srgb, ${r} ${i ? 16 : 6}%, transparent)`
|
|
2425
|
+
} : void 0,
|
|
2426
|
+
children: [
|
|
2427
|
+
/* @__PURE__ */ p("input", {
|
|
2428
|
+
type: "checkbox",
|
|
2429
|
+
checked: n,
|
|
2430
|
+
disabled: t,
|
|
2431
|
+
onChange: () => He(e.name, t),
|
|
2432
|
+
className: "w-4 h-4 rounded cursor-pointer shrink-0 disabled:cursor-default",
|
|
2433
|
+
style: { accentColor: r }
|
|
2434
|
+
}),
|
|
2435
|
+
/* @__PURE__ */ m("div", {
|
|
2436
|
+
className: "flex-1 min-w-0",
|
|
2437
|
+
children: [/* @__PURE__ */ p("div", {
|
|
2438
|
+
className: `text-sm font-semibold leading-snug ${i ? "text-white" : "text-slate-900"}`,
|
|
2439
|
+
children: e.name
|
|
2440
|
+
}), /* @__PURE__ */ m("div", {
|
|
2441
|
+
className: "text-[13px] font-semibold mt-0.5 tabular-nums",
|
|
2442
|
+
style: { color: r },
|
|
2443
|
+
children: [
|
|
2444
|
+
e.currency,
|
|
2445
|
+
" ",
|
|
2446
|
+
Number(e.price).toLocaleString()
|
|
2447
|
+
]
|
|
2448
|
+
})]
|
|
2449
|
+
}),
|
|
2450
|
+
t && /* @__PURE__ */ m("span", {
|
|
2451
|
+
className: `px-2.5 py-1 rounded-full text-[11px] font-semibold flex items-center gap-1 shrink-0 ${i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2452
|
+
children: [/* @__PURE__ */ p(le, { size: 12 }), " Purchased"]
|
|
2453
|
+
})
|
|
2454
|
+
]
|
|
2455
|
+
}, e.name);
|
|
2456
|
+
})
|
|
2457
|
+
})]
|
|
2458
|
+
}),
|
|
2459
|
+
/* @__PURE__ */ p("div", {
|
|
2460
|
+
className: "pt-1 pb-6",
|
|
2461
|
+
children: /* @__PURE__ */ p("button", {
|
|
2462
|
+
part: "button button-primary submit-button",
|
|
2463
|
+
type: "submit",
|
|
2464
|
+
disabled: ee || v !== null,
|
|
2465
|
+
style: {
|
|
2466
|
+
background: `linear-gradient(135deg, ${r}, color-mix(in srgb, ${r} 80%, black))`,
|
|
2467
|
+
boxShadow: `0 10px 24px -12px color-mix(in srgb, ${r} 70%, transparent)`
|
|
2468
|
+
},
|
|
2469
|
+
className: "w-full h-12 px-4 text-white text-sm font-semibold rounded-xl hover:brightness-110 active:scale-[0.99] transition-all flex items-center justify-center gap-2 cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed",
|
|
2470
|
+
children: ee ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("svg", {
|
|
2471
|
+
className: "animate-spin h-4 w-4 text-white",
|
|
2472
|
+
fill: "none",
|
|
2473
|
+
viewBox: "0 0 24 24",
|
|
2474
|
+
"aria-hidden": "true",
|
|
2475
|
+
children: [/* @__PURE__ */ p("circle", {
|
|
2476
|
+
className: "opacity-25",
|
|
2477
|
+
cx: "12",
|
|
2478
|
+
cy: "12",
|
|
2479
|
+
r: "10",
|
|
2480
|
+
stroke: "currentColor",
|
|
2481
|
+
strokeWidth: "4"
|
|
2482
|
+
}), /* @__PURE__ */ p("path", {
|
|
2483
|
+
className: "opacity-75",
|
|
2484
|
+
fill: "currentColor",
|
|
2485
|
+
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
2486
|
+
})]
|
|
2487
|
+
}), /* @__PURE__ */ p("span", { children: "Saving..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ve, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save changes" })] })
|
|
2488
|
+
})
|
|
2489
|
+
})
|
|
2490
|
+
]
|
|
2491
|
+
}),
|
|
2302
2492
|
u && /* @__PURE__ */ m("div", {
|
|
2303
2493
|
part: "portal-card badge-card",
|
|
2304
|
-
className:
|
|
2494
|
+
className: _,
|
|
2305
2495
|
children: [
|
|
2306
2496
|
/* @__PURE__ */ m("div", {
|
|
2307
2497
|
className: "flex items-center gap-3 mb-4",
|
|
@@ -2311,13 +2501,13 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2311
2501
|
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2312
2502
|
color: r
|
|
2313
2503
|
},
|
|
2314
|
-
children: /* @__PURE__ */ p(
|
|
2504
|
+
children: /* @__PURE__ */ p(U, { size: 17 })
|
|
2315
2505
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2316
|
-
className:
|
|
2506
|
+
className: x,
|
|
2317
2507
|
style: $,
|
|
2318
2508
|
children: "Your badge"
|
|
2319
2509
|
}), /* @__PURE__ */ p("p", {
|
|
2320
|
-
className: `text-[13px] ${
|
|
2510
|
+
className: `text-[13px] ${y}`,
|
|
2321
2511
|
children: "View or download your event badge."
|
|
2322
2512
|
})] })]
|
|
2323
2513
|
}),
|
|
@@ -2336,7 +2526,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2336
2526
|
target: "_blank",
|
|
2337
2527
|
rel: "noopener noreferrer",
|
|
2338
2528
|
className: `inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold border transition-colors ${i ? "text-zinc-200 border-zinc-700 hover:bg-zinc-800" : "text-slate-700 border-slate-200 bg-white hover:bg-slate-50"}`,
|
|
2339
|
-
children: [/* @__PURE__ */ p(
|
|
2529
|
+
children: [/* @__PURE__ */ p(xe, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
|
|
2340
2530
|
}), /* @__PURE__ */ m("a", {
|
|
2341
2531
|
href: u,
|
|
2342
2532
|
download: !0,
|
|
@@ -2344,14 +2534,14 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2344
2534
|
rel: "noopener noreferrer",
|
|
2345
2535
|
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white",
|
|
2346
2536
|
style: { backgroundColor: r },
|
|
2347
|
-
children: [/* @__PURE__ */ p(
|
|
2537
|
+
children: [/* @__PURE__ */ p(ye, { size: 13 }), /* @__PURE__ */ p("span", { children: "Download badge" })]
|
|
2348
2538
|
})]
|
|
2349
2539
|
})
|
|
2350
2540
|
]
|
|
2351
2541
|
}),
|
|
2352
2542
|
s.length > 0 && /* @__PURE__ */ m("div", {
|
|
2353
2543
|
part: "portal-card payments-card",
|
|
2354
|
-
className:
|
|
2544
|
+
className: _,
|
|
2355
2545
|
children: [/* @__PURE__ */ m("div", {
|
|
2356
2546
|
className: "flex items-center gap-3 mb-4",
|
|
2357
2547
|
children: [/* @__PURE__ */ p("div", {
|
|
@@ -2362,11 +2552,11 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2362
2552
|
},
|
|
2363
2553
|
children: /* @__PURE__ */ p(We, { size: 17 })
|
|
2364
2554
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2365
|
-
className:
|
|
2555
|
+
className: x,
|
|
2366
2556
|
style: $,
|
|
2367
2557
|
children: "Payments"
|
|
2368
2558
|
}), /* @__PURE__ */ p("p", {
|
|
2369
|
-
className: `text-[13px] ${
|
|
2559
|
+
className: `text-[13px] ${y}`,
|
|
2370
2560
|
children: "Every order on your registration, with receipts."
|
|
2371
2561
|
})] })]
|
|
2372
2562
|
}), /* @__PURE__ */ p("div", {
|
|
@@ -2397,14 +2587,132 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2397
2587
|
rel: "noopener noreferrer",
|
|
2398
2588
|
className: "inline-flex items-center gap-1 text-[12.5px] font-semibold hover:underline underline-offset-4 shrink-0",
|
|
2399
2589
|
style: { color: r },
|
|
2400
|
-
children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(
|
|
2590
|
+
children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(xe, { size: 11 })]
|
|
2401
2591
|
})
|
|
2402
2592
|
]
|
|
2403
2593
|
}, e.order_number || t);
|
|
2404
2594
|
})
|
|
2405
2595
|
})]
|
|
2406
2596
|
}),
|
|
2407
|
-
|
|
2597
|
+
d && /* @__PURE__ */ m("div", {
|
|
2598
|
+
part: "portal-card submission-card",
|
|
2599
|
+
className: _,
|
|
2600
|
+
children: [
|
|
2601
|
+
/* @__PURE__ */ m("div", {
|
|
2602
|
+
className: "flex items-center gap-3 mb-4",
|
|
2603
|
+
children: [
|
|
2604
|
+
/* @__PURE__ */ p("div", {
|
|
2605
|
+
className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
|
|
2606
|
+
style: {
|
|
2607
|
+
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2608
|
+
color: r
|
|
2609
|
+
},
|
|
2610
|
+
children: /* @__PURE__ */ p(Ce, { size: 17 })
|
|
2611
|
+
}),
|
|
2612
|
+
/* @__PURE__ */ m("div", {
|
|
2613
|
+
className: "flex-1 min-w-0",
|
|
2614
|
+
children: [/* @__PURE__ */ p("h4", {
|
|
2615
|
+
className: x,
|
|
2616
|
+
style: $,
|
|
2617
|
+
children: "Your submission"
|
|
2618
|
+
}), /* @__PURE__ */ p("p", {
|
|
2619
|
+
className: `text-[13px] ${y}`,
|
|
2620
|
+
children: d.registration_type_label || "Abstract submission"
|
|
2621
|
+
})]
|
|
2622
|
+
}),
|
|
2623
|
+
/* @__PURE__ */ p("span", {
|
|
2624
|
+
className: `px-2.5 py-1 rounded-full text-[11px] font-semibold capitalize shrink-0 ${d.verdict === "accepted" ? i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700" : d.verdict === "rejected" ? i ? "bg-red-950/60 text-red-300" : "bg-red-50 text-red-700" : i ? "bg-amber-950/60 text-amber-300" : "bg-amber-50 text-amber-700"}`,
|
|
2625
|
+
children: d.verdict
|
|
2626
|
+
})
|
|
2627
|
+
]
|
|
2628
|
+
}),
|
|
2629
|
+
/* @__PURE__ */ m("dl", {
|
|
2630
|
+
className: "grid grid-cols-2 gap-4",
|
|
2631
|
+
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
|
|
2632
|
+
className: `text-[11px] font-semibold uppercase tracking-wider ${i ? "text-zinc-500" : "text-slate-400"}`,
|
|
2633
|
+
children: "Submission no."
|
|
2634
|
+
}), /* @__PURE__ */ p("dd", {
|
|
2635
|
+
className: `mt-1 text-sm font-semibold font-mono ${i ? "text-white" : "text-slate-900"}`,
|
|
2636
|
+
children: d.submission_number || "N/A"
|
|
2637
|
+
})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
|
|
2638
|
+
className: `text-[11px] font-semibold uppercase tracking-wider ${i ? "text-zinc-500" : "text-slate-400"}`,
|
|
2639
|
+
children: "Status"
|
|
2640
|
+
}), /* @__PURE__ */ p("dd", {
|
|
2641
|
+
className: `mt-1 text-sm font-semibold capitalize ${i ? "text-white" : "text-slate-900"}`,
|
|
2642
|
+
children: d.status
|
|
2643
|
+
})] })]
|
|
2644
|
+
}),
|
|
2645
|
+
K ? /* @__PURE__ */ m("form", {
|
|
2646
|
+
onSubmit: Ke,
|
|
2647
|
+
className: `mt-4 pt-4 border-t space-y-3.5 ${i ? "border-zinc-800" : "border-slate-100"}`,
|
|
2648
|
+
children: [(d.editable_fields || []).map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
|
|
2649
|
+
className: `block text-[13px] font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-slate-800"}`,
|
|
2650
|
+
children: [e.label, e.required && /* @__PURE__ */ p("span", {
|
|
2651
|
+
className: "text-red-500",
|
|
2652
|
+
children: " *"
|
|
2653
|
+
})]
|
|
2654
|
+
}), e.type === "file" ? /* @__PURE__ */ p("p", {
|
|
2655
|
+
className: `text-[12.5px] ${y}`,
|
|
2656
|
+
children: "Editing uploaded files isn't supported here yet — contact the organizer to change this."
|
|
2657
|
+
}) : e.type === "select" ? /* @__PURE__ */ m("select", {
|
|
2658
|
+
value: Y[e.id] ?? "",
|
|
2659
|
+
onChange: (t) => ke({
|
|
2660
|
+
...Y,
|
|
2661
|
+
[e.id]: t.target.value
|
|
2662
|
+
}),
|
|
2663
|
+
className: `w-full h-11 px-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white" : "bg-white border-slate-200 text-slate-900"}`,
|
|
2664
|
+
children: [/* @__PURE__ */ m("option", {
|
|
2665
|
+
value: "",
|
|
2666
|
+
children: [
|
|
2667
|
+
"Select ",
|
|
2668
|
+
e.label,
|
|
2669
|
+
"..."
|
|
2670
|
+
]
|
|
2671
|
+
}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
|
|
2672
|
+
value: e,
|
|
2673
|
+
children: e
|
|
2674
|
+
}, e))]
|
|
2675
|
+
}) : /* @__PURE__ */ p("textarea", {
|
|
2676
|
+
rows: e.id === "name" || e.id === "phone" ? 1 : 4,
|
|
2677
|
+
value: Y[e.id] ?? "",
|
|
2678
|
+
placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
|
|
2679
|
+
onChange: (t) => ke({
|
|
2680
|
+
...Y,
|
|
2681
|
+
[e.id]: t.target.value
|
|
2682
|
+
}),
|
|
2683
|
+
className: `w-full px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none resize-y ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400"}`
|
|
2684
|
+
})] }, e.id)), /* @__PURE__ */ m("div", {
|
|
2685
|
+
className: "flex items-center gap-2.5 pt-1",
|
|
2686
|
+
children: [/* @__PURE__ */ p("button", {
|
|
2687
|
+
type: "submit",
|
|
2688
|
+
disabled: je,
|
|
2689
|
+
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0 cursor-pointer disabled:opacity-60",
|
|
2690
|
+
style: { backgroundColor: r },
|
|
2691
|
+
children: je ? "Saving..." : "Save changes"
|
|
2692
|
+
}), /* @__PURE__ */ p("button", {
|
|
2693
|
+
type: "button",
|
|
2694
|
+
disabled: je,
|
|
2695
|
+
onClick: () => q(!1),
|
|
2696
|
+
className: `inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold border transition-colors cursor-pointer ${i ? "text-zinc-300 border-zinc-700 hover:bg-zinc-800" : "text-slate-600 border-slate-200 bg-white hover:bg-slate-50"}`,
|
|
2697
|
+
children: "Cancel"
|
|
2698
|
+
})]
|
|
2699
|
+
})]
|
|
2700
|
+
}) : /* @__PURE__ */ m("div", {
|
|
2701
|
+
className: `mt-4 pt-4 border-t flex items-center justify-between gap-3 flex-wrap ${i ? "border-zinc-800" : "border-slate-100"}`,
|
|
2702
|
+
children: [/* @__PURE__ */ p("p", {
|
|
2703
|
+
className: `text-[13px] ${y}`,
|
|
2704
|
+
children: d.editable ? "You can still edit your answers until a reviewer picks this up." : "This submission has been assigned to a reviewer and can no longer be edited."
|
|
2705
|
+
}), d.editable && /* @__PURE__ */ p("button", {
|
|
2706
|
+
type: "button",
|
|
2707
|
+
onClick: Ge,
|
|
2708
|
+
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0 cursor-pointer",
|
|
2709
|
+
style: { backgroundColor: r },
|
|
2710
|
+
children: "Edit submission"
|
|
2711
|
+
})]
|
|
2712
|
+
})
|
|
2713
|
+
]
|
|
2714
|
+
}),
|
|
2715
|
+
H && /* @__PURE__ */ m("div", {
|
|
2408
2716
|
className: "p-4 rounded-2xl flex flex-wrap items-center justify-between gap-3 text-sm",
|
|
2409
2717
|
style: {
|
|
2410
2718
|
backgroundColor: `color-mix(in srgb, ${r} ${i ? 14 : 7}%, transparent)`,
|
|
@@ -2412,169 +2720,42 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2412
2720
|
},
|
|
2413
2721
|
children: [/* @__PURE__ */ m("div", {
|
|
2414
2722
|
className: `flex items-center gap-2.5 ${i ? "text-zinc-200" : "text-slate-700"}`,
|
|
2415
|
-
children: [/* @__PURE__ */ p(
|
|
2723
|
+
children: [/* @__PURE__ */ p(ve, {
|
|
2416
2724
|
size: 17,
|
|
2417
2725
|
className: "shrink-0",
|
|
2418
2726
|
style: { color: r }
|
|
2419
2727
|
}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If it didn't open:" })]
|
|
2420
2728
|
}), /* @__PURE__ */ m("a", {
|
|
2421
|
-
href:
|
|
2729
|
+
href: H,
|
|
2422
2730
|
target: "_blank",
|
|
2423
2731
|
rel: "noopener noreferrer",
|
|
2424
2732
|
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0",
|
|
2425
2733
|
style: { backgroundColor: r },
|
|
2426
|
-
children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(
|
|
2734
|
+
children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(xe, { size: 12 })]
|
|
2427
2735
|
})]
|
|
2428
2736
|
}),
|
|
2429
|
-
|
|
2737
|
+
b && /* @__PURE__ */ m("div", {
|
|
2430
2738
|
role: "alert",
|
|
2431
2739
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-red-950/50 text-red-300 ring-1 ring-inset ring-red-900" : "bg-red-50 text-red-700 ring-1 ring-inset ring-red-200/80"}`,
|
|
2432
|
-
children: [/* @__PURE__ */ p(
|
|
2740
|
+
children: [/* @__PURE__ */ p(pe, {
|
|
2433
2741
|
size: 17,
|
|
2434
2742
|
className: "shrink-0 mt-0.5"
|
|
2435
|
-
}), /* @__PURE__ */ p("span", { children:
|
|
2743
|
+
}), /* @__PURE__ */ p("span", { children: b })]
|
|
2436
2744
|
}),
|
|
2437
|
-
|
|
2745
|
+
S && /* @__PURE__ */ m("div", {
|
|
2438
2746
|
role: "status",
|
|
2439
2747
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200/80"}`,
|
|
2440
|
-
children: [/* @__PURE__ */ p(
|
|
2748
|
+
children: [/* @__PURE__ */ p(P, {
|
|
2441
2749
|
size: 17,
|
|
2442
2750
|
className: "shrink-0 mt-0.5"
|
|
2443
|
-
}), /* @__PURE__ */ p("span", { children:
|
|
2444
|
-
}),
|
|
2445
|
-
/* @__PURE__ */ m("form", {
|
|
2446
|
-
onSubmit: Le,
|
|
2447
|
-
className: "space-y-5",
|
|
2448
|
-
children: [
|
|
2449
|
-
t.length === 0 ? /* @__PURE__ */ p("div", {
|
|
2450
|
-
className: `${g} text-center text-sm ${v}`,
|
|
2451
|
-
children: "No editable fields configured."
|
|
2452
|
-
}) : /* @__PURE__ */ m("div", {
|
|
2453
|
-
part: "portal-card details-card",
|
|
2454
|
-
className: g,
|
|
2455
|
-
children: [/* @__PURE__ */ m("div", {
|
|
2456
|
-
className: "flex items-start justify-between gap-3 mb-5",
|
|
2457
|
-
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2458
|
-
className: b,
|
|
2459
|
-
style: $,
|
|
2460
|
-
children: "Your details"
|
|
2461
|
-
}), /* @__PURE__ */ p("p", {
|
|
2462
|
-
className: `text-[13px] mt-0.5 ${v}`,
|
|
2463
|
-
children: "Keep your information up to date."
|
|
2464
|
-
})] }), Te && /* @__PURE__ */ m("span", {
|
|
2465
|
-
className: `inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full shrink-0 ${i ? "bg-emerald-950/60 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2466
|
-
children: [/* @__PURE__ */ p(ce, { size: 11 }), " Draft restored"]
|
|
2467
|
-
})]
|
|
2468
|
-
}), /* @__PURE__ */ p("div", {
|
|
2469
|
-
className: "flex flex-wrap -mx-2 -mb-4",
|
|
2470
|
-
children: t.map((e) => ze(e, e.type === "file" || e.width === "full" ? "w-full" : "w-full md:w-1/2", n))
|
|
2471
|
-
})]
|
|
2472
|
-
}),
|
|
2473
|
-
l.length > 0 && /* @__PURE__ */ m("div", {
|
|
2474
|
-
part: "portal-card addons-card",
|
|
2475
|
-
className: g,
|
|
2476
|
-
children: [/* @__PURE__ */ p("div", {
|
|
2477
|
-
className: "flex items-start justify-between gap-3 mb-4",
|
|
2478
|
-
children: /* @__PURE__ */ m("div", {
|
|
2479
|
-
className: "flex items-center gap-3",
|
|
2480
|
-
children: [/* @__PURE__ */ p("div", {
|
|
2481
|
-
className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
|
|
2482
|
-
style: {
|
|
2483
|
-
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2484
|
-
color: r
|
|
2485
|
-
},
|
|
2486
|
-
children: /* @__PURE__ */ p(Ye, { size: 17 })
|
|
2487
|
-
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2488
|
-
className: b,
|
|
2489
|
-
style: $,
|
|
2490
|
-
children: "Add-ons"
|
|
2491
|
-
}), /* @__PURE__ */ p("p", {
|
|
2492
|
-
className: `text-[13px] ${v}`,
|
|
2493
|
-
children: "Select items to add to your registration"
|
|
2494
|
-
})] })]
|
|
2495
|
-
})
|
|
2496
|
-
}), /* @__PURE__ */ p("div", {
|
|
2497
|
-
className: "space-y-2",
|
|
2498
|
-
children: l.map((e) => {
|
|
2499
|
-
let t = !!e.purchased, n = R.includes(e.name);
|
|
2500
|
-
return /* @__PURE__ */ m("label", {
|
|
2501
|
-
className: `p-3.5 rounded-2xl border flex items-center gap-3 transition-all ${t ? i ? "bg-zinc-950/60 border-zinc-800 cursor-default" : "bg-slate-50 border-slate-200 cursor-default" : n ? "cursor-pointer" : i ? "border-zinc-800 bg-zinc-900 hover:border-zinc-700 cursor-pointer" : "border-slate-200 bg-white hover:border-slate-300 cursor-pointer"}`,
|
|
2502
|
-
style: n && !t ? {
|
|
2503
|
-
borderColor: r,
|
|
2504
|
-
backgroundColor: `color-mix(in srgb, ${r} ${i ? 16 : 6}%, transparent)`
|
|
2505
|
-
} : void 0,
|
|
2506
|
-
children: [
|
|
2507
|
-
/* @__PURE__ */ p("input", {
|
|
2508
|
-
type: "checkbox",
|
|
2509
|
-
checked: n,
|
|
2510
|
-
disabled: t,
|
|
2511
|
-
onChange: () => Ie(e.name, t),
|
|
2512
|
-
className: "w-4 h-4 rounded cursor-pointer shrink-0 disabled:cursor-default",
|
|
2513
|
-
style: { accentColor: r }
|
|
2514
|
-
}),
|
|
2515
|
-
/* @__PURE__ */ m("div", {
|
|
2516
|
-
className: "flex-1 min-w-0",
|
|
2517
|
-
children: [/* @__PURE__ */ p("div", {
|
|
2518
|
-
className: `text-sm font-semibold leading-snug ${i ? "text-white" : "text-slate-900"}`,
|
|
2519
|
-
children: e.name
|
|
2520
|
-
}), /* @__PURE__ */ m("div", {
|
|
2521
|
-
className: "text-[13px] font-semibold mt-0.5 tabular-nums",
|
|
2522
|
-
style: { color: r },
|
|
2523
|
-
children: [
|
|
2524
|
-
e.currency,
|
|
2525
|
-
" ",
|
|
2526
|
-
Number(e.price).toLocaleString()
|
|
2527
|
-
]
|
|
2528
|
-
})]
|
|
2529
|
-
}),
|
|
2530
|
-
t && /* @__PURE__ */ m("span", {
|
|
2531
|
-
className: `px-2.5 py-1 rounded-full text-[11px] font-semibold flex items-center gap-1 shrink-0 ${i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2532
|
-
children: [/* @__PURE__ */ p(ce, { size: 12 }), " Purchased"]
|
|
2533
|
-
})
|
|
2534
|
-
]
|
|
2535
|
-
}, e.name);
|
|
2536
|
-
})
|
|
2537
|
-
})]
|
|
2538
|
-
}),
|
|
2539
|
-
/* @__PURE__ */ p("div", {
|
|
2540
|
-
className: "pt-1 pb-6",
|
|
2541
|
-
children: /* @__PURE__ */ p("button", {
|
|
2542
|
-
part: "button button-primary submit-button",
|
|
2543
|
-
type: "submit",
|
|
2544
|
-
disabled: _ || y !== null,
|
|
2545
|
-
style: {
|
|
2546
|
-
background: `linear-gradient(135deg, ${r}, color-mix(in srgb, ${r} 80%, black))`,
|
|
2547
|
-
boxShadow: `0 10px 24px -12px color-mix(in srgb, ${r} 70%, transparent)`
|
|
2548
|
-
},
|
|
2549
|
-
className: "w-full h-12 px-4 text-white text-sm font-semibold rounded-xl hover:brightness-110 active:scale-[0.99] transition-all flex items-center justify-center gap-2 cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed",
|
|
2550
|
-
children: _ ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("svg", {
|
|
2551
|
-
className: "animate-spin h-4 w-4 text-white",
|
|
2552
|
-
fill: "none",
|
|
2553
|
-
viewBox: "0 0 24 24",
|
|
2554
|
-
"aria-hidden": "true",
|
|
2555
|
-
children: [/* @__PURE__ */ p("circle", {
|
|
2556
|
-
className: "opacity-25",
|
|
2557
|
-
cx: "12",
|
|
2558
|
-
cy: "12",
|
|
2559
|
-
r: "10",
|
|
2560
|
-
stroke: "currentColor",
|
|
2561
|
-
strokeWidth: "4"
|
|
2562
|
-
}), /* @__PURE__ */ p("path", {
|
|
2563
|
-
className: "opacity-75",
|
|
2564
|
-
fill: "currentColor",
|
|
2565
|
-
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
2566
|
-
})]
|
|
2567
|
-
}), /* @__PURE__ */ p("span", { children: "Saving..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ve, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save changes" })] })
|
|
2568
|
-
})
|
|
2569
|
-
})
|
|
2570
|
-
]
|
|
2751
|
+
}), /* @__PURE__ */ p("span", { children: S })]
|
|
2571
2752
|
})
|
|
2572
2753
|
]
|
|
2573
2754
|
})
|
|
2574
2755
|
})]
|
|
2575
2756
|
});
|
|
2576
2757
|
}
|
|
2577
|
-
let
|
|
2758
|
+
let tt = `w-full h-11 pl-10 pr-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`, rt = /* @__PURE__ */ m("svg", {
|
|
2578
2759
|
className: "animate-spin h-4 w-4 text-white",
|
|
2579
2760
|
fill: "none",
|
|
2580
2761
|
viewBox: "0 0 24 24",
|
|
@@ -2592,8 +2773,8 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2592
2773
|
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
2593
2774
|
})]
|
|
2594
2775
|
}), Q = (e) => {
|
|
2595
|
-
u(e),
|
|
2596
|
-
},
|
|
2776
|
+
u(e), x(null), C(null);
|
|
2777
|
+
}, it = ({ id: e, label: t, icon: n, type: r = "text", value: a, onChange: o, placeholder: s, autoComplete: c, aside: l }) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
|
|
2597
2778
|
className: "flex items-center justify-between gap-2 mb-1.5",
|
|
2598
2779
|
children: [/* @__PURE__ */ p("label", {
|
|
2599
2780
|
part: "field-label",
|
|
@@ -2615,23 +2796,23 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2615
2796
|
autoComplete: c,
|
|
2616
2797
|
onChange: (e) => o(e.target.value),
|
|
2617
2798
|
placeholder: s,
|
|
2618
|
-
className:
|
|
2799
|
+
className: tt
|
|
2619
2800
|
})]
|
|
2620
|
-
})] }),
|
|
2801
|
+
})] }), st = () => /* @__PURE__ */ m(f, { children: [b && /* @__PURE__ */ m("div", {
|
|
2621
2802
|
role: "alert",
|
|
2622
2803
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-red-950/50 text-red-300 ring-1 ring-inset ring-red-900" : "bg-red-50 text-red-700 ring-1 ring-inset ring-red-200/80"}`,
|
|
2623
|
-
children: [/* @__PURE__ */ p(
|
|
2804
|
+
children: [/* @__PURE__ */ p(pe, {
|
|
2624
2805
|
size: 17,
|
|
2625
2806
|
className: "shrink-0 mt-0.5"
|
|
2626
|
-
}), /* @__PURE__ */ p("span", { children:
|
|
2627
|
-
}),
|
|
2807
|
+
}), /* @__PURE__ */ p("span", { children: b })]
|
|
2808
|
+
}), S && /* @__PURE__ */ m("div", {
|
|
2628
2809
|
role: "status",
|
|
2629
2810
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200/80"}`,
|
|
2630
|
-
children: [/* @__PURE__ */ p(
|
|
2811
|
+
children: [/* @__PURE__ */ p(P, {
|
|
2631
2812
|
size: 17,
|
|
2632
2813
|
className: "shrink-0 mt-0.5"
|
|
2633
|
-
}), /* @__PURE__ */ p("span", { children:
|
|
2634
|
-
})] }),
|
|
2814
|
+
}), /* @__PURE__ */ p("span", { children: S })]
|
|
2815
|
+
})] }), ct = (e, t, n) => /* @__PURE__ */ p("button", {
|
|
2635
2816
|
part: "button button-primary submit-button",
|
|
2636
2817
|
type: "submit",
|
|
2637
2818
|
disabled: e,
|
|
@@ -2640,20 +2821,20 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2640
2821
|
boxShadow: `0 10px 24px -12px color-mix(in srgb, ${r} 70%, transparent)`
|
|
2641
2822
|
},
|
|
2642
2823
|
className: "group w-full h-11 px-4 text-white text-sm font-semibold rounded-xl hover:brightness-110 active:scale-[0.99] transition-all flex items-center justify-center gap-2 cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed",
|
|
2643
|
-
children: e ? /* @__PURE__ */ m(f, { children: [
|
|
2824
|
+
children: e ? /* @__PURE__ */ m(f, { children: [rt, /* @__PURE__ */ p("span", { children: n })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: t }), /* @__PURE__ */ p(ie, {
|
|
2644
2825
|
size: 16,
|
|
2645
2826
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
2646
2827
|
})] })
|
|
2647
|
-
}),
|
|
2828
|
+
}), lt = ({ icon: e, title: t, subtitle: n, onBack: o, children: s }) => /* @__PURE__ */ m("div", {
|
|
2648
2829
|
className: `flex flex-col ${a ? "w-full flex-1" : "h-full overflow-y-auto"} relative bg-transparent ${i ? "text-white" : "text-slate-900"}`,
|
|
2649
|
-
children: [
|
|
2830
|
+
children: [qe(), /* @__PURE__ */ m("div", {
|
|
2650
2831
|
className: `px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} flex-1 max-w-[400px] mx-auto w-full flex flex-col justify-center relative z-10`,
|
|
2651
2832
|
children: [o && /* @__PURE__ */ m("button", {
|
|
2652
2833
|
part: "button button-link back-button",
|
|
2653
2834
|
type: "button",
|
|
2654
2835
|
onClick: o,
|
|
2655
2836
|
className: `self-start inline-flex items-center gap-1.5 mb-4 text-sm font-semibold transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-slate-500 hover:text-slate-900"}`,
|
|
2656
|
-
children: [/* @__PURE__ */ p(
|
|
2837
|
+
children: [/* @__PURE__ */ p(re, { size: 16 }), /* @__PURE__ */ p("span", { children: "Back to login" })]
|
|
2657
2838
|
}), /* @__PURE__ */ m("div", {
|
|
2658
2839
|
part: "portal-card",
|
|
2659
2840
|
className: `p-6 sm:p-7 rounded-3xl border space-y-5 ${i ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.18)]"}`,
|
|
@@ -2678,33 +2859,33 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2678
2859
|
children: n
|
|
2679
2860
|
})
|
|
2680
2861
|
] }),
|
|
2681
|
-
|
|
2862
|
+
st(),
|
|
2682
2863
|
s
|
|
2683
2864
|
]
|
|
2684
2865
|
})]
|
|
2685
2866
|
})]
|
|
2686
|
-
}),
|
|
2687
|
-
return
|
|
2867
|
+
}), ut = "font-semibold hover:underline underline-offset-4 cursor-pointer";
|
|
2868
|
+
return lt(l === "request_code" ? {
|
|
2688
2869
|
icon: Me,
|
|
2689
2870
|
title: "Get verification code",
|
|
2690
2871
|
subtitle: "We will email a verification code to your registered address.",
|
|
2691
2872
|
onBack: () => Q("login"),
|
|
2692
2873
|
children: /* @__PURE__ */ m("form", {
|
|
2693
|
-
onSubmit:
|
|
2874
|
+
onSubmit: Le,
|
|
2694
2875
|
className: "space-y-4",
|
|
2695
2876
|
children: [
|
|
2696
|
-
|
|
2877
|
+
it({
|
|
2697
2878
|
id: "vx-portal-code-identifier",
|
|
2698
2879
|
label: "Registration number or email",
|
|
2699
2880
|
icon: Me,
|
|
2700
|
-
value:
|
|
2881
|
+
value: O || w,
|
|
2701
2882
|
onChange: (e) => {
|
|
2702
|
-
|
|
2883
|
+
k(e), T(e);
|
|
2703
2884
|
},
|
|
2704
2885
|
placeholder: "e.g. attendee@example.com or REG12345",
|
|
2705
2886
|
autoComplete: "username"
|
|
2706
2887
|
}),
|
|
2707
|
-
|
|
2888
|
+
ct(fe, "Send verification code", "Sending code..."),
|
|
2708
2889
|
/* @__PURE__ */ m("p", {
|
|
2709
2890
|
className: `text-center text-[13px] ${i ? "text-zinc-400" : "text-slate-500"}`,
|
|
2710
2891
|
children: [
|
|
@@ -2713,7 +2894,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2713
2894
|
/* @__PURE__ */ p("button", {
|
|
2714
2895
|
type: "button",
|
|
2715
2896
|
onClick: () => Q("reset"),
|
|
2716
|
-
className:
|
|
2897
|
+
className: ut,
|
|
2717
2898
|
style: { color: r },
|
|
2718
2899
|
children: "Set your password"
|
|
2719
2900
|
})
|
|
@@ -2722,64 +2903,64 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2722
2903
|
]
|
|
2723
2904
|
})
|
|
2724
2905
|
} : l === "reset" ? {
|
|
2725
|
-
icon:
|
|
2906
|
+
icon: G,
|
|
2726
2907
|
title: "Set your password",
|
|
2727
2908
|
subtitle: "Enter the code from your email and choose a new password.",
|
|
2728
2909
|
onBack: () => Q("login"),
|
|
2729
2910
|
children: /* @__PURE__ */ m("form", {
|
|
2730
|
-
onSubmit:
|
|
2911
|
+
onSubmit: Re,
|
|
2731
2912
|
className: "space-y-4",
|
|
2732
2913
|
children: [
|
|
2733
|
-
|
|
2914
|
+
it({
|
|
2734
2915
|
id: "vx-portal-reset-identifier",
|
|
2735
2916
|
label: "Registration number or email",
|
|
2736
2917
|
icon: Me,
|
|
2737
|
-
value:
|
|
2918
|
+
value: O || w,
|
|
2738
2919
|
onChange: (e) => {
|
|
2739
|
-
|
|
2920
|
+
k(e), T(e);
|
|
2740
2921
|
},
|
|
2741
2922
|
placeholder: "e.g. attendee@example.com or REG12345",
|
|
2742
2923
|
autoComplete: "username"
|
|
2743
2924
|
}),
|
|
2744
|
-
|
|
2925
|
+
it({
|
|
2745
2926
|
id: "vx-portal-reset-code",
|
|
2746
2927
|
label: "Verification code",
|
|
2747
|
-
icon:
|
|
2748
|
-
value:
|
|
2749
|
-
onChange:
|
|
2928
|
+
icon: De,
|
|
2929
|
+
value: A,
|
|
2930
|
+
onChange: j,
|
|
2750
2931
|
placeholder: "Enter code from email",
|
|
2751
2932
|
autoComplete: "one-time-code",
|
|
2752
2933
|
aside: /* @__PURE__ */ p("button", {
|
|
2753
2934
|
type: "button",
|
|
2754
2935
|
onClick: () => {
|
|
2755
|
-
|
|
2936
|
+
k(O || w), Q("request_code");
|
|
2756
2937
|
},
|
|
2757
2938
|
className: "text-xs font-semibold hover:underline underline-offset-4 cursor-pointer",
|
|
2758
2939
|
style: { color: r },
|
|
2759
2940
|
children: "Get code on email"
|
|
2760
2941
|
})
|
|
2761
2942
|
}),
|
|
2762
|
-
|
|
2943
|
+
it({
|
|
2763
2944
|
id: "vx-portal-reset-password",
|
|
2764
2945
|
label: "New password",
|
|
2765
|
-
icon:
|
|
2946
|
+
icon: J,
|
|
2766
2947
|
type: "password",
|
|
2767
|
-
value:
|
|
2768
|
-
onChange:
|
|
2948
|
+
value: ae,
|
|
2949
|
+
onChange: oe,
|
|
2769
2950
|
placeholder: "Enter new password",
|
|
2770
2951
|
autoComplete: "new-password"
|
|
2771
2952
|
}),
|
|
2772
|
-
|
|
2953
|
+
it({
|
|
2773
2954
|
id: "vx-portal-reset-confirm",
|
|
2774
2955
|
label: "Confirm password",
|
|
2775
|
-
icon:
|
|
2956
|
+
icon: J,
|
|
2776
2957
|
type: "password",
|
|
2777
|
-
value:
|
|
2778
|
-
onChange:
|
|
2958
|
+
value: ce,
|
|
2959
|
+
onChange: ue,
|
|
2779
2960
|
placeholder: "Re-enter new password",
|
|
2780
2961
|
autoComplete: "new-password"
|
|
2781
2962
|
}),
|
|
2782
|
-
|
|
2963
|
+
ct(h, "Set new password", "Updating password...")
|
|
2783
2964
|
]
|
|
2784
2965
|
})
|
|
2785
2966
|
} : {
|
|
@@ -2787,38 +2968,38 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2787
2968
|
title: "Attendee login",
|
|
2788
2969
|
subtitle: "Sign in with your email or registration number.",
|
|
2789
2970
|
children: /* @__PURE__ */ m("form", {
|
|
2790
|
-
onSubmit:
|
|
2971
|
+
onSubmit: Ie,
|
|
2791
2972
|
className: "space-y-4",
|
|
2792
2973
|
children: [
|
|
2793
|
-
|
|
2974
|
+
it({
|
|
2794
2975
|
id: "vx-portal-login-identifier",
|
|
2795
2976
|
label: "Email or registration number",
|
|
2796
2977
|
icon: Me,
|
|
2797
|
-
value:
|
|
2798
|
-
onChange:
|
|
2978
|
+
value: w,
|
|
2979
|
+
onChange: T,
|
|
2799
2980
|
placeholder: "Enter email or registration number",
|
|
2800
2981
|
autoComplete: "username"
|
|
2801
2982
|
}),
|
|
2802
|
-
|
|
2983
|
+
it({
|
|
2803
2984
|
id: "vx-portal-login-password",
|
|
2804
2985
|
label: "Password",
|
|
2805
|
-
icon:
|
|
2986
|
+
icon: J,
|
|
2806
2987
|
type: "password",
|
|
2807
|
-
value:
|
|
2808
|
-
onChange:
|
|
2988
|
+
value: E,
|
|
2989
|
+
onChange: te,
|
|
2809
2990
|
placeholder: "Enter password",
|
|
2810
2991
|
autoComplete: "current-password",
|
|
2811
2992
|
aside: /* @__PURE__ */ p("button", {
|
|
2812
2993
|
type: "button",
|
|
2813
2994
|
onClick: () => {
|
|
2814
|
-
|
|
2995
|
+
k(w), Q("reset");
|
|
2815
2996
|
},
|
|
2816
2997
|
className: "text-xs font-semibold hover:underline underline-offset-4 cursor-pointer",
|
|
2817
2998
|
style: { color: r },
|
|
2818
2999
|
children: "Forgot password?"
|
|
2819
3000
|
})
|
|
2820
3001
|
}),
|
|
2821
|
-
|
|
3002
|
+
ct(h, "Login", "Logging in..."),
|
|
2822
3003
|
/* @__PURE__ */ m("p", {
|
|
2823
3004
|
className: `pt-4 border-t text-center text-[13px] ${i ? "border-zinc-800 text-zinc-400" : "border-slate-100 text-slate-500"}`,
|
|
2824
3005
|
children: [
|
|
@@ -2827,9 +3008,9 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2827
3008
|
/* @__PURE__ */ p("button", {
|
|
2828
3009
|
type: "button",
|
|
2829
3010
|
onClick: () => {
|
|
2830
|
-
|
|
3011
|
+
k(w), Q("request_code");
|
|
2831
3012
|
},
|
|
2832
|
-
className:
|
|
3013
|
+
className: ut,
|
|
2833
3014
|
style: { color: r },
|
|
2834
3015
|
children: "Get code"
|
|
2835
3016
|
}),
|
|
@@ -2839,9 +3020,9 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2839
3020
|
/* @__PURE__ */ p("button", {
|
|
2840
3021
|
type: "button",
|
|
2841
3022
|
onClick: () => {
|
|
2842
|
-
|
|
3023
|
+
k(w), Q("reset");
|
|
2843
3024
|
},
|
|
2844
|
-
className:
|
|
3025
|
+
className: ut,
|
|
2845
3026
|
style: { color: r },
|
|
2846
3027
|
children: "generate password"
|
|
2847
3028
|
})
|
|
@@ -2917,57 +3098,57 @@ var ut = (e) => {
|
|
|
2917
3098
|
s(() => {
|
|
2918
3099
|
t === "attendee" && i(!0);
|
|
2919
3100
|
}, [t]);
|
|
2920
|
-
let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [
|
|
3101
|
+
let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [v, y] = d(!1), [b, x] = d([]), [S, C] = d(""), [w, T] = d(null), [E, te] = d(null), ne = l(() => E && { fields: E.fields.filter((e) => e.id !== "registration_type") }, [E]), [D, O] = d(!0), [k, A] = d(""), [re, j] = d(null), [ae, M] = d(!!o), [oe, se] = d(null), [ce, ue] = d(null), [de, fe] = d(o), [pe, N] = d(!1), [P, F] = d(() => lt(e.position)), [I, L] = d(null), [_e, ve] = d(null), [R, ye] = d(!1), [be, Se] = d(!1), we = u(null), z = u(null), B = u(!1);
|
|
2921
3102
|
s(() => {
|
|
2922
|
-
e.position &&
|
|
3103
|
+
e.position && F(lt(e.position));
|
|
2923
3104
|
}, [e.position]);
|
|
2924
|
-
let
|
|
3105
|
+
let V = e.themeMode === "dark" || e.theme?.mode === "dark", H = e.theme?.primaryColor || "#2563eb", U = !!e.isAbstract, Te = e.headerBannerImage, Ee = e.backgroundImage, W = l(() => new g(e.debug), [e.debug]), G = l(() => new ee(e.baseUrl, e.eventSlug, W, e.timeoutMs ?? 12e4), [
|
|
2925
3106
|
e.baseUrl,
|
|
2926
3107
|
e.eventSlug,
|
|
2927
|
-
|
|
3108
|
+
W,
|
|
2928
3109
|
e.timeoutMs
|
|
2929
|
-
]),
|
|
3110
|
+
]), K = l(() => new _(e.eventSlug), [e.eventSlug]), De = u(e.displayMode), q = u(null), [J, Y] = d(null);
|
|
2930
3111
|
s(() => {
|
|
2931
|
-
|
|
2932
|
-
}, [
|
|
3112
|
+
K.getXrefId();
|
|
3113
|
+
}, [K]), s(() => {
|
|
2933
3114
|
if (!c) return;
|
|
2934
|
-
let t =
|
|
2935
|
-
t && (
|
|
3115
|
+
let t = K.getXrefId();
|
|
3116
|
+
t && (U ? G.getReviewDraft(t) : G.getDraft(t)).then((t) => {
|
|
2936
3117
|
let n = t?.data || t;
|
|
2937
|
-
n && n.registration_type && (
|
|
3118
|
+
n && n.registration_type && (Y(n), e.onEvent?.("draft_loaded", n));
|
|
2938
3119
|
}).catch((e) => {
|
|
2939
|
-
|
|
3120
|
+
W.log("No draft found for this session", e);
|
|
2940
3121
|
});
|
|
2941
3122
|
}, [
|
|
2942
3123
|
c,
|
|
2943
|
-
K,
|
|
2944
|
-
q,
|
|
2945
3124
|
G,
|
|
2946
|
-
|
|
3125
|
+
K,
|
|
3126
|
+
W,
|
|
3127
|
+
U
|
|
2947
3128
|
]);
|
|
2948
3129
|
let ke = l(() => {
|
|
2949
|
-
if (!
|
|
2950
|
-
let e = { ...
|
|
2951
|
-
if (
|
|
2952
|
-
e.name =
|
|
2953
|
-
let t =
|
|
3130
|
+
if (!J || !w || String(J.registration_type) !== String(w.id)) return {};
|
|
3131
|
+
let e = { ...J.custom_data || {} };
|
|
3132
|
+
if (J.salutation && (e.salutation = J.salutation, e.title = J.salutation), J.name) {
|
|
3133
|
+
e.name = J.name, e.full_name = J.name, e.fullName = J.name;
|
|
3134
|
+
let t = J.name.trim().split(/\s+/);
|
|
2954
3135
|
t.length > 0 && !e.first_name && (e.first_name = t[0]), t.length > 1 && !e.last_name && (e.last_name = t.slice(1).join(" "));
|
|
2955
3136
|
}
|
|
2956
|
-
return
|
|
3137
|
+
return J.email && (e.email = J.email), J.phone && (e.phone = J.phone, e.mobile = J.phone, e.phoneNumber = J.phone), ((U ? E?.fields : w?.form_schema?.fields) || []).forEach((t) => {
|
|
2957
3138
|
let n = at(t.id, t.label);
|
|
2958
3139
|
e[t.id] === void 0 && e[n] !== void 0 && (e[t.id] = e[n]);
|
|
2959
3140
|
}), e;
|
|
2960
3141
|
}, [
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
3142
|
+
J,
|
|
3143
|
+
w,
|
|
3144
|
+
U,
|
|
3145
|
+
E
|
|
2965
3146
|
]);
|
|
2966
3147
|
s(() => () => {
|
|
2967
|
-
|
|
3148
|
+
q.current && clearTimeout(q.current);
|
|
2968
3149
|
}, []);
|
|
2969
3150
|
let Ae = a((t) => {
|
|
2970
|
-
|
|
3151
|
+
q.current && clearTimeout(q.current), q.current = setTimeout(async () => {
|
|
2971
3152
|
if (!Object.values(t).some((e) => e !== "" && e != null)) return;
|
|
2972
3153
|
let n = /* @__PURE__ */ new Set([
|
|
2973
3154
|
"salutation",
|
|
@@ -2983,7 +3164,7 @@ var ut = (e) => {
|
|
|
2983
3164
|
"phoneNumber",
|
|
2984
3165
|
"selected_items",
|
|
2985
3166
|
"custom_data"
|
|
2986
|
-
]), r = (
|
|
3167
|
+
]), r = (U ? E?.fields : w?.form_schema?.fields) || [], i = /* @__PURE__ */ new Map();
|
|
2987
3168
|
r.forEach((e) => i.set(e.id, e));
|
|
2988
3169
|
let a = { ...t.custom_data || {} };
|
|
2989
3170
|
for (let [e, r] of Object.entries(t)) if (!n.has(e)) {
|
|
@@ -2991,48 +3172,48 @@ var ut = (e) => {
|
|
|
2991
3172
|
a[t] = r, t !== e && (a[e] = r);
|
|
2992
3173
|
}
|
|
2993
3174
|
let o = {
|
|
2994
|
-
xref_id:
|
|
3175
|
+
xref_id: K.getXrefId(),
|
|
2995
3176
|
salutation: t.salutation || t.title || "",
|
|
2996
3177
|
name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
|
|
2997
3178
|
email: t.email || "",
|
|
2998
3179
|
phone: t.phone || t.mobile || t.phoneNumber || "",
|
|
2999
|
-
registration_type:
|
|
3180
|
+
registration_type: w?.id,
|
|
3000
3181
|
custom_data: a,
|
|
3001
3182
|
selected_items: t.selected_items || []
|
|
3002
3183
|
};
|
|
3003
3184
|
try {
|
|
3004
|
-
|
|
3185
|
+
U ? await G.trackReviewProgress(o) : await G.trackProgress(o), e.onEvent?.("draft_saved", o);
|
|
3005
3186
|
} catch (e) {
|
|
3006
|
-
|
|
3187
|
+
W.error("Failed to save draft progress", e);
|
|
3007
3188
|
}
|
|
3008
3189
|
}, 600);
|
|
3009
3190
|
}, [
|
|
3010
|
-
q,
|
|
3011
3191
|
K,
|
|
3012
|
-
T,
|
|
3013
|
-
e,
|
|
3014
3192
|
G,
|
|
3193
|
+
w,
|
|
3194
|
+
e,
|
|
3015
3195
|
W,
|
|
3016
|
-
|
|
3196
|
+
U,
|
|
3197
|
+
E
|
|
3017
3198
|
]);
|
|
3018
3199
|
s(() => {
|
|
3019
|
-
|
|
3200
|
+
De.current !== e.displayMode && (De.current = e.displayMode, h(e.displayMode !== "popup"), y(!1));
|
|
3020
3201
|
}, [e.displayMode]), s(() => {
|
|
3021
|
-
(
|
|
3022
|
-
|
|
3202
|
+
(U ? G.getReviewFormSchema() : G.getFormSchema()).then((t) => {
|
|
3203
|
+
x(t?.data?.types || []), U && te({ fields: t?.data?.fields || [] }), (t?.data?.event_name || t?.data?.title || t?.data?.name) && C(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t?.data);
|
|
3023
3204
|
}).catch((t) => {
|
|
3024
|
-
|
|
3205
|
+
W.error("Failed to load schema", t), x([]);
|
|
3025
3206
|
let n = {
|
|
3026
3207
|
type: "schema_load",
|
|
3027
3208
|
message: t?.message || "Failed to load event schema",
|
|
3028
3209
|
error: t
|
|
3029
3210
|
};
|
|
3030
3211
|
e.onEvent?.("error", n), e.onError?.(n);
|
|
3031
|
-
}).finally(() =>
|
|
3032
|
-
}, [
|
|
3212
|
+
}).finally(() => O(!1));
|
|
3213
|
+
}, [G, U]);
|
|
3033
3214
|
let je = async (t) => {
|
|
3034
|
-
|
|
3035
|
-
let n =
|
|
3215
|
+
q.current && clearTimeout(q.current), O(!0), se(null);
|
|
3216
|
+
let n = K.getXrefId(), r = /* @__PURE__ */ new Set([
|
|
3036
3217
|
"salutation",
|
|
3037
3218
|
"title",
|
|
3038
3219
|
"name",
|
|
@@ -3048,7 +3229,7 @@ var ut = (e) => {
|
|
|
3048
3229
|
"selected_items",
|
|
3049
3230
|
"custom_data",
|
|
3050
3231
|
"xref_id"
|
|
3051
|
-
]), i = (
|
|
3232
|
+
]), i = (U ? E?.fields : w?.form_schema?.fields) || [], a = /* @__PURE__ */ new Map();
|
|
3052
3233
|
i.forEach((e) => a.set(e.id, e));
|
|
3053
3234
|
let o = { ...t.custom_data || {} };
|
|
3054
3235
|
for (let [e, n] of Object.entries(t)) if (!r.has(e)) {
|
|
@@ -3061,82 +3242,82 @@ var ut = (e) => {
|
|
|
3061
3242
|
name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
|
|
3062
3243
|
email: t.email || "",
|
|
3063
3244
|
phone: t.phone || t.mobile || t.phoneNumber || "",
|
|
3064
|
-
registration_type:
|
|
3245
|
+
registration_type: w.id,
|
|
3065
3246
|
custom_data: o,
|
|
3066
3247
|
selected_items: t.selected_items || []
|
|
3067
3248
|
};
|
|
3068
3249
|
try {
|
|
3069
|
-
let t =
|
|
3070
|
-
|
|
3071
|
-
let n =
|
|
3072
|
-
|
|
3250
|
+
let t = U ? await G.submitReview(s) : await G.submitRegistration(s);
|
|
3251
|
+
K.updateXrefId(), Y(null);
|
|
3252
|
+
let n = U ? null : t?.data?.payment_url || t?.payment_url || null;
|
|
3253
|
+
ue(n);
|
|
3073
3254
|
let r = t?.data?.submission_number || t?.submission_number || t?.data?.registration_number || t?.registration_number || t?.data?.registration?.registration_number || t?.registration?.registration_number || null;
|
|
3074
|
-
|
|
3255
|
+
fe(r ? String(r) : null), N(!1), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), M(!0);
|
|
3075
3256
|
let i = {
|
|
3076
|
-
registrationType:
|
|
3257
|
+
registrationType: w.id,
|
|
3077
3258
|
payload: s,
|
|
3078
3259
|
response: t,
|
|
3079
3260
|
paymentUrl: n
|
|
3080
3261
|
};
|
|
3081
3262
|
e.onEvent?.("submitted", i), e.onRegister?.(i), e.onRegistered?.(i);
|
|
3082
3263
|
} catch (t) {
|
|
3083
|
-
|
|
3084
|
-
let n = t?.message || (
|
|
3264
|
+
W.error("Submission failed", t);
|
|
3265
|
+
let n = t?.message || (U ? "Submission failed. Please check your information and try again." : "Registration failed. Please check your information and try again."), r = {
|
|
3085
3266
|
type: "submit_error",
|
|
3086
3267
|
message: n,
|
|
3087
3268
|
error: t
|
|
3088
3269
|
};
|
|
3089
|
-
e.onEvent?.("error", r), e.onError?.(r),
|
|
3270
|
+
e.onEvent?.("error", r), e.onError?.(r), se(n);
|
|
3090
3271
|
} finally {
|
|
3091
|
-
|
|
3272
|
+
O(!1);
|
|
3092
3273
|
}
|
|
3093
3274
|
}, Me = () => {
|
|
3094
|
-
if (
|
|
3275
|
+
if (M(!1), se(null), ue(null), fe(null), N(!1), T(null), Y(null), typeof window < "u" && new URLSearchParams(window.location.search).has("rn")) {
|
|
3095
3276
|
let e = new URL(window.location.href);
|
|
3096
3277
|
e.searchParams.delete("rn"), window.history.replaceState(window.history.state, "", e.toString());
|
|
3097
3278
|
}
|
|
3098
3279
|
}, Ne = a((e) => {
|
|
3099
|
-
if (e.stopPropagation(), e.button !== 0 || !
|
|
3100
|
-
let t =
|
|
3101
|
-
|
|
3280
|
+
if (e.stopPropagation(), e.button !== 0 || !we.current) return;
|
|
3281
|
+
let t = we.current.getBoundingClientRect();
|
|
3282
|
+
z.current = {
|
|
3102
3283
|
startX: e.clientX,
|
|
3103
3284
|
startY: e.clientY,
|
|
3104
3285
|
rect: t,
|
|
3105
|
-
corner:
|
|
3106
|
-
},
|
|
3107
|
-
}, [
|
|
3286
|
+
corner: P
|
|
3287
|
+
}, B.current = !1, ye(!0);
|
|
3288
|
+
}, [P]);
|
|
3108
3289
|
s(() => {
|
|
3109
|
-
if (!
|
|
3290
|
+
if (!R) return;
|
|
3110
3291
|
let t = (e) => {
|
|
3111
|
-
if (!
|
|
3112
|
-
let t = e.clientX -
|
|
3113
|
-
|
|
3292
|
+
if (!z.current) return;
|
|
3293
|
+
let t = e.clientX - z.current.startX, n = e.clientY - z.current.startY;
|
|
3294
|
+
B.current || Math.hypot(t, n) > 5 && (B.current = !0), B.current && L({
|
|
3114
3295
|
x: t,
|
|
3115
3296
|
y: n
|
|
3116
3297
|
});
|
|
3117
3298
|
}, n = (t) => {
|
|
3118
|
-
if (!
|
|
3119
|
-
|
|
3299
|
+
if (!z.current) {
|
|
3300
|
+
ye(!1), L(null), B.current = !1;
|
|
3120
3301
|
return;
|
|
3121
3302
|
}
|
|
3122
|
-
let { rect: n, startX: r, startY: i } =
|
|
3123
|
-
if (
|
|
3124
|
-
|
|
3303
|
+
let { rect: n, startX: r, startY: i } = z.current, a = t.clientX - r, o = t.clientY - i, s = B.current;
|
|
3304
|
+
if (z.current = null, ye(!1), setTimeout(() => {
|
|
3305
|
+
B.current = !1;
|
|
3125
3306
|
}, 100), !s) {
|
|
3126
|
-
|
|
3307
|
+
L(null);
|
|
3127
3308
|
return;
|
|
3128
3309
|
}
|
|
3129
|
-
let c = n.left + a, l = n.top + o, u = c + n.width / 2, d = l + n.height / 2, f = typeof window < "u" ? window.innerWidth : 1024, p = typeof window < "u" ? window.innerHeight : 768, m = u >= f / 2, h = d >= p / 2, g = h ? m ? "bottom-right" : "bottom-left" : m ? "top-right" : "top-left",
|
|
3130
|
-
|
|
3131
|
-
transform: `translate3d(${
|
|
3310
|
+
let c = n.left + a, l = n.top + o, u = c + n.width / 2, d = l + n.height / 2, f = typeof window < "u" ? window.innerWidth : 1024, p = typeof window < "u" ? window.innerHeight : 768, m = u >= f / 2, h = d >= p / 2, g = h ? m ? "bottom-right" : "bottom-left" : m ? "top-right" : "top-left", ee = m ? f - n.width - 20 : 20, _ = h ? p - n.height - 20 : 20, v = c - ee, y = l - _;
|
|
3311
|
+
ve({
|
|
3312
|
+
transform: `translate3d(${v}px, ${y}px, 0)`,
|
|
3132
3313
|
transition: "none"
|
|
3133
|
-
}),
|
|
3314
|
+
}), L(null), F(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
|
|
3134
3315
|
requestAnimationFrame(() => {
|
|
3135
|
-
|
|
3316
|
+
ve({
|
|
3136
3317
|
transform: "translate3d(0, 0, 0)",
|
|
3137
3318
|
transition: "transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)"
|
|
3138
3319
|
}), setTimeout(() => {
|
|
3139
|
-
|
|
3320
|
+
ve(null);
|
|
3140
3321
|
}, 360);
|
|
3141
3322
|
});
|
|
3142
3323
|
});
|
|
@@ -3144,56 +3325,56 @@ var ut = (e) => {
|
|
|
3144
3325
|
return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
|
|
3145
3326
|
window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
|
|
3146
3327
|
};
|
|
3147
|
-
}, [
|
|
3328
|
+
}, [R, e]);
|
|
3148
3329
|
let Pe = async () => {
|
|
3149
|
-
if (
|
|
3330
|
+
if (de) {
|
|
3150
3331
|
try {
|
|
3151
|
-
await navigator.clipboard.writeText(
|
|
3332
|
+
await navigator.clipboard.writeText(de);
|
|
3152
3333
|
} catch {
|
|
3153
3334
|
let e = document.createElement("textarea");
|
|
3154
|
-
e.value =
|
|
3335
|
+
e.value = de, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
|
|
3155
3336
|
}
|
|
3156
|
-
|
|
3337
|
+
N(!0), setTimeout(() => N(!1), 2e3);
|
|
3157
3338
|
}
|
|
3158
|
-
}, Fe = () =>
|
|
3339
|
+
}, Fe = () => de ? /* @__PURE__ */ m("div", {
|
|
3159
3340
|
className: "w-full max-w-xs mb-6",
|
|
3160
3341
|
children: [/* @__PURE__ */ p("p", {
|
|
3161
|
-
className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${
|
|
3162
|
-
children:
|
|
3342
|
+
className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${V ? "text-zinc-400" : "text-gray-500"}`,
|
|
3343
|
+
children: U ? "Submission Number" : "Registration Number"
|
|
3163
3344
|
}), /* @__PURE__ */ m("div", {
|
|
3164
3345
|
part: "registration-number",
|
|
3165
|
-
className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${
|
|
3346
|
+
className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${V ? "bg-zinc-900 border-zinc-700" : "bg-gray-50 border-gray-200"}`,
|
|
3166
3347
|
children: [/* @__PURE__ */ p("span", {
|
|
3167
3348
|
className: "flex-1 text-left font-mono font-bold text-base select-all break-all",
|
|
3168
|
-
children:
|
|
3349
|
+
children: de
|
|
3169
3350
|
}), /* @__PURE__ */ m("button", {
|
|
3170
3351
|
part: "copy-button",
|
|
3171
3352
|
type: "button",
|
|
3172
3353
|
onClick: Pe,
|
|
3173
3354
|
className: "flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-bold text-white shrink-0 cursor-pointer hover:opacity-90 transition-opacity",
|
|
3174
|
-
style: { backgroundColor:
|
|
3355
|
+
style: { backgroundColor: H },
|
|
3175
3356
|
title: "Copy registration number",
|
|
3176
|
-
children: [p(
|
|
3357
|
+
children: [p(pe ? le : ge, { size: 13 }), /* @__PURE__ */ p("span", { children: pe ? "Copied" : "Copy" })]
|
|
3177
3358
|
})]
|
|
3178
3359
|
})]
|
|
3179
3360
|
}) : null;
|
|
3180
3361
|
if (!c && e.displayMode === "popup") {
|
|
3181
3362
|
let e = {
|
|
3182
|
-
...ut(
|
|
3183
|
-
...
|
|
3184
|
-
transform: `translate3d(${
|
|
3363
|
+
...ut(P),
|
|
3364
|
+
...I ? {
|
|
3365
|
+
transform: `translate3d(${I.x}px, ${I.y}px, 0) scale(1.05)`,
|
|
3185
3366
|
transition: "none",
|
|
3186
3367
|
userSelect: "none"
|
|
3187
|
-
} :
|
|
3188
|
-
transform:
|
|
3189
|
-
transition:
|
|
3368
|
+
} : _e ? {
|
|
3369
|
+
transform: _e.transform,
|
|
3370
|
+
transition: _e.transition
|
|
3190
3371
|
} : { transition: "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)" }
|
|
3191
|
-
}, t =
|
|
3372
|
+
}, t = be || R;
|
|
3192
3373
|
return /* @__PURE__ */ m("div", {
|
|
3193
|
-
ref:
|
|
3194
|
-
onMouseEnter: () =>
|
|
3195
|
-
onMouseLeave: () =>
|
|
3196
|
-
className: `fixed ${dt(
|
|
3374
|
+
ref: we,
|
|
3375
|
+
onMouseEnter: () => Se(!0),
|
|
3376
|
+
onMouseLeave: () => Se(!1),
|
|
3377
|
+
className: `fixed ${dt(P)} z-50 select-none group`,
|
|
3197
3378
|
style: e,
|
|
3198
3379
|
children: [/* @__PURE__ */ p("div", {
|
|
3199
3380
|
onPointerDown: Ne,
|
|
@@ -3207,10 +3388,10 @@ var ut = (e) => {
|
|
|
3207
3388
|
part: "launcher",
|
|
3208
3389
|
type: "button",
|
|
3209
3390
|
onClick: (e) => {
|
|
3210
|
-
e.stopPropagation(), !
|
|
3391
|
+
e.stopPropagation(), !R && h(!0);
|
|
3211
3392
|
},
|
|
3212
3393
|
className: "w-16 h-16 rounded-full text-white shadow-xl flex items-center justify-center cursor-pointer hover:scale-105 active:scale-95 transition-transform",
|
|
3213
|
-
style: { backgroundColor:
|
|
3394
|
+
style: { backgroundColor: H },
|
|
3214
3395
|
title: "Click to open registration",
|
|
3215
3396
|
children: /* @__PURE__ */ p("span", {
|
|
3216
3397
|
className: "font-bold text-sm tracking-wide pointer-events-none",
|
|
@@ -3219,9 +3400,9 @@ var ut = (e) => {
|
|
|
3219
3400
|
})]
|
|
3220
3401
|
});
|
|
3221
3402
|
}
|
|
3222
|
-
let Le = e.displayMode === "fullscreen" || e.displayMode === "popup" &&
|
|
3223
|
-
Z["--vx-accent"] =
|
|
3224
|
-
let Ue =
|
|
3403
|
+
let Le = e.displayMode === "fullscreen" || e.displayMode === "popup" && v, X = e.displayMode === "widget", Be = ct(Ee, V, X), Ve = `${V ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"} flex flex-col transition-all duration-300 ease-in-out `, He = e.theme?.fontFamily, Z = !He || He === "inherit" ? {} : { fontFamily: `var(--vx-font-family, ${He})` };
|
|
3404
|
+
Z["--vx-accent"] = H, Le ? Ve += "fixed inset-0 z-[9999] rounded-none overflow-hidden " : e.displayMode === "popup" ? (Ve += `fixed ${dt(P)} z-50 rounded-xl shadow-2xl border ${V ? "border-zinc-800" : "border-gray-200"} overflow-hidden `, Z.width = e.width || "400px", Z.height = e.height || "700px", Z.maxHeight = "90vh", Z.maxWidth = "calc(100vw - 32px)", Object.assign(Z, ut(P))) : (Ve += "relative w-full min-h-screen border-none shadow-none rounded-none ", Z.width = "100%", Z.minHeight = "100vh");
|
|
3405
|
+
let Ue = U ? "Abstract Submission" : t === "registration" ? S || "Registration" : "Attendee Portal", We = k.trim().toLowerCase(), Ge = We ? b.filter((e) => [
|
|
3225
3406
|
e.type,
|
|
3226
3407
|
e.name,
|
|
3227
3408
|
e.category,
|
|
@@ -3230,27 +3411,27 @@ var ut = (e) => {
|
|
|
3230
3411
|
e.price,
|
|
3231
3412
|
e.tax_info,
|
|
3232
3413
|
...Array.isArray(e.perks) ? e.perks : []
|
|
3233
|
-
].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(We)) :
|
|
3234
|
-
if (
|
|
3235
|
-
let e =
|
|
3414
|
+
].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(We)) : b, qe = `max-w-2xl mx-auto w-full rounded-3xl border overflow-hidden ${V ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.16)]"}`, Ye = () => {
|
|
3415
|
+
if (b.length === 0) return null;
|
|
3416
|
+
let e = b.find((e) => String(e.id) === re) || (b.length === 1 ? b[0] : null), t = e ? e.type || e.name || e.label : "";
|
|
3236
3417
|
return /* @__PURE__ */ m("div", {
|
|
3237
3418
|
part: "category-panel",
|
|
3238
|
-
className:
|
|
3419
|
+
className: qe,
|
|
3239
3420
|
children: [
|
|
3240
3421
|
/* @__PURE__ */ m("div", {
|
|
3241
3422
|
className: "px-5 sm:px-7 pt-6 sm:pt-7 pb-5 flex items-center gap-3.5",
|
|
3242
3423
|
children: [/* @__PURE__ */ p("div", {
|
|
3243
3424
|
className: "w-11 h-11 rounded-xl flex items-center justify-center shrink-0",
|
|
3244
3425
|
style: {
|
|
3245
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3246
|
-
color:
|
|
3426
|
+
backgroundColor: `color-mix(in srgb, ${H} 12%, transparent)`,
|
|
3427
|
+
color: H
|
|
3247
3428
|
},
|
|
3248
|
-
children: /* @__PURE__ */ p(
|
|
3429
|
+
children: /* @__PURE__ */ p(Ce, { size: 20 })
|
|
3249
3430
|
}), /* @__PURE__ */ p("div", {
|
|
3250
3431
|
className: "min-w-0",
|
|
3251
3432
|
children: /* @__PURE__ */ p("h3", {
|
|
3252
3433
|
part: "list-title",
|
|
3253
|
-
className: `text-lg sm:text-xl font-semibold tracking-tight ${
|
|
3434
|
+
className: `text-lg sm:text-xl font-semibold tracking-tight ${V ? "text-white" : "text-slate-900"}`,
|
|
3254
3435
|
style: $,
|
|
3255
3436
|
children: "Choose a submission category"
|
|
3256
3437
|
})
|
|
@@ -3259,69 +3440,69 @@ var ut = (e) => {
|
|
|
3259
3440
|
/* @__PURE__ */ p("div", {
|
|
3260
3441
|
role: "radiogroup",
|
|
3261
3442
|
"aria-label": "Submission category",
|
|
3262
|
-
className: `border-t divide-y ${
|
|
3263
|
-
children:
|
|
3443
|
+
className: `border-t divide-y ${V ? "border-zinc-800 divide-zinc-800" : "border-slate-100 divide-slate-100"}`,
|
|
3444
|
+
children: b.map((t) => {
|
|
3264
3445
|
let n = t.type || t.name || t.label, r = !!e && String(e.id) === String(t.id);
|
|
3265
3446
|
return /* @__PURE__ */ m("button", {
|
|
3266
3447
|
part: r ? "category category-active" : "category",
|
|
3267
3448
|
type: "button",
|
|
3268
3449
|
role: "radio",
|
|
3269
3450
|
"aria-checked": r,
|
|
3270
|
-
onClick: () =>
|
|
3271
|
-
className: `group w-full flex items-center gap-4 px-5 sm:px-7 py-4 text-left transition-colors cursor-pointer outline-none focus-visible:bg-[color-mix(in_srgb,var(--vx-accent)_8%,transparent)] ${r ? "" :
|
|
3272
|
-
style: r ? { backgroundColor: `color-mix(in srgb, ${
|
|
3451
|
+
onClick: () => j(String(t.id)),
|
|
3452
|
+
className: `group w-full flex items-center gap-4 px-5 sm:px-7 py-4 text-left transition-colors cursor-pointer outline-none focus-visible:bg-[color-mix(in_srgb,var(--vx-accent)_8%,transparent)] ${r ? "" : V ? "hover:bg-zinc-800/60" : "hover:bg-slate-50"}`,
|
|
3453
|
+
style: r ? { backgroundColor: `color-mix(in srgb, ${H} ${V ? 14 : 6}%, transparent)` } : void 0,
|
|
3273
3454
|
children: [
|
|
3274
3455
|
/* @__PURE__ */ p("span", {
|
|
3275
3456
|
"aria-hidden": "true",
|
|
3276
|
-
className: `w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${r ? "" :
|
|
3277
|
-
style: r ? { borderColor:
|
|
3457
|
+
className: `w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${r ? "" : V ? "border-zinc-600" : "border-slate-300"}`,
|
|
3458
|
+
style: r ? { borderColor: H } : void 0,
|
|
3278
3459
|
children: r && /* @__PURE__ */ p("span", {
|
|
3279
3460
|
className: "w-2.5 h-2.5 rounded-full",
|
|
3280
|
-
style: { backgroundColor:
|
|
3461
|
+
style: { backgroundColor: H }
|
|
3281
3462
|
})
|
|
3282
3463
|
}),
|
|
3283
3464
|
/* @__PURE__ */ m("span", {
|
|
3284
3465
|
className: "flex-1 min-w-0",
|
|
3285
3466
|
children: [/* @__PURE__ */ p("span", {
|
|
3286
|
-
className: `block text-[15px] font-semibold leading-snug ${
|
|
3467
|
+
className: `block text-[15px] font-semibold leading-snug ${V ? "text-white" : "text-slate-900"}`,
|
|
3287
3468
|
children: n
|
|
3288
3469
|
}), t.description && /* @__PURE__ */ p("span", {
|
|
3289
|
-
className: `block text-[13px] mt-0.5 line-clamp-1 ${
|
|
3470
|
+
className: `block text-[13px] mt-0.5 line-clamp-1 ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
3290
3471
|
children: t.description
|
|
3291
3472
|
})]
|
|
3292
3473
|
}),
|
|
3293
3474
|
t.category && /* @__PURE__ */ p("span", {
|
|
3294
|
-
className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${
|
|
3475
|
+
className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${V ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
|
|
3295
3476
|
children: t.category
|
|
3296
3477
|
}),
|
|
3297
|
-
/* @__PURE__ */ p(
|
|
3478
|
+
/* @__PURE__ */ p(ie, {
|
|
3298
3479
|
size: 16,
|
|
3299
|
-
className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${
|
|
3300
|
-
style: r ? { color:
|
|
3480
|
+
className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${V ? "text-zinc-600" : "text-slate-300"} group-hover:translate-x-0.5`}`,
|
|
3481
|
+
style: r ? { color: H } : void 0
|
|
3301
3482
|
})
|
|
3302
3483
|
]
|
|
3303
3484
|
}, t.id);
|
|
3304
3485
|
})
|
|
3305
3486
|
}),
|
|
3306
3487
|
/* @__PURE__ */ m("div", {
|
|
3307
|
-
className: `px-5 sm:px-7 py-5 border-t flex flex-col-reverse sm:flex-row sm:items-center sm:justify-between gap-3 ${
|
|
3488
|
+
className: `px-5 sm:px-7 py-5 border-t flex flex-col-reverse sm:flex-row sm:items-center sm:justify-between gap-3 ${V ? "border-zinc-800" : "border-slate-100"}`,
|
|
3308
3489
|
children: [/* @__PURE__ */ p("p", {
|
|
3309
|
-
className: `text-[13px] truncate ${
|
|
3490
|
+
className: `text-[13px] truncate ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
3310
3491
|
children: e ? /* @__PURE__ */ m(f, { children: ["Selected: ", /* @__PURE__ */ p("span", {
|
|
3311
|
-
className: `font-semibold ${
|
|
3492
|
+
className: `font-semibold ${V ? "text-zinc-200" : "text-slate-700"}`,
|
|
3312
3493
|
children: t
|
|
3313
3494
|
})] }) : "Select a category to continue"
|
|
3314
3495
|
}), /* @__PURE__ */ m("button", {
|
|
3315
3496
|
part: "button button-primary continue-button",
|
|
3316
3497
|
type: "button",
|
|
3317
3498
|
disabled: !e,
|
|
3318
|
-
onClick: () => e &&
|
|
3499
|
+
onClick: () => e && T(e),
|
|
3319
3500
|
style: {
|
|
3320
|
-
background: `linear-gradient(135deg, ${
|
|
3321
|
-
boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${
|
|
3501
|
+
background: `linear-gradient(135deg, ${H}, color-mix(in srgb, ${H} 80%, black))`,
|
|
3502
|
+
boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${H} 70%, transparent)` : void 0
|
|
3322
3503
|
},
|
|
3323
3504
|
className: "group shrink-0 inline-flex items-center justify-center gap-2 h-11 px-5 rounded-xl text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.99] cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:brightness-100",
|
|
3324
|
-
children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(
|
|
3505
|
+
children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(ie, {
|
|
3325
3506
|
size: 16,
|
|
3326
3507
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
3327
3508
|
})]
|
|
@@ -3329,16 +3510,16 @@ var ut = (e) => {
|
|
|
3329
3510
|
})
|
|
3330
3511
|
]
|
|
3331
3512
|
});
|
|
3332
|
-
},
|
|
3513
|
+
}, Ze = (e) => /* @__PURE__ */ m("div", {
|
|
3333
3514
|
part: "category-panel",
|
|
3334
|
-
className:
|
|
3515
|
+
className: qe,
|
|
3335
3516
|
children: [
|
|
3336
3517
|
/* @__PURE__ */ m("div", {
|
|
3337
3518
|
className: "px-5 sm:px-7 pt-6 sm:pt-7 pb-5 flex items-center gap-3.5",
|
|
3338
3519
|
children: [/* @__PURE__ */ p("div", { className: "vx-skeleton w-11 h-11 rounded-xl" }), /* @__PURE__ */ p("div", { className: `${e} h-4 w-56` })]
|
|
3339
3520
|
}),
|
|
3340
3521
|
/* @__PURE__ */ p("div", {
|
|
3341
|
-
className: `border-t divide-y ${
|
|
3522
|
+
className: `border-t divide-y ${V ? "border-zinc-800 divide-zinc-800" : "border-slate-100 divide-slate-100"}`,
|
|
3342
3523
|
children: [
|
|
3343
3524
|
0,
|
|
3344
3525
|
1,
|
|
@@ -3361,18 +3542,18 @@ var ut = (e) => {
|
|
|
3361
3542
|
}, t))
|
|
3362
3543
|
}),
|
|
3363
3544
|
/* @__PURE__ */ p("div", {
|
|
3364
|
-
className: `px-5 sm:px-7 py-5 border-t flex justify-end ${
|
|
3545
|
+
className: `px-5 sm:px-7 py-5 border-t flex justify-end ${V ? "border-zinc-800" : "border-slate-100"}`,
|
|
3365
3546
|
children: /* @__PURE__ */ p("div", { className: `${e} h-11 w-52` })
|
|
3366
3547
|
})
|
|
3367
3548
|
]
|
|
3368
|
-
}),
|
|
3549
|
+
}), Qe = () => {
|
|
3369
3550
|
let e = "vx-skeleton rounded-full", t = X ? 6 : 3;
|
|
3370
3551
|
return /* @__PURE__ */ m("div", {
|
|
3371
3552
|
part: "page",
|
|
3372
3553
|
role: "status",
|
|
3373
3554
|
"aria-live": "polite",
|
|
3374
3555
|
"aria-busy": "true",
|
|
3375
|
-
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${
|
|
3556
|
+
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${V ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
3376
3557
|
children: [
|
|
3377
3558
|
/* @__PURE__ */ p("span", {
|
|
3378
3559
|
className: "sr-only",
|
|
@@ -3381,7 +3562,7 @@ var ut = (e) => {
|
|
|
3381
3562
|
/* @__PURE__ */ p("div", {
|
|
3382
3563
|
part: "header",
|
|
3383
3564
|
className: "relative overflow-hidden z-10 shrink-0 text-white",
|
|
3384
|
-
style: { background: `linear-gradient(135deg, ${
|
|
3565
|
+
style: { background: `linear-gradient(135deg, ${H} 0%, color-mix(in srgb, ${H} 76%, black) 100%)` },
|
|
3385
3566
|
children: /* @__PURE__ */ m("div", {
|
|
3386
3567
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-5 sm:py-6 flex items-center gap-3.5",
|
|
3387
3568
|
children: [/* @__PURE__ */ p("div", { className: "w-11 h-11 rounded-2xl bg-white/15 ring-1 ring-inset ring-white/30 shrink-0" }), /* @__PURE__ */ m("div", {
|
|
@@ -3390,30 +3571,30 @@ var ut = (e) => {
|
|
|
3390
3571
|
})]
|
|
3391
3572
|
})
|
|
3392
3573
|
}),
|
|
3393
|
-
!
|
|
3574
|
+
!U && /* @__PURE__ */ p("div", {
|
|
3394
3575
|
part: "tabs",
|
|
3395
|
-
className: `shrink-0 border-b ${
|
|
3576
|
+
className: `shrink-0 border-b ${V ? "border-zinc-800 bg-zinc-900" : "border-slate-200 bg-white"}`,
|
|
3396
3577
|
children: /* @__PURE__ */ p("div", {
|
|
3397
3578
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-3",
|
|
3398
3579
|
children: /* @__PURE__ */ m("div", {
|
|
3399
|
-
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${
|
|
3400
|
-
children: [/* @__PURE__ */ p("div", { className: `h-9 rounded-lg ${
|
|
3580
|
+
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${V ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3581
|
+
children: [/* @__PURE__ */ p("div", { className: `h-9 rounded-lg ${V ? "bg-zinc-950" : "bg-white shadow-sm"}` }), /* @__PURE__ */ p("div", { className: "h-9" })]
|
|
3401
3582
|
})
|
|
3402
3583
|
})
|
|
3403
3584
|
}),
|
|
3404
3585
|
/* @__PURE__ */ p("div", {
|
|
3405
3586
|
part: "list",
|
|
3406
|
-
className: `${X ? "w-full flex-1" : "overflow-hidden flex-1 min-h-0"} relative ${
|
|
3587
|
+
className: `${X ? "w-full flex-1" : "overflow-hidden flex-1 min-h-0"} relative ${V ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3407
3588
|
style: Be,
|
|
3408
3589
|
children: /* @__PURE__ */ p("div", {
|
|
3409
3590
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
|
|
3410
|
-
children:
|
|
3591
|
+
children: U ? Ze(e) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
3411
3592
|
part: "search",
|
|
3412
3593
|
className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
|
|
3413
3594
|
children: [/* @__PURE__ */ m("div", {
|
|
3414
3595
|
className: "space-y-2",
|
|
3415
3596
|
children: [/* @__PURE__ */ p("div", { className: `${e} h-4 w-56` }), /* @__PURE__ */ p("div", { className: `${e} h-3 w-28` })]
|
|
3416
|
-
}), /* @__PURE__ */ p("div", { className: `h-10 w-full sm:w-72 rounded-xl border ${
|
|
3597
|
+
}), /* @__PURE__ */ p("div", { className: `h-10 w-full sm:w-72 rounded-xl border ${V ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200"}` })]
|
|
3417
3598
|
}), /* @__PURE__ */ p("div", {
|
|
3418
3599
|
part: "card-grid",
|
|
3419
3600
|
className: X ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
|
|
@@ -3421,7 +3602,7 @@ var ut = (e) => {
|
|
|
3421
3602
|
let r = { animationDelay: `${n * 90}ms` };
|
|
3422
3603
|
return /* @__PURE__ */ m("div", {
|
|
3423
3604
|
part: "card",
|
|
3424
|
-
className: `rounded-2xl border p-5 sm:p-6 flex flex-col ${
|
|
3605
|
+
className: `rounded-2xl border p-5 sm:p-6 flex flex-col ${V ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`,
|
|
3425
3606
|
children: [
|
|
3426
3607
|
/* @__PURE__ */ p("div", {
|
|
3427
3608
|
className: "vx-skeleton w-11 h-11 rounded-xl",
|
|
@@ -3436,7 +3617,7 @@ var ut = (e) => {
|
|
|
3436
3617
|
style: r
|
|
3437
3618
|
}),
|
|
3438
3619
|
/* @__PURE__ */ m("div", {
|
|
3439
|
-
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${
|
|
3620
|
+
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${V ? "border-zinc-800" : "border-slate-200"}`,
|
|
3440
3621
|
children: [/* @__PURE__ */ m("div", {
|
|
3441
3622
|
className: "space-y-2",
|
|
3442
3623
|
children: [/* @__PURE__ */ p("div", {
|
|
@@ -3459,30 +3640,30 @@ var ut = (e) => {
|
|
|
3459
3640
|
})
|
|
3460
3641
|
]
|
|
3461
3642
|
});
|
|
3462
|
-
},
|
|
3463
|
-
let e = !!
|
|
3643
|
+
}, $e = () => {
|
|
3644
|
+
let e = !!w, t = U ? Ce : Xe, n = e ? U ? "Submitting your abstract" : "Submitting your registration" : "Loading your registration", r = w ? w.type || w.name || w.label : "", i = !U && w && w.price !== void 0 && w.price !== null && w.price !== "" ? Number(w.price) > 0 ? [w.currency, Number(w.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : "";
|
|
3464
3645
|
return /* @__PURE__ */ p("div", {
|
|
3465
3646
|
part: "screen screen-submitting",
|
|
3466
3647
|
role: "status",
|
|
3467
3648
|
"aria-live": "polite",
|
|
3468
3649
|
"aria-busy": "true",
|
|
3469
|
-
className: `flex-1 flex items-center justify-center px-4 py-16 ${X ? "min-h-[70vh]" : "h-full"} ${
|
|
3650
|
+
className: `flex-1 flex items-center justify-center px-4 py-16 ${X ? "min-h-[70vh]" : "h-full"} ${V ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3470
3651
|
style: Be,
|
|
3471
3652
|
children: /* @__PURE__ */ m("div", {
|
|
3472
3653
|
part: "portal-card",
|
|
3473
|
-
className: `w-full max-w-sm rounded-3xl border p-8 text-center ${
|
|
3654
|
+
className: `w-full max-w-sm rounded-3xl border p-8 text-center ${V ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.18)]"}`,
|
|
3474
3655
|
children: [
|
|
3475
3656
|
/* @__PURE__ */ m("div", {
|
|
3476
3657
|
className: "relative mx-auto w-16 h-16",
|
|
3477
3658
|
children: [
|
|
3478
3659
|
/* @__PURE__ */ p("div", {
|
|
3479
3660
|
className: "absolute inset-0 rounded-full",
|
|
3480
|
-
style: { boxShadow: `inset 0 0 0 4px color-mix(in srgb, ${
|
|
3661
|
+
style: { boxShadow: `inset 0 0 0 4px color-mix(in srgb, ${H} 14%, transparent)` }
|
|
3481
3662
|
}),
|
|
3482
3663
|
/* @__PURE__ */ p("div", {
|
|
3483
3664
|
className: "absolute inset-0 rounded-full motion-safe:animate-spin",
|
|
3484
3665
|
style: {
|
|
3485
|
-
background: `conic-gradient(from 0deg, transparent 0deg, ${
|
|
3666
|
+
background: `conic-gradient(from 0deg, transparent 0deg, ${H} 300deg, transparent 360deg)`,
|
|
3486
3667
|
mask: "radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 4px))",
|
|
3487
3668
|
WebkitMask: "radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 4px))"
|
|
3488
3669
|
}
|
|
@@ -3490,8 +3671,8 @@ var ut = (e) => {
|
|
|
3490
3671
|
/* @__PURE__ */ p("div", {
|
|
3491
3672
|
className: "absolute inset-[10px] rounded-full flex items-center justify-center",
|
|
3492
3673
|
style: {
|
|
3493
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3494
|
-
color:
|
|
3674
|
+
backgroundColor: `color-mix(in srgb, ${H} 12%, transparent)`,
|
|
3675
|
+
color: H
|
|
3495
3676
|
},
|
|
3496
3677
|
children: /* @__PURE__ */ p(t, { size: 20 })
|
|
3497
3678
|
})
|
|
@@ -3499,35 +3680,35 @@ var ut = (e) => {
|
|
|
3499
3680
|
}),
|
|
3500
3681
|
/* @__PURE__ */ p("h3", {
|
|
3501
3682
|
part: "screen-title",
|
|
3502
|
-
className: `mt-6 text-xl font-bold tracking-tight ${
|
|
3683
|
+
className: `mt-6 text-xl font-bold tracking-tight ${V ? "text-white" : "text-slate-900"}`,
|
|
3503
3684
|
style: $,
|
|
3504
3685
|
children: n
|
|
3505
3686
|
}),
|
|
3506
3687
|
/* @__PURE__ */ p("p", {
|
|
3507
3688
|
part: "screen-message",
|
|
3508
|
-
className: `mt-1.5 text-[13px] leading-relaxed text-balance ${
|
|
3689
|
+
className: `mt-1.5 text-[13px] leading-relaxed text-balance ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
3509
3690
|
children: "This usually takes a few seconds. Please keep this page open."
|
|
3510
3691
|
}),
|
|
3511
3692
|
r && /* @__PURE__ */ m("div", {
|
|
3512
|
-
className: `mt-5 inline-flex max-w-full items-center gap-2 rounded-full px-3 py-1.5 text-xs font-semibold ${
|
|
3693
|
+
className: `mt-5 inline-flex max-w-full items-center gap-2 rounded-full px-3 py-1.5 text-xs font-semibold ${V ? "bg-zinc-800 text-zinc-200" : "bg-slate-100 text-slate-700"}`,
|
|
3513
3694
|
children: [/* @__PURE__ */ p("span", {
|
|
3514
3695
|
className: "truncate",
|
|
3515
3696
|
children: r
|
|
3516
3697
|
}), i && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
|
|
3517
3698
|
"aria-hidden": "true",
|
|
3518
|
-
className:
|
|
3699
|
+
className: V ? "text-zinc-600" : "text-slate-300",
|
|
3519
3700
|
children: "•"
|
|
3520
3701
|
}), /* @__PURE__ */ p("span", {
|
|
3521
3702
|
className: "shrink-0 tabular-nums",
|
|
3522
|
-
style: { color:
|
|
3703
|
+
style: { color: H },
|
|
3523
3704
|
children: i
|
|
3524
3705
|
})] })]
|
|
3525
3706
|
}),
|
|
3526
3707
|
/* @__PURE__ */ p("div", {
|
|
3527
|
-
className: `mt-6 h-1 w-full overflow-hidden rounded-full ${
|
|
3708
|
+
className: `mt-6 h-1 w-full overflow-hidden rounded-full ${V ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3528
3709
|
children: /* @__PURE__ */ p("div", {
|
|
3529
3710
|
className: "vx-progress-bar h-full w-2/5 rounded-full",
|
|
3530
|
-
style: { backgroundColor:
|
|
3711
|
+
style: { backgroundColor: H }
|
|
3531
3712
|
})
|
|
3532
3713
|
})
|
|
3533
3714
|
]
|
|
@@ -3544,14 +3725,14 @@ var ut = (e) => {
|
|
|
3544
3725
|
onScroll: (e) => {
|
|
3545
3726
|
X || (e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0));
|
|
3546
3727
|
},
|
|
3547
|
-
children:
|
|
3728
|
+
children: D && !w && !ae ? Qe() : D ? $e() : ae ? ce ? /* @__PURE__ */ m("div", {
|
|
3548
3729
|
part: "screen screen-payment",
|
|
3549
|
-
className: `flex flex-col h-full relative overflow-y-auto ${
|
|
3730
|
+
className: `flex flex-col h-full relative overflow-y-auto ${V ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3550
3731
|
children: [/* @__PURE__ */ m("div", {
|
|
3551
3732
|
part: "screen-header",
|
|
3552
3733
|
className: "p-4 shadow-sm flex justify-between items-center z-10",
|
|
3553
3734
|
style: {
|
|
3554
|
-
backgroundColor:
|
|
3735
|
+
backgroundColor: H,
|
|
3555
3736
|
color: "white"
|
|
3556
3737
|
},
|
|
3557
3738
|
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
|
|
@@ -3565,14 +3746,14 @@ var ut = (e) => {
|
|
|
3565
3746
|
})] }), /* @__PURE__ */ p("div", {
|
|
3566
3747
|
className: "flex items-center gap-3",
|
|
3567
3748
|
children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
|
|
3568
|
-
onClick: () =>
|
|
3569
|
-
title:
|
|
3749
|
+
onClick: () => y(!v),
|
|
3750
|
+
title: v ? "Minimize" : "Expand",
|
|
3570
3751
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
3571
|
-
children: p(
|
|
3752
|
+
children: p(v ? Re : Ie, { size: 18 })
|
|
3572
3753
|
}), /* @__PURE__ */ p("button", {
|
|
3573
3754
|
onClick: () => h(!1),
|
|
3574
3755
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
3575
|
-
children: /* @__PURE__ */ p(
|
|
3756
|
+
children: /* @__PURE__ */ p(Q, { size: 24 })
|
|
3576
3757
|
})] })
|
|
3577
3758
|
})]
|
|
3578
3759
|
}), /* @__PURE__ */ m("div", {
|
|
@@ -3581,20 +3762,20 @@ var ut = (e) => {
|
|
|
3581
3762
|
/* @__PURE__ */ p("div", {
|
|
3582
3763
|
className: "w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md",
|
|
3583
3764
|
style: {
|
|
3584
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3585
|
-
color:
|
|
3765
|
+
backgroundColor: `color-mix(in srgb, ${H} 12%, transparent)`,
|
|
3766
|
+
color: H
|
|
3586
3767
|
},
|
|
3587
3768
|
children: "💳"
|
|
3588
3769
|
}),
|
|
3589
3770
|
/* @__PURE__ */ p("h3", {
|
|
3590
3771
|
part: "screen-title",
|
|
3591
|
-
className: `text-2xl font-bold mb-2 ${
|
|
3772
|
+
className: `text-2xl font-bold mb-2 ${V ? "text-white" : "text-gray-900"}`,
|
|
3592
3773
|
style: $,
|
|
3593
3774
|
children: "Done Your Payment First"
|
|
3594
3775
|
}),
|
|
3595
3776
|
/* @__PURE__ */ p("p", {
|
|
3596
3777
|
part: "screen-message",
|
|
3597
|
-
className: `text-sm mb-6 max-w-xs leading-relaxed ${
|
|
3778
|
+
className: `text-sm mb-6 max-w-xs leading-relaxed ${V ? "text-zinc-300" : "text-gray-600"}`,
|
|
3598
3779
|
children: "Please complete your payment in the new tab to confirm your booking and finalize your registration."
|
|
3599
3780
|
}),
|
|
3600
3781
|
Fe(),
|
|
@@ -3602,16 +3783,16 @@ var ut = (e) => {
|
|
|
3602
3783
|
className: "w-full max-w-xs space-y-3",
|
|
3603
3784
|
children: [/* @__PURE__ */ m("a", {
|
|
3604
3785
|
part: "button button-primary",
|
|
3605
|
-
href:
|
|
3786
|
+
href: ce,
|
|
3606
3787
|
target: "_blank",
|
|
3607
3788
|
rel: "noopener noreferrer",
|
|
3608
3789
|
className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full",
|
|
3609
|
-
style: { backgroundColor:
|
|
3610
|
-
children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(
|
|
3790
|
+
style: { backgroundColor: H },
|
|
3791
|
+
children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(xe, { size: 16 })]
|
|
3611
3792
|
}), /* @__PURE__ */ p("button", {
|
|
3612
3793
|
part: "button button-link",
|
|
3613
3794
|
onClick: Me,
|
|
3614
|
-
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${
|
|
3795
|
+
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${V ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
|
|
3615
3796
|
children: "Register Another Person"
|
|
3616
3797
|
})]
|
|
3617
3798
|
})
|
|
@@ -3619,47 +3800,47 @@ var ut = (e) => {
|
|
|
3619
3800
|
})]
|
|
3620
3801
|
}) : /* @__PURE__ */ m("div", {
|
|
3621
3802
|
part: "screen screen-success",
|
|
3622
|
-
className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${
|
|
3803
|
+
className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${V ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3623
3804
|
children: [
|
|
3624
3805
|
e.displayMode === "popup" && /* @__PURE__ */ p("div", {
|
|
3625
3806
|
className: "absolute top-4 right-4 flex items-center gap-2",
|
|
3626
3807
|
children: /* @__PURE__ */ p("button", {
|
|
3627
3808
|
onClick: () => h(!1),
|
|
3628
|
-
className: `cursor-pointer ${
|
|
3629
|
-
children: /* @__PURE__ */ p(
|
|
3809
|
+
className: `cursor-pointer ${V ? "text-zinc-400 hover:text-white" : "text-gray-400 hover:text-gray-900"}`,
|
|
3810
|
+
children: /* @__PURE__ */ p(Q, { size: 24 })
|
|
3630
3811
|
})
|
|
3631
3812
|
}),
|
|
3632
3813
|
/* @__PURE__ */ p("div", {
|
|
3633
3814
|
className: "w-20 h-20 rounded-full flex items-center justify-center mb-6 text-4xl shadow-md",
|
|
3634
3815
|
style: {
|
|
3635
|
-
backgroundColor:
|
|
3816
|
+
backgroundColor: H,
|
|
3636
3817
|
color: "white"
|
|
3637
3818
|
},
|
|
3638
3819
|
children: "✓"
|
|
3639
3820
|
}),
|
|
3640
3821
|
/* @__PURE__ */ p("h2", {
|
|
3641
3822
|
part: "screen-title",
|
|
3642
|
-
className: `text-3xl font-bold mb-3 ${
|
|
3823
|
+
className: `text-3xl font-bold mb-3 ${V ? "text-white" : "text-gray-900"}`,
|
|
3643
3824
|
style: $,
|
|
3644
|
-
children:
|
|
3825
|
+
children: U ? "Abstract Submitted Successfully" : "Thank You!"
|
|
3645
3826
|
}),
|
|
3646
3827
|
/* @__PURE__ */ p("p", {
|
|
3647
3828
|
part: "screen-message",
|
|
3648
|
-
className: `mb-6 ${
|
|
3649
|
-
children:
|
|
3829
|
+
className: `mb-6 ${V ? "text-zinc-300" : "text-gray-600"}`,
|
|
3830
|
+
children: U ? "Your reference submission number is below." : "Your registration has been successfully received."
|
|
3650
3831
|
}),
|
|
3651
3832
|
Fe(),
|
|
3652
3833
|
/* @__PURE__ */ p("button", {
|
|
3653
3834
|
part: "button button-primary",
|
|
3654
3835
|
onClick: Me,
|
|
3655
|
-
style: { backgroundColor:
|
|
3836
|
+
style: { backgroundColor: H },
|
|
3656
3837
|
className: "text-white font-bold py-3 px-8 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
|
|
3657
3838
|
children: "Back"
|
|
3658
3839
|
})
|
|
3659
3840
|
]
|
|
3660
|
-
}) :
|
|
3841
|
+
}) : oe ? /* @__PURE__ */ m("div", {
|
|
3661
3842
|
part: "screen screen-error",
|
|
3662
|
-
className: `flex flex-col h-full relative overflow-y-auto ${
|
|
3843
|
+
className: `flex flex-col h-full relative overflow-y-auto ${V ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3663
3844
|
children: [/* @__PURE__ */ m("div", {
|
|
3664
3845
|
part: "screen-header",
|
|
3665
3846
|
className: "p-4 shadow-sm flex justify-between items-center z-10 bg-red-600 text-white",
|
|
@@ -3667,7 +3848,7 @@ var ut = (e) => {
|
|
|
3667
3848
|
part: "screen-header-title",
|
|
3668
3849
|
className: "text-xl font-bold",
|
|
3669
3850
|
style: $,
|
|
3670
|
-
children:
|
|
3851
|
+
children: U ? "Submission Failed" : "Registration Failed"
|
|
3671
3852
|
}), /* @__PURE__ */ p("p", {
|
|
3672
3853
|
className: "text-xs opacity-90 mt-0.5",
|
|
3673
3854
|
children: "Please try again"
|
|
@@ -3676,77 +3857,77 @@ var ut = (e) => {
|
|
|
3676
3857
|
children: e.displayMode === "popup" && /* @__PURE__ */ p("button", {
|
|
3677
3858
|
onClick: () => h(!1),
|
|
3678
3859
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
3679
|
-
children: /* @__PURE__ */ p(
|
|
3860
|
+
children: /* @__PURE__ */ p(Q, { size: 24 })
|
|
3680
3861
|
})
|
|
3681
3862
|
})]
|
|
3682
3863
|
}), /* @__PURE__ */ m("div", {
|
|
3683
3864
|
className: "flex-1 flex flex-col items-center justify-center p-6 text-center",
|
|
3684
3865
|
children: [
|
|
3685
3866
|
/* @__PURE__ */ p("div", {
|
|
3686
|
-
className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${
|
|
3867
|
+
className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${V ? "bg-red-950/60 text-red-400 border-red-900" : "bg-red-50 text-red-600 border-red-200"}`,
|
|
3687
3868
|
children: "✕"
|
|
3688
3869
|
}),
|
|
3689
3870
|
/* @__PURE__ */ p("h3", {
|
|
3690
3871
|
part: "screen-title",
|
|
3691
|
-
className: `text-2xl font-bold mb-2 ${
|
|
3872
|
+
className: `text-2xl font-bold mb-2 ${V ? "text-white" : "text-gray-900"}`,
|
|
3692
3873
|
style: $,
|
|
3693
3874
|
children: "Submission Error"
|
|
3694
3875
|
}),
|
|
3695
3876
|
/* @__PURE__ */ p("p", {
|
|
3696
3877
|
part: "screen-message",
|
|
3697
|
-
className: `text-sm mb-6 max-w-xs leading-relaxed ${
|
|
3698
|
-
children:
|
|
3878
|
+
className: `text-sm mb-6 max-w-xs leading-relaxed ${V ? "text-zinc-300" : "text-gray-600"}`,
|
|
3879
|
+
children: oe
|
|
3699
3880
|
}),
|
|
3700
3881
|
/* @__PURE__ */ m("div", {
|
|
3701
3882
|
className: "w-full max-w-xs space-y-3",
|
|
3702
3883
|
children: [/* @__PURE__ */ p("button", {
|
|
3703
3884
|
part: "button button-primary",
|
|
3704
|
-
onClick: () =>
|
|
3705
|
-
style: { backgroundColor:
|
|
3885
|
+
onClick: () => se(null),
|
|
3886
|
+
style: { backgroundColor: H },
|
|
3706
3887
|
className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full cursor-pointer",
|
|
3707
3888
|
children: /* @__PURE__ */ p("span", { children: "Try Again" })
|
|
3708
3889
|
}), /* @__PURE__ */ p("button", {
|
|
3709
3890
|
part: "button button-link",
|
|
3710
3891
|
onClick: () => {
|
|
3711
|
-
|
|
3892
|
+
se(null), T(null);
|
|
3712
3893
|
},
|
|
3713
|
-
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${
|
|
3714
|
-
children:
|
|
3894
|
+
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${V ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
|
|
3895
|
+
children: U ? "Choose Another Category" : "Choose Another Ticket"
|
|
3715
3896
|
})]
|
|
3716
3897
|
})
|
|
3717
3898
|
]
|
|
3718
3899
|
})]
|
|
3719
|
-
}) :
|
|
3720
|
-
schema:
|
|
3721
|
-
ticketType:
|
|
3900
|
+
}) : w ? /* @__PURE__ */ p(it, {
|
|
3901
|
+
schema: U ? ne : w.form_schema,
|
|
3902
|
+
ticketType: w,
|
|
3722
3903
|
theme: e.theme,
|
|
3723
3904
|
displayMode: e.displayMode,
|
|
3724
3905
|
backgroundStyle: Be,
|
|
3725
|
-
isExpanded:
|
|
3726
|
-
onToggleExpand: () =>
|
|
3906
|
+
isExpanded: v,
|
|
3907
|
+
onToggleExpand: () => y(!v),
|
|
3727
3908
|
onClose: () => h(!1),
|
|
3728
3909
|
onSubmit: je,
|
|
3729
3910
|
onChange: Ae,
|
|
3730
3911
|
initialValues: ke,
|
|
3731
|
-
isDark:
|
|
3732
|
-
apiClient:
|
|
3733
|
-
storage:
|
|
3912
|
+
isDark: V,
|
|
3913
|
+
apiClient: G,
|
|
3914
|
+
storage: K,
|
|
3734
3915
|
onError: e.onError,
|
|
3735
3916
|
onEvent: e.onEvent,
|
|
3736
|
-
showReviewFields:
|
|
3917
|
+
showReviewFields: U,
|
|
3737
3918
|
onBack: () => {
|
|
3738
|
-
|
|
3919
|
+
q.current && clearTimeout(q.current), T(null);
|
|
3739
3920
|
}
|
|
3740
3921
|
}) : /* @__PURE__ */ m("div", {
|
|
3741
3922
|
part: "page",
|
|
3742
|
-
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${
|
|
3923
|
+
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${V ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
3743
3924
|
children: [
|
|
3744
3925
|
/* @__PURE__ */ m("div", {
|
|
3745
3926
|
part: "header",
|
|
3746
3927
|
className: "relative overflow-hidden z-10 shrink-0 text-white",
|
|
3747
3928
|
style: {
|
|
3748
|
-
backgroundColor:
|
|
3749
|
-
background: `linear-gradient(135deg, ${
|
|
3929
|
+
backgroundColor: H,
|
|
3930
|
+
background: `linear-gradient(135deg, ${H} 0%, color-mix(in srgb, ${H} 76%, black) 100%)`
|
|
3750
3931
|
},
|
|
3751
3932
|
children: [
|
|
3752
3933
|
/* @__PURE__ */ p("div", {
|
|
@@ -3762,16 +3943,16 @@ var ut = (e) => {
|
|
|
3762
3943
|
"aria-hidden": "true",
|
|
3763
3944
|
className: "pointer-events-none absolute -top-24 -right-10 h-64 w-64 rounded-full bg-white/15 blur-3xl"
|
|
3764
3945
|
}),
|
|
3765
|
-
|
|
3946
|
+
Te && /* @__PURE__ */ m("div", {
|
|
3766
3947
|
className: "absolute inset-y-0 right-0 flex max-w-[65%] pointer-events-none select-none",
|
|
3767
3948
|
children: [/* @__PURE__ */ p("img", {
|
|
3768
|
-
src:
|
|
3949
|
+
src: Te,
|
|
3769
3950
|
alt: "",
|
|
3770
3951
|
"aria-hidden": "true",
|
|
3771
3952
|
className: "h-full w-auto object-cover object-right"
|
|
3772
3953
|
}), /* @__PURE__ */ p("div", {
|
|
3773
3954
|
className: "absolute inset-y-0 left-0 w-2/5",
|
|
3774
|
-
style: { background: `linear-gradient(to right, color-mix(in srgb, ${
|
|
3955
|
+
style: { background: `linear-gradient(to right, color-mix(in srgb, ${H} 80%, black) 0%, transparent 100%)` }
|
|
3775
3956
|
})]
|
|
3776
3957
|
}),
|
|
3777
3958
|
/* @__PURE__ */ m("div", {
|
|
@@ -3780,7 +3961,7 @@ var ut = (e) => {
|
|
|
3780
3961
|
className: "flex items-center gap-3.5 min-w-0",
|
|
3781
3962
|
children: [/* @__PURE__ */ p("div", {
|
|
3782
3963
|
className: "w-11 h-11 rounded-2xl bg-white/15 ring-1 ring-inset ring-white/30 flex items-center justify-center shrink-0 shadow-[inset_0_1px_0_rgba(255,255,255,0.25)]",
|
|
3783
|
-
children: /* @__PURE__ */ p(
|
|
3964
|
+
children: /* @__PURE__ */ p(Je, {
|
|
3784
3965
|
size: 20,
|
|
3785
3966
|
className: "text-white"
|
|
3786
3967
|
})
|
|
@@ -3800,37 +3981,37 @@ var ut = (e) => {
|
|
|
3800
3981
|
}), /* @__PURE__ */ p("p", {
|
|
3801
3982
|
part: "header-subtitle",
|
|
3802
3983
|
className: "text-xs sm:text-sm text-white/80 mt-0.5",
|
|
3803
|
-
children:
|
|
3984
|
+
children: U ? "Select a category below to submit your abstract" : t === "registration" ? "Select a registration type below to begin your application" : "Registration & Profile Management"
|
|
3804
3985
|
})]
|
|
3805
3986
|
})]
|
|
3806
3987
|
}), /* @__PURE__ */ p("div", {
|
|
3807
3988
|
className: "flex items-center gap-3",
|
|
3808
3989
|
children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
|
|
3809
|
-
onClick: () =>
|
|
3810
|
-
title:
|
|
3990
|
+
onClick: () => y(!v),
|
|
3991
|
+
title: v ? "Minimize" : "Expand",
|
|
3811
3992
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
|
|
3812
|
-
children: p(
|
|
3993
|
+
children: p(v ? Re : Ie, { size: 18 })
|
|
3813
3994
|
}), /* @__PURE__ */ p("button", {
|
|
3814
3995
|
onClick: () => h(!1),
|
|
3815
3996
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
|
|
3816
|
-
children: /* @__PURE__ */ p(
|
|
3997
|
+
children: /* @__PURE__ */ p(Q, { size: 22 })
|
|
3817
3998
|
})] })
|
|
3818
3999
|
})]
|
|
3819
4000
|
})
|
|
3820
4001
|
]
|
|
3821
4002
|
}),
|
|
3822
|
-
!
|
|
4003
|
+
!U && /* @__PURE__ */ p("div", {
|
|
3823
4004
|
part: "tabs",
|
|
3824
|
-
className: `shrink-0 border-b ${
|
|
4005
|
+
className: `shrink-0 border-b ${V ? "border-zinc-800 bg-zinc-900" : "border-slate-200 bg-white"}`,
|
|
3825
4006
|
children: /* @__PURE__ */ p("div", {
|
|
3826
4007
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-3",
|
|
3827
4008
|
children: /* @__PURE__ */ p("div", {
|
|
3828
4009
|
role: "tablist",
|
|
3829
|
-
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${
|
|
4010
|
+
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${V ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3830
4011
|
children: [{
|
|
3831
4012
|
key: "registration",
|
|
3832
4013
|
label: "Registration Forms",
|
|
3833
|
-
Icon:
|
|
4014
|
+
Icon: me
|
|
3834
4015
|
}, {
|
|
3835
4016
|
key: "attendee",
|
|
3836
4017
|
label: "Attendee Login",
|
|
@@ -3843,8 +4024,8 @@ var ut = (e) => {
|
|
|
3843
4024
|
"aria-selected": a,
|
|
3844
4025
|
type: "button",
|
|
3845
4026
|
onClick: () => n(e),
|
|
3846
|
-
className: `inline-flex items-center justify-center gap-1.5 sm:gap-2 py-2 px-2 sm:px-3 text-[13px] sm:text-sm font-semibold rounded-lg transition-all cursor-pointer ${a ?
|
|
3847
|
-
style: a ? { color:
|
|
4027
|
+
className: `inline-flex items-center justify-center gap-1.5 sm:gap-2 py-2 px-2 sm:px-3 text-[13px] sm:text-sm font-semibold rounded-lg transition-all cursor-pointer ${a ? V ? "bg-zinc-950 shadow-sm" : "bg-white shadow-sm ring-1 ring-slate-200/70" : V ? "text-zinc-400 hover:text-zinc-200" : "text-slate-500 hover:text-slate-800"}`,
|
|
4028
|
+
style: a ? { color: H } : void 0,
|
|
3848
4029
|
children: [/* @__PURE__ */ p(i, {
|
|
3849
4030
|
size: 15,
|
|
3850
4031
|
className: "hidden sm:block shrink-0"
|
|
@@ -3857,26 +4038,26 @@ var ut = (e) => {
|
|
|
3857
4038
|
})
|
|
3858
4039
|
})
|
|
3859
4040
|
}),
|
|
3860
|
-
(
|
|
4041
|
+
(U || t === "registration") && /* @__PURE__ */ p("div", {
|
|
3861
4042
|
part: "list",
|
|
3862
|
-
className: `${X ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${
|
|
4043
|
+
className: `${X ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${V ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3863
4044
|
style: Be,
|
|
3864
4045
|
children: /* @__PURE__ */ p("div", {
|
|
3865
4046
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
|
|
3866
|
-
children:
|
|
4047
|
+
children: U ? Ye() : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
3867
4048
|
part: "search",
|
|
3868
4049
|
className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
|
|
3869
4050
|
children: [/* @__PURE__ */ m("div", {
|
|
3870
4051
|
className: "min-w-0",
|
|
3871
4052
|
children: [/* @__PURE__ */ p("h3", {
|
|
3872
4053
|
part: "list-title",
|
|
3873
|
-
className: `text-base sm:text-lg font-semibold tracking-tight ${
|
|
4054
|
+
className: `text-base sm:text-lg font-semibold tracking-tight ${V ? "text-white" : "text-slate-900"}`,
|
|
3874
4055
|
style: $,
|
|
3875
|
-
children:
|
|
3876
|
-
}),
|
|
4056
|
+
children: U ? "Choose a submission category" : "Choose your registration type"
|
|
4057
|
+
}), b.length > 0 && /* @__PURE__ */ p("p", {
|
|
3877
4058
|
part: "list-count",
|
|
3878
|
-
className: `text-xs mt-0.5 ${
|
|
3879
|
-
children: We ? `${
|
|
4059
|
+
className: `text-xs mt-0.5 ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
4060
|
+
children: We ? `${Ge.length} of ${b.length} options` : `${b.length} ${b.length === 1 ? "option" : "options"} available`
|
|
3880
4061
|
})]
|
|
3881
4062
|
}), /* @__PURE__ */ m("div", {
|
|
3882
4063
|
className: "relative w-full sm:w-72",
|
|
@@ -3884,41 +4065,41 @@ var ut = (e) => {
|
|
|
3884
4065
|
/* @__PURE__ */ p("input", {
|
|
3885
4066
|
part: "input search-input",
|
|
3886
4067
|
type: "text",
|
|
3887
|
-
value:
|
|
3888
|
-
onChange: (e) =>
|
|
3889
|
-
placeholder:
|
|
4068
|
+
value: k,
|
|
4069
|
+
onChange: (e) => A(e.target.value),
|
|
4070
|
+
placeholder: U ? "Search categories…" : "Search registration types…",
|
|
3890
4071
|
"aria-label": "Search",
|
|
3891
|
-
className: `w-full h-10 pl-9 pr-8 text-sm rounded-xl border transition-all focus:outline-none focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)] ${
|
|
4072
|
+
className: `w-full h-10 pl-9 pr-8 text-sm rounded-xl border transition-all focus:outline-none focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)] ${V ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`
|
|
3892
4073
|
}),
|
|
3893
4074
|
/* @__PURE__ */ p("div", {
|
|
3894
|
-
className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${
|
|
3895
|
-
children: /* @__PURE__ */ p(
|
|
4075
|
+
className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${V ? "text-zinc-500" : "text-slate-400"}`,
|
|
4076
|
+
children: /* @__PURE__ */ p(Ke, {
|
|
3896
4077
|
size: 15,
|
|
3897
4078
|
className: "block"
|
|
3898
4079
|
})
|
|
3899
4080
|
}),
|
|
3900
|
-
|
|
4081
|
+
k && /* @__PURE__ */ p("button", {
|
|
3901
4082
|
type: "button",
|
|
3902
|
-
onClick: () =>
|
|
4083
|
+
onClick: () => A(""),
|
|
3903
4084
|
"aria-label": "Clear search",
|
|
3904
|
-
className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${
|
|
3905
|
-
children: /* @__PURE__ */ p(
|
|
4085
|
+
className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${V ? "text-zinc-500 hover:text-zinc-300" : "text-slate-400 hover:text-slate-600"}`,
|
|
4086
|
+
children: /* @__PURE__ */ p(Q, { size: 14 })
|
|
3906
4087
|
})
|
|
3907
4088
|
]
|
|
3908
4089
|
})]
|
|
3909
|
-
}),
|
|
4090
|
+
}), b.length === 0 ? null : Ge.length === 0 ? /* @__PURE__ */ m("div", {
|
|
3910
4091
|
part: "empty-state",
|
|
3911
|
-
className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${
|
|
4092
|
+
className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${V ? "bg-zinc-900/60 border-zinc-800 text-zinc-400" : "bg-white/70 border-slate-300 text-slate-500"}`,
|
|
3912
4093
|
children: [
|
|
3913
4094
|
/* @__PURE__ */ p("div", {
|
|
3914
|
-
className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${
|
|
3915
|
-
children: /* @__PURE__ */ p(
|
|
4095
|
+
className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${V ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
4096
|
+
children: /* @__PURE__ */ p(Ke, { size: 20 })
|
|
3916
4097
|
}),
|
|
3917
4098
|
/* @__PURE__ */ m("p", {
|
|
3918
|
-
className: `text-base font-semibold ${
|
|
4099
|
+
className: `text-base font-semibold ${V ? "text-white" : "text-slate-900"}`,
|
|
3919
4100
|
children: [
|
|
3920
4101
|
"No matches for “",
|
|
3921
|
-
|
|
4102
|
+
k.trim(),
|
|
3922
4103
|
"”"
|
|
3923
4104
|
]
|
|
3924
4105
|
}),
|
|
@@ -3928,63 +4109,63 @@ var ut = (e) => {
|
|
|
3928
4109
|
}),
|
|
3929
4110
|
/* @__PURE__ */ p("button", {
|
|
3930
4111
|
part: "button button-secondary",
|
|
3931
|
-
onClick: () =>
|
|
3932
|
-
className: `mt-5 px-4 py-2 rounded-full text-sm font-semibold border cursor-pointer transition-colors ${
|
|
4112
|
+
onClick: () => A(""),
|
|
4113
|
+
className: `mt-5 px-4 py-2 rounded-full text-sm font-semibold border cursor-pointer transition-colors ${V ? "border-zinc-700 text-zinc-200 hover:bg-zinc-800" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
|
|
3933
4114
|
children: "Clear search"
|
|
3934
4115
|
})
|
|
3935
4116
|
]
|
|
3936
4117
|
}) : /* @__PURE__ */ p("div", {
|
|
3937
4118
|
part: "card-grid",
|
|
3938
4119
|
className: X ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
|
|
3939
|
-
children:
|
|
3940
|
-
let t = e.type || e.name || e.label, n = e.price !== void 0 && e.price !== null && e.price !== "", r = n && (Number(e.price) === 0 || String(e.price).toLowerCase() === "free"), i = Array.isArray(e.perks) ? e.perks : [], a =
|
|
4120
|
+
children: Ge.map((e) => {
|
|
4121
|
+
let t = e.type || e.name || e.label, n = e.price !== void 0 && e.price !== null && e.price !== "", r = n && (Number(e.price) === 0 || String(e.price).toLowerCase() === "free"), i = Array.isArray(e.perks) ? e.perks : [], a = U ? Ce : Xe;
|
|
3941
4122
|
return /* @__PURE__ */ m("div", {
|
|
3942
4123
|
part: "card",
|
|
3943
4124
|
role: "button",
|
|
3944
4125
|
tabIndex: 0,
|
|
3945
4126
|
"aria-label": `Select ${t}`,
|
|
3946
|
-
onClick: () =>
|
|
4127
|
+
onClick: () => T(e),
|
|
3947
4128
|
onKeyDown: (t) => {
|
|
3948
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
4129
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), T(e));
|
|
3949
4130
|
},
|
|
3950
|
-
className: `group relative flex flex-col rounded-2xl border p-5 sm:p-6 cursor-pointer transition-all duration-300 hover:-translate-y-1 outline-none focus-visible:ring-4 focus-visible:ring-[color-mix(in_srgb,var(--vx-accent)_25%,transparent)] hover:border-[color-mix(in_srgb,var(--vx-accent)_35%,transparent)] ${
|
|
4131
|
+
className: `group relative flex flex-col rounded-2xl border p-5 sm:p-6 cursor-pointer transition-all duration-300 hover:-translate-y-1 outline-none focus-visible:ring-4 focus-visible:ring-[color-mix(in_srgb,var(--vx-accent)_25%,transparent)] hover:border-[color-mix(in_srgb,var(--vx-accent)_35%,transparent)] ${V ? "bg-zinc-900 border-zinc-800 hover:shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04)] hover:shadow-[0_24px_48px_-24px_color-mix(in_srgb,var(--vx-accent)_45%,transparent)]"}`,
|
|
3951
4132
|
children: [
|
|
3952
4133
|
/* @__PURE__ */ p("span", {
|
|
3953
4134
|
"aria-hidden": "true",
|
|
3954
4135
|
className: "pointer-events-none absolute inset-x-8 top-0 h-[3px] rounded-b-full opacity-0 transition-opacity duration-300 group-hover:opacity-100",
|
|
3955
|
-
style: { background: `linear-gradient(90deg, transparent, ${
|
|
4136
|
+
style: { background: `linear-gradient(90deg, transparent, ${H}, transparent)` }
|
|
3956
4137
|
}),
|
|
3957
4138
|
/* @__PURE__ */ m("div", {
|
|
3958
4139
|
className: "flex items-start justify-between gap-3",
|
|
3959
4140
|
children: [/* @__PURE__ */ p("div", {
|
|
3960
4141
|
className: "w-11 h-11 rounded-xl flex items-center justify-center shrink-0 transition-transform duration-300 group-hover:scale-105",
|
|
3961
4142
|
style: {
|
|
3962
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3963
|
-
color:
|
|
4143
|
+
backgroundColor: `color-mix(in srgb, ${H} 12%, transparent)`,
|
|
4144
|
+
color: H
|
|
3964
4145
|
},
|
|
3965
4146
|
children: /* @__PURE__ */ p(a, { size: 20 })
|
|
3966
4147
|
}), (e.category || e.seats_left) && /* @__PURE__ */ m("div", {
|
|
3967
4148
|
className: "flex flex-wrap justify-end items-center gap-1.5",
|
|
3968
4149
|
children: [e.category && /* @__PURE__ */ p("span", {
|
|
3969
4150
|
part: "card-category",
|
|
3970
|
-
className: `text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full ${
|
|
4151
|
+
className: `text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full ${V ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
|
|
3971
4152
|
children: e.category
|
|
3972
4153
|
}), e.seats_left && /* @__PURE__ */ m("span", {
|
|
3973
4154
|
part: "card-seats",
|
|
3974
|
-
className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${
|
|
3975
|
-
children: [/* @__PURE__ */ p(
|
|
4155
|
+
className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${V ? "bg-amber-950/60 text-amber-300" : "bg-amber-50 text-amber-700"}`,
|
|
4156
|
+
children: [/* @__PURE__ */ p(he, { size: 10 }), /* @__PURE__ */ p("span", { children: e.seats_left })]
|
|
3976
4157
|
})]
|
|
3977
4158
|
})]
|
|
3978
4159
|
}),
|
|
3979
4160
|
/* @__PURE__ */ p("h3", {
|
|
3980
4161
|
part: "card-title",
|
|
3981
|
-
className: `mt-4 text-lg font-semibold leading-snug tracking-tight ${
|
|
4162
|
+
className: `mt-4 text-lg font-semibold leading-snug tracking-tight ${V ? "text-white" : "text-slate-900"}`,
|
|
3982
4163
|
style: $,
|
|
3983
4164
|
children: t
|
|
3984
4165
|
}),
|
|
3985
4166
|
e.description && /* @__PURE__ */ p("p", {
|
|
3986
4167
|
part: "card-description",
|
|
3987
|
-
className: `mt-1.5 text-sm leading-relaxed line-clamp-2 ${
|
|
4168
|
+
className: `mt-1.5 text-sm leading-relaxed line-clamp-2 ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
3988
4169
|
children: e.description
|
|
3989
4170
|
}),
|
|
3990
4171
|
i.length > 0 && /* @__PURE__ */ p("ul", {
|
|
@@ -3995,48 +4176,48 @@ var ut = (e) => {
|
|
|
3995
4176
|
children: [/* @__PURE__ */ p("span", {
|
|
3996
4177
|
className: "mt-0.5 w-4 h-4 rounded-full flex items-center justify-center shrink-0",
|
|
3997
4178
|
style: {
|
|
3998
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3999
|
-
color:
|
|
4179
|
+
backgroundColor: `color-mix(in srgb, ${H} 14%, transparent)`,
|
|
4180
|
+
color: H
|
|
4000
4181
|
},
|
|
4001
|
-
children: /* @__PURE__ */ p(
|
|
4182
|
+
children: /* @__PURE__ */ p(le, {
|
|
4002
4183
|
size: 10,
|
|
4003
4184
|
strokeWidth: 3
|
|
4004
4185
|
})
|
|
4005
4186
|
}), /* @__PURE__ */ p("span", {
|
|
4006
|
-
className:
|
|
4187
|
+
className: V ? "text-zinc-300" : "text-slate-600",
|
|
4007
4188
|
children: e
|
|
4008
4189
|
})]
|
|
4009
4190
|
}, t))
|
|
4010
4191
|
}),
|
|
4011
4192
|
/* @__PURE__ */ p("div", { className: "flex-1" }),
|
|
4012
4193
|
/* @__PURE__ */ m("div", {
|
|
4013
|
-
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${
|
|
4194
|
+
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${V ? "border-zinc-800" : "border-slate-200"}`,
|
|
4014
4195
|
children: [/* @__PURE__ */ p("div", {
|
|
4015
4196
|
className: "min-w-0",
|
|
4016
|
-
children: n && !
|
|
4197
|
+
children: n && !U ? /* @__PURE__ */ m(f, { children: [
|
|
4017
4198
|
/* @__PURE__ */ p("p", {
|
|
4018
|
-
className: `text-[10px] font-semibold uppercase tracking-wider ${
|
|
4199
|
+
className: `text-[10px] font-semibold uppercase tracking-wider ${V ? "text-zinc-500" : "text-slate-400"}`,
|
|
4019
4200
|
children: "Registration fee"
|
|
4020
4201
|
}),
|
|
4021
4202
|
/* @__PURE__ */ p("p", {
|
|
4022
4203
|
part: "card-price",
|
|
4023
4204
|
className: "text-2xl font-bold tracking-tight tabular-nums leading-tight",
|
|
4024
|
-
style: { color:
|
|
4205
|
+
style: { color: H },
|
|
4025
4206
|
children: r ? "Free" : [e.currency, Number(e.price).toLocaleString()].filter(Boolean).join(" ")
|
|
4026
4207
|
}),
|
|
4027
4208
|
e.tax_info && /* @__PURE__ */ p("p", {
|
|
4028
4209
|
part: "card-tax",
|
|
4029
|
-
className: `text-[11px] mt-0.5 ${
|
|
4210
|
+
className: `text-[11px] mt-0.5 ${V ? "text-zinc-500" : "text-slate-400"}`,
|
|
4030
4211
|
children: e.tax_info
|
|
4031
4212
|
})
|
|
4032
4213
|
] }) : null
|
|
4033
4214
|
}), /* @__PURE__ */ m("span", {
|
|
4034
4215
|
part: "button button-primary card-button",
|
|
4035
4216
|
className: "inline-flex shrink-0 items-center gap-2 h-10 pl-4 pr-1.5 rounded-full text-sm font-semibold text-white transition-shadow duration-300 group-hover:shadow-[0_8px_20px_-6px_color-mix(in_srgb,var(--vx-accent)_70%,transparent)]",
|
|
4036
|
-
style: { backgroundColor:
|
|
4037
|
-
children: [
|
|
4217
|
+
style: { backgroundColor: H },
|
|
4218
|
+
children: [U ? "Submit" : "Register", /* @__PURE__ */ p("span", {
|
|
4038
4219
|
className: "w-7 h-7 rounded-full bg-white/20 flex items-center justify-center transition-transform duration-300 group-hover:translate-x-0.5",
|
|
4039
|
-
children: /* @__PURE__ */ p(
|
|
4220
|
+
children: /* @__PURE__ */ p(ie, { size: 14 })
|
|
4040
4221
|
})]
|
|
4041
4222
|
})]
|
|
4042
4223
|
})
|
|
@@ -4046,7 +4227,7 @@ var ut = (e) => {
|
|
|
4046
4227
|
})] })
|
|
4047
4228
|
})
|
|
4048
4229
|
}),
|
|
4049
|
-
!
|
|
4230
|
+
!U && (r || t === "attendee") && /* @__PURE__ */ p("div", {
|
|
4050
4231
|
part: "portal",
|
|
4051
4232
|
className: `${t === "attendee" ? "flex" : "hidden"} flex-col ${X ? "w-full flex-1" : "flex-1 overflow-hidden min-h-0"}`,
|
|
4052
4233
|
style: {
|
|
@@ -4057,11 +4238,11 @@ var ut = (e) => {
|
|
|
4057
4238
|
e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
|
|
4058
4239
|
},
|
|
4059
4240
|
children: /* @__PURE__ */ p(st, {
|
|
4060
|
-
apiClient:
|
|
4061
|
-
storage:
|
|
4062
|
-
logger:
|
|
4063
|
-
primaryColor:
|
|
4064
|
-
isDark:
|
|
4241
|
+
apiClient: G,
|
|
4242
|
+
storage: K,
|
|
4243
|
+
logger: W,
|
|
4244
|
+
primaryColor: H,
|
|
4245
|
+
isDark: V,
|
|
4065
4246
|
isWidgetPage: X,
|
|
4066
4247
|
onEvent: e.onEvent,
|
|
4067
4248
|
onError: e.onError
|
|
@@ -4070,7 +4251,7 @@ var ut = (e) => {
|
|
|
4070
4251
|
]
|
|
4071
4252
|
})
|
|
4072
4253
|
});
|
|
4073
|
-
}, pt = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-100:oklch(94.8% .028 342.258);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\\[10px\\]{inset:10px}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[3px\\]{height:3px}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-0{min-height:0}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-1\\/2{width:50%}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[60vw\\]{max-width:60vw}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-950\\/50{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/50{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/70{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/70{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/85{background-color:#18181bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/85{background-color:color-mix(in oklab, var(--color-zinc-900) 85%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12\\.5px\\]{font-size:12.5px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.opacity-\\[0\\.14\\]{opacity:.14}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_12px_32px_-16px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 12px 32px -16px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.16\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.25\\)\\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-emerald-200\\/80{--tw-ring-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.ring-emerald-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.ring-emerald-900{--tw-ring-color:var(--color-emerald-900)}.ring-red-200\\/80{--tw-ring-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.ring-red-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-red-200) 80%, transparent)}}.ring-red-900{--tw-ring-color:var(--color-red-900)}.ring-slate-200\\/70{--tw-ring-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.ring-slate-200\\/70{--tw-ring-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 70%,transparent))}}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.placeholder\\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\\:text-zinc-500::placeholder{color:var(--color-zinc-500)}@media (hover:hover){.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 35%,transparent)}}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 45%,transparent)}}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-red-200:hover{border-color:var(--color-red-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-800\\/60:hover{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-zinc-800\\/60:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 45%,transparent))}}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\\:border-\\(--vx-accent\\):focus{border-color:var(--vx-accent)}.focus\\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 15%,transparent)}}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:color-mix(in srgb,var(--vx-accent) 8%,transparent)}}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 25%,transparent)}}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.disabled\\:opacity-70:disabled{opacity:.7}@media (hover:hover){.disabled\\:hover\\:brightness-100:disabled:hover{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (prefers-reduced-motion:no-preference){.motion-safe\\:animate-spin{animation:var(--animate-spin)}}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:inline-flex{display:inline-flex}.sm\\:h-14{height:calc(var(--spacing) * 14)}.sm\\:w-14{width:calc(var(--spacing) * 14)}.sm\\:w-72{width:calc(var(--spacing) * 72)}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:calc(var(--spacing) * 2)}.sm\\:gap-4{gap:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:p-7{padding:calc(var(--spacing) * 7)}.sm\\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\\:px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}.vx-skeleton{background-image:linear-gradient(90deg,currentColor 0% 50%,currentColor 100%)}@supports (color:color-mix(in lab, red, red)){.vx-skeleton{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 7%, transparent) 0%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 100%)}}.vx-skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite vx-skeleton-sweep}@keyframes vx-skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.vx-progress-bar{animation:1.3s ease-in-out infinite vx-progress-slide}@keyframes vx-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.vx-skeleton,.vx-progress-bar{animation:none}}@supports (appearance:base-select){select[part~=select]{appearance:base-select}select[part~=select]::picker(select){appearance:base-select}select[part~=select]::picker-icon{display:none}select[part~=select]::picker(select){border:1px solid;margin-block:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){select[part~=select]::picker(select){border:1px solid color-mix(in srgb, currentColor 12%, transparent)}}select[part~=select]::picker(select){background-color:inherit;color:inherit;opacity:0;max-height:min(320px,60vh);transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:14px;translate:0 -4px;box-shadow:0 18px 40px -12px #0f172a38,0 4px 12px -4px #0f172a14}select[part~=select]:open::picker(select){opacity:1;translate:0}@starting-style{select[part~=select]:open::picker(select){opacity:0;translate:0 -4px}}select[part~=select] option{color:inherit;cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 8%, transparent)}}select[part~=select] option:hover,select[part~=select] option:focus-visible{outline:none}select[part~=select] option:checked{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:checked{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 12%, transparent)}}select[part~=select] option:checked{color:var(--vx-accent,#2563eb);font-weight:600}select[part~=select] option::checkmark{color:var(--vx-accent,#2563eb);order:1;margin-inline-start:auto}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:currentColor;background-color:#0000}@supports (color:color-mix(in lab, red, red)){select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:color-mix(in srgb, currentColor 55%, transparent)}}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{font-weight:500}select[part~=select] option[value=\"\"]::checkmark{display:none}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", mt = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", ht = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
|
|
4254
|
+
}, pt = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-100:oklch(94.8% .028 342.258);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\\[10px\\]{inset:10px}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[3px\\]{height:3px}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-0{min-height:0}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-1\\/2{width:50%}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[60vw\\]{max-width:60vw}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-950\\/50{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/50{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/70{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/70{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/85{background-color:#18181bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/85{background-color:color-mix(in oklab, var(--color-zinc-900) 85%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12\\.5px\\]{font-size:12.5px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.opacity-\\[0\\.14\\]{opacity:.14}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_12px_32px_-16px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 12px 32px -16px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.16\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.25\\)\\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-emerald-200\\/80{--tw-ring-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.ring-emerald-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.ring-emerald-900{--tw-ring-color:var(--color-emerald-900)}.ring-red-200\\/80{--tw-ring-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.ring-red-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-red-200) 80%, transparent)}}.ring-red-900{--tw-ring-color:var(--color-red-900)}.ring-slate-200\\/70{--tw-ring-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.ring-slate-200\\/70{--tw-ring-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 70%,transparent))}}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.placeholder\\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\\:text-zinc-500::placeholder{color:var(--color-zinc-500)}@media (hover:hover){.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 35%,transparent)}}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 45%,transparent)}}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-red-200:hover{border-color:var(--color-red-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-800\\/60:hover{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-zinc-800\\/60:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 45%,transparent))}}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\\:border-\\(--vx-accent\\):focus{border-color:var(--vx-accent)}.focus\\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 15%,transparent)}}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:color-mix(in srgb,var(--vx-accent) 8%,transparent)}}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 25%,transparent)}}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.disabled\\:opacity-70:disabled{opacity:.7}@media (hover:hover){.disabled\\:hover\\:brightness-100:disabled:hover{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (prefers-reduced-motion:no-preference){.motion-safe\\:animate-spin{animation:var(--animate-spin)}}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:inline-flex{display:inline-flex}.sm\\:h-14{height:calc(var(--spacing) * 14)}.sm\\:w-14{width:calc(var(--spacing) * 14)}.sm\\:w-72{width:calc(var(--spacing) * 72)}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:calc(var(--spacing) * 2)}.sm\\:gap-4{gap:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:p-7{padding:calc(var(--spacing) * 7)}.sm\\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\\:px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}.vx-skeleton{background-image:linear-gradient(90deg,currentColor 0% 50%,currentColor 100%)}@supports (color:color-mix(in lab, red, red)){.vx-skeleton{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 7%, transparent) 0%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 100%)}}.vx-skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite vx-skeleton-sweep}@keyframes vx-skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.vx-progress-bar{animation:1.3s ease-in-out infinite vx-progress-slide}@keyframes vx-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.vx-skeleton,.vx-progress-bar{animation:none}}@supports (appearance:base-select){select[part~=select]{appearance:base-select}select[part~=select]::picker(select){appearance:base-select}select[part~=select]::picker-icon{display:none}select[part~=select]::picker(select){border:1px solid;margin-block:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){select[part~=select]::picker(select){border:1px solid color-mix(in srgb, currentColor 12%, transparent)}}select[part~=select]::picker(select){background-color:inherit;color:inherit;opacity:0;max-height:min(320px,60vh);transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:14px;translate:0 -4px;box-shadow:0 18px 40px -12px #0f172a38,0 4px 12px -4px #0f172a14}select[part~=select]:open::picker(select){opacity:1;translate:0}@starting-style{select[part~=select]:open::picker(select){opacity:0;translate:0 -4px}}select[part~=select] option{color:inherit;cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 8%, transparent)}}select[part~=select] option:hover,select[part~=select] option:focus-visible{outline:none}select[part~=select] option:checked{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:checked{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 12%, transparent)}}select[part~=select] option:checked{color:var(--vx-accent,#2563eb);font-weight:600}select[part~=select] option::checkmark{color:var(--vx-accent,#2563eb);order:1;margin-inline-start:auto}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:currentColor;background-color:#0000}@supports (color:color-mix(in lab, red, red)){select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:color-mix(in srgb, currentColor 55%, transparent)}}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{font-weight:500}select[part~=select] option[value=\"\"]::checkmark{display:none}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", mt = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", ht = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
|
|
4074
4255
|
let r = u(null), [i, a] = d(null);
|
|
4075
4256
|
return c(() => {
|
|
4076
4257
|
if (typeof document > "u" || !r.current || !t) return;
|