@riligar/components-kit 1.1.1 → 1.2.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 +1150 -612
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -1,9 +1,9 @@
1
- import { createTheme as q, Stack as p, Text as c, Title as ee, Center as v, Box as m, Button as H, Container as G, Paper as x, Group as f, SimpleGrid as S, Image as O, List as R, ThemeIcon as I, Grid as b, Badge as k, Code as re, RingProgress as le, Divider as _, SegmentedControl as ie, Accordion as z, Avatar as ne } from "@mantine/core";
2
- import { jsxs as n, jsx as e, Fragment as K } from "react/jsx-runtime";
3
- import { useWindowScroll as ae } from "@mantine/hooks";
4
- import { IconCheck as L, IconBolt as U, IconQuote as te, IconCircleCheck as ce } from "@tabler/icons-react";
5
- import { Fragment as oe } from "react";
6
- const Te = q({
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
+ import { useWindowScroll as ce } from "@mantine/hooks";
4
+ import { IconCheck as V, IconBolt as U, IconQuote as oe, IconCircleCheck as se } from "@tabler/icons-react";
5
+ import { Fragment as de } from "react";
6
+ const Pe = q({
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,45 @@ const Te = q({
142
142
  }
143
143
  });
144
144
  function J({
145
- subtitle: r,
146
- title: t,
145
+ subtitle: l,
146
+ title: c,
147
147
  titleOrder: a = 2,
148
- titleFz: l = "var(--fz-section-title)",
149
- ta: i = "left",
150
- maw: d
148
+ titleFz: r = "var(--fz-section-title)",
149
+ ta: n = "left",
150
+ maw: o
151
151
  }) {
152
- return !t && !r ? null : /* @__PURE__ */ n(p, { gap: "xs", align: i === "center" ? "center" : "flex-start", ta: i, children: [
153
- r && /* @__PURE__ */ e(c, { c: "gray.4", size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", children: r }),
154
- t && /* @__PURE__ */ e(ee, { order: a, fz: l, maw: d, children: t })
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: t, width: a = "100%", alt: l }) {
158
- return r ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
159
- m,
157
+ function X({ video: l, image: c, width: a = "100%", alt: r }) {
158
+ return l ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
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
- ) }) : t ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(m, { component: "img", src: t, 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,
176
- href: t,
174
+ function B({
175
+ label: l,
176
+ href: c,
177
177
  onClick: a,
178
- icon: l,
179
- size: i = "lg",
180
- variant: d = "filled",
178
+ icon: r,
179
+ size: n = "lg",
180
+ variant: o = "filled",
181
181
  color: h,
182
- target: o,
183
- px: y,
182
+ target: d,
183
+ px: p,
184
184
  fullWidth: s,
185
185
  leftSection: g,
186
186
  ...u
@@ -188,90 +188,90 @@ function T({
188
188
  return /* @__PURE__ */ e(
189
189
  H,
190
190
  {
191
- size: i,
192
- component: t ? "a" : "button",
193
- href: t,
191
+ size: n,
192
+ component: c ? "a" : "button",
193
+ href: c,
194
194
  onClick: a,
195
- target: o,
196
- rightSection: l,
195
+ target: d,
196
+ rightSection: r,
197
197
  leftSection: g,
198
- variant: d,
198
+ variant: o,
199
199
  color: h,
200
- px: y,
200
+ px: p,
201
201
  fullWidth: s,
202
202
  ...u,
203
- children: r
203
+ children: l
204
204
  }
205
205
  );
206
206
  }
207
- const $ = {
207
+ const _ = {
208
208
  white: "white",
209
209
  gray: "gray.0"
210
- }, D = (r) => $[r] || $.white;
211
- function F({
212
- children: r,
213
- title: t,
210
+ }, b = (l) => _[l] || _.white;
211
+ function I({
212
+ children: l,
213
+ title: c,
214
214
  subtitle: a,
215
- id: l,
216
- background: i = "white",
217
- py: d = { base: 80, md: 120 },
215
+ id: r,
216
+ background: n = "white",
217
+ py: o = { base: 80, md: 120 },
218
218
  maw: h = 800,
219
- ta: o = "left",
220
- stackGap: y = "xl"
219
+ ta: d = "left",
220
+ stackGap: p = "xl"
221
221
  }) {
222
- const s = D(i);
222
+ const s = b(n);
223
223
  return /* @__PURE__ */ e(
224
- m,
224
+ y,
225
225
  {
226
226
  component: "section",
227
- id: l,
227
+ id: r,
228
228
  bg: s,
229
- py: d,
229
+ py: o,
230
230
  style: { overflow: "hidden" },
231
- children: /* @__PURE__ */ e(G, { size: "lg", children: /* @__PURE__ */ n(p, { gap: y, children: [
232
- /* @__PURE__ */ e(J, { subtitle: a, title: t, ta: o, maw: h }),
233
- /* @__PURE__ */ e(m, { children: r })
231
+ children: /* @__PURE__ */ e(C, { size: "lg", children: /* @__PURE__ */ i(m, { gap: p, children: [
232
+ /* @__PURE__ */ e(J, { subtitle: a, title: c, ta: d, maw: h }),
233
+ /* @__PURE__ */ e(y, { children: l })
234
234
  ] }) })
235
235
  }
236
236
  );
237
237
  }
238
- function se({
239
- logo: r,
240
- navLinks: t = [],
238
+ function he({
239
+ logo: l,
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 d = D(i), [h] = ae(), o = h.y > 10, y = (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
247
  }, s = (g, u) => {
248
- (g.key === "Enter" || g.key === " ") && (g.preventDefault(), y(u));
248
+ (g.key === "Enter" || g.key === " ") && (g.preventDefault(), p(u));
249
249
  };
250
250
  return /* @__PURE__ */ e(
251
- m,
251
+ y,
252
252
  {
253
253
  component: "header",
254
254
  pos: "sticky",
255
255
  top: 0,
256
256
  w: "100%",
257
257
  style: { zIndex: 100, pointerEvents: "none" },
258
- children: /* @__PURE__ */ e(G, { 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
- shadow: o ? "sm" : "none",
261
+ shadow: d ? "sm" : "none",
262
262
  radius: "0",
263
263
  p: "xs",
264
- bg: d,
265
- bd: o ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
264
+ bg: o,
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,15 +283,15 @@ function se({
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
  )
292
292
  }
293
293
  ),
294
- t.length > 0 && /* @__PURE__ */ e(
294
+ c.length > 0 && /* @__PURE__ */ e(
295
295
  f,
296
296
  {
297
297
  gap: "xl",
@@ -299,8 +299,8 @@ function se({
299
299
  component: "nav",
300
300
  role: "navigation",
301
301
  "aria-label": "Menu principal",
302
- children: t.map((g) => /* @__PURE__ */ e(
303
- c,
302
+ children: c.map((g) => /* @__PURE__ */ e(
303
+ t,
304
304
  {
305
305
  size: "sm",
306
306
  fw: 900,
@@ -310,7 +310,7 @@ function se({
310
310
  role: "link",
311
311
  tabIndex: 0,
312
312
  style: { cursor: "pointer" },
313
- onClick: () => y(g.target),
313
+ onClick: () => p(g.target),
314
314
  onKeyDown: (u) => s(u, g.target),
315
315
  children: g.label
316
316
  },
@@ -318,7 +318,7 @@ function se({
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 se({
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(c, { span: !0, visibleFrom: "sm", c: "white", fw: 900, size: "sm", children: l.label }),
349
- /* @__PURE__ */ e(c, { 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,26 +359,26 @@ function se({
359
359
  }
360
360
  );
361
361
  }
362
- const Be = se;
363
- function Pe({
364
- subtitle: r,
365
- title: t,
362
+ const De = he;
363
+ function Ae({
364
+ subtitle: l,
365
+ title: c,
366
366
  description: a,
367
- cta: l,
368
- video: i,
369
- image: d,
367
+ cta: r,
368
+ video: n,
369
+ image: o,
370
370
  background: h = "white"
371
371
  }) {
372
- const o = D(h);
373
- return /* @__PURE__ */ e(m, { py: { base: 80, sm: 100, md: 140 }, id: "hero", bg: o, children: /* @__PURE__ */ e(G, { size: "lg", children: /* @__PURE__ */ n(
374
- S,
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(
381
- p,
380
+ /* @__PURE__ */ i(
381
+ m,
382
382
  {
383
383
  align: { base: "center", md: "flex-start" },
384
384
  justify: "center",
@@ -388,24 +388,24 @@ function Pe({
388
388
  /* @__PURE__ */ e(
389
389
  J,
390
390
  {
391
- subtitle: r,
392
- title: t,
391
+ subtitle: l,
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(v, { children: /* @__PURE__ */ e(c, { size: "xl", c: "gray.6", lh: 1.6, maw: 600, children: a }) }),
399
- l && /* @__PURE__ */ e(v, { 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 Pe({
414
414
  /* @__PURE__ */ e(
415
415
  X,
416
416
  {
417
- video: i,
418
- image: d,
417
+ video: n,
418
+ image: o,
419
419
  alt: "Demonstração do produto"
420
420
  }
421
421
  )
@@ -423,38 +423,38 @@ function Pe({
423
423
  }
424
424
  ) }) });
425
425
  }
426
- function de({ logo: r, index: t }) {
426
+ function ge({ logo: l, index: c }) {
427
427
  const a = {
428
- src: r.src,
429
- alt: r.alt || `Logo ${t}`,
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(v, { children: /* @__PURE__ */ e("a", { href: r.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(O, { ...a }) }) }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(O, { ...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 ke({ id: r, title: t, logos: a, background: l = "gray" }) {
447
- const i = D(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
- m,
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(G, { size: "lg", children: /* @__PURE__ */ n(p, { align: "center", ta: "center", gap: "xl", children: [
457
- t && /* @__PURE__ */ e(c, { fw: 500, c: "gray.5", size: "sm", tt: "uppercase", ls: "0.1em", children: t }),
456
+ children: /* @__PURE__ */ e(C, { size: "lg", children: /* @__PURE__ */ i(m, { align: "center", ta: "center", gap: "xl", children: [
457
+ c && /* @__PURE__ */ e(t, { fw: 500, c: "gray.5", size: "sm", tt: "uppercase", ls: "0.1em", children: c }),
458
458
  /* @__PURE__ */ e(
459
459
  f,
460
460
  {
@@ -462,111 +462,126 @@ function ke({ id: r, title: t, 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((d, h) => /* @__PURE__ */ e(de, { logo: d, 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 De({
473
- id: r,
474
- subtitle: t,
472
+ function je({
473
+ id: l,
474
+ subtitle: c,
475
475
  title: a,
476
- description: l,
477
- featuresList: i,
478
- cta: d,
476
+ description: r,
477
+ featuresList: n,
478
+ cta: o,
479
479
  video: h,
480
- image: o,
481
- reverse: y = !1,
480
+ image: d,
481
+ reverse: p = !1,
482
482
  background: s = "white"
483
483
  }) {
484
- const g = i && i.length > 0 && /* @__PURE__ */ e(
485
- R,
484
+ const g = n && n.length > 0 && /* @__PURE__ */ e(
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(L, { size: 14, color: "var(--mantine-color-gray-9)" }) }),
491
- children: i.map((A, w) => /* @__PURE__ */ e(R.Item, { children: A }, w))
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(p, { justify: "center", gap: "lg", children: [
494
- l && /* @__PURE__ */ e(c, { 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
- d && /* @__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: d.label,
500
- href: d.href,
501
- icon: d.icon,
502
- size: d.size || "lg",
503
- variant: d.variant,
504
- color: d.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
- ] }), B = (h || o) && /* @__PURE__ */ e(X, { video: h, image: o, width: "80%" });
508
- return /* @__PURE__ */ e(F, { id: r, subtitle: t, title: a, background: s, children: /* @__PURE__ */ e(
509
- S,
507
+ ] }), P = (h || d) && /* @__PURE__ */ e(X, { video: h, image: d, width: "80%" });
508
+ return /* @__PURE__ */ e(I, { id: l, subtitle: c, title: a, background: s, children: /* @__PURE__ */ e(
509
+ v,
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: y ? /* @__PURE__ */ n(K, { children: [
515
- B,
514
+ children: p ? /* @__PURE__ */ i(L, { children: [
515
+ P,
516
516
  u
517
- ] }) : /* @__PURE__ */ n(K, { children: [
517
+ ] }) : /* @__PURE__ */ i(L, { children: [
518
518
  u,
519
- B
519
+ P
520
520
  ] })
521
521
  }
522
522
  ) });
523
523
  }
524
- function Ae({
525
- id: r,
526
- subtitle: t,
527
- title: a,
528
- background: l = "gray.0",
529
- items: i = []
530
- }) {
531
- return /* @__PURE__ */ e(F, { id: r, subtitle: t, title: a, background: l, children: /* @__PURE__ */ e(b, { gutter: "lg", children: i.map((d, h) => /* @__PURE__ */ e(he, { ...d }, 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
- function he({
534
- icon: r,
535
- iconVariant: t,
542
+ function pe({
543
+ icon: l,
544
+ iconVariant: c,
536
545
  iconColor: a,
537
- label: l,
538
- title: i,
539
- titleSize: d,
546
+ label: r,
547
+ title: n,
548
+ titleSize: o,
540
549
  description: h,
541
- descriptionSize: o,
542
- descriptionMaw: y,
550
+ descriptionSize: d,
551
+ descriptionMaw: p,
543
552
  span: s = { base: 12, md: 6 },
544
- bg: g = "white",
553
+ background: g = "white",
545
554
  dark: u = !1,
546
- visual: B,
547
- secondaryVisual: A,
548
- layout: w = "stacked",
549
- badges: C,
550
- codeBlock: N,
551
- decorativeContent: V,
555
+ visual: P,
556
+ secondaryVisual: j,
557
+ layout: F = "stacked",
558
+ badges: k,
559
+ codeBlock: W,
560
+ decorativeContent: O,
552
561
  style: E,
553
562
  ...M
554
563
  }) {
555
- const j = /* @__PURE__ */ n(m, { 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",
561
- variant: t || (u ? "filled" : "light"),
570
+ variant: c || (u ? "filled" : "light"),
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(
569
- c,
583
+ r && /* @__PURE__ */ e(
584
+ t,
570
585
  {
571
586
  size: "sm",
572
587
  fw: 800,
@@ -574,87 +589,134 @@ function he({
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(c, { fz: d || (w === "compact" ? "h4" : "h3"), fw: 900, lh: 1.2, mb: "sm", c: u ? "white" : void 0, children: i }),
581
606
  h && /* @__PURE__ */ e(
582
- c,
607
+ t,
583
608
  {
584
609
  c: u ? "gray.4" : "gray.6",
585
- size: o || (w === "compact" ? "sm" : "lg"),
586
- maw: y,
587
- mb: C ? "xl" : w === "compact" ? "lg" : void 0,
610
+ size: d || (F === "compact" ? "sm" : "lg"),
611
+ maw: p,
612
+ mb: k ? "xl" : F === "compact" ? "lg" : void 0,
588
613
  children: h
589
614
  }
590
615
  ),
591
- C && C.length > 0 && /* @__PURE__ */ e(f, { children: C.map((Y, Z) => /* @__PURE__ */ e(k, { variant: "dot", color: "gray", radius: "0", children: Y }, Z)) })
592
- ] }), P = B ? Q(B, u) : null, W = A ? Q(A, u) : null;
593
- return w === "split" ? /* @__PURE__ */ e(b.Col, { span: s, 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: j }),
605
- /* @__PURE__ */ n(b.Col, { span: { base: 12, sm: 6 }, children: [
606
- P,
607
- N && /* @__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: N
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
- ) }) : w === "compact" ? /* @__PURE__ */ e(b.Col, { span: s, 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
- j,
632
- P
672
+ R,
673
+ D
633
674
  ]
634
675
  }
635
- ) }) : V ? /* @__PURE__ */ e(b.Col, { span: s, 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: j }),
648
- /* @__PURE__ */ e(b.Col, { span: 5, visibleFrom: "sm", children: V })
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: s, 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,
658
720
  bd: "1px solid var(--mantine-color-gray-2)",
659
721
  display: "flex",
660
722
  style: {
@@ -664,36 +726,92 @@ function he({
664
726
  },
665
727
  ...M,
666
728
  children: [
667
- j,
668
- P && W ? /* @__PURE__ */ n(f, { gap: 40, align: "center", children: [
669
- P,
670
- W
671
- ] }) : P
729
+ R,
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, t) {
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(v, { children: /* @__PURE__ */ n(p, { gap: 0, align: "center", children: [
687
- /* @__PURE__ */ e(c, { fw: 900, size: "xl", lh: 1, children: r.label }),
688
- r.sublabel && /* @__PURE__ */ e(c, { 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(p, { gap: 0, children: [
694
- /* @__PURE__ */ e(c, { fw: 900, fz: 32, c: "gray.9", lh: 1, children: r.value }),
695
- /* @__PURE__ */ e(c, { size: "sm", c: "gray.5", mt: 4, children: r.label }),
696
- r.badge && /* @__PURE__ */ e(k, { 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, t) {
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(
707
- m,
824
+ children: (l.data || []).map((a, r) => /* @__PURE__ */ e(
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
- v,
838
+ S,
721
839
  {
722
- h: r.height || 160,
723
- bg: t ? "gray.8" : "gray.1",
840
+ h: l.height || 160,
841
+ bg: c ? "gray.8" : "gray.1",
724
842
  radius: "0",
725
843
  children: /* @__PURE__ */ e(
726
- c,
844
+ t,
727
845
  {
728
- fz: r.fontSize || 100,
846
+ fz: l.fontSize || 100,
729
847
  fw: 900,
730
- c: t ? "gray.6" : "gray.3",
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,164 +867,306 @@ function Q(r, t) {
749
867
  return null;
750
868
  }
751
869
  }
752
- function Ce({
753
- id: r,
754
- subtitle: t,
755
- title: a,
756
- traditionalCol: l,
757
- newCol: i,
758
- background: d = "white"
759
- }) {
760
- return /* @__PURE__ */ e(F, { id: r, subtitle: t, title: a, background: d, 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(S, { cols: { base: 1, md: 2 }, spacing: 0, children: [
767
- /* @__PURE__ */ e(m, { bg: "gray.0", p: { base: 30, md: 60 }, children: /* @__PURE__ */ n(p, { gap: "xl", children: [
768
- /* @__PURE__ */ n(m, { children: [
769
- /* @__PURE__ */ e(c, { fw: 900, fz: "h2", c: "gray.9", mb: 4, children: l.title }),
770
- /* @__PURE__ */ e(c, { size: "sm", fw: 800, tt: "uppercase", ls: "1.5px", c: "gray.5", children: l.subtitle })
771
- ] }),
772
- /* @__PURE__ */ e(p, { gap: "md", mb: 40, children: l.items.map((h, o) => /* @__PURE__ */ n(oe, { children: [
773
- /* @__PURE__ */ n(f, { justify: "space-between", children: [
774
- /* @__PURE__ */ e(c, { size: "sm", c: "gray.6", children: h.label }),
775
- /* @__PURE__ */ e(c, { fw: 700, c: "gray.9", children: h.value })
776
- ] }),
777
- o < l.items.length - 1 && /* @__PURE__ */ e(_, { color: "var(--mantine-color-gray-2)" })
778
- ] }, o)) }),
779
- /* @__PURE__ */ n(
780
- m,
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(c, { fw: 900, c: "gray.7", children: l.totalLabel || "Total Estimado" }),
789
- /* @__PURE__ */ e(c, { fw: 900, fz: 32, c: "gray.9", children: l.totalValue })
790
- ] }),
791
- l.footerText && /* @__PURE__ */ e(c, { size: "xs", c: "red.6", ta: "right", mt: 4, children: l.footerText })
792
- ]
793
- }
794
- )
795
- ] }) }),
796
- /* @__PURE__ */ e(m, { bg: "white", p: { base: 30, md: 60 }, pos: "relative", children: /* @__PURE__ */ n(p, { gap: "xl", h: "100%", children: [
797
- /* @__PURE__ */ n(m, { children: [
798
- /* @__PURE__ */ n(f, { gap: "xs", children: [
799
- /* @__PURE__ */ e(c, { fw: 900, fz: "h2", c: "gray.9", mb: 4, children: i.title }),
800
- i.badge && /* @__PURE__ */ e(k, { color: "gray.9", variant: "filled", radius: "0", children: i.badge })
801
- ] }),
802
- /* @__PURE__ */ e(c, { size: "sm", c: "gray.6", children: i.description })
803
- ] }),
804
- /* @__PURE__ */ e(
805
- R,
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(L, { size: 12, color: "var(--mantine-color-gray-9)" })
818
- }
819
- ),
820
- children: i.items.map((h, o) => /* @__PURE__ */ e(R.Item, { children: h }, o))
821
- }
822
- ),
823
- i.pricingBox && /* @__PURE__ */ e(
824
- m,
825
- {
826
- bg: "gray.0",
827
- p: "lg",
828
- radius: "0",
829
- bd: "1px solid var(--mantine-color-gray-2)",
830
- children: /* @__PURE__ */ n(p, { gap: 4, children: [
831
890
  /* @__PURE__ */ e(
832
- c,
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(c, { fw: 900, fz: 48, c: "gray.9", lh: 1, children: i.pricingBox.price }),
843
- i.pricingBox.subtext && /* @__PURE__ */ e(c, { size: "xs", c: "gray.5", mt: "sm", children: i.pricingBox.subtext })
844
- ] })
845
- }
846
- ),
847
- i.cta && /* @__PURE__ */ e(m, { 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
- function Ee({
864
- id: r,
865
- subtitle: t,
1123
+ function Me({
1124
+ id: l,
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: d,
1131
+ billing: n,
1132
+ setBilling: o,
873
1133
  promoBadge: h,
874
- plans: o,
875
- background: y = "white"
1134
+ plans: d,
1135
+ background: p = "white"
876
1136
  }) {
877
- return /* @__PURE__ */ n(
878
- F,
1137
+ return /* @__PURE__ */ i(
1138
+ I,
879
1139
  {
880
- id: r,
881
- subtitle: t,
1140
+ id: l,
1141
+ subtitle: c,
882
1142
  title: a,
883
1143
  ta: "center",
884
- background: y,
1144
+ background: p,
885
1145
  children: [
886
- l && l.length > 0 && /* @__PURE__ */ e(p, { 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: d,
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(k, { 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
- S,
1163
+ v,
904
1164
  {
905
- cols: { base: 1, md: o.length <= 3 ? o.length : 3 },
1165
+ cols: { base: 1, md: d.length <= 3 ? d.length : 3 },
906
1166
  spacing: "xl",
907
1167
  verticalSpacing: "xl",
908
- children: o.map((s) => /* @__PURE__ */ n(
909
- x,
1168
+ children: d.map((s) => /* @__PURE__ */ i(
1169
+ z,
910
1170
  {
911
1171
  p: "xl",
912
1172
  radius: "0",
@@ -917,16 +1177,16 @@ function Ee({
917
1177
  style: { flexDirection: "column" },
918
1178
  bg: "white",
919
1179
  children: [
920
- /* @__PURE__ */ n(p, { gap: "md", mb: "xl", children: [
921
- /* @__PURE__ */ n(f, { justify: "space-between", align: "center", children: [
922
- /* @__PURE__ */ e(c, { size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", c: "gray.4", children: s.name }),
923
- s.highlight && /* @__PURE__ */ e(k, { variant: "dot", color: "gray.9", children: s.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(c, { size: "sm", c: "gray.6", fw: 500, lh: 1.5, h: { md: 42 }, children: s.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(m, { mb: "xl", children: [
1187
+ /* @__PURE__ */ i(y, { mb: "xl", children: [
928
1188
  /* @__PURE__ */ e(
929
- c,
1189
+ t,
930
1190
  {
931
1191
  size: "xs",
932
1192
  c: "gray.4",
@@ -937,11 +1197,11 @@ function Ee({
937
1197
  children: s.pricePrefix || "A partir de"
938
1198
  }
939
1199
  ),
940
- /* @__PURE__ */ n(f, { gap: 8, align: "flex-start", children: [
941
- /* @__PURE__ */ e(c, { size: "xl", fw: 900, c: "gray.9", style: { marginTop: 8 }, children: s.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
- c,
1204
+ t,
945
1205
  {
946
1206
  fz: "var(--fz-big-metric)",
947
1207
  fw: 900,
@@ -951,13 +1211,13 @@ function Ee({
951
1211
  children: s.priceDisplay?.whole
952
1212
  }
953
1213
  ),
954
- s.priceDisplay?.fraction && /* @__PURE__ */ n(p, { gap: 0, mb: 6, children: [
955
- /* @__PURE__ */ n(c, { 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
1217
  s.priceDisplay.fraction
958
1218
  ] }),
959
1219
  /* @__PURE__ */ e(
960
- c,
1220
+ t,
961
1221
  {
962
1222
  size: "xs",
963
1223
  c: "gray.5",
@@ -971,20 +1231,20 @@ function Ee({
971
1231
  ] })
972
1232
  ] })
973
1233
  ] }),
974
- /* @__PURE__ */ e(_, { mb: "xl", color: "gray.1" }),
975
- /* @__PURE__ */ e(p, { gap: "sm", mb: 40, style: { flex: 1 }, children: s.features.map((g, u) => /* @__PURE__ */ n(f, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [
1234
+ /* @__PURE__ */ e(N, { mb: "xl", color: "gray.1" }),
1235
+ /* @__PURE__ */ e(m, { gap: "sm", mb: 40, style: { flex: 1 }, children: s.features.map((g, u) => /* @__PURE__ */ i(f, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [
976
1236
  /* @__PURE__ */ e(
977
- L,
1237
+ V,
978
1238
  {
979
1239
  size: 16,
980
1240
  color: "var(--mantine-color-gray-9)",
981
1241
  style: { marginTop: 2, flexShrink: 0 }
982
1242
  }
983
1243
  ),
984
- /* @__PURE__ */ e(c, { size: "sm", fw: 500, c: "gray.6", lh: 1.4, children: g })
1244
+ /* @__PURE__ */ e(t, { size: "sm", fw: 500, c: "gray.6", lh: 1.4, children: g })
985
1245
  ] }, u)) }),
986
- /* @__PURE__ */ e(m, { mt: "auto", children: /* @__PURE__ */ e(
987
- T,
1246
+ /* @__PURE__ */ e(y, { mt: "auto", children: /* @__PURE__ */ e(
1247
+ B,
988
1248
  {
989
1249
  label: s.cta.label,
990
1250
  href: s.cta.href,
@@ -1004,17 +1264,11 @@ function Ee({
1004
1264
  }
1005
1265
  );
1006
1266
  }
1007
- function Me({
1008
- id: r,
1009
- subtitle: t,
1010
- title: a,
1011
- questions: l = [],
1012
- contactCard: i,
1013
- background: d = "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,237 +1285,521 @@ function Me({
1031
1285
  color: "var(--mantine-color-gray-5)"
1032
1286
  }
1033
1287
  };
1034
- return /* @__PURE__ */ n(F, { id: r, subtitle: t, title: a, background: d, children: [
1035
- /* @__PURE__ */ n(S, { cols: { base: 1, md: 2 }, spacing: "xl", children: [
1036
- /* @__PURE__ */ e(
1037
- z,
1038
- {
1039
- variant: "separated",
1040
- radius: "0",
1041
- chevronPosition: "right",
1042
- styles: h,
1043
- children: l.slice(0, Math.ceil(l.length / 2)).map((o, y) => /* @__PURE__ */ n(
1044
- z.Item,
1045
- {
1046
- value: o.value || String(y),
1047
- mb: "md",
1048
- children: [
1049
- /* @__PURE__ */ e(
1050
- z.Control,
1051
- {
1052
- icon: /* @__PURE__ */ e(I, { variant: "light", color: "gray", radius: "0", children: /* @__PURE__ */ e(U, { size: 16 }) }),
1053
- children: o.question
1054
- }
1055
- ),
1056
- /* @__PURE__ */ e(z.Panel, { c: "gray.6", children: o.answer })
1057
- ]
1058
- },
1059
- o.value || y
1060
- ))
1061
- }
1062
- ),
1063
- /* @__PURE__ */ e(
1064
- z,
1065
- {
1066
- variant: "separated",
1067
- radius: "0",
1068
- chevronPosition: "right",
1069
- styles: h,
1070
- children: l.slice(Math.ceil(l.length / 2)).map((o, y) => /* @__PURE__ */ n(
1071
- z.Item,
1072
- {
1073
- value: o.value || String(y),
1074
- mb: "md",
1075
- children: [
1076
- /* @__PURE__ */ e(
1077
- z.Control,
1078
- {
1079
- icon: /* @__PURE__ */ e(I, { variant: "light", color: "gray", radius: "0", children: /* @__PURE__ */ e(U, { size: 16 }) }),
1080
- children: o.question
1081
- }
1082
- ),
1083
- /* @__PURE__ */ e(z.Panel, { c: "gray.6", children: o.answer })
1084
- ]
1085
- },
1086
- o.value || y
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
- S,
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
- p,
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(c, { fz: "h2", fw: 900, c: "gray.9", lh: 1.2, children: i.title }),
1116
- /* @__PURE__ */ e(c, { 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(p, { 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 je({
1139
- id: r,
1140
- subtitle: t,
1141
- items: a = [],
1142
- background: l = "gray"
1143
- }) {
1144
- return /* @__PURE__ */ e(F, { id: r, background: l, title, subtitle: t, children: /* @__PURE__ */ e(
1145
- S,
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, d) => /* @__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(p, { gap: "md", align: "flex-start", h: "100%", children: [
1157
- /* @__PURE__ */ e(te, { size: 32, color: "var(--mantine-color-gray-3)" }),
1158
- /* @__PURE__ */ n(c, { 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(p, { gap: 0, children: [
1166
- /* @__PURE__ */ e(c, { size: "sm", fw: 900, children: i.name }),
1167
- /* @__PURE__ */ e(c, { size: "xs", fw: 800, tt: "uppercase", ls: "1px", c: "gray.5", children: i.role })
1168
- ] })
1169
- ] })
1170
- ] })
1171
- },
1172
- d
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 ge({
1178
- id: r,
1179
- title: t,
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(p, { align: "center", ta: "center", gap: "xl", children: [
1193
- t && /* @__PURE__ */ e(
1194
- c,
1195
- {
1196
- fz: "var(--fz-section-title)",
1197
- fw: 900,
1198
- lh: 1.2,
1199
- ls: "-0.04em",
1200
- maw: 700,
1201
- children: t
1202
- }
1203
- ),
1204
- a && /* @__PURE__ */ e(c, { c: "gray.7", size: "xl", maw: 550, children: a }),
1205
- l && /* @__PURE__ */ e(m, { 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
- const Re = ge;
1221
- function me({
1222
- text: r = "Selo Exclusivo RiLiGar",
1223
- color: t = "green.6",
1602
+ const He = me;
1603
+ function fe({
1604
+ text: l = "Selo Exclusivo RiLiGar",
1605
+ color: c = "green.6",
1224
1606
  background: a = "gray"
1225
1607
  }) {
1226
- const l = D(a);
1608
+ const r = b(a);
1227
1609
  return /* @__PURE__ */ e(
1228
- m,
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: t, variant: "light", size: "sm", radius: "xl", children: /* @__PURE__ */ e(ce, { size: 14, "aria-hidden": "true" }) }),
1239
- /* @__PURE__ */ e(c, { 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 })
1622
+ ] })
1623
+ }
1624
+ );
1625
+ }
1626
+ const Ne = fe;
1627
+ function Ve({ logo: l, description: c, sections: a = [], socialLinks: r = [], copyrightText: n, madeByText: o, background: h = "white" }) {
1628
+ const d = b(h);
1629
+ return /* @__PURE__ */ e(
1630
+ y,
1631
+ {
1632
+ component: "footer",
1633
+ py: "xl",
1634
+ bg: d,
1635
+ bd: { top: "1px solid var(--mantine-color-gray-2)" },
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,
1755
+ {
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,
1766
+ {
1767
+ size: "xs",
1768
+ fw: 800,
1769
+ tt: "uppercase",
1770
+ ls: "1px",
1771
+ c: "gray.5",
1772
+ children: o
1773
+ }
1774
+ ) })
1775
+ ]
1776
+ }
1777
+ )
1240
1778
  ] })
1241
1779
  }
1242
1780
  );
1243
1781
  }
1244
- const Ge = me;
1245
1782
  export {
1246
- ge as CTABanner,
1247
- T as CTAButton,
1248
- Ce as Comparison,
1249
- Me as FAQ,
1250
- De as FeatureSplit,
1251
- Ae as FeaturesGrid,
1252
- se as Header,
1253
- Pe as Hero,
1254
- F as Layout,
1783
+ me as CTABanner,
1784
+ B as CTAButton,
1785
+ Ee as Comparison,
1786
+ Re as FAQ,
1787
+ je as FeatureSplit,
1788
+ ke as FeaturesGrid,
1789
+ Ve as Footer,
1790
+ he as Header,
1791
+ Ae as Hero,
1792
+ I as Layout,
1255
1793
  X as MediaBlock,
1256
- Be as Navbar,
1257
- Ee as Pricing,
1258
- $ as SECTION_BACKGROUNDS,
1259
- Re as SecondaryCTA,
1794
+ De as Navbar,
1795
+ Me as Pricing,
1796
+ _ as SECTION_BACKGROUNDS,
1797
+ He as SecondaryCTA,
1260
1798
  J as SectionHeader,
1261
- Ge as SeloExclusivo,
1262
- ke as SocialProof,
1263
- je as Testimonials,
1264
- me as TrustBadge,
1265
- D as resolveBackground,
1266
- Te as theme
1799
+ Ne as SeloExclusivo,
1800
+ Ce as SocialProof,
1801
+ Ge as Testimonials,
1802
+ fe as TrustBadge,
1803
+ b as resolveBackground,
1804
+ Pe as theme
1267
1805
  };