@riligar/components-kit 1.5.4 → 1.7.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 +255 -245
  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 Z, Stack as p, Text as t, Title as q, Center as v, Box as y, Button as H, Container as E, Paper as x, Group as f, SimpleGrid as w, 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 S, Avatar as ie, Anchor as ne, ActionIcon as ae } from "@mantine/core";
2
- import { jsxs as i, jsx as e, Fragment as L } from "react/jsx-runtime";
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({
1
+ import { createTheme as Y, Stack as p, Text as c, Title as Z, Center as z, Box as y, Button as H, Container as j, Paper as x, Group as f, SimpleGrid as v, Image as $, List as G, ThemeIcon as T, Grid as b, Badge as C, Code as q, RingProgress as ee, Divider as N, SegmentedControl as re, Accordion as S, Avatar as le, Anchor as ie, ActionIcon as ne } from "@mantine/core";
2
+ import { jsxs as i, jsx as e, Fragment as K } from "react/jsx-runtime";
3
+ import { useWindowScroll as ae } from "@mantine/hooks";
4
+ import { IconCheck as V, IconBolt as L, IconQuote as te, IconCircleCheck as ce } from "@tabler/icons-react";
5
+ import { Fragment as oe } from "react";
6
+ const Be = Y({
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',
@@ -146,21 +146,21 @@ const Te = Z({
146
146
  }
147
147
  }
148
148
  });
149
- function Q({
149
+ function _({
150
150
  subtitle: r,
151
- title: c,
151
+ title: t,
152
152
  titleOrder: a = 2,
153
153
  titleFz: l = "var(--fz-section-title)",
154
154
  ta: n = "left",
155
155
  maw: o
156
156
  }) {
157
- return !c && !r ? null : /* @__PURE__ */ i(p, { gap: "xs", align: n === "center" ? "center" : "flex-start", ta: n, children: [
158
- r && /* @__PURE__ */ e(t, { c: "gray.4", size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", children: r }),
159
- c && /* @__PURE__ */ e(q, { order: a, fz: l, maw: o, children: c })
157
+ return !t && !r ? null : /* @__PURE__ */ i(p, { gap: "xs", align: n === "center" ? "center" : "flex-start", ta: n, children: [
158
+ r && /* @__PURE__ */ e(c, { c: "gray.4", size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", children: r }),
159
+ t && /* @__PURE__ */ e(Z, { order: a, fz: l, maw: o, children: t })
160
160
  ] });
161
161
  }
162
- function J({ video: r, image: c, width: a = "100%", maw: l, alt: n }) {
163
- return r ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
162
+ function Q({ video: r, image: t, width: a = "100%", maw: l, alt: n }) {
163
+ return r ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
164
164
  y,
165
165
  {
166
166
  component: "video",
@@ -174,11 +174,11 @@ function J({ video: r, image: c, width: a = "100%", maw: l, alt: n }) {
174
174
  h: "auto",
175
175
  style: { filter: r.filter || "none" }
176
176
  }
177
- ) }) : c ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
177
+ ) }) : t ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
178
178
  y,
179
179
  {
180
180
  component: "img",
181
- src: c,
181
+ src: t,
182
182
  alt: n || "",
183
183
  w: a,
184
184
  h: "auto",
@@ -188,7 +188,7 @@ function J({ video: r, image: c, width: a = "100%", maw: l, alt: n }) {
188
188
  }
189
189
  function P({
190
190
  label: r,
191
- href: c,
191
+ href: t,
192
192
  onClick: a,
193
193
  icon: l,
194
194
  size: n = "lg",
@@ -204,8 +204,8 @@ function P({
204
204
  H,
205
205
  {
206
206
  size: n,
207
- component: c ? "a" : "button",
208
- href: c,
207
+ component: t ? "a" : "button",
208
+ href: t,
209
209
  onClick: a,
210
210
  target: d,
211
211
  rightSection: l,
@@ -219,12 +219,12 @@ function P({
219
219
  }
220
220
  );
221
221
  }
222
- const Pe = {
222
+ const Te = {
223
223
  white: "white",
224
224
  gray: "gray.1"
225
- }, z = (r) => r;
226
- 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" }) {
227
- const s = z(n);
225
+ }, F = (r) => r === "gray.9" || r === "dark" ? "gray.0" : r === "white" ? "white" : "gray.1";
226
+ function I({ children: r, title: t, subtitle: a, id: l, background: n = "white", py: o = { base: 80, md: 120 }, maw: h = 800, ta: d = "left", stackGap: m = "xl" }) {
227
+ const s = F(n);
228
228
  return /* @__PURE__ */ e(
229
229
  y,
230
230
  {
@@ -233,12 +233,12 @@ function I({ children: r, title: c, subtitle: a, id: l, background: n = "white",
233
233
  bg: s,
234
234
  py: o,
235
235
  style: { overflow: "hidden" },
236
- children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(p, { gap: m, children: [
236
+ children: /* @__PURE__ */ e(j, { size: "lg", children: /* @__PURE__ */ i(p, { gap: m, children: [
237
237
  /* @__PURE__ */ e(
238
- Q,
238
+ _,
239
239
  {
240
240
  subtitle: a,
241
- title: c,
241
+ title: t,
242
242
  ta: d,
243
243
  maw: h
244
244
  }
@@ -248,17 +248,17 @@ function I({ children: r, title: c, subtitle: a, id: l, background: n = "white",
248
248
  }
249
249
  );
250
250
  }
251
- function Ae({ children: r }) {
251
+ function Pe({ children: r }) {
252
252
  return /* @__PURE__ */ e(y, { style: { minHeight: "100vh", scrollBehavior: "smooth" }, children: r });
253
253
  }
254
- function de({
254
+ function se({
255
255
  logo: r,
256
- navLinks: c = [],
256
+ navLinks: t = [],
257
257
  loginCta: a,
258
258
  signupCta: l,
259
259
  background: n = "white"
260
260
  }) {
261
- const o = z(n), [h] = te(), d = h.y > 10, m = (g) => {
261
+ const o = F(n), [h] = ae(), d = h.y > 10, m = (g) => {
262
262
  g === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(g)?.scrollIntoView({ behavior: "smooth" });
263
263
  }, s = (g, u) => {
264
264
  (g.key === "Enter" || g.key === " ") && (g.preventDefault(), m(u));
@@ -271,7 +271,7 @@ function de({
271
271
  top: 0,
272
272
  w: "100%",
273
273
  style: { zIndex: 100, pointerEvents: "none" },
274
- children: /* @__PURE__ */ e(E, { size: "xl", py: "md", children: /* @__PURE__ */ e(
274
+ children: /* @__PURE__ */ e(j, { size: "xl", py: "md", children: /* @__PURE__ */ e(
275
275
  x,
276
276
  {
277
277
  shadow: d ? "sm" : "none",
@@ -307,7 +307,7 @@ function de({
307
307
  )
308
308
  }
309
309
  ),
310
- c.length > 0 && /* @__PURE__ */ e(
310
+ t.length > 0 && /* @__PURE__ */ e(
311
311
  f,
312
312
  {
313
313
  gap: "xl",
@@ -315,8 +315,8 @@ function de({
315
315
  component: "nav",
316
316
  role: "navigation",
317
317
  "aria-label": "Menu principal",
318
- children: c.map((g) => /* @__PURE__ */ e(
319
- t,
318
+ children: t.map((g) => /* @__PURE__ */ e(
319
+ c,
320
320
  {
321
321
  size: "sm",
322
322
  fw: 900,
@@ -361,8 +361,8 @@ function de({
361
361
  color: "dark",
362
362
  variant: "filled",
363
363
  children: [
364
- /* @__PURE__ */ e(t, { span: !0, visibleFrom: "sm", c: "white", fw: 900, size: "sm", children: l.label }),
365
- /* @__PURE__ */ e(t, { span: !0, hiddenFrom: "sm", c: "white", fw: 900, size: "xs", children: l.labelMobile || l.label })
364
+ /* @__PURE__ */ e(c, { span: !0, visibleFrom: "sm", c: "white", fw: 900, size: "sm", children: l.label }),
365
+ /* @__PURE__ */ e(c, { span: !0, hiddenFrom: "sm", c: "white", fw: 900, size: "xs", children: l.labelMobile || l.label })
366
366
  ]
367
367
  }
368
368
  )
@@ -375,16 +375,27 @@ function de({
375
375
  }
376
376
  );
377
377
  }
378
- const De = de;
379
- function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o, background: h = "white", mediaMaw: d }) {
378
+ const Ae = se;
379
+ function De({
380
+ subtitle: r,
381
+ title: t,
382
+ description: a,
383
+ cta: l,
384
+ video: n,
385
+ image: o,
386
+ background: h = "white",
387
+ mediaMaw: d,
388
+ titleFz: m = "var(--fz-hero)",
389
+ descriptionFz: s = "xl"
390
+ }) {
380
391
  return /* @__PURE__ */ e(
381
392
  y,
382
393
  {
383
394
  py: { base: 80, sm: 100, md: 140 },
384
395
  id: "hero",
385
396
  bg: h,
386
- children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(
387
- w,
397
+ children: /* @__PURE__ */ e(j, { size: "lg", children: /* @__PURE__ */ i(
398
+ v,
388
399
  {
389
400
  cols: { base: 1, md: 2 },
390
401
  spacing: { base: 60, md: 100 },
@@ -398,27 +409,27 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
398
409
  gap: { base: 32, md: 48 },
399
410
  ta: { base: "center", md: "left" },
400
411
  children: [
401
- /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
402
- Q,
412
+ /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
413
+ _,
403
414
  {
404
415
  subtitle: r,
405
- title: c,
416
+ title: t,
406
417
  titleOrder: 1,
407
- titleFz: "var(--fz-hero)",
418
+ titleFz: m,
408
419
  ta: "inherit"
409
420
  }
410
421
  ) }),
411
- a && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
412
- t,
422
+ a && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
423
+ c,
413
424
  {
414
- size: "xl",
425
+ size: s,
415
426
  c: "gray.6",
416
427
  lh: 1.6,
417
428
  maw: 600,
418
429
  children: a
419
430
  }
420
431
  ) }),
421
- l && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
432
+ l && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
422
433
  f,
423
434
  {
424
435
  gap: "md",
@@ -441,7 +452,7 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
441
452
  }
442
453
  ),
443
454
  /* @__PURE__ */ e(
444
- J,
455
+ Q,
445
456
  {
446
457
  video: n,
447
458
  image: o,
@@ -455,10 +466,10 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
455
466
  }
456
467
  );
457
468
  }
458
- function he({ logo: r, index: c }) {
469
+ function de({ logo: r, index: t }) {
459
470
  const a = {
460
471
  src: r.src,
461
- alt: r.alt || `Logo ${c}`,
472
+ alt: r.alt || `Logo ${t}`,
462
473
  h: r.height || 50,
463
474
  w: "auto",
464
475
  style: {
@@ -473,17 +484,17 @@ function he({ logo: r, index: c }) {
473
484
  l.currentTarget.style.filter = "grayscale(1) opacity(0.4)";
474
485
  }
475
486
  };
476
- return r.url ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
487
+ return r.url ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
477
488
  "a",
478
489
  {
479
490
  href: r.url,
480
491
  target: "_blank",
481
492
  rel: "noopener noreferrer",
482
- children: /* @__PURE__ */ e(K, { ...a })
493
+ children: /* @__PURE__ */ e($, { ...a })
483
494
  }
484
- ) }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(K, { ...a }) });
495
+ ) }) : /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e($, { ...a }) });
485
496
  }
486
- function je({ id: r, title: c, logos: a, background: l = "gray" }) {
497
+ function Ce({ id: r, title: t, logos: a, background: l = "gray" }) {
487
498
  return !a || a.length === 0 ? null : /* @__PURE__ */ e(
488
499
  y,
489
500
  {
@@ -491,23 +502,23 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
491
502
  id: r,
492
503
  py: { base: 40, md: 60 },
493
504
  bg: l,
494
- bd: { bottom: "1px solid var(--mantine-color-gray-1)" },
495
- children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(
505
+ bd: { bottom: "1px solid var(--mantine-color-gray-2)" },
506
+ children: /* @__PURE__ */ e(j, { size: "lg", children: /* @__PURE__ */ i(
496
507
  p,
497
508
  {
498
509
  align: "center",
499
510
  ta: "center",
500
511
  gap: "xl",
501
512
  children: [
502
- c && /* @__PURE__ */ e(
503
- t,
513
+ t && /* @__PURE__ */ e(
514
+ c,
504
515
  {
505
516
  fw: 500,
506
517
  c: "gray.5",
507
518
  size: "sm",
508
519
  tt: "uppercase",
509
520
  ls: "0.1em",
510
- children: c
521
+ children: t
511
522
  }
512
523
  ),
513
524
  /* @__PURE__ */ e(
@@ -518,7 +529,7 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
518
529
  style: { rowGap: 40 },
519
530
  w: "100%",
520
531
  children: a.map((n, o) => /* @__PURE__ */ e(
521
- he,
532
+ de,
522
533
  {
523
534
  logo: n,
524
535
  index: o
@@ -533,7 +544,7 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
533
544
  }
534
545
  );
535
546
  }
536
- 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 }) {
547
+ function je({ id: r, subtitle: t, title: a, description: l, featuresList: n, cta: o, video: h, image: d, reverse: m = !1, background: s = "white", mediaMaw: g }) {
537
548
  const u = n && n.length > 0 && /* @__PURE__ */ e(
538
549
  G,
539
550
  {
@@ -555,7 +566,7 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
555
566
  )
556
567
  }
557
568
  ),
558
- children: n.map((F, B) => /* @__PURE__ */ e(G.Item, { children: F }, B))
569
+ children: n.map((B, k) => /* @__PURE__ */ e(G.Item, { children: B }, k))
559
570
  }
560
571
  ), A = /* @__PURE__ */ i(
561
572
  p,
@@ -564,7 +575,7 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
564
575
  gap: "lg",
565
576
  children: [
566
577
  l && /* @__PURE__ */ e(
567
- t,
578
+ c,
568
579
  {
569
580
  c: "gray.6",
570
581
  size: "xl",
@@ -586,8 +597,8 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
586
597
  ) })
587
598
  ]
588
599
  }
589
- ), D = (h || d) && /* @__PURE__ */ e(
590
- J,
600
+ ), w = (h || d) && /* @__PURE__ */ e(
601
+ Q,
591
602
  {
592
603
  video: h,
593
604
  image: d,
@@ -599,37 +610,37 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
599
610
  I,
600
611
  {
601
612
  id: r,
602
- subtitle: c,
613
+ subtitle: t,
603
614
  title: a,
604
615
  background: s,
605
616
  children: /* @__PURE__ */ e(
606
- w,
617
+ v,
607
618
  {
608
619
  cols: { base: 1, md: 2 },
609
620
  spacing: { base: 40, md: 80 },
610
621
  verticalSpacing: { base: 40, md: 50 },
611
- children: m ? /* @__PURE__ */ i(L, { children: [
612
- D,
622
+ children: m ? /* @__PURE__ */ i(K, { children: [
623
+ w,
613
624
  A
614
- ] }) : /* @__PURE__ */ i(L, { children: [
625
+ ] }) : /* @__PURE__ */ i(K, { children: [
615
626
  A,
616
- D
627
+ w
617
628
  ] })
618
629
  }
619
630
  )
620
631
  }
621
632
  );
622
633
  }
623
- function Me({ id: r, subtitle: c, title: a, background: l = "gray", items: n = [] }) {
634
+ function ke({ id: r, subtitle: t, title: a, background: l = "gray", items: n = [] }) {
624
635
  return /* @__PURE__ */ e(
625
636
  I,
626
637
  {
627
638
  id: r,
628
- subtitle: c,
639
+ subtitle: t,
629
640
  title: a,
630
641
  background: l,
631
642
  children: /* @__PURE__ */ e(b, { gutter: "lg", children: n.map((o, h) => /* @__PURE__ */ e(
632
- ge,
643
+ he,
633
644
  {
634
645
  ...o
635
646
  },
@@ -638,9 +649,9 @@ function Me({ id: r, subtitle: c, title: a, background: l = "gray", items: n = [
638
649
  }
639
650
  );
640
651
  }
641
- function ge({
652
+ function he({
642
653
  icon: r,
643
- iconVariant: c,
654
+ iconVariant: t,
644
655
  iconColor: a,
645
656
  label: l,
646
657
  title: n,
@@ -650,15 +661,14 @@ function ge({
650
661
  descriptionMaw: m,
651
662
  span: s = { base: 12, md: 6 },
652
663
  background: g = "white",
653
- dark: u = !1,
654
- visual: A,
655
- secondaryVisual: D,
656
- layout: F = "stacked",
664
+ visual: u,
665
+ secondaryVisual: A,
666
+ layout: w = "stacked",
657
667
  badges: B,
658
- codeBlock: W,
659
- decorativeContent: O,
660
- style: M,
661
- ...k
668
+ codeBlock: k,
669
+ decorativeContent: W,
670
+ style: E,
671
+ ...M
662
672
  }) {
663
673
  const R = /* @__PURE__ */ i(y, { children: [
664
674
  r && /* @__PURE__ */ e(
@@ -666,10 +676,9 @@ function ge({
666
676
  {
667
677
  size: 48,
668
678
  radius: "0",
669
- variant: c || (u ? "filled" : "light"),
670
- color: a || (u ? "gray.7" : "gray"),
679
+ variant: t || "light",
680
+ color: a || "gray",
671
681
  mb: "lg",
672
- style: u ? { color: "white" } : void 0,
673
682
  children: /* @__PURE__ */ e(
674
683
  r,
675
684
  {
@@ -680,7 +689,7 @@ function ge({
680
689
  }
681
690
  ),
682
691
  l && /* @__PURE__ */ e(
683
- t,
692
+ c,
684
693
  {
685
694
  size: "sm",
686
695
  fw: 800,
@@ -692,47 +701,47 @@ function ge({
692
701
  }
693
702
  ),
694
703
  n && /* @__PURE__ */ e(
695
- t,
704
+ c,
696
705
  {
697
- fz: o || (F === "compact" ? "h4" : "h3"),
706
+ fz: o || (w === "compact" ? "h4" : "h3"),
698
707
  fw: 900,
699
708
  lh: 1.2,
700
709
  mb: "sm",
701
- c: u ? "white" : void 0,
710
+ c: void 0,
702
711
  children: n
703
712
  }
704
713
  ),
705
714
  h && /* @__PURE__ */ e(
706
- t,
715
+ c,
707
716
  {
708
- c: u ? "gray.4" : "gray.6",
709
- size: d || (F === "compact" ? "sm" : "lg"),
717
+ c: "gray.6",
718
+ size: d || (w === "compact" ? "sm" : "lg"),
710
719
  maw: m,
711
- mb: B ? "xl" : F === "compact" ? "lg" : void 0,
720
+ mb: B ? "xl" : w === "compact" ? "lg" : void 0,
712
721
  children: h
713
722
  }
714
723
  ),
715
- B && B.length > 0 && /* @__PURE__ */ e(f, { children: B.map((X, Y) => /* @__PURE__ */ e(
716
- j,
724
+ B && B.length > 0 && /* @__PURE__ */ e(f, { children: B.map((J, X) => /* @__PURE__ */ e(
725
+ C,
717
726
  {
718
727
  variant: "dot",
719
728
  color: "gray",
720
729
  radius: "0",
721
- children: X
730
+ children: J
722
731
  },
723
- Y
732
+ X
724
733
  )) })
725
- ] }), C = A ? _(A, u) : null, $ = D ? _(D, u) : null;
726
- return F === "split" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
734
+ ] }), D = u ? U(u) : null, O = A ? U(A) : null;
735
+ return w === "split" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
727
736
  x,
728
737
  {
729
738
  h: "100%",
730
739
  p: { base: "xl", md: 40 },
731
740
  radius: "0",
732
- bg: z(g),
741
+ bg: F(g),
733
742
  bd: "1px solid var(--mantine-color-gray-2)",
734
- style: M,
735
- ...k,
743
+ style: E,
744
+ ...M,
736
745
  children: /* @__PURE__ */ i(
737
746
  b,
738
747
  {
@@ -741,15 +750,15 @@ function ge({
741
750
  children: [
742
751
  /* @__PURE__ */ e(b.Col, { span: { base: 12, sm: 6 }, children: R }),
743
752
  /* @__PURE__ */ i(b.Col, { span: { base: 12, sm: 6 }, children: [
744
- C,
745
- W && /* @__PURE__ */ e(
746
- ee,
753
+ D,
754
+ k && /* @__PURE__ */ e(
755
+ q,
747
756
  {
748
757
  block: !0,
749
758
  color: "gray.0",
750
759
  c: "gray.7",
751
760
  style: { fontSize: 12, lineHeight: 1.4, borderRadius: 0 },
752
- children: W
761
+ children: k
753
762
  }
754
763
  )
755
764
  ] })
@@ -757,32 +766,32 @@ function ge({
757
766
  }
758
767
  )
759
768
  }
760
- ) }) : F === "compact" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ i(
769
+ ) }) : w === "compact" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ i(
761
770
  x,
762
771
  {
763
772
  h: "100%",
764
773
  p: { base: "xl", md: 40 },
765
774
  radius: "0",
766
- bg: z(g),
775
+ bg: F(g),
767
776
  bd: "1px solid var(--mantine-color-gray-2)",
768
- style: M,
769
- ...k,
777
+ style: E,
778
+ ...M,
770
779
  children: [
771
780
  R,
772
- C
781
+ D
773
782
  ]
774
783
  }
775
- ) }) : O ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
784
+ ) }) : W ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
776
785
  x,
777
786
  {
778
787
  h: "100%",
779
788
  p: { base: "xl", md: 40 },
780
789
  radius: "0",
781
- bg: z(g),
790
+ bg: F(g),
782
791
  bd: "1px solid var(--mantine-color-gray-2)",
783
792
  pos: "relative",
784
- style: M,
785
- ...k,
793
+ style: E,
794
+ ...M,
786
795
  children: /* @__PURE__ */ i(
787
796
  b,
788
797
  {
@@ -802,7 +811,7 @@ function ge({
802
811
  {
803
812
  span: 5,
804
813
  visibleFrom: "sm",
805
- children: O
814
+ children: W
806
815
  }
807
816
  )
808
817
  ]
@@ -815,50 +824,50 @@ function ge({
815
824
  h: "100%",
816
825
  p: { base: "xl", md: 40 },
817
826
  radius: "0",
818
- bg: z(g),
827
+ bg: F(g),
819
828
  bd: "1px solid var(--mantine-color-gray-2)",
820
829
  display: "flex",
821
830
  style: {
822
831
  flexDirection: "column",
823
832
  justifyContent: "space-between",
824
- ...M
833
+ ...E
825
834
  },
826
- ...k,
835
+ ...M,
827
836
  children: [
828
837
  R,
829
- C && $ ? /* @__PURE__ */ i(
838
+ D && O ? /* @__PURE__ */ i(
830
839
  f,
831
840
  {
832
841
  gap: 40,
833
842
  align: "center",
834
843
  children: [
835
- C,
836
- $
844
+ D,
845
+ O
837
846
  ]
838
847
  }
839
- ) : C
848
+ ) : D
840
849
  ]
841
850
  }
842
851
  ) });
843
852
  }
844
- function _(r, c) {
853
+ function U(r) {
845
854
  if (!r) return null;
846
855
  switch (r.type) {
847
856
  case "ring":
848
857
  return /* @__PURE__ */ e(
849
- re,
858
+ ee,
850
859
  {
851
860
  size: r.size || 140,
852
861
  thickness: r.thickness || 12,
853
- sections: [{ value: r.value || 100, color: "gray.9" }],
854
- label: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
862
+ sections: [{ value: r.value || 100, color: "gray.7" }],
863
+ label: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ i(
855
864
  p,
856
865
  {
857
866
  gap: 0,
858
867
  align: "center",
859
868
  children: [
860
869
  /* @__PURE__ */ e(
861
- t,
870
+ c,
862
871
  {
863
872
  fw: 900,
864
873
  size: "xl",
@@ -867,7 +876,7 @@ function _(r, c) {
867
876
  }
868
877
  ),
869
878
  r.sublabel && /* @__PURE__ */ e(
870
- t,
879
+ c,
871
880
  {
872
881
  size: "xs",
873
882
  c: "gray.5",
@@ -883,17 +892,17 @@ function _(r, c) {
883
892
  case "metric":
884
893
  return /* @__PURE__ */ i(p, { gap: 0, children: [
885
894
  /* @__PURE__ */ e(
886
- t,
895
+ c,
887
896
  {
888
897
  fw: 900,
889
898
  fz: 32,
890
- c: "gray.9",
899
+ c: "gray.8",
891
900
  lh: 1,
892
901
  children: r.value
893
902
  }
894
903
  ),
895
904
  /* @__PURE__ */ e(
896
- t,
905
+ c,
897
906
  {
898
907
  size: "sm",
899
908
  c: "gray.5",
@@ -902,7 +911,7 @@ function _(r, c) {
902
911
  }
903
912
  ),
904
913
  r.badge && /* @__PURE__ */ e(
905
- j,
914
+ C,
906
915
  {
907
916
  mt: "md",
908
917
  color: "gray",
@@ -920,31 +929,32 @@ function _(r, c) {
920
929
  gap: 8,
921
930
  h: r.height || 100,
922
931
  preventGrowOverflow: !1,
923
- children: (r.data || []).map((a, l) => /* @__PURE__ */ e(
932
+ children: (r.data || []).map((t, a) => /* @__PURE__ */ e(
924
933
  y,
925
934
  {
926
935
  w: 20,
927
- h: `${a}%`,
928
- bg: l === r.highlight ? "gray.9" : "gray.2",
936
+ h: `${t}%`,
937
+ bg: a === r.highlight ? "gray.5" : "gray.2",
929
938
  radius: "0"
930
939
  },
931
- l
940
+ a
932
941
  ))
933
942
  }
934
943
  );
935
944
  case "typography":
936
945
  return /* @__PURE__ */ e(
937
- v,
946
+ z,
938
947
  {
939
948
  h: r.height || 160,
940
- bg: c ? "gray.8" : "gray.1",
949
+ bg: "gray.0",
941
950
  radius: "0",
951
+ bd: "1px solid var(--mantine-color-gray-1)",
942
952
  children: /* @__PURE__ */ e(
943
- t,
953
+ c,
944
954
  {
945
955
  fz: r.fontSize || 100,
946
956
  fw: 900,
947
- c: c ? "gray.6" : "gray.3",
957
+ c: "gray.2",
948
958
  style: { letterSpacing: -6 },
949
959
  children: r.text || "Aa"
950
960
  }
@@ -952,9 +962,9 @@ function _(r, c) {
952
962
  }
953
963
  );
954
964
  case "icon-large": {
955
- const a = r.icon;
956
- return a ? /* @__PURE__ */ e(
957
- a,
965
+ const t = r.icon;
966
+ return t ? /* @__PURE__ */ e(
967
+ t,
958
968
  {
959
969
  size: r.size || 64,
960
970
  stroke: r.stroke || 1,
@@ -966,12 +976,12 @@ function _(r, c) {
966
976
  return null;
967
977
  }
968
978
  }
969
- function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, background: o = "white" }) {
979
+ function Ee({ id: r, subtitle: t, title: a, traditionalCol: l, newCol: n, background: o = "white" }) {
970
980
  return /* @__PURE__ */ e(
971
981
  I,
972
982
  {
973
983
  id: r,
974
- subtitle: c,
984
+ subtitle: t,
975
985
  title: a,
976
986
  background: o,
977
987
  children: /* @__PURE__ */ e(
@@ -981,7 +991,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
981
991
  bd: "1px solid var(--mantine-color-gray-2)",
982
992
  style: { overflow: "hidden" },
983
993
  children: /* @__PURE__ */ i(
984
- w,
994
+ v,
985
995
  {
986
996
  cols: { base: 1, md: 2 },
987
997
  spacing: 0,
@@ -994,7 +1004,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
994
1004
  children: /* @__PURE__ */ i(p, { gap: "xl", children: [
995
1005
  /* @__PURE__ */ i(y, { children: [
996
1006
  /* @__PURE__ */ e(
997
- t,
1007
+ c,
998
1008
  {
999
1009
  fw: 900,
1000
1010
  fz: "h2",
@@ -1004,7 +1014,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1004
1014
  }
1005
1015
  ),
1006
1016
  /* @__PURE__ */ e(
1007
- t,
1017
+ c,
1008
1018
  {
1009
1019
  size: "sm",
1010
1020
  fw: 800,
@@ -1020,10 +1030,10 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1020
1030
  {
1021
1031
  gap: "md",
1022
1032
  mb: 40,
1023
- children: l.items.map((h, d) => /* @__PURE__ */ i(se, { children: [
1033
+ children: l.items.map((h, d) => /* @__PURE__ */ i(oe, { children: [
1024
1034
  /* @__PURE__ */ i(f, { justify: "space-between", children: [
1025
1035
  /* @__PURE__ */ e(
1026
- t,
1036
+ c,
1027
1037
  {
1028
1038
  size: "sm",
1029
1039
  c: "gray.6",
@@ -1031,7 +1041,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1031
1041
  }
1032
1042
  ),
1033
1043
  /* @__PURE__ */ e(
1034
- t,
1044
+ c,
1035
1045
  {
1036
1046
  fw: 700,
1037
1047
  c: "gray.9",
@@ -1053,7 +1063,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1053
1063
  children: [
1054
1064
  /* @__PURE__ */ i(f, { justify: "space-between", children: [
1055
1065
  /* @__PURE__ */ e(
1056
- t,
1066
+ c,
1057
1067
  {
1058
1068
  fw: 900,
1059
1069
  c: "gray.7",
@@ -1061,7 +1071,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1061
1071
  }
1062
1072
  ),
1063
1073
  /* @__PURE__ */ e(
1064
- t,
1074
+ c,
1065
1075
  {
1066
1076
  fw: 900,
1067
1077
  fz: 32,
@@ -1071,7 +1081,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1071
1081
  )
1072
1082
  ] }),
1073
1083
  l.footerText && /* @__PURE__ */ e(
1074
- t,
1084
+ c,
1075
1085
  {
1076
1086
  size: "xs",
1077
1087
  c: "red.6",
@@ -1101,7 +1111,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1101
1111
  /* @__PURE__ */ i(y, { children: [
1102
1112
  /* @__PURE__ */ i(f, { gap: "xs", children: [
1103
1113
  /* @__PURE__ */ e(
1104
- t,
1114
+ c,
1105
1115
  {
1106
1116
  fw: 900,
1107
1117
  fz: "h2",
@@ -1111,7 +1121,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1111
1121
  }
1112
1122
  ),
1113
1123
  n.badge && /* @__PURE__ */ e(
1114
- j,
1124
+ C,
1115
1125
  {
1116
1126
  color: "gray.9",
1117
1127
  variant: "filled",
@@ -1121,7 +1131,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1121
1131
  )
1122
1132
  ] }),
1123
1133
  /* @__PURE__ */ e(
1124
- t,
1134
+ c,
1125
1135
  {
1126
1136
  size: "sm",
1127
1137
  c: "gray.6",
@@ -1163,7 +1173,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1163
1173
  bd: "1px solid var(--mantine-color-gray-2)",
1164
1174
  children: /* @__PURE__ */ i(p, { gap: 4, children: [
1165
1175
  /* @__PURE__ */ e(
1166
- t,
1176
+ c,
1167
1177
  {
1168
1178
  size: "sm",
1169
1179
  fw: 800,
@@ -1174,7 +1184,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1174
1184
  }
1175
1185
  ),
1176
1186
  /* @__PURE__ */ e(
1177
- t,
1187
+ c,
1178
1188
  {
1179
1189
  fw: 900,
1180
1190
  fz: 48,
@@ -1184,7 +1194,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1184
1194
  }
1185
1195
  ),
1186
1196
  n.pricingBox.subtext && /* @__PURE__ */ e(
1187
- t,
1197
+ c,
1188
1198
  {
1189
1199
  size: "xs",
1190
1200
  c: "gray.5",
@@ -1219,9 +1229,9 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1219
1229
  }
1220
1230
  );
1221
1231
  }
1222
- function Re({
1232
+ function Me({
1223
1233
  id: r,
1224
- subtitle: c,
1234
+ subtitle: t,
1225
1235
  title: a,
1226
1236
  billingOptions: l = [
1227
1237
  { label: "Mensal", value: "monthly" },
@@ -1237,7 +1247,7 @@ function Re({
1237
1247
  I,
1238
1248
  {
1239
1249
  id: r,
1240
- subtitle: c,
1250
+ subtitle: t,
1241
1251
  title: a,
1242
1252
  ta: "center",
1243
1253
  background: m,
@@ -1250,7 +1260,7 @@ function Re({
1250
1260
  mb: 80,
1251
1261
  children: /* @__PURE__ */ i(f, { gap: "xs", children: [
1252
1262
  /* @__PURE__ */ e(
1253
- le,
1263
+ re,
1254
1264
  {
1255
1265
  value: n,
1256
1266
  onChange: o,
@@ -1263,7 +1273,7 @@ function Re({
1263
1273
  }
1264
1274
  ),
1265
1275
  n === "annual" && h && /* @__PURE__ */ e(
1266
- j,
1276
+ C,
1267
1277
  {
1268
1278
  variant: "filled",
1269
1279
  color: "gray.9",
@@ -1276,7 +1286,7 @@ function Re({
1276
1286
  }
1277
1287
  ),
1278
1288
  /* @__PURE__ */ e(
1279
- w,
1289
+ v,
1280
1290
  {
1281
1291
  cols: { base: 1, md: d.length <= 3 ? d.length : 3 },
1282
1292
  spacing: "xl",
@@ -1306,7 +1316,7 @@ function Re({
1306
1316
  align: "center",
1307
1317
  children: [
1308
1318
  /* @__PURE__ */ e(
1309
- t,
1319
+ c,
1310
1320
  {
1311
1321
  size: "xs",
1312
1322
  fw: 800,
@@ -1317,7 +1327,7 @@ function Re({
1317
1327
  }
1318
1328
  ),
1319
1329
  s.highlight && /* @__PURE__ */ e(
1320
- j,
1330
+ C,
1321
1331
  {
1322
1332
  variant: "dot",
1323
1333
  color: "gray.9",
@@ -1328,7 +1338,7 @@ function Re({
1328
1338
  }
1329
1339
  ),
1330
1340
  /* @__PURE__ */ e(
1331
- t,
1341
+ c,
1332
1342
  {
1333
1343
  size: "sm",
1334
1344
  c: "gray.6",
@@ -1343,7 +1353,7 @@ function Re({
1343
1353
  ),
1344
1354
  /* @__PURE__ */ i(y, { mb: "xl", children: [
1345
1355
  /* @__PURE__ */ e(
1346
- t,
1356
+ c,
1347
1357
  {
1348
1358
  size: "xs",
1349
1359
  c: "gray.4",
@@ -1361,7 +1371,7 @@ function Re({
1361
1371
  align: "flex-start",
1362
1372
  children: [
1363
1373
  /* @__PURE__ */ e(
1364
- t,
1374
+ c,
1365
1375
  {
1366
1376
  size: "xl",
1367
1377
  fw: 900,
@@ -1377,7 +1387,7 @@ function Re({
1377
1387
  align: "flex-end",
1378
1388
  children: [
1379
1389
  /* @__PURE__ */ e(
1380
- t,
1390
+ c,
1381
1391
  {
1382
1392
  fz: "var(--fz-big-metric)",
1383
1393
  fw: 900,
@@ -1394,7 +1404,7 @@ function Re({
1394
1404
  mb: 6,
1395
1405
  children: [
1396
1406
  /* @__PURE__ */ i(
1397
- t,
1407
+ c,
1398
1408
  {
1399
1409
  size: "xl",
1400
1410
  fw: 900,
@@ -1407,7 +1417,7 @@ function Re({
1407
1417
  }
1408
1418
  ),
1409
1419
  /* @__PURE__ */ e(
1410
- t,
1420
+ c,
1411
1421
  {
1412
1422
  size: "xs",
1413
1423
  c: "gray.5",
@@ -1456,7 +1466,7 @@ function Re({
1456
1466
  }
1457
1467
  ),
1458
1468
  /* @__PURE__ */ e(
1459
- t,
1469
+ c,
1460
1470
  {
1461
1471
  size: "sm",
1462
1472
  fw: 500,
@@ -1492,7 +1502,7 @@ function Re({
1492
1502
  }
1493
1503
  );
1494
1504
  }
1495
- function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, background: o = "white" }) {
1505
+ function Re({ id: r, subtitle: t, title: a, questions: l = [], contactCard: n, background: o = "white" }) {
1496
1506
  const h = {
1497
1507
  item: {
1498
1508
  backgroundColor: o === "gray" ? "gray.1" : "white",
@@ -1516,12 +1526,12 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1516
1526
  I,
1517
1527
  {
1518
1528
  id: r,
1519
- subtitle: c,
1529
+ subtitle: t,
1520
1530
  title: a,
1521
1531
  background: o,
1522
1532
  children: [
1523
1533
  /* @__PURE__ */ i(
1524
- w,
1534
+ v,
1525
1535
  {
1526
1536
  cols: { base: 1, md: 2 },
1527
1537
  spacing: "xl",
@@ -1548,7 +1558,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1548
1558
  variant: "light",
1549
1559
  color: "gray",
1550
1560
  radius: "0",
1551
- children: /* @__PURE__ */ e(U, { size: 16 })
1561
+ children: /* @__PURE__ */ e(L, { size: 16 })
1552
1562
  }
1553
1563
  ),
1554
1564
  children: d.question
@@ -1583,7 +1593,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1583
1593
  variant: "light",
1584
1594
  color: "gray",
1585
1595
  radius: "0",
1586
- children: /* @__PURE__ */ e(U, { size: 16 })
1596
+ children: /* @__PURE__ */ e(L, { size: 16 })
1587
1597
  }
1588
1598
  ),
1589
1599
  children: d.question
@@ -1610,7 +1620,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1610
1620
  pos: "relative",
1611
1621
  style: { overflow: "hidden" },
1612
1622
  children: /* @__PURE__ */ i(
1613
- w,
1623
+ v,
1614
1624
  {
1615
1625
  cols: { base: 1, md: 2 },
1616
1626
  spacing: "xl",
@@ -1624,7 +1634,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1624
1634
  align: { base: "center", md: "flex-start" },
1625
1635
  children: [
1626
1636
  /* @__PURE__ */ e(
1627
- t,
1637
+ c,
1628
1638
  {
1629
1639
  fz: "h2",
1630
1640
  fw: 900,
@@ -1634,7 +1644,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1634
1644
  }
1635
1645
  ),
1636
1646
  /* @__PURE__ */ e(
1637
- t,
1647
+ c,
1638
1648
  {
1639
1649
  c: "gray.6",
1640
1650
  maw: 500,
@@ -1653,7 +1663,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1653
1663
  target: n.cta.target,
1654
1664
  leftSection: n.cta.icon,
1655
1665
  size: n.cta.size || "xl",
1656
- color: n.cta.color || "dark"
1666
+ color: n.cta.color || "gray.8"
1657
1667
  }
1658
1668
  ) })
1659
1669
  ]
@@ -1665,16 +1675,16 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1665
1675
  }
1666
1676
  );
1667
1677
  }
1668
- function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray" }) {
1678
+ function Ge({ id: r, title: t, subtitle: a, items: l = [], background: n = "gray" }) {
1669
1679
  return /* @__PURE__ */ e(
1670
1680
  I,
1671
1681
  {
1672
1682
  id: r,
1673
1683
  background: n,
1674
- title: c,
1684
+ title: t,
1675
1685
  subtitle: a,
1676
1686
  children: /* @__PURE__ */ e(
1677
- w,
1687
+ v,
1678
1688
  {
1679
1689
  cols: { base: 1, md: l.length > 3 ? 4 : l.length || 3 },
1680
1690
  spacing: "xl",
@@ -1684,7 +1694,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1684
1694
  p: "xl",
1685
1695
  radius: "0",
1686
1696
  bd: "1px solid var(--mantine-color-gray-2)",
1687
- bg: z("white"),
1697
+ bg: "white",
1688
1698
  children: /* @__PURE__ */ i(
1689
1699
  p,
1690
1700
  {
@@ -1693,14 +1703,14 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1693
1703
  h: "100%",
1694
1704
  children: [
1695
1705
  /* @__PURE__ */ e(
1696
- ce,
1706
+ te,
1697
1707
  {
1698
1708
  size: 32,
1699
1709
  color: "var(--mantine-color-gray-3)"
1700
1710
  }
1701
1711
  ),
1702
1712
  /* @__PURE__ */ i(
1703
- t,
1713
+ c,
1704
1714
  {
1705
1715
  size: "lg",
1706
1716
  c: "gray.7",
@@ -1721,7 +1731,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1721
1731
  mt: "xl",
1722
1732
  children: [
1723
1733
  /* @__PURE__ */ e(
1724
- ie,
1734
+ le,
1725
1735
  {
1726
1736
  size: "md",
1727
1737
  radius: "0",
@@ -1732,7 +1742,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1732
1742
  ),
1733
1743
  /* @__PURE__ */ i(p, { gap: 0, children: [
1734
1744
  /* @__PURE__ */ e(
1735
- t,
1745
+ c,
1736
1746
  {
1737
1747
  size: "sm",
1738
1748
  fw: 900,
@@ -1740,7 +1750,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1740
1750
  }
1741
1751
  ),
1742
1752
  /* @__PURE__ */ e(
1743
- t,
1753
+ c,
1744
1754
  {
1745
1755
  size: "xs",
1746
1756
  fw: 800,
@@ -1765,7 +1775,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1765
1775
  }
1766
1776
  );
1767
1777
  }
1768
- function me({ id: r, title: c, description: a, cta: l, background: n = "gray" }) {
1778
+ function ge({ id: r, title: t, description: a, cta: l, background: n = "gray" }) {
1769
1779
  return /* @__PURE__ */ e(
1770
1780
  I,
1771
1781
  {
@@ -1776,10 +1786,10 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
1776
1786
  x,
1777
1787
  {
1778
1788
  p: { base: "xl", sm: 80 },
1779
- bg: z("white"),
1789
+ bg: "white",
1780
1790
  radius: "0",
1781
1791
  bd: "1px solid var(--mantine-color-gray-2)",
1782
- style: { borderTop: "4px solid var(--mantine-color-gray-9)" },
1792
+ style: { borderTop: "4px solid var(--mantine-color-gray-2)" },
1783
1793
  children: /* @__PURE__ */ i(
1784
1794
  p,
1785
1795
  {
@@ -1787,19 +1797,19 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
1787
1797
  ta: "center",
1788
1798
  gap: "xl",
1789
1799
  children: [
1790
- c && /* @__PURE__ */ e(
1791
- t,
1800
+ t && /* @__PURE__ */ e(
1801
+ c,
1792
1802
  {
1793
1803
  fz: "var(--fz-section-title)",
1794
1804
  fw: 900,
1795
1805
  lh: 1.2,
1796
1806
  ls: "-0.04em",
1797
1807
  maw: 700,
1798
- children: c
1808
+ children: t
1799
1809
  }
1800
1810
  ),
1801
1811
  a && /* @__PURE__ */ e(
1802
- t,
1812
+ c,
1803
1813
  {
1804
1814
  c: "gray.7",
1805
1815
  size: "xl",
@@ -1826,9 +1836,9 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
1826
1836
  }
1827
1837
  );
1828
1838
  }
1829
- const Ne = me;
1830
- function pe({ text: r = "Selo Exclusivo RiLiGar", color: c = "green.6", background: a = "gray" }) {
1831
- const l = z(a);
1839
+ const He = ge;
1840
+ function me({ text: r = "Selo Exclusivo RiLiGar", color: t = "green.6", background: a = "gray" }) {
1841
+ const l = F(a);
1832
1842
  return /* @__PURE__ */ e(
1833
1843
  y,
1834
1844
  {
@@ -1842,11 +1852,11 @@ function pe({ text: r = "Selo Exclusivo RiLiGar", color: c = "green.6", backgrou
1842
1852
  /* @__PURE__ */ e(
1843
1853
  T,
1844
1854
  {
1845
- color: c,
1855
+ color: t,
1846
1856
  variant: "light",
1847
1857
  size: "sm",
1848
1858
  children: /* @__PURE__ */ e(
1849
- oe,
1859
+ ce,
1850
1860
  {
1851
1861
  size: 14,
1852
1862
  "aria-hidden": "true"
@@ -1855,7 +1865,7 @@ function pe({ text: r = "Selo Exclusivo RiLiGar", color: c = "green.6", backgrou
1855
1865
  }
1856
1866
  ),
1857
1867
  /* @__PURE__ */ e(
1858
- t,
1868
+ c,
1859
1869
  {
1860
1870
  size: "xs",
1861
1871
  fw: 700,
@@ -1869,9 +1879,9 @@ function pe({ text: r = "Selo Exclusivo RiLiGar", color: c = "green.6", backgrou
1869
1879
  }
1870
1880
  );
1871
1881
  }
1872
- const Ve = pe;
1873
- function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], copyrightText: n, madeByText: o, background: h = "white" }) {
1874
- const d = z(h);
1882
+ const Ne = me;
1883
+ function Ve({ logo: r, description: t, sections: a = [], socialLinks: l = [], copyrightText: n, madeByText: o, background: h = "white" }) {
1884
+ const d = F(h);
1875
1885
  return /* @__PURE__ */ e(
1876
1886
  y,
1877
1887
  {
@@ -1879,9 +1889,9 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1879
1889
  py: "xl",
1880
1890
  bg: d,
1881
1891
  bd: { top: "1px solid var(--mantine-color-gray-2)" },
1882
- children: /* @__PURE__ */ i(E, { size: "xl", children: [
1892
+ children: /* @__PURE__ */ i(j, { size: "xl", children: [
1883
1893
  /* @__PURE__ */ i(
1884
- w,
1894
+ v,
1885
1895
  {
1886
1896
  cols: { base: 1, sm: 2 },
1887
1897
  spacing: "xl",
@@ -1896,19 +1906,19 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1896
1906
  style: { objectFit: "contain", objectPosition: "left" }
1897
1907
  }
1898
1908
  ),
1899
- c && /* @__PURE__ */ e(
1900
- t,
1909
+ t && /* @__PURE__ */ e(
1910
+ c,
1901
1911
  {
1902
1912
  size: "md",
1903
1913
  c: "gray.6",
1904
1914
  lh: 1.6,
1905
1915
  maw: 400,
1906
- children: c
1916
+ children: t
1907
1917
  }
1908
1918
  )
1909
1919
  ] }),
1910
1920
  /* @__PURE__ */ i(
1911
- w,
1921
+ v,
1912
1922
  {
1913
1923
  cols: {
1914
1924
  base: 2,
@@ -1922,7 +1932,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1922
1932
  gap: "md",
1923
1933
  children: [
1924
1934
  /* @__PURE__ */ e(
1925
- t,
1935
+ c,
1926
1936
  {
1927
1937
  fw: 900,
1928
1938
  size: "xs",
@@ -1932,7 +1942,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1932
1942
  }
1933
1943
  ),
1934
1944
  /* @__PURE__ */ e(p, { gap: "xs", children: m.links.map((g, u) => /* @__PURE__ */ e(
1935
- ne,
1945
+ ie,
1936
1946
  {
1937
1947
  c: "gray.6",
1938
1948
  size: "sm",
@@ -1950,7 +1960,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1950
1960
  )),
1951
1961
  l && l.length > 0 && /* @__PURE__ */ i(p, { gap: "md", children: [
1952
1962
  /* @__PURE__ */ e(
1953
- t,
1963
+ c,
1954
1964
  {
1955
1965
  fw: 900,
1956
1966
  size: "xs",
@@ -1960,7 +1970,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1960
1970
  }
1961
1971
  ),
1962
1972
  /* @__PURE__ */ e(f, { gap: "xs", children: l.map((m, s) => /* @__PURE__ */ e(
1963
- ae,
1973
+ ne,
1964
1974
  {
1965
1975
  size: "md",
1966
1976
  variant: "subtle",
@@ -1997,7 +2007,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1997
2007
  gap: "sm",
1998
2008
  children: [
1999
2009
  /* @__PURE__ */ e(
2000
- t,
2010
+ c,
2001
2011
  {
2002
2012
  size: "xs",
2003
2013
  fw: 800,
@@ -2008,7 +2018,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
2008
2018
  }
2009
2019
  ),
2010
2020
  o && /* @__PURE__ */ e(f, { gap: "sm", children: /* @__PURE__ */ e(
2011
- t,
2021
+ c,
2012
2022
  {
2013
2023
  size: "xs",
2014
2024
  fw: 800,
@@ -2026,27 +2036,27 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
2026
2036
  );
2027
2037
  }
2028
2038
  export {
2029
- me as CTABanner,
2039
+ ge as CTABanner,
2030
2040
  P as CTAButton,
2031
- ke as Comparison,
2032
- Ge as FAQ,
2033
- Ee as FeatureSplit,
2034
- Me as FeaturesGrid,
2035
- We as Footer,
2036
- de as Header,
2037
- Ce as Hero,
2038
- Ae as Layout,
2039
- J as MediaBlock,
2040
- De as Navbar,
2041
- Re as Pricing,
2042
- Pe as SECTION_BACKGROUNDS,
2043
- Ne as SecondaryCTA,
2041
+ Ee as Comparison,
2042
+ Re as FAQ,
2043
+ je as FeatureSplit,
2044
+ ke as FeaturesGrid,
2045
+ Ve as Footer,
2046
+ se as Header,
2047
+ De as Hero,
2048
+ Pe as Layout,
2049
+ Q as MediaBlock,
2050
+ Ae as Navbar,
2051
+ Me as Pricing,
2052
+ Te as SECTION_BACKGROUNDS,
2053
+ He as SecondaryCTA,
2044
2054
  I as Section,
2045
- Q as SectionHeader,
2046
- Ve as SeloExclusivo,
2047
- je as SocialProof,
2048
- He as Testimonials,
2049
- pe as TrustBadge,
2050
- z as resolveBackground,
2051
- Te as theme
2055
+ _ as SectionHeader,
2056
+ Ne as SeloExclusivo,
2057
+ Ce as SocialProof,
2058
+ Ge as Testimonials,
2059
+ me as TrustBadge,
2060
+ F as resolveBackground,
2061
+ Be as theme
2052
2062
  };