@riligar/components-kit 1.11.0 → 1.13.0

package/dist/index.esm.js

@@ -1,9 +1,9 @@
-import { createTheme as te, Stack as u, Group as f, Badge as E, Text as a, Title as C, Center as q, Box as x, Button as G, Container as F, Paper as w, SimpleGrid as S, Image as _, List as R, ThemeIcon as v, Grid as z, Code as le, RingProgress as ce, TextInput as Q, Divider as D, SegmentedControl as de, Accordion as j, Avatar as he, Anchor as pe, ActionIcon as me } from "@mantine/core";
-import { jsxs as r, jsx as e, Fragment as N } from "react/jsx-runtime";
-import { isValidElement as ge, useState as J, Fragment as ue } from "react";
-import { useWindowScroll as fe } from "@mantine/hooks";
-import { IconCheck as V, IconShieldCheck as ee, IconBolt as Y, IconQuote as ye, IconCircleCheck as xe, IconCloudLock as re, IconEyeOff as be, IconUserShield as ve, IconScale as ze, IconUserCheck as we, IconFileDescription as Se, IconBan as Ie, IconAlertCircle as Te, IconShieldLock as qe, IconDatabase as Ae, IconUsers as Pe, IconActivity as De } from "@tabler/icons-react";
-const Ve = te({
+import { createTheme as le, Stack as u, Group as f, Badge as C, Text as a, Title as k, Center as q, Box as x, Button as G, Container as F, Paper as w, SimpleGrid as S, Image as $, List as M, ThemeIcon as v, Grid as z, Code as ce, RingProgress as de, TextInput as N, Divider as D, SegmentedControl as he, Accordion as B, Avatar as pe, Anchor as me, ActionIcon as ge } from "@mantine/core";
+import { jsxs as r, jsx as e, Fragment as J } from "react/jsx-runtime";
+import { isValidElement as ue, useState as X, Fragment as fe } from "react";
+import { useWindowScroll as ye } from "@mantine/hooks";
+import { IconCheck as V, IconShieldCheck as re, IconBolt as Y, IconQuote as xe, IconCircleCheck as be, IconCloudLock as ae, IconEyeOff as ve, IconUserShield as ze, IconScale as we, IconUserCheck as Se, IconFileDescription as Ie, IconBan as Te, IconAlertCircle as qe, IconShieldLock as Ae, IconDatabase as Pe, IconUsers as De, IconActivity as Fe } from "@tabler/icons-react";
+const $e = le({
   fontFamily: 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
   headings: {
     fontFamily: 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
@@ -146,7 +146,7 @@ const Ve = te({
     }
   }
 });
-function ae({ badge: i, subtitle: o, title: l, titleOrder: n = 2, titleFz: s = "var(--fz-section-title)", ta: t = "left", maw: g }) {
+function ie({ badge: i, subtitle: o, title: l, titleOrder: n = 2, titleFz: s = "var(--fz-section-title)", ta: t = "left", maw: g }) {
   return !l && !o && !i ? null : /* @__PURE__ */ r(
     u,
     {
@@ -160,7 +160,7 @@ function ae({ badge: i, subtitle: o, title: l, titleOrder: n = 2, titleFz: s = "
             justify: t === "center" ? "center" : "flex-start",
             mb: "xs",
             children: /* @__PURE__ */ e(
-              E,
+              C,
               {
                 variant: "dot",
                 color: "gray",
@@ -183,7 +183,7 @@ function ae({ badge: i, subtitle: o, title: l, titleOrder: n = 2, titleFz: s = "
           }
         ),
         l && /* @__PURE__ */ e(
-          C,
+          k,
           {
             order: n,
             fz: s,
@@ -195,7 +195,7 @@ function ae({ badge: i, subtitle: o, title: l, titleOrder: n = 2, titleFz: s = "
     }
   );
 }
-function ie({ video: i, image: o, width: l = "100%", maw: n, alt: s }) {
+function ne({ video: i, image: o, width: l = "100%", maw: n, alt: s }) {
   return i ? /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
     x,
     {
@@ -222,7 +222,7 @@ function ie({ video: i, image: o, width: l = "100%", maw: n, alt: s }) {
     }
   ) }) : null;
 }
-function k({
+function R({
   label: i,
   href: o,
   onClick: l,
@@ -255,7 +255,7 @@ function k({
     }
   );
 }
-function _e({ children: i, fz: o = 28, c: l = "gray.9", ...n }) {
+function Ke({ children: i, fz: o = 28, c: l = "gray.9", ...n }) {
   return /* @__PURE__ */ e(
     a,
     {
@@ -270,8 +270,8 @@ function _e({ children: i, fz: o = 28, c: l = "gray.9", ...n }) {
     }
   );
 }
-function ne({ logo: i, objectPosition: o = "left" }) {
-  return i ? ge(i) ? i : typeof i == "object" && i.src ? /* @__PURE__ */ e(
+function oe({ logo: i, objectPosition: o = "left" }) {
+  return i ? ue(i) ? i : typeof i == "object" && i.src ? /* @__PURE__ */ e(
     "img",
     {
       src: i.src,
@@ -281,12 +281,12 @@ function ne({ logo: i, objectPosition: o = "left" }) {
     }
   ) : i : null;
 }
-const $e = {
+const _ = {
   white: "white",
   gray: "gray.1"
-}, B = (i) => i === "gray.9" || i === "dark" ? "gray.0" : i === "white" ? "white" : "gray.1";
+}, E = (i) => i === "gray.9" || i === "dark" ? _.gray : i === "white" ? _.white : _.gray;
 function I({ children: i, badge: o, title: l, subtitle: n, id: s, background: t = "white", py: g = { base: 80, md: 120 }, maw: c = 800, ta: p = "left", stackGap: d = "xl" }) {
-  const m = B(t);
+  const m = E(t);
   return /* @__PURE__ */ e(
     x,
     {
@@ -297,7 +297,7 @@ function I({ children: i, badge: o, title: l, subtitle: n, id: s, background: t
       style: { overflow: "hidden" },
       children: /* @__PURE__ */ e(F, { size: "lg", children: /* @__PURE__ */ r(u, { gap: d, children: [
         /* @__PURE__ */ e(
-          ae,
+          ie,
           {
             badge: o,
             subtitle: n,
@@ -311,7 +311,7 @@ function I({ children: i, badge: o, title: l, subtitle: n, id: s, background: t
     }
   );
 }
-function Ke({ children: i, style: o, ...l }) {
+function Qe({ children: i, style: o, ...l }) {
   return /* @__PURE__ */ e(
     x,
     {
@@ -327,14 +327,14 @@ function Ke({ children: i, style: o, ...l }) {
     }
   );
 }
-function Fe({
+function je({
   logo: i,
   navLinks: o = [],
   loginCta: l,
   signupCta: n,
   background: s = "white"
 }) {
-  const t = B(s), [g] = fe(), c = g.y > 10, p = (m) => {
+  const t = E(s), [g] = ye(), c = g.y > 10, p = (m) => {
     m === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(m)?.scrollIntoView({ behavior: "smooth" });
   }, d = (m, h) => {
     (m.key === "Enter" || m.key === " ") && (m.preventDefault(), p(h));
@@ -372,7 +372,7 @@ function Fe({
                       m.preventDefault(), window.scrollTo({ top: 0, behavior: "smooth" });
                     },
                     style: { display: "inline-flex", textDecoration: "none" },
-                    children: /* @__PURE__ */ e(ne, { logo: i })
+                    children: /* @__PURE__ */ e(oe, { logo: i })
                   }
                 ),
                 o.length > 0 && /* @__PURE__ */ e(
@@ -443,12 +443,12 @@ function Fe({
     }
   );
 }
-const Qe = Fe, X = {
+const Ne = je, Z = {
   root: { height: "auto", maxWidth: "100%" },
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function Ne({ subtitle: i, title: o, description: l, cta: n, secondaryCta: s, note: t, video: g, image: c, background: p = "white", mediaMaw: d, titleFz: m = "var(--fz-hero)", descriptionFz: h = "xl" }) {
+function Je({ subtitle: i, title: o, description: l, cta: n, secondaryCta: s, note: t, video: g, image: c, background: p = "white", mediaMaw: d, titleFz: m = "var(--fz-hero)", descriptionFz: h = "xl" }) {
   const b = !!(g || c);
   return /* @__PURE__ */ e(
     x,
@@ -472,7 +472,7 @@ function Ne({ subtitle: i, title: o, description: l, cta: n, secondaryCta: s, no
                 ta: b ? { base: "center", md: "left" } : "center",
                 children: [
                   /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
-                    ae,
+                    ie,
                     {
                       subtitle: i,
                       title: o,
@@ -501,7 +501,7 @@ function Ne({ subtitle: i, title: o, description: l, cta: n, secondaryCta: s, no
                       style: { maxWidth: "100%" },
                       children: [
                         n && /* @__PURE__ */ e(
-                          k,
+                          R,
                           {
                             label: n.label,
                             href: n.href,
@@ -513,11 +513,11 @@ function Ne({ subtitle: i, title: o, description: l, cta: n, secondaryCta: s, no
                             px: n.px || 48,
                             variant: n.variant,
                             color: n.color,
-                            styles: X
+                            styles: Z
                           }
                         ),
                         s && /* @__PURE__ */ e(
-                          k,
+                          R,
                           {
                             label: s.label,
                             href: s.href,
@@ -529,7 +529,7 @@ function Ne({ subtitle: i, title: o, description: l, cta: n, secondaryCta: s, no
                             px: s.px || 48,
                             variant: s.variant || "default",
                             color: s.color,
-                            styles: X
+                            styles: Z
                           }
                         )
                       ]
@@ -550,7 +550,7 @@ function Ne({ subtitle: i, title: o, description: l, cta: n, secondaryCta: s, no
               }
             ),
             b && /* @__PURE__ */ e(
-              ie,
+              ne,
               {
                 video: g,
                 image: c,
@@ -564,7 +564,7 @@ function Ne({ subtitle: i, title: o, description: l, cta: n, secondaryCta: s, no
     }
   );
 }
-function je({ logo: i, index: o }) {
+function Be({ logo: i, index: o }) {
   const l = {
     src: i.src,
     alt: i.alt || `Logo ${o}`,
@@ -588,11 +588,11 @@ function je({ logo: i, index: o }) {
       href: i.url,
       target: "_blank",
       rel: "noopener noreferrer",
-      children: /* @__PURE__ */ e(_, { ...l })
+      children: /* @__PURE__ */ e($, { ...l })
     }
-  ) }) : /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(_, { ...l }) });
+  ) }) : /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e($, { ...l }) });
 }
-function Je({ id: i, title: o, logos: l, background: n = "gray" }) {
+function Xe({ id: i, title: o, logos: l, background: n = "gray" }) {
   return !l || l.length === 0 ? null : /* @__PURE__ */ e(
     x,
     {
@@ -627,7 +627,7 @@ function Je({ id: i, title: o, logos: l, background: n = "gray" }) {
                 style: { rowGap: 40 },
                 w: "100%",
                 children: l.map((s, t) => /* @__PURE__ */ e(
-                  je,
+                  Be,
                   {
                     logo: s,
                     index: t
@@ -644,7 +644,7 @@ function Je({ id: i, title: o, logos: l, background: n = "gray" }) {
 }
 function Ye({ id: i, subtitle: o, title: l, description: n, featuresList: s, cta: t, video: g, image: c, reverse: p = !1, background: d = "white", mediaMaw: m }) {
   const h = s && s.length > 0 && /* @__PURE__ */ e(
-    R,
+    M,
     {
       spacing: "md",
       size: "md",
@@ -664,7 +664,7 @@ function Ye({ id: i, subtitle: o, title: l, description: n, featuresList: s, cta
           )
         }
       ),
-      children: s.map((A, M) => /* @__PURE__ */ e(R.Item, { children: A }, M))
+      children: s.map((A, L) => /* @__PURE__ */ e(M.Item, { children: A }, L))
     }
   ), b = /* @__PURE__ */ r(
     u,
@@ -683,7 +683,7 @@ function Ye({ id: i, subtitle: o, title: l, description: n, featuresList: s, cta
         ),
         h,
         t && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
-          k,
+          R,
           {
             label: t.label,
             href: t.href,
@@ -696,7 +696,7 @@ function Ye({ id: i, subtitle: o, title: l, description: n, featuresList: s, cta
       ]
     }
   ), T = (g || c) && /* @__PURE__ */ e(
-    ie,
+    ne,
     {
       video: g,
       image: c,
@@ -717,10 +717,10 @@ function Ye({ id: i, subtitle: o, title: l, description: n, featuresList: s, cta
           cols: { base: 1, md: 2 },
           spacing: { base: 40, md: 80 },
           verticalSpacing: { base: 40, md: 50 },
-          children: p ? /* @__PURE__ */ r(N, { children: [
+          children: p ? /* @__PURE__ */ r(J, { children: [
             T,
             b
-          ] }) : /* @__PURE__ */ r(N, { children: [
+          ] }) : /* @__PURE__ */ r(J, { children: [
             b,
             T
           ] })
@@ -729,7 +729,7 @@ function Ye({ id: i, subtitle: o, title: l, description: n, featuresList: s, cta
     }
   );
 }
-function Xe({ id: i, badge: o, subtitle: l, title: n, description: s, background: t = "gray", items: g = [], ta: c = "left", note: p }) {
+function Ze({ id: i, badge: o, subtitle: l, title: n, description: s, background: t = "gray", items: g = [], ta: c = "left", note: p }) {
   return /* @__PURE__ */ r(
     I,
     {
@@ -755,7 +755,7 @@ function Xe({ id: i, badge: o, subtitle: l, title: n, description: s, background
           }
         ),
         /* @__PURE__ */ e(z, { gutter: "lg", children: g.map((d, m) => /* @__PURE__ */ e(
-          Be,
+          Ee,
           {
             ...d
           },
@@ -778,7 +778,7 @@ function Xe({ id: i, badge: o, subtitle: l, title: n, description: s, background
     }
   );
 }
-function Be({
+function Ee({
   icon: i,
   iconVariant: o,
   iconColor: l,
@@ -794,10 +794,13 @@ function Be({
   secondaryVisual: b,
   layout: T = "stacked",
   badges: A,
-  codeBlock: M,
-  decorativeContent: H,
-  style: L,
-  ...y
+  codeBlock: L,
+  // layout="split": quantas das 12 colunas o codigo ocupa. O padrao 7
+  // da folga para a linha de codigo caber inteira; a prosa fica com 5.
+  codeSpan: H = 7,
+  decorativeContent: W,
+  style: y,
+  ...j
 }) {
   const U = /* @__PURE__ */ r(x, { children: [
     i && /* @__PURE__ */ e(
@@ -850,44 +853,53 @@ function Be({
         children: g
       }
     ),
-    A && A.length > 0 && /* @__PURE__ */ e(f, { children: A.map((oe, se) => /* @__PURE__ */ e(
-      E,
+    A && A.length > 0 && /* @__PURE__ */ e(f, { children: A.map((se, te) => /* @__PURE__ */ e(
+      C,
       {
         variant: "dot",
         color: "gray",
         radius: "0",
-        children: oe
+        children: se
       },
-      se
+      te
     )) })
-  ] }), O = h ? Z(h) : null, K = b ? Z(b) : null;
+  ] }), O = h ? ee(h) : null, Q = b ? ee(b) : null;
   return T === "split" ? /* @__PURE__ */ e(z.Col, { span: d, children: /* @__PURE__ */ e(
     w,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: B(m),
+      bg: E(m),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: L,
-      ...y,
+      style: y,
+      ...j,
       children: /* @__PURE__ */ r(
         z,
         {
           align: "center",
           gutter: "xl",
           children: [
-            /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 6 }, children: U }),
-            /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: 6 }, children: [
+            /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 12 - H }, children: U }),
+            /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: H }, children: [
               O,
-              M && /* @__PURE__ */ e(
-                le,
+              L && /* @__PURE__ */ e(
+                ce,
                 {
                   block: !0,
                   color: "gray.0",
                   c: "gray.7",
-                  style: { fontSize: 12, lineHeight: 1.4, borderRadius: 0, whiteSpace: "pre-wrap", overflowWrap: "anywhere" },
-                  children: M
+                  style: {
+                    // Codigo nao quebra no meio de token: linha inteira, com
+                    // scroll horizontal so quando realmente nao couber.
+                    fontSize: 12.5,
+                    lineHeight: 1.6,
+                    borderRadius: 0,
+                    whiteSpace: "pre",
+                    overflowX: "auto",
+                    padding: "18px 20px"
+                  },
+                  children: L
                 }
               )
             ] })
@@ -901,26 +913,26 @@ function Be({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: B(m),
+      bg: E(m),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: L,
-      ...y,
+      style: y,
+      ...j,
       children: [
         U,
         O
       ]
     }
-  ) }) : H ? /* @__PURE__ */ e(z.Col, { span: d, children: /* @__PURE__ */ e(
+  ) }) : W ? /* @__PURE__ */ e(z.Col, { span: d, children: /* @__PURE__ */ e(
     w,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: B(m),
+      bg: E(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       pos: "relative",
-      style: L,
-      ...y,
+      style: y,
+      ...j,
       children: /* @__PURE__ */ r(
         z,
         {
@@ -940,7 +952,7 @@ function Be({
               {
                 span: 5,
                 visibleFrom: "sm",
-                children: H
+                children: W
               }
             )
           ]
@@ -953,25 +965,25 @@ function Be({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: B(m),
+      bg: E(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       display: "flex",
       style: {
         flexDirection: "column",
         justifyContent: "space-between",
-        ...L
+        ...y
       },
-      ...y,
+      ...j,
       children: [
         U,
-        O && K ? /* @__PURE__ */ r(
+        O && Q ? /* @__PURE__ */ r(
           f,
           {
             gap: 40,
             align: "center",
             children: [
               O,
-              K
+              Q
             ]
           }
         ) : O
@@ -979,12 +991,12 @@ function Be({
     }
   ) });
 }
-function Z(i) {
+function ee(i) {
   if (!i) return null;
   switch (i.type) {
     case "ring":
       return /* @__PURE__ */ e(
-        ce,
+        de,
         {
           size: i.size || 140,
           thickness: i.thickness || 12,
@@ -1040,7 +1052,7 @@ function Z(i) {
           }
         ),
         i.badge && /* @__PURE__ */ e(
-          E,
+          C,
           {
             mt: "md",
             color: "gray",
@@ -1105,7 +1117,7 @@ function Z(i) {
       return null;
   }
 }
-function Ze({ id: i, subtitle: o, title: l, items: n = [], cols: s = 4, background: t = "white", ta: g = "center", note: c }) {
+function er({ id: i, subtitle: o, title: l, items: n = [], cols: s = 4, background: t = "white", ta: g = "center", note: c }) {
   return /* @__PURE__ */ r(
     I,
     {
@@ -1193,7 +1205,7 @@ function Ze({ id: i, subtitle: o, title: l, items: n = [], cols: s = 4, backgrou
     }
   );
 }
-function er({ id: i, subtitle: o, title: l, description: n, items: s = [], ctaIcon: t, note: g, background: c = "white", ta: p = "center" }) {
+function rr({ id: i, subtitle: o, title: l, description: n, items: s = [], ctaIcon: t, note: g, background: c = "white", ta: p = "center" }) {
   return /* @__PURE__ */ r(
     I,
     {
@@ -1255,7 +1267,7 @@ function er({ id: i, subtitle: o, title: l, description: n, items: s = [], ctaIc
                               }
                             ),
                             /* @__PURE__ */ e(
-                              C,
+                              k,
                               {
                                 order: 3,
                                 fz: "h2",
@@ -1346,7 +1358,7 @@ function er({ id: i, subtitle: o, title: l, description: n, items: s = [], ctaIc
     }
   );
 }
-function rr({ id: i, subtitle: o, title: l, description: n, items: s = [], note: t, background: g = "gray", ta: c = "center" }) {
+function ar({ id: i, subtitle: o, title: l, description: n, items: s = [], note: t, background: g = "gray", ta: c = "center" }) {
   return /* @__PURE__ */ r(
     I,
     {
@@ -1439,7 +1451,7 @@ function rr({ id: i, subtitle: o, title: l, description: n, items: s = [], note:
     }
   );
 }
-function ar({ id: i, subtitle: o, title: l, description: n, cardLabel: s, items: t = [], footnote: g, background: c = "gray", ta: p = "center" }) {
+function ir({ id: i, subtitle: o, title: l, description: n, cardLabel: s, items: t = [], footnote: g, background: c = "gray", ta: p = "center" }) {
   return /* @__PURE__ */ r(
     I,
     {
@@ -1548,7 +1560,7 @@ function ar({ id: i, subtitle: o, title: l, description: n, cardLabel: s, items:
     }
   );
 }
-function ir({ id: i, subtitle: o, title: l, description: n, avatar: s, name: t, role: g, quote: c, credentials: p = [], background: d = "white", ta: m = "center" }) {
+function nr({ id: i, subtitle: o, title: l, description: n, avatar: s, name: t, role: g, quote: c, credentials: p = [], background: d = "white", ta: m = "center" }) {
   return /* @__PURE__ */ r(
     I,
     {
@@ -1597,7 +1609,7 @@ function ir({ id: i, subtitle: o, title: l, description: n, avatar: s, name: t,
                         mx: { base: "auto", sm: 0 },
                         w: { base: 132, sm: 148 },
                         children: /* @__PURE__ */ e(
-                          _,
+                          $,
                           {
                             src: s.src,
                             alt: s.alt || t || "",
@@ -1632,7 +1644,7 @@ function ir({ id: i, subtitle: o, title: l, description: n, avatar: s, name: t,
                               }
                             ),
                             g && /* @__PURE__ */ e(
-                              E,
+                              C,
                               {
                                 variant: "dot",
                                 color: "gray",
@@ -1712,7 +1724,7 @@ function ir({ id: i, subtitle: o, title: l, description: n, avatar: s, name: t,
     }
   );
 }
-function nr({ id: i, badge: o, subtitle: l, title: n, description: s, items: t = [], background: g = "gray", ta: c = "center" }) {
+function or({ id: i, badge: o, subtitle: l, title: n, description: s, items: t = [], background: g = "gray", ta: c = "center" }) {
   return /* @__PURE__ */ r(
     I,
     {
@@ -1789,7 +1801,7 @@ function nr({ id: i, badge: o, subtitle: l, title: n, description: s, items: t =
                       }
                     ),
                     /* @__PURE__ */ e(
-                      C,
+                      k,
                       {
                         order: 3,
                         fz: "h3",
@@ -1822,10 +1834,10 @@ function nr({ id: i, badge: o, subtitle: l, title: n, description: s, items: t =
     }
   );
 }
-function or({ id: i, badge: o, title: l, description: n, fields: s = [], whatsappNumber: t, messageIntro: g = "Olá! Vim pelo site.", submit: c = {}, reassurance: p, onSubmit: d }) {
-  const [m, h] = J(() => Object.fromEntries(s.map((y) => [y.name, ""]))), [b, T] = J(!1), A = (y) => (W) => {
-    const { value: P } = W.currentTarget;
-    h(($) => ({ ...$, [y]: P }));
+function sr({ id: i, badge: o, title: l, description: n, fields: s = [], whatsappNumber: t, messageIntro: g = "Olá! Vim pelo site.", submit: c = {}, reassurance: p, onSubmit: d }) {
+  const [m, h] = X(() => Object.fromEntries(s.map((y) => [y.name, ""]))), [b, T] = X(!1), A = (y) => (j) => {
+    const { value: P } = j.currentTarget;
+    h((K) => ({ ...K, [y]: P }));
   }, H = s.filter((y) => y.required).every((y) => m[y.name]?.trim());
   return /* @__PURE__ */ e(
     x,
@@ -1841,7 +1853,7 @@ function or({ id: i, badge: o, title: l, description: n, fields: s = [], whatsap
             justify: "center",
             mb: "md",
             children: /* @__PURE__ */ e(
-              E,
+              C,
               {
                 variant: "light",
                 color: "gray",
@@ -1853,7 +1865,7 @@ function or({ id: i, badge: o, title: l, description: n, fields: s = [], whatsap
           }
         ),
         l && /* @__PURE__ */ e(
-          C,
+          k,
           {
             order: 2,
             ta: "center",
@@ -1884,15 +1896,15 @@ function or({ id: i, badge: o, title: l, description: n, fields: s = [], whatsap
             bg: "white",
             children: /* @__PURE__ */ e("form", { onSubmit: (y) => {
               if (y.preventDefault(), T(!0), !H) return;
-              const W = [g, "", ...s.filter((P) => m[P.name]?.trim()).map((P) => `${P.label}: ${m[P.name]}`)].join(`
+              const j = [g, "", ...s.filter((P) => m[P.name]?.trim()).map((P) => `${P.label}: ${m[P.name]}`)].join(`
 `);
               if (d?.(m), t) {
-                const P = `https://wa.me/${t}?text=${encodeURIComponent(W)}`;
+                const P = `https://wa.me/${t}?text=${encodeURIComponent(j)}`;
                 window.open(P, "_blank", "noopener,noreferrer");
               }
             }, children: /* @__PURE__ */ r(u, { gap: "md", children: [
               /* @__PURE__ */ e(S, { cols: { base: 1, sm: 2 }, children: s.filter((y) => y.span !== "full").map((y) => /* @__PURE__ */ e(
-                Q,
+                N,
                 {
                   label: y.label,
                   placeholder: y.placeholder,
@@ -1905,7 +1917,7 @@ function or({ id: i, badge: o, title: l, description: n, fields: s = [], whatsap
                 y.name
               )) }),
               s.filter((y) => y.span === "full").map((y) => /* @__PURE__ */ e(
-                Q,
+                N,
                 {
                   label: y.label,
                   placeholder: y.placeholder,
@@ -1948,7 +1960,7 @@ function or({ id: i, badge: o, title: l, description: n, fields: s = [], whatsap
                         color: "gray",
                         size: "sm",
                         children: /* @__PURE__ */ e(
-                          ee,
+                          re,
                           {
                             size: 16,
                             stroke: 1.5
@@ -1974,7 +1986,7 @@ function or({ id: i, badge: o, title: l, description: n, fields: s = [], whatsap
     }
   );
 }
-function sr({ id: i, subtitle: o, title: l, traditionalCol: n, newCol: s, background: t = "white" }) {
+function tr({ id: i, subtitle: o, title: l, traditionalCol: n, newCol: s, background: t = "white" }) {
   return /* @__PURE__ */ e(
     I,
     {
@@ -2028,7 +2040,7 @@ function sr({ id: i, subtitle: o, title: l, traditionalCol: n, newCol: s, backgr
                         {
                           gap: "md",
                           mb: 40,
-                          children: n.items.map((g, c) => /* @__PURE__ */ r(ue, { children: [
+                          children: n.items.map((g, c) => /* @__PURE__ */ r(fe, { children: [
                             /* @__PURE__ */ r(f, { justify: "space-between", children: [
                               /* @__PURE__ */ e(
                                 a,
@@ -2119,7 +2131,7 @@ function sr({ id: i, subtitle: o, title: l, traditionalCol: n, newCol: s, backgr
                                 }
                               ),
                               s.badge && /* @__PURE__ */ e(
-                                E,
+                                C,
                                 {
                                   color: "gray.9",
                                   variant: "filled",
@@ -2138,7 +2150,7 @@ function sr({ id: i, subtitle: o, title: l, traditionalCol: n, newCol: s, backgr
                             )
                           ] }),
                           /* @__PURE__ */ e(
-                            R,
+                            M,
                             {
                               spacing: "md",
                               size: "md",
@@ -2159,7 +2171,7 @@ function sr({ id: i, subtitle: o, title: l, traditionalCol: n, newCol: s, backgr
                                   )
                                 }
                               ),
-                              children: s.items.map((g, c) => /* @__PURE__ */ e(R.Item, { children: g }, c))
+                              children: s.items.map((g, c) => /* @__PURE__ */ e(M.Item, { children: g }, c))
                             }
                           ),
                           s.pricingBox && /* @__PURE__ */ e(
@@ -2204,7 +2216,7 @@ function sr({ id: i, subtitle: o, title: l, traditionalCol: n, newCol: s, backgr
                             }
                           ),
                           s.cta && /* @__PURE__ */ e(x, { mt: "xl", children: /* @__PURE__ */ e(
-                            k,
+                            R,
                             {
                               label: s.cta.label,
                               href: s.cta.href,
@@ -2227,7 +2239,7 @@ function sr({ id: i, subtitle: o, title: l, traditionalCol: n, newCol: s, backgr
     }
   );
 }
-function tr({
+function lr({
   id: i,
   badge: o,
   subtitle: l,
@@ -2275,7 +2287,7 @@ function tr({
             mb: 80,
             children: /* @__PURE__ */ r(f, { gap: "xs", children: [
               /* @__PURE__ */ e(
-                de,
+                he,
                 {
                   value: g,
                   onChange: c,
@@ -2288,7 +2300,7 @@ function tr({
                 }
               ),
               g === "annual" && p && /* @__PURE__ */ e(
-                E,
+                C,
                 {
                   variant: "filled",
                   color: "gray.9",
@@ -2342,7 +2354,7 @@ function tr({
                                 }
                               ),
                               h.highlight && /* @__PURE__ */ e(
-                                E,
+                                C,
                                 {
                                   variant: "dot",
                                   color: "gray.9",
@@ -2538,7 +2550,7 @@ function tr({
                     }
                   ),
                   h.cta && /* @__PURE__ */ e(x, { mt: "auto", children: /* @__PURE__ */ e(
-                    k,
+                    R,
                     {
                       label: h.cta.label,
                       href: h.cta.href,
@@ -2579,7 +2591,7 @@ function tr({
     }
   );
 }
-function lr({ id: i, badge: o, subtitle: l, title: n, description: s, questions: t = [], contactCard: g, background: c = "white", ta: p = "left" }) {
+function cr({ id: i, badge: o, subtitle: l, title: n, description: s, questions: t = [], contactCard: g, background: c = "white", ta: p = "left" }) {
   const d = Math.ceil(t.length / 2), m = {
     item: {
       backgroundColor: c === "gray" ? "gray.1" : "white",
@@ -2630,20 +2642,20 @@ function lr({ id: i, badge: o, subtitle: l, title: n, description: s, questions:
             spacing: "xl",
             children: [
               /* @__PURE__ */ e(
-                j,
+                B,
                 {
                   variant: "separated",
                   radius: "0",
                   chevronPosition: "right",
                   styles: m,
                   children: t.slice(0, d).map((h, b) => /* @__PURE__ */ r(
-                    j.Item,
+                    B.Item,
                     {
                       value: h.value || String(b),
                       mb: "md",
                       children: [
                         /* @__PURE__ */ e(
-                          j.Control,
+                          B.Control,
                           {
                             icon: /* @__PURE__ */ e(
                               v,
@@ -2657,7 +2669,7 @@ function lr({ id: i, badge: o, subtitle: l, title: n, description: s, questions:
                             children: h.question
                           }
                         ),
-                        /* @__PURE__ */ e(j.Panel, { c: "gray.6", children: h.answer })
+                        /* @__PURE__ */ e(B.Panel, { c: "gray.6", children: h.answer })
                       ]
                     },
                     h.value || b
@@ -2665,20 +2677,20 @@ function lr({ id: i, badge: o, subtitle: l, title: n, description: s, questions:
                 }
               ),
               /* @__PURE__ */ e(
-                j,
+                B,
                 {
                   variant: "separated",
                   radius: "0",
                   chevronPosition: "right",
                   styles: m,
                   children: t.slice(d).map((h, b) => /* @__PURE__ */ r(
-                    j.Item,
+                    B.Item,
                     {
                       value: h.value || String(d + b),
                       mb: "md",
                       children: [
                         /* @__PURE__ */ e(
-                          j.Control,
+                          B.Control,
                           {
                             icon: /* @__PURE__ */ e(
                               v,
@@ -2692,7 +2704,7 @@ function lr({ id: i, badge: o, subtitle: l, title: n, description: s, questions:
                             children: h.question
                           }
                         ),
-                        /* @__PURE__ */ e(j.Panel, { c: "gray.6", children: h.answer })
+                        /* @__PURE__ */ e(B.Panel, { c: "gray.6", children: h.answer })
                       ]
                     },
                     h.value || d + b
@@ -2749,7 +2761,7 @@ function lr({ id: i, badge: o, subtitle: l, title: n, description: s, questions:
                     }
                   ),
                   /* @__PURE__ */ e(u, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
-                    k,
+                    R,
                     {
                       label: g.cta.label,
                       href: g.cta.href,
@@ -2768,7 +2780,7 @@ function lr({ id: i, badge: o, subtitle: l, title: n, description: s, questions:
     }
   );
 }
-function cr({ id: i, title: o, subtitle: l, items: n = [], background: s = "gray" }) {
+function dr({ id: i, title: o, subtitle: l, items: n = [], background: s = "gray" }) {
   return /* @__PURE__ */ e(
     I,
     {
@@ -2796,7 +2808,7 @@ function cr({ id: i, title: o, subtitle: l, items: n = [], background: s = "gray
                   h: "100%",
                   children: [
                     /* @__PURE__ */ e(
-                      ye,
+                      xe,
                       {
                         size: 32,
                         color: "var(--mantine-color-gray-3)"
@@ -2824,7 +2836,7 @@ function cr({ id: i, title: o, subtitle: l, items: n = [], background: s = "gray
                         mt: "xl",
                         children: [
                           /* @__PURE__ */ e(
-                            he,
+                            pe,
                             {
                               size: "md",
                               radius: "0",
@@ -2868,7 +2880,7 @@ function cr({ id: i, title: o, subtitle: l, items: n = [], background: s = "gray
     }
   );
 }
-function Ee({ id: i, subtitle: o, title: l, titleOrder: n = 2, description: s, featuresList: t, featuresLabel: g, cta: c, background: p = "gray", ta: d = "center" }) {
+function Ce({ id: i, subtitle: o, title: l, titleOrder: n = 2, description: s, featuresList: t, featuresLabel: g, cta: c, background: p = "gray", ta: d = "center" }) {
   return /* @__PURE__ */ e(
     I,
     {
@@ -2905,7 +2917,7 @@ function Ee({ id: i, subtitle: o, title: l, titleOrder: n = 2, description: s, f
                 // da página (um 404, por exemplo) e sem heading ela fica
                 // sem estrutura para leitor de tela.
                 /* @__PURE__ */ e(
-                  C,
+                  k,
                   {
                     order: n,
                     fz: "var(--fz-section-title)",
@@ -2934,7 +2946,7 @@ function Ee({ id: i, subtitle: o, title: l, titleOrder: n = 2, description: s, f
                     }
                   ),
                   /* @__PURE__ */ e(
-                    R,
+                    M,
                     {
                       spacing: "sm",
                       size: "md",
@@ -2953,7 +2965,7 @@ function Ee({ id: i, subtitle: o, title: l, titleOrder: n = 2, description: s, f
                           )
                         }
                       ),
-                      children: t.map((h, b) => /* @__PURE__ */ e(R.Item, { children: /* @__PURE__ */ e(
+                      children: t.map((h, b) => /* @__PURE__ */ e(M.Item, { children: /* @__PURE__ */ e(
                         a,
                         {
                           c: "gray.6",
@@ -2974,7 +2986,7 @@ function Ee({ id: i, subtitle: o, title: l, titleOrder: n = 2, description: s, f
                     w: "100%",
                     style: { display: "flex", justifyContent: d === "center" ? "center" : "flex-start" },
                     children: /* @__PURE__ */ e(
-                      k,
+                      R,
                       {
                         label: c.label,
                         href: c.href,
@@ -3005,9 +3017,9 @@ function Ee({ id: i, subtitle: o, title: l, titleOrder: n = 2, description: s, f
     }
   );
 }
-const dr = Ee;
-function Ce({ text: i = "Selo Exclusivo RiLiGar", color: o = "green.6", background: l = "gray" }) {
-  const n = B(l);
+const hr = Ce;
+function ke({ text: i = "Selo Exclusivo RiLiGar", color: o = "green.6", background: l = "gray" }) {
+  const n = E(l);
   return /* @__PURE__ */ e(
     x,
     {
@@ -3025,7 +3037,7 @@ function Ce({ text: i = "Selo Exclusivo RiLiGar", color: o = "green.6", backgrou
             variant: "light",
             size: "sm",
             children: /* @__PURE__ */ e(
-              xe,
+              be,
               {
                 size: 14,
                 "aria-hidden": "true"
@@ -3048,9 +3060,9 @@ function Ce({ text: i = "Selo Exclusivo RiLiGar", color: o = "green.6", backgrou
     }
   );
 }
-const hr = Ce;
-function pr({ logo: i, description: o, sections: l = [], socialLinks: n = [], copyrightText: s, madeByText: t, background: g = "white" }) {
-  const c = B(g);
+const pr = ke;
+function mr({ logo: i, description: o, sections: l = [], socialLinks: n = [], copyrightText: s, madeByText: t, background: g = "white" }) {
+  const c = E(g);
   return /* @__PURE__ */ e(
     x,
     {
@@ -3066,7 +3078,7 @@ function pr({ logo: i, description: o, sections: l = [], socialLinks: n = [], co
             spacing: "xl",
             children: [
               /* @__PURE__ */ r(u, { gap: "lg", children: [
-                i && /* @__PURE__ */ e(ne, { logo: i }),
+                i && /* @__PURE__ */ e(oe, { logo: i }),
                 o && /* @__PURE__ */ e(
                   a,
                   {
@@ -3103,7 +3115,7 @@ function pr({ logo: i, description: o, sections: l = [], socialLinks: n = [], co
                             }
                           ),
                           /* @__PURE__ */ e(u, { gap: "xs", children: p.links.map((m, h) => /* @__PURE__ */ e(
-                            pe,
+                            me,
                             {
                               c: "gray.6",
                               size: "sm",
@@ -3130,7 +3142,7 @@ function pr({ logo: i, description: o, sections: l = [], socialLinks: n = [], co
                         }
                       ),
                       /* @__PURE__ */ e(f, { gap: "xs", children: n.map((p, d) => /* @__PURE__ */ e(
-                        me,
+                        ge,
                         {
                           size: "md",
                           variant: "subtle",
@@ -3195,7 +3207,7 @@ function pr({ logo: i, description: o, sections: l = [], socialLinks: n = [], co
     }
   );
 }
-function mr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" }) {
+function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" }) {
   return /* @__PURE__ */ e(
     x,
     {
@@ -3204,7 +3216,7 @@ function mr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
       children: /* @__PURE__ */ e(F, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            C,
+            k,
             {
               order: 2,
               ta: "center",
@@ -3278,7 +3290,7 @@ function mr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      ee,
+                      re,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3330,7 +3342,7 @@ function mr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      re,
+                      ae,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3382,7 +3394,7 @@ function mr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      be,
+                      ve,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3434,7 +3446,7 @@ function mr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      ve,
+                      ze,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3506,7 +3518,7 @@ function mr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
     }
   );
 }
-function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" }) {
+function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" }) {
   return /* @__PURE__ */ e(
     x,
     {
@@ -3515,7 +3527,7 @@ function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
       children: /* @__PURE__ */ e(F, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            C,
+            k,
             {
               order: 2,
               ta: "center",
@@ -3585,7 +3597,7 @@ function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      ze,
+                      we,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3639,7 +3651,7 @@ function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      we,
+                      Se,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3691,7 +3703,7 @@ function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Se,
+                      Ie,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3745,7 +3757,7 @@ function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Ie,
+                      Te,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3797,7 +3809,7 @@ function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Te,
+                      qe,
                       {
                         size: 32,
                         stroke: 1.2
@@ -3871,7 +3883,7 @@ function gr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
     }
   );
 }
-function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" }) {
+function fr({ companyName: i = "RiLiGar", productName: o = "nossos produtos" }) {
   return /* @__PURE__ */ e(
     x,
     {
@@ -3880,7 +3892,7 @@ function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
       children: /* @__PURE__ */ e(F, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            C,
+            k,
             {
               order: 2,
               ta: "center",
@@ -3950,7 +3962,7 @@ function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      qe,
+                      Ae,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4002,7 +4014,7 @@ function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      re,
+                      ae,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4050,7 +4062,7 @@ function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Ae,
+                      Pe,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4098,7 +4110,7 @@ function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Pe,
+                      De,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4135,7 +4147,7 @@ function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
         /* @__PURE__ */ e(D, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ r(f, { gap: "sm", children: [
-            /* @__PURE__ */ e(v, { variant: "transparent", color: "gray.9", children: /* @__PURE__ */ e(De, { size: 18 }) }),
+            /* @__PURE__ */ e(v, { variant: "transparent", color: "gray.9", children: /* @__PURE__ */ e(Fe, { size: 18 }) }),
             /* @__PURE__ */ e(
               a,
               {
@@ -4168,39 +4180,39 @@ function ur({ companyName: i = "RiLiGar", productName: o = "nossos produtos" })
   );
 }
 export {
-  ne as BrandLogo,
-  Ee as CTABanner,
-  k as CTAButton,
-  ar as Callout,
-  sr as Comparison,
-  rr as CriteriaList,
-  lr as FAQ,
+  oe as BrandLogo,
+  Ce as CTABanner,
+  R as CTAButton,
+  ir as Callout,
+  tr as Comparison,
+  ar as CriteriaList,
+  cr as FAQ,
   Ye as FeatureSplit,
-  Xe as FeaturesGrid,
-  pr as Footer,
-  ir as FounderCard,
-  Fe as Header,
-  Ne as Hero,
-  Ke as Layout,
-  or as LeadForm,
-  mr as LegalPrivacy,
-  ur as LegalSecurity,
-  gr as LegalTerms,
-  ie as MediaBlock,
-  Qe as Navbar,
-  tr as Pricing,
-  er as ProductGrid,
-  $e as SECTION_BACKGROUNDS,
-  dr as SecondaryCTA,
+  Ze as FeaturesGrid,
+  mr as Footer,
+  nr as FounderCard,
+  je as Header,
+  Je as Hero,
+  Qe as Layout,
+  sr as LeadForm,
+  gr as LegalPrivacy,
+  fr as LegalSecurity,
+  ur as LegalTerms,
+  ne as MediaBlock,
+  Ne as Navbar,
+  lr as Pricing,
+  rr as ProductGrid,
+  _ as SECTION_BACKGROUNDS,
+  hr as SecondaryCTA,
   I as Section,
-  ae as SectionHeader,
-  hr as SeloExclusivo,
-  Je as SocialProof,
-  Ze as StatsGrid,
-  nr as Steps,
-  cr as Testimonials,
-  Ce as TrustBadge,
-  _e as Wordmark,
-  B as resolveBackground,
-  Ve as theme
+  ie as SectionHeader,
+  pr as SeloExclusivo,
+  Xe as SocialProof,
+  er as StatsGrid,
+  or as Steps,
+  dr as Testimonials,
+  ke as TrustBadge,
+  Ke as Wordmark,
+  E as resolveBackground,
+  $e as theme
 };