@riligar/components-kit 1.3.0 → 1.5.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.
Files changed (3) hide show
  1. package/dist/index.esm.js +680 -457
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -1,9 +1,9 @@
1
- import { createTheme as q, Stack as m, Text as t, Title as ee, Center as S, Box as y, Button as H, Container as C, Paper as z, Group as f, SimpleGrid as v, Image as K, List as G, ThemeIcon as T, Grid as x, Badge as A, Code as re, RingProgress as le, Divider as N, SegmentedControl as ie, Accordion as w, Avatar as ne, Anchor as ae, ActionIcon as te } from "@mantine/core";
1
+ import { createTheme as Z, Stack as p, Text as t, Title as q, Center as S, Box as y, Button as H, Container as E, Paper as x, Group as f, SimpleGrid as v, Image as K, List as G, ThemeIcon as T, Grid as b, Badge as j, Code as ee, RingProgress as re, Divider as N, SegmentedControl as le, Accordion as w, Avatar as ie, Anchor as ne, ActionIcon as ae } from "@mantine/core";
2
2
  import { jsxs as i, jsx as e, Fragment as L } from "react/jsx-runtime";
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({
3
+ import { useWindowScroll as te } from "@mantine/hooks";
4
+ import { IconCheck as V, IconBolt as U, IconQuote as ce, IconCircleCheck as oe } from "@tabler/icons-react";
5
+ import { Fragment as se } from "react";
6
+ const Te = Z({
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',
@@ -141,46 +141,56 @@ const Pe = q({
141
141
  }
142
142
  }
143
143
  });
144
- function J({
145
- subtitle: l,
144
+ function Q({
145
+ subtitle: r,
146
146
  title: c,
147
147
  titleOrder: a = 2,
148
- titleFz: r = "var(--fz-section-title)",
148
+ titleFz: l = "var(--fz-section-title)",
149
149
  ta: n = "left",
150
150
  maw: o
151
151
  }) {
152
- return !c && !l ? null : /* @__PURE__ */ i(m, { gap: "xs", align: n === "center" ? "center" : "flex-start", ta: n, children: [
153
- l && /* @__PURE__ */ e(t, { c: "gray.4", size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", children: l }),
154
- c && /* @__PURE__ */ e(ee, { order: a, fz: r, maw: o, children: c })
152
+ return !c && !r ? null : /* @__PURE__ */ i(p, { gap: "xs", align: n === "center" ? "center" : "flex-start", ta: n, children: [
153
+ r && /* @__PURE__ */ e(t, { c: "gray.4", size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", children: r }),
154
+ c && /* @__PURE__ */ e(q, { order: a, fz: l, maw: o, children: c })
155
155
  ] });
156
156
  }
157
- function X({ video: l, image: c, width: a = "100%", alt: r }) {
158
- return l ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
157
+ function J({ video: r, image: c, width: a = "100%", maw: l, alt: n }) {
158
+ return r ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
159
159
  y,
160
160
  {
161
161
  component: "video",
162
- src: l.src,
162
+ src: r.src,
163
163
  autoPlay: !0,
164
164
  loop: !0,
165
165
  muted: !0,
166
166
  playsInline: !0,
167
- "aria-label": r || "Demonstração em vídeo",
168
- w: l.width || a,
167
+ "aria-label": n || "Demonstração em vídeo",
168
+ w: r.width || a,
169
169
  h: "auto",
170
- style: { filter: l.filter || "none" }
170
+ style: { filter: r.filter || "none" }
171
171
  }
172
- ) }) : c ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(y, { component: "img", src: c, alt: r || "", w: a, h: "auto" }) }) : null;
172
+ ) }) : c ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
173
+ y,
174
+ {
175
+ component: "img",
176
+ src: c,
177
+ alt: n || "",
178
+ w: a,
179
+ h: "auto",
180
+ maw: l
181
+ }
182
+ ) }) : null;
173
183
  }
174
- function B({
175
- label: l,
184
+ function P({
185
+ label: r,
176
186
  href: c,
177
187
  onClick: a,
178
- icon: r,
188
+ icon: l,
179
189
  size: n = "lg",
180
190
  variant: o = "filled",
181
191
  color: h,
182
192
  target: d,
183
- px: p,
193
+ px: m,
184
194
  fullWidth: s,
185
195
  leftSection: g,
186
196
  ...u
@@ -193,59 +203,60 @@ function B({
193
203
  href: c,
194
204
  onClick: a,
195
205
  target: d,
196
- rightSection: r,
206
+ rightSection: l,
197
207
  leftSection: g,
198
208
  variant: o,
199
209
  color: h,
200
- px: p,
210
+ px: m,
201
211
  fullWidth: s,
202
212
  ...u,
203
- children: l
213
+ children: r
204
214
  }
205
215
  );
206
216
  }
207
- const _ = {
217
+ const Pe = {
208
218
  white: "white",
209
- gray: "gray.0"
210
- }, b = (l) => _[l] || _.white;
211
- function I({
212
- children: l,
213
- title: c,
214
- subtitle: a,
215
- id: r,
216
- background: n = "white",
217
- py: o = { base: 80, md: 120 },
218
- maw: h = 800,
219
- ta: d = "left",
220
- stackGap: p = "xl"
221
- }) {
222
- const s = b(n);
219
+ gray: "gray.1"
220
+ }, z = (r) => r;
221
+ function I({ children: r, title: c, subtitle: a, id: l, background: n = "white", py: o = { base: 80, md: 120 }, maw: h = 800, ta: d = "left", stackGap: m = "xl" }) {
222
+ const s = z(n);
223
223
  return /* @__PURE__ */ e(
224
224
  y,
225
225
  {
226
226
  component: "section",
227
- id: r,
227
+ id: l,
228
228
  bg: s,
229
229
  py: o,
230
230
  style: { overflow: "hidden" },
231
- children: /* @__PURE__ */ e(C, { size: "lg", children: /* @__PURE__ */ i(m, { gap: p, children: [
232
- /* @__PURE__ */ e(J, { subtitle: a, title: c, ta: d, maw: h }),
233
- /* @__PURE__ */ e(y, { children: l })
231
+ children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(p, { gap: m, children: [
232
+ /* @__PURE__ */ e(
233
+ Q,
234
+ {
235
+ subtitle: a,
236
+ title: c,
237
+ ta: d,
238
+ maw: h
239
+ }
240
+ ),
241
+ /* @__PURE__ */ e(y, { children: r })
234
242
  ] }) })
235
243
  }
236
244
  );
237
245
  }
238
- function he({
239
- logo: l,
246
+ function De({ children: r }) {
247
+ return /* @__PURE__ */ e(y, { style: { minHeight: "100vh", scrollBehavior: "smooth" }, children: r });
248
+ }
249
+ function de({
250
+ logo: r,
240
251
  navLinks: c = [],
241
252
  loginCta: a,
242
- signupCta: r,
253
+ signupCta: l,
243
254
  background: n = "white"
244
255
  }) {
245
- const o = b(n), [h] = ce(), d = h.y > 10, p = (g) => {
256
+ const o = z(n), [h] = te(), d = h.y > 10, m = (g) => {
246
257
  g === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(g)?.scrollIntoView({ behavior: "smooth" });
247
258
  }, s = (g, u) => {
248
- (g.key === "Enter" || g.key === " ") && (g.preventDefault(), p(u));
259
+ (g.key === "Enter" || g.key === " ") && (g.preventDefault(), m(u));
249
260
  };
250
261
  return /* @__PURE__ */ e(
251
262
  y,
@@ -255,8 +266,8 @@ function he({
255
266
  top: 0,
256
267
  w: "100%",
257
268
  style: { zIndex: 100, pointerEvents: "none" },
258
- children: /* @__PURE__ */ e(C, { size: "xl", py: "md", children: /* @__PURE__ */ e(
259
- z,
269
+ children: /* @__PURE__ */ e(E, { size: "xl", py: "md", children: /* @__PURE__ */ e(
270
+ x,
260
271
  {
261
272
  shadow: d ? "sm" : "none",
262
273
  radius: "0",
@@ -271,7 +282,7 @@ function he({
271
282
  align: "center",
272
283
  px: { base: "xs", sm: "md" },
273
284
  children: [
274
- l && /* @__PURE__ */ e(
285
+ r && /* @__PURE__ */ e(
275
286
  "a",
276
287
  {
277
288
  href: "#",
@@ -283,9 +294,9 @@ function he({
283
294
  children: /* @__PURE__ */ e(
284
295
  "img",
285
296
  {
286
- src: l.src,
287
- alt: l.alt || "",
288
- height: l.height || 32,
297
+ src: r.src,
298
+ alt: r.alt || "",
299
+ height: r.height || 32,
289
300
  style: { objectFit: "contain" }
290
301
  }
291
302
  )
@@ -310,7 +321,7 @@ function he({
310
321
  role: "link",
311
322
  tabIndex: 0,
312
323
  style: { cursor: "pointer" },
313
- onClick: () => p(g.target),
324
+ onClick: () => m(g.target),
314
325
  onKeyDown: (u) => s(u, g.target),
315
326
  children: g.label
316
327
  },
@@ -334,19 +345,19 @@ function he({
334
345
  children: a.label
335
346
  }
336
347
  ),
337
- r && /* @__PURE__ */ i(
348
+ l && /* @__PURE__ */ i(
338
349
  H,
339
350
  {
340
- component: r.href ? "a" : "button",
341
- href: r.href,
342
- onClick: r.onClick,
351
+ component: l.href ? "a" : "button",
352
+ href: l.href,
353
+ onClick: l.onClick,
343
354
  size: "sm",
344
355
  radius: "0",
345
356
  color: "dark",
346
357
  variant: "filled",
347
358
  children: [
348
- /* @__PURE__ */ e(t, { span: !0, visibleFrom: "sm", c: "white", fw: 900, size: "sm", children: r.label }),
349
- /* @__PURE__ */ e(t, { span: !0, hiddenFrom: "sm", c: "white", fw: 900, size: "xs", children: r.labelMobile || r.label })
359
+ /* @__PURE__ */ e(t, { span: !0, visibleFrom: "sm", c: "white", fw: 900, size: "sm", children: l.label }),
360
+ /* @__PURE__ */ e(t, { span: !0, hiddenFrom: "sm", c: "white", fw: 900, size: "xs", children: l.labelMobile || l.label })
350
361
  ]
351
362
  }
352
363
  )
@@ -359,178 +370,261 @@ function he({
359
370
  }
360
371
  );
361
372
  }
362
- const De = he;
363
- function Ae({
364
- subtitle: l,
365
- title: c,
366
- description: a,
367
- cta: r,
368
- video: n,
369
- image: o,
370
- background: h = "white"
371
- }) {
372
- const d = b(h);
373
- return /* @__PURE__ */ e(y, { py: { base: 80, sm: 100, md: 140 }, id: "hero", bg: d, children: /* @__PURE__ */ e(C, { size: "lg", children: /* @__PURE__ */ i(
374
- v,
373
+ const Ae = de;
374
+ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o, background: h = "white", mediaMaw: d }) {
375
+ return /* @__PURE__ */ e(
376
+ y,
375
377
  {
376
- cols: { base: 1, md: 2 },
377
- spacing: { base: 60, md: 100 },
378
- verticalSpacing: 60,
379
- children: [
380
- /* @__PURE__ */ i(
381
- m,
382
- {
383
- align: { base: "center", md: "flex-start" },
384
- justify: "center",
385
- gap: { base: 32, md: 48 },
386
- ta: { base: "center", md: "left" },
387
- children: [
388
- /* @__PURE__ */ e(
389
- J,
390
- {
391
- subtitle: l,
392
- title: c,
393
- titleOrder: 1,
394
- titleFz: "var(--fz-hero)",
395
- ta: "inherit"
396
- }
397
- ),
398
- a && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(t, { size: "xl", c: "gray.6", lh: 1.6, maw: 600, children: a }) }),
399
- r && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(f, { gap: "md", justify: { base: "center", md: "flex-start" }, children: /* @__PURE__ */ e(
400
- B,
401
- {
402
- label: r.label,
403
- href: r.href,
404
- icon: r.icon,
405
- size: r.size || "xl",
406
- px: r.px || 48,
407
- variant: r.variant,
408
- color: r.color
409
- }
410
- ) }) })
411
- ]
412
- }
413
- ),
414
- /* @__PURE__ */ e(
415
- X,
416
- {
417
- video: n,
418
- image: o,
419
- alt: "Demonstração do produto"
420
- }
421
- )
422
- ]
378
+ py: { base: 80, sm: 100, md: 140 },
379
+ id: "hero",
380
+ bg: h,
381
+ children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(
382
+ v,
383
+ {
384
+ cols: { base: 1, md: 2 },
385
+ spacing: { base: 60, md: 100 },
386
+ verticalSpacing: 60,
387
+ children: [
388
+ /* @__PURE__ */ i(
389
+ p,
390
+ {
391
+ align: { base: "center", md: "flex-start" },
392
+ justify: "center",
393
+ gap: { base: 32, md: 48 },
394
+ ta: { base: "center", md: "left" },
395
+ children: [
396
+ /* @__PURE__ */ e(
397
+ Q,
398
+ {
399
+ subtitle: r,
400
+ title: c,
401
+ titleOrder: 1,
402
+ titleFz: "var(--fz-hero)",
403
+ ta: "inherit"
404
+ }
405
+ ),
406
+ a && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
407
+ t,
408
+ {
409
+ size: "xl",
410
+ c: "gray.6",
411
+ lh: 1.6,
412
+ maw: 600,
413
+ children: a
414
+ }
415
+ ) }),
416
+ l && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
417
+ f,
418
+ {
419
+ gap: "md",
420
+ justify: { base: "center", md: "flex-start" },
421
+ children: /* @__PURE__ */ e(
422
+ P,
423
+ {
424
+ label: l.label,
425
+ href: l.href,
426
+ icon: l.icon,
427
+ size: l.size || "xl",
428
+ px: l.px || 48,
429
+ variant: l.variant,
430
+ color: l.color
431
+ }
432
+ )
433
+ }
434
+ ) })
435
+ ]
436
+ }
437
+ ),
438
+ /* @__PURE__ */ e(
439
+ J,
440
+ {
441
+ video: n,
442
+ image: o,
443
+ maw: d,
444
+ alt: "Demonstração do produto"
445
+ }
446
+ )
447
+ ]
448
+ }
449
+ ) })
423
450
  }
424
- ) }) });
451
+ );
425
452
  }
426
- function ge({ logo: l, index: c }) {
453
+ function he({ logo: r, index: c }) {
427
454
  const a = {
428
- src: l.src,
429
- alt: l.alt || `Logo ${c}`,
430
- h: l.height || 50,
455
+ src: r.src,
456
+ alt: r.alt || `Logo ${c}`,
457
+ h: r.height || 50,
431
458
  w: "auto",
432
459
  style: {
433
460
  filter: "grayscale(1) opacity(0.4)",
434
461
  transition: "filter 0.3s ease, opacity 0.3s ease",
435
- ...l.style
462
+ ...r.style
436
463
  },
437
- onMouseEnter: (r) => {
438
- r.currentTarget.style.filter = "grayscale(0) opacity(0.8)";
464
+ onMouseEnter: (l) => {
465
+ l.currentTarget.style.filter = "grayscale(0) opacity(0.8)";
439
466
  },
440
- onMouseLeave: (r) => {
441
- r.currentTarget.style.filter = "grayscale(1) opacity(0.4)";
467
+ onMouseLeave: (l) => {
468
+ l.currentTarget.style.filter = "grayscale(1) opacity(0.4)";
442
469
  }
443
470
  };
444
- return l.url ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("a", { href: l.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(K, { ...a }) }) }) : /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(K, { ...a }) });
471
+ return r.url ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
472
+ "a",
473
+ {
474
+ href: r.url,
475
+ target: "_blank",
476
+ rel: "noopener noreferrer",
477
+ children: /* @__PURE__ */ e(K, { ...a })
478
+ }
479
+ ) }) : /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(K, { ...a }) });
445
480
  }
446
- function Ce({ id: l, title: c, logos: a, background: r = "gray" }) {
447
- const n = b(r);
481
+ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
448
482
  return !a || a.length === 0 ? null : /* @__PURE__ */ e(
449
483
  y,
450
484
  {
451
485
  component: "section",
452
- id: l,
486
+ id: r,
453
487
  py: { base: 40, md: 60 },
454
- bg: n,
488
+ bg: l,
455
489
  bd: { bottom: "1px solid var(--mantine-color-gray-1)" },
456
- children: /* @__PURE__ */ e(C, { size: "lg", children: /* @__PURE__ */ i(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
- /* @__PURE__ */ e(
459
- f,
460
- {
461
- justify: "space-between",
462
- gap: { base: 40, md: 80 },
463
- style: { rowGap: 40 },
464
- w: "100%",
465
- children: a.map((o, h) => /* @__PURE__ */ e(ge, { logo: o, index: h }, h))
466
- }
467
- )
468
- ] }) })
490
+ children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(
491
+ p,
492
+ {
493
+ align: "center",
494
+ ta: "center",
495
+ gap: "xl",
496
+ children: [
497
+ c && /* @__PURE__ */ e(
498
+ t,
499
+ {
500
+ fw: 500,
501
+ c: "gray.5",
502
+ size: "sm",
503
+ tt: "uppercase",
504
+ ls: "0.1em",
505
+ children: c
506
+ }
507
+ ),
508
+ /* @__PURE__ */ e(
509
+ f,
510
+ {
511
+ justify: "space-between",
512
+ gap: { base: 40, md: 80 },
513
+ style: { rowGap: 40 },
514
+ w: "100%",
515
+ children: a.map((n, o) => /* @__PURE__ */ e(
516
+ he,
517
+ {
518
+ logo: n,
519
+ index: o
520
+ },
521
+ o
522
+ ))
523
+ }
524
+ )
525
+ ]
526
+ }
527
+ ) })
469
528
  }
470
529
  );
471
530
  }
472
- function je({
473
- id: l,
474
- subtitle: c,
475
- title: a,
476
- description: r,
477
- featuresList: n,
478
- cta: o,
479
- video: h,
480
- image: d,
481
- reverse: p = !1,
482
- background: s = "white"
483
- }) {
484
- const g = n && n.length > 0 && /* @__PURE__ */ e(
531
+ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta: o, video: h, image: d, reverse: m = !1, background: s = "white", mediaMaw: g }) {
532
+ const u = n && n.length > 0 && /* @__PURE__ */ e(
485
533
  G,
486
534
  {
487
535
  spacing: "md",
488
536
  size: "md",
489
537
  center: !0,
490
- icon: /* @__PURE__ */ e(T, { color: "gray.2", size: 24, radius: "0", children: /* @__PURE__ */ e(V, { size: 14, color: "var(--mantine-color-gray-9)" }) }),
491
- children: n.map((j, F) => /* @__PURE__ */ e(G.Item, { children: j }, F))
538
+ icon: /* @__PURE__ */ e(
539
+ T,
540
+ {
541
+ color: "gray.2",
542
+ size: 24,
543
+ radius: "0",
544
+ children: /* @__PURE__ */ e(
545
+ V,
546
+ {
547
+ size: 14,
548
+ color: "var(--mantine-color-gray-9)"
549
+ }
550
+ )
551
+ }
552
+ ),
553
+ children: n.map((F, B) => /* @__PURE__ */ e(G.Item, { children: F }, B))
492
554
  }
493
- ), u = /* @__PURE__ */ i(m, { justify: "center", gap: "lg", children: [
494
- r && /* @__PURE__ */ e(t, { c: "gray.6", size: "xl", lh: 1.6, children: r }),
495
- g,
496
- o && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
497
- B,
498
- {
499
- label: o.label,
500
- href: o.href,
501
- icon: o.icon,
502
- size: o.size || "lg",
503
- variant: o.variant,
504
- color: o.color
505
- }
506
- ) })
507
- ] }), P = (h || d) && /* @__PURE__ */ e(X, { video: h, image: d, width: "80%" });
508
- return /* @__PURE__ */ e(I, { id: l, subtitle: c, title: a, background: s, children: /* @__PURE__ */ e(
509
- v,
555
+ ), D = /* @__PURE__ */ i(
556
+ p,
510
557
  {
511
- cols: { base: 1, md: 2 },
512
- spacing: { base: 40, md: 80 },
513
- verticalSpacing: { base: 40, md: 50 },
514
- children: p ? /* @__PURE__ */ i(L, { children: [
515
- P,
516
- u
517
- ] }) : /* @__PURE__ */ i(L, { children: [
558
+ justify: "center",
559
+ gap: "lg",
560
+ children: [
561
+ l && /* @__PURE__ */ e(
562
+ t,
563
+ {
564
+ c: "gray.6",
565
+ size: "xl",
566
+ lh: 1.6,
567
+ children: l
568
+ }
569
+ ),
518
570
  u,
519
- P
520
- ] })
571
+ o && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
572
+ P,
573
+ {
574
+ label: o.label,
575
+ href: o.href,
576
+ icon: o.icon,
577
+ size: o.size || "lg",
578
+ variant: o.variant,
579
+ color: o.color
580
+ }
581
+ ) })
582
+ ]
521
583
  }
522
- ) });
584
+ ), A = (h || d) && /* @__PURE__ */ e(
585
+ J,
586
+ {
587
+ video: h,
588
+ image: d,
589
+ width: "80%",
590
+ maw: g
591
+ }
592
+ );
593
+ return /* @__PURE__ */ e(
594
+ I,
595
+ {
596
+ id: r,
597
+ subtitle: c,
598
+ title: a,
599
+ background: s,
600
+ children: /* @__PURE__ */ e(
601
+ v,
602
+ {
603
+ cols: { base: 1, md: 2 },
604
+ spacing: { base: 40, md: 80 },
605
+ verticalSpacing: { base: 40, md: 50 },
606
+ children: m ? /* @__PURE__ */ i(L, { children: [
607
+ A,
608
+ D
609
+ ] }) : /* @__PURE__ */ i(L, { children: [
610
+ D,
611
+ A
612
+ ] })
613
+ }
614
+ )
615
+ }
616
+ );
523
617
  }
524
- function ke({ id: l, subtitle: c, title: a, background: r = "gray", items: n = [] }) {
525
- return b(r), /* @__PURE__ */ e(
618
+ function Me({ id: r, subtitle: c, title: a, background: l = "gray", items: n = [] }) {
619
+ return /* @__PURE__ */ e(
526
620
  I,
527
621
  {
528
- id: l,
622
+ id: r,
529
623
  subtitle: c,
530
624
  title: a,
531
- background: r,
532
- children: /* @__PURE__ */ e(x, { gutter: "lg", children: n.map((o, h) => /* @__PURE__ */ e(
533
- pe,
625
+ background: l,
626
+ children: /* @__PURE__ */ e(b, { gutter: "lg", children: n.map((o, h) => /* @__PURE__ */ e(
627
+ ge,
534
628
  {
535
629
  ...o
536
630
  },
@@ -539,30 +633,30 @@ function ke({ id: l, subtitle: c, title: a, background: r = "gray", items: n = [
539
633
  }
540
634
  );
541
635
  }
542
- function pe({
543
- icon: l,
636
+ function ge({
637
+ icon: r,
544
638
  iconVariant: c,
545
639
  iconColor: a,
546
- label: r,
640
+ label: l,
547
641
  title: n,
548
642
  titleSize: o,
549
643
  description: h,
550
644
  descriptionSize: d,
551
- descriptionMaw: p,
645
+ descriptionMaw: m,
552
646
  span: s = { base: 12, md: 6 },
553
647
  background: g = "white",
554
648
  dark: u = !1,
555
- visual: P,
556
- secondaryVisual: j,
649
+ visual: D,
650
+ secondaryVisual: A,
557
651
  layout: F = "stacked",
558
- badges: k,
652
+ badges: B,
559
653
  codeBlock: W,
560
654
  decorativeContent: O,
561
- style: E,
562
- ...M
655
+ style: M,
656
+ ...k
563
657
  }) {
564
658
  const R = /* @__PURE__ */ i(y, { children: [
565
- l && /* @__PURE__ */ e(
659
+ r && /* @__PURE__ */ e(
566
660
  T,
567
661
  {
568
662
  size: 48,
@@ -572,7 +666,7 @@ function pe({
572
666
  mb: "lg",
573
667
  style: u ? { color: "white" } : void 0,
574
668
  children: /* @__PURE__ */ e(
575
- l,
669
+ r,
576
670
  {
577
671
  size: 24,
578
672
  stroke: 1.5
@@ -580,7 +674,7 @@ function pe({
580
674
  )
581
675
  }
582
676
  ),
583
- r && /* @__PURE__ */ e(
677
+ l && /* @__PURE__ */ e(
584
678
  t,
585
679
  {
586
680
  size: "sm",
@@ -589,7 +683,7 @@ function pe({
589
683
  ls: "1.5px",
590
684
  c: "gray.5",
591
685
  mb: "xs",
592
- children: r
686
+ children: l
593
687
  }
594
688
  ),
595
689
  n && /* @__PURE__ */ e(
@@ -608,43 +702,43 @@ function pe({
608
702
  {
609
703
  c: u ? "gray.4" : "gray.6",
610
704
  size: d || (F === "compact" ? "sm" : "lg"),
611
- maw: p,
612
- mb: k ? "xl" : F === "compact" ? "lg" : void 0,
705
+ maw: m,
706
+ mb: B ? "xl" : F === "compact" ? "lg" : void 0,
613
707
  children: h
614
708
  }
615
709
  ),
616
- k && k.length > 0 && /* @__PURE__ */ e(f, { children: k.map((Y, Z) => /* @__PURE__ */ e(
617
- A,
710
+ B && B.length > 0 && /* @__PURE__ */ e(f, { children: B.map((X, Y) => /* @__PURE__ */ e(
711
+ j,
618
712
  {
619
713
  variant: "dot",
620
714
  color: "gray",
621
715
  radius: "0",
622
- children: Y
716
+ children: X
623
717
  },
624
- Z
718
+ Y
625
719
  )) })
626
- ] }), D = P ? Q(P, u) : null, $ = j ? Q(j, u) : null;
627
- return F === "split" ? /* @__PURE__ */ e(x.Col, { span: s, children: /* @__PURE__ */ e(
628
- z,
720
+ ] }), C = D ? _(D, u) : null, $ = A ? _(A, u) : null;
721
+ return F === "split" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
722
+ x,
629
723
  {
630
724
  h: "100%",
631
725
  p: { base: "xl", md: 40 },
632
726
  radius: "0",
633
- bg: b(g),
727
+ bg: z(g),
634
728
  bd: "1px solid var(--mantine-color-gray-2)",
635
- style: E,
636
- ...M,
729
+ style: M,
730
+ ...k,
637
731
  children: /* @__PURE__ */ i(
638
- x,
732
+ b,
639
733
  {
640
734
  align: "center",
641
735
  gutter: "xl",
642
736
  children: [
643
- /* @__PURE__ */ e(x.Col, { span: { base: 12, sm: 6 }, children: R }),
644
- /* @__PURE__ */ i(x.Col, { span: { base: 12, sm: 6 }, children: [
645
- D,
737
+ /* @__PURE__ */ e(b.Col, { span: { base: 12, sm: 6 }, children: R }),
738
+ /* @__PURE__ */ i(b.Col, { span: { base: 12, sm: 6 }, children: [
739
+ C,
646
740
  W && /* @__PURE__ */ e(
647
- re,
741
+ ee,
648
742
  {
649
743
  block: !0,
650
744
  color: "gray.0",
@@ -658,40 +752,40 @@ function pe({
658
752
  }
659
753
  )
660
754
  }
661
- ) }) : F === "compact" ? /* @__PURE__ */ e(x.Col, { span: s, children: /* @__PURE__ */ i(
662
- z,
755
+ ) }) : F === "compact" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ i(
756
+ x,
663
757
  {
664
758
  h: "100%",
665
759
  p: { base: "xl", md: 40 },
666
760
  radius: "0",
667
- bg: b(g),
761
+ bg: z(g),
668
762
  bd: "1px solid var(--mantine-color-gray-2)",
669
- style: E,
670
- ...M,
763
+ style: M,
764
+ ...k,
671
765
  children: [
672
766
  R,
673
- D
767
+ C
674
768
  ]
675
769
  }
676
- ) }) : O ? /* @__PURE__ */ e(x.Col, { span: s, children: /* @__PURE__ */ e(
677
- z,
770
+ ) }) : O ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
771
+ x,
678
772
  {
679
773
  h: "100%",
680
774
  p: { base: "xl", md: 40 },
681
775
  radius: "0",
682
- bg: b(g),
776
+ bg: z(g),
683
777
  bd: "1px solid var(--mantine-color-gray-2)",
684
778
  pos: "relative",
685
- style: E,
686
- ...M,
779
+ style: M,
780
+ ...k,
687
781
  children: /* @__PURE__ */ i(
688
- x,
782
+ b,
689
783
  {
690
784
  gutter: 0,
691
785
  pos: "relative",
692
786
  children: [
693
787
  /* @__PURE__ */ e(
694
- x.Col,
788
+ b.Col,
695
789
  {
696
790
  span: { base: 12, sm: 7 },
697
791
  style: { zIndex: 1 },
@@ -699,7 +793,7 @@ function pe({
699
793
  }
700
794
  ),
701
795
  /* @__PURE__ */ e(
702
- x.Col,
796
+ b.Col,
703
797
  {
704
798
  span: 5,
705
799
  visibleFrom: "sm",
@@ -710,50 +804,50 @@ function pe({
710
804
  }
711
805
  )
712
806
  }
713
- ) }) : /* @__PURE__ */ e(x.Col, { span: s, children: /* @__PURE__ */ i(
714
- z,
807
+ ) }) : /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ i(
808
+ x,
715
809
  {
716
810
  h: "100%",
717
811
  p: { base: "xl", md: 40 },
718
812
  radius: "0",
719
- bg: b(g),
813
+ bg: z(g),
720
814
  bd: "1px solid var(--mantine-color-gray-2)",
721
815
  display: "flex",
722
816
  style: {
723
817
  flexDirection: "column",
724
818
  justifyContent: "space-between",
725
- ...E
819
+ ...M
726
820
  },
727
- ...M,
821
+ ...k,
728
822
  children: [
729
823
  R,
730
- D && $ ? /* @__PURE__ */ i(
824
+ C && $ ? /* @__PURE__ */ i(
731
825
  f,
732
826
  {
733
827
  gap: 40,
734
828
  align: "center",
735
829
  children: [
736
- D,
830
+ C,
737
831
  $
738
832
  ]
739
833
  }
740
- ) : D
834
+ ) : C
741
835
  ]
742
836
  }
743
837
  ) });
744
838
  }
745
- function Q(l, c) {
746
- if (!l) return null;
747
- switch (l.type) {
839
+ function _(r, c) {
840
+ if (!r) return null;
841
+ switch (r.type) {
748
842
  case "ring":
749
843
  return /* @__PURE__ */ e(
750
- le,
844
+ re,
751
845
  {
752
- size: l.size || 140,
753
- thickness: l.thickness || 12,
754
- sections: [{ value: l.value || 100, color: "gray.9" }],
846
+ size: r.size || 140,
847
+ thickness: r.thickness || 12,
848
+ sections: [{ value: r.value || 100, color: "gray.9" }],
755
849
  label: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ i(
756
- m,
850
+ p,
757
851
  {
758
852
  gap: 0,
759
853
  align: "center",
@@ -764,16 +858,16 @@ function Q(l, c) {
764
858
  fw: 900,
765
859
  size: "xl",
766
860
  lh: 1,
767
- children: l.label
861
+ children: r.label
768
862
  }
769
863
  ),
770
- l.sublabel && /* @__PURE__ */ e(
864
+ r.sublabel && /* @__PURE__ */ e(
771
865
  t,
772
866
  {
773
867
  size: "xs",
774
868
  c: "gray.5",
775
869
  fw: 700,
776
- children: l.sublabel
870
+ children: r.sublabel
777
871
  }
778
872
  )
779
873
  ]
@@ -782,7 +876,7 @@ function Q(l, c) {
782
876
  }
783
877
  );
784
878
  case "metric":
785
- return /* @__PURE__ */ i(m, { gap: 0, children: [
879
+ return /* @__PURE__ */ i(p, { gap: 0, children: [
786
880
  /* @__PURE__ */ e(
787
881
  t,
788
882
  {
@@ -790,7 +884,7 @@ function Q(l, c) {
790
884
  fz: 32,
791
885
  c: "gray.9",
792
886
  lh: 1,
793
- children: l.value
887
+ children: r.value
794
888
  }
795
889
  ),
796
890
  /* @__PURE__ */ e(
@@ -799,17 +893,17 @@ function Q(l, c) {
799
893
  size: "sm",
800
894
  c: "gray.5",
801
895
  mt: 4,
802
- children: l.label
896
+ children: r.label
803
897
  }
804
898
  ),
805
- l.badge && /* @__PURE__ */ e(
806
- A,
899
+ r.badge && /* @__PURE__ */ e(
900
+ j,
807
901
  {
808
902
  mt: "md",
809
903
  color: "gray",
810
904
  variant: "dot",
811
905
  radius: "0",
812
- children: l.badge
906
+ children: r.badge
813
907
  }
814
908
  )
815
909
  ] });
@@ -819,17 +913,17 @@ function Q(l, c) {
819
913
  {
820
914
  align: "flex-end",
821
915
  gap: 8,
822
- h: l.height || 100,
916
+ h: r.height || 100,
823
917
  preventGrowOverflow: !1,
824
- children: (l.data || []).map((a, r) => /* @__PURE__ */ e(
918
+ children: (r.data || []).map((a, l) => /* @__PURE__ */ e(
825
919
  y,
826
920
  {
827
921
  w: 20,
828
922
  h: `${a}%`,
829
- bg: r === l.highlight ? "gray.9" : "gray.2",
923
+ bg: l === r.highlight ? "gray.9" : "gray.2",
830
924
  radius: "0"
831
925
  },
832
- r
926
+ l
833
927
  ))
834
928
  }
835
929
  );
@@ -837,29 +931,29 @@ function Q(l, c) {
837
931
  return /* @__PURE__ */ e(
838
932
  S,
839
933
  {
840
- h: l.height || 160,
934
+ h: r.height || 160,
841
935
  bg: c ? "gray.8" : "gray.1",
842
936
  radius: "0",
843
937
  children: /* @__PURE__ */ e(
844
938
  t,
845
939
  {
846
- fz: l.fontSize || 100,
940
+ fz: r.fontSize || 100,
847
941
  fw: 900,
848
942
  c: c ? "gray.6" : "gray.3",
849
943
  style: { letterSpacing: -6 },
850
- children: l.text || "Aa"
944
+ children: r.text || "Aa"
851
945
  }
852
946
  )
853
947
  }
854
948
  );
855
949
  case "icon-large": {
856
- const a = l.icon;
950
+ const a = r.icon;
857
951
  return a ? /* @__PURE__ */ e(
858
952
  a,
859
953
  {
860
- size: l.size || 64,
861
- stroke: l.stroke || 1,
862
- color: l.color || "var(--mantine-color-gray-2)"
954
+ size: r.size || 64,
955
+ stroke: r.stroke || 1,
956
+ color: r.color || "var(--mantine-color-gray-2)"
863
957
  }
864
958
  ) : null;
865
959
  }
@@ -867,16 +961,16 @@ function Q(l, c) {
867
961
  return null;
868
962
  }
869
963
  }
870
- function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, background: o = "white" }) {
964
+ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, background: o = "white" }) {
871
965
  return /* @__PURE__ */ e(
872
966
  I,
873
967
  {
874
- id: l,
968
+ id: r,
875
969
  subtitle: c,
876
970
  title: a,
877
971
  background: o,
878
972
  children: /* @__PURE__ */ e(
879
- z,
973
+ x,
880
974
  {
881
975
  radius: "0",
882
976
  bd: "1px solid var(--mantine-color-gray-2)",
@@ -890,9 +984,9 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
890
984
  /* @__PURE__ */ e(
891
985
  y,
892
986
  {
893
- bg: b("gray"),
987
+ bg: o === "gray" ? "gray.1" : "white",
894
988
  p: { base: 30, md: 60 },
895
- children: /* @__PURE__ */ i(m, { gap: "xl", children: [
989
+ children: /* @__PURE__ */ i(p, { gap: "xl", children: [
896
990
  /* @__PURE__ */ i(y, { children: [
897
991
  /* @__PURE__ */ e(
898
992
  t,
@@ -901,7 +995,7 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
901
995
  fz: "h2",
902
996
  c: "gray.9",
903
997
  mb: 4,
904
- children: r.title
998
+ children: l.title
905
999
  }
906
1000
  ),
907
1001
  /* @__PURE__ */ e(
@@ -912,16 +1006,16 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
912
1006
  tt: "uppercase",
913
1007
  ls: "1.5px",
914
1008
  c: "gray.5",
915
- children: r.subtitle
1009
+ children: l.subtitle
916
1010
  }
917
1011
  )
918
1012
  ] }),
919
1013
  /* @__PURE__ */ e(
920
- m,
1014
+ p,
921
1015
  {
922
1016
  gap: "md",
923
1017
  mb: 40,
924
- children: r.items.map((h, d) => /* @__PURE__ */ i(de, { children: [
1018
+ children: l.items.map((h, d) => /* @__PURE__ */ i(se, { children: [
925
1019
  /* @__PURE__ */ i(f, { justify: "space-between", children: [
926
1020
  /* @__PURE__ */ e(
927
1021
  t,
@@ -940,14 +1034,14 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
940
1034
  }
941
1035
  )
942
1036
  ] }),
943
- d < r.items.length - 1 && /* @__PURE__ */ e(N, { color: "var(--mantine-color-gray-2)" })
1037
+ d < l.items.length - 1 && /* @__PURE__ */ e(N, { color: "var(--mantine-color-gray-2)" })
944
1038
  ] }, d))
945
1039
  }
946
1040
  ),
947
1041
  /* @__PURE__ */ i(
948
1042
  y,
949
1043
  {
950
- bg: b("white"),
1044
+ bg: o === "gray" ? "gray.1" : "white",
951
1045
  p: "lg",
952
1046
  radius: "0",
953
1047
  bd: "1px solid var(--mantine-color-gray-2)",
@@ -958,7 +1052,7 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
958
1052
  {
959
1053
  fw: 900,
960
1054
  c: "gray.7",
961
- children: r.totalLabel || "Total Estimado"
1055
+ children: l.totalLabel || "Total Estimado"
962
1056
  }
963
1057
  ),
964
1058
  /* @__PURE__ */ e(
@@ -967,18 +1061,18 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
967
1061
  fw: 900,
968
1062
  fz: 32,
969
1063
  c: "gray.9",
970
- children: r.totalValue
1064
+ children: l.totalValue
971
1065
  }
972
1066
  )
973
1067
  ] }),
974
- r.footerText && /* @__PURE__ */ e(
1068
+ l.footerText && /* @__PURE__ */ e(
975
1069
  t,
976
1070
  {
977
1071
  size: "xs",
978
1072
  c: "red.6",
979
1073
  ta: "right",
980
1074
  mt: 4,
981
- children: r.footerText
1075
+ children: l.footerText
982
1076
  }
983
1077
  )
984
1078
  ]
@@ -990,11 +1084,11 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
990
1084
  /* @__PURE__ */ e(
991
1085
  y,
992
1086
  {
993
- bg: b("white"),
1087
+ bg: o === "gray" ? "gray.1" : "white",
994
1088
  p: { base: 30, md: 60 },
995
1089
  pos: "relative",
996
1090
  children: /* @__PURE__ */ i(
997
- m,
1091
+ p,
998
1092
  {
999
1093
  gap: "xl",
1000
1094
  h: "100%",
@@ -1012,7 +1106,7 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
1012
1106
  }
1013
1107
  ),
1014
1108
  n.badge && /* @__PURE__ */ e(
1015
- A,
1109
+ j,
1016
1110
  {
1017
1111
  color: "gray.9",
1018
1112
  variant: "filled",
@@ -1058,11 +1152,11 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
1058
1152
  n.pricingBox && /* @__PURE__ */ e(
1059
1153
  y,
1060
1154
  {
1061
- bg: b("gray"),
1155
+ bg: o === "gray" ? "gray.1" : "white",
1062
1156
  p: "lg",
1063
1157
  radius: "0",
1064
1158
  bd: "1px solid var(--mantine-color-gray-2)",
1065
- children: /* @__PURE__ */ i(m, { gap: 4, children: [
1159
+ children: /* @__PURE__ */ i(p, { gap: 4, children: [
1066
1160
  /* @__PURE__ */ e(
1067
1161
  t,
1068
1162
  {
@@ -1097,7 +1191,7 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
1097
1191
  }
1098
1192
  ),
1099
1193
  n.cta && /* @__PURE__ */ e(y, { mt: "xl", children: /* @__PURE__ */ e(
1100
- B,
1194
+ P,
1101
1195
  {
1102
1196
  label: n.cta.label,
1103
1197
  href: n.cta.href,
@@ -1120,11 +1214,11 @@ function Ee({ id: l, subtitle: c, title: a, traditionalCol: r, newCol: n, backgr
1120
1214
  }
1121
1215
  );
1122
1216
  }
1123
- function Me({
1124
- id: l,
1217
+ function Re({
1218
+ id: r,
1125
1219
  subtitle: c,
1126
1220
  title: a,
1127
- billingOptions: r = [
1221
+ billingOptions: l = [
1128
1222
  { label: "Mensal", value: "monthly" },
1129
1223
  { label: "Anual", value: "annual" }
1130
1224
  ],
@@ -1132,33 +1226,50 @@ function Me({
1132
1226
  setBilling: o,
1133
1227
  promoBadge: h,
1134
1228
  plans: d,
1135
- background: p = "white"
1229
+ background: m = "white"
1136
1230
  }) {
1137
1231
  return /* @__PURE__ */ i(
1138
1232
  I,
1139
1233
  {
1140
- id: l,
1234
+ id: r,
1141
1235
  subtitle: c,
1142
1236
  title: a,
1143
1237
  ta: "center",
1144
- background: p,
1238
+ background: m,
1145
1239
  children: [
1146
- r && r.length > 0 && /* @__PURE__ */ e(m, { align: "center", gap: "xl", mb: 80, children: /* @__PURE__ */ i(f, { gap: "xs", children: [
1147
- /* @__PURE__ */ e(
1148
- ie,
1149
- {
1150
- value: n,
1151
- onChange: o,
1152
- radius: "0",
1153
- size: "md",
1154
- data: r,
1155
- color: "gray.9",
1156
- bg: "white",
1157
- style: { border: "1px solid var(--mantine-color-gray-2)" }
1158
- }
1159
- ),
1160
- n === "annual" && h && /* @__PURE__ */ e(A, { variant: "filled", color: "gray.9", radius: "0", size: "lg", children: h })
1161
- ] }) }),
1240
+ l && l.length > 0 && /* @__PURE__ */ e(
1241
+ p,
1242
+ {
1243
+ align: "center",
1244
+ gap: "xl",
1245
+ mb: 80,
1246
+ children: /* @__PURE__ */ i(f, { gap: "xs", children: [
1247
+ /* @__PURE__ */ e(
1248
+ le,
1249
+ {
1250
+ value: n,
1251
+ onChange: o,
1252
+ radius: "0",
1253
+ size: "md",
1254
+ data: l,
1255
+ color: "gray.9",
1256
+ bg: "white",
1257
+ style: { border: "1px solid var(--mantine-color-gray-2)" }
1258
+ }
1259
+ ),
1260
+ n === "annual" && h && /* @__PURE__ */ e(
1261
+ j,
1262
+ {
1263
+ variant: "filled",
1264
+ color: "gray.9",
1265
+ radius: "0",
1266
+ size: "lg",
1267
+ children: h
1268
+ }
1269
+ )
1270
+ ] })
1271
+ }
1272
+ ),
1162
1273
  /* @__PURE__ */ e(
1163
1274
  v,
1164
1275
  {
@@ -1166,7 +1277,7 @@ function Me({
1166
1277
  spacing: "xl",
1167
1278
  verticalSpacing: "xl",
1168
1279
  children: d.map((s) => /* @__PURE__ */ i(
1169
- z,
1280
+ x,
1170
1281
  {
1171
1282
  p: "xl",
1172
1283
  radius: "0",
@@ -1177,13 +1288,54 @@ function Me({
1177
1288
  style: { flexDirection: "column" },
1178
1289
  bg: "white",
1179
1290
  children: [
1180
- /* @__PURE__ */ i(m, { gap: "md", mb: "xl", children: [
1181
- /* @__PURE__ */ i(f, { justify: "space-between", align: "center", children: [
1182
- /* @__PURE__ */ e(t, { size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", c: "gray.4", children: s.name }),
1183
- s.highlight && /* @__PURE__ */ e(A, { variant: "dot", color: "gray.9", children: s.highlightBadge || "RECOMENDADO" })
1184
- ] }),
1185
- /* @__PURE__ */ e(t, { size: "sm", c: "gray.6", fw: 500, lh: 1.5, h: { md: 42 }, children: s.description })
1186
- ] }),
1291
+ /* @__PURE__ */ i(
1292
+ p,
1293
+ {
1294
+ gap: "md",
1295
+ mb: "xl",
1296
+ children: [
1297
+ /* @__PURE__ */ i(
1298
+ f,
1299
+ {
1300
+ justify: "space-between",
1301
+ align: "center",
1302
+ children: [
1303
+ /* @__PURE__ */ e(
1304
+ t,
1305
+ {
1306
+ size: "xs",
1307
+ fw: 800,
1308
+ tt: "uppercase",
1309
+ ls: "1.5px",
1310
+ c: "gray.4",
1311
+ children: s.name
1312
+ }
1313
+ ),
1314
+ s.highlight && /* @__PURE__ */ e(
1315
+ j,
1316
+ {
1317
+ variant: "dot",
1318
+ color: "gray.9",
1319
+ children: s.highlightBadge || "RECOMENDADO"
1320
+ }
1321
+ )
1322
+ ]
1323
+ }
1324
+ ),
1325
+ /* @__PURE__ */ e(
1326
+ t,
1327
+ {
1328
+ size: "sm",
1329
+ c: "gray.6",
1330
+ fw: 500,
1331
+ lh: 1.5,
1332
+ h: { md: 42 },
1333
+ children: s.description
1334
+ }
1335
+ )
1336
+ ]
1337
+ }
1338
+ ),
1187
1339
  /* @__PURE__ */ i(y, { mb: "xl", children: [
1188
1340
  /* @__PURE__ */ e(
1189
1341
  t,
@@ -1197,54 +1349,125 @@ function Me({
1197
1349
  children: s.pricePrefix || "A partir de"
1198
1350
  }
1199
1351
  ),
1200
- /* @__PURE__ */ i(f, { gap: 8, align: "flex-start", children: [
1201
- /* @__PURE__ */ e(t, { size: "xl", fw: 900, c: "gray.9", style: { marginTop: 8 }, children: s.priceDisplay?.currency }),
1202
- /* @__PURE__ */ i(f, { gap: 4, align: "flex-end", children: [
1203
- /* @__PURE__ */ e(
1204
- t,
1205
- {
1206
- fz: "var(--fz-big-metric)",
1207
- fw: 900,
1208
- ls: "-0.04em",
1209
- lh: 0.8,
1210
- c: "gray.9",
1211
- children: s.priceDisplay?.whole
1212
- }
1213
- ),
1214
- s.priceDisplay?.fraction && /* @__PURE__ */ i(m, { gap: 0, mb: 6, children: [
1215
- /* @__PURE__ */ i(t, { size: "xl", fw: 900, lh: 1, c: "gray.9", children: [
1216
- ",",
1217
- s.priceDisplay.fraction
1218
- ] }),
1352
+ /* @__PURE__ */ i(
1353
+ f,
1354
+ {
1355
+ gap: 8,
1356
+ align: "flex-start",
1357
+ children: [
1219
1358
  /* @__PURE__ */ e(
1220
1359
  t,
1221
1360
  {
1222
- size: "xs",
1223
- c: "gray.5",
1224
- fw: 800,
1225
- tt: "uppercase",
1226
- ls: "0.5px",
1227
- children: s.period || s.priceSuffix || "/mês"
1361
+ size: "xl",
1362
+ fw: 900,
1363
+ c: "gray.9",
1364
+ style: { marginTop: 8 },
1365
+ children: s.priceDisplay?.currency
1366
+ }
1367
+ ),
1368
+ /* @__PURE__ */ i(
1369
+ f,
1370
+ {
1371
+ gap: 4,
1372
+ align: "flex-end",
1373
+ children: [
1374
+ /* @__PURE__ */ e(
1375
+ t,
1376
+ {
1377
+ fz: "var(--fz-big-metric)",
1378
+ fw: 900,
1379
+ ls: "-0.04em",
1380
+ lh: 0.8,
1381
+ c: "gray.9",
1382
+ children: s.priceDisplay?.whole
1383
+ }
1384
+ ),
1385
+ s.priceDisplay?.fraction && /* @__PURE__ */ i(
1386
+ p,
1387
+ {
1388
+ gap: 0,
1389
+ mb: 6,
1390
+ children: [
1391
+ /* @__PURE__ */ i(
1392
+ t,
1393
+ {
1394
+ size: "xl",
1395
+ fw: 900,
1396
+ lh: 1,
1397
+ c: "gray.9",
1398
+ children: [
1399
+ ",",
1400
+ s.priceDisplay.fraction
1401
+ ]
1402
+ }
1403
+ ),
1404
+ /* @__PURE__ */ e(
1405
+ t,
1406
+ {
1407
+ size: "xs",
1408
+ c: "gray.5",
1409
+ fw: 800,
1410
+ tt: "uppercase",
1411
+ ls: "0.5px",
1412
+ children: s.period || s.priceSuffix || "/mês"
1413
+ }
1414
+ )
1415
+ ]
1416
+ }
1417
+ )
1418
+ ]
1228
1419
  }
1229
1420
  )
1230
- ] })
1231
- ] })
1232
- ] })
1233
- ] }),
1234
- /* @__PURE__ */ e(N, { mb: "xl", color: "gray.1" }),
1235
- /* @__PURE__ */ e(m, { gap: "sm", mb: 40, style: { flex: 1 }, children: s.features.map((g, u) => /* @__PURE__ */ i(f, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [
1236
- /* @__PURE__ */ e(
1237
- V,
1238
- {
1239
- size: 16,
1240
- color: "var(--mantine-color-gray-9)",
1241
- style: { marginTop: 2, flexShrink: 0 }
1421
+ ]
1242
1422
  }
1243
- ),
1244
- /* @__PURE__ */ e(t, { size: "sm", fw: 500, c: "gray.6", lh: 1.4, children: g })
1245
- ] }, u)) }),
1423
+ )
1424
+ ] }),
1425
+ /* @__PURE__ */ e(
1426
+ N,
1427
+ {
1428
+ mb: "xl",
1429
+ color: "gray.1"
1430
+ }
1431
+ ),
1432
+ /* @__PURE__ */ e(
1433
+ p,
1434
+ {
1435
+ gap: "sm",
1436
+ mb: 40,
1437
+ style: { flex: 1 },
1438
+ children: s.features.map((g, u) => /* @__PURE__ */ i(
1439
+ f,
1440
+ {
1441
+ gap: "sm",
1442
+ wrap: "nowrap",
1443
+ align: "flex-start",
1444
+ children: [
1445
+ /* @__PURE__ */ e(
1446
+ V,
1447
+ {
1448
+ size: 16,
1449
+ color: "var(--mantine-color-gray-9)",
1450
+ style: { marginTop: 2, flexShrink: 0 }
1451
+ }
1452
+ ),
1453
+ /* @__PURE__ */ e(
1454
+ t,
1455
+ {
1456
+ size: "sm",
1457
+ fw: 500,
1458
+ c: "gray.6",
1459
+ lh: 1.4,
1460
+ children: g
1461
+ }
1462
+ )
1463
+ ]
1464
+ },
1465
+ u
1466
+ ))
1467
+ }
1468
+ ),
1246
1469
  /* @__PURE__ */ e(y, { mt: "auto", children: /* @__PURE__ */ e(
1247
- B,
1470
+ P,
1248
1471
  {
1249
1472
  label: s.cta.label,
1250
1473
  href: s.cta.href,
@@ -1264,11 +1487,10 @@ function Me({
1264
1487
  }
1265
1488
  );
1266
1489
  }
1267
- function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, background: o = "white" }) {
1268
- b(o);
1490
+ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, background: o = "white" }) {
1269
1491
  const h = {
1270
1492
  item: {
1271
- backgroundColor: b("white"),
1493
+ backgroundColor: o === "gray" ? "gray.1" : "white",
1272
1494
  border: "1px solid var(--mantine-color-gray-2)"
1273
1495
  },
1274
1496
  control: {
@@ -1288,7 +1510,7 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1288
1510
  return /* @__PURE__ */ i(
1289
1511
  I,
1290
1512
  {
1291
- id: l,
1513
+ id: r,
1292
1514
  subtitle: c,
1293
1515
  title: a,
1294
1516
  background: o,
@@ -1306,10 +1528,10 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1306
1528
  radius: "0",
1307
1529
  chevronPosition: "right",
1308
1530
  styles: h,
1309
- children: r.slice(0, Math.ceil(r.length / 2)).map((d, p) => /* @__PURE__ */ i(
1531
+ children: l.slice(0, Math.ceil(l.length / 2)).map((d, m) => /* @__PURE__ */ i(
1310
1532
  w.Item,
1311
1533
  {
1312
- value: d.value || String(p),
1534
+ value: d.value || String(m),
1313
1535
  mb: "md",
1314
1536
  children: [
1315
1537
  /* @__PURE__ */ e(
@@ -1330,7 +1552,7 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1330
1552
  /* @__PURE__ */ e(w.Panel, { c: "gray.6", children: d.answer })
1331
1553
  ]
1332
1554
  },
1333
- d.value || p
1555
+ d.value || m
1334
1556
  ))
1335
1557
  }
1336
1558
  ),
@@ -1341,10 +1563,10 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1341
1563
  radius: "0",
1342
1564
  chevronPosition: "right",
1343
1565
  styles: h,
1344
- children: r.slice(Math.ceil(r.length / 2)).map((d, p) => /* @__PURE__ */ i(
1566
+ children: l.slice(Math.ceil(l.length / 2)).map((d, m) => /* @__PURE__ */ i(
1345
1567
  w.Item,
1346
1568
  {
1347
- value: d.value || String(p),
1569
+ value: d.value || String(m),
1348
1570
  mb: "md",
1349
1571
  children: [
1350
1572
  /* @__PURE__ */ e(
@@ -1365,7 +1587,7 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1365
1587
  /* @__PURE__ */ e(w.Panel, { c: "gray.6", children: d.answer })
1366
1588
  ]
1367
1589
  },
1368
- d.value || p
1590
+ d.value || m
1369
1591
  ))
1370
1592
  }
1371
1593
  )
@@ -1373,12 +1595,12 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1373
1595
  }
1374
1596
  ),
1375
1597
  n && /* @__PURE__ */ e(
1376
- z,
1598
+ x,
1377
1599
  {
1378
1600
  mt: { base: 40, md: 80 },
1379
1601
  radius: "0",
1380
1602
  p: { base: "xl", md: 60 },
1381
- bg: b("gray"),
1603
+ bg: o === "gray" ? "gray.1" : "white",
1382
1604
  bd: "1px solid var(--mantine-color-gray-1)",
1383
1605
  pos: "relative",
1384
1606
  style: { overflow: "hidden" },
@@ -1390,7 +1612,7 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1390
1612
  style: { position: "relative", zIndex: 1, alignItems: "center" },
1391
1613
  children: [
1392
1614
  /* @__PURE__ */ i(
1393
- m,
1615
+ p,
1394
1616
  {
1395
1617
  gap: "sm",
1396
1618
  ta: { base: "center", md: "left" },
@@ -1418,8 +1640,8 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1418
1640
  ]
1419
1641
  }
1420
1642
  ),
1421
- /* @__PURE__ */ e(m, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
1422
- B,
1643
+ /* @__PURE__ */ e(p, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
1644
+ P,
1423
1645
  {
1424
1646
  label: n.cta.label,
1425
1647
  href: n.cta.href,
@@ -1438,35 +1660,35 @@ function Re({ id: l, subtitle: c, title: a, questions: r = [], contactCard: n, b
1438
1660
  }
1439
1661
  );
1440
1662
  }
1441
- function Ge({ id: l, title: c, subtitle: a, items: r = [], background: n = "gray" }) {
1663
+ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray" }) {
1442
1664
  return /* @__PURE__ */ e(
1443
1665
  I,
1444
1666
  {
1445
- id: l,
1667
+ id: r,
1446
1668
  background: n,
1447
1669
  title: c,
1448
1670
  subtitle: a,
1449
1671
  children: /* @__PURE__ */ e(
1450
1672
  v,
1451
1673
  {
1452
- cols: { base: 1, md: r.length > 3 ? 4 : r.length || 3 },
1674
+ cols: { base: 1, md: l.length > 3 ? 4 : l.length || 3 },
1453
1675
  spacing: "xl",
1454
- children: r.map((o, h) => /* @__PURE__ */ e(
1455
- z,
1676
+ children: l.map((o, h) => /* @__PURE__ */ e(
1677
+ x,
1456
1678
  {
1457
1679
  p: "xl",
1458
1680
  radius: "0",
1459
1681
  bd: "1px solid var(--mantine-color-gray-2)",
1460
- bg: b("white"),
1682
+ bg: z("white"),
1461
1683
  children: /* @__PURE__ */ i(
1462
- m,
1684
+ p,
1463
1685
  {
1464
1686
  gap: "md",
1465
1687
  align: "flex-start",
1466
1688
  h: "100%",
1467
1689
  children: [
1468
1690
  /* @__PURE__ */ e(
1469
- oe,
1691
+ ce,
1470
1692
  {
1471
1693
  size: 32,
1472
1694
  color: "var(--mantine-color-gray-3)"
@@ -1494,7 +1716,7 @@ function Ge({ id: l, title: c, subtitle: a, items: r = [], background: n = "gray
1494
1716
  mt: "xl",
1495
1717
  children: [
1496
1718
  /* @__PURE__ */ e(
1497
- ne,
1719
+ ie,
1498
1720
  {
1499
1721
  size: "md",
1500
1722
  radius: "0",
@@ -1503,7 +1725,7 @@ function Ge({ id: l, title: c, subtitle: a, items: r = [], background: n = "gray
1503
1725
  children: o.initials
1504
1726
  }
1505
1727
  ),
1506
- /* @__PURE__ */ i(m, { gap: 0, children: [
1728
+ /* @__PURE__ */ i(p, { gap: 0, children: [
1507
1729
  /* @__PURE__ */ e(
1508
1730
  t,
1509
1731
  {
@@ -1538,23 +1760,23 @@ function Ge({ id: l, title: c, subtitle: a, items: r = [], background: n = "gray
1538
1760
  }
1539
1761
  );
1540
1762
  }
1541
- function me({ id: l, title: c, description: a, cta: r, background: n = "gray" }) {
1763
+ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" }) {
1542
1764
  return /* @__PURE__ */ e(
1543
1765
  I,
1544
1766
  {
1545
- id: l,
1767
+ id: r,
1546
1768
  background: n,
1547
1769
  ta: "center",
1548
1770
  children: /* @__PURE__ */ e(
1549
- z,
1771
+ x,
1550
1772
  {
1551
1773
  p: { base: "xl", sm: 80 },
1552
- bg: b("white"),
1774
+ bg: z("white"),
1553
1775
  radius: "0",
1554
1776
  bd: "1px solid var(--mantine-color-gray-2)",
1555
1777
  style: { borderTop: "4px solid var(--mantine-color-gray-9)" },
1556
1778
  children: /* @__PURE__ */ i(
1557
- m,
1779
+ p,
1558
1780
  {
1559
1781
  align: "center",
1560
1782
  ta: "center",
@@ -1580,15 +1802,15 @@ function me({ id: l, title: c, description: a, cta: r, background: n = "gray" })
1580
1802
  children: a
1581
1803
  }
1582
1804
  ),
1583
- r && /* @__PURE__ */ e(y, { mt: "md", children: /* @__PURE__ */ e(
1584
- B,
1805
+ l && /* @__PURE__ */ e(y, { mt: "md", children: /* @__PURE__ */ e(
1806
+ P,
1585
1807
  {
1586
- label: r.label,
1587
- href: r.href,
1588
- size: r.size || "xl",
1589
- px: r.px || { base: 32, md: 60 },
1590
- variant: r.variant,
1591
- color: r.color
1808
+ label: l.label,
1809
+ href: l.href,
1810
+ size: l.size || "xl",
1811
+ px: l.px || { base: 32, md: 60 },
1812
+ variant: l.variant,
1813
+ color: l.color
1592
1814
  }
1593
1815
  ) })
1594
1816
  ]
@@ -1599,33 +1821,33 @@ function me({ id: l, title: c, description: a, cta: r, background: n = "gray" })
1599
1821
  }
1600
1822
  );
1601
1823
  }
1602
- const He = me;
1603
- function fe({
1604
- text: l = "Selo Exclusivo RiLiGar",
1824
+ const Ne = me;
1825
+ function pe({
1826
+ text: r = "Selo Exclusivo RiLiGar",
1605
1827
  color: c = "green.6",
1606
1828
  background: a = "gray"
1607
1829
  }) {
1608
- const r = b(a);
1830
+ const l = z(a);
1609
1831
  return /* @__PURE__ */ e(
1610
1832
  y,
1611
1833
  {
1612
1834
  p: "xs",
1613
- bg: r,
1835
+ bg: l,
1614
1836
  style: {
1615
1837
  borderRadius: "8px",
1616
1838
  border: "1px solid var(--mantine-color-gray-2)",
1617
1839
  display: "inline-block"
1618
1840
  },
1619
1841
  children: /* @__PURE__ */ i(f, { gap: "xs", children: [
1620
- /* @__PURE__ */ e(T, { color: c, variant: "light", size: "sm", radius: "xl", children: /* @__PURE__ */ e(se, { size: 14, "aria-hidden": "true" }) }),
1621
- /* @__PURE__ */ e(t, { size: "xs", fw: 700, c: "gray.7", tt: "uppercase", lts: 0.5, children: l })
1842
+ /* @__PURE__ */ e(T, { color: c, variant: "light", size: "sm", radius: "xl", children: /* @__PURE__ */ e(oe, { size: 14, "aria-hidden": "true" }) }),
1843
+ /* @__PURE__ */ e(t, { size: "xs", fw: 700, c: "gray.7", tt: "uppercase", lts: 0.5, children: r })
1622
1844
  ] })
1623
1845
  }
1624
1846
  );
1625
1847
  }
1626
- const Ne = fe;
1627
- function Ve({ logo: l, description: c, sections: a = [], socialLinks: r = [], copyrightText: n, madeByText: o, background: h = "white" }) {
1628
- const d = b(h);
1848
+ const Ve = pe;
1849
+ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], copyrightText: n, madeByText: o, background: h = "white" }) {
1850
+ const d = z(h);
1629
1851
  return /* @__PURE__ */ e(
1630
1852
  y,
1631
1853
  {
@@ -1633,20 +1855,20 @@ function Ve({ logo: l, description: c, sections: a = [], socialLinks: r = [], co
1633
1855
  py: "xl",
1634
1856
  bg: d,
1635
1857
  bd: { top: "1px solid var(--mantine-color-gray-2)" },
1636
- children: /* @__PURE__ */ i(C, { size: "xl", children: [
1858
+ children: /* @__PURE__ */ i(E, { size: "xl", children: [
1637
1859
  /* @__PURE__ */ i(
1638
1860
  v,
1639
1861
  {
1640
1862
  cols: { base: 1, sm: 2 },
1641
1863
  spacing: "xl",
1642
1864
  children: [
1643
- /* @__PURE__ */ i(m, { gap: "lg", children: [
1644
- l && /* @__PURE__ */ e(
1865
+ /* @__PURE__ */ i(p, { gap: "lg", children: [
1866
+ r && /* @__PURE__ */ e(
1645
1867
  "img",
1646
1868
  {
1647
- src: l.src,
1648
- alt: l.alt || "",
1649
- height: l.height || 32,
1869
+ src: r.src,
1870
+ alt: r.alt || "",
1871
+ height: r.height || 32,
1650
1872
  style: { objectFit: "contain", objectPosition: "left" }
1651
1873
  }
1652
1874
  ),
@@ -1666,12 +1888,12 @@ function Ve({ logo: l, description: c, sections: a = [], socialLinks: r = [], co
1666
1888
  {
1667
1889
  cols: {
1668
1890
  base: 2,
1669
- sm: a.length + (r?.length > 0 ? 1 : 0) || 4
1891
+ sm: a.length + (l?.length > 0 ? 1 : 0) || 4
1670
1892
  },
1671
1893
  spacing: "xl",
1672
1894
  children: [
1673
- a.map((p, s) => /* @__PURE__ */ i(
1674
- m,
1895
+ a.map((m, s) => /* @__PURE__ */ i(
1896
+ p,
1675
1897
  {
1676
1898
  gap: "md",
1677
1899
  children: [
@@ -1682,11 +1904,11 @@ function Ve({ logo: l, description: c, sections: a = [], socialLinks: r = [], co
1682
1904
  size: "xs",
1683
1905
  tt: "uppercase",
1684
1906
  ls: "1.5px",
1685
- children: p.title
1907
+ children: m.title
1686
1908
  }
1687
1909
  ),
1688
- /* @__PURE__ */ e(m, { gap: "xs", children: p.links.map((g, u) => /* @__PURE__ */ e(
1689
- ae,
1910
+ /* @__PURE__ */ e(p, { gap: "xs", children: m.links.map((g, u) => /* @__PURE__ */ e(
1911
+ ne,
1690
1912
  {
1691
1913
  c: "gray.6",
1692
1914
  size: "sm",
@@ -1702,7 +1924,7 @@ function Ve({ logo: l, description: c, sections: a = [], socialLinks: r = [], co
1702
1924
  },
1703
1925
  s
1704
1926
  )),
1705
- r && r.length > 0 && /* @__PURE__ */ i(m, { gap: "md", children: [
1927
+ l && l.length > 0 && /* @__PURE__ */ i(p, { gap: "md", children: [
1706
1928
  /* @__PURE__ */ e(
1707
1929
  t,
1708
1930
  {
@@ -1713,18 +1935,18 @@ function Ve({ logo: l, description: c, sections: a = [], socialLinks: r = [], co
1713
1935
  children: "Social"
1714
1936
  }
1715
1937
  ),
1716
- /* @__PURE__ */ e(f, { gap: "xs", children: r.map((p, s) => /* @__PURE__ */ e(
1717
- te,
1938
+ /* @__PURE__ */ e(f, { gap: "xs", children: l.map((m, s) => /* @__PURE__ */ e(
1939
+ ae,
1718
1940
  {
1719
1941
  size: "md",
1720
1942
  variant: "subtle",
1721
1943
  color: "gray",
1722
1944
  component: "a",
1723
- href: p.href,
1945
+ href: m.href,
1724
1946
  target: "_blank",
1725
1947
  radius: "0",
1726
- "aria-label": p.label || `Social link ${s + 1}`,
1727
- children: p.icon
1948
+ "aria-label": m.label || `Social link ${s + 1}`,
1949
+ children: m.icon
1728
1950
  },
1729
1951
  s
1730
1952
  )) })
@@ -1781,25 +2003,26 @@ function Ve({ logo: l, description: c, sections: a = [], socialLinks: r = [], co
1781
2003
  }
1782
2004
  export {
1783
2005
  me as CTABanner,
1784
- B as CTAButton,
1785
- Ee as Comparison,
1786
- Re as FAQ,
1787
- je as FeatureSplit,
1788
- ke as FeaturesGrid,
1789
- Ve as Footer,
1790
- he as Header,
1791
- Ae as Hero,
1792
- I as Layout,
1793
- X as MediaBlock,
1794
- De as Navbar,
1795
- Me as Pricing,
1796
- _ as SECTION_BACKGROUNDS,
1797
- He as SecondaryCTA,
1798
- J as SectionHeader,
1799
- Ne as SeloExclusivo,
1800
- Ce as SocialProof,
1801
- Ge as Testimonials,
1802
- fe as TrustBadge,
1803
- b as resolveBackground,
1804
- Pe as theme
2006
+ P as CTAButton,
2007
+ ke as Comparison,
2008
+ Ge as FAQ,
2009
+ Ee as FeatureSplit,
2010
+ Me as FeaturesGrid,
2011
+ We as Footer,
2012
+ de as Header,
2013
+ Ce as Hero,
2014
+ De as Layout,
2015
+ J as MediaBlock,
2016
+ Ae as Navbar,
2017
+ Re as Pricing,
2018
+ Pe as SECTION_BACKGROUNDS,
2019
+ Ne as SecondaryCTA,
2020
+ I as Section,
2021
+ Q as SectionHeader,
2022
+ Ve as SeloExclusivo,
2023
+ je as SocialProof,
2024
+ He as Testimonials,
2025
+ pe as TrustBadge,
2026
+ z as resolveBackground,
2027
+ Te as theme
1805
2028
  };