@ciromaciel/components-kit 1.2.0 → 1.2.2

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { createTheme as be, Stack as u, Group as f, Badge as j, Text as i, Title as F, Center as k, Box as b, Button as W, CopyButton as xe, Tooltip as se, ActionIcon as ce, Container as B, Flex as we, Loader as ve, Paper as I, SimpleGrid as A, Image as H, List as V, ThemeIcon as z, Grid as v, RingProgress as ze, Anchor as de, UnstyledButton as Se, TextInput as re, Divider as C, SegmentedControl as Ie, Accordion as R, Avatar as Te } from "@mantine/core";
+import { createTheme as be, Stack as u, Group as f, Badge as j, Text as i, Title as F, Center as E, Box as b, Button as U, CopyButton as xe, Tooltip as se, ActionIcon as ce, Container as B, Flex as we, Loader as ve, Paper as I, SimpleGrid as A, Image as H, List as V, ThemeIcon as z, Grid as v, RingProgress as ze, Anchor as de, UnstyledButton as Se, TextInput as re, Divider as C, SegmentedControl as Ie, Accordion as R, Avatar as Te } from "@mantine/core";
 import { jsxs as r, jsx as e, Fragment as ae } from "react/jsx-runtime";
 import { isValidElement as Ae, useState as _, useMemo as Pe, Fragment as qe, useEffect as pe, useRef as De } from "react";
-import { IconCheck as G, IconCopy as Fe, IconArrowUpRight as Ee, IconShieldCheck as he, IconBolt as ie, IconQuote as ke, IconArrowLeft as Be, IconCircleCheck as je, IconCloudLock as me, IconEyeOff as Ce, IconUserShield as Me, IconScale as Re, IconUserCheck as Ne, IconFileDescription as Le, IconBan as Oe, IconAlertCircle as Ve, IconShieldLock as $e, IconDatabase as Ue, IconUsers as We, IconActivity as He } from "@tabler/icons-react";
+import { IconCheck as G, IconCopy as Fe, IconArrowUpRight as ke, IconShieldCheck as he, IconBolt as ie, IconQuote as Ee, IconArrowLeft as Be, IconCircleCheck as je, IconCloudLock as ge, IconEyeOff as Ce, IconUserShield as Me, IconScale as Re, IconUserCheck as Ne, IconFileDescription as Le, IconBan as Oe, IconAlertCircle as Ve, IconShieldLock as $e, IconDatabase as We, IconUsers as Ue, IconActivity as He } from "@tabler/icons-react";
 import { useWindowScroll as _e, useMediaQuery as Ge } from "@mantine/hooks";
 import { AreaChart as Ke } from "@mantine/charts";
 const zr = be({
@@ -208,7 +208,7 @@ const zr = be({
     }
   }
 });
-function ge({ badge: a, subtitle: d, title: l, titleOrder: n = 2, titleFz: t = "var(--fz-section-title)", ta: c = "left", maw: m }) {
+function me({ badge: a, subtitle: d, title: l, titleOrder: n = 2, titleFz: t = "var(--fz-section-title)", ta: c = "left", maw: g }) {
   return !l && !d && !a ? null : /* @__PURE__ */ r(
     u,
     {
@@ -249,7 +249,7 @@ function ge({ badge: a, subtitle: d, title: l, titleOrder: n = 2, titleFz: t = "
           {
             order: n,
             fz: t,
-            maw: m,
+            maw: g,
             children: l
           }
         )
@@ -258,7 +258,7 @@ function ge({ badge: a, subtitle: d, title: l, titleOrder: n = 2, titleFz: t = "
   );
 }
 function ue({ video: a, image: d, width: l = "100%", maw: n, alt: t }) {
-  return a ? /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+  return a ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     b,
     {
       component: "video",
@@ -272,7 +272,7 @@ function ue({ video: a, image: d, width: l = "100%", maw: n, alt: t }) {
       h: "auto",
       style: { filter: a.filter || "none" }
     }
-  ) }) : d ? /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+  ) }) : d ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     b,
     {
       component: "img",
@@ -291,16 +291,16 @@ function M({
   icon: n,
   size: t = "lg",
   variant: c = "filled",
-  color: m,
+  color: g,
   target: h,
   px: p,
   fullWidth: s,
-  leftSection: g,
+  leftSection: m,
   className: o,
   ...y
 }) {
   return /* @__PURE__ */ e(
-    W,
+    U,
     {
       size: t,
       component: d ? "a" : "button",
@@ -308,9 +308,9 @@ function M({
       onClick: l,
       target: h,
       rightSection: n,
-      leftSection: g,
+      leftSection: m,
       variant: c,
-      color: m,
+      color: g,
       px: p,
       fullWidth: s,
       className: o ? `rlg-cta ${o}` : "rlg-cta",
@@ -347,9 +347,9 @@ function Z({ logo: a, objectPosition: d = "left" }) {
   ) : a : null;
 }
 function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t = "dark", style: c }) {
-  const m = typeof a == "string" ? a : String(a ?? ""), h = m.split(`
+  const g = typeof a == "string" ? a : String(a ?? ""), h = g.split(`
 `).filter((o) => o.trimStart().startsWith("$ ")), p = h.length ? h.map((o) => o.trimStart().slice(2)).join(`
-`) : m, s = t === "dark", g = s ? {
+`) : g, s = t === "dark", m = s ? {
     shell: "var(--mantine-color-gray-9)",
     bar: "rgba(255, 255, 255, 0.06)",
     line: "rgba(255, 255, 255, 0.10)",
@@ -369,7 +369,7 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
     {
       style: {
         border: `1px solid ${s ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-3)"}`,
-        background: g.shell,
+        background: m.shell,
         // `overflow: hidden` aqui cortava o código em vez de deixar o
         // <pre> rolar: a linha longa ficava inacessível, sem barra e
         // sem reticências. `hidden` só na vertical preserva o recorte
@@ -386,8 +386,8 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
             px: 14,
             py: 8,
             style: {
-              borderBottom: `1px solid ${g.line}`,
-              background: g.bar
+              borderBottom: `1px solid ${m.line}`,
+              background: m.bar
             },
             children: [
               /* @__PURE__ */ r(
@@ -401,7 +401,7 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
                       {
                         w: 9,
                         h: 9,
-                        style: { borderRadius: "50%", background: g.dot }
+                        style: { borderRadius: "50%", background: m.dot }
                       },
                       o
                     )),
@@ -414,7 +414,7 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
                           fontFamily: "var(--mantine-font-family-monospace)",
                           fontSize: 11,
                           letterSpacing: "0.5px",
-                          color: g.label
+                          color: m.label
                         },
                         children: d
                       }
@@ -442,7 +442,7 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
                           onClick: y,
                           "aria-label": "Copiar codigo",
                           style: {
-                            color: o ? "var(--mantine-color-teal-4)" : g.label
+                            color: o ? "var(--mantine-color-teal-4)" : m.label
                           },
                           children: o ? /* @__PURE__ */ e(G, { size: 14 }) : /* @__PURE__ */ e(Fe, { size: 14 })
                         }
@@ -465,12 +465,12 @@ function Ye({ children: a, label: d, chrome: l = !0, copy: n = !0, variant: t =
               fontFamily: "var(--mantine-font-family-monospace)",
               fontSize: 12.5,
               lineHeight: 1.65,
-              color: g.text,
+              color: m.text,
               whiteSpace: "pre",
               overflowX: "auto",
               tabSize: 2
             },
-            children: m
+            children: g
           }
         )
       ]
@@ -481,19 +481,19 @@ const J = {
   white: "white",
   gray: "gray.1"
 }, N = (a) => a === "gray.9" || a === "dark" ? J.gray : a === "white" ? J.white : J.gray;
-function P({ children: a, badge: d, title: l, subtitle: n, id: t, background: c = "white", py: m = { base: 80, md: 120 }, maw: h = 800, ta: p = "left", stackGap: s = "xl" }) {
-  const g = N(c);
+function P({ children: a, badge: d, title: l, subtitle: n, id: t, background: c = "white", py: g = { base: 80, md: 120 }, maw: h = 800, ta: p = "left", stackGap: s = "xl" }) {
+  const m = N(c);
   return /* @__PURE__ */ e(
     b,
     {
       component: "section",
       id: t,
-      bg: g,
-      py: m,
+      bg: m,
+      py: g,
       style: { overflow: "hidden" },
       children: /* @__PURE__ */ e(B, { size: "lg", children: /* @__PURE__ */ r(u, { gap: s, children: [
         /* @__PURE__ */ e(
-          ge,
+          me,
           {
             badge: d,
             subtitle: n,
@@ -568,9 +568,9 @@ function Ir({ children: a, style: d, ...l }) {
   );
 }
 function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t, background: c = "white" }) {
-  const m = N(c), [h] = _e(), p = h.y > 10, s = (o) => {
+  const g = N(c), [h] = _e(), p = h.y > 10, s = (o) => {
     o === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(o)?.scrollIntoView({ behavior: "smooth" });
-  }, g = (o, y) => {
+  }, m = (o, y) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), s(y));
   };
   return /* @__PURE__ */ e(
@@ -591,8 +591,9 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
             {
               shadow: p ? "sm" : "none",
               radius: "0",
-              p: "xs",
-              bg: m,
+              py: "xs",
+              px: 0,
+              bg: g,
               bd: p ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
               style: { pointerEvents: "auto", transition: "all 0.2s ease" },
               children: /* @__PURE__ */ r(
@@ -601,10 +602,9 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
                   justify: "space-between",
                   align: "center",
                   wrap: "nowrap",
-                  px: { base: "xs", sm: "md" },
                   children: [
                     a && (() => {
-                      const o = { display: "inline-flex", textDecoration: "none" };
+                      const o = { display: "inline-flex", textDecoration: "none", minWidth: 0, flex: "0 1 auto" };
                       if (d) {
                         const { component: y = "a", ...w } = d;
                         return /* @__PURE__ */ e(
@@ -630,11 +630,18 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
                         }
                       );
                     })(),
-                    l.length > 0 && /* @__PURE__ */ e(
+                    l.length > 0 && /* FROM 1200px (`lg`), NOT FROM 768px. Four links, the
+                    logo and two buttons need about 1 250px on one line;
+                    from `sm` the nav wrapped into two rows and pushed the
+                    second button under the first, doubling the sticky bar
+                    between 768 and 1 200px. Below `lg` the links are the
+                    sections of the page, one scroll away. */
+                    /* @__PURE__ */ e(
                       f,
                       {
                         gap: "xl",
-                        visibleFrom: "sm",
+                        visibleFrom: "lg",
+                        wrap: "nowrap",
                         component: "nav",
                         role: "navigation",
                         "aria-label": "Menu principal",
@@ -652,64 +659,72 @@ function Xe({ logo: a, logoLink: d, navLinks: l = [], loginCta: n, signupCta: t,
                             tabIndex: o.component ? void 0 : 0,
                             style: { cursor: "pointer", ...o.style },
                             onClick: o.target ? () => s(o.target) : o.onClick,
-                            onKeyDown: o.target ? (y) => g(y, o.target) : o.onKeyDown,
+                            onKeyDown: o.target ? (y) => m(y, o.target) : o.onKeyDown,
                             children: o.label
                           },
                           o.label
                         ))
                       }
                     ),
-                    /* @__PURE__ */ r(f, { gap: "sm", children: [
-                      n && /* @__PURE__ */ e(
-                        W,
-                        {
-                          variant: "subtle",
-                          ...n,
-                          component: n.component || (n.href ? "a" : "button"),
-                          c: "gray.7",
-                          size: "sm",
-                          radius: "0",
-                          visibleFrom: "xs",
-                          fw: 900,
-                          children: n.label
-                        }
-                      ),
-                      t && /* @__PURE__ */ r(
-                        W,
-                        {
-                          ...t,
-                          component: t.component || (t.href ? "a" : "button"),
-                          size: "sm",
-                          radius: "0",
-                          color: "dark",
-                          variant: "filled",
-                          children: [
-                            /* @__PURE__ */ e(
-                              i,
-                              {
-                                span: !0,
-                                visibleFrom: "sm",
-                                c: "white",
-                                fw: 900,
-                                size: "sm",
-                                children: t.label
-                              }
-                            ),
-                            /* @__PURE__ */ e(
-                              i,
-                              {
-                                span: !0,
-                                hiddenFrom: "sm",
-                                c: "white",
-                                fw: 900,
-                                size: "xs",
-                                children: t.labelMobile || t.label
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ] })
+                    /* @__PURE__ */ r(
+                      f,
+                      {
+                        gap: "sm",
+                        wrap: "nowrap",
+                        style: { flexShrink: 0 },
+                        children: [
+                          n && /* @__PURE__ */ e(
+                            U,
+                            {
+                              variant: "subtle",
+                              ...n,
+                              component: n.component || (n.href ? "a" : "button"),
+                              c: "gray.7",
+                              size: "sm",
+                              radius: "0",
+                              visibleFrom: "xs",
+                              fw: 900,
+                              children: n.label
+                            }
+                          ),
+                          t && /* @__PURE__ */ r(
+                            U,
+                            {
+                              ...t,
+                              component: t.component || (t.href ? "a" : "button"),
+                              size: "sm",
+                              radius: "0",
+                              color: "dark",
+                              variant: "filled",
+                              children: [
+                                /* @__PURE__ */ e(
+                                  i,
+                                  {
+                                    span: !0,
+                                    visibleFrom: "sm",
+                                    c: "white",
+                                    fw: 900,
+                                    size: "sm",
+                                    children: t.label
+                                  }
+                                ),
+                                /* @__PURE__ */ e(
+                                  i,
+                                  {
+                                    span: !0,
+                                    hiddenFrom: "sm",
+                                    c: "white",
+                                    fw: 900,
+                                    size: "xs",
+                                    children: t.labelMobile || t.label
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
                   ]
                 }
               )
@@ -725,8 +740,8 @@ const Tr = Xe, te = {
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, note: c, video: m, image: h, background: p = "white", mediaMaw: s, titleFz: g = "var(--fz-hero)", descriptionFz: o = "xl" }) {
-  const y = !!(m || h);
+function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, note: c, video: g, image: h, background: p = "white", mediaMaw: s, titleFz: m = "var(--fz-hero)", descriptionFz: o = "xl" }) {
+  const y = !!(g || h);
   return /* @__PURE__ */ e(
     b,
     {
@@ -748,18 +763,18 @@ function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, no
                 gap: { base: 32, md: 48 },
                 ta: y ? { base: "center", md: "left" } : "center",
                 children: [
-                  /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-                    ge,
+                  /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+                    me,
                     {
                       subtitle: a,
                       title: d,
                       titleOrder: 1,
-                      titleFz: g,
+                      titleFz: m,
                       ta: y ? "inherit" : "center",
                       maw: y ? void 0 : 940
                     }
                   ) }),
-                  l && /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+                  l && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                     i,
                     {
                       size: o,
@@ -769,7 +784,7 @@ function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, no
                       children: l
                     }
                   ) }),
-                  (n || t) && /* @__PURE__ */ e(k, { children: /* @__PURE__ */ r(
+                  (n || t) && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(
                     f,
                     {
                       gap: "md",
@@ -813,7 +828,7 @@ function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, no
                       ]
                     }
                   ) }),
-                  c && /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+                  c && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                     i,
                     {
                       size: "sm",
@@ -830,7 +845,7 @@ function Ar({ subtitle: a, title: d, description: l, cta: n, secondaryCta: t, no
             y && /* @__PURE__ */ e(
               ue,
               {
-                video: m,
+                video: g,
                 image: h,
                 maw: s,
                 alt: "Demonstração do produto"
@@ -860,7 +875,7 @@ function Je({ logo: a, index: d }) {
       n.currentTarget.style.filter = "grayscale(1) opacity(0.4)";
     }
   };
-  return a.url ? /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+  return a.url ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     "a",
     {
       href: a.url,
@@ -868,7 +883,7 @@ function Je({ logo: a, index: d }) {
       rel: "noopener noreferrer",
       children: /* @__PURE__ */ e(H, { ...l })
     }
-  ) }) : /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(H, { ...l }) });
+  ) }) : /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(H, { ...l }) });
 }
 function Pr({ id: a, title: d, logos: l, background: n = "gray" }) {
   return !l || l.length === 0 ? null : /* @__PURE__ */ e(
@@ -920,7 +935,7 @@ function Pr({ id: a, title: d, logos: l, background: n = "gray" }) {
     }
   );
 }
-function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, featuresList: c, cta: m, video: h, image: p, reverse: s = !1, background: g = "white", mediaMaw: o }) {
+function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, featuresList: c, cta: g, video: h, image: p, reverse: s = !1, background: m = "white", mediaMaw: o }) {
   const y = c && c.length > 0 && /* @__PURE__ */ e(
     V,
     {
@@ -971,15 +986,15 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
           }
         ),
         y,
-        m && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
+        g && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
           M,
           {
-            label: m.label,
-            href: m.href,
-            icon: m.icon,
-            size: m.size || "lg",
-            variant: m.variant,
-            color: m.color
+            label: g.label,
+            href: g.href,
+            icon: g.icon,
+            size: g.size || "lg",
+            variant: g.variant,
+            color: g.color
           }
         ) })
       ]
@@ -1012,7 +1027,7 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
       id: a,
       subtitle: d,
       title: l,
-      background: g,
+      background: m,
       children: /* @__PURE__ */ e(
         A,
         {
@@ -1031,7 +1046,7 @@ function qr({ id: a, subtitle: d, title: l, description: n, descriptionFz: t, fe
     }
   );
 }
-function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background: c = "gray", items: m = [], ta: h = "left", note: p }) {
+function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background: c = "gray", items: g = [], ta: h = "left", note: p }) {
   return /* @__PURE__ */ r(
     P,
     {
@@ -1056,12 +1071,12 @@ function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background
             children: t
           }
         ),
-        /* @__PURE__ */ e(v, { gutter: "lg", children: m.map((s, g) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(v, { gutter: "lg", children: g.map((s, m) => /* @__PURE__ */ e(
           Ze,
           {
             ...s
           },
-          g
+          m
         )) }),
         p && /* @__PURE__ */ e(
           i,
@@ -1087,11 +1102,11 @@ function Ze({
   label: n,
   title: t,
   titleSize: c,
-  description: m,
+  description: g,
   descriptionSize: h,
   descriptionMaw: p,
   span: s = { base: 12, md: 6 },
-  background: g = "white",
+  background: m = "white",
   visual: o,
   secondaryVisual: y,
   layout: w = "stacked",
@@ -1102,7 +1117,7 @@ function Ze({
   codeBlock: S,
   // layout="split": quantas das 12 colunas o codigo ocupa. O padrao 6
   // divide o card ao meio; suba para 7 quando as linhas forem longas.
-  codeSpan: E = 6,
+  codeSpan: k = 6,
   // Rotulo da barra do terminal (ex: "bash", "index.js").
   codeLabel: x,
   decorativeContent: L,
@@ -1150,14 +1165,14 @@ function Ze({
         children: t
       }
     ),
-    m && /* @__PURE__ */ e(
+    g && /* @__PURE__ */ e(
       i,
       {
         c: "gray.6",
         size: h || (w === "compact" ? "sm" : "lg"),
         maw: p,
         mb: T ? "xl" : w === "compact" ? "lg" : void 0,
-        children: m
+        children: g
       }
     ),
     T && T.length > 0 && /* @__PURE__ */ e(f, { children: T.map((X, Q) => /* @__PURE__ */ e(
@@ -1193,7 +1208,7 @@ function Ze({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: N(g),
+      bg: N(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       style: q,
       ...O,
@@ -1203,8 +1218,8 @@ function Ze({
           align: "center",
           gutter: "xl",
           children: [
-            /* @__PURE__ */ e(v.Col, { span: { base: 12, sm: 12 - E }, children: K }),
-            /* @__PURE__ */ r(v.Col, { span: { base: 12, sm: E }, children: [
+            /* @__PURE__ */ e(v.Col, { span: { base: 12, sm: 12 - k }, children: K }),
+            /* @__PURE__ */ r(v.Col, { span: { base: 12, sm: k }, children: [
               $,
               S && /* @__PURE__ */ e(Ye, { label: x, children: S })
             ] })
@@ -1218,7 +1233,7 @@ function Ze({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: N(g),
+      bg: N(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       style: q,
       ...O,
@@ -1233,7 +1248,7 @@ function Ze({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: N(g),
+      bg: N(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       pos: "relative",
       style: q,
@@ -1270,7 +1285,7 @@ function Ze({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: N(g),
+      bg: N(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       display: "flex",
       style: {
@@ -1306,7 +1321,7 @@ function ne(a) {
           size: a.size || 140,
           thickness: a.thickness || 12,
           sections: [{ value: a.value || 100, color: "gray.7" }],
-          label: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ r(
+          label: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(
             u,
             {
               gap: 0,
@@ -1389,7 +1404,7 @@ function ne(a) {
       );
     case "typography":
       return /* @__PURE__ */ e(
-        k,
+        E,
         {
           h: a.height || 160,
           bg: "gray.0",
@@ -1422,7 +1437,7 @@ function ne(a) {
       return null;
   }
 }
-function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background: c = "white", ta: m = "center", note: h }) {
+function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background: c = "white", ta: g = "center", note: h }) {
   const p = t ?? Math.min(Math.max(n.length, 1), 4);
   return /* @__PURE__ */ r(
     P,
@@ -1431,7 +1446,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
       subtitle: d,
       title: l,
       background: c,
-      ta: m,
+      ta: g,
       maw: 900,
       children: [
         /* @__PURE__ */ e(
@@ -1439,7 +1454,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
           {
             cols: { base: 1, sm: p === 3 ? 3 : 2, lg: p },
             spacing: 0,
-            children: n.map((s, g) => /* @__PURE__ */ r(
+            children: n.map((s, m) => /* @__PURE__ */ r(
               I,
               {
                 px: "lg",
@@ -1490,7 +1505,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
                   )
                 ]
               },
-              s.label || g
+              s.label || m
             ))
           }
         ),
@@ -1511,7 +1526,7 @@ function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background:
     }
   );
 }
-const U = {
+const W = {
   operational: { color: "teal.7", chart: "teal.7", title: "Todos os sistemas operando", badge: "Operacional" },
   degraded: { color: "yellow.7", chart: "yellow.7", title: "Desempenho degradado", badge: "Degradado" },
   down: { color: "red.7", chart: "red.7", title: "Interrupção em andamento", badge: "Fora do ar" },
@@ -1521,8 +1536,8 @@ const U = {
   const d = new Date(a);
   return Number.isNaN(d.getTime()) ? null : d.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
 };
-function Er({ service: a, status: d = "loading", checkedAt: l, checks: n = [], latency: t = [], uptime: c = [], error: m }) {
-  const h = m ? U.down : U[d] || U.loading, p = er(l);
+function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], latency: t = [], uptime: c = [], error: g }) {
+  const h = g ? W.down : W[d] || W.loading, p = er(l);
   return /* @__PURE__ */ e(
     b,
     {
@@ -1573,7 +1588,7 @@ function Er({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
                         fw: 900,
                         lts: "-0.04em",
                         lh: 1.05,
-                        children: m ? "Não foi possível verificar" : h.title
+                        children: g ? "Não foi possível verificar" : h.title
                       }
                     )
                   ]
@@ -1584,7 +1599,7 @@ function Er({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
                 {
                   size: "sm",
                   c: "gray.5",
-                  children: m ? (
+                  children: g ? (
                     // O erro é da consulta feita pelo navegador, não do serviço:
                     // dizer "fora do ar" aqui seria afirmar mais do que se sabe.
                     "Esta página não conseguiu falar com o serviço. Pode ser a sua conexão — ou o próprio serviço."
@@ -1619,7 +1634,7 @@ function Er({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
                           lh: 1,
                           lts: "-0.04em",
                           children: [
-                            (c.reduce((s, g) => s + g.pct, 0) / c.length).toFixed(2),
+                            (c.reduce((s, m) => s + m.pct, 0) / c.length).toFixed(2),
                             /* @__PURE__ */ e(
                               i,
                               {
@@ -1641,7 +1656,7 @@ function Er({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
                         h: 140,
                         align: "flex-end",
                         wrap: "nowrap",
-                        children: c.map((s, g) => /* @__PURE__ */ e(
+                        children: c.map((s, m) => /* @__PURE__ */ e(
                           se,
                           {
                             label: `${s.day} · ${s.pct.toFixed(2)}%`,
@@ -1655,7 +1670,7 @@ function Er({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
                               }
                             )
                           },
-                          g
+                          m
                         ))
                       }
                     )
@@ -1729,15 +1744,15 @@ function Er({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
                   children: "Componentes"
                 }
               ),
-              n.map((s, g) => {
-                const o = U[s.status] || U.loading;
+              n.map((s, m) => {
+                const o = W[s.status] || W.loading;
                 return /* @__PURE__ */ r(
                   I,
                   {
                     bg: "transparent",
                     withBorder: !1,
                     py: "lg",
-                    bd: { top: g === 0 ? "1px solid var(--mantine-color-gray-2)" : void 0, bottom: "1px solid var(--mantine-color-gray-2)" },
+                    bd: { top: m === 0 ? "1px solid var(--mantine-color-gray-2)" : void 0, bottom: "1px solid var(--mantine-color-gray-2)" },
                     children: [
                       /* @__PURE__ */ r(
                         f,
@@ -1860,7 +1875,7 @@ function Er({ service: a, status: d = "loading", checkedAt: l, checks: n = [], l
                       )
                     ]
                   },
-                  s.name || g
+                  s.name || m
                 );
               })
             ] }),
@@ -1890,8 +1905,8 @@ const rr = {
   down: { color: "red.7", label: "Interrupção em andamento" },
   loading: { color: "gray.4", label: "Verificando status" }
 }, Y = 20;
-function kr({ status: a = "loading", history: d = [], label: l, link: n, ...t }) {
-  const c = oe[a] || oe.loading, m = d.slice(-Y), h = Array(Math.max(0, Y - m.length)).fill(null), p = [...h, ...m];
+function Er({ status: a = "loading", history: d = [], label: l, link: n, ...t }) {
+  const c = oe[a] || oe.loading, g = d.slice(-Y), h = Array(Math.max(0, Y - g.length)).fill(null), p = [...h, ...g];
   return /* @__PURE__ */ e(
     de,
     {
@@ -1914,20 +1929,20 @@ function kr({ status: a = "loading", history: d = [], label: l, link: n, ...t })
                 h: 16,
                 "aria-hidden": "true",
                 style: { display: "block", overflow: "visible" },
-                children: p.map((s, g) => {
-                  const o = s === null ? 2 : Math.max(2, s * 16), y = p.length - h.length - 1 || 1, w = g - h.length;
+                children: p.map((s, m) => {
+                  const o = s === null ? 2 : Math.max(2, s * 16), y = p.length - h.length - 1 || 1, w = m - h.length;
                   return /* @__PURE__ */ e(
                     b,
                     {
                       component: "rect",
-                      x: g * 4,
+                      x: m * 4,
                       y: 16 - o,
                       width: 3,
                       height: o,
                       fill: s === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${c.color.replace(".", "-")})`,
                       opacity: s === null ? 0.6 : 0.55 + w / y * 0.45
                     },
-                    g
+                    m
                   );
                 })
               }
@@ -1950,7 +1965,7 @@ function kr({ status: a = "loading", history: d = [], label: l, link: n, ...t })
     }
   );
 }
-function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIcon: c, note: m, background: h = "white", ta: p = "center" }) {
+function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIcon: c, note: g, background: h = "white", ta: p = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
@@ -1974,7 +1989,7 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
             children: n
           }
         ),
-        /* @__PURE__ */ e(v, { gutter: "xl", children: t.map((s, g) => {
+        /* @__PURE__ */ e(v, { gutter: "xl", children: t.map((s, m) => {
           const o = s.icon;
           return /* @__PURE__ */ e(
             v.Col,
@@ -2057,7 +2072,7 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
                       }
                     ),
                     s.href && /* @__PURE__ */ e(
-                      W,
+                      U,
                       {
                         component: "a",
                         href: s.href,
@@ -2082,10 +2097,10 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
                 }
               )
             },
-            s.name || g
+            s.name || m
           );
         }) }),
-        m && /* @__PURE__ */ e(
+        g && /* @__PURE__ */ e(
           i,
           {
             size: "sm",
@@ -2096,7 +2111,7 @@ function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIc
             mx: p === "center" ? "auto" : void 0,
             lh: 1.6,
             fs: "italic",
-            children: m
+            children: g
           }
         )
       ]
@@ -2110,7 +2125,7 @@ function jr({
   description: n,
   items: t = [],
   categories: c = [],
-  filtersLabel: m = "Filtrar por categoria",
+  filtersLabel: g = "Filtrar por categoria",
   note: h,
   background: p = "white",
   // SEM DEFAULT COM PALAVRA DE PRODUTO. Este texto aparece na tela, e um
@@ -2120,7 +2135,7 @@ function jr({
   // rótulo a chamada não é desenhada; quem chama diz a palavra.
   ctaLabel: s
 }) {
-  const [g, o] = _("todas"), y = Ge("(min-width: 48em)", !1), w = Pe(() => g === "todas" ? t : [...t].sort((S, E) => +(E.category === g) - +(S.category === g)), [t, g]), [T, ...D] = w;
+  const [m, o] = _("todas"), y = Ge("(min-width: 48em)", !1), w = Pe(() => m === "todas" ? t : [...t].sort((S, k) => +(k.category === m) - +(S.category === m)), [t, m]), [T, ...D] = w;
   return T ? (
     // O CABEÇALHO É CENTRALIZADO, O CONTEÚDO NÃO. `ta="center"` no
     // `Section` alinha o kicker, o título e — por herança — tudo que
@@ -2159,15 +2174,15 @@ function jr({
               justify: y ? "center" : "flex-start",
               wrap: "nowrap",
               role: "group",
-              "aria-label": m,
+              "aria-label": g,
               className: "rlg-shelf-filters",
               children: c.map((S) => /* @__PURE__ */ e(
                 Se,
                 {
                   onClick: () => o(S.id),
                   className: "rlg-shelf-pill",
-                  "data-active": g === S.id || void 0,
-                  "aria-pressed": g === S.id,
+                  "data-active": m === S.id || void 0,
+                  "aria-pressed": m === S.id,
                   children: S.label
                 },
                 S.id
@@ -2304,7 +2319,7 @@ function ar({ item: a, ctaLabel: d }) {
                         }
                       ),
                       /* @__PURE__ */ e(
-                        Ee,
+                        ke,
                         {
                           size: 16,
                           stroke: 2.5,
@@ -2390,14 +2405,14 @@ function ir({ item: a }) {
     }
   );
 }
-function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note: c, background: m = "gray", ta: h = "center" }) {
+function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note: c, background: g = "gray", ta: h = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
       id: a,
       subtitle: d,
       title: l,
-      background: m,
+      background: g,
       ta: h,
       maw: 900,
       children: [
@@ -2483,7 +2498,7 @@ function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note:
     }
   );
 }
-function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items: c = [], footnote: m, background: h = "gray", ta: p = "center" }) {
+function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items: c = [], footnote: g, background: h = "gray", ta: p = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
@@ -2535,7 +2550,7 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
                   m: 0,
                   pl: "lg",
                   style: { display: "flex", flexDirection: "column", gap: 16 },
-                  children: c.map((s, g) => /* @__PURE__ */ r(
+                  children: c.map((s, m) => /* @__PURE__ */ r(
                     i,
                     {
                       component: "li",
@@ -2556,11 +2571,11 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
                         s.text
                       ]
                     },
-                    s.lead || g
+                    s.lead || m
                   ))
                 }
               ),
-              m && /* @__PURE__ */ r(
+              g && /* @__PURE__ */ r(
                 i,
                 {
                   size: "sm",
@@ -2570,18 +2585,18 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
                   lh: 1.7,
                   style: { borderTop: "1px solid var(--mantine-color-gray-2)" },
                   children: [
-                    m.lead && /* @__PURE__ */ e(
+                    g.lead && /* @__PURE__ */ e(
                       i,
                       {
                         component: "span",
                         fw: 700,
                         c: "gray.9",
                         inherit: !0,
-                        children: m.lead
+                        children: g.lead
                       }
                     ),
                     " ",
-                    m.text
+                    g.text
                   ]
                 }
               )
@@ -2592,7 +2607,7 @@ function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items:
     }
   );
 }
-function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c, role: m, quote: h, credentials: p = [], background: s = "white", ta: g = "center" }) {
+function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c, role: g, quote: h, credentials: p = [], background: s = "white", ta: m = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
@@ -2600,17 +2615,17 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
       subtitle: d,
       title: l,
       background: s,
-      ta: g,
+      ta: m,
       maw: 900,
       children: [
         n && /* @__PURE__ */ e(
           i,
           {
             c: "gray.6",
-            ta: g,
+            ta: m,
             mb: 60,
             maw: 800,
-            mx: g === "center" ? "auto" : void 0,
+            mx: m === "center" ? "auto" : void 0,
             fz: "lg",
             lh: 1.6,
             children: n
@@ -2657,7 +2672,7 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
                       }
                     ) }),
                     /* @__PURE__ */ r(v.Col, { span: { base: 12, sm: "auto" }, children: [
-                      (c || m) && /* @__PURE__ */ r(
+                      (c || g) && /* @__PURE__ */ r(
                         f,
                         {
                           mb: "lg",
@@ -2675,14 +2690,14 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
                                 children: c
                               }
                             ),
-                            m && /* @__PURE__ */ e(
+                            g && /* @__PURE__ */ e(
                               j,
                               {
                                 variant: "dot",
                                 color: "gray",
                                 size: "sm",
                                 radius: "0",
-                                children: m
+                                children: g
                               }
                             )
                           ]
@@ -2756,7 +2771,7 @@ function Rr({ id: a, subtitle: d, title: l, description: n, avatar: t, name: c,
     }
   );
 }
-function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c = [], background: m = "gray", ta: h = "center" }) {
+function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c = [], background: g = "gray", ta: h = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
@@ -2764,7 +2779,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
       badge: d,
       subtitle: l,
       title: n,
-      background: m,
+      background: g,
       ta: h,
       maw: 900,
       children: [
@@ -2788,7 +2803,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
             spacing: "xl",
             verticalSpacing: { base: 56, md: "xl" },
             children: c.map((p, s) => {
-              const g = p.icon;
+              const m = p.icon;
               return /* @__PURE__ */ r(
                 b,
                 {
@@ -2813,7 +2828,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
                         children: p.number || String(s + 1).padStart(2, "0")
                       }
                     ),
-                    g && /* @__PURE__ */ e(
+                    m && /* @__PURE__ */ e(
                       z,
                       {
                         size: 60,
@@ -2824,7 +2839,7 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
                         pos: "relative",
                         style: { zIndex: 1 },
                         children: /* @__PURE__ */ e(
-                          g,
+                          m,
                           {
                             size: 30,
                             stroke: 1.5
@@ -2866,11 +2881,11 @@ function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c =
     }
   );
 }
-function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsappNumber: c, messageIntro: m = "Olá! Vim pelo site.", submit: h = {}, reassurance: p, onSubmit: s }) {
-  const [g, o] = _(() => Object.fromEntries(t.map((x) => [x.name, ""]))), [y, w] = _(!1), T = (x) => (L) => {
+function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsappNumber: c, messageIntro: g = "Olá! Vim pelo site.", submit: h = {}, reassurance: p, onSubmit: s }) {
+  const [m, o] = _(() => Object.fromEntries(t.map((x) => [x.name, ""]))), [y, w] = _(!1), T = (x) => (L) => {
     const { value: q } = L.currentTarget;
     o((O) => ({ ...O, [x]: q }));
-  }, S = t.filter((x) => x.required).every((x) => g[x.name]?.trim());
+  }, S = t.filter((x) => x.required).every((x) => m[x.name]?.trim());
   return /* @__PURE__ */ e(
     b,
     {
@@ -2928,9 +2943,9 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
             bg: "white",
             children: /* @__PURE__ */ e("form", { onSubmit: (x) => {
               if (x.preventDefault(), w(!0), !S) return;
-              const L = [m, "", ...t.filter((q) => g[q.name]?.trim()).map((q) => `${q.label}: ${g[q.name]}`)].join(`
+              const L = [g, "", ...t.filter((q) => m[q.name]?.trim()).map((q) => `${q.label}: ${m[q.name]}`)].join(`
 `);
-              if (s?.(g), c) {
+              if (s?.(m), c) {
                 const q = `https://wa.me/${c}?text=${encodeURIComponent(L)}`;
                 window.open(q, "_blank", "noopener,noreferrer");
               }
@@ -2942,9 +2957,9 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
                   placeholder: x.placeholder,
                   type: x.type || "text",
                   required: x.required,
-                  value: g[x.name] || "",
+                  value: m[x.name] || "",
                   onChange: T(x.name),
-                  error: y && x.required && !g[x.name]?.trim() ? "Obrigatório" : null
+                  error: y && x.required && !m[x.name]?.trim() ? "Obrigatório" : null
                 },
                 x.name
               )) }),
@@ -2955,14 +2970,14 @@ function Lr({ id: a, badge: d, title: l, description: n, fields: t = [], whatsap
                   placeholder: x.placeholder,
                   type: x.type || "text",
                   required: x.required,
-                  value: g[x.name] || "",
+                  value: m[x.name] || "",
                   onChange: T(x.name),
-                  error: y && x.required && !g[x.name]?.trim() ? "Obrigatório" : null
+                  error: y && x.required && !m[x.name]?.trim() ? "Obrigatório" : null
                 },
                 x.name
               )),
               /* @__PURE__ */ e(
-                W,
+                U,
                 {
                   type: "submit",
                   size: "lg",
@@ -3072,14 +3087,14 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
                         {
                           gap: "md",
                           mb: 40,
-                          children: n.items.map((m, h) => /* @__PURE__ */ r(qe, { children: [
+                          children: n.items.map((g, h) => /* @__PURE__ */ r(qe, { children: [
                             /* @__PURE__ */ r(f, { justify: "space-between", children: [
                               /* @__PURE__ */ e(
                                 i,
                                 {
                                   size: "sm",
                                   c: "gray.6",
-                                  children: m.label
+                                  children: g.label
                                 }
                               ),
                               /* @__PURE__ */ e(
@@ -3087,7 +3102,7 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
                                 {
                                   fw: 700,
                                   c: "gray.9",
-                                  children: m.value
+                                  children: g.value
                                 }
                               )
                             ] }),
@@ -3203,7 +3218,7 @@ function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, backgr
                                   )
                                 }
                               ),
-                              children: t.items.map((m, h) => /* @__PURE__ */ e(V.Item, { children: m }, h))
+                              children: t.items.map((g, h) => /* @__PURE__ */ e(V.Item, { children: g }, h))
                             }
                           ),
                           t.pricingBox && /* @__PURE__ */ e(
@@ -3281,11 +3296,11 @@ function Vr({
     { label: "Mensal", value: "monthly" },
     { label: "Anual", value: "annual" }
   ],
-  billing: m,
+  billing: g,
   setBilling: h,
   promoBadge: p,
   plans: s,
-  background: g = "white"
+  background: m = "white"
 }) {
   return /* @__PURE__ */ r(
     P,
@@ -3295,7 +3310,7 @@ function Vr({
       subtitle: l,
       title: n,
       ta: "center",
-      background: g,
+      background: m,
       maw: 900,
       children: [
         t && /* @__PURE__ */ e(
@@ -3321,7 +3336,7 @@ function Vr({
               /* @__PURE__ */ e(
                 Ie,
                 {
-                  value: m,
+                  value: g,
                   onChange: h,
                   radius: "0",
                   size: "md",
@@ -3331,7 +3346,7 @@ function Vr({
                   style: { border: "1px solid var(--mantine-color-gray-2)" }
                 }
               ),
-              m === "annual" && p && /* @__PURE__ */ e(
+              g === "annual" && p && /* @__PURE__ */ e(
                 j,
                 {
                   variant: "filled",
@@ -3623,8 +3638,8 @@ function Vr({
     }
   );
 }
-function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions: c = [], contactCard: m, background: h = "white", ta: p = "left" }) {
-  const s = Math.ceil(c.length / 2), g = {
+function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions: c = [], contactCard: g, background: h = "white", ta: p = "left" }) {
+  const s = Math.ceil(c.length / 2), m = {
     item: {
       backgroundColor: h === "gray" ? "gray.1" : "white",
       border: "1px solid var(--mantine-color-gray-2)"
@@ -3679,7 +3694,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
                   variant: "separated",
                   radius: "0",
                   chevronPosition: "right",
-                  styles: g,
+                  styles: m,
                   children: c.slice(0, s).map((o, y) => /* @__PURE__ */ r(
                     R.Item,
                     {
@@ -3714,7 +3729,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
                   variant: "separated",
                   radius: "0",
                   chevronPosition: "right",
-                  styles: g,
+                  styles: m,
                   children: c.slice(s).map((o, y) => /* @__PURE__ */ r(
                     R.Item,
                     {
@@ -3746,7 +3761,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
             ]
           }
         ),
-        m && /* @__PURE__ */ e(
+        g && /* @__PURE__ */ e(
           I,
           {
             mt: { base: 40, md: 80 },
@@ -3777,7 +3792,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
                             fw: 900,
                             c: "gray.9",
                             lh: 1.2,
-                            children: m.title
+                            children: g.title
                           }
                         ),
                         /* @__PURE__ */ e(
@@ -3786,7 +3801,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
                             c: "gray.6",
                             maw: 500,
                             size: "lg",
-                            children: m.description
+                            children: g.description
                           }
                         )
                       ]
@@ -3795,12 +3810,12 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
                   /* @__PURE__ */ e(u, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
                     M,
                     {
-                      label: m.cta.label,
-                      href: m.cta.href,
-                      target: m.cta.target,
-                      leftSection: m.cta.icon,
-                      size: m.cta.size || "xl",
-                      color: m.cta.color || "gray.8"
+                      label: g.cta.label,
+                      href: g.cta.href,
+                      target: g.cta.target,
+                      leftSection: g.cta.icon,
+                      size: g.cta.size || "xl",
+                      color: g.cta.color || "gray.8"
                     }
                   ) })
                 ]
@@ -3812,7 +3827,7 @@ function $r({ id: a, badge: d, subtitle: l, title: n, description: t, questions:
     }
   );
 }
-function Ur({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray" }) {
+function Wr({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray" }) {
   return /* @__PURE__ */ e(
     P,
     {
@@ -3825,7 +3840,7 @@ function Ur({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray
         {
           cols: { base: 1, md: n.length > 3 ? 4 : n.length || 3 },
           spacing: "xl",
-          children: n.map((c, m) => /* @__PURE__ */ e(
+          children: n.map((c, g) => /* @__PURE__ */ e(
             I,
             {
               p: "xl",
@@ -3840,7 +3855,7 @@ function Ur({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray
                   h: "100%",
                   children: [
                     /* @__PURE__ */ e(
-                      ke,
+                      Ee,
                       {
                         size: 32,
                         color: "var(--mantine-color-gray-3)"
@@ -3905,7 +3920,7 @@ function Ur({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray
                 }
               )
             },
-            m
+            g
           ))
         }
       )
@@ -3917,7 +3932,7 @@ const le = {
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, featuresList: c, featuresLabel: m, cta: h, secondaryCta: p, background: s = "gray", ta: g = "center" }) {
+function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, featuresList: c, featuresLabel: g, cta: h, secondaryCta: p, background: s = "gray", ta: m = "center" }) {
   return /* @__PURE__ */ e(
     P,
     {
@@ -3935,8 +3950,8 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
           children: /* @__PURE__ */ r(
             u,
             {
-              align: g === "center" ? "center" : "flex-start",
-              ta: g,
+              align: m === "center" ? "center" : "flex-start",
+              ta: m,
               gap: "xl",
               children: [
                 d && /* @__PURE__ */ e(
@@ -3968,18 +3983,18 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
                   {
                     c: "gray.7",
                     size: "xl",
-                    maw: g === "center" ? 550 : 640,
+                    maw: m === "center" ? 550 : 640,
                     children: t
                   }
                 ),
                 c && c.length > 0 && /* @__PURE__ */ r(b, { ta: "left", children: [
-                  m && /* @__PURE__ */ e(
+                  g && /* @__PURE__ */ e(
                     i,
                     {
                       fw: 700,
                       c: "gray.9",
                       mb: "md",
-                      children: m
+                      children: g
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -4021,12 +4036,12 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
                   {
                     mt: "md",
                     w: "100%",
-                    style: { display: "flex", justifyContent: g === "center" ? "center" : "flex-start" },
+                    style: { display: "flex", justifyContent: m === "center" ? "center" : "flex-start" },
                     children: /* @__PURE__ */ r(
                       f,
                       {
                         gap: "md",
-                        justify: g === "center" ? "center" : "flex-start",
+                        justify: m === "center" ? "center" : "flex-start",
                         style: { maxWidth: "100%" },
                         className: "rlg-cta-group",
                         children: [
@@ -4075,7 +4090,7 @@ function ye({ id: a, subtitle: d, title: l, titleOrder: n = 2, description: t, f
     }
   );
 }
-const Wr = ye;
+const Ur = ye;
 function tr() {
   pe(() => {
     const a = document.createElement("meta");
@@ -4148,8 +4163,8 @@ function nr({ text: a = "Selo Exclusivo", color: d = "green.6", background: l =
   );
 }
 const _r = nr;
-function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], copyrightText: t, madeByText: c, background: m = "white", status: h }) {
-  const p = N(m);
+function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], copyrightText: t, madeByText: c, background: g = "white", status: h }) {
+  const p = N(g);
   return /* @__PURE__ */ e(
     b,
     {
@@ -4187,7 +4202,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
                   },
                   spacing: "xl",
                   children: [
-                    l.map((s, g) => /* @__PURE__ */ r(
+                    l.map((s, m) => /* @__PURE__ */ r(
                       u,
                       {
                         gap: "md",
@@ -4216,7 +4231,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
                           )) })
                         ]
                       },
-                      g
+                      m
                     )),
                     n && n.length > 0 && /* @__PURE__ */ r(u, { gap: "md", children: [
                       /* @__PURE__ */ e(
@@ -4229,7 +4244,7 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
                           children: "Social"
                         }
                       ),
-                      /* @__PURE__ */ e(f, { gap: "xs", children: n.map((s, g) => /* @__PURE__ */ e(
+                      /* @__PURE__ */ e(f, { gap: "xs", children: n.map((s, m) => /* @__PURE__ */ e(
                         ce,
                         {
                           size: "md",
@@ -4239,10 +4254,10 @@ function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], co
                           href: s.href,
                           target: "_blank",
                           radius: "0",
-                          "aria-label": s.label || `Social link ${g + 1}`,
+                          "aria-label": s.label || `Social link ${m + 1}`,
                           children: s.icon
                         },
-                        g
+                        m
                       )) })
                     ] })
                   ]
@@ -4433,7 +4448,7 @@ function Kr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      me,
+                      ge,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5107,7 +5122,7 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      me,
+                      ge,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5155,7 +5170,7 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Ue,
+                      We,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5203,7 +5218,7 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      We,
+                      Ue,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5273,21 +5288,21 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l
 }
 const or = 6, lr = 2e3;
 function Xr(a, { intervalMs: d = 3e4, maxSamples: l = 40 } = {}) {
-  const [n, t] = _({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [c, m] = _([]), h = De([]);
+  const [n, t] = _({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [c, g] = _([]), h = De([]);
   return pe(() => {
     if (!a) return;
-    h.current = [], m([]);
+    h.current = [], g([]);
     let p = !1;
     const s = (S) => {
-      h.current = [...h.current, S].slice(-l), m(h.current);
-    }, g = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), o = async () => {
+      h.current = [...h.current, S].slice(-l), g(h.current);
+    }, m = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), o = async () => {
       const S = Date.now();
       try {
-        const E = await fetch(a, { headers: { accept: "application/json" } });
-        if (!E.ok) throw new Error(`HTTP ${E.status}`);
-        const x = await E.json();
+        const k = await fetch(a, { headers: { accept: "application/json" } });
+        if (!k.ok) throw new Error(`HTTP ${k.status}`);
+        const x = await k.json();
         if (p) return;
-        y ? y = !1 : s({ time: g(), ms: Date.now() - S, up: x.status !== "down" }), t({
+        y ? y = !1 : s({ time: m(), ms: Date.now() - S, up: x.status !== "down" }), t({
           status: x.status || "operational",
           checks: x.checks || [],
           checkedAt: x.checkedAt || null,
@@ -5297,7 +5312,7 @@ function Xr(a, { intervalMs: d = 3e4, maxSamples: l = 40 } = {}) {
         });
       } catch {
         if (p) return;
-        y = !1, s({ time: g(), ms: Date.now() - S, up: !1 }), t((x) => ({ ...x, error: "unreachable", loading: !1 }));
+        y = !1, s({ time: m(), ms: Date.now() - S, up: !1 }), t((x) => ({ ...x, error: "unreachable", loading: !1 }));
       }
     };
     let y = !0, w = 0, T;
@@ -5322,8 +5337,8 @@ function sr(a, d = 12) {
   if (a.length === 0) return [];
   const l = Math.max(1, Math.ceil(a.length / d)), n = [];
   for (let t = 0; t < a.length; t += l) {
-    const c = a.slice(t, t + l), m = c.filter((h) => h.up).length;
-    n.push({ day: c[c.length - 1].time, pct: m / c.length * 100 });
+    const c = a.slice(t, t + l), g = c.filter((h) => h.up).length;
+    n.push({ day: c[c.length - 1].time, pct: g / c.length * 100 });
   }
   return n;
 }
@@ -5355,16 +5370,16 @@ export {
   Vr as Pricing,
   Br as ProductGrid,
   J as SECTION_BACKGROUNDS,
-  Wr as SecondaryCTA,
+  Ur as SecondaryCTA,
   P as Section,
-  ge as SectionHeader,
+  me as SectionHeader,
   _r as SeloExclusivo,
   Pr as SocialProof,
   Fr as StatsGrid,
-  Er as StatusBoard,
-  kr as StatusIndicator,
+  kr as StatusBoard,
+  Er as StatusIndicator,
   Nr as Steps,
-  Ur as Testimonials,
+  Wr as Testimonials,
   nr as TrustBadge,
   Qe as Wordmark,
   N as resolveBackground,