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