@riligar/components-kit 1.1.0 → 1.2.0

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