@ciromaciel/components-kit 1.2.1 → 1.2.2
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 +162 -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(
|
|
@@ -591,8 +591,9 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
|
|
|
591
591
|
{
|
|
592
592
|
shadow: p ? "sm" : "none",
|
|
593
593
|
radius: "0",
|
|
594
|
-
|
|
595
|
-
|
|
594
|
+
py: "xs",
|
|
595
|
+
px: 0,
|
|
596
|
+
bg: g,
|
|
596
597
|
bd: p ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
|
|
597
598
|
style: { pointerEvents: "auto", transition: "all 0.2s ease" },
|
|
598
599
|
children: /* @__PURE__ */ r(
|
|
@@ -601,7 +602,6 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
|
|
|
601
602
|
justify: "space-between",
|
|
602
603
|
align: "center",
|
|
603
604
|
wrap: "nowrap",
|
|
604
|
-
px: { base: "xs", sm: "md" },
|
|
605
605
|
children: [
|
|
606
606
|
a && (() => {
|
|
607
607
|
const o = { display: "inline-flex", textDecoration: "none", minWidth: 0, flex: "0 1 auto" };
|
|
@@ -659,7 +659,7 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
|
|
|
659
659
|
tabIndex: o.component ? void 0 : 0,
|
|
660
660
|
style: { cursor: "pointer", ...o.style },
|
|
661
661
|
onClick: o.target ? () => s(o.target) : o.onClick,
|
|
662
|
-
onKeyDown: o.target ? (y) =>
|
|
662
|
+
onKeyDown: o.target ? (y) => m(y, o.target) : o.onKeyDown,
|
|
663
663
|
children: o.label
|
|
664
664
|
},
|
|
665
665
|
o.label
|
|
@@ -740,8 +740,8 @@ const Tr = Xe, te = {
|
|
|
740
740
|
label: { whiteSpace: "normal", lineHeight: 1.4 },
|
|
741
741
|
inner: { paddingTop: 12, paddingBottom: 12 }
|
|
742
742
|
};
|
|
743
|
-
function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, note: c, video:
|
|
744
|
-
const y = !!(
|
|
743
|
+
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" }) {
|
|
744
|
+
const y = !!(g || h);
|
|
745
745
|
return /* @__PURE__ */ e(
|
|
746
746
|
b,
|
|
747
747
|
{
|
|
@@ -764,12 +764,12 @@ function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, no
|
|
|
764
764
|
ta: y ? { base: "center", md: "left" } : "center",
|
|
765
765
|
children: [
|
|
766
766
|
/* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
|
|
767
|
-
|
|
767
|
+
me,
|
|
768
768
|
{
|
|
769
769
|
subtitle: a,
|
|
770
770
|
title: d,
|
|
771
771
|
titleOrder: 1,
|
|
772
|
-
titleFz:
|
|
772
|
+
titleFz: m,
|
|
773
773
|
ta: y ? "inherit" : "center",
|
|
774
774
|
maw: y ? void 0 : 940
|
|
775
775
|
}
|
|
@@ -845,7 +845,7 @@ function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, no
|
|
|
845
845
|
y && /* @__PURE__ */ e(
|
|
846
846
|
ue,
|
|
847
847
|
{
|
|
848
|
-
video:
|
|
848
|
+
video: g,
|
|
849
849
|
image: h,
|
|
850
850
|
maw: s,
|
|
851
851
|
alt: "Demonstração do produto"
|
|
@@ -935,7 +935,7 @@ function Pr({ id: a, title: d, logos: l, background: n = "gray" }) {
|
|
|
935
935
|
}
|
|
936
936
|
);
|
|
937
937
|
}
|
|
938
|
-
function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, featuresList: c, cta:
|
|
938
|
+
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
939
|
const y = c && c.length > 0 && /* @__PURE__ */ e(
|
|
940
940
|
V,
|
|
941
941
|
{
|
|
@@ -986,15 +986,15 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
|
|
|
986
986
|
}
|
|
987
987
|
),
|
|
988
988
|
y,
|
|
989
|
-
|
|
989
|
+
g && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
|
|
990
990
|
M,
|
|
991
991
|
{
|
|
992
|
-
label:
|
|
993
|
-
href:
|
|
994
|
-
icon:
|
|
995
|
-
size:
|
|
996
|
-
variant:
|
|
997
|
-
color:
|
|
992
|
+
label: g.label,
|
|
993
|
+
href: g.href,
|
|
994
|
+
icon: g.icon,
|
|
995
|
+
size: g.size || "lg",
|
|
996
|
+
variant: g.variant,
|
|
997
|
+
color: g.color
|
|
998
998
|
}
|
|
999
999
|
) })
|
|
1000
1000
|
]
|
|
@@ -1027,7 +1027,7 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
|
|
|
1027
1027
|
id: a,
|
|
1028
1028
|
subtitle: d,
|
|
1029
1029
|
title: l,
|
|
1030
|
-
background:
|
|
1030
|
+
background: m,
|
|
1031
1031
|
children: /* @__PURE__ */ e(
|
|
1032
1032
|
A,
|
|
1033
1033
|
{
|
|
@@ -1046,7 +1046,7 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
|
|
|
1046
1046
|
}
|
|
1047
1047
|
);
|
|
1048
1048
|
}
|
|
1049
|
-
function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background: c = "gray", items:
|
|
1049
|
+
function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background: c = "gray", items: g = [], ta: h = "left", note: p }) {
|
|
1050
1050
|
return /* @__PURE__ */ r(
|
|
1051
1051
|
P,
|
|
1052
1052
|
{
|
|
@@ -1071,12 +1071,12 @@ function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background
|
|
|
1071
1071
|
children: t
|
|
1072
1072
|
}
|
|
1073
1073
|
),
|
|
1074
|
-
/* @__PURE__ */ e(v, { gutter: "lg", children:
|
|
1074
|
+
/* @__PURE__ */ e(v, { gutter: "lg", children: g.map((s, m) => /* @__PURE__ */ e(
|
|
1075
1075
|
Ze,
|
|
1076
1076
|
{
|
|
1077
1077
|
...s
|
|
1078
1078
|
},
|
|
1079
|
-
|
|
1079
|
+
m
|
|
1080
1080
|
)) }),
|
|
1081
1081
|
p && /* @__PURE__ */ e(
|
|
1082
1082
|
i,
|
|
@@ -1102,11 +1102,11 @@ function Ze({
|
|
|
1102
1102
|
label: n,
|
|
1103
1103
|
title: t,
|
|
1104
1104
|
titleSize: c,
|
|
1105
|
-
description:
|
|
1105
|
+
description: g,
|
|
1106
1106
|
descriptionSize: h,
|
|
1107
1107
|
descriptionMaw: p,
|
|
1108
1108
|
span: s = { base: 12, md: 6 },
|
|
1109
|
-
background:
|
|
1109
|
+
background: m = "white",
|
|
1110
1110
|
visual: o,
|
|
1111
1111
|
secondaryVisual: y,
|
|
1112
1112
|
layout: w = "stacked",
|
|
@@ -1165,14 +1165,14 @@ function Ze({
|
|
|
1165
1165
|
children: t
|
|
1166
1166
|
}
|
|
1167
1167
|
),
|
|
1168
|
-
|
|
1168
|
+
g && /* @__PURE__ */ e(
|
|
1169
1169
|
i,
|
|
1170
1170
|
{
|
|
1171
1171
|
c: "gray.6",
|
|
1172
1172
|
size: h || (w === "compact" ? "sm" : "lg"),
|
|
1173
1173
|
maw: p,
|
|
1174
1174
|
mb: T ? "xl" : w === "compact" ? "lg" : void 0,
|
|
1175
|
-
children:
|
|
1175
|
+
children: g
|
|
1176
1176
|
}
|
|
1177
1177
|
),
|
|
1178
1178
|
T && T.length > 0 && /* @__PURE__ */ e(f, { children: T.map((X, Q) => /* @__PURE__ */ e(
|
|
@@ -1208,7 +1208,7 @@ function Ze({
|
|
|
1208
1208
|
h: "100%",
|
|
1209
1209
|
p: { base: "xl", md: 40 },
|
|
1210
1210
|
radius: "0",
|
|
1211
|
-
bg: N(
|
|
1211
|
+
bg: N(m),
|
|
1212
1212
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1213
1213
|
style: q,
|
|
1214
1214
|
...O,
|
|
@@ -1233,7 +1233,7 @@ function Ze({
|
|
|
1233
1233
|
h: "100%",
|
|
1234
1234
|
p: { base: "xl", md: 40 },
|
|
1235
1235
|
radius: "0",
|
|
1236
|
-
bg: N(
|
|
1236
|
+
bg: N(m),
|
|
1237
1237
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1238
1238
|
style: q,
|
|
1239
1239
|
...O,
|
|
@@ -1248,7 +1248,7 @@ function Ze({
|
|
|
1248
1248
|
h: "100%",
|
|
1249
1249
|
p: { base: "xl", md: 40 },
|
|
1250
1250
|
radius: "0",
|
|
1251
|
-
bg: N(
|
|
1251
|
+
bg: N(m),
|
|
1252
1252
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1253
1253
|
pos: "relative",
|
|
1254
1254
|
style: q,
|
|
@@ -1285,7 +1285,7 @@ function Ze({
|
|
|
1285
1285
|
h: "100%",
|
|
1286
1286
|
p: { base: "xl", md: 40 },
|
|
1287
1287
|
radius: "0",
|
|
1288
|
-
bg: N(
|
|
1288
|
+
bg: N(m),
|
|
1289
1289
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1290
1290
|
display: "flex",
|
|
1291
1291
|
style: {
|
|
@@ -1437,7 +1437,7 @@ function ne(a) {
|
|
|
1437
1437
|
return null;
|
|
1438
1438
|
}
|
|
1439
1439
|
}
|
|
1440
|
-
function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background: c = "white", ta:
|
|
1440
|
+
function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background: c = "white", ta: g = "center", note: h }) {
|
|
1441
1441
|
const p = t ?? Math.min(Math.max(n.length, 1), 4);
|
|
1442
1442
|
return /* @__PURE__ */ r(
|
|
1443
1443
|
P,
|
|
@@ -1446,7 +1446,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
|
|
|
1446
1446
|
subtitle: d,
|
|
1447
1447
|
title: l,
|
|
1448
1448
|
background: c,
|
|
1449
|
-
ta:
|
|
1449
|
+
ta: g,
|
|
1450
1450
|
maw: 900,
|
|
1451
1451
|
children: [
|
|
1452
1452
|
/* @__PURE__ */ e(
|
|
@@ -1454,7 +1454,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
|
|
|
1454
1454
|
{
|
|
1455
1455
|
cols: { base: 1, sm: p === 3 ? 3 : 2, lg: p },
|
|
1456
1456
|
spacing: 0,
|
|
1457
|
-
children: n.map((s,
|
|
1457
|
+
children: n.map((s, m) => /* @__PURE__ */ r(
|
|
1458
1458
|
I,
|
|
1459
1459
|
{
|
|
1460
1460
|
px: "lg",
|
|
@@ -1505,7 +1505,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
|
|
|
1505
1505
|
)
|
|
1506
1506
|
]
|
|
1507
1507
|
},
|
|
1508
|
-
s.label ||
|
|
1508
|
+
s.label || m
|
|
1509
1509
|
))
|
|
1510
1510
|
}
|
|
1511
1511
|
),
|
|
@@ -1536,8 +1536,8 @@ const W = {
|
|
|
1536
1536
|
const d = new Date(a);
|
|
1537
1537
|
return Number.isNaN(d.getTime()) ? null : d.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
|
|
1538
1538
|
};
|
|
1539
|
-
function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], latency: t = [], uptime: c = [], error:
|
|
1540
|
-
const h =
|
|
1539
|
+
function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], latency: t = [], uptime: c = [], error: g }) {
|
|
1540
|
+
const h = g ? W.down : W[d] || W.loading, p = er(l);
|
|
1541
1541
|
return /* @__PURE__ */ e(
|
|
1542
1542
|
b,
|
|
1543
1543
|
{
|
|
@@ -1588,7 +1588,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1588
1588
|
fw: 900,
|
|
1589
1589
|
lts: "-0.04em",
|
|
1590
1590
|
lh: 1.05,
|
|
1591
|
-
children:
|
|
1591
|
+
children: g ? "Não foi possível verificar" : h.title
|
|
1592
1592
|
}
|
|
1593
1593
|
)
|
|
1594
1594
|
]
|
|
@@ -1599,7 +1599,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1599
1599
|
{
|
|
1600
1600
|
size: "sm",
|
|
1601
1601
|
c: "gray.5",
|
|
1602
|
-
children:
|
|
1602
|
+
children: g ? (
|
|
1603
1603
|
// O erro é da consulta feita pelo navegador, não do serviço:
|
|
1604
1604
|
// dizer "fora do ar" aqui seria afirmar mais do que se sabe.
|
|
1605
1605
|
"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 +1634,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1634
1634
|
lh: 1,
|
|
1635
1635
|
lts: "-0.04em",
|
|
1636
1636
|
children: [
|
|
1637
|
-
(c.reduce((s,
|
|
1637
|
+
(c.reduce((s, m) => s + m.pct, 0) / c.length).toFixed(2),
|
|
1638
1638
|
/* @__PURE__ */ e(
|
|
1639
1639
|
i,
|
|
1640
1640
|
{
|
|
@@ -1656,7 +1656,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1656
1656
|
h: 140,
|
|
1657
1657
|
align: "flex-end",
|
|
1658
1658
|
wrap: "nowrap",
|
|
1659
|
-
children: c.map((s,
|
|
1659
|
+
children: c.map((s, m) => /* @__PURE__ */ e(
|
|
1660
1660
|
se,
|
|
1661
1661
|
{
|
|
1662
1662
|
label: `${s.day} · ${s.pct.toFixed(2)}%`,
|
|
@@ -1670,7 +1670,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1670
1670
|
}
|
|
1671
1671
|
)
|
|
1672
1672
|
},
|
|
1673
|
-
|
|
1673
|
+
m
|
|
1674
1674
|
))
|
|
1675
1675
|
}
|
|
1676
1676
|
)
|
|
@@ -1744,7 +1744,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1744
1744
|
children: "Componentes"
|
|
1745
1745
|
}
|
|
1746
1746
|
),
|
|
1747
|
-
n.map((s,
|
|
1747
|
+
n.map((s, m) => {
|
|
1748
1748
|
const o = W[s.status] || W.loading;
|
|
1749
1749
|
return /* @__PURE__ */ r(
|
|
1750
1750
|
I,
|
|
@@ -1752,7 +1752,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1752
1752
|
bg: "transparent",
|
|
1753
1753
|
withBorder: !1,
|
|
1754
1754
|
py: "lg",
|
|
1755
|
-
bd: { top:
|
|
1755
|
+
bd: { top: m === 0 ? "1px solid var(--mantine-color-gray-2)" : void 0, bottom: "1px solid var(--mantine-color-gray-2)" },
|
|
1756
1756
|
children: [
|
|
1757
1757
|
/* @__PURE__ */ r(
|
|
1758
1758
|
f,
|
|
@@ -1875,7 +1875,7 @@ function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
|
|
|
1875
1875
|
)
|
|
1876
1876
|
]
|
|
1877
1877
|
},
|
|
1878
|
-
s.name ||
|
|
1878
|
+
s.name || m
|
|
1879
1879
|
);
|
|
1880
1880
|
})
|
|
1881
1881
|
] }),
|
|
@@ -1906,7 +1906,7 @@ const rr = {
|
|
|
1906
1906
|
loading: { color: "gray.4", label: "Verificando status" }
|
|
1907
1907
|
}, Y = 20;
|
|
1908
1908
|
function Er({ status: a = "loading", history: d = [], label: l, link: n, ...t }) {
|
|
1909
|
-
const c = oe[a] || oe.loading,
|
|
1909
|
+
const c = oe[a] || oe.loading, g = d.slice(-Y), h = Array(Math.max(0, Y - g.length)).fill(null), p = [...h, ...g];
|
|
1910
1910
|
return /* @__PURE__ */ e(
|
|
1911
1911
|
de,
|
|
1912
1912
|
{
|
|
@@ -1929,20 +1929,20 @@ function Er({ status: a = "loading", history: d = [], label: l, link: n, ...t })
|
|
|
1929
1929
|
h: 16,
|
|
1930
1930
|
"aria-hidden": "true",
|
|
1931
1931
|
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 =
|
|
1932
|
+
children: p.map((s, m) => {
|
|
1933
|
+
const o = s === null ? 2 : Math.max(2, s * 16), y = p.length - h.length - 1 || 1, w = m - h.length;
|
|
1934
1934
|
return /* @__PURE__ */ e(
|
|
1935
1935
|
b,
|
|
1936
1936
|
{
|
|
1937
1937
|
component: "rect",
|
|
1938
|
-
x:
|
|
1938
|
+
x: m * 4,
|
|
1939
1939
|
y: 16 - o,
|
|
1940
1940
|
width: 3,
|
|
1941
1941
|
height: o,
|
|
1942
1942
|
fill: s === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${c.color.replace(".", "-")})`,
|
|
1943
1943
|
opacity: s === null ? 0.6 : 0.55 + w / y * 0.45
|
|
1944
1944
|
},
|
|
1945
|
-
|
|
1945
|
+
m
|
|
1946
1946
|
);
|
|
1947
1947
|
})
|
|
1948
1948
|
}
|
|
@@ -1965,7 +1965,7 @@ function Er({ status: a = "loading", history: d = [], label: l, link: n, ...t })
|
|
|
1965
1965
|
}
|
|
1966
1966
|
);
|
|
1967
1967
|
}
|
|
1968
|
-
function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIcon: c, note:
|
|
1968
|
+
function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIcon: c, note: g, background: h = "white", ta: p = "center" }) {
|
|
1969
1969
|
return /* @__PURE__ */ r(
|
|
1970
1970
|
P,
|
|
1971
1971
|
{
|
|
@@ -1989,7 +1989,7 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
|
|
|
1989
1989
|
children: n
|
|
1990
1990
|
}
|
|
1991
1991
|
),
|
|
1992
|
-
/* @__PURE__ */ e(v, { gutter: "xl", children: t.map((s,
|
|
1992
|
+
/* @__PURE__ */ e(v, { gutter: "xl", children: t.map((s, m) => {
|
|
1993
1993
|
const o = s.icon;
|
|
1994
1994
|
return /* @__PURE__ */ e(
|
|
1995
1995
|
v.Col,
|
|
@@ -2097,10 +2097,10 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
|
|
|
2097
2097
|
}
|
|
2098
2098
|
)
|
|
2099
2099
|
},
|
|
2100
|
-
s.name ||
|
|
2100
|
+
s.name || m
|
|
2101
2101
|
);
|
|
2102
2102
|
}) }),
|
|
2103
|
-
|
|
2103
|
+
g && /* @__PURE__ */ e(
|
|
2104
2104
|
i,
|
|
2105
2105
|
{
|
|
2106
2106
|
size: "sm",
|
|
@@ -2111,7 +2111,7 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
|
|
|
2111
2111
|
mx: p === "center" ? "auto" : void 0,
|
|
2112
2112
|
lh: 1.6,
|
|
2113
2113
|
fs: "italic",
|
|
2114
|
-
children:
|
|
2114
|
+
children: g
|
|
2115
2115
|
}
|
|
2116
2116
|
)
|
|
2117
2117
|
]
|
|
@@ -2125,7 +2125,7 @@ function jr({
|
|
|
2125
2125
|
description: n,
|
|
2126
2126
|
items: t = [],
|
|
2127
2127
|
categories: c = [],
|
|
2128
|
-
filtersLabel:
|
|
2128
|
+
filtersLabel: g = "Filtrar por categoria",
|
|
2129
2129
|
note: h,
|
|
2130
2130
|
background: p = "white",
|
|
2131
2131
|
// SEM DEFAULT COM PALAVRA DE PRODUTO. Este texto aparece na tela, e um
|
|
@@ -2135,7 +2135,7 @@ function jr({
|
|
|
2135
2135
|
// rótulo a chamada não é desenhada; quem chama diz a palavra.
|
|
2136
2136
|
ctaLabel: s
|
|
2137
2137
|
}) {
|
|
2138
|
-
const [
|
|
2138
|
+
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
2139
|
return T ? (
|
|
2140
2140
|
// O CABEÇALHO É CENTRALIZADO, O CONTEÚDO NÃO. `ta="center"` no
|
|
2141
2141
|
// `Section` alinha o kicker, o título e — por herança — tudo que
|
|
@@ -2174,15 +2174,15 @@ function jr({
|
|
|
2174
2174
|
justify: y ? "center" : "flex-start",
|
|
2175
2175
|
wrap: "nowrap",
|
|
2176
2176
|
role: "group",
|
|
2177
|
-
"aria-label":
|
|
2177
|
+
"aria-label": g,
|
|
2178
2178
|
className: "rlg-shelf-filters",
|
|
2179
2179
|
children: c.map((S) => /* @__PURE__ */ e(
|
|
2180
2180
|
Se,
|
|
2181
2181
|
{
|
|
2182
2182
|
onClick: () => o(S.id),
|
|
2183
2183
|
className: "rlg-shelf-pill",
|
|
2184
|
-
"data-active":
|
|
2185
|
-
"aria-pressed":
|
|
2184
|
+
"data-active": m === S.id || void 0,
|
|
2185
|
+
"aria-pressed": m === S.id,
|
|
2186
2186
|
children: S.label
|
|
2187
2187
|
},
|
|
2188
2188
|
S.id
|
|
@@ -2405,14 +2405,14 @@ function ir({ item: a }) {
|
|
|
2405
2405
|
}
|
|
2406
2406
|
);
|
|
2407
2407
|
}
|
|
2408
|
-
function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note: c, background:
|
|
2408
|
+
function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note: c, background: g = "gray", ta: h = "center" }) {
|
|
2409
2409
|
return /* @__PURE__ */ r(
|
|
2410
2410
|
P,
|
|
2411
2411
|
{
|
|
2412
2412
|
id: a,
|
|
2413
2413
|
subtitle: d,
|
|
2414
2414
|
title: l,
|
|
2415
|
-
background:
|
|
2415
|
+
background: g,
|
|
2416
2416
|
ta: h,
|
|
2417
2417
|
maw: 900,
|
|
2418
2418
|
children: [
|
|
@@ -2498,7 +2498,7 @@ function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note:
|
|
|
2498
2498
|
}
|
|
2499
2499
|
);
|
|
2500
2500
|
}
|
|
2501
|
-
function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items: c = [], footnote:
|
|
2501
|
+
function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items: c = [], footnote: g, background: h = "gray", ta: p = "center" }) {
|
|
2502
2502
|
return /* @__PURE__ */ r(
|
|
2503
2503
|
P,
|
|
2504
2504
|
{
|
|
@@ -2550,7 +2550,7 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
|
|
|
2550
2550
|
m: 0,
|
|
2551
2551
|
pl: "lg",
|
|
2552
2552
|
style: { display: "flex", flexDirection: "column", gap: 16 },
|
|
2553
|
-
children: c.map((s,
|
|
2553
|
+
children: c.map((s, m) => /* @__PURE__ */ r(
|
|
2554
2554
|
i,
|
|
2555
2555
|
{
|
|
2556
2556
|
component: "li",
|
|
@@ -2571,11 +2571,11 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
|
|
|
2571
2571
|
s.text
|
|
2572
2572
|
]
|
|
2573
2573
|
},
|
|
2574
|
-
s.lead ||
|
|
2574
|
+
s.lead || m
|
|
2575
2575
|
))
|
|
2576
2576
|
}
|
|
2577
2577
|
),
|
|
2578
|
-
|
|
2578
|
+
g && /* @__PURE__ */ r(
|
|
2579
2579
|
i,
|
|
2580
2580
|
{
|
|
2581
2581
|
size: "sm",
|
|
@@ -2585,18 +2585,18 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
|
|
|
2585
2585
|
lh: 1.7,
|
|
2586
2586
|
style: { borderTop: "1px solid var(--mantine-color-gray-2)" },
|
|
2587
2587
|
children: [
|
|
2588
|
-
|
|
2588
|
+
g.lead && /* @__PURE__ */ e(
|
|
2589
2589
|
i,
|
|
2590
2590
|
{
|
|
2591
2591
|
component: "span",
|
|
2592
2592
|
fw: 700,
|
|
2593
2593
|
c: "gray.9",
|
|
2594
2594
|
inherit: !0,
|
|
2595
|
-
children:
|
|
2595
|
+
children: g.lead
|
|
2596
2596
|
}
|
|
2597
2597
|
),
|
|
2598
2598
|
" ",
|
|
2599
|
-
|
|
2599
|
+
g.text
|
|
2600
2600
|
]
|
|
2601
2601
|
}
|
|
2602
2602
|
)
|
|
@@ -2607,7 +2607,7 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
|
|
|
2607
2607
|
}
|
|
2608
2608
|
);
|
|
2609
2609
|
}
|
|
2610
|
-
function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c, role:
|
|
2610
|
+
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
2611
|
return /* @__PURE__ */ r(
|
|
2612
2612
|
P,
|
|
2613
2613
|
{
|
|
@@ -2615,17 +2615,17 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
|
|
|
2615
2615
|
subtitle: d,
|
|
2616
2616
|
title: l,
|
|
2617
2617
|
background: s,
|
|
2618
|
-
ta:
|
|
2618
|
+
ta: m,
|
|
2619
2619
|
maw: 900,
|
|
2620
2620
|
children: [
|
|
2621
2621
|
n && /* @__PURE__ */ e(
|
|
2622
2622
|
i,
|
|
2623
2623
|
{
|
|
2624
2624
|
c: "gray.6",
|
|
2625
|
-
ta:
|
|
2625
|
+
ta: m,
|
|
2626
2626
|
mb: 60,
|
|
2627
2627
|
maw: 800,
|
|
2628
|
-
mx:
|
|
2628
|
+
mx: m === "center" ? "auto" : void 0,
|
|
2629
2629
|
fz: "lg",
|
|
2630
2630
|
lh: 1.6,
|
|
2631
2631
|
children: n
|
|
@@ -2672,7 +2672,7 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
|
|
|
2672
2672
|
}
|
|
2673
2673
|
) }),
|
|
2674
2674
|
/* @__PURE__ */ r(v.Col, { span: { base: 12, sm: "auto" }, children: [
|
|
2675
|
-
(c ||
|
|
2675
|
+
(c || g) && /* @__PURE__ */ r(
|
|
2676
2676
|
f,
|
|
2677
2677
|
{
|
|
2678
2678
|
mb: "lg",
|
|
@@ -2690,14 +2690,14 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
|
|
|
2690
2690
|
children: c
|
|
2691
2691
|
}
|
|
2692
2692
|
),
|
|
2693
|
-
|
|
2693
|
+
g && /* @__PURE__ */ e(
|
|
2694
2694
|
j,
|
|
2695
2695
|
{
|
|
2696
2696
|
variant: "dot",
|
|
2697
2697
|
color: "gray",
|
|
2698
2698
|
size: "sm",
|
|
2699
2699
|
radius: "0",
|
|
2700
|
-
children:
|
|
2700
|
+
children: g
|
|
2701
2701
|
}
|
|
2702
2702
|
)
|
|
2703
2703
|
]
|
|
@@ -2771,7 +2771,7 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
|
|
|
2771
2771
|
}
|
|
2772
2772
|
);
|
|
2773
2773
|
}
|
|
2774
|
-
function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c = [], background:
|
|
2774
|
+
function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c = [], background: g = "gray", ta: h = "center" }) {
|
|
2775
2775
|
return /* @__PURE__ */ r(
|
|
2776
2776
|
P,
|
|
2777
2777
|
{
|
|
@@ -2779,7 +2779,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2779
2779
|
badge: d,
|
|
2780
2780
|
subtitle: l,
|
|
2781
2781
|
title: n,
|
|
2782
|
-
background:
|
|
2782
|
+
background: g,
|
|
2783
2783
|
ta: h,
|
|
2784
2784
|
maw: 900,
|
|
2785
2785
|
children: [
|
|
@@ -2803,7 +2803,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2803
2803
|
spacing: "xl",
|
|
2804
2804
|
verticalSpacing: { base: 56, md: "xl" },
|
|
2805
2805
|
children: c.map((p, s) => {
|
|
2806
|
-
const
|
|
2806
|
+
const m = p.icon;
|
|
2807
2807
|
return /* @__PURE__ */ r(
|
|
2808
2808
|
b,
|
|
2809
2809
|
{
|
|
@@ -2828,7 +2828,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2828
2828
|
children: p.number || String(s + 1).padStart(2, "0")
|
|
2829
2829
|
}
|
|
2830
2830
|
),
|
|
2831
|
-
|
|
2831
|
+
m && /* @__PURE__ */ e(
|
|
2832
2832
|
z,
|
|
2833
2833
|
{
|
|
2834
2834
|
size: 60,
|
|
@@ -2839,7 +2839,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2839
2839
|
pos: "relative",
|
|
2840
2840
|
style: { zIndex: 1 },
|
|
2841
2841
|
children: /* @__PURE__ */ e(
|
|
2842
|
-
|
|
2842
|
+
m,
|
|
2843
2843
|
{
|
|
2844
2844
|
size: 30,
|
|
2845
2845
|
stroke: 1.5
|
|
@@ -2881,11 +2881,11 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
|
|
|
2881
2881
|
}
|
|
2882
2882
|
);
|
|
2883
2883
|
}
|
|
2884
|
-
function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsappNumber: c, messageIntro:
|
|
2885
|
-
const [
|
|
2884
|
+
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 }) {
|
|
2885
|
+
const [m, o] = _(() => Object.fromEntries(t.map((x) => [x.name, ""]))), [y, w] = _(!1), T = (x) => (L) => {
|
|
2886
2886
|
const { value: q } = L.currentTarget;
|
|
2887
2887
|
o((O) => ({ ...O, [x]: q }));
|
|
2888
|
-
}, S = t.filter((x) => x.required).every((x) =>
|
|
2888
|
+
}, S = t.filter((x) => x.required).every((x) => m[x.name]?.trim());
|
|
2889
2889
|
return /* @__PURE__ */ e(
|
|
2890
2890
|
b,
|
|
2891
2891
|
{
|
|
@@ -2943,9 +2943,9 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
|
|
|
2943
2943
|
bg: "white",
|
|
2944
2944
|
children: /* @__PURE__ */ e("form", { onSubmit: (x) => {
|
|
2945
2945
|
if (x.preventDefault(), w(!0), !S) return;
|
|
2946
|
-
const L = [
|
|
2946
|
+
const L = [g, "", ...t.filter((q) => m[q.name]?.trim()).map((q) => `${q.label}: ${m[q.name]}`)].join(`
|
|
2947
2947
|
`);
|
|
2948
|
-
if (s?.(
|
|
2948
|
+
if (s?.(m), c) {
|
|
2949
2949
|
const q = `https://wa.me/${c}?text=${encodeURIComponent(L)}`;
|
|
2950
2950
|
window.open(q, "_blank", "noopener,noreferrer");
|
|
2951
2951
|
}
|
|
@@ -2957,9 +2957,9 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
|
|
|
2957
2957
|
placeholder: x.placeholder,
|
|
2958
2958
|
type: x.type || "text",
|
|
2959
2959
|
required: x.required,
|
|
2960
|
-
value:
|
|
2960
|
+
value: m[x.name] || "",
|
|
2961
2961
|
onChange: T(x.name),
|
|
2962
|
-
error: y && x.required && !
|
|
2962
|
+
error: y && x.required && !m[x.name]?.trim() ? "Obrigatório" : null
|
|
2963
2963
|
},
|
|
2964
2964
|
x.name
|
|
2965
2965
|
)) }),
|
|
@@ -2970,9 +2970,9 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
|
|
|
2970
2970
|
placeholder: x.placeholder,
|
|
2971
2971
|
type: x.type || "text",
|
|
2972
2972
|
required: x.required,
|
|
2973
|
-
value:
|
|
2973
|
+
value: m[x.name] || "",
|
|
2974
2974
|
onChange: T(x.name),
|
|
2975
|
-
error: y && x.required && !
|
|
2975
|
+
error: y && x.required && !m[x.name]?.trim() ? "Obrigatório" : null
|
|
2976
2976
|
},
|
|
2977
2977
|
x.name
|
|
2978
2978
|
)),
|
|
@@ -3087,14 +3087,14 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
|
|
|
3087
3087
|
{
|
|
3088
3088
|
gap: "md",
|
|
3089
3089
|
mb: 40,
|
|
3090
|
-
children: n.items.map((
|
|
3090
|
+
children: n.items.map((g, h) => /* @__PURE__ */ r(qe, { children: [
|
|
3091
3091
|
/* @__PURE__ */ r(f, { justify: "space-between", children: [
|
|
3092
3092
|
/* @__PURE__ */ e(
|
|
3093
3093
|
i,
|
|
3094
3094
|
{
|
|
3095
3095
|
size: "sm",
|
|
3096
3096
|
c: "gray.6",
|
|
3097
|
-
children:
|
|
3097
|
+
children: g.label
|
|
3098
3098
|
}
|
|
3099
3099
|
),
|
|
3100
3100
|
/* @__PURE__ */ e(
|
|
@@ -3102,7 +3102,7 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
|
|
|
3102
3102
|
{
|
|
3103
3103
|
fw: 700,
|
|
3104
3104
|
c: "gray.9",
|
|
3105
|
-
children:
|
|
3105
|
+
children: g.value
|
|
3106
3106
|
}
|
|
3107
3107
|
)
|
|
3108
3108
|
] }),
|
|
@@ -3218,7 +3218,7 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
|
|
|
3218
3218
|
)
|
|
3219
3219
|
}
|
|
3220
3220
|
),
|
|
3221
|
-
children: t.items.map((
|
|
3221
|
+
children: t.items.map((g, h) => /* @__PURE__ */ e(V.Item, { children: g }, h))
|
|
3222
3222
|
}
|
|
3223
3223
|
),
|
|
3224
3224
|
t.pricingBox && /* @__PURE__ */ e(
|
|
@@ -3296,11 +3296,11 @@ function Vr({
|
|
|
3296
3296
|
{ label: "Mensal", value: "monthly" },
|
|
3297
3297
|
{ label: "Anual", value: "annual" }
|
|
3298
3298
|
],
|
|
3299
|
-
billing:
|
|
3299
|
+
billing: g,
|
|
3300
3300
|
setBilling: h,
|
|
3301
3301
|
promoBadge: p,
|
|
3302
3302
|
plans: s,
|
|
3303
|
-
background:
|
|
3303
|
+
background: m = "white"
|
|
3304
3304
|
}) {
|
|
3305
3305
|
return /* @__PURE__ */ r(
|
|
3306
3306
|
P,
|
|
@@ -3310,7 +3310,7 @@ function Vr({
|
|
|
3310
3310
|
subtitle: l,
|
|
3311
3311
|
title: n,
|
|
3312
3312
|
ta: "center",
|
|
3313
|
-
background:
|
|
3313
|
+
background: m,
|
|
3314
3314
|
maw: 900,
|
|
3315
3315
|
children: [
|
|
3316
3316
|
t && /* @__PURE__ */ e(
|
|
@@ -3336,7 +3336,7 @@ function Vr({
|
|
|
3336
3336
|
/* @__PURE__ */ e(
|
|
3337
3337
|
Ie,
|
|
3338
3338
|
{
|
|
3339
|
-
value:
|
|
3339
|
+
value: g,
|
|
3340
3340
|
onChange: h,
|
|
3341
3341
|
radius: "0",
|
|
3342
3342
|
size: "md",
|
|
@@ -3346,7 +3346,7 @@ function Vr({
|
|
|
3346
3346
|
style: { border: "1px solid var(--mantine-color-gray-2)" }
|
|
3347
3347
|
}
|
|
3348
3348
|
),
|
|
3349
|
-
|
|
3349
|
+
g === "annual" && p && /* @__PURE__ */ e(
|
|
3350
3350
|
j,
|
|
3351
3351
|
{
|
|
3352
3352
|
variant: "filled",
|
|
@@ -3638,8 +3638,8 @@ function Vr({
|
|
|
3638
3638
|
}
|
|
3639
3639
|
);
|
|
3640
3640
|
}
|
|
3641
|
-
function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions: c = [], contactCard:
|
|
3642
|
-
const s = Math.ceil(c.length / 2),
|
|
3641
|
+
function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions: c = [], contactCard: g, background: h = "white", ta: p = "left" }) {
|
|
3642
|
+
const s = Math.ceil(c.length / 2), m = {
|
|
3643
3643
|
item: {
|
|
3644
3644
|
backgroundColor: h === "gray" ? "gray.1" : "white",
|
|
3645
3645
|
border: "1px solid var(--mantine-color-gray-2)"
|
|
@@ -3694,7 +3694,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3694
3694
|
variant: "separated",
|
|
3695
3695
|
radius: "0",
|
|
3696
3696
|
chevronPosition: "right",
|
|
3697
|
-
styles:
|
|
3697
|
+
styles: m,
|
|
3698
3698
|
children: c.slice(0, s).map((o, y) => /* @__PURE__ */ r(
|
|
3699
3699
|
R.Item,
|
|
3700
3700
|
{
|
|
@@ -3729,7 +3729,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3729
3729
|
variant: "separated",
|
|
3730
3730
|
radius: "0",
|
|
3731
3731
|
chevronPosition: "right",
|
|
3732
|
-
styles:
|
|
3732
|
+
styles: m,
|
|
3733
3733
|
children: c.slice(s).map((o, y) => /* @__PURE__ */ r(
|
|
3734
3734
|
R.Item,
|
|
3735
3735
|
{
|
|
@@ -3761,7 +3761,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3761
3761
|
]
|
|
3762
3762
|
}
|
|
3763
3763
|
),
|
|
3764
|
-
|
|
3764
|
+
g && /* @__PURE__ */ e(
|
|
3765
3765
|
I,
|
|
3766
3766
|
{
|
|
3767
3767
|
mt: { base: 40, md: 80 },
|
|
@@ -3792,7 +3792,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3792
3792
|
fw: 900,
|
|
3793
3793
|
c: "gray.9",
|
|
3794
3794
|
lh: 1.2,
|
|
3795
|
-
children:
|
|
3795
|
+
children: g.title
|
|
3796
3796
|
}
|
|
3797
3797
|
),
|
|
3798
3798
|
/* @__PURE__ */ e(
|
|
@@ -3801,7 +3801,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3801
3801
|
c: "gray.6",
|
|
3802
3802
|
maw: 500,
|
|
3803
3803
|
size: "lg",
|
|
3804
|
-
children:
|
|
3804
|
+
children: g.description
|
|
3805
3805
|
}
|
|
3806
3806
|
)
|
|
3807
3807
|
]
|
|
@@ -3810,12 +3810,12 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
|
|
|
3810
3810
|
/* @__PURE__ */ e(u, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
|
|
3811
3811
|
M,
|
|
3812
3812
|
{
|
|
3813
|
-
label:
|
|
3814
|
-
href:
|
|
3815
|
-
target:
|
|
3816
|
-
leftSection:
|
|
3817
|
-
size:
|
|
3818
|
-
color:
|
|
3813
|
+
label: g.cta.label,
|
|
3814
|
+
href: g.cta.href,
|
|
3815
|
+
target: g.cta.target,
|
|
3816
|
+
leftSection: g.cta.icon,
|
|
3817
|
+
size: g.cta.size || "xl",
|
|
3818
|
+
color: g.cta.color || "gray.8"
|
|
3819
3819
|
}
|
|
3820
3820
|
) })
|
|
3821
3821
|
]
|
|
@@ -3840,7 +3840,7 @@ function Wr({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray
|
|
|
3840
3840
|
{
|
|
3841
3841
|
cols: { base: 1, md: n.length > 3 ? 4 : n.length || 3 },
|
|
3842
3842
|
spacing: "xl",
|
|
3843
|
-
children: n.map((c,
|
|
3843
|
+
children: n.map((c, g) => /* @__PURE__ */ e(
|
|
3844
3844
|
I,
|
|
3845
3845
|
{
|
|
3846
3846
|
p: "xl",
|
|
@@ -3920,7 +3920,7 @@ function Wr({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray
|
|
|
3920
3920
|
}
|
|
3921
3921
|
)
|
|
3922
3922
|
},
|
|
3923
|
-
|
|
3923
|
+
g
|
|
3924
3924
|
))
|
|
3925
3925
|
}
|
|
3926
3926
|
)
|
|
@@ -3932,7 +3932,7 @@ const le = {
|
|
|
3932
3932
|
label: { whiteSpace: "normal", lineHeight: 1.4 },
|
|
3933
3933
|
inner: { paddingTop: 12, paddingBottom: 12 }
|
|
3934
3934
|
};
|
|
3935
|
-
function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, featuresList: c, featuresLabel:
|
|
3935
|
+
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
3936
|
return /* @__PURE__ */ e(
|
|
3937
3937
|
P,
|
|
3938
3938
|
{
|
|
@@ -3950,8 +3950,8 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
|
|
|
3950
3950
|
children: /* @__PURE__ */ r(
|
|
3951
3951
|
u,
|
|
3952
3952
|
{
|
|
3953
|
-
align:
|
|
3954
|
-
ta:
|
|
3953
|
+
align: m === "center" ? "center" : "flex-start",
|
|
3954
|
+
ta: m,
|
|
3955
3955
|
gap: "xl",
|
|
3956
3956
|
children: [
|
|
3957
3957
|
d && /* @__PURE__ */ e(
|
|
@@ -3983,18 +3983,18 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
|
|
|
3983
3983
|
{
|
|
3984
3984
|
c: "gray.7",
|
|
3985
3985
|
size: "xl",
|
|
3986
|
-
maw:
|
|
3986
|
+
maw: m === "center" ? 550 : 640,
|
|
3987
3987
|
children: t
|
|
3988
3988
|
}
|
|
3989
3989
|
),
|
|
3990
3990
|
c && c.length > 0 && /* @__PURE__ */ r(b, { ta: "left", children: [
|
|
3991
|
-
|
|
3991
|
+
g && /* @__PURE__ */ e(
|
|
3992
3992
|
i,
|
|
3993
3993
|
{
|
|
3994
3994
|
fw: 700,
|
|
3995
3995
|
c: "gray.9",
|
|
3996
3996
|
mb: "md",
|
|
3997
|
-
children:
|
|
3997
|
+
children: g
|
|
3998
3998
|
}
|
|
3999
3999
|
),
|
|
4000
4000
|
/* @__PURE__ */ e(
|
|
@@ -4036,12 +4036,12 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
|
|
|
4036
4036
|
{
|
|
4037
4037
|
mt: "md",
|
|
4038
4038
|
w: "100%",
|
|
4039
|
-
style: { display: "flex", justifyContent:
|
|
4039
|
+
style: { display: "flex", justifyContent: m === "center" ? "center" : "flex-start" },
|
|
4040
4040
|
children: /* @__PURE__ */ r(
|
|
4041
4041
|
f,
|
|
4042
4042
|
{
|
|
4043
4043
|
gap: "md",
|
|
4044
|
-
justify:
|
|
4044
|
+
justify: m === "center" ? "center" : "flex-start",
|
|
4045
4045
|
style: { maxWidth: "100%" },
|
|
4046
4046
|
className: "rlg-cta-group",
|
|
4047
4047
|
children: [
|
|
@@ -4163,8 +4163,8 @@ function nr({ text: a = "Selo Exclusivo", color: d = "green.6", background: l =
|
|
|
4163
4163
|
);
|
|
4164
4164
|
}
|
|
4165
4165
|
const _r = nr;
|
|
4166
|
-
function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], copyrightText: t, madeByText: c, background:
|
|
4167
|
-
const p = N(
|
|
4166
|
+
function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], copyrightText: t, madeByText: c, background: g = "white", status: h }) {
|
|
4167
|
+
const p = N(g);
|
|
4168
4168
|
return /* @__PURE__ */ e(
|
|
4169
4169
|
b,
|
|
4170
4170
|
{
|
|
@@ -4202,7 +4202,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
|
|
|
4202
4202
|
},
|
|
4203
4203
|
spacing: "xl",
|
|
4204
4204
|
children: [
|
|
4205
|
-
l.map((s,
|
|
4205
|
+
l.map((s, m) => /* @__PURE__ */ r(
|
|
4206
4206
|
u,
|
|
4207
4207
|
{
|
|
4208
4208
|
gap: "md",
|
|
@@ -4231,7 +4231,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
|
|
|
4231
4231
|
)) })
|
|
4232
4232
|
]
|
|
4233
4233
|
},
|
|
4234
|
-
|
|
4234
|
+
m
|
|
4235
4235
|
)),
|
|
4236
4236
|
n && n.length > 0 && /* @__PURE__ */ r(u, { gap: "md", children: [
|
|
4237
4237
|
/* @__PURE__ */ e(
|
|
@@ -4244,7 +4244,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
|
|
|
4244
4244
|
children: "Social"
|
|
4245
4245
|
}
|
|
4246
4246
|
),
|
|
4247
|
-
/* @__PURE__ */ e(f, { gap: "xs", children: n.map((s,
|
|
4247
|
+
/* @__PURE__ */ e(f, { gap: "xs", children: n.map((s, m) => /* @__PURE__ */ e(
|
|
4248
4248
|
ce,
|
|
4249
4249
|
{
|
|
4250
4250
|
size: "md",
|
|
@@ -4254,10 +4254,10 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
|
|
|
4254
4254
|
href: s.href,
|
|
4255
4255
|
target: "_blank",
|
|
4256
4256
|
radius: "0",
|
|
4257
|
-
"aria-label": s.label || `Social link ${
|
|
4257
|
+
"aria-label": s.label || `Social link ${m + 1}`,
|
|
4258
4258
|
children: s.icon
|
|
4259
4259
|
},
|
|
4260
|
-
|
|
4260
|
+
m
|
|
4261
4261
|
)) })
|
|
4262
4262
|
] })
|
|
4263
4263
|
]
|
|
@@ -4448,7 +4448,7 @@ function Kr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
|
|
|
4448
4448
|
radius: "0",
|
|
4449
4449
|
color: "gray",
|
|
4450
4450
|
children: /* @__PURE__ */ e(
|
|
4451
|
-
|
|
4451
|
+
ge,
|
|
4452
4452
|
{
|
|
4453
4453
|
size: 32,
|
|
4454
4454
|
stroke: 1.2
|
|
@@ -5122,7 +5122,7 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
|
|
|
5122
5122
|
radius: "0",
|
|
5123
5123
|
color: "gray",
|
|
5124
5124
|
children: /* @__PURE__ */ e(
|
|
5125
|
-
|
|
5125
|
+
ge,
|
|
5126
5126
|
{
|
|
5127
5127
|
size: 32,
|
|
5128
5128
|
stroke: 1.2
|
|
@@ -5288,21 +5288,21 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
|
|
|
5288
5288
|
}
|
|
5289
5289
|
const or = 6, lr = 2e3;
|
|
5290
5290
|
function Xr(a, { intervalMs: d = 3e4, maxSamples: l = 40 } = {}) {
|
|
5291
|
-
const [n, t] = _({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [c,
|
|
5291
|
+
const [n, t] = _({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [c, g] = _([]), h = De([]);
|
|
5292
5292
|
return pe(() => {
|
|
5293
5293
|
if (!a) return;
|
|
5294
|
-
h.current = [],
|
|
5294
|
+
h.current = [], g([]);
|
|
5295
5295
|
let p = !1;
|
|
5296
5296
|
const s = (S) => {
|
|
5297
|
-
h.current = [...h.current, S].slice(-l),
|
|
5298
|
-
},
|
|
5297
|
+
h.current = [...h.current, S].slice(-l), g(h.current);
|
|
5298
|
+
}, m = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), o = async () => {
|
|
5299
5299
|
const S = Date.now();
|
|
5300
5300
|
try {
|
|
5301
5301
|
const k = await fetch(a, { headers: { accept: "application/json" } });
|
|
5302
5302
|
if (!k.ok) throw new Error(`HTTP ${k.status}`);
|
|
5303
5303
|
const x = await k.json();
|
|
5304
5304
|
if (p) return;
|
|
5305
|
-
y ? y = !1 : s({ time:
|
|
5305
|
+
y ? y = !1 : s({ time: m(), ms: Date.now() - S, up: x.status !== "down" }), t({
|
|
5306
5306
|
status: x.status || "operational",
|
|
5307
5307
|
checks: x.checks || [],
|
|
5308
5308
|
checkedAt: x.checkedAt || null,
|
|
@@ -5312,7 +5312,7 @@ function Xr(a, { intervalMs: d = 3e4, maxSamples: l = 40 } = {}) {
|
|
|
5312
5312
|
});
|
|
5313
5313
|
} catch {
|
|
5314
5314
|
if (p) return;
|
|
5315
|
-
y = !1, s({ time:
|
|
5315
|
+
y = !1, s({ time: m(), ms: Date.now() - S, up: !1 }), t((x) => ({ ...x, error: "unreachable", loading: !1 }));
|
|
5316
5316
|
}
|
|
5317
5317
|
};
|
|
5318
5318
|
let y = !0, w = 0, T;
|
|
@@ -5337,8 +5337,8 @@ function sr(a, d = 12) {
|
|
|
5337
5337
|
if (a.length === 0) return [];
|
|
5338
5338
|
const l = Math.max(1, Math.ceil(a.length / d)), n = [];
|
|
5339
5339
|
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:
|
|
5340
|
+
const c = a.slice(t, t + l), g = c.filter((h) => h.up).length;
|
|
5341
|
+
n.push({ day: c[c.length - 1].time, pct: g / c.length * 100 });
|
|
5342
5342
|
}
|
|
5343
5343
|
return n;
|
|
5344
5344
|
}
|
|
@@ -5372,7 +5372,7 @@ export {
|
|
|
5372
5372
|
J as SECTION_BACKGROUNDS,
|
|
5373
5373
|
Ur as SecondaryCTA,
|
|
5374
5374
|
P as Section,
|
|
5375
|
-
|
|
5375
|
+
me as SectionHeader,
|
|
5376
5376
|
_r as SeloExclusivo,
|
|
5377
5377
|
Pr as SocialProof,
|
|
5378
5378
|
Fr as StatsGrid,
|