@ciromaciel/components-kit 1.2.1 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +163 -162
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createTheme as be, Stack as u, Group as f, Badge as j, Text as i, Title as F, Center as E, Box as b, Button as U, CopyButton as xe, Tooltip as se, ActionIcon as ce, Container as B, Flex as we, Loader as ve, Paper as I, SimpleGrid as A, Image as H, List as V, ThemeIcon as z, Grid as v, RingProgress as ze, Anchor as de, UnstyledButton as Se, TextInput as re, Divider as C, SegmentedControl as Ie, Accordion as R, Avatar as Te } from "@mantine/core";
|
|
2
2
|
import { jsxs as r, jsx as e, Fragment as ae } from "react/jsx-runtime";
|
|
3
3
|
import { isValidElement as Ae, useState as _, useMemo as Pe, Fragment as qe, useEffect as pe, useRef as De } from "react";
|
|
4
|
-
import { IconCheck as G, IconCopy as Fe, IconArrowUpRight as ke, IconShieldCheck as he, IconBolt as ie, IconQuote as Ee, IconArrowLeft as Be, IconCircleCheck as je, IconCloudLock as
|
|
4
|
+
import { IconCheck as G, IconCopy as Fe, IconArrowUpRight as ke, IconShieldCheck as he, IconBolt as ie, IconQuote as Ee, IconArrowLeft as Be, IconCircleCheck as je, IconCloudLock as ge, IconEyeOff as Ce, IconUserShield as Me, IconScale as Re, IconUserCheck as Ne, IconFileDescription as Le, IconBan as Oe, IconAlertCircle as Ve, IconShieldLock as $e, IconDatabase as We, IconUsers as Ue, IconActivity as He } from "@tabler/icons-react";
|
|
5
5
|
import { useWindowScroll as _e, useMediaQuery as Ge } from "@mantine/hooks";
|
|
6
6
|
import { AreaChart as Ke } from "@mantine/charts";
|
|
7
7
|
const zr = be({
|
|
@@ -208,7 +208,7 @@ const zr = be({
|
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
210
|
});
|
|
211
|
-
function
|
|
211
|
+
function me({ badge: a, subtitle: d, title: l, titleOrder: n = 2, titleFz: t = "var(--fz-section-title)", ta: c = "left", maw: g }) {
|
|
212
212
|
return !l && !d && !a ? null : /* @__PURE__ */ r(
|
|
213
213
|
u,
|
|
214
214
|
{
|
|
@@ -249,7 +249,7 @@ function ge({ badge: a, subtitle: d, title: l, titleOrder: n = 2, titleFz: t = "
|
|
|
249
249
|
{
|
|
250
250
|
order: n,
|
|
251
251
|
fz: t,
|
|
252
|
-
maw:
|
|
252
|
+
maw: g,
|
|
253
253
|
children: l
|
|
254
254
|
}
|
|
255
255
|
)
|
|
@@ -291,11 +291,11 @@ function M({
|
|
|
291
291
|
icon: n,
|
|
292
292
|
size: t = "lg",
|
|
293
293
|
variant: c = "filled",
|
|
294
|
-
color:
|
|
294
|
+
color: g,
|
|
295
295
|
target: h,
|
|
296
296
|
px: p,
|
|
297
297
|
fullWidth: s,
|
|
298
|
-
leftSection:
|
|
298
|
+
leftSection: m,
|
|
299
299
|
className: o,
|
|
300
300
|
...y
|
|
301
301
|
}) {
|
|
@@ -308,9 +308,9 @@ function M({
|
|
|
308
308
|
onClick: l,
|
|
309
309
|
target: h,
|
|
310
310
|
rightSection: n,
|
|
311
|
-
leftSection:
|
|
311
|
+
leftSection: m,
|
|
312
312
|
variant: c,
|
|
313
|
-
color:
|
|
313
|
+
color: g,
|
|
314
314
|
px: p,
|
|
315
315
|
fullWidth: s,
|
|
316
316
|
className: o ? `rlg-cta ${o}` : "rlg-cta",
|
|
@@ -347,9 +347,9 @@ function Z({ logo: a, objectPosition: d = "left" }) {
|
|
|
347
347
|
) : a : null;
|
|
348
348
|
}
|
|
349
349
|
function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t = "dark", style: c }) {
|
|
350
|
-
const
|
|
350
|
+
const g = typeof a == "string" ? a : String(a ?? ""), h = g.split(`
|
|
351
351
|
`).filter((o) => o.trimStart().startsWith("$ ")), p = h.length ? h.map((o) => o.trimStart().slice(2)).join(`
|
|
352
|
-
`) :
|
|
352
|
+
`) : g, s = t === "dark", m = s ? {
|
|
353
353
|
shell: "var(--mantine-color-gray-9)",
|
|
354
354
|
bar: "rgba(255, 255, 255, 0.06)",
|
|
355
355
|
line: "rgba(255, 255, 255, 0.10)",
|
|
@@ -369,7 +369,7 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
|
|
|
369
369
|
{
|
|
370
370
|
style: {
|
|
371
371
|
border: `1px solid ${s ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-3)"}`,
|
|
372
|
-
background:
|
|
372
|
+
background: m.shell,
|
|
373
373
|
// `overflow: hidden` aqui cortava o código em vez de deixar o
|
|
374
374
|
// <pre> rolar: a linha longa ficava inacessível, sem barra e
|
|
375
375
|
// sem reticências. `hidden` só na vertical preserva o recorte
|
|
@@ -386,8 +386,8 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
|
|
|
386
386
|
px: 14,
|
|
387
387
|
py: 8,
|
|
388
388
|
style: {
|
|
389
|
-
borderBottom: `1px solid ${
|
|
390
|
-
background:
|
|
389
|
+
borderBottom: `1px solid ${m.line}`,
|
|
390
|
+
background: m.bar
|
|
391
391
|
},
|
|
392
392
|
children: [
|
|
393
393
|
/* @__PURE__ */ r(
|
|
@@ -401,7 +401,7 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
|
|
|
401
401
|
{
|
|
402
402
|
w: 9,
|
|
403
403
|
h: 9,
|
|
404
|
-
style: { borderRadius: "50%", background:
|
|
404
|
+
style: { borderRadius: "50%", background: m.dot }
|
|
405
405
|
},
|
|
406
406
|
o
|
|
407
407
|
)),
|
|
@@ -414,7 +414,7 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
|
|
|
414
414
|
fontFamily: "var(--mantine-font-family-monospace)",
|
|
415
415
|
fontSize: 11,
|
|
416
416
|
letterSpacing: "0.5px",
|
|
417
|
-
color:
|
|
417
|
+
color: m.label
|
|
418
418
|
},
|
|
419
419
|
children: d
|
|
420
420
|
}
|
|
@@ -442,7 +442,7 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
|
|
|
442
442
|
onClick: y,
|
|
443
443
|
"aria-label": "Copiar codigo",
|
|
444
444
|
style: {
|
|
445
|
-
color: o ? "var(--mantine-color-teal-4)" :
|
|
445
|
+
color: o ? "var(--mantine-color-teal-4)" : m.label
|
|
446
446
|
},
|
|
447
447
|
children: o ? /* @__PURE__ */ e(G, { size: 14 }) : /* @__PURE__ */ e(Fe, { size: 14 })
|
|
448
448
|
}
|
|
@@ -465,12 +465,12 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
|
|
|
465
465
|
fontFamily: "var(--mantine-font-family-monospace)",
|
|
466
466
|
fontSize: 12.5,
|
|
467
467
|
lineHeight: 1.65,
|
|
468
|
-
color:
|
|
468
|
+
color: m.text,
|
|
469
469
|
whiteSpace: "pre",
|
|
470
470
|
overflowX: "auto",
|
|
471
471
|
tabSize: 2
|
|
472
472
|
},
|
|
473
|
-
children:
|
|
473
|
+
children: g
|
|
474
474
|
}
|
|
475
475
|
)
|
|
476
476
|
]
|
|
@@ -481,19 +481,19 @@ const J = {
|
|
|
481
481
|
white: "white",
|
|
482
482
|
gray: "gray.1"
|
|
483
483
|
}, N = (a) => a === "gray.9" || a === "dark" ? J.gray : a === "white" ? J.white : J.gray;
|
|
484
|
-
function P({ children: a, badge: d, title: l, subtitle: n, id: t, background: c = "white", py:
|
|
485
|
-
const
|
|
484
|
+
function P({ children: a, badge: d, title: l, subtitle: n, id: t, background: c = "white", py: g = { base: 80, md: 120 }, maw: h = 800, ta: p = "left", stackGap: s = "xl" }) {
|
|
485
|
+
const m = N(c);
|
|
486
486
|
return /* @__PURE__ */ e(
|
|
487
487
|
b,
|
|
488
488
|
{
|
|
489
489
|
component: "section",
|
|
490
490
|
id: t,
|
|
491
|
-
bg:
|
|
492
|
-
py:
|
|
491
|
+
bg: m,
|
|
492
|
+
py: g,
|
|
493
493
|
style: { overflow: "hidden" },
|
|
494
494
|
children: /* @__PURE__ */ e(B, { size: "lg", children: /* @__PURE__ */ r(u, { gap: s, children: [
|
|
495
495
|
/* @__PURE__ */ e(
|
|
496
|
-
|
|
496
|
+
me,
|
|
497
497
|
{
|
|
498
498
|
badge: d,
|
|
499
499
|
subtitle: n,
|
|
@@ -568,9 +568,9 @@ function Ir({ children: a, style: d, ...l }) {
|
|
|
568
568
|
);
|
|
569
569
|
}
|
|
570
570
|
function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t, background: c = "white" }) {
|
|
571
|
-
const
|
|
571
|
+
const g = N(c), [h] = _e(), p = h.y > 10, s = (o) => {
|
|
572
572
|
o === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(o)?.scrollIntoView({ behavior: "smooth" });
|
|
573
|
-
},
|
|
573
|
+
}, m = (o, y) => {
|
|
574
574
|
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), s(y));
|
|
575
575
|
};
|
|
576
576
|
return /* @__PURE__ */ e(
|
|
@@ -586,13 +586,15 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
|
|
|
586
586
|
{
|
|
587
587
|
size: "xl",
|
|
588
588
|
py: "md",
|
|
589
|
+
px: "xs",
|
|
589
590
|
children: /* @__PURE__ */ e(
|
|
590
591
|
I,
|
|
591
592
|
{
|
|
592
593
|
shadow: p ? "sm" : "none",
|
|
593
594
|
radius: "0",
|
|
594
|
-
|
|
595
|
-
|
|
595
|
+
py: "xs",
|
|
596
|
+
px: "sm",
|
|
597
|
+
bg: g,
|
|
596
598
|
bd: p ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
|
|
597
599
|
style: { pointerEvents: "auto", transition: "all 0.2s ease" },
|
|
598
600
|
children: /* @__PURE__ */ r(
|
|
@@ -601,7 +603,6 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
|
|
|
601
603
|
justify: "space-between",
|
|
602
604
|
align: "center",
|
|
603
605
|
wrap: "nowrap",
|
|
604
|
-
px: { base: "xs", sm: "md" },
|
|
605
606
|
children: [
|
|
606
607
|
a && (() => {
|
|
607
608
|
const o = { display: "inline-flex", textDecoration: "none", minWidth: 0, flex: "0 1 auto" };
|
|
@@ -659,7 +660,7 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
|
|
|
659
660
|
tabIndex: o.component ? void 0 : 0,
|
|
660
661
|
style: { cursor: "pointer", ...o.style },
|
|
661
662
|
onClick: o.target ? () => s(o.target) : o.onClick,
|
|
662
|
-
onKeyDown: o.target ? (y) =>
|
|
663
|
+
onKeyDown: o.target ? (y) => m(y, o.target) : o.onKeyDown,
|
|
663
664
|
children: o.label
|
|
664
665
|
},
|
|
665
666
|
o.label
|
|
@@ -740,8 +741,8 @@ const Tr = Xe, te = {
|
|
|
740
741
|
label: { whiteSpace: "normal", lineHeight: 1.4 },
|
|
741
742
|
inner: { paddingTop: 12, paddingBottom: 12 }
|
|
742
743
|
};
|
|
743
|
-
function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, note: c, video:
|
|
744
|
-
const y = !!(
|
|
744
|
+
function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, note: c, video: g, image: h, background: p = "white", mediaMaw: s, titleFz: m = "var(--fz-hero)", descriptionFz: o = "xl" }) {
|
|
745
|
+
const y = !!(g || h);
|
|
745
746
|
return /* @__PURE__ */ e(
|
|
746
747
|
b,
|
|
747
748
|
{
|
|
@@ -764,12 +765,12 @@ function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, no
|
|
|
764
765
|
ta: y ? { base: "center", md: "left" } : "center",
|
|
765
766
|
children: [
|
|
766
767
|
/* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
|
|
767
|
-
|
|
768
|
+
me,
|
|
768
769
|
{
|
|
769
770
|
subtitle: a,
|
|
770
771
|
title: d,
|
|
771
772
|
titleOrder: 1,
|
|
772
|
-
titleFz:
|
|
773
|
+
titleFz: m,
|
|
773
774
|
ta: y ? "inherit" : "center",
|
|
774
775
|
maw: y ? void 0 : 940
|
|
775
776
|
}
|
|
@@ -845,7 +846,7 @@ function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, no
|
|
|
845
846
|
y && /* @__PURE__ */ e(
|
|
846
847
|
ue,
|
|
847
848
|
{
|
|
848
|
-
video:
|
|
849
|
+
video: g,
|
|
849
850
|
image: h,
|
|
850
851
|
maw: s,
|
|
851
852
|
alt: "Demonstração do produto"
|
|
@@ -935,7 +936,7 @@ function Pr({ id: a, title: d, logos: l, background: n = "gray" }) {
|
|
|
935
936
|
}
|
|
936
937
|
);
|
|
937
938
|
}
|
|
938
|
-
function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, featuresList: c, cta:
|
|
939
|
+
function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, featuresList: c, cta: g, video: h, image: p, reverse: s = !1, background: m = "white", mediaMaw: o }) {
|
|
939
940
|
const y = c && c.length > 0 && /* @__PURE__ */ e(
|
|
940
941
|
V,
|
|
941
942
|
{
|
|
@@ -986,15 +987,15 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
|
|
|
986
987
|
}
|
|
987
988
|
),
|
|
988
989
|
y,
|
|
989
|
-
|
|
990
|
+
g && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
|
|
990
991
|
M,
|
|
991
992
|
{
|
|
992
|
-
label:
|
|
993
|
-
href:
|
|
994
|
-
icon:
|
|
995
|
-
size:
|
|
996
|
-
variant:
|
|
997
|
-
color:
|
|
993
|
+
label: g.label,
|
|
994
|
+
href: g.href,
|
|
995
|
+
icon: g.icon,
|
|
996
|
+
size: g.size || "lg",
|
|
997
|
+
variant: g.variant,
|
|
998
|
+
color: g.color
|
|
998
999
|
}
|
|
999
1000
|
) })
|
|
1000
1001
|
]
|
|
@@ -1027,7 +1028,7 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
|
|
|
1027
1028
|
id: a,
|
|
1028
1029
|
subtitle: d,
|
|
1029
1030
|
title: l,
|
|
1030
|
-
background:
|
|
1031
|
+
background: m,
|
|
1031
1032
|
children: /* @__PURE__ */ e(
|
|
1032
1033
|
A,
|
|
1033
1034
|
{
|
|
@@ -1046,7 +1047,7 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
|
|
|
1046
1047
|
}
|
|
1047
1048
|
);
|
|
1048
1049
|
}
|
|
1049
|
-
function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background: c = "gray", items:
|
|
1050
|
+
function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background: c = "gray", items: g = [], ta: h = "left", note: p }) {
|
|
1050
1051
|
return /* @__PURE__ */ r(
|
|
1051
1052
|
P,
|
|
1052
1053
|
{
|
|
@@ -1071,12 +1072,12 @@ function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background
|
|
|
1071
1072
|
children: t
|
|
1072
1073
|
}
|
|
1073
1074
|
),
|
|
1074
|
-
/* @__PURE__ */ e(v, { gutter: "lg", children:
|
|
1075
|
+
/* @__PURE__ */ e(v, { gutter: "lg", children: g.map((s, m) => /* @__PURE__ */ e(
|
|
1075
1076
|
Ze,
|
|
1076
1077
|
{
|
|
1077
1078
|
...s
|
|
1078
1079
|
},
|
|
1079
|
-
|
|
1080
|
+
m
|
|
1080
1081
|
)) }),
|
|
1081
1082
|
p && /* @__PURE__ */ e(
|
|
1082
1083
|
i,
|
|
@@ -1102,11 +1103,11 @@ function Ze({
|
|
|
1102
1103
|
label: n,
|
|
1103
1104
|
title: t,
|
|
1104
1105
|
titleSize: c,
|
|
1105
|
-
description:
|
|
1106
|
+
description: g,
|
|
1106
1107
|
descriptionSize: h,
|
|
1107
1108
|
descriptionMaw: p,
|
|
1108
1109
|
span: s = { base: 12, md: 6 },
|
|
1109
|
-
background:
|
|
1110
|
+
background: m = "white",
|
|
1110
1111
|
visual: o,
|
|
1111
1112
|
secondaryVisual: y,
|
|
1112
1113
|
layout: w = "stacked",
|
|
@@ -1165,14 +1166,14 @@ function Ze({
|
|
|
1165
1166
|
children: t
|
|
1166
1167
|
}
|
|
1167
1168
|
),
|
|
1168
|
-
|
|
1169
|
+
g && /* @__PURE__ */ e(
|
|
1169
1170
|
i,
|
|
1170
1171
|
{
|
|
1171
1172
|
c: "gray.6",
|
|
1172
1173
|
size: h || (w === "compact" ? "sm" : "lg"),
|
|
1173
1174
|
maw: p,
|
|
1174
1175
|
mb: T ? "xl" : w === "compact" ? "lg" : void 0,
|
|
1175
|
-
children:
|
|
1176
|
+
children: g
|
|
1176
1177
|
}
|
|
1177
1178
|
),
|
|
1178
1179
|
T && T.length > 0 && /* @__PURE__ */ e(f, { children: T.map((X, Q) => /* @__PURE__ */ e(
|
|
@@ -1208,7 +1209,7 @@ function Ze({
|
|
|
1208
1209
|
h: "100%",
|
|
1209
1210
|
p: { base: "xl", md: 40 },
|
|
1210
1211
|
radius: "0",
|
|
1211
|
-
bg: N(
|
|
1212
|
+
bg: N(m),
|
|
1212
1213
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1213
1214
|
style: q,
|
|
1214
1215
|
...O,
|
|
@@ -1233,7 +1234,7 @@ function Ze({
|
|
|
1233
1234
|
h: "100%",
|
|
1234
1235
|
p: { base: "xl", md: 40 },
|
|
1235
1236
|
radius: "0",
|
|
1236
|
-
bg: N(
|
|
1237
|
+
bg: N(m),
|
|
1237
1238
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1238
1239
|
style: q,
|
|
1239
1240
|
...O,
|
|
@@ -1248,7 +1249,7 @@ function Ze({
|
|
|
1248
1249
|
h: "100%",
|
|
1249
1250
|
p: { base: "xl", md: 40 },
|
|
1250
1251
|
radius: "0",
|
|
1251
|
-
bg: N(
|
|
1252
|
+
bg: N(m),
|
|
1252
1253
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1253
1254
|
pos: "relative",
|
|
1254
1255
|
style: q,
|
|
@@ -1285,7 +1286,7 @@ function Ze({
|
|
|
1285
1286
|
h: "100%",
|
|
1286
1287
|
p: { base: "xl", md: 40 },
|
|
1287
1288
|
radius: "0",
|
|
1288
|
-
bg: N(
|
|
1289
|
+
bg: N(m),
|
|
1289
1290
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1290
1291
|
display: "flex",
|
|
1291
1292
|
style: {
|
|
@@ -1437,7 +1438,7 @@ function ne(a) {
|
|
|
1437
1438
|
return null;
|
|
1438
1439
|
}
|
|
1439
1440
|
}
|
|
1440
|
-
function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background: c = "white", ta:
|
|
1441
|
+
function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background: c = "white", ta: g = "center", note: h }) {
|
|
1441
1442
|
const p = t ?? Math.min(Math.max(n.length, 1), 4);
|
|
1442
1443
|
return /* @__PURE__ */ r(
|
|
1443
1444
|
P,
|
|
@@ -1446,7 +1447,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
|
|
|
1446
1447
|
subtitle: d,
|
|
1447
1448
|
title: l,
|
|
1448
1449
|
background: c,
|
|
1449
|
-
ta:
|
|
1450
|
+
ta: g,
|
|
1450
1451
|
maw: 900,
|
|
1451
1452
|
children: [
|
|
1452
1453
|
/* @__PURE__ */ e(
|
|
@@ -1454,7 +1455,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
|
|
|
1454
1455
|
{
|
|
1455
1456
|
cols: { base: 1, sm: p === 3 ? 3 : 2, lg: p },
|
|
1456
1457
|
spacing: 0,
|
|
1457
|
-
children: n.map((s,
|
|
1458
|
+
children: n.map((s, m) => /* @__PURE__ */ r(
|
|
1458
1459
|
I,
|
|
1459
1460
|
{
|
|
1460
1461
|
px: "lg",
|
|
@@ -1505,7 +1506,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
|
|
|
1505
1506
|
)
|
|
1506
1507
|
]
|
|
1507
1508
|
},
|
|
1508
|
-
s.label ||
|
|
1509
|
+
s.label || m
|
|
1509
1510
|
))
|
|
1510
1511
|
}
|
|
1511
1512
|
),
|
|
@@ -1536,8 +1537,8 @@ const W = {
|
|
|
1536
1537
|
const d = new Date(a);
|
|
1537
1538
|
return Number.isNaN(d.getTime()) ? null : d.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
|
|
1538
1539
|
};
|
|
1539
|
-
function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], latency: t = [], uptime: c = [], error:
|
|
1540
|
-
const h =
|
|
1540
|
+
function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], latency: t = [], uptime: c = [], error: g }) {
|
|
1541
|
+
const h = g ? W.down : W[d] || W.loading, p = er(l);
|
|
1541
1542
|
return /* @__PURE__ */ e(
|
|
1542
1543
|
b,
|
|
1543
1544
|
{
|
|
@@ -1588,7 +1589,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1588
1589
|
fw: 900,
|
|
1589
1590
|
lts: "-0.04em",
|
|
1590
1591
|
lh: 1.05,
|
|
1591
|
-
children:
|
|
1592
|
+
children: g ? "Não foi possível verificar" : h.title
|
|
1592
1593
|
}
|
|
1593
1594
|
)
|
|
1594
1595
|
]
|
|
@@ -1599,7 +1600,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1599
1600
|
{
|
|
1600
1601
|
size: "sm",
|
|
1601
1602
|
c: "gray.5",
|
|
1602
|
-
children:
|
|
1603
|
+
children: g ? (
|
|
1603
1604
|
// O erro é da consulta feita pelo navegador, não do serviço:
|
|
1604
1605
|
// dizer "fora do ar" aqui seria afirmar mais do que se sabe.
|
|
1605
1606
|
"Esta página não conseguiu falar com o serviço. Pode ser a sua conexão — ou o próprio serviço."
|
|
@@ -1634,7 +1635,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1634
1635
|
lh: 1,
|
|
1635
1636
|
lts: "-0.04em",
|
|
1636
1637
|
children: [
|
|
1637
|
-
(c.reduce((s,
|
|
1638
|
+
(c.reduce((s, m) => s + m.pct, 0) / c.length).toFixed(2),
|
|
1638
1639
|
/* @__PURE__ */ e(
|
|
1639
1640
|
i,
|
|
1640
1641
|
{
|
|
@@ -1656,7 +1657,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1656
1657
|
h: 140,
|
|
1657
1658
|
align: "flex-end",
|
|
1658
1659
|
wrap: "nowrap",
|
|
1659
|
-
children: c.map((s,
|
|
1660
|
+
children: c.map((s, m) => /* @__PURE__ */ e(
|
|
1660
1661
|
se,
|
|
1661
1662
|
{
|
|
1662
1663
|
label: `${s.day} · ${s.pct.toFixed(2)}%`,
|
|
@@ -1670,7 +1671,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1670
1671
|
}
|
|
1671
1672
|
)
|
|
1672
1673
|
},
|
|
1673
|
-
|
|
1674
|
+
m
|
|
1674
1675
|
))
|
|
1675
1676
|
}
|
|
1676
1677
|
)
|
|
@@ -1744,7 +1745,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1744
1745
|
children: "Componentes"
|
|
1745
1746
|
}
|
|
1746
1747
|
),
|
|
1747
|
-
n.map((s,
|
|
1748
|
+
n.map((s, m) => {
|
|
1748
1749
|
const o = W[s.status] || W.loading;
|
|
1749
1750
|
return /* @__PURE__ */ r(
|
|
1750
1751
|
I,
|
|
@@ -1752,7 +1753,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1752
1753
|
bg: "transparent",
|
|
1753
1754
|
withBorder: !1,
|
|
1754
1755
|
py: "lg",
|
|
1755
|
-
bd: { top:
|
|
1756
|
+
bd: { top: m === 0 ? "1px solid var(--mantine-color-gray-2)" : void 0, bottom: "1px solid var(--mantine-color-gray-2)" },
|
|
1756
1757
|
children: [
|
|
1757
1758
|
/* @__PURE__ */ r(
|
|
1758
1759
|
f,
|
|
@@ -1875,7 +1876,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1875
1876
|
)
|
|
1876
1877
|
]
|
|
1877
1878
|
},
|
|
1878
|
-
s.name ||
|
|
1879
|
+
s.name || m
|
|
1879
1880
|
);
|
|
1880
1881
|
})
|
|
1881
1882
|
] }),
|
|
@@ -1906,7 +1907,7 @@ const rr = {
|
|
|
1906
1907
|
loading: { color: "gray.4", label: "Verificando status" }
|
|
1907
1908
|
}, Y = 20;
|
|
1908
1909
|
function Er({ status: a = "loading", history: d = [], label: l, link: n, ...t }) {
|
|
1909
|
-
const c = oe[a] || oe.loading,
|
|
1910
|
+
const c = oe[a] || oe.loading, g = d.slice(-Y), h = Array(Math.max(0, Y - g.length)).fill(null), p = [...h, ...g];
|
|
1910
1911
|
return /* @__PURE__ */ e(
|
|
1911
1912
|
de,
|
|
1912
1913
|
{
|
|
@@ -1929,20 +1930,20 @@ function Er({ status: a = "loading", history: d = [], label: l, link: n, ...t })
|
|
|
1929
1930
|
h: 16,
|
|
1930
1931
|
"aria-hidden": "true",
|
|
1931
1932
|
style: { display: "block", overflow: "visible" },
|
|
1932
|
-
children: p.map((s,
|
|
1933
|
-
const o = s === null ? 2 : Math.max(2, s * 16), y = p.length - h.length - 1 || 1, w =
|
|
1933
|
+
children: p.map((s, m) => {
|
|
1934
|
+
const o = s === null ? 2 : Math.max(2, s * 16), y = p.length - h.length - 1 || 1, w = m - h.length;
|
|
1934
1935
|
return /* @__PURE__ */ e(
|
|
1935
1936
|
b,
|
|
1936
1937
|
{
|
|
1937
1938
|
component: "rect",
|
|
1938
|
-
x:
|
|
1939
|
+
x: m * 4,
|
|
1939
1940
|
y: 16 - o,
|
|
1940
1941
|
width: 3,
|
|
1941
1942
|
height: o,
|
|
1942
1943
|
fill: s === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${c.color.replace(".", "-")})`,
|
|
1943
1944
|
opacity: s === null ? 0.6 : 0.55 + w / y * 0.45
|
|
1944
1945
|
},
|
|
1945
|
-
|
|
1946
|
+
m
|
|
1946
1947
|
);
|
|
1947
1948
|
})
|
|
1948
1949
|
}
|
|
@@ -1965,7 +1966,7 @@ function Er({ status: a = "loading", history: d = [], label: l, link: n, ...t })
|
|
|
1965
1966
|
}
|
|
1966
1967
|
);
|
|
1967
1968
|
}
|
|
1968
|
-
function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIcon: c, note:
|
|
1969
|
+
function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIcon: c, note: g, background: h = "white", ta: p = "center" }) {
|
|
1969
1970
|
return /* @__PURE__ */ r(
|
|
1970
1971
|
P,
|
|
1971
1972
|
{
|
|
@@ -1989,7 +1990,7 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
|
|
|
1989
1990
|
children: n
|
|
1990
1991
|
}
|
|
1991
1992
|
),
|
|
1992
|
-
/* @__PURE__ */ e(v, { gutter: "xl", children: t.map((s,
|
|
1993
|
+
/* @__PURE__ */ e(v, { gutter: "xl", children: t.map((s, m) => {
|
|
1993
1994
|
const o = s.icon;
|
|
1994
1995
|
return /* @__PURE__ */ e(
|
|
1995
1996
|
v.Col,
|
|
@@ -2097,10 +2098,10 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
|
|
|
2097
2098
|
}
|
|
2098
2099
|
)
|
|
2099
2100
|
},
|
|
2100
|
-
s.name ||
|
|
2101
|
+
s.name || m
|
|
2101
2102
|
);
|
|
2102
2103
|
}) }),
|
|
2103
|
-
|
|
2104
|
+
g && /* @__PURE__ */ e(
|
|
2104
2105
|
i,
|
|
2105
2106
|
{
|
|
2106
2107
|
size: "sm",
|
|
@@ -2111,7 +2112,7 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
|
|
|
2111
2112
|
mx: p === "center" ? "auto" : void 0,
|
|
2112
2113
|
lh: 1.6,
|
|
2113
2114
|
fs: "italic",
|
|
2114
|
-
children:
|
|
2115
|
+
children: g
|
|
2115
2116
|
}
|
|
2116
2117
|
)
|
|
2117
2118
|
]
|
|
@@ -2125,7 +2126,7 @@ function jr({
|
|
|
2125
2126
|
description: n,
|
|
2126
2127
|
items: t = [],
|
|
2127
2128
|
categories: c = [],
|
|
2128
|
-
filtersLabel:
|
|
2129
|
+
filtersLabel: g = "Filtrar por categoria",
|
|
2129
2130
|
note: h,
|
|
2130
2131
|
background: p = "white",
|
|
2131
2132
|
// SEM DEFAULT COM PALAVRA DE PRODUTO. Este texto aparece na tela, e um
|
|
@@ -2135,7 +2136,7 @@ function jr({
|
|
|
2135
2136
|
// rótulo a chamada não é desenhada; quem chama diz a palavra.
|
|
2136
2137
|
ctaLabel: s
|
|
2137
2138
|
}) {
|
|
2138
|
-
const [
|
|
2139
|
+
const [m, o] = _("todas"), y = Ge("(min-width: 48em)", !1), w = Pe(() => m === "todas" ? t : [...t].sort((S, k) => +(k.category === m) - +(S.category === m)), [t, m]), [T, ...D] = w;
|
|
2139
2140
|
return T ? (
|
|
2140
2141
|
// O CABEÇALHO É CENTRALIZADO, O CONTEÚDO NÃO. `ta="center"` no
|
|
2141
2142
|
// `Section` alinha o kicker, o título e — por herança — tudo que
|
|
@@ -2174,15 +2175,15 @@ function jr({
|
|
|
2174
2175
|
justify: y ? "center" : "flex-start",
|
|
2175
2176
|
wrap: "nowrap",
|
|
2176
2177
|
role: "group",
|
|
2177
|
-
"aria-label":
|
|
2178
|
+
"aria-label": g,
|
|
2178
2179
|
className: "rlg-shelf-filters",
|
|
2179
2180
|
children: c.map((S) => /* @__PURE__ */ e(
|
|
2180
2181
|
Se,
|
|
2181
2182
|
{
|
|
2182
2183
|
onClick: () => o(S.id),
|
|
2183
2184
|
className: "rlg-shelf-pill",
|
|
2184
|
-
"data-active":
|
|
2185
|
-
"aria-pressed":
|
|
2185
|
+
"data-active": m === S.id || void 0,
|
|
2186
|
+
"aria-pressed": m === S.id,
|
|
2186
2187
|
children: S.label
|
|
2187
2188
|
},
|
|
2188
2189
|
S.id
|
|
@@ -2405,14 +2406,14 @@ function ir({ item: a }) {
|
|
|
2405
2406
|
}
|
|
2406
2407
|
);
|
|
2407
2408
|
}
|
|
2408
|
-
function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note: c, background:
|
|
2409
|
+
function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note: c, background: g = "gray", ta: h = "center" }) {
|
|
2409
2410
|
return /* @__PURE__ */ r(
|
|
2410
2411
|
P,
|
|
2411
2412
|
{
|
|
2412
2413
|
id: a,
|
|
2413
2414
|
subtitle: d,
|
|
2414
2415
|
title: l,
|
|
2415
|
-
background:
|
|
2416
|
+
background: g,
|
|
2416
2417
|
ta: h,
|
|
2417
2418
|
maw: 900,
|
|
2418
2419
|
children: [
|
|
@@ -2498,7 +2499,7 @@ function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note:
|
|
|
2498
2499
|
}
|
|
2499
2500
|
);
|
|
2500
2501
|
}
|
|
2501
|
-
function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items: c = [], footnote:
|
|
2502
|
+
function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items: c = [], footnote: g, background: h = "gray", ta: p = "center" }) {
|
|
2502
2503
|
return /* @__PURE__ */ r(
|
|
2503
2504
|
P,
|
|
2504
2505
|
{
|
|
@@ -2550,7 +2551,7 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
|
|
|
2550
2551
|
m: 0,
|
|
2551
2552
|
pl: "lg",
|
|
2552
2553
|
style: { display: "flex", flexDirection: "column", gap: 16 },
|
|
2553
|
-
children: c.map((s,
|
|
2554
|
+
children: c.map((s, m) => /* @__PURE__ */ r(
|
|
2554
2555
|
i,
|
|
2555
2556
|
{
|
|
2556
2557
|
component: "li",
|
|
@@ -2571,11 +2572,11 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
|
|
|
2571
2572
|
s.text
|
|
2572
2573
|
]
|
|
2573
2574
|
},
|
|
2574
|
-
s.lead ||
|
|
2575
|
+
s.lead || m
|
|
2575
2576
|
))
|
|
2576
2577
|
}
|
|
2577
2578
|
),
|
|
2578
|
-
|
|
2579
|
+
g && /* @__PURE__ */ r(
|
|
2579
2580
|
i,
|
|
2580
2581
|
{
|
|
2581
2582
|
size: "sm",
|
|
@@ -2585,18 +2586,18 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
|
|
|
2585
2586
|
lh: 1.7,
|
|
2586
2587
|
style: { borderTop: "1px solid var(--mantine-color-gray-2)" },
|
|
2587
2588
|
children: [
|
|
2588
|
-
|
|
2589
|
+
g.lead && /* @__PURE__ */ e(
|
|
2589
2590
|
i,
|
|
2590
2591
|
{
|
|
2591
2592
|
component: "span",
|
|
2592
2593
|
fw: 700,
|
|
2593
2594
|
c: "gray.9",
|
|
2594
2595
|
inherit: !0,
|
|
2595
|
-
children:
|
|
2596
|
+
children: g.lead
|
|
2596
2597
|
}
|
|
2597
2598
|
),
|
|
2598
2599
|
" ",
|
|
2599
|
-
|
|
2600
|
+
g.text
|
|
2600
2601
|
]
|
|
2601
2602
|
}
|
|
2602
2603
|
)
|
|
@@ -2607,7 +2608,7 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
|
|
|
2607
2608
|
}
|
|
2608
2609
|
);
|
|
2609
2610
|
}
|
|
2610
|
-
function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c, role:
|
|
2611
|
+
function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c, role: g, quote: h, credentials: p = [], background: s = "white", ta: m = "center" }) {
|
|
2611
2612
|
return /* @__PURE__ */ r(
|
|
2612
2613
|
P,
|
|
2613
2614
|
{
|
|
@@ -2615,17 +2616,17 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
|
|
|
2615
2616
|
subtitle: d,
|
|
2616
2617
|
title: l,
|
|
2617
2618
|
background: s,
|
|
2618
|
-
ta:
|
|
2619
|
+
ta: m,
|
|
2619
2620
|
maw: 900,
|
|
2620
2621
|
children: [
|
|
2621
2622
|
n && /* @__PURE__ */ e(
|
|
2622
2623
|
i,
|
|
2623
2624
|
{
|
|
2624
2625
|
c: "gray.6",
|
|
2625
|
-
ta:
|
|
2626
|
+
ta: m,
|
|
2626
2627
|
mb: 60,
|
|
2627
2628
|
maw: 800,
|
|
2628
|
-
mx:
|
|
2629
|
+
mx: m === "center" ? "auto" : void 0,
|
|
2629
2630
|
fz: "lg",
|
|
2630
2631
|
lh: 1.6,
|
|
2631
2632
|
children: n
|
|
@@ -2672,7 +2673,7 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
|
|
|
2672
2673
|
}
|
|
2673
2674
|
) }),
|
|
2674
2675
|
/* @__PURE__ */ r(v.Col, { span: { base: 12, sm: "auto" }, children: [
|
|
2675
|
-
(c ||
|
|
2676
|
+
(c || g) && /* @__PURE__ */ r(
|
|
2676
2677
|
f,
|
|
2677
2678
|
{
|
|
2678
2679
|
mb: "lg",
|
|
@@ -2690,14 +2691,14 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
|
|
|
2690
2691
|
children: c
|
|
2691
2692
|
}
|
|
2692
2693
|
),
|
|
2693
|
-
|
|
2694
|
+
g && /* @__PURE__ */ e(
|
|
2694
2695
|
j,
|
|
2695
2696
|
{
|
|
2696
2697
|
variant: "dot",
|
|
2697
2698
|
color: "gray",
|
|
2698
2699
|
size: "sm",
|
|
2699
2700
|
radius: "0",
|
|
2700
|
-
children:
|
|
2701
|
+
children: g
|
|
2701
2702
|
}
|
|
2702
2703
|
)
|
|
2703
2704
|
]
|
|
@@ -2771,7 +2772,7 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
|
|
|
2771
2772
|
}
|
|
2772
2773
|
);
|
|
2773
2774
|
}
|
|
2774
|
-
function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c = [], background:
|
|
2775
|
+
function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c = [], background: g = "gray", ta: h = "center" }) {
|
|
2775
2776
|
return /* @__PURE__ */ r(
|
|
2776
2777
|
P,
|
|
2777
2778
|
{
|
|
@@ -2779,7 +2780,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2779
2780
|
badge: d,
|
|
2780
2781
|
subtitle: l,
|
|
2781
2782
|
title: n,
|
|
2782
|
-
background:
|
|
2783
|
+
background: g,
|
|
2783
2784
|
ta: h,
|
|
2784
2785
|
maw: 900,
|
|
2785
2786
|
children: [
|
|
@@ -2803,7 +2804,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2803
2804
|
spacing: "xl",
|
|
2804
2805
|
verticalSpacing: { base: 56, md: "xl" },
|
|
2805
2806
|
children: c.map((p, s) => {
|
|
2806
|
-
const
|
|
2807
|
+
const m = p.icon;
|
|
2807
2808
|
return /* @__PURE__ */ r(
|
|
2808
2809
|
b,
|
|
2809
2810
|
{
|
|
@@ -2828,7 +2829,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2828
2829
|
children: p.number || String(s + 1).padStart(2, "0")
|
|
2829
2830
|
}
|
|
2830
2831
|
),
|
|
2831
|
-
|
|
2832
|
+
m && /* @__PURE__ */ e(
|
|
2832
2833
|
z,
|
|
2833
2834
|
{
|
|
2834
2835
|
size: 60,
|
|
@@ -2839,7 +2840,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2839
2840
|
pos: "relative",
|
|
2840
2841
|
style: { zIndex: 1 },
|
|
2841
2842
|
children: /* @__PURE__ */ e(
|
|
2842
|
-
|
|
2843
|
+
m,
|
|
2843
2844
|
{
|
|
2844
2845
|
size: 30,
|
|
2845
2846
|
stroke: 1.5
|
|
@@ -2881,11 +2882,11 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2881
2882
|
}
|
|
2882
2883
|
);
|
|
2883
2884
|
}
|
|
2884
|
-
function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsappNumber: c, messageIntro:
|
|
2885
|
-
const [
|
|
2885
|
+
function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsappNumber: c, messageIntro: g = "Olá! Vim pelo site.", submit: h = {}, reassurance: p, onSubmit: s }) {
|
|
2886
|
+
const [m, o] = _(() => Object.fromEntries(t.map((x) => [x.name, ""]))), [y, w] = _(!1), T = (x) => (L) => {
|
|
2886
2887
|
const { value: q } = L.currentTarget;
|
|
2887
2888
|
o((O) => ({ ...O, [x]: q }));
|
|
2888
|
-
}, S = t.filter((x) => x.required).every((x) =>
|
|
2889
|
+
}, S = t.filter((x) => x.required).every((x) => m[x.name]?.trim());
|
|
2889
2890
|
return /* @__PURE__ */ e(
|
|
2890
2891
|
b,
|
|
2891
2892
|
{
|
|
@@ -2943,9 +2944,9 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
|
|
|
2943
2944
|
bg: "white",
|
|
2944
2945
|
children: /* @__PURE__ */ e("form", { onSubmit: (x) => {
|
|
2945
2946
|
if (x.preventDefault(), w(!0), !S) return;
|
|
2946
|
-
const L = [
|
|
2947
|
+
const L = [g, "", ...t.filter((q) => m[q.name]?.trim()).map((q) => `${q.label}: ${m[q.name]}`)].join(`
|
|
2947
2948
|
`);
|
|
2948
|
-
if (s?.(
|
|
2949
|
+
if (s?.(m), c) {
|
|
2949
2950
|
const q = `https://wa.me/${c}?text=${encodeURIComponent(L)}`;
|
|
2950
2951
|
window.open(q, "_blank", "noopener,noreferrer");
|
|
2951
2952
|
}
|
|
@@ -2957,9 +2958,9 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
|
|
|
2957
2958
|
placeholder: x.placeholder,
|
|
2958
2959
|
type: x.type || "text",
|
|
2959
2960
|
required: x.required,
|
|
2960
|
-
value:
|
|
2961
|
+
value: m[x.name] || "",
|
|
2961
2962
|
onChange: T(x.name),
|
|
2962
|
-
error: y && x.required && !
|
|
2963
|
+
error: y && x.required && !m[x.name]?.trim() ? "Obrigatório" : null
|
|
2963
2964
|
},
|
|
2964
2965
|
x.name
|
|
2965
2966
|
)) }),
|
|
@@ -2970,9 +2971,9 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
|
|
|
2970
2971
|
placeholder: x.placeholder,
|
|
2971
2972
|
type: x.type || "text",
|
|
2972
2973
|
required: x.required,
|
|
2973
|
-
value:
|
|
2974
|
+
value: m[x.name] || "",
|
|
2974
2975
|
onChange: T(x.name),
|
|
2975
|
-
error: y && x.required && !
|
|
2976
|
+
error: y && x.required && !m[x.name]?.trim() ? "Obrigatório" : null
|
|
2976
2977
|
},
|
|
2977
2978
|
x.name
|
|
2978
2979
|
)),
|
|
@@ -3087,14 +3088,14 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
|
|
|
3087
3088
|
{
|
|
3088
3089
|
gap: "md",
|
|
3089
3090
|
mb: 40,
|
|
3090
|
-
children: n.items.map((
|
|
3091
|
+
children: n.items.map((g, h) => /* @__PURE__ */ r(qe, { children: [
|
|
3091
3092
|
/* @__PURE__ */ r(f, { justify: "space-between", children: [
|
|
3092
3093
|
/* @__PURE__ */ e(
|
|
3093
3094
|
i,
|
|
3094
3095
|
{
|
|
3095
3096
|
size: "sm",
|
|
3096
3097
|
c: "gray.6",
|
|
3097
|
-
children:
|
|
3098
|
+
children: g.label
|
|
3098
3099
|
}
|
|
3099
3100
|
),
|
|
3100
3101
|
/* @__PURE__ */ e(
|
|
@@ -3102,7 +3103,7 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
|
|
|
3102
3103
|
{
|
|
3103
3104
|
fw: 700,
|
|
3104
3105
|
c: "gray.9",
|
|
3105
|
-
children:
|
|
3106
|
+
children: g.value
|
|
3106
3107
|
}
|
|
3107
3108
|
)
|
|
3108
3109
|
] }),
|
|
@@ -3218,7 +3219,7 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
|
|
|
3218
3219
|
)
|
|
3219
3220
|
}
|
|
3220
3221
|
),
|
|
3221
|
-
children: t.items.map((
|
|
3222
|
+
children: t.items.map((g, h) => /* @__PURE__ */ e(V.Item, { children: g }, h))
|
|
3222
3223
|
}
|
|
3223
3224
|
),
|
|
3224
3225
|
t.pricingBox && /* @__PURE__ */ e(
|
|
@@ -3296,11 +3297,11 @@ function Vr({
|
|
|
3296
3297
|
{ label: "Mensal", value: "monthly" },
|
|
3297
3298
|
{ label: "Anual", value: "annual" }
|
|
3298
3299
|
],
|
|
3299
|
-
billing:
|
|
3300
|
+
billing: g,
|
|
3300
3301
|
setBilling: h,
|
|
3301
3302
|
promoBadge: p,
|
|
3302
3303
|
plans: s,
|
|
3303
|
-
background:
|
|
3304
|
+
background: m = "white"
|
|
3304
3305
|
}) {
|
|
3305
3306
|
return /* @__PURE__ */ r(
|
|
3306
3307
|
P,
|
|
@@ -3310,7 +3311,7 @@ function Vr({
|
|
|
3310
3311
|
subtitle: l,
|
|
3311
3312
|
title: n,
|
|
3312
3313
|
ta: "center",
|
|
3313
|
-
background:
|
|
3314
|
+
background: m,
|
|
3314
3315
|
maw: 900,
|
|
3315
3316
|
children: [
|
|
3316
3317
|
t && /* @__PURE__ */ e(
|
|
@@ -3336,7 +3337,7 @@ function Vr({
|
|
|
3336
3337
|
/* @__PURE__ */ e(
|
|
3337
3338
|
Ie,
|
|
3338
3339
|
{
|
|
3339
|
-
value:
|
|
3340
|
+
value: g,
|
|
3340
3341
|
onChange: h,
|
|
3341
3342
|
radius: "0",
|
|
3342
3343
|
size: "md",
|
|
@@ -3346,7 +3347,7 @@ function Vr({
|
|
|
3346
3347
|
style: { border: "1px solid var(--mantine-color-gray-2)" }
|
|
3347
3348
|
}
|
|
3348
3349
|
),
|
|
3349
|
-
|
|
3350
|
+
g === "annual" && p && /* @__PURE__ */ e(
|
|
3350
3351
|
j,
|
|
3351
3352
|
{
|
|
3352
3353
|
variant: "filled",
|
|
@@ -3638,8 +3639,8 @@ function Vr({
|
|
|
3638
3639
|
}
|
|
3639
3640
|
);
|
|
3640
3641
|
}
|
|
3641
|
-
function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions: c = [], contactCard:
|
|
3642
|
-
const s = Math.ceil(c.length / 2),
|
|
3642
|
+
function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions: c = [], contactCard: g, background: h = "white", ta: p = "left" }) {
|
|
3643
|
+
const s = Math.ceil(c.length / 2), m = {
|
|
3643
3644
|
item: {
|
|
3644
3645
|
backgroundColor: h === "gray" ? "gray.1" : "white",
|
|
3645
3646
|
border: "1px solid var(--mantine-color-gray-2)"
|
|
@@ -3694,7 +3695,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3694
3695
|
variant: "separated",
|
|
3695
3696
|
radius: "0",
|
|
3696
3697
|
chevronPosition: "right",
|
|
3697
|
-
styles:
|
|
3698
|
+
styles: m,
|
|
3698
3699
|
children: c.slice(0, s).map((o, y) => /* @__PURE__ */ r(
|
|
3699
3700
|
R.Item,
|
|
3700
3701
|
{
|
|
@@ -3729,7 +3730,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3729
3730
|
variant: "separated",
|
|
3730
3731
|
radius: "0",
|
|
3731
3732
|
chevronPosition: "right",
|
|
3732
|
-
styles:
|
|
3733
|
+
styles: m,
|
|
3733
3734
|
children: c.slice(s).map((o, y) => /* @__PURE__ */ r(
|
|
3734
3735
|
R.Item,
|
|
3735
3736
|
{
|
|
@@ -3761,7 +3762,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3761
3762
|
]
|
|
3762
3763
|
}
|
|
3763
3764
|
),
|
|
3764
|
-
|
|
3765
|
+
g && /* @__PURE__ */ e(
|
|
3765
3766
|
I,
|
|
3766
3767
|
{
|
|
3767
3768
|
mt: { base: 40, md: 80 },
|
|
@@ -3792,7 +3793,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3792
3793
|
fw: 900,
|
|
3793
3794
|
c: "gray.9",
|
|
3794
3795
|
lh: 1.2,
|
|
3795
|
-
children:
|
|
3796
|
+
children: g.title
|
|
3796
3797
|
}
|
|
3797
3798
|
),
|
|
3798
3799
|
/* @__PURE__ */ e(
|
|
@@ -3801,7 +3802,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3801
3802
|
c: "gray.6",
|
|
3802
3803
|
maw: 500,
|
|
3803
3804
|
size: "lg",
|
|
3804
|
-
children:
|
|
3805
|
+
children: g.description
|
|
3805
3806
|
}
|
|
3806
3807
|
)
|
|
3807
3808
|
]
|
|
@@ -3810,12 +3811,12 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3810
3811
|
/* @__PURE__ */ e(u, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
|
|
3811
3812
|
M,
|
|
3812
3813
|
{
|
|
3813
|
-
label:
|
|
3814
|
-
href:
|
|
3815
|
-
target:
|
|
3816
|
-
leftSection:
|
|
3817
|
-
size:
|
|
3818
|
-
color:
|
|
3814
|
+
label: g.cta.label,
|
|
3815
|
+
href: g.cta.href,
|
|
3816
|
+
target: g.cta.target,
|
|
3817
|
+
leftSection: g.cta.icon,
|
|
3818
|
+
size: g.cta.size || "xl",
|
|
3819
|
+
color: g.cta.color || "gray.8"
|
|
3819
3820
|
}
|
|
3820
3821
|
) })
|
|
3821
3822
|
]
|
|
@@ -3840,7 +3841,7 @@ function Wr({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray
|
|
|
3840
3841
|
{
|
|
3841
3842
|
cols: { base: 1, md: n.length > 3 ? 4 : n.length || 3 },
|
|
3842
3843
|
spacing: "xl",
|
|
3843
|
-
children: n.map((c,
|
|
3844
|
+
children: n.map((c, g) => /* @__PURE__ */ e(
|
|
3844
3845
|
I,
|
|
3845
3846
|
{
|
|
3846
3847
|
p: "xl",
|
|
@@ -3920,7 +3921,7 @@ function Wr({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray
|
|
|
3920
3921
|
}
|
|
3921
3922
|
)
|
|
3922
3923
|
},
|
|
3923
|
-
|
|
3924
|
+
g
|
|
3924
3925
|
))
|
|
3925
3926
|
}
|
|
3926
3927
|
)
|
|
@@ -3932,7 +3933,7 @@ const le = {
|
|
|
3932
3933
|
label: { whiteSpace: "normal", lineHeight: 1.4 },
|
|
3933
3934
|
inner: { paddingTop: 12, paddingBottom: 12 }
|
|
3934
3935
|
};
|
|
3935
|
-
function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, featuresList: c, featuresLabel:
|
|
3936
|
+
function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, featuresList: c, featuresLabel: g, cta: h, secondaryCta: p, background: s = "gray", ta: m = "center" }) {
|
|
3936
3937
|
return /* @__PURE__ */ e(
|
|
3937
3938
|
P,
|
|
3938
3939
|
{
|
|
@@ -3950,8 +3951,8 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
|
|
|
3950
3951
|
children: /* @__PURE__ */ r(
|
|
3951
3952
|
u,
|
|
3952
3953
|
{
|
|
3953
|
-
align:
|
|
3954
|
-
ta:
|
|
3954
|
+
align: m === "center" ? "center" : "flex-start",
|
|
3955
|
+
ta: m,
|
|
3955
3956
|
gap: "xl",
|
|
3956
3957
|
children: [
|
|
3957
3958
|
d && /* @__PURE__ */ e(
|
|
@@ -3983,18 +3984,18 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
|
|
|
3983
3984
|
{
|
|
3984
3985
|
c: "gray.7",
|
|
3985
3986
|
size: "xl",
|
|
3986
|
-
maw:
|
|
3987
|
+
maw: m === "center" ? 550 : 640,
|
|
3987
3988
|
children: t
|
|
3988
3989
|
}
|
|
3989
3990
|
),
|
|
3990
3991
|
c && c.length > 0 && /* @__PURE__ */ r(b, { ta: "left", children: [
|
|
3991
|
-
|
|
3992
|
+
g && /* @__PURE__ */ e(
|
|
3992
3993
|
i,
|
|
3993
3994
|
{
|
|
3994
3995
|
fw: 700,
|
|
3995
3996
|
c: "gray.9",
|
|
3996
3997
|
mb: "md",
|
|
3997
|
-
children:
|
|
3998
|
+
children: g
|
|
3998
3999
|
}
|
|
3999
4000
|
),
|
|
4000
4001
|
/* @__PURE__ */ e(
|
|
@@ -4036,12 +4037,12 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
|
|
|
4036
4037
|
{
|
|
4037
4038
|
mt: "md",
|
|
4038
4039
|
w: "100%",
|
|
4039
|
-
style: { display: "flex", justifyContent:
|
|
4040
|
+
style: { display: "flex", justifyContent: m === "center" ? "center" : "flex-start" },
|
|
4040
4041
|
children: /* @__PURE__ */ r(
|
|
4041
4042
|
f,
|
|
4042
4043
|
{
|
|
4043
4044
|
gap: "md",
|
|
4044
|
-
justify:
|
|
4045
|
+
justify: m === "center" ? "center" : "flex-start",
|
|
4045
4046
|
style: { maxWidth: "100%" },
|
|
4046
4047
|
className: "rlg-cta-group",
|
|
4047
4048
|
children: [
|
|
@@ -4163,8 +4164,8 @@ function nr({ text: a = "Selo Exclusivo", color: d = "green.6", background: l =
|
|
|
4163
4164
|
);
|
|
4164
4165
|
}
|
|
4165
4166
|
const _r = nr;
|
|
4166
|
-
function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], copyrightText: t, madeByText: c, background:
|
|
4167
|
-
const p = N(
|
|
4167
|
+
function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], copyrightText: t, madeByText: c, background: g = "white", status: h }) {
|
|
4168
|
+
const p = N(g);
|
|
4168
4169
|
return /* @__PURE__ */ e(
|
|
4169
4170
|
b,
|
|
4170
4171
|
{
|
|
@@ -4202,7 +4203,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
|
|
|
4202
4203
|
},
|
|
4203
4204
|
spacing: "xl",
|
|
4204
4205
|
children: [
|
|
4205
|
-
l.map((s,
|
|
4206
|
+
l.map((s, m) => /* @__PURE__ */ r(
|
|
4206
4207
|
u,
|
|
4207
4208
|
{
|
|
4208
4209
|
gap: "md",
|
|
@@ -4231,7 +4232,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
|
|
|
4231
4232
|
)) })
|
|
4232
4233
|
]
|
|
4233
4234
|
},
|
|
4234
|
-
|
|
4235
|
+
m
|
|
4235
4236
|
)),
|
|
4236
4237
|
n && n.length > 0 && /* @__PURE__ */ r(u, { gap: "md", children: [
|
|
4237
4238
|
/* @__PURE__ */ e(
|
|
@@ -4244,7 +4245,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
|
|
|
4244
4245
|
children: "Social"
|
|
4245
4246
|
}
|
|
4246
4247
|
),
|
|
4247
|
-
/* @__PURE__ */ e(f, { gap: "xs", children: n.map((s,
|
|
4248
|
+
/* @__PURE__ */ e(f, { gap: "xs", children: n.map((s, m) => /* @__PURE__ */ e(
|
|
4248
4249
|
ce,
|
|
4249
4250
|
{
|
|
4250
4251
|
size: "md",
|
|
@@ -4254,10 +4255,10 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
|
|
|
4254
4255
|
href: s.href,
|
|
4255
4256
|
target: "_blank",
|
|
4256
4257
|
radius: "0",
|
|
4257
|
-
"aria-label": s.label || `Social link ${
|
|
4258
|
+
"aria-label": s.label || `Social link ${m + 1}`,
|
|
4258
4259
|
children: s.icon
|
|
4259
4260
|
},
|
|
4260
|
-
|
|
4261
|
+
m
|
|
4261
4262
|
)) })
|
|
4262
4263
|
] })
|
|
4263
4264
|
]
|
|
@@ -4448,7 +4449,7 @@ function Kr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
|
|
|
4448
4449
|
radius: "0",
|
|
4449
4450
|
color: "gray",
|
|
4450
4451
|
children: /* @__PURE__ */ e(
|
|
4451
|
-
|
|
4452
|
+
ge,
|
|
4452
4453
|
{
|
|
4453
4454
|
size: 32,
|
|
4454
4455
|
stroke: 1.2
|
|
@@ -5122,7 +5123,7 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
|
|
|
5122
5123
|
radius: "0",
|
|
5123
5124
|
color: "gray",
|
|
5124
5125
|
children: /* @__PURE__ */ e(
|
|
5125
|
-
|
|
5126
|
+
ge,
|
|
5126
5127
|
{
|
|
5127
5128
|
size: 32,
|
|
5128
5129
|
stroke: 1.2
|
|
@@ -5288,21 +5289,21 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
|
|
|
5288
5289
|
}
|
|
5289
5290
|
const or = 6, lr = 2e3;
|
|
5290
5291
|
function Xr(a, { intervalMs: d = 3e4, maxSamples: l = 40 } = {}) {
|
|
5291
|
-
const [n, t] = _({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [c,
|
|
5292
|
+
const [n, t] = _({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [c, g] = _([]), h = De([]);
|
|
5292
5293
|
return pe(() => {
|
|
5293
5294
|
if (!a) return;
|
|
5294
|
-
h.current = [],
|
|
5295
|
+
h.current = [], g([]);
|
|
5295
5296
|
let p = !1;
|
|
5296
5297
|
const s = (S) => {
|
|
5297
|
-
h.current = [...h.current, S].slice(-l),
|
|
5298
|
-
},
|
|
5298
|
+
h.current = [...h.current, S].slice(-l), g(h.current);
|
|
5299
|
+
}, m = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), o = async () => {
|
|
5299
5300
|
const S = Date.now();
|
|
5300
5301
|
try {
|
|
5301
5302
|
const k = await fetch(a, { headers: { accept: "application/json" } });
|
|
5302
5303
|
if (!k.ok) throw new Error(`HTTP ${k.status}`);
|
|
5303
5304
|
const x = await k.json();
|
|
5304
5305
|
if (p) return;
|
|
5305
|
-
y ? y = !1 : s({ time:
|
|
5306
|
+
y ? y = !1 : s({ time: m(), ms: Date.now() - S, up: x.status !== "down" }), t({
|
|
5306
5307
|
status: x.status || "operational",
|
|
5307
5308
|
checks: x.checks || [],
|
|
5308
5309
|
checkedAt: x.checkedAt || null,
|
|
@@ -5312,7 +5313,7 @@ function Xr(a, { intervalMs: d = 3e4, maxSamples: l = 40 } = {}) {
|
|
|
5312
5313
|
});
|
|
5313
5314
|
} catch {
|
|
5314
5315
|
if (p) return;
|
|
5315
|
-
y = !1, s({ time:
|
|
5316
|
+
y = !1, s({ time: m(), ms: Date.now() - S, up: !1 }), t((x) => ({ ...x, error: "unreachable", loading: !1 }));
|
|
5316
5317
|
}
|
|
5317
5318
|
};
|
|
5318
5319
|
let y = !0, w = 0, T;
|
|
@@ -5337,8 +5338,8 @@ function sr(a, d = 12) {
|
|
|
5337
5338
|
if (a.length === 0) return [];
|
|
5338
5339
|
const l = Math.max(1, Math.ceil(a.length / d)), n = [];
|
|
5339
5340
|
for (let t = 0; t < a.length; t += l) {
|
|
5340
|
-
const c = a.slice(t, t + l),
|
|
5341
|
-
n.push({ day: c[c.length - 1].time, pct:
|
|
5341
|
+
const c = a.slice(t, t + l), g = c.filter((h) => h.up).length;
|
|
5342
|
+
n.push({ day: c[c.length - 1].time, pct: g / c.length * 100 });
|
|
5342
5343
|
}
|
|
5343
5344
|
return n;
|
|
5344
5345
|
}
|
|
@@ -5372,7 +5373,7 @@ export {
|
|
|
5372
5373
|
J as SECTION_BACKGROUNDS,
|
|
5373
5374
|
Ur as SecondaryCTA,
|
|
5374
5375
|
P as Section,
|
|
5375
|
-
|
|
5376
|
+
me as SectionHeader,
|
|
5376
5377
|
_r as SeloExclusivo,
|
|
5377
5378
|
Pr as SocialProof,
|
|
5378
5379
|
Fr as StatsGrid,
|