@riligar/components-kit 1.1.1 → 1.2.0
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 +376 -298
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { createTheme as q, Stack as
|
|
1
|
+
import { createTheme as q, Stack as m, Text as t, Title as ee, Center as w, Box as y, Button as H, Container as A, Paper as x, Group as f, SimpleGrid as z, Image as $, List as G, ThemeIcon as I, Grid as b, Badge as D, Code as re, RingProgress as le, Divider as N, SegmentedControl as ie, Accordion as v, Avatar as ne, Anchor as ae, ActionIcon as te } from "@mantine/core";
|
|
2
2
|
import { jsxs as n, jsx as e, Fragment as K } from "react/jsx-runtime";
|
|
3
|
-
import { useWindowScroll as
|
|
4
|
-
import { IconCheck as
|
|
5
|
-
import { Fragment as
|
|
6
|
-
const
|
|
3
|
+
import { useWindowScroll as ce } from "@mantine/hooks";
|
|
4
|
+
import { IconCheck as V, IconBolt as U, IconQuote as oe, IconCircleCheck as se } from "@tabler/icons-react";
|
|
5
|
+
import { Fragment as de } from "react";
|
|
6
|
+
const Pe = q({
|
|
7
7
|
fontFamily: 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
|
|
8
8
|
headings: {
|
|
9
9
|
fontFamily: 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
|
|
@@ -143,20 +143,20 @@ const Te = q({
|
|
|
143
143
|
});
|
|
144
144
|
function J({
|
|
145
145
|
subtitle: r,
|
|
146
|
-
title:
|
|
146
|
+
title: c,
|
|
147
147
|
titleOrder: a = 2,
|
|
148
148
|
titleFz: l = "var(--fz-section-title)",
|
|
149
149
|
ta: i = "left",
|
|
150
|
-
maw:
|
|
150
|
+
maw: s
|
|
151
151
|
}) {
|
|
152
|
-
return !
|
|
153
|
-
r && /* @__PURE__ */ e(
|
|
154
|
-
|
|
152
|
+
return !c && !r ? null : /* @__PURE__ */ n(m, { gap: "xs", align: i === "center" ? "center" : "flex-start", ta: i, children: [
|
|
153
|
+
r && /* @__PURE__ */ e(t, { c: "gray.4", size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", children: r }),
|
|
154
|
+
c && /* @__PURE__ */ e(ee, { order: a, fz: l, maw: s, children: c })
|
|
155
155
|
] });
|
|
156
156
|
}
|
|
157
|
-
function X({ video: r, image:
|
|
158
|
-
return r ? /* @__PURE__ */ e(
|
|
159
|
-
|
|
157
|
+
function X({ video: r, image: c, width: a = "100%", alt: l }) {
|
|
158
|
+
return r ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
|
|
159
|
+
y,
|
|
160
160
|
{
|
|
161
161
|
component: "video",
|
|
162
162
|
src: r.src,
|
|
@@ -169,19 +169,19 @@ function X({ video: r, image: t, width: a = "100%", alt: l }) {
|
|
|
169
169
|
h: "auto",
|
|
170
170
|
style: { filter: r.filter || "none" }
|
|
171
171
|
}
|
|
172
|
-
) }) :
|
|
172
|
+
) }) : c ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(y, { component: "img", src: c, alt: l || "", w: a, h: "auto" }) }) : null;
|
|
173
173
|
}
|
|
174
174
|
function T({
|
|
175
175
|
label: r,
|
|
176
|
-
href:
|
|
176
|
+
href: c,
|
|
177
177
|
onClick: a,
|
|
178
178
|
icon: l,
|
|
179
179
|
size: i = "lg",
|
|
180
|
-
variant:
|
|
180
|
+
variant: s = "filled",
|
|
181
181
|
color: h,
|
|
182
|
-
target:
|
|
183
|
-
px:
|
|
184
|
-
fullWidth:
|
|
182
|
+
target: d,
|
|
183
|
+
px: p,
|
|
184
|
+
fullWidth: o,
|
|
185
185
|
leftSection: g,
|
|
186
186
|
...u
|
|
187
187
|
}) {
|
|
@@ -189,80 +189,80 @@ function T({
|
|
|
189
189
|
H,
|
|
190
190
|
{
|
|
191
191
|
size: i,
|
|
192
|
-
component:
|
|
193
|
-
href:
|
|
192
|
+
component: c ? "a" : "button",
|
|
193
|
+
href: c,
|
|
194
194
|
onClick: a,
|
|
195
|
-
target:
|
|
195
|
+
target: d,
|
|
196
196
|
rightSection: l,
|
|
197
197
|
leftSection: g,
|
|
198
|
-
variant:
|
|
198
|
+
variant: s,
|
|
199
199
|
color: h,
|
|
200
|
-
px:
|
|
201
|
-
fullWidth:
|
|
200
|
+
px: p,
|
|
201
|
+
fullWidth: o,
|
|
202
202
|
...u,
|
|
203
203
|
children: r
|
|
204
204
|
}
|
|
205
205
|
);
|
|
206
206
|
}
|
|
207
|
-
const
|
|
207
|
+
const _ = {
|
|
208
208
|
white: "white",
|
|
209
209
|
gray: "gray.0"
|
|
210
|
-
},
|
|
210
|
+
}, B = (r) => _[r] || _.white;
|
|
211
211
|
function F({
|
|
212
212
|
children: r,
|
|
213
|
-
title:
|
|
213
|
+
title: c,
|
|
214
214
|
subtitle: a,
|
|
215
215
|
id: l,
|
|
216
216
|
background: i = "white",
|
|
217
|
-
py:
|
|
217
|
+
py: s = { base: 80, md: 120 },
|
|
218
218
|
maw: h = 800,
|
|
219
|
-
ta:
|
|
220
|
-
stackGap:
|
|
219
|
+
ta: d = "left",
|
|
220
|
+
stackGap: p = "xl"
|
|
221
221
|
}) {
|
|
222
|
-
const
|
|
222
|
+
const o = B(i);
|
|
223
223
|
return /* @__PURE__ */ e(
|
|
224
|
-
|
|
224
|
+
y,
|
|
225
225
|
{
|
|
226
226
|
component: "section",
|
|
227
227
|
id: l,
|
|
228
|
-
bg:
|
|
229
|
-
py:
|
|
228
|
+
bg: o,
|
|
229
|
+
py: s,
|
|
230
230
|
style: { overflow: "hidden" },
|
|
231
|
-
children: /* @__PURE__ */ e(
|
|
232
|
-
/* @__PURE__ */ e(J, { subtitle: a, title:
|
|
233
|
-
/* @__PURE__ */ e(
|
|
231
|
+
children: /* @__PURE__ */ e(A, { size: "lg", children: /* @__PURE__ */ n(m, { gap: p, children: [
|
|
232
|
+
/* @__PURE__ */ e(J, { subtitle: a, title: c, ta: d, maw: h }),
|
|
233
|
+
/* @__PURE__ */ e(y, { children: r })
|
|
234
234
|
] }) })
|
|
235
235
|
}
|
|
236
236
|
);
|
|
237
237
|
}
|
|
238
|
-
function
|
|
238
|
+
function he({
|
|
239
239
|
logo: r,
|
|
240
|
-
navLinks:
|
|
240
|
+
navLinks: c = [],
|
|
241
241
|
loginCta: a,
|
|
242
242
|
signupCta: l,
|
|
243
243
|
background: i = "white"
|
|
244
244
|
}) {
|
|
245
|
-
const
|
|
245
|
+
const s = B(i), [h] = ce(), d = h.y > 10, p = (g) => {
|
|
246
246
|
g === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(g)?.scrollIntoView({ behavior: "smooth" });
|
|
247
|
-
},
|
|
248
|
-
(g.key === "Enter" || g.key === " ") && (g.preventDefault(),
|
|
247
|
+
}, o = (g, u) => {
|
|
248
|
+
(g.key === "Enter" || g.key === " ") && (g.preventDefault(), p(u));
|
|
249
249
|
};
|
|
250
250
|
return /* @__PURE__ */ e(
|
|
251
|
-
|
|
251
|
+
y,
|
|
252
252
|
{
|
|
253
253
|
component: "header",
|
|
254
254
|
pos: "sticky",
|
|
255
255
|
top: 0,
|
|
256
256
|
w: "100%",
|
|
257
257
|
style: { zIndex: 100, pointerEvents: "none" },
|
|
258
|
-
children: /* @__PURE__ */ e(
|
|
258
|
+
children: /* @__PURE__ */ e(A, { size: "xl", py: "md", children: /* @__PURE__ */ e(
|
|
259
259
|
x,
|
|
260
260
|
{
|
|
261
|
-
shadow:
|
|
261
|
+
shadow: d ? "sm" : "none",
|
|
262
262
|
radius: "0",
|
|
263
263
|
p: "xs",
|
|
264
|
-
bg:
|
|
265
|
-
bd:
|
|
264
|
+
bg: s,
|
|
265
|
+
bd: d ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
|
|
266
266
|
style: { pointerEvents: "auto", transition: "all 0.2s ease" },
|
|
267
267
|
children: /* @__PURE__ */ n(
|
|
268
268
|
f,
|
|
@@ -291,7 +291,7 @@ function se({
|
|
|
291
291
|
)
|
|
292
292
|
}
|
|
293
293
|
),
|
|
294
|
-
|
|
294
|
+
c.length > 0 && /* @__PURE__ */ e(
|
|
295
295
|
f,
|
|
296
296
|
{
|
|
297
297
|
gap: "xl",
|
|
@@ -299,8 +299,8 @@ function se({
|
|
|
299
299
|
component: "nav",
|
|
300
300
|
role: "navigation",
|
|
301
301
|
"aria-label": "Menu principal",
|
|
302
|
-
children:
|
|
303
|
-
|
|
302
|
+
children: c.map((g) => /* @__PURE__ */ e(
|
|
303
|
+
t,
|
|
304
304
|
{
|
|
305
305
|
size: "sm",
|
|
306
306
|
fw: 900,
|
|
@@ -310,8 +310,8 @@ function se({
|
|
|
310
310
|
role: "link",
|
|
311
311
|
tabIndex: 0,
|
|
312
312
|
style: { cursor: "pointer" },
|
|
313
|
-
onClick: () =>
|
|
314
|
-
onKeyDown: (u) =>
|
|
313
|
+
onClick: () => p(g.target),
|
|
314
|
+
onKeyDown: (u) => o(u, g.target),
|
|
315
315
|
children: g.label
|
|
316
316
|
},
|
|
317
317
|
g.label
|
|
@@ -345,8 +345,8 @@ function se({
|
|
|
345
345
|
color: "dark",
|
|
346
346
|
variant: "filled",
|
|
347
347
|
children: [
|
|
348
|
-
/* @__PURE__ */ e(
|
|
349
|
-
/* @__PURE__ */ e(
|
|
348
|
+
/* @__PURE__ */ e(t, { span: !0, visibleFrom: "sm", c: "white", fw: 900, size: "sm", children: l.label }),
|
|
349
|
+
/* @__PURE__ */ e(t, { span: !0, hiddenFrom: "sm", c: "white", fw: 900, size: "xs", children: l.labelMobile || l.label })
|
|
350
350
|
]
|
|
351
351
|
}
|
|
352
352
|
)
|
|
@@ -359,26 +359,26 @@ function se({
|
|
|
359
359
|
}
|
|
360
360
|
);
|
|
361
361
|
}
|
|
362
|
-
const
|
|
363
|
-
function
|
|
362
|
+
const ke = he;
|
|
363
|
+
function De({
|
|
364
364
|
subtitle: r,
|
|
365
|
-
title:
|
|
365
|
+
title: c,
|
|
366
366
|
description: a,
|
|
367
367
|
cta: l,
|
|
368
368
|
video: i,
|
|
369
|
-
image:
|
|
369
|
+
image: s,
|
|
370
370
|
background: h = "white"
|
|
371
371
|
}) {
|
|
372
|
-
const
|
|
373
|
-
return /* @__PURE__ */ e(
|
|
374
|
-
|
|
372
|
+
const d = B(h);
|
|
373
|
+
return /* @__PURE__ */ e(y, { py: { base: 80, sm: 100, md: 140 }, id: "hero", bg: d, children: /* @__PURE__ */ e(A, { size: "lg", children: /* @__PURE__ */ n(
|
|
374
|
+
z,
|
|
375
375
|
{
|
|
376
376
|
cols: { base: 1, md: 2 },
|
|
377
377
|
spacing: { base: 60, md: 100 },
|
|
378
378
|
verticalSpacing: 60,
|
|
379
379
|
children: [
|
|
380
380
|
/* @__PURE__ */ n(
|
|
381
|
-
|
|
381
|
+
m,
|
|
382
382
|
{
|
|
383
383
|
align: { base: "center", md: "flex-start" },
|
|
384
384
|
justify: "center",
|
|
@@ -389,14 +389,14 @@ function Pe({
|
|
|
389
389
|
J,
|
|
390
390
|
{
|
|
391
391
|
subtitle: r,
|
|
392
|
-
title:
|
|
392
|
+
title: c,
|
|
393
393
|
titleOrder: 1,
|
|
394
394
|
titleFz: "var(--fz-hero)",
|
|
395
395
|
ta: "inherit"
|
|
396
396
|
}
|
|
397
397
|
),
|
|
398
|
-
a && /* @__PURE__ */ e(
|
|
399
|
-
l && /* @__PURE__ */ e(
|
|
398
|
+
a && /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(t, { size: "xl", c: "gray.6", lh: 1.6, maw: 600, children: a }) }),
|
|
399
|
+
l && /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(f, { gap: "md", justify: { base: "center", md: "flex-start" }, children: /* @__PURE__ */ e(
|
|
400
400
|
T,
|
|
401
401
|
{
|
|
402
402
|
label: l.label,
|
|
@@ -415,7 +415,7 @@ function Pe({
|
|
|
415
415
|
X,
|
|
416
416
|
{
|
|
417
417
|
video: i,
|
|
418
|
-
image:
|
|
418
|
+
image: s,
|
|
419
419
|
alt: "Demonstração do produto"
|
|
420
420
|
}
|
|
421
421
|
)
|
|
@@ -423,10 +423,10 @@ function Pe({
|
|
|
423
423
|
}
|
|
424
424
|
) }) });
|
|
425
425
|
}
|
|
426
|
-
function
|
|
426
|
+
function ge({ logo: r, index: c }) {
|
|
427
427
|
const a = {
|
|
428
428
|
src: r.src,
|
|
429
|
-
alt: r.alt || `Logo ${
|
|
429
|
+
alt: r.alt || `Logo ${c}`,
|
|
430
430
|
h: r.height || 50,
|
|
431
431
|
w: "auto",
|
|
432
432
|
style: {
|
|
@@ -441,20 +441,20 @@ function de({ logo: r, index: t }) {
|
|
|
441
441
|
l.currentTarget.style.filter = "grayscale(1) opacity(0.4)";
|
|
442
442
|
}
|
|
443
443
|
};
|
|
444
|
-
return r.url ? /* @__PURE__ */ e(
|
|
444
|
+
return r.url ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e("a", { href: r.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e($, { ...a }) }) }) : /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e($, { ...a }) });
|
|
445
445
|
}
|
|
446
|
-
function
|
|
447
|
-
const i =
|
|
446
|
+
function Ae({ id: r, title: c, logos: a, background: l = "gray" }) {
|
|
447
|
+
const i = B(l);
|
|
448
448
|
return !a || a.length === 0 ? null : /* @__PURE__ */ e(
|
|
449
|
-
|
|
449
|
+
y,
|
|
450
450
|
{
|
|
451
451
|
component: "section",
|
|
452
452
|
id: r,
|
|
453
453
|
py: { base: 40, md: 60 },
|
|
454
454
|
bg: i,
|
|
455
455
|
bd: { bottom: "1px solid var(--mantine-color-gray-1)" },
|
|
456
|
-
children: /* @__PURE__ */ e(
|
|
457
|
-
|
|
456
|
+
children: /* @__PURE__ */ e(A, { size: "lg", children: /* @__PURE__ */ n(m, { align: "center", ta: "center", gap: "xl", children: [
|
|
457
|
+
c && /* @__PURE__ */ e(t, { fw: 500, c: "gray.5", size: "sm", tt: "uppercase", ls: "0.1em", children: c }),
|
|
458
458
|
/* @__PURE__ */ e(
|
|
459
459
|
f,
|
|
460
460
|
{
|
|
@@ -462,103 +462,103 @@ function ke({ id: r, title: t, logos: a, background: l = "gray" }) {
|
|
|
462
462
|
gap: { base: 40, md: 80 },
|
|
463
463
|
style: { rowGap: 40 },
|
|
464
464
|
w: "100%",
|
|
465
|
-
children: a.map((
|
|
465
|
+
children: a.map((s, h) => /* @__PURE__ */ e(ge, { logo: s, index: h }, h))
|
|
466
466
|
}
|
|
467
467
|
)
|
|
468
468
|
] }) })
|
|
469
469
|
}
|
|
470
470
|
);
|
|
471
471
|
}
|
|
472
|
-
function
|
|
472
|
+
function Ce({
|
|
473
473
|
id: r,
|
|
474
|
-
subtitle:
|
|
474
|
+
subtitle: c,
|
|
475
475
|
title: a,
|
|
476
476
|
description: l,
|
|
477
477
|
featuresList: i,
|
|
478
|
-
cta:
|
|
478
|
+
cta: s,
|
|
479
479
|
video: h,
|
|
480
|
-
image:
|
|
481
|
-
reverse:
|
|
482
|
-
background:
|
|
480
|
+
image: d,
|
|
481
|
+
reverse: p = !1,
|
|
482
|
+
background: o = "white"
|
|
483
483
|
}) {
|
|
484
484
|
const g = i && i.length > 0 && /* @__PURE__ */ e(
|
|
485
|
-
|
|
485
|
+
G,
|
|
486
486
|
{
|
|
487
487
|
spacing: "md",
|
|
488
488
|
size: "md",
|
|
489
489
|
center: !0,
|
|
490
|
-
icon: /* @__PURE__ */ e(I, { color: "gray.2", size: 24, radius: "0", children: /* @__PURE__ */ e(
|
|
491
|
-
children: i.map((
|
|
490
|
+
icon: /* @__PURE__ */ e(I, { color: "gray.2", size: 24, radius: "0", children: /* @__PURE__ */ e(V, { size: 14, color: "var(--mantine-color-gray-9)" }) }),
|
|
491
|
+
children: i.map((C, S) => /* @__PURE__ */ e(G.Item, { children: C }, S))
|
|
492
492
|
}
|
|
493
|
-
), u = /* @__PURE__ */ n(
|
|
494
|
-
l && /* @__PURE__ */ e(
|
|
493
|
+
), u = /* @__PURE__ */ n(m, { justify: "center", gap: "lg", children: [
|
|
494
|
+
l && /* @__PURE__ */ e(t, { c: "gray.6", size: "xl", lh: 1.6, children: l }),
|
|
495
495
|
g,
|
|
496
|
-
|
|
496
|
+
s && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
|
|
497
497
|
T,
|
|
498
498
|
{
|
|
499
|
-
label:
|
|
500
|
-
href:
|
|
501
|
-
icon:
|
|
502
|
-
size:
|
|
503
|
-
variant:
|
|
504
|
-
color:
|
|
499
|
+
label: s.label,
|
|
500
|
+
href: s.href,
|
|
501
|
+
icon: s.icon,
|
|
502
|
+
size: s.size || "lg",
|
|
503
|
+
variant: s.variant,
|
|
504
|
+
color: s.color
|
|
505
505
|
}
|
|
506
506
|
) })
|
|
507
|
-
] }),
|
|
508
|
-
return /* @__PURE__ */ e(F, { id: r, subtitle:
|
|
509
|
-
|
|
507
|
+
] }), P = (h || d) && /* @__PURE__ */ e(X, { video: h, image: d, width: "80%" });
|
|
508
|
+
return /* @__PURE__ */ e(F, { id: r, subtitle: c, title: a, background: o, children: /* @__PURE__ */ e(
|
|
509
|
+
z,
|
|
510
510
|
{
|
|
511
511
|
cols: { base: 1, md: 2 },
|
|
512
512
|
spacing: { base: 40, md: 80 },
|
|
513
513
|
verticalSpacing: { base: 40, md: 50 },
|
|
514
|
-
children:
|
|
515
|
-
|
|
514
|
+
children: p ? /* @__PURE__ */ n(K, { children: [
|
|
515
|
+
P,
|
|
516
516
|
u
|
|
517
517
|
] }) : /* @__PURE__ */ n(K, { children: [
|
|
518
518
|
u,
|
|
519
|
-
|
|
519
|
+
P
|
|
520
520
|
] })
|
|
521
521
|
}
|
|
522
522
|
) });
|
|
523
523
|
}
|
|
524
|
-
function
|
|
524
|
+
function je({
|
|
525
525
|
id: r,
|
|
526
|
-
subtitle:
|
|
526
|
+
subtitle: c,
|
|
527
527
|
title: a,
|
|
528
528
|
background: l = "gray.0",
|
|
529
529
|
items: i = []
|
|
530
530
|
}) {
|
|
531
|
-
return /* @__PURE__ */ e(F, { id: r, subtitle:
|
|
531
|
+
return /* @__PURE__ */ e(F, { id: r, subtitle: c, title: a, background: l, children: /* @__PURE__ */ e(b, { gutter: "lg", children: i.map((s, h) => /* @__PURE__ */ e(pe, { ...s }, h)) }) });
|
|
532
532
|
}
|
|
533
|
-
function
|
|
533
|
+
function pe({
|
|
534
534
|
icon: r,
|
|
535
|
-
iconVariant:
|
|
535
|
+
iconVariant: c,
|
|
536
536
|
iconColor: a,
|
|
537
537
|
label: l,
|
|
538
538
|
title: i,
|
|
539
|
-
titleSize:
|
|
539
|
+
titleSize: s,
|
|
540
540
|
description: h,
|
|
541
|
-
descriptionSize:
|
|
542
|
-
descriptionMaw:
|
|
543
|
-
span:
|
|
541
|
+
descriptionSize: d,
|
|
542
|
+
descriptionMaw: p,
|
|
543
|
+
span: o = { base: 12, md: 6 },
|
|
544
544
|
bg: g = "white",
|
|
545
545
|
dark: u = !1,
|
|
546
|
-
visual:
|
|
547
|
-
secondaryVisual:
|
|
548
|
-
layout:
|
|
549
|
-
badges:
|
|
550
|
-
codeBlock:
|
|
551
|
-
decorativeContent:
|
|
546
|
+
visual: P,
|
|
547
|
+
secondaryVisual: C,
|
|
548
|
+
layout: S = "stacked",
|
|
549
|
+
badges: j,
|
|
550
|
+
codeBlock: W,
|
|
551
|
+
decorativeContent: L,
|
|
552
552
|
style: E,
|
|
553
553
|
...M
|
|
554
554
|
}) {
|
|
555
|
-
const
|
|
555
|
+
const R = /* @__PURE__ */ n(y, { children: [
|
|
556
556
|
r && /* @__PURE__ */ e(
|
|
557
557
|
I,
|
|
558
558
|
{
|
|
559
559
|
size: 48,
|
|
560
560
|
radius: "0",
|
|
561
|
-
variant:
|
|
561
|
+
variant: c || (u ? "filled" : "light"),
|
|
562
562
|
color: a || (u ? "gray.7" : "gray"),
|
|
563
563
|
mb: "lg",
|
|
564
564
|
style: u ? { color: "white" } : void 0,
|
|
@@ -566,7 +566,7 @@ function he({
|
|
|
566
566
|
}
|
|
567
567
|
),
|
|
568
568
|
l && /* @__PURE__ */ e(
|
|
569
|
-
|
|
569
|
+
t,
|
|
570
570
|
{
|
|
571
571
|
size: "sm",
|
|
572
572
|
fw: 800,
|
|
@@ -577,20 +577,20 @@ function he({
|
|
|
577
577
|
children: l
|
|
578
578
|
}
|
|
579
579
|
),
|
|
580
|
-
i && /* @__PURE__ */ e(
|
|
580
|
+
i && /* @__PURE__ */ e(t, { fz: s || (S === "compact" ? "h4" : "h3"), fw: 900, lh: 1.2, mb: "sm", c: u ? "white" : void 0, children: i }),
|
|
581
581
|
h && /* @__PURE__ */ e(
|
|
582
|
-
|
|
582
|
+
t,
|
|
583
583
|
{
|
|
584
584
|
c: u ? "gray.4" : "gray.6",
|
|
585
|
-
size:
|
|
586
|
-
maw:
|
|
587
|
-
mb:
|
|
585
|
+
size: d || (S === "compact" ? "sm" : "lg"),
|
|
586
|
+
maw: p,
|
|
587
|
+
mb: j ? "xl" : S === "compact" ? "lg" : void 0,
|
|
588
588
|
children: h
|
|
589
589
|
}
|
|
590
590
|
),
|
|
591
|
-
|
|
592
|
-
] }),
|
|
593
|
-
return
|
|
591
|
+
j && j.length > 0 && /* @__PURE__ */ e(f, { children: j.map((Y, Z) => /* @__PURE__ */ e(D, { variant: "dot", color: "gray", radius: "0", children: Y }, Z)) })
|
|
592
|
+
] }), k = P ? Q(P, u) : null, O = C ? Q(C, u) : null;
|
|
593
|
+
return S === "split" ? /* @__PURE__ */ e(b.Col, { span: o, children: /* @__PURE__ */ e(
|
|
594
594
|
x,
|
|
595
595
|
{
|
|
596
596
|
h: "100%",
|
|
@@ -601,23 +601,23 @@ function he({
|
|
|
601
601
|
style: E,
|
|
602
602
|
...M,
|
|
603
603
|
children: /* @__PURE__ */ n(b, { align: "center", gutter: "xl", children: [
|
|
604
|
-
/* @__PURE__ */ e(b.Col, { span: { base: 12, sm: 6 }, children:
|
|
604
|
+
/* @__PURE__ */ e(b.Col, { span: { base: 12, sm: 6 }, children: R }),
|
|
605
605
|
/* @__PURE__ */ n(b.Col, { span: { base: 12, sm: 6 }, children: [
|
|
606
|
-
|
|
607
|
-
|
|
606
|
+
k,
|
|
607
|
+
W && /* @__PURE__ */ e(
|
|
608
608
|
re,
|
|
609
609
|
{
|
|
610
610
|
block: !0,
|
|
611
611
|
color: "gray.0",
|
|
612
612
|
c: "gray.7",
|
|
613
613
|
style: { fontSize: 12, lineHeight: 1.4, borderRadius: 0 },
|
|
614
|
-
children:
|
|
614
|
+
children: W
|
|
615
615
|
}
|
|
616
616
|
)
|
|
617
617
|
] })
|
|
618
618
|
] })
|
|
619
619
|
}
|
|
620
|
-
) }) :
|
|
620
|
+
) }) : S === "compact" ? /* @__PURE__ */ e(b.Col, { span: o, children: /* @__PURE__ */ n(
|
|
621
621
|
x,
|
|
622
622
|
{
|
|
623
623
|
h: "100%",
|
|
@@ -628,11 +628,11 @@ function he({
|
|
|
628
628
|
style: E,
|
|
629
629
|
...M,
|
|
630
630
|
children: [
|
|
631
|
-
|
|
632
|
-
|
|
631
|
+
R,
|
|
632
|
+
k
|
|
633
633
|
]
|
|
634
634
|
}
|
|
635
|
-
) }) :
|
|
635
|
+
) }) : L ? /* @__PURE__ */ e(b.Col, { span: o, children: /* @__PURE__ */ e(
|
|
636
636
|
x,
|
|
637
637
|
{
|
|
638
638
|
h: "100%",
|
|
@@ -644,11 +644,11 @@ function he({
|
|
|
644
644
|
style: E,
|
|
645
645
|
...M,
|
|
646
646
|
children: /* @__PURE__ */ n(b, { gutter: 0, pos: "relative", children: [
|
|
647
|
-
/* @__PURE__ */ e(b.Col, { span: { base: 12, sm: 7 }, style: { zIndex: 1 }, children:
|
|
648
|
-
/* @__PURE__ */ e(b.Col, { span: 5, visibleFrom: "sm", children:
|
|
647
|
+
/* @__PURE__ */ e(b.Col, { span: { base: 12, sm: 7 }, style: { zIndex: 1 }, children: R }),
|
|
648
|
+
/* @__PURE__ */ e(b.Col, { span: 5, visibleFrom: "sm", children: L })
|
|
649
649
|
] })
|
|
650
650
|
}
|
|
651
|
-
) }) : /* @__PURE__ */ e(b.Col, { span:
|
|
651
|
+
) }) : /* @__PURE__ */ e(b.Col, { span: o, children: /* @__PURE__ */ n(
|
|
652
652
|
x,
|
|
653
653
|
{
|
|
654
654
|
h: "100%",
|
|
@@ -664,16 +664,16 @@ function he({
|
|
|
664
664
|
},
|
|
665
665
|
...M,
|
|
666
666
|
children: [
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
] }) :
|
|
667
|
+
R,
|
|
668
|
+
k && O ? /* @__PURE__ */ n(f, { gap: 40, align: "center", children: [
|
|
669
|
+
k,
|
|
670
|
+
O
|
|
671
|
+
] }) : k
|
|
672
672
|
]
|
|
673
673
|
}
|
|
674
674
|
) });
|
|
675
675
|
}
|
|
676
|
-
function Q(r,
|
|
676
|
+
function Q(r, c) {
|
|
677
677
|
if (!r) return null;
|
|
678
678
|
switch (r.type) {
|
|
679
679
|
case "ring":
|
|
@@ -683,17 +683,17 @@ function Q(r, t) {
|
|
|
683
683
|
size: r.size || 140,
|
|
684
684
|
thickness: r.thickness || 12,
|
|
685
685
|
sections: [{ value: r.value || 100, color: "gray.9" }],
|
|
686
|
-
label: /* @__PURE__ */ e(
|
|
687
|
-
/* @__PURE__ */ e(
|
|
688
|
-
r.sublabel && /* @__PURE__ */ e(
|
|
686
|
+
label: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ n(m, { gap: 0, align: "center", children: [
|
|
687
|
+
/* @__PURE__ */ e(t, { fw: 900, size: "xl", lh: 1, children: r.label }),
|
|
688
|
+
r.sublabel && /* @__PURE__ */ e(t, { size: "xs", c: "gray.5", fw: 700, children: r.sublabel })
|
|
689
689
|
] }) })
|
|
690
690
|
}
|
|
691
691
|
);
|
|
692
692
|
case "metric":
|
|
693
|
-
return /* @__PURE__ */ n(
|
|
694
|
-
/* @__PURE__ */ e(
|
|
695
|
-
/* @__PURE__ */ e(
|
|
696
|
-
r.badge && /* @__PURE__ */ e(
|
|
693
|
+
return /* @__PURE__ */ n(m, { gap: 0, children: [
|
|
694
|
+
/* @__PURE__ */ e(t, { fw: 900, fz: 32, c: "gray.9", lh: 1, children: r.value }),
|
|
695
|
+
/* @__PURE__ */ e(t, { size: "sm", c: "gray.5", mt: 4, children: r.label }),
|
|
696
|
+
r.badge && /* @__PURE__ */ e(D, { mt: "md", color: "gray", variant: "dot", radius: "0", children: r.badge })
|
|
697
697
|
] });
|
|
698
698
|
case "bars":
|
|
699
699
|
return /* @__PURE__ */ e(
|
|
@@ -704,7 +704,7 @@ function Q(r, t) {
|
|
|
704
704
|
h: r.height || 100,
|
|
705
705
|
preventGrowOverflow: !1,
|
|
706
706
|
children: (r.data || []).map((a, l) => /* @__PURE__ */ e(
|
|
707
|
-
|
|
707
|
+
y,
|
|
708
708
|
{
|
|
709
709
|
w: 20,
|
|
710
710
|
h: `${a}%`,
|
|
@@ -717,17 +717,17 @@ function Q(r, t) {
|
|
|
717
717
|
);
|
|
718
718
|
case "typography":
|
|
719
719
|
return /* @__PURE__ */ e(
|
|
720
|
-
|
|
720
|
+
w,
|
|
721
721
|
{
|
|
722
722
|
h: r.height || 160,
|
|
723
|
-
bg:
|
|
723
|
+
bg: c ? "gray.8" : "gray.1",
|
|
724
724
|
radius: "0",
|
|
725
725
|
children: /* @__PURE__ */ e(
|
|
726
|
-
|
|
726
|
+
t,
|
|
727
727
|
{
|
|
728
728
|
fz: r.fontSize || 100,
|
|
729
729
|
fw: 900,
|
|
730
|
-
c:
|
|
730
|
+
c: c ? "gray.6" : "gray.3",
|
|
731
731
|
style: { letterSpacing: -6 },
|
|
732
732
|
children: r.text || "Aa"
|
|
733
733
|
}
|
|
@@ -749,35 +749,35 @@ function Q(r, t) {
|
|
|
749
749
|
return null;
|
|
750
750
|
}
|
|
751
751
|
}
|
|
752
|
-
function
|
|
752
|
+
function Ee({
|
|
753
753
|
id: r,
|
|
754
|
-
subtitle:
|
|
754
|
+
subtitle: c,
|
|
755
755
|
title: a,
|
|
756
756
|
traditionalCol: l,
|
|
757
757
|
newCol: i,
|
|
758
|
-
background:
|
|
758
|
+
background: s = "white"
|
|
759
759
|
}) {
|
|
760
|
-
return /* @__PURE__ */ e(F, { id: r, subtitle:
|
|
760
|
+
return /* @__PURE__ */ e(F, { id: r, subtitle: c, title: a, background: s, children: /* @__PURE__ */ e(
|
|
761
761
|
x,
|
|
762
762
|
{
|
|
763
763
|
radius: "0",
|
|
764
764
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
765
765
|
style: { overflow: "hidden" },
|
|
766
|
-
children: /* @__PURE__ */ n(
|
|
767
|
-
/* @__PURE__ */ e(
|
|
768
|
-
/* @__PURE__ */ n(
|
|
769
|
-
/* @__PURE__ */ e(
|
|
770
|
-
/* @__PURE__ */ e(
|
|
766
|
+
children: /* @__PURE__ */ n(z, { cols: { base: 1, md: 2 }, spacing: 0, children: [
|
|
767
|
+
/* @__PURE__ */ e(y, { bg: "gray.0", p: { base: 30, md: 60 }, children: /* @__PURE__ */ n(m, { gap: "xl", children: [
|
|
768
|
+
/* @__PURE__ */ n(y, { children: [
|
|
769
|
+
/* @__PURE__ */ e(t, { fw: 900, fz: "h2", c: "gray.9", mb: 4, children: l.title }),
|
|
770
|
+
/* @__PURE__ */ e(t, { size: "sm", fw: 800, tt: "uppercase", ls: "1.5px", c: "gray.5", children: l.subtitle })
|
|
771
771
|
] }),
|
|
772
|
-
/* @__PURE__ */ e(
|
|
772
|
+
/* @__PURE__ */ e(m, { gap: "md", mb: 40, children: l.items.map((h, d) => /* @__PURE__ */ n(de, { children: [
|
|
773
773
|
/* @__PURE__ */ n(f, { justify: "space-between", children: [
|
|
774
|
-
/* @__PURE__ */ e(
|
|
775
|
-
/* @__PURE__ */ e(
|
|
774
|
+
/* @__PURE__ */ e(t, { size: "sm", c: "gray.6", children: h.label }),
|
|
775
|
+
/* @__PURE__ */ e(t, { fw: 700, c: "gray.9", children: h.value })
|
|
776
776
|
] }),
|
|
777
|
-
|
|
778
|
-
] },
|
|
777
|
+
d < l.items.length - 1 && /* @__PURE__ */ e(N, { color: "var(--mantine-color-gray-2)" })
|
|
778
|
+
] }, d)) }),
|
|
779
779
|
/* @__PURE__ */ n(
|
|
780
|
-
|
|
780
|
+
y,
|
|
781
781
|
{
|
|
782
782
|
bg: "white",
|
|
783
783
|
p: "lg",
|
|
@@ -785,24 +785,24 @@ function Ce({
|
|
|
785
785
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
786
786
|
children: [
|
|
787
787
|
/* @__PURE__ */ n(f, { justify: "space-between", children: [
|
|
788
|
-
/* @__PURE__ */ e(
|
|
789
|
-
/* @__PURE__ */ e(
|
|
788
|
+
/* @__PURE__ */ e(t, { fw: 900, c: "gray.7", children: l.totalLabel || "Total Estimado" }),
|
|
789
|
+
/* @__PURE__ */ e(t, { fw: 900, fz: 32, c: "gray.9", children: l.totalValue })
|
|
790
790
|
] }),
|
|
791
|
-
l.footerText && /* @__PURE__ */ e(
|
|
791
|
+
l.footerText && /* @__PURE__ */ e(t, { size: "xs", c: "red.6", ta: "right", mt: 4, children: l.footerText })
|
|
792
792
|
]
|
|
793
793
|
}
|
|
794
794
|
)
|
|
795
795
|
] }) }),
|
|
796
|
-
/* @__PURE__ */ e(
|
|
797
|
-
/* @__PURE__ */ n(
|
|
796
|
+
/* @__PURE__ */ e(y, { bg: "white", p: { base: 30, md: 60 }, pos: "relative", children: /* @__PURE__ */ n(m, { gap: "xl", h: "100%", children: [
|
|
797
|
+
/* @__PURE__ */ n(y, { children: [
|
|
798
798
|
/* @__PURE__ */ n(f, { gap: "xs", children: [
|
|
799
|
-
/* @__PURE__ */ e(
|
|
800
|
-
i.badge && /* @__PURE__ */ e(
|
|
799
|
+
/* @__PURE__ */ e(t, { fw: 900, fz: "h2", c: "gray.9", mb: 4, children: i.title }),
|
|
800
|
+
i.badge && /* @__PURE__ */ e(D, { color: "gray.9", variant: "filled", radius: "0", children: i.badge })
|
|
801
801
|
] }),
|
|
802
|
-
/* @__PURE__ */ e(
|
|
802
|
+
/* @__PURE__ */ e(t, { size: "sm", c: "gray.6", children: i.description })
|
|
803
803
|
] }),
|
|
804
804
|
/* @__PURE__ */ e(
|
|
805
|
-
|
|
805
|
+
G,
|
|
806
806
|
{
|
|
807
807
|
spacing: "md",
|
|
808
808
|
size: "md",
|
|
@@ -814,22 +814,22 @@ function Ce({
|
|
|
814
814
|
size: 20,
|
|
815
815
|
radius: "0",
|
|
816
816
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
817
|
-
children: /* @__PURE__ */ e(
|
|
817
|
+
children: /* @__PURE__ */ e(V, { size: 12, color: "var(--mantine-color-gray-9)" })
|
|
818
818
|
}
|
|
819
819
|
),
|
|
820
|
-
children: i.items.map((h,
|
|
820
|
+
children: i.items.map((h, d) => /* @__PURE__ */ e(G.Item, { children: h }, d))
|
|
821
821
|
}
|
|
822
822
|
),
|
|
823
823
|
i.pricingBox && /* @__PURE__ */ e(
|
|
824
|
-
|
|
824
|
+
y,
|
|
825
825
|
{
|
|
826
826
|
bg: "gray.0",
|
|
827
827
|
p: "lg",
|
|
828
828
|
radius: "0",
|
|
829
829
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
830
|
-
children: /* @__PURE__ */ n(
|
|
830
|
+
children: /* @__PURE__ */ n(m, { gap: 4, children: [
|
|
831
831
|
/* @__PURE__ */ e(
|
|
832
|
-
|
|
832
|
+
t,
|
|
833
833
|
{
|
|
834
834
|
size: "sm",
|
|
835
835
|
fw: 800,
|
|
@@ -839,12 +839,12 @@ function Ce({
|
|
|
839
839
|
children: i.pricingBox.label
|
|
840
840
|
}
|
|
841
841
|
),
|
|
842
|
-
/* @__PURE__ */ e(
|
|
843
|
-
i.pricingBox.subtext && /* @__PURE__ */ e(
|
|
842
|
+
/* @__PURE__ */ e(t, { fw: 900, fz: 48, c: "gray.9", lh: 1, children: i.pricingBox.price }),
|
|
843
|
+
i.pricingBox.subtext && /* @__PURE__ */ e(t, { size: "xs", c: "gray.5", mt: "sm", children: i.pricingBox.subtext })
|
|
844
844
|
] })
|
|
845
845
|
}
|
|
846
846
|
),
|
|
847
|
-
i.cta && /* @__PURE__ */ e(
|
|
847
|
+
i.cta && /* @__PURE__ */ e(y, { mt: "xl", children: /* @__PURE__ */ e(
|
|
848
848
|
T,
|
|
849
849
|
{
|
|
850
850
|
label: i.cta.label,
|
|
@@ -860,35 +860,35 @@ function Ce({
|
|
|
860
860
|
}
|
|
861
861
|
) });
|
|
862
862
|
}
|
|
863
|
-
function
|
|
863
|
+
function Me({
|
|
864
864
|
id: r,
|
|
865
|
-
subtitle:
|
|
865
|
+
subtitle: c,
|
|
866
866
|
title: a,
|
|
867
867
|
billingOptions: l = [
|
|
868
868
|
{ label: "Mensal", value: "monthly" },
|
|
869
869
|
{ label: "Anual", value: "annual" }
|
|
870
870
|
],
|
|
871
871
|
billing: i,
|
|
872
|
-
setBilling:
|
|
872
|
+
setBilling: s,
|
|
873
873
|
promoBadge: h,
|
|
874
|
-
plans:
|
|
875
|
-
background:
|
|
874
|
+
plans: d,
|
|
875
|
+
background: p = "white"
|
|
876
876
|
}) {
|
|
877
877
|
return /* @__PURE__ */ n(
|
|
878
878
|
F,
|
|
879
879
|
{
|
|
880
880
|
id: r,
|
|
881
|
-
subtitle:
|
|
881
|
+
subtitle: c,
|
|
882
882
|
title: a,
|
|
883
883
|
ta: "center",
|
|
884
|
-
background:
|
|
884
|
+
background: p,
|
|
885
885
|
children: [
|
|
886
|
-
l && l.length > 0 && /* @__PURE__ */ e(
|
|
886
|
+
l && l.length > 0 && /* @__PURE__ */ e(m, { align: "center", gap: "xl", mb: 80, children: /* @__PURE__ */ n(f, { gap: "xs", children: [
|
|
887
887
|
/* @__PURE__ */ e(
|
|
888
888
|
ie,
|
|
889
889
|
{
|
|
890
890
|
value: i,
|
|
891
|
-
onChange:
|
|
891
|
+
onChange: s,
|
|
892
892
|
radius: "0",
|
|
893
893
|
size: "md",
|
|
894
894
|
data: l,
|
|
@@ -897,36 +897,36 @@ function Ee({
|
|
|
897
897
|
style: { border: "1px solid var(--mantine-color-gray-2)" }
|
|
898
898
|
}
|
|
899
899
|
),
|
|
900
|
-
i === "annual" && h && /* @__PURE__ */ e(
|
|
900
|
+
i === "annual" && h && /* @__PURE__ */ e(D, { variant: "filled", color: "gray.9", radius: "0", size: "lg", children: h })
|
|
901
901
|
] }) }),
|
|
902
902
|
/* @__PURE__ */ e(
|
|
903
|
-
|
|
903
|
+
z,
|
|
904
904
|
{
|
|
905
|
-
cols: { base: 1, md:
|
|
905
|
+
cols: { base: 1, md: d.length <= 3 ? d.length : 3 },
|
|
906
906
|
spacing: "xl",
|
|
907
907
|
verticalSpacing: "xl",
|
|
908
|
-
children:
|
|
908
|
+
children: d.map((o) => /* @__PURE__ */ n(
|
|
909
909
|
x,
|
|
910
910
|
{
|
|
911
911
|
p: "xl",
|
|
912
912
|
radius: "0",
|
|
913
913
|
withBorder: !0,
|
|
914
|
-
bd:
|
|
914
|
+
bd: o.highlight ? "2px solid var(--mantine-color-gray-9)" : "1px solid var(--mantine-color-gray-2)",
|
|
915
915
|
display: "flex",
|
|
916
916
|
h: "100%",
|
|
917
917
|
style: { flexDirection: "column" },
|
|
918
918
|
bg: "white",
|
|
919
919
|
children: [
|
|
920
|
-
/* @__PURE__ */ n(
|
|
920
|
+
/* @__PURE__ */ n(m, { gap: "md", mb: "xl", children: [
|
|
921
921
|
/* @__PURE__ */ n(f, { justify: "space-between", align: "center", children: [
|
|
922
|
-
/* @__PURE__ */ e(
|
|
923
|
-
|
|
922
|
+
/* @__PURE__ */ e(t, { size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", c: "gray.4", children: o.name }),
|
|
923
|
+
o.highlight && /* @__PURE__ */ e(D, { variant: "dot", color: "gray.9", children: o.highlightBadge || "RECOMENDADO" })
|
|
924
924
|
] }),
|
|
925
|
-
/* @__PURE__ */ e(
|
|
925
|
+
/* @__PURE__ */ e(t, { size: "sm", c: "gray.6", fw: 500, lh: 1.5, h: { md: 42 }, children: o.description })
|
|
926
926
|
] }),
|
|
927
|
-
/* @__PURE__ */ n(
|
|
927
|
+
/* @__PURE__ */ n(y, { mb: "xl", children: [
|
|
928
928
|
/* @__PURE__ */ e(
|
|
929
|
-
|
|
929
|
+
t,
|
|
930
930
|
{
|
|
931
931
|
size: "xs",
|
|
932
932
|
c: "gray.4",
|
|
@@ -934,69 +934,69 @@ function Ee({
|
|
|
934
934
|
tt: "uppercase",
|
|
935
935
|
ls: "1px",
|
|
936
936
|
mb: 4,
|
|
937
|
-
children:
|
|
937
|
+
children: o.pricePrefix || "A partir de"
|
|
938
938
|
}
|
|
939
939
|
),
|
|
940
940
|
/* @__PURE__ */ n(f, { gap: 8, align: "flex-start", children: [
|
|
941
|
-
/* @__PURE__ */ e(
|
|
941
|
+
/* @__PURE__ */ e(t, { size: "xl", fw: 900, c: "gray.9", style: { marginTop: 8 }, children: o.priceDisplay?.currency }),
|
|
942
942
|
/* @__PURE__ */ n(f, { gap: 4, align: "flex-end", children: [
|
|
943
943
|
/* @__PURE__ */ e(
|
|
944
|
-
|
|
944
|
+
t,
|
|
945
945
|
{
|
|
946
946
|
fz: "var(--fz-big-metric)",
|
|
947
947
|
fw: 900,
|
|
948
948
|
ls: "-0.04em",
|
|
949
949
|
lh: 0.8,
|
|
950
950
|
c: "gray.9",
|
|
951
|
-
children:
|
|
951
|
+
children: o.priceDisplay?.whole
|
|
952
952
|
}
|
|
953
953
|
),
|
|
954
|
-
|
|
955
|
-
/* @__PURE__ */ n(
|
|
954
|
+
o.priceDisplay?.fraction && /* @__PURE__ */ n(m, { gap: 0, mb: 6, children: [
|
|
955
|
+
/* @__PURE__ */ n(t, { size: "xl", fw: 900, lh: 1, c: "gray.9", children: [
|
|
956
956
|
",",
|
|
957
|
-
|
|
957
|
+
o.priceDisplay.fraction
|
|
958
958
|
] }),
|
|
959
959
|
/* @__PURE__ */ e(
|
|
960
|
-
|
|
960
|
+
t,
|
|
961
961
|
{
|
|
962
962
|
size: "xs",
|
|
963
963
|
c: "gray.5",
|
|
964
964
|
fw: 800,
|
|
965
965
|
tt: "uppercase",
|
|
966
966
|
ls: "0.5px",
|
|
967
|
-
children:
|
|
967
|
+
children: o.period || o.priceSuffix || "/mês"
|
|
968
968
|
}
|
|
969
969
|
)
|
|
970
970
|
] })
|
|
971
971
|
] })
|
|
972
972
|
] })
|
|
973
973
|
] }),
|
|
974
|
-
/* @__PURE__ */ e(
|
|
975
|
-
/* @__PURE__ */ e(
|
|
974
|
+
/* @__PURE__ */ e(N, { mb: "xl", color: "gray.1" }),
|
|
975
|
+
/* @__PURE__ */ e(m, { gap: "sm", mb: 40, style: { flex: 1 }, children: o.features.map((g, u) => /* @__PURE__ */ n(f, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [
|
|
976
976
|
/* @__PURE__ */ e(
|
|
977
|
-
|
|
977
|
+
V,
|
|
978
978
|
{
|
|
979
979
|
size: 16,
|
|
980
980
|
color: "var(--mantine-color-gray-9)",
|
|
981
981
|
style: { marginTop: 2, flexShrink: 0 }
|
|
982
982
|
}
|
|
983
983
|
),
|
|
984
|
-
/* @__PURE__ */ e(
|
|
984
|
+
/* @__PURE__ */ e(t, { size: "sm", fw: 500, c: "gray.6", lh: 1.4, children: g })
|
|
985
985
|
] }, u)) }),
|
|
986
|
-
/* @__PURE__ */ e(
|
|
986
|
+
/* @__PURE__ */ e(y, { mt: "auto", children: /* @__PURE__ */ e(
|
|
987
987
|
T,
|
|
988
988
|
{
|
|
989
|
-
label:
|
|
990
|
-
href:
|
|
991
|
-
size:
|
|
992
|
-
variant:
|
|
993
|
-
color:
|
|
989
|
+
label: o.cta.label,
|
|
990
|
+
href: o.cta.href,
|
|
991
|
+
size: o.cta.size || "xl",
|
|
992
|
+
variant: o.cta.variant,
|
|
993
|
+
color: o.cta.color || "gray.9",
|
|
994
994
|
fullWidth: !0
|
|
995
995
|
}
|
|
996
996
|
) })
|
|
997
997
|
]
|
|
998
998
|
},
|
|
999
|
-
|
|
999
|
+
o.name
|
|
1000
1000
|
))
|
|
1001
1001
|
}
|
|
1002
1002
|
)
|
|
@@ -1004,13 +1004,13 @@ function Ee({
|
|
|
1004
1004
|
}
|
|
1005
1005
|
);
|
|
1006
1006
|
}
|
|
1007
|
-
function
|
|
1007
|
+
function Re({
|
|
1008
1008
|
id: r,
|
|
1009
|
-
subtitle:
|
|
1009
|
+
subtitle: c,
|
|
1010
1010
|
title: a,
|
|
1011
1011
|
questions: l = [],
|
|
1012
1012
|
contactCard: i,
|
|
1013
|
-
background:
|
|
1013
|
+
background: s = "white"
|
|
1014
1014
|
}) {
|
|
1015
1015
|
const h = {
|
|
1016
1016
|
item: {
|
|
@@ -1031,59 +1031,59 @@ function Me({
|
|
|
1031
1031
|
color: "var(--mantine-color-gray-5)"
|
|
1032
1032
|
}
|
|
1033
1033
|
};
|
|
1034
|
-
return /* @__PURE__ */ n(F, { id: r, subtitle:
|
|
1035
|
-
/* @__PURE__ */ n(
|
|
1034
|
+
return /* @__PURE__ */ n(F, { id: r, subtitle: c, title: a, background: s, children: [
|
|
1035
|
+
/* @__PURE__ */ n(z, { cols: { base: 1, md: 2 }, spacing: "xl", children: [
|
|
1036
1036
|
/* @__PURE__ */ e(
|
|
1037
|
-
|
|
1037
|
+
v,
|
|
1038
1038
|
{
|
|
1039
1039
|
variant: "separated",
|
|
1040
1040
|
radius: "0",
|
|
1041
1041
|
chevronPosition: "right",
|
|
1042
1042
|
styles: h,
|
|
1043
|
-
children: l.slice(0, Math.ceil(l.length / 2)).map((
|
|
1044
|
-
|
|
1043
|
+
children: l.slice(0, Math.ceil(l.length / 2)).map((d, p) => /* @__PURE__ */ n(
|
|
1044
|
+
v.Item,
|
|
1045
1045
|
{
|
|
1046
|
-
value:
|
|
1046
|
+
value: d.value || String(p),
|
|
1047
1047
|
mb: "md",
|
|
1048
1048
|
children: [
|
|
1049
1049
|
/* @__PURE__ */ e(
|
|
1050
|
-
|
|
1050
|
+
v.Control,
|
|
1051
1051
|
{
|
|
1052
1052
|
icon: /* @__PURE__ */ e(I, { variant: "light", color: "gray", radius: "0", children: /* @__PURE__ */ e(U, { size: 16 }) }),
|
|
1053
|
-
children:
|
|
1053
|
+
children: d.question
|
|
1054
1054
|
}
|
|
1055
1055
|
),
|
|
1056
|
-
/* @__PURE__ */ e(
|
|
1056
|
+
/* @__PURE__ */ e(v.Panel, { c: "gray.6", children: d.answer })
|
|
1057
1057
|
]
|
|
1058
1058
|
},
|
|
1059
|
-
|
|
1059
|
+
d.value || p
|
|
1060
1060
|
))
|
|
1061
1061
|
}
|
|
1062
1062
|
),
|
|
1063
1063
|
/* @__PURE__ */ e(
|
|
1064
|
-
|
|
1064
|
+
v,
|
|
1065
1065
|
{
|
|
1066
1066
|
variant: "separated",
|
|
1067
1067
|
radius: "0",
|
|
1068
1068
|
chevronPosition: "right",
|
|
1069
1069
|
styles: h,
|
|
1070
|
-
children: l.slice(Math.ceil(l.length / 2)).map((
|
|
1071
|
-
|
|
1070
|
+
children: l.slice(Math.ceil(l.length / 2)).map((d, p) => /* @__PURE__ */ n(
|
|
1071
|
+
v.Item,
|
|
1072
1072
|
{
|
|
1073
|
-
value:
|
|
1073
|
+
value: d.value || String(p),
|
|
1074
1074
|
mb: "md",
|
|
1075
1075
|
children: [
|
|
1076
1076
|
/* @__PURE__ */ e(
|
|
1077
|
-
|
|
1077
|
+
v.Control,
|
|
1078
1078
|
{
|
|
1079
1079
|
icon: /* @__PURE__ */ e(I, { variant: "light", color: "gray", radius: "0", children: /* @__PURE__ */ e(U, { size: 16 }) }),
|
|
1080
|
-
children:
|
|
1080
|
+
children: d.question
|
|
1081
1081
|
}
|
|
1082
1082
|
),
|
|
1083
|
-
/* @__PURE__ */ e(
|
|
1083
|
+
/* @__PURE__ */ e(v.Panel, { c: "gray.6", children: d.answer })
|
|
1084
1084
|
]
|
|
1085
1085
|
},
|
|
1086
|
-
|
|
1086
|
+
d.value || p
|
|
1087
1087
|
))
|
|
1088
1088
|
}
|
|
1089
1089
|
)
|
|
@@ -1099,25 +1099,25 @@ function Me({
|
|
|
1099
1099
|
pos: "relative",
|
|
1100
1100
|
style: { overflow: "hidden" },
|
|
1101
1101
|
children: /* @__PURE__ */ n(
|
|
1102
|
-
|
|
1102
|
+
z,
|
|
1103
1103
|
{
|
|
1104
1104
|
cols: { base: 1, md: 2 },
|
|
1105
1105
|
spacing: "xl",
|
|
1106
1106
|
style: { position: "relative", zIndex: 1, alignItems: "center" },
|
|
1107
1107
|
children: [
|
|
1108
1108
|
/* @__PURE__ */ n(
|
|
1109
|
-
|
|
1109
|
+
m,
|
|
1110
1110
|
{
|
|
1111
1111
|
gap: "sm",
|
|
1112
1112
|
ta: { base: "center", md: "left" },
|
|
1113
1113
|
align: { base: "center", md: "flex-start" },
|
|
1114
1114
|
children: [
|
|
1115
|
-
/* @__PURE__ */ e(
|
|
1116
|
-
/* @__PURE__ */ e(
|
|
1115
|
+
/* @__PURE__ */ e(t, { fz: "h2", fw: 900, c: "gray.9", lh: 1.2, children: i.title }),
|
|
1116
|
+
/* @__PURE__ */ e(t, { c: "gray.6", maw: 500, size: "lg", children: i.description })
|
|
1117
1117
|
]
|
|
1118
1118
|
}
|
|
1119
1119
|
),
|
|
1120
|
-
/* @__PURE__ */ e(
|
|
1120
|
+
/* @__PURE__ */ e(m, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
|
|
1121
1121
|
T,
|
|
1122
1122
|
{
|
|
1123
1123
|
label: i.cta.label,
|
|
@@ -1135,48 +1135,48 @@ function Me({
|
|
|
1135
1135
|
)
|
|
1136
1136
|
] });
|
|
1137
1137
|
}
|
|
1138
|
-
function
|
|
1138
|
+
function Ge({
|
|
1139
1139
|
id: r,
|
|
1140
|
-
subtitle:
|
|
1140
|
+
subtitle: c,
|
|
1141
1141
|
items: a = [],
|
|
1142
1142
|
background: l = "gray"
|
|
1143
1143
|
}) {
|
|
1144
|
-
return /* @__PURE__ */ e(F, { id: r, background: l, title, subtitle:
|
|
1145
|
-
|
|
1144
|
+
return /* @__PURE__ */ e(F, { id: r, background: l, title, subtitle: c, children: /* @__PURE__ */ e(
|
|
1145
|
+
z,
|
|
1146
1146
|
{
|
|
1147
1147
|
cols: { base: 1, md: a.length > 3 ? 4 : a.length || 3 },
|
|
1148
1148
|
spacing: "xl",
|
|
1149
|
-
children: a.map((i,
|
|
1149
|
+
children: a.map((i, s) => /* @__PURE__ */ e(
|
|
1150
1150
|
x,
|
|
1151
1151
|
{
|
|
1152
1152
|
p: "xl",
|
|
1153
1153
|
radius: "0",
|
|
1154
1154
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1155
1155
|
bg: "white",
|
|
1156
|
-
children: /* @__PURE__ */ n(
|
|
1157
|
-
/* @__PURE__ */ e(
|
|
1158
|
-
/* @__PURE__ */ n(
|
|
1156
|
+
children: /* @__PURE__ */ n(m, { gap: "md", align: "flex-start", h: "100%", children: [
|
|
1157
|
+
/* @__PURE__ */ e(oe, { size: 32, color: "var(--mantine-color-gray-3)" }),
|
|
1158
|
+
/* @__PURE__ */ n(t, { size: "lg", c: "gray.7", lh: 1.6, fs: "italic", flex: 1, children: [
|
|
1159
1159
|
'"',
|
|
1160
1160
|
i.content,
|
|
1161
1161
|
'"'
|
|
1162
1162
|
] }),
|
|
1163
1163
|
/* @__PURE__ */ n(f, { gap: "sm", mt: "xl", children: [
|
|
1164
1164
|
/* @__PURE__ */ e(ne, { size: "md", radius: "0", color: "gray", src: i.avatarSrc, children: i.initials }),
|
|
1165
|
-
/* @__PURE__ */ n(
|
|
1166
|
-
/* @__PURE__ */ e(
|
|
1167
|
-
/* @__PURE__ */ e(
|
|
1165
|
+
/* @__PURE__ */ n(m, { gap: 0, children: [
|
|
1166
|
+
/* @__PURE__ */ e(t, { size: "sm", fw: 900, children: i.name }),
|
|
1167
|
+
/* @__PURE__ */ e(t, { size: "xs", fw: 800, tt: "uppercase", ls: "1px", c: "gray.5", children: i.role })
|
|
1168
1168
|
] })
|
|
1169
1169
|
] })
|
|
1170
1170
|
] })
|
|
1171
1171
|
},
|
|
1172
|
-
|
|
1172
|
+
s
|
|
1173
1173
|
))
|
|
1174
1174
|
}
|
|
1175
1175
|
) });
|
|
1176
1176
|
}
|
|
1177
|
-
function
|
|
1177
|
+
function me({
|
|
1178
1178
|
id: r,
|
|
1179
|
-
title:
|
|
1179
|
+
title: c,
|
|
1180
1180
|
description: a,
|
|
1181
1181
|
cta: l,
|
|
1182
1182
|
background: i = "gray.0"
|
|
@@ -1189,20 +1189,20 @@ function ge({
|
|
|
1189
1189
|
radius: "0",
|
|
1190
1190
|
bd: "1px solid var(--mantine-color-gray-2)",
|
|
1191
1191
|
style: { borderTop: "4px solid var(--mantine-color-gray-9)" },
|
|
1192
|
-
children: /* @__PURE__ */ n(
|
|
1193
|
-
|
|
1194
|
-
|
|
1192
|
+
children: /* @__PURE__ */ n(m, { align: "center", ta: "center", gap: "xl", children: [
|
|
1193
|
+
c && /* @__PURE__ */ e(
|
|
1194
|
+
t,
|
|
1195
1195
|
{
|
|
1196
1196
|
fz: "var(--fz-section-title)",
|
|
1197
1197
|
fw: 900,
|
|
1198
1198
|
lh: 1.2,
|
|
1199
1199
|
ls: "-0.04em",
|
|
1200
1200
|
maw: 700,
|
|
1201
|
-
children:
|
|
1201
|
+
children: c
|
|
1202
1202
|
}
|
|
1203
1203
|
),
|
|
1204
|
-
a && /* @__PURE__ */ e(
|
|
1205
|
-
l && /* @__PURE__ */ e(
|
|
1204
|
+
a && /* @__PURE__ */ e(t, { c: "gray.7", size: "xl", maw: 550, children: a }),
|
|
1205
|
+
l && /* @__PURE__ */ e(y, { mt: "md", children: /* @__PURE__ */ e(
|
|
1206
1206
|
T,
|
|
1207
1207
|
{
|
|
1208
1208
|
label: l.label,
|
|
@@ -1217,15 +1217,15 @@ function ge({
|
|
|
1217
1217
|
}
|
|
1218
1218
|
) });
|
|
1219
1219
|
}
|
|
1220
|
-
const
|
|
1221
|
-
function
|
|
1220
|
+
const He = me;
|
|
1221
|
+
function fe({
|
|
1222
1222
|
text: r = "Selo Exclusivo RiLiGar",
|
|
1223
|
-
color:
|
|
1223
|
+
color: c = "green.6",
|
|
1224
1224
|
background: a = "gray"
|
|
1225
1225
|
}) {
|
|
1226
|
-
const l =
|
|
1226
|
+
const l = B(a);
|
|
1227
1227
|
return /* @__PURE__ */ e(
|
|
1228
|
-
|
|
1228
|
+
y,
|
|
1229
1229
|
{
|
|
1230
1230
|
p: "xs",
|
|
1231
1231
|
bg: l,
|
|
@@ -1235,33 +1235,111 @@ function me({
|
|
|
1235
1235
|
display: "inline-block"
|
|
1236
1236
|
},
|
|
1237
1237
|
children: /* @__PURE__ */ n(f, { gap: "xs", children: [
|
|
1238
|
-
/* @__PURE__ */ e(I, { color:
|
|
1239
|
-
/* @__PURE__ */ e(
|
|
1238
|
+
/* @__PURE__ */ e(I, { color: c, variant: "light", size: "sm", radius: "xl", children: /* @__PURE__ */ e(se, { size: 14, "aria-hidden": "true" }) }),
|
|
1239
|
+
/* @__PURE__ */ e(t, { size: "xs", fw: 700, c: "gray.7", tt: "uppercase", lts: 0.5, children: r })
|
|
1240
|
+
] })
|
|
1241
|
+
}
|
|
1242
|
+
);
|
|
1243
|
+
}
|
|
1244
|
+
const Ne = fe;
|
|
1245
|
+
function Ve({
|
|
1246
|
+
logo: r,
|
|
1247
|
+
description: c,
|
|
1248
|
+
sections: a = [],
|
|
1249
|
+
socialLinks: l = [],
|
|
1250
|
+
copyrightText: i,
|
|
1251
|
+
madeByText: s,
|
|
1252
|
+
background: h = "white"
|
|
1253
|
+
}) {
|
|
1254
|
+
const d = B(h);
|
|
1255
|
+
return /* @__PURE__ */ e(
|
|
1256
|
+
y,
|
|
1257
|
+
{
|
|
1258
|
+
component: "footer",
|
|
1259
|
+
py: "xl",
|
|
1260
|
+
bg: d,
|
|
1261
|
+
bd: { top: "1px solid var(--mantine-color-gray-2)" },
|
|
1262
|
+
children: /* @__PURE__ */ n(A, { size: "xl", children: [
|
|
1263
|
+
/* @__PURE__ */ n(z, { cols: { base: 1, sm: 2 }, spacing: "xl", children: [
|
|
1264
|
+
/* @__PURE__ */ n(m, { gap: "lg", children: [
|
|
1265
|
+
r && /* @__PURE__ */ e(
|
|
1266
|
+
"img",
|
|
1267
|
+
{
|
|
1268
|
+
src: r.src,
|
|
1269
|
+
alt: r.alt || "",
|
|
1270
|
+
height: r.height || 32,
|
|
1271
|
+
style: { objectFit: "contain", objectPosition: "left" }
|
|
1272
|
+
}
|
|
1273
|
+
),
|
|
1274
|
+
c && /* @__PURE__ */ e(t, { size: "md", c: "gray.6", lh: 1.6, maw: 400, children: c })
|
|
1275
|
+
] }),
|
|
1276
|
+
/* @__PURE__ */ n(z, { cols: { base: 2, sm: a.length || 4 }, spacing: "xl", children: [
|
|
1277
|
+
a.map((p, o) => /* @__PURE__ */ n(m, { gap: "md", children: [
|
|
1278
|
+
/* @__PURE__ */ e(t, { fw: 900, size: "xs", tt: "uppercase", ls: "1.5px", children: p.title }),
|
|
1279
|
+
/* @__PURE__ */ e(m, { gap: "xs", children: p.links.map((g, u) => /* @__PURE__ */ e(
|
|
1280
|
+
ae,
|
|
1281
|
+
{
|
|
1282
|
+
c: "gray.6",
|
|
1283
|
+
size: "sm",
|
|
1284
|
+
component: g.href ? "a" : "button",
|
|
1285
|
+
href: g.href,
|
|
1286
|
+
onClick: g.onClick,
|
|
1287
|
+
fw: 500,
|
|
1288
|
+
children: g.label
|
|
1289
|
+
},
|
|
1290
|
+
u
|
|
1291
|
+
)) })
|
|
1292
|
+
] }, o)),
|
|
1293
|
+
l && l.length > 0 && /* @__PURE__ */ n(m, { gap: "md", children: [
|
|
1294
|
+
/* @__PURE__ */ e(t, { fw: 900, size: "xs", tt: "uppercase", ls: "1.5px", children: "Social" }),
|
|
1295
|
+
/* @__PURE__ */ e(f, { gap: "xs", children: l.map((p, o) => /* @__PURE__ */ e(
|
|
1296
|
+
te,
|
|
1297
|
+
{
|
|
1298
|
+
size: "md",
|
|
1299
|
+
variant: "subtle",
|
|
1300
|
+
color: "gray",
|
|
1301
|
+
component: "a",
|
|
1302
|
+
href: p.href,
|
|
1303
|
+
target: "_blank",
|
|
1304
|
+
radius: "0",
|
|
1305
|
+
"aria-label": p.label || `Social link ${o + 1}`,
|
|
1306
|
+
children: p.icon
|
|
1307
|
+
},
|
|
1308
|
+
o
|
|
1309
|
+
)) })
|
|
1310
|
+
] })
|
|
1311
|
+
] })
|
|
1312
|
+
] }),
|
|
1313
|
+
/* @__PURE__ */ e(N, { my: "xl", color: "gray.2" }),
|
|
1314
|
+
/* @__PURE__ */ n(f, { justify: "space-between", mt: 30, wrap: "wrap", gap: "sm", children: [
|
|
1315
|
+
/* @__PURE__ */ e(t, { size: "xs", fw: 800, tt: "uppercase", ls: "1px", c: "gray.5", children: i }),
|
|
1316
|
+
s && /* @__PURE__ */ e(f, { gap: "sm", children: /* @__PURE__ */ e(t, { size: "xs", fw: 800, tt: "uppercase", ls: "1px", c: "gray.5", children: s }) })
|
|
1317
|
+
] })
|
|
1240
1318
|
] })
|
|
1241
1319
|
}
|
|
1242
1320
|
);
|
|
1243
1321
|
}
|
|
1244
|
-
const Ge = me;
|
|
1245
1322
|
export {
|
|
1246
|
-
|
|
1323
|
+
me as CTABanner,
|
|
1247
1324
|
T as CTAButton,
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1325
|
+
Ee as Comparison,
|
|
1326
|
+
Re as FAQ,
|
|
1327
|
+
Ce as FeatureSplit,
|
|
1328
|
+
je as FeaturesGrid,
|
|
1329
|
+
Ve as Footer,
|
|
1330
|
+
he as Header,
|
|
1331
|
+
De as Hero,
|
|
1254
1332
|
F as Layout,
|
|
1255
1333
|
X as MediaBlock,
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1334
|
+
ke as Navbar,
|
|
1335
|
+
Me as Pricing,
|
|
1336
|
+
_ as SECTION_BACKGROUNDS,
|
|
1337
|
+
He as SecondaryCTA,
|
|
1260
1338
|
J as SectionHeader,
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1339
|
+
Ne as SeloExclusivo,
|
|
1340
|
+
Ae as SocialProof,
|
|
1341
|
+
Ge as Testimonials,
|
|
1342
|
+
fe as TrustBadge,
|
|
1343
|
+
B as resolveBackground,
|
|
1344
|
+
Pe as theme
|
|
1267
1345
|
};
|