@riligar/components-kit 1.5.4 → 1.6.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 +242 -243
  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,16 @@ 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({ subtitle: r, title: t, description: a, cta: l, video: n, image: o, background: h = "white", mediaMaw: d }) {
380
380
  return /* @__PURE__ */ e(
381
381
  y,
382
382
  {
383
383
  py: { base: 80, sm: 100, md: 140 },
384
384
  id: "hero",
385
385
  bg: h,
386
- children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(
387
- w,
386
+ children: /* @__PURE__ */ e(j, { size: "lg", children: /* @__PURE__ */ i(
387
+ v,
388
388
  {
389
389
  cols: { base: 1, md: 2 },
390
390
  spacing: { base: 60, md: 100 },
@@ -398,18 +398,18 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
398
398
  gap: { base: 32, md: 48 },
399
399
  ta: { base: "center", md: "left" },
400
400
  children: [
401
- /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
402
- Q,
401
+ /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
402
+ _,
403
403
  {
404
404
  subtitle: r,
405
- title: c,
405
+ title: t,
406
406
  titleOrder: 1,
407
407
  titleFz: "var(--fz-hero)",
408
408
  ta: "inherit"
409
409
  }
410
410
  ) }),
411
- a && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
412
- t,
411
+ a && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
412
+ c,
413
413
  {
414
414
  size: "xl",
415
415
  c: "gray.6",
@@ -418,7 +418,7 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
418
418
  children: a
419
419
  }
420
420
  ) }),
421
- l && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
421
+ l && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
422
422
  f,
423
423
  {
424
424
  gap: "md",
@@ -441,7 +441,7 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
441
441
  }
442
442
  ),
443
443
  /* @__PURE__ */ e(
444
- J,
444
+ Q,
445
445
  {
446
446
  video: n,
447
447
  image: o,
@@ -455,10 +455,10 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
455
455
  }
456
456
  );
457
457
  }
458
- function he({ logo: r, index: c }) {
458
+ function de({ logo: r, index: t }) {
459
459
  const a = {
460
460
  src: r.src,
461
- alt: r.alt || `Logo ${c}`,
461
+ alt: r.alt || `Logo ${t}`,
462
462
  h: r.height || 50,
463
463
  w: "auto",
464
464
  style: {
@@ -473,17 +473,17 @@ function he({ logo: r, index: c }) {
473
473
  l.currentTarget.style.filter = "grayscale(1) opacity(0.4)";
474
474
  }
475
475
  };
476
- return r.url ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
476
+ return r.url ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
477
477
  "a",
478
478
  {
479
479
  href: r.url,
480
480
  target: "_blank",
481
481
  rel: "noopener noreferrer",
482
- children: /* @__PURE__ */ e(K, { ...a })
482
+ children: /* @__PURE__ */ e($, { ...a })
483
483
  }
484
- ) }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(K, { ...a }) });
484
+ ) }) : /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e($, { ...a }) });
485
485
  }
486
- function je({ id: r, title: c, logos: a, background: l = "gray" }) {
486
+ function Ce({ id: r, title: t, logos: a, background: l = "gray" }) {
487
487
  return !a || a.length === 0 ? null : /* @__PURE__ */ e(
488
488
  y,
489
489
  {
@@ -491,23 +491,23 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
491
491
  id: r,
492
492
  py: { base: 40, md: 60 },
493
493
  bg: l,
494
- bd: { bottom: "1px solid var(--mantine-color-gray-1)" },
495
- children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(
494
+ bd: { bottom: "1px solid var(--mantine-color-gray-2)" },
495
+ children: /* @__PURE__ */ e(j, { size: "lg", children: /* @__PURE__ */ i(
496
496
  p,
497
497
  {
498
498
  align: "center",
499
499
  ta: "center",
500
500
  gap: "xl",
501
501
  children: [
502
- c && /* @__PURE__ */ e(
503
- t,
502
+ t && /* @__PURE__ */ e(
503
+ c,
504
504
  {
505
505
  fw: 500,
506
506
  c: "gray.5",
507
507
  size: "sm",
508
508
  tt: "uppercase",
509
509
  ls: "0.1em",
510
- children: c
510
+ children: t
511
511
  }
512
512
  ),
513
513
  /* @__PURE__ */ e(
@@ -518,7 +518,7 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
518
518
  style: { rowGap: 40 },
519
519
  w: "100%",
520
520
  children: a.map((n, o) => /* @__PURE__ */ e(
521
- he,
521
+ de,
522
522
  {
523
523
  logo: n,
524
524
  index: o
@@ -533,7 +533,7 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
533
533
  }
534
534
  );
535
535
  }
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 }) {
536
+ 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
537
  const u = n && n.length > 0 && /* @__PURE__ */ e(
538
538
  G,
539
539
  {
@@ -555,7 +555,7 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
555
555
  )
556
556
  }
557
557
  ),
558
- children: n.map((F, B) => /* @__PURE__ */ e(G.Item, { children: F }, B))
558
+ children: n.map((B, k) => /* @__PURE__ */ e(G.Item, { children: B }, k))
559
559
  }
560
560
  ), A = /* @__PURE__ */ i(
561
561
  p,
@@ -564,7 +564,7 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
564
564
  gap: "lg",
565
565
  children: [
566
566
  l && /* @__PURE__ */ e(
567
- t,
567
+ c,
568
568
  {
569
569
  c: "gray.6",
570
570
  size: "xl",
@@ -586,8 +586,8 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
586
586
  ) })
587
587
  ]
588
588
  }
589
- ), D = (h || d) && /* @__PURE__ */ e(
590
- J,
589
+ ), w = (h || d) && /* @__PURE__ */ e(
590
+ Q,
591
591
  {
592
592
  video: h,
593
593
  image: d,
@@ -599,37 +599,37 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
599
599
  I,
600
600
  {
601
601
  id: r,
602
- subtitle: c,
602
+ subtitle: t,
603
603
  title: a,
604
604
  background: s,
605
605
  children: /* @__PURE__ */ e(
606
- w,
606
+ v,
607
607
  {
608
608
  cols: { base: 1, md: 2 },
609
609
  spacing: { base: 40, md: 80 },
610
610
  verticalSpacing: { base: 40, md: 50 },
611
- children: m ? /* @__PURE__ */ i(L, { children: [
612
- D,
611
+ children: m ? /* @__PURE__ */ i(K, { children: [
612
+ w,
613
613
  A
614
- ] }) : /* @__PURE__ */ i(L, { children: [
614
+ ] }) : /* @__PURE__ */ i(K, { children: [
615
615
  A,
616
- D
616
+ w
617
617
  ] })
618
618
  }
619
619
  )
620
620
  }
621
621
  );
622
622
  }
623
- function Me({ id: r, subtitle: c, title: a, background: l = "gray", items: n = [] }) {
623
+ function ke({ id: r, subtitle: t, title: a, background: l = "gray", items: n = [] }) {
624
624
  return /* @__PURE__ */ e(
625
625
  I,
626
626
  {
627
627
  id: r,
628
- subtitle: c,
628
+ subtitle: t,
629
629
  title: a,
630
630
  background: l,
631
631
  children: /* @__PURE__ */ e(b, { gutter: "lg", children: n.map((o, h) => /* @__PURE__ */ e(
632
- ge,
632
+ he,
633
633
  {
634
634
  ...o
635
635
  },
@@ -638,9 +638,9 @@ function Me({ id: r, subtitle: c, title: a, background: l = "gray", items: n = [
638
638
  }
639
639
  );
640
640
  }
641
- function ge({
641
+ function he({
642
642
  icon: r,
643
- iconVariant: c,
643
+ iconVariant: t,
644
644
  iconColor: a,
645
645
  label: l,
646
646
  title: n,
@@ -650,15 +650,14 @@ function ge({
650
650
  descriptionMaw: m,
651
651
  span: s = { base: 12, md: 6 },
652
652
  background: g = "white",
653
- dark: u = !1,
654
- visual: A,
655
- secondaryVisual: D,
656
- layout: F = "stacked",
653
+ visual: u,
654
+ secondaryVisual: A,
655
+ layout: w = "stacked",
657
656
  badges: B,
658
- codeBlock: W,
659
- decorativeContent: O,
660
- style: M,
661
- ...k
657
+ codeBlock: k,
658
+ decorativeContent: W,
659
+ style: E,
660
+ ...M
662
661
  }) {
663
662
  const R = /* @__PURE__ */ i(y, { children: [
664
663
  r && /* @__PURE__ */ e(
@@ -666,10 +665,9 @@ function ge({
666
665
  {
667
666
  size: 48,
668
667
  radius: "0",
669
- variant: c || (u ? "filled" : "light"),
670
- color: a || (u ? "gray.7" : "gray"),
668
+ variant: t || "light",
669
+ color: a || "gray",
671
670
  mb: "lg",
672
- style: u ? { color: "white" } : void 0,
673
671
  children: /* @__PURE__ */ e(
674
672
  r,
675
673
  {
@@ -680,7 +678,7 @@ function ge({
680
678
  }
681
679
  ),
682
680
  l && /* @__PURE__ */ e(
683
- t,
681
+ c,
684
682
  {
685
683
  size: "sm",
686
684
  fw: 800,
@@ -692,47 +690,47 @@ function ge({
692
690
  }
693
691
  ),
694
692
  n && /* @__PURE__ */ e(
695
- t,
693
+ c,
696
694
  {
697
- fz: o || (F === "compact" ? "h4" : "h3"),
695
+ fz: o || (w === "compact" ? "h4" : "h3"),
698
696
  fw: 900,
699
697
  lh: 1.2,
700
698
  mb: "sm",
701
- c: u ? "white" : void 0,
699
+ c: void 0,
702
700
  children: n
703
701
  }
704
702
  ),
705
703
  h && /* @__PURE__ */ e(
706
- t,
704
+ c,
707
705
  {
708
- c: u ? "gray.4" : "gray.6",
709
- size: d || (F === "compact" ? "sm" : "lg"),
706
+ c: "gray.6",
707
+ size: d || (w === "compact" ? "sm" : "lg"),
710
708
  maw: m,
711
- mb: B ? "xl" : F === "compact" ? "lg" : void 0,
709
+ mb: B ? "xl" : w === "compact" ? "lg" : void 0,
712
710
  children: h
713
711
  }
714
712
  ),
715
- B && B.length > 0 && /* @__PURE__ */ e(f, { children: B.map((X, Y) => /* @__PURE__ */ e(
716
- j,
713
+ B && B.length > 0 && /* @__PURE__ */ e(f, { children: B.map((J, X) => /* @__PURE__ */ e(
714
+ C,
717
715
  {
718
716
  variant: "dot",
719
717
  color: "gray",
720
718
  radius: "0",
721
- children: X
719
+ children: J
722
720
  },
723
- Y
721
+ X
724
722
  )) })
725
- ] }), C = A ? _(A, u) : null, $ = D ? _(D, u) : null;
726
- return F === "split" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
723
+ ] }), D = u ? U(u) : null, O = A ? U(A) : null;
724
+ return w === "split" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
727
725
  x,
728
726
  {
729
727
  h: "100%",
730
728
  p: { base: "xl", md: 40 },
731
729
  radius: "0",
732
- bg: z(g),
730
+ bg: F(g),
733
731
  bd: "1px solid var(--mantine-color-gray-2)",
734
- style: M,
735
- ...k,
732
+ style: E,
733
+ ...M,
736
734
  children: /* @__PURE__ */ i(
737
735
  b,
738
736
  {
@@ -741,15 +739,15 @@ function ge({
741
739
  children: [
742
740
  /* @__PURE__ */ e(b.Col, { span: { base: 12, sm: 6 }, children: R }),
743
741
  /* @__PURE__ */ i(b.Col, { span: { base: 12, sm: 6 }, children: [
744
- C,
745
- W && /* @__PURE__ */ e(
746
- ee,
742
+ D,
743
+ k && /* @__PURE__ */ e(
744
+ q,
747
745
  {
748
746
  block: !0,
749
747
  color: "gray.0",
750
748
  c: "gray.7",
751
749
  style: { fontSize: 12, lineHeight: 1.4, borderRadius: 0 },
752
- children: W
750
+ children: k
753
751
  }
754
752
  )
755
753
  ] })
@@ -757,32 +755,32 @@ function ge({
757
755
  }
758
756
  )
759
757
  }
760
- ) }) : F === "compact" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ i(
758
+ ) }) : w === "compact" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ i(
761
759
  x,
762
760
  {
763
761
  h: "100%",
764
762
  p: { base: "xl", md: 40 },
765
763
  radius: "0",
766
- bg: z(g),
764
+ bg: F(g),
767
765
  bd: "1px solid var(--mantine-color-gray-2)",
768
- style: M,
769
- ...k,
766
+ style: E,
767
+ ...M,
770
768
  children: [
771
769
  R,
772
- C
770
+ D
773
771
  ]
774
772
  }
775
- ) }) : O ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
773
+ ) }) : W ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
776
774
  x,
777
775
  {
778
776
  h: "100%",
779
777
  p: { base: "xl", md: 40 },
780
778
  radius: "0",
781
- bg: z(g),
779
+ bg: F(g),
782
780
  bd: "1px solid var(--mantine-color-gray-2)",
783
781
  pos: "relative",
784
- style: M,
785
- ...k,
782
+ style: E,
783
+ ...M,
786
784
  children: /* @__PURE__ */ i(
787
785
  b,
788
786
  {
@@ -802,7 +800,7 @@ function ge({
802
800
  {
803
801
  span: 5,
804
802
  visibleFrom: "sm",
805
- children: O
803
+ children: W
806
804
  }
807
805
  )
808
806
  ]
@@ -815,50 +813,50 @@ function ge({
815
813
  h: "100%",
816
814
  p: { base: "xl", md: 40 },
817
815
  radius: "0",
818
- bg: z(g),
816
+ bg: F(g),
819
817
  bd: "1px solid var(--mantine-color-gray-2)",
820
818
  display: "flex",
821
819
  style: {
822
820
  flexDirection: "column",
823
821
  justifyContent: "space-between",
824
- ...M
822
+ ...E
825
823
  },
826
- ...k,
824
+ ...M,
827
825
  children: [
828
826
  R,
829
- C && $ ? /* @__PURE__ */ i(
827
+ D && O ? /* @__PURE__ */ i(
830
828
  f,
831
829
  {
832
830
  gap: 40,
833
831
  align: "center",
834
832
  children: [
835
- C,
836
- $
833
+ D,
834
+ O
837
835
  ]
838
836
  }
839
- ) : C
837
+ ) : D
840
838
  ]
841
839
  }
842
840
  ) });
843
841
  }
844
- function _(r, c) {
842
+ function U(r) {
845
843
  if (!r) return null;
846
844
  switch (r.type) {
847
845
  case "ring":
848
846
  return /* @__PURE__ */ e(
849
- re,
847
+ ee,
850
848
  {
851
849
  size: r.size || 140,
852
850
  thickness: r.thickness || 12,
853
- sections: [{ value: r.value || 100, color: "gray.9" }],
854
- label: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
851
+ sections: [{ value: r.value || 100, color: "gray.7" }],
852
+ label: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ i(
855
853
  p,
856
854
  {
857
855
  gap: 0,
858
856
  align: "center",
859
857
  children: [
860
858
  /* @__PURE__ */ e(
861
- t,
859
+ c,
862
860
  {
863
861
  fw: 900,
864
862
  size: "xl",
@@ -867,7 +865,7 @@ function _(r, c) {
867
865
  }
868
866
  ),
869
867
  r.sublabel && /* @__PURE__ */ e(
870
- t,
868
+ c,
871
869
  {
872
870
  size: "xs",
873
871
  c: "gray.5",
@@ -883,17 +881,17 @@ function _(r, c) {
883
881
  case "metric":
884
882
  return /* @__PURE__ */ i(p, { gap: 0, children: [
885
883
  /* @__PURE__ */ e(
886
- t,
884
+ c,
887
885
  {
888
886
  fw: 900,
889
887
  fz: 32,
890
- c: "gray.9",
888
+ c: "gray.8",
891
889
  lh: 1,
892
890
  children: r.value
893
891
  }
894
892
  ),
895
893
  /* @__PURE__ */ e(
896
- t,
894
+ c,
897
895
  {
898
896
  size: "sm",
899
897
  c: "gray.5",
@@ -902,7 +900,7 @@ function _(r, c) {
902
900
  }
903
901
  ),
904
902
  r.badge && /* @__PURE__ */ e(
905
- j,
903
+ C,
906
904
  {
907
905
  mt: "md",
908
906
  color: "gray",
@@ -920,31 +918,32 @@ function _(r, c) {
920
918
  gap: 8,
921
919
  h: r.height || 100,
922
920
  preventGrowOverflow: !1,
923
- children: (r.data || []).map((a, l) => /* @__PURE__ */ e(
921
+ children: (r.data || []).map((t, a) => /* @__PURE__ */ e(
924
922
  y,
925
923
  {
926
924
  w: 20,
927
- h: `${a}%`,
928
- bg: l === r.highlight ? "gray.9" : "gray.2",
925
+ h: `${t}%`,
926
+ bg: a === r.highlight ? "gray.5" : "gray.2",
929
927
  radius: "0"
930
928
  },
931
- l
929
+ a
932
930
  ))
933
931
  }
934
932
  );
935
933
  case "typography":
936
934
  return /* @__PURE__ */ e(
937
- v,
935
+ z,
938
936
  {
939
937
  h: r.height || 160,
940
- bg: c ? "gray.8" : "gray.1",
938
+ bg: "gray.0",
941
939
  radius: "0",
940
+ bd: "1px solid var(--mantine-color-gray-1)",
942
941
  children: /* @__PURE__ */ e(
943
- t,
942
+ c,
944
943
  {
945
944
  fz: r.fontSize || 100,
946
945
  fw: 900,
947
- c: c ? "gray.6" : "gray.3",
946
+ c: "gray.2",
948
947
  style: { letterSpacing: -6 },
949
948
  children: r.text || "Aa"
950
949
  }
@@ -952,9 +951,9 @@ function _(r, c) {
952
951
  }
953
952
  );
954
953
  case "icon-large": {
955
- const a = r.icon;
956
- return a ? /* @__PURE__ */ e(
957
- a,
954
+ const t = r.icon;
955
+ return t ? /* @__PURE__ */ e(
956
+ t,
958
957
  {
959
958
  size: r.size || 64,
960
959
  stroke: r.stroke || 1,
@@ -966,12 +965,12 @@ function _(r, c) {
966
965
  return null;
967
966
  }
968
967
  }
969
- function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, background: o = "white" }) {
968
+ function Ee({ id: r, subtitle: t, title: a, traditionalCol: l, newCol: n, background: o = "white" }) {
970
969
  return /* @__PURE__ */ e(
971
970
  I,
972
971
  {
973
972
  id: r,
974
- subtitle: c,
973
+ subtitle: t,
975
974
  title: a,
976
975
  background: o,
977
976
  children: /* @__PURE__ */ e(
@@ -981,7 +980,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
981
980
  bd: "1px solid var(--mantine-color-gray-2)",
982
981
  style: { overflow: "hidden" },
983
982
  children: /* @__PURE__ */ i(
984
- w,
983
+ v,
985
984
  {
986
985
  cols: { base: 1, md: 2 },
987
986
  spacing: 0,
@@ -994,7 +993,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
994
993
  children: /* @__PURE__ */ i(p, { gap: "xl", children: [
995
994
  /* @__PURE__ */ i(y, { children: [
996
995
  /* @__PURE__ */ e(
997
- t,
996
+ c,
998
997
  {
999
998
  fw: 900,
1000
999
  fz: "h2",
@@ -1004,7 +1003,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1004
1003
  }
1005
1004
  ),
1006
1005
  /* @__PURE__ */ e(
1007
- t,
1006
+ c,
1008
1007
  {
1009
1008
  size: "sm",
1010
1009
  fw: 800,
@@ -1020,10 +1019,10 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1020
1019
  {
1021
1020
  gap: "md",
1022
1021
  mb: 40,
1023
- children: l.items.map((h, d) => /* @__PURE__ */ i(se, { children: [
1022
+ children: l.items.map((h, d) => /* @__PURE__ */ i(oe, { children: [
1024
1023
  /* @__PURE__ */ i(f, { justify: "space-between", children: [
1025
1024
  /* @__PURE__ */ e(
1026
- t,
1025
+ c,
1027
1026
  {
1028
1027
  size: "sm",
1029
1028
  c: "gray.6",
@@ -1031,7 +1030,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1031
1030
  }
1032
1031
  ),
1033
1032
  /* @__PURE__ */ e(
1034
- t,
1033
+ c,
1035
1034
  {
1036
1035
  fw: 700,
1037
1036
  c: "gray.9",
@@ -1053,7 +1052,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1053
1052
  children: [
1054
1053
  /* @__PURE__ */ i(f, { justify: "space-between", children: [
1055
1054
  /* @__PURE__ */ e(
1056
- t,
1055
+ c,
1057
1056
  {
1058
1057
  fw: 900,
1059
1058
  c: "gray.7",
@@ -1061,7 +1060,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1061
1060
  }
1062
1061
  ),
1063
1062
  /* @__PURE__ */ e(
1064
- t,
1063
+ c,
1065
1064
  {
1066
1065
  fw: 900,
1067
1066
  fz: 32,
@@ -1071,7 +1070,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1071
1070
  )
1072
1071
  ] }),
1073
1072
  l.footerText && /* @__PURE__ */ e(
1074
- t,
1073
+ c,
1075
1074
  {
1076
1075
  size: "xs",
1077
1076
  c: "red.6",
@@ -1101,7 +1100,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1101
1100
  /* @__PURE__ */ i(y, { children: [
1102
1101
  /* @__PURE__ */ i(f, { gap: "xs", children: [
1103
1102
  /* @__PURE__ */ e(
1104
- t,
1103
+ c,
1105
1104
  {
1106
1105
  fw: 900,
1107
1106
  fz: "h2",
@@ -1111,7 +1110,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1111
1110
  }
1112
1111
  ),
1113
1112
  n.badge && /* @__PURE__ */ e(
1114
- j,
1113
+ C,
1115
1114
  {
1116
1115
  color: "gray.9",
1117
1116
  variant: "filled",
@@ -1121,7 +1120,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1121
1120
  )
1122
1121
  ] }),
1123
1122
  /* @__PURE__ */ e(
1124
- t,
1123
+ c,
1125
1124
  {
1126
1125
  size: "sm",
1127
1126
  c: "gray.6",
@@ -1163,7 +1162,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1163
1162
  bd: "1px solid var(--mantine-color-gray-2)",
1164
1163
  children: /* @__PURE__ */ i(p, { gap: 4, children: [
1165
1164
  /* @__PURE__ */ e(
1166
- t,
1165
+ c,
1167
1166
  {
1168
1167
  size: "sm",
1169
1168
  fw: 800,
@@ -1174,7 +1173,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1174
1173
  }
1175
1174
  ),
1176
1175
  /* @__PURE__ */ e(
1177
- t,
1176
+ c,
1178
1177
  {
1179
1178
  fw: 900,
1180
1179
  fz: 48,
@@ -1184,7 +1183,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1184
1183
  }
1185
1184
  ),
1186
1185
  n.pricingBox.subtext && /* @__PURE__ */ e(
1187
- t,
1186
+ c,
1188
1187
  {
1189
1188
  size: "xs",
1190
1189
  c: "gray.5",
@@ -1219,9 +1218,9 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
1219
1218
  }
1220
1219
  );
1221
1220
  }
1222
- function Re({
1221
+ function Me({
1223
1222
  id: r,
1224
- subtitle: c,
1223
+ subtitle: t,
1225
1224
  title: a,
1226
1225
  billingOptions: l = [
1227
1226
  { label: "Mensal", value: "monthly" },
@@ -1237,7 +1236,7 @@ function Re({
1237
1236
  I,
1238
1237
  {
1239
1238
  id: r,
1240
- subtitle: c,
1239
+ subtitle: t,
1241
1240
  title: a,
1242
1241
  ta: "center",
1243
1242
  background: m,
@@ -1250,7 +1249,7 @@ function Re({
1250
1249
  mb: 80,
1251
1250
  children: /* @__PURE__ */ i(f, { gap: "xs", children: [
1252
1251
  /* @__PURE__ */ e(
1253
- le,
1252
+ re,
1254
1253
  {
1255
1254
  value: n,
1256
1255
  onChange: o,
@@ -1263,7 +1262,7 @@ function Re({
1263
1262
  }
1264
1263
  ),
1265
1264
  n === "annual" && h && /* @__PURE__ */ e(
1266
- j,
1265
+ C,
1267
1266
  {
1268
1267
  variant: "filled",
1269
1268
  color: "gray.9",
@@ -1276,7 +1275,7 @@ function Re({
1276
1275
  }
1277
1276
  ),
1278
1277
  /* @__PURE__ */ e(
1279
- w,
1278
+ v,
1280
1279
  {
1281
1280
  cols: { base: 1, md: d.length <= 3 ? d.length : 3 },
1282
1281
  spacing: "xl",
@@ -1306,7 +1305,7 @@ function Re({
1306
1305
  align: "center",
1307
1306
  children: [
1308
1307
  /* @__PURE__ */ e(
1309
- t,
1308
+ c,
1310
1309
  {
1311
1310
  size: "xs",
1312
1311
  fw: 800,
@@ -1317,7 +1316,7 @@ function Re({
1317
1316
  }
1318
1317
  ),
1319
1318
  s.highlight && /* @__PURE__ */ e(
1320
- j,
1319
+ C,
1321
1320
  {
1322
1321
  variant: "dot",
1323
1322
  color: "gray.9",
@@ -1328,7 +1327,7 @@ function Re({
1328
1327
  }
1329
1328
  ),
1330
1329
  /* @__PURE__ */ e(
1331
- t,
1330
+ c,
1332
1331
  {
1333
1332
  size: "sm",
1334
1333
  c: "gray.6",
@@ -1343,7 +1342,7 @@ function Re({
1343
1342
  ),
1344
1343
  /* @__PURE__ */ i(y, { mb: "xl", children: [
1345
1344
  /* @__PURE__ */ e(
1346
- t,
1345
+ c,
1347
1346
  {
1348
1347
  size: "xs",
1349
1348
  c: "gray.4",
@@ -1361,7 +1360,7 @@ function Re({
1361
1360
  align: "flex-start",
1362
1361
  children: [
1363
1362
  /* @__PURE__ */ e(
1364
- t,
1363
+ c,
1365
1364
  {
1366
1365
  size: "xl",
1367
1366
  fw: 900,
@@ -1377,7 +1376,7 @@ function Re({
1377
1376
  align: "flex-end",
1378
1377
  children: [
1379
1378
  /* @__PURE__ */ e(
1380
- t,
1379
+ c,
1381
1380
  {
1382
1381
  fz: "var(--fz-big-metric)",
1383
1382
  fw: 900,
@@ -1394,7 +1393,7 @@ function Re({
1394
1393
  mb: 6,
1395
1394
  children: [
1396
1395
  /* @__PURE__ */ i(
1397
- t,
1396
+ c,
1398
1397
  {
1399
1398
  size: "xl",
1400
1399
  fw: 900,
@@ -1407,7 +1406,7 @@ function Re({
1407
1406
  }
1408
1407
  ),
1409
1408
  /* @__PURE__ */ e(
1410
- t,
1409
+ c,
1411
1410
  {
1412
1411
  size: "xs",
1413
1412
  c: "gray.5",
@@ -1456,7 +1455,7 @@ function Re({
1456
1455
  }
1457
1456
  ),
1458
1457
  /* @__PURE__ */ e(
1459
- t,
1458
+ c,
1460
1459
  {
1461
1460
  size: "sm",
1462
1461
  fw: 500,
@@ -1492,7 +1491,7 @@ function Re({
1492
1491
  }
1493
1492
  );
1494
1493
  }
1495
- function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, background: o = "white" }) {
1494
+ function Re({ id: r, subtitle: t, title: a, questions: l = [], contactCard: n, background: o = "white" }) {
1496
1495
  const h = {
1497
1496
  item: {
1498
1497
  backgroundColor: o === "gray" ? "gray.1" : "white",
@@ -1516,12 +1515,12 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1516
1515
  I,
1517
1516
  {
1518
1517
  id: r,
1519
- subtitle: c,
1518
+ subtitle: t,
1520
1519
  title: a,
1521
1520
  background: o,
1522
1521
  children: [
1523
1522
  /* @__PURE__ */ i(
1524
- w,
1523
+ v,
1525
1524
  {
1526
1525
  cols: { base: 1, md: 2 },
1527
1526
  spacing: "xl",
@@ -1548,7 +1547,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1548
1547
  variant: "light",
1549
1548
  color: "gray",
1550
1549
  radius: "0",
1551
- children: /* @__PURE__ */ e(U, { size: 16 })
1550
+ children: /* @__PURE__ */ e(L, { size: 16 })
1552
1551
  }
1553
1552
  ),
1554
1553
  children: d.question
@@ -1583,7 +1582,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1583
1582
  variant: "light",
1584
1583
  color: "gray",
1585
1584
  radius: "0",
1586
- children: /* @__PURE__ */ e(U, { size: 16 })
1585
+ children: /* @__PURE__ */ e(L, { size: 16 })
1587
1586
  }
1588
1587
  ),
1589
1588
  children: d.question
@@ -1610,7 +1609,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1610
1609
  pos: "relative",
1611
1610
  style: { overflow: "hidden" },
1612
1611
  children: /* @__PURE__ */ i(
1613
- w,
1612
+ v,
1614
1613
  {
1615
1614
  cols: { base: 1, md: 2 },
1616
1615
  spacing: "xl",
@@ -1624,7 +1623,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1624
1623
  align: { base: "center", md: "flex-start" },
1625
1624
  children: [
1626
1625
  /* @__PURE__ */ e(
1627
- t,
1626
+ c,
1628
1627
  {
1629
1628
  fz: "h2",
1630
1629
  fw: 900,
@@ -1634,7 +1633,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1634
1633
  }
1635
1634
  ),
1636
1635
  /* @__PURE__ */ e(
1637
- t,
1636
+ c,
1638
1637
  {
1639
1638
  c: "gray.6",
1640
1639
  maw: 500,
@@ -1653,7 +1652,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1653
1652
  target: n.cta.target,
1654
1653
  leftSection: n.cta.icon,
1655
1654
  size: n.cta.size || "xl",
1656
- color: n.cta.color || "dark"
1655
+ color: n.cta.color || "gray.8"
1657
1656
  }
1658
1657
  ) })
1659
1658
  ]
@@ -1665,16 +1664,16 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
1665
1664
  }
1666
1665
  );
1667
1666
  }
1668
- function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray" }) {
1667
+ function Ge({ id: r, title: t, subtitle: a, items: l = [], background: n = "gray" }) {
1669
1668
  return /* @__PURE__ */ e(
1670
1669
  I,
1671
1670
  {
1672
1671
  id: r,
1673
1672
  background: n,
1674
- title: c,
1673
+ title: t,
1675
1674
  subtitle: a,
1676
1675
  children: /* @__PURE__ */ e(
1677
- w,
1676
+ v,
1678
1677
  {
1679
1678
  cols: { base: 1, md: l.length > 3 ? 4 : l.length || 3 },
1680
1679
  spacing: "xl",
@@ -1684,7 +1683,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1684
1683
  p: "xl",
1685
1684
  radius: "0",
1686
1685
  bd: "1px solid var(--mantine-color-gray-2)",
1687
- bg: z("white"),
1686
+ bg: "white",
1688
1687
  children: /* @__PURE__ */ i(
1689
1688
  p,
1690
1689
  {
@@ -1693,14 +1692,14 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1693
1692
  h: "100%",
1694
1693
  children: [
1695
1694
  /* @__PURE__ */ e(
1696
- ce,
1695
+ te,
1697
1696
  {
1698
1697
  size: 32,
1699
1698
  color: "var(--mantine-color-gray-3)"
1700
1699
  }
1701
1700
  ),
1702
1701
  /* @__PURE__ */ i(
1703
- t,
1702
+ c,
1704
1703
  {
1705
1704
  size: "lg",
1706
1705
  c: "gray.7",
@@ -1721,7 +1720,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1721
1720
  mt: "xl",
1722
1721
  children: [
1723
1722
  /* @__PURE__ */ e(
1724
- ie,
1723
+ le,
1725
1724
  {
1726
1725
  size: "md",
1727
1726
  radius: "0",
@@ -1732,7 +1731,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1732
1731
  ),
1733
1732
  /* @__PURE__ */ i(p, { gap: 0, children: [
1734
1733
  /* @__PURE__ */ e(
1735
- t,
1734
+ c,
1736
1735
  {
1737
1736
  size: "sm",
1738
1737
  fw: 900,
@@ -1740,7 +1739,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1740
1739
  }
1741
1740
  ),
1742
1741
  /* @__PURE__ */ e(
1743
- t,
1742
+ c,
1744
1743
  {
1745
1744
  size: "xs",
1746
1745
  fw: 800,
@@ -1765,7 +1764,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
1765
1764
  }
1766
1765
  );
1767
1766
  }
1768
- function me({ id: r, title: c, description: a, cta: l, background: n = "gray" }) {
1767
+ function ge({ id: r, title: t, description: a, cta: l, background: n = "gray" }) {
1769
1768
  return /* @__PURE__ */ e(
1770
1769
  I,
1771
1770
  {
@@ -1776,10 +1775,10 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
1776
1775
  x,
1777
1776
  {
1778
1777
  p: { base: "xl", sm: 80 },
1779
- bg: z("white"),
1778
+ bg: "white",
1780
1779
  radius: "0",
1781
1780
  bd: "1px solid var(--mantine-color-gray-2)",
1782
- style: { borderTop: "4px solid var(--mantine-color-gray-9)" },
1781
+ style: { borderTop: "4px solid var(--mantine-color-gray-2)" },
1783
1782
  children: /* @__PURE__ */ i(
1784
1783
  p,
1785
1784
  {
@@ -1787,19 +1786,19 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
1787
1786
  ta: "center",
1788
1787
  gap: "xl",
1789
1788
  children: [
1790
- c && /* @__PURE__ */ e(
1791
- t,
1789
+ t && /* @__PURE__ */ e(
1790
+ c,
1792
1791
  {
1793
1792
  fz: "var(--fz-section-title)",
1794
1793
  fw: 900,
1795
1794
  lh: 1.2,
1796
1795
  ls: "-0.04em",
1797
1796
  maw: 700,
1798
- children: c
1797
+ children: t
1799
1798
  }
1800
1799
  ),
1801
1800
  a && /* @__PURE__ */ e(
1802
- t,
1801
+ c,
1803
1802
  {
1804
1803
  c: "gray.7",
1805
1804
  size: "xl",
@@ -1826,9 +1825,9 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
1826
1825
  }
1827
1826
  );
1828
1827
  }
1829
- const Ne = me;
1830
- function pe({ text: r = "Selo Exclusivo RiLiGar", color: c = "green.6", background: a = "gray" }) {
1831
- const l = z(a);
1828
+ const He = ge;
1829
+ function me({ text: r = "Selo Exclusivo RiLiGar", color: t = "green.6", background: a = "gray" }) {
1830
+ const l = F(a);
1832
1831
  return /* @__PURE__ */ e(
1833
1832
  y,
1834
1833
  {
@@ -1842,11 +1841,11 @@ function pe({ text: r = "Selo Exclusivo RiLiGar", color: c = "green.6", backgrou
1842
1841
  /* @__PURE__ */ e(
1843
1842
  T,
1844
1843
  {
1845
- color: c,
1844
+ color: t,
1846
1845
  variant: "light",
1847
1846
  size: "sm",
1848
1847
  children: /* @__PURE__ */ e(
1849
- oe,
1848
+ ce,
1850
1849
  {
1851
1850
  size: 14,
1852
1851
  "aria-hidden": "true"
@@ -1855,7 +1854,7 @@ function pe({ text: r = "Selo Exclusivo RiLiGar", color: c = "green.6", backgrou
1855
1854
  }
1856
1855
  ),
1857
1856
  /* @__PURE__ */ e(
1858
- t,
1857
+ c,
1859
1858
  {
1860
1859
  size: "xs",
1861
1860
  fw: 700,
@@ -1869,9 +1868,9 @@ function pe({ text: r = "Selo Exclusivo RiLiGar", color: c = "green.6", backgrou
1869
1868
  }
1870
1869
  );
1871
1870
  }
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);
1871
+ const Ne = me;
1872
+ function Ve({ logo: r, description: t, sections: a = [], socialLinks: l = [], copyrightText: n, madeByText: o, background: h = "white" }) {
1873
+ const d = F(h);
1875
1874
  return /* @__PURE__ */ e(
1876
1875
  y,
1877
1876
  {
@@ -1879,9 +1878,9 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1879
1878
  py: "xl",
1880
1879
  bg: d,
1881
1880
  bd: { top: "1px solid var(--mantine-color-gray-2)" },
1882
- children: /* @__PURE__ */ i(E, { size: "xl", children: [
1881
+ children: /* @__PURE__ */ i(j, { size: "xl", children: [
1883
1882
  /* @__PURE__ */ i(
1884
- w,
1883
+ v,
1885
1884
  {
1886
1885
  cols: { base: 1, sm: 2 },
1887
1886
  spacing: "xl",
@@ -1896,19 +1895,19 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1896
1895
  style: { objectFit: "contain", objectPosition: "left" }
1897
1896
  }
1898
1897
  ),
1899
- c && /* @__PURE__ */ e(
1900
- t,
1898
+ t && /* @__PURE__ */ e(
1899
+ c,
1901
1900
  {
1902
1901
  size: "md",
1903
1902
  c: "gray.6",
1904
1903
  lh: 1.6,
1905
1904
  maw: 400,
1906
- children: c
1905
+ children: t
1907
1906
  }
1908
1907
  )
1909
1908
  ] }),
1910
1909
  /* @__PURE__ */ i(
1911
- w,
1910
+ v,
1912
1911
  {
1913
1912
  cols: {
1914
1913
  base: 2,
@@ -1922,7 +1921,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1922
1921
  gap: "md",
1923
1922
  children: [
1924
1923
  /* @__PURE__ */ e(
1925
- t,
1924
+ c,
1926
1925
  {
1927
1926
  fw: 900,
1928
1927
  size: "xs",
@@ -1932,7 +1931,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1932
1931
  }
1933
1932
  ),
1934
1933
  /* @__PURE__ */ e(p, { gap: "xs", children: m.links.map((g, u) => /* @__PURE__ */ e(
1935
- ne,
1934
+ ie,
1936
1935
  {
1937
1936
  c: "gray.6",
1938
1937
  size: "sm",
@@ -1950,7 +1949,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1950
1949
  )),
1951
1950
  l && l.length > 0 && /* @__PURE__ */ i(p, { gap: "md", children: [
1952
1951
  /* @__PURE__ */ e(
1953
- t,
1952
+ c,
1954
1953
  {
1955
1954
  fw: 900,
1956
1955
  size: "xs",
@@ -1960,7 +1959,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1960
1959
  }
1961
1960
  ),
1962
1961
  /* @__PURE__ */ e(f, { gap: "xs", children: l.map((m, s) => /* @__PURE__ */ e(
1963
- ae,
1962
+ ne,
1964
1963
  {
1965
1964
  size: "md",
1966
1965
  variant: "subtle",
@@ -1997,7 +1996,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
1997
1996
  gap: "sm",
1998
1997
  children: [
1999
1998
  /* @__PURE__ */ e(
2000
- t,
1999
+ c,
2001
2000
  {
2002
2001
  size: "xs",
2003
2002
  fw: 800,
@@ -2008,7 +2007,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
2008
2007
  }
2009
2008
  ),
2010
2009
  o && /* @__PURE__ */ e(f, { gap: "sm", children: /* @__PURE__ */ e(
2011
- t,
2010
+ c,
2012
2011
  {
2013
2012
  size: "xs",
2014
2013
  fw: 800,
@@ -2026,27 +2025,27 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
2026
2025
  );
2027
2026
  }
2028
2027
  export {
2029
- me as CTABanner,
2028
+ ge as CTABanner,
2030
2029
  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,
2030
+ Ee as Comparison,
2031
+ Re as FAQ,
2032
+ je as FeatureSplit,
2033
+ ke as FeaturesGrid,
2034
+ Ve as Footer,
2035
+ se as Header,
2036
+ De as Hero,
2037
+ Pe as Layout,
2038
+ Q as MediaBlock,
2039
+ Ae as Navbar,
2040
+ Me as Pricing,
2041
+ Te as SECTION_BACKGROUNDS,
2042
+ He as SecondaryCTA,
2044
2043
  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
2044
+ _ as SectionHeader,
2045
+ Ne as SeloExclusivo,
2046
+ Ce as SocialProof,
2047
+ Ge as Testimonials,
2048
+ me as TrustBadge,
2049
+ F as resolveBackground,
2050
+ Be as theme
2052
2051
  };