@riligar/components-kit 1.4.0 → 1.5.1

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