@ciromaciel/components-kit 1.7.0 → 1.8.0

package/dist/index.esm.js

@@ -1,10 +1,10 @@
-import { createTheme as ze, Stack as u, Group as f, Badge as P, Text as t, Title as q, Center as B, Box as x, Button as U, CopyButton as Se, Tooltip as ae, ActionIcon as X, useMantineColorScheme as Ie, Container as E, Flex as Te, Loader as Ae, Paper as T, SimpleGrid as A, Image as _, List as $, ThemeIcon as S, Grid as z, RingProgress as Fe, Anchor as me, UnstyledButton as ke, TextInput as ne, Divider as M, SegmentedControl as De, Accordion as N, Avatar as qe } from "@mantine/core";
+import { createTheme as ze, Stack as u, Group as f, Badge as P, Text as t, Title as D, Center as B, Box as x, Button as U, CopyButton as Se, Tooltip as ae, ActionIcon as X, useMantineColorScheme as Ie, Container as E, Flex as Te, Loader as Ae, Paper as T, SimpleGrid as A, Image as _, List as $, ThemeIcon as S, Grid as z, RingProgress as ke, Anchor as me, UnstyledButton as Fe, TextInput as ne, Divider as L, SegmentedControl as Ce, Accordion as j, Avatar as De } from "@mantine/core";
 import { jsxs as r, jsx as e, Fragment as ie } from "react/jsx-runtime";
-import { useReducedMotion as Ce, useMounted as Be, useColorScheme as Ee, useWindowScroll as Pe, useMediaQuery as Me } from "@mantine/hooks";
-import { isValidElement as je, useState as H, useMemo as Ne, Fragment as Oe, useEffect as ue, useRef as Re } from "react";
-import { IconCheck as G, IconCopy as Le, IconMoon as $e, IconSun as Ve, IconDeviceDesktop as We, IconArrowUpRight as Ue, IconShieldCheck as fe, IconBolt as oe, IconQuote as _e, IconArrowLeft as He, IconCircleCheck as Ge, IconCloudLock as ye, IconEyeOff as Ke, IconUserShield as Qe, IconScale as Ye, IconUserCheck as Xe, IconFileDescription as Je, IconBan as Ze, IconAlertCircle as er, IconShieldLock as rr, IconDatabase as ar, IconUsers as tr, IconActivity as nr } from "@tabler/icons-react";
+import { useReducedMotion as qe, useMounted as Be, useColorScheme as Ee, useWindowScroll as Pe, useMediaQuery as Le } from "@mantine/hooks";
+import { isValidElement as Me, useState as G, useMemo as je, Fragment as Ne, useEffect as ue, useRef as Oe } from "react";
+import { IconCheck as H, IconCopy as Re, IconMoon as $e, IconSun as Ve, IconDeviceDesktop as We, IconArrowUpRight as Ue, IconShieldCheck as fe, IconBolt as oe, IconQuote as _e, IconArrowLeft as Ge, IconCircleCheck as He, IconCloudLock as ye, IconEyeOff as Ke, IconUserShield as Qe, IconScale as Ye, IconUserCheck as Xe, IconFileDescription as Je, IconBan as Ze, IconAlertCircle as er, IconShieldLock as rr, IconDatabase as ar, IconUsers as tr, IconActivity as nr } from "@tabler/icons-react";
 import { AreaChart as ir } from "@mantine/charts";
-const Mr = ze({
+const Nr = ze({
   // As transições do próprio Mantine (Modal, Menu, Popover) também seguem
   // "Reduzir movimento".
   respectReducedMotion: !0,
@@ -236,8 +236,8 @@ const Mr = ze({
     }
   }
 });
-function xe({ badge: a, subtitle: c, title: o, titleOrder: i = 2, titleFz: n = "var(--fz-section-title)", ta: l = "left", maw: p }) {
-  return !o && !c && !a ? null : /* @__PURE__ */ r(
+function xe({ badge: a, subtitle: s, title: o, titleOrder: i = 2, titleFz: n = "var(--fz-section-title)", ta: l = "left", maw: p }) {
+  return !o && !s && !a ? null : /* @__PURE__ */ r(
     u,
     {
       gap: "xs",
@@ -261,7 +261,7 @@ function xe({ badge: a, subtitle: c, title: o, titleOrder: i = 2, titleFz: n = "
             )
           }
         ),
-        c && /* @__PURE__ */ e(
+        s && /* @__PURE__ */ e(
           t,
           {
             c: "gray.4",
@@ -269,11 +269,11 @@ function xe({ badge: a, subtitle: c, title: o, titleOrder: i = 2, titleFz: n = "
             fw: 800,
             tt: "uppercase",
             lts: "1.5px",
-            children: c
+            children: s
           }
         ),
         o && /* @__PURE__ */ e(
-          q,
+          D,
           {
             order: i,
             fz: n,
@@ -285,8 +285,8 @@ function xe({ badge: a, subtitle: c, title: o, titleOrder: i = 2, titleFz: n = "
     }
   );
 }
-function be({ video: a, image: c, width: o = "100%", maw: i, alt: n }) {
-  const l = Ce();
+function be({ video: a, image: s, width: o = "100%", maw: i, alt: n }) {
+  const l = qe();
   return a ? /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
     x,
     {
@@ -302,11 +302,11 @@ function be({ video: a, image: c, width: o = "100%", maw: i, alt: n }) {
       h: "auto",
       style: { filter: a.filter || "none" }
     }
-  ) }) : c ? /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
+  ) }) : s ? /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
     x,
     {
       component: "img",
-      src: c,
+      src: s,
       alt: n || "",
       w: o,
       h: "auto",
@@ -314,9 +314,9 @@ function be({ video: a, image: c, width: o = "100%", maw: i, alt: n }) {
     }
   ) }) : null;
 }
-function j({
+function M({
   label: a,
-  href: c,
+  href: s,
   onClick: o,
   icon: i,
   size: n = "lg",
@@ -324,7 +324,7 @@ function j({
   color: p,
   target: d,
   px: h,
-  fullWidth: s,
+  fullWidth: c,
   leftSection: m,
   className: g,
   ...b
@@ -333,8 +333,8 @@ function j({
     U,
     {
       size: n,
-      component: c ? "a" : "button",
-      href: c,
+      component: s ? "a" : "button",
+      href: s,
       onClick: o,
       target: d,
       rightSection: i,
@@ -342,19 +342,19 @@ function j({
       variant: l,
       color: p,
       px: h,
-      fullWidth: s,
+      fullWidth: c,
       className: g ? `rlg-cta ${g}` : "rlg-cta",
       ...b,
       children: a
     }
   );
 }
-function or({ children: a, fz: c = 28, c: o = "gray.9", ...i }) {
+function or({ children: a, fz: s = 28, c: o = "gray.9", ...i }) {
   return /* @__PURE__ */ e(
     t,
     {
       component: "span",
-      fz: c,
+      fz: s,
       fw: 900,
       lh: 1,
       c: o,
@@ -365,22 +365,95 @@ function or({ children: a, fz: c = 28, c: o = "gray.9", ...i }) {
     }
   );
 }
-function re({ logo: a, objectPosition: c = "left" }) {
-  return a ? je(a) ? a : typeof a == "object" && a.src ? /* @__PURE__ */ e(
+function re({ logo: a, objectPosition: s = "left" }) {
+  return a ? Me(a) ? a : typeof a == "object" && a.src ? /* @__PURE__ */ e(
     "img",
     {
       src: a.src,
       alt: a.alt || "",
       height: a.height || 32,
       "data-invert-dark": a.invertDark === !1 ? void 0 : "",
-      style: { objectFit: "contain", objectPosition: c }
+      style: { objectFit: "contain", objectPosition: s }
     }
   ) : a : null;
 }
-function lr({ children: a, label: c, chrome: o = !0, copy: i = !0, variant: n = "dark", style: l }) {
+const lr = "by Ciro Cesar Maciel";
+function sr(a) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "80 40 320 420",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...a,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M144 50L298 50L307 58L308 68L265 160L380 164L388 169L390 185L224 447L212 449L204 444L213 294L100 290L91 284L134 58Z",
+          fill: "currentColor",
+          stroke: "currentColor",
+          strokeWidth: "16",
+          strokeLinejoin: "round",
+          strokeLinecap: "round"
+        }
+      )
+    }
+  );
+}
+const cr = (a) => Math.max(11, Math.round(0.21 * a * 10) / 10);
+function Or({ word: a, height: s = 40, signature: o = lr, style: i, ...n }) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      role: "img",
+      "aria-label": `${a} ${o}`,
+      "data-logotype": "",
+      ...n,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "0.35em",
+        // The word is half the box: every other measure hangs from it.
+        fontSize: s / 2,
+        lineHeight: 1,
+        color: "var(--mantine-color-gray-9)",
+        whiteSpace: "nowrap",
+        ...i
+      },
+      children: [
+        /* @__PURE__ */ e(sr, { style: { height: "1.6em", width: "auto", flex: "none" } }),
+        /* @__PURE__ */ r("span", { style: { display: "grid", justifyItems: "start" }, children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              "data-logotype-word": "",
+              style: { fontWeight: 800, letterSpacing: "-0.02em" },
+              children: a
+            }
+          ),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              "data-logotype-signature": "",
+              style: {
+                fontWeight: 700,
+                fontSize: cr(s),
+                letterSpacing: "0.01em",
+                marginTop: "0.35em",
+                color: "var(--mantine-color-gray-6)"
+              },
+              children: o
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function dr({ children: a, label: s, chrome: o = !0, copy: i = !0, variant: n = "dark", style: l }) {
   const p = typeof a == "string" ? a : String(a ?? ""), d = p.split(`
 `).filter((g) => g.trimStart().startsWith("$ ")), h = d.length ? d.map((g) => g.trimStart().slice(2)).join(`
-`) : p, s = n === "dark", m = s ? {
+`) : p, c = n === "dark", m = c ? {
     shell: "#11181C",
     bar: "rgba(255, 255, 255, 0.06)",
     line: "rgba(255, 255, 255, 0.10)",
@@ -399,7 +472,7 @@ function lr({ children: a, label: c, chrome: o = !0, copy: i = !0, variant: n =
     x,
     {
       style: {
-        border: `1px solid ${s ? "var(--rlg-shell-edge, #11181C)" : "var(--mantine-color-gray-3)"}`,
+        border: `1px solid ${c ? "var(--rlg-shell-edge, #11181C)" : "var(--mantine-color-gray-3)"}`,
         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
@@ -436,7 +509,7 @@ function lr({ children: a, label: c, chrome: o = !0, copy: i = !0, variant: n =
                       },
                       g
                     )),
-                    c && /* @__PURE__ */ e(
+                    s && /* @__PURE__ */ e(
                       x,
                       {
                         component: "span",
@@ -447,7 +520,7 @@ function lr({ children: a, label: c, chrome: o = !0, copy: i = !0, variant: n =
                           letterSpacing: "0.5px",
                           color: m.label
                         },
-                        children: c
+                        children: s
                       }
                     )
                   ]
@@ -475,7 +548,7 @@ function lr({ children: a, label: c, chrome: o = !0, copy: i = !0, variant: n =
                           style: {
                             color: g ? "var(--mantine-color-green-4)" : m.label
                           },
-                          children: g ? /* @__PURE__ */ e(G, { size: 14 }) : /* @__PURE__ */ e(Le, { size: 14 })
+                          children: g ? /* @__PURE__ */ e(H, { size: 14 }) : /* @__PURE__ */ e(Re, { size: 14 })
                         }
                       )
                     }
@@ -508,9 +581,9 @@ function lr({ children: a, label: c, chrome: o = !0, copy: i = !0, variant: n =
     }
   );
 }
-const le = { auto: "Automático", light: "Claro", dark: "Escuro" }, sr = { auto: We, light: Ve, dark: $e };
-function cr({ size: a = 36, ...c }) {
-  const { colorScheme: o, setColorScheme: i } = Ie(), n = Be(), l = Ee("light"), p = n ? o : "auto", d = l === "dark" ? "light" : "dark", h = { auto: d, [d]: l, [l]: "auto" }[p] ?? "auto", s = sr[p], m = `Tema: ${le[p]}. Mudar para ${le[h]}.`;
+const le = { auto: "Automático", light: "Claro", dark: "Escuro" }, hr = { auto: We, light: Ve, dark: $e };
+function pr({ size: a = 36, ...s }) {
+  const { colorScheme: o, setColorScheme: i } = Ie(), n = Be(), l = Ee("light"), p = n ? o : "auto", d = l === "dark" ? "light" : "dark", h = { auto: d, [d]: l, [l]: "auto" }[p] ?? "auto", c = hr[p], m = `Tema: ${le[p]}. Mudar para ${le[h]}.`;
   return /* @__PURE__ */ e(
     ae,
     {
@@ -528,9 +601,9 @@ function cr({ size: a = 36, ...c }) {
           radius: 0,
           "aria-label": m,
           onClick: () => i(h),
-          ...c,
+          ...s,
           children: /* @__PURE__ */ e(
-            s,
+            c,
             {
               size: 18,
               stroke: 1.5,
@@ -547,9 +620,9 @@ const Z = {
   // 'white' e a superficie ELEVADA (cartao, modal), e o palco e a base.
   white: "gray.0",
   gray: "gray.1"
-}, O = (a) => a === "gray.9" || a === "dark" ? Z.gray : a === "white" ? Z.white : Z.gray;
-function F({ children: a, badge: c, title: o, subtitle: i, id: n, background: l = "white", py: p = { base: 80, md: 120 }, maw: d = 800, ta: h = "left", stackGap: s = "xl" }) {
-  const m = O(l);
+}, N = (a) => a === "gray.9" || a === "dark" ? Z.gray : a === "white" ? Z.white : Z.gray;
+function k({ children: a, badge: s, title: o, subtitle: i, id: n, background: l = "white", py: p = { base: 80, md: 120 }, maw: d = 800, ta: h = "left", stackGap: c = "xl" }) {
+  const m = N(l);
   return /* @__PURE__ */ e(
     x,
     {
@@ -558,11 +631,11 @@ function F({ children: a, badge: c, title: o, subtitle: i, id: n, background: l
       bg: m,
       py: p,
       style: { overflow: "hidden" },
-      children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ r(u, { gap: s, children: [
+      children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ r(u, { gap: c, children: [
         /* @__PURE__ */ e(
           xe,
           {
-            badge: c,
+            badge: s,
             subtitle: i,
             title: o,
             ta: h,
@@ -574,7 +647,7 @@ function F({ children: a, badge: c, title: o, subtitle: i, id: n, background: l
     }
   );
 }
-function jr({ brand: a, label: c = "Verificando sua sessão...", ...o }) {
+function Rr({ brand: a, label: s = "Verificando sua sessão...", ...o }) {
   return /* @__PURE__ */ e(
     Te,
     {
@@ -609,7 +682,7 @@ function jr({ brand: a, label: c = "Verificando sua sessão...", ...o }) {
                 fw: 500,
                 fz: "sm",
                 c: "gray.6",
-                children: c
+                children: s
               }
             )
           ]
@@ -618,7 +691,7 @@ function jr({ brand: a, label: c = "Verificando sua sessão...", ...o }) {
     }
   );
 }
-function Nr({ children: a, style: c, ...o }) {
+function $r({ children: a, style: s, ...o }) {
   return /* @__PURE__ */ e(
     x,
     {
@@ -627,7 +700,7 @@ function Nr({ children: a, style: c, ...o }) {
       style: {
         flexDirection: "column",
         minHeight: "100vh",
-        ...c
+        ...s
       },
       children: a
     }
@@ -636,7 +709,7 @@ function Nr({ children: a, style: c, ...o }) {
 function ee() {
   return typeof window > "u" || !window.matchMedia || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 }
-function se({ cta: a, filled: c }) {
+function se({ cta: a, filled: s }) {
   const { icon: o, label: i, labelMobile: n, component: l, ...p } = a;
   return /* @__PURE__ */ e(
     X,
@@ -649,7 +722,7 @@ function se({ cta: a, filled: c }) {
       size: 36,
       radius: 0,
       color: "gray.9",
-      variant: c ? "filled" : "subtle",
+      variant: s ? "filled" : "subtle",
       children: /* @__PURE__ */ e(
         o,
         {
@@ -660,8 +733,8 @@ function se({ cta: a, filled: c }) {
     }
   );
 }
-function dr({ logo: a, logoLink: c, navLinks: o = [], loginCta: i, signupCta: n, background: l = "white", logoMinWidth: p = 176, withColorScheme: d = !0 }) {
-  const h = O(l), [s] = Pe(), m = s.y > 10, g = (y) => {
+function gr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n, background: l = "white", logoMinWidth: p = 176, withColorScheme: d = !0 }) {
+  const h = N(l), [c] = Pe(), m = c.y > 10, g = (y) => {
     y === "top" ? window.scrollTo({ top: 0, behavior: ee() }) : document.getElementById(y)?.scrollIntoView({ behavior: ee() });
   }, b = (y, v) => {
     (y.key === "Enter" || y.key === " ") && (y.preventDefault(), g(v));
@@ -699,12 +772,12 @@ function dr({ logo: a, logoLink: c, navLinks: o = [], loginCta: i, signupCta: n,
                   children: [
                     a && (() => {
                       const y = { display: "inline-flex", textDecoration: "none", minWidth: p, flex: "0 1 auto" };
-                      if (c) {
-                        const { component: v = "a", ...k } = c;
+                      if (s) {
+                        const { component: v = "a", ...F } = s;
                         return /* @__PURE__ */ e(
                           v,
                           {
-                            ...k,
+                            ...F,
                             "aria-label": "Ir para a página inicial",
                             style: y,
                             children: /* @__PURE__ */ e(re, { logo: a })
@@ -767,7 +840,7 @@ function dr({ logo: a, logoLink: c, navLinks: o = [], loginCta: i, signupCta: n,
                         wrap: "nowrap",
                         style: { flexShrink: 0 },
                         children: [
-                          d && /* @__PURE__ */ e(cr, {}),
+                          d && /* @__PURE__ */ e(pr, {}),
                           i && /* @__PURE__ */ r(
                             x,
                             {
@@ -858,12 +931,12 @@ function dr({ logo: a, logoLink: c, navLinks: o = [], loginCta: i, signupCta: n,
     }
   );
 }
-const Or = dr, ce = {
+const Vr = gr, ce = {
   root: { height: "auto", maxWidth: "100%" },
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function Rr({ subtitle: a, title: c, description: o, cta: i, secondaryCta: n, note: l, video: p, image: d, background: h = "white", mediaMaw: s, titleFz: m = "var(--fz-hero)", descriptionFz: g = "xl" }) {
+function Wr({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, note: l, video: p, image: d, background: h = "white", mediaMaw: c, titleFz: m = "var(--fz-hero)", descriptionFz: g = "xl" }) {
   const b = !!(p || d);
   return /* @__PURE__ */ e(
     x,
@@ -890,7 +963,7 @@ function Rr({ subtitle: a, title: c, description: o, cta: i, secondaryCta: n, no
                     xe,
                     {
                       subtitle: a,
-                      title: c,
+                      title: s,
                       titleOrder: 1,
                       titleFz: m,
                       ta: b ? "inherit" : "center",
@@ -917,7 +990,7 @@ function Rr({ subtitle: a, title: c, description: o, cta: i, secondaryCta: n, no
                       className: "rlg-cta-group",
                       children: [
                         i && /* @__PURE__ */ e(
-                          j,
+                          M,
                           {
                             label: i.label,
                             href: i.href,
@@ -933,7 +1006,7 @@ function Rr({ subtitle: a, title: c, description: o, cta: i, secondaryCta: n, no
                           }
                         ),
                         n && /* @__PURE__ */ e(
-                          j,
+                          M,
                           {
                             label: n.label,
                             href: n.href,
@@ -970,7 +1043,7 @@ function Rr({ subtitle: a, title: c, description: o, cta: i, secondaryCta: n, no
               {
                 video: p,
                 image: d,
-                maw: s,
+                maw: c,
                 alt: "Demonstração do produto"
               }
             )
@@ -980,10 +1053,10 @@ function Rr({ subtitle: a, title: c, description: o, cta: i, secondaryCta: n, no
     }
   );
 }
-function hr({ logo: a, index: c }) {
+function mr({ logo: a, index: s }) {
   const o = {
     src: a.src,
-    alt: a.alt || `Logo ${c}`,
+    alt: a.alt || `Logo ${s}`,
     h: a.height || 50,
     w: "auto",
     style: {
@@ -1008,7 +1081,7 @@ function hr({ logo: a, index: c }) {
     }
   ) }) : /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(_, { ...o }) });
 }
-function Lr({ id: a, title: c, logos: o, background: i = "gray" }) {
+function Ur({ id: a, title: s, logos: o, background: i = "gray" }) {
   return !o || o.length === 0 ? null : /* @__PURE__ */ e(
     x,
     {
@@ -1024,7 +1097,7 @@ function Lr({ id: a, title: c, logos: o, background: i = "gray" }) {
           ta: "center",
           gap: "xl",
           children: [
-            c && /* @__PURE__ */ e(
+            s && /* @__PURE__ */ e(
               t,
               {
                 fw: 500,
@@ -1032,7 +1105,7 @@ function Lr({ id: a, title: c, logos: o, background: i = "gray" }) {
                 size: "sm",
                 tt: "uppercase",
                 lts: "1.5px",
-                children: c
+                children: s
               }
             ),
             /* @__PURE__ */ e(
@@ -1043,7 +1116,7 @@ function Lr({ id: a, title: c, logos: o, background: i = "gray" }) {
                 style: { rowGap: 40 },
                 w: "100%",
                 children: o.map((n, l) => /* @__PURE__ */ e(
-                  hr,
+                  mr,
                   {
                     logo: n,
                     index: l
@@ -1058,7 +1131,7 @@ function Lr({ id: a, title: c, logos: o, background: i = "gray" }) {
     }
   );
 }
-function $r({ id: a, subtitle: c, title: o, description: i, descriptionFz: n, featuresList: l, cta: p, video: d, image: h, reverse: s = !1, background: m = "white", mediaMaw: g }) {
+function _r({ id: a, subtitle: s, title: o, description: i, descriptionFz: n, featuresList: l, cta: p, video: d, image: h, reverse: c = !1, background: m = "white", mediaMaw: g }) {
   const b = l && l.length > 0 && /* @__PURE__ */ e(
     $,
     {
@@ -1072,7 +1145,7 @@ function $r({ id: a, subtitle: c, title: o, description: i, descriptionFz: n, fe
           size: 24,
           radius: "0",
           children: /* @__PURE__ */ e(
-            G,
+            H,
             {
               size: 14,
               color: "var(--mantine-color-gray-9)"
@@ -1080,7 +1153,7 @@ function $r({ id: a, subtitle: c, title: o, description: i, descriptionFz: n, fe
           )
         }
       ),
-      children: l.map((k, I) => /* @__PURE__ */ e($.Item, { children: k }, I))
+      children: l.map((F, I) => /* @__PURE__ */ e($.Item, { children: F }, I))
     }
   ), y = /* @__PURE__ */ r(
     u,
@@ -1110,7 +1183,7 @@ function $r({ id: a, subtitle: c, title: o, description: i, descriptionFz: n, fe
         ),
         b,
         p && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
-          j,
+          M,
           {
             label: p.label,
             href: p.href,
@@ -1145,10 +1218,10 @@ function $r({ id: a, subtitle: c, title: o, description: i, descriptionFz: n, fe
     }
   );
   return /* @__PURE__ */ e(
-    F,
+    k,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: o,
       background: m,
       children: /* @__PURE__ */ e(
@@ -1157,7 +1230,7 @@ function $r({ id: a, subtitle: c, title: o, description: i, descriptionFz: n, fe
           cols: { base: 1, md: 2 },
           spacing: { base: 40, md: 80 },
           verticalSpacing: { base: 40, md: 50 },
-          children: s ? /* @__PURE__ */ r(ie, { children: [
+          children: c ? /* @__PURE__ */ r(ie, { children: [
             v,
             y
           ] }) : /* @__PURE__ */ r(ie, { children: [
@@ -1169,12 +1242,12 @@ function $r({ id: a, subtitle: c, title: o, description: i, descriptionFz: n, fe
     }
   );
 }
-function Vr({ id: a, badge: c, subtitle: o, title: i, description: n, background: l = "gray", items: p = [], ta: d = "left", note: h }) {
+function Gr({ id: a, badge: s, subtitle: o, title: i, description: n, background: l = "gray", items: p = [], ta: d = "left", note: h }) {
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      badge: c,
+      badge: s,
       subtitle: o,
       title: i,
       background: l,
@@ -1194,10 +1267,10 @@ function Vr({ id: a, badge: c, subtitle: o, title: i, description: n, background
             children: n
           }
         ),
-        /* @__PURE__ */ e(z, { gutter: "lg", children: p.map((s, m) => /* @__PURE__ */ e(
-          pr,
+        /* @__PURE__ */ e(z, { gutter: "lg", children: p.map((c, m) => /* @__PURE__ */ e(
+          ur,
           {
-            ...s
+            ...c
           },
           m
         )) }),
@@ -1218,9 +1291,9 @@ function Vr({ id: a, badge: c, subtitle: o, title: i, description: n, background
     }
   );
 }
-function pr({
+function ur({
   icon: a,
-  iconVariant: c,
+  iconVariant: s,
   iconColor: o,
   label: i,
   title: n,
@@ -1228,7 +1301,7 @@ function pr({
   description: p,
   descriptionSize: d,
   descriptionMaw: h,
-  span: s = { base: 12, md: 6 },
+  span: c = { base: 12, md: 6 },
   background: m = "white",
   visual: g,
   secondaryVisual: b,
@@ -1236,16 +1309,16 @@ function pr({
   badges: v,
   // Acoes do card, no shape universal de cta: { label, href, icon, variant }.
   // Sao dados, nunca JSX — o card monta os botoes, o consumidor so declara.
-  actions: k,
+  actions: F,
   codeBlock: I,
   // 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: C = 6,
+  codeSpan: q = 6,
   // Rotulo da barra do terminal (ex: "bash", "index.js").
   codeLabel: w,
-  decorativeContent: R,
-  style: D,
-  ...L
+  decorativeContent: O,
+  style: C,
+  ...R
 }) {
   const K = /* @__PURE__ */ r(x, { children: [
     a && /* @__PURE__ */ e(
@@ -1253,7 +1326,7 @@ function pr({
       {
         size: 48,
         radius: "0",
-        variant: c || "light",
+        variant: s || "light",
         color: o || "gray",
         mb: "lg",
         children: /* @__PURE__ */ e(
@@ -1308,13 +1381,13 @@ function pr({
       },
       Q
     )) }),
-    k && k.length > 0 && /* @__PURE__ */ e(
+    F && F.length > 0 && /* @__PURE__ */ e(
       f,
       {
         gap: "sm",
         mt: "xl",
-        children: k.map((J, Q) => /* @__PURE__ */ e(
-          j,
+        children: F.map((J, Q) => /* @__PURE__ */ e(
+          M,
           {
             size: "md",
             variant: Q === 0 ? "filled" : "default",
@@ -1325,57 +1398,57 @@ function pr({
       }
     )
   ] }), V = g ? de(g) : null, te = b ? de(b) : null;
-  return y === "split" ? /* @__PURE__ */ e(z.Col, { span: s, children: /* @__PURE__ */ e(
+  return y === "split" ? /* @__PURE__ */ e(z.Col, { span: c, children: /* @__PURE__ */ e(
     T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: O(m),
+      bg: N(m),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: D,
-      ...L,
+      style: C,
+      ...R,
       children: /* @__PURE__ */ r(
         z,
         {
           align: "center",
           gutter: "xl",
           children: [
-            /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 12 - C }, children: K }),
-            /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: C }, children: [
+            /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 12 - q }, children: K }),
+            /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: q }, children: [
               V,
-              I && /* @__PURE__ */ e(lr, { label: w, children: I })
+              I && /* @__PURE__ */ e(dr, { label: w, children: I })
             ] })
           ]
         }
       )
     }
-  ) }) : y === "compact" ? /* @__PURE__ */ e(z.Col, { span: s, children: /* @__PURE__ */ r(
+  ) }) : y === "compact" ? /* @__PURE__ */ e(z.Col, { span: c, children: /* @__PURE__ */ r(
     T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: O(m),
+      bg: N(m),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: D,
-      ...L,
+      style: C,
+      ...R,
       children: [
         K,
         V
       ]
     }
-  ) }) : R ? /* @__PURE__ */ e(z.Col, { span: s, children: /* @__PURE__ */ e(
+  ) }) : O ? /* @__PURE__ */ e(z.Col, { span: c, children: /* @__PURE__ */ e(
     T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: O(m),
+      bg: N(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       pos: "relative",
-      style: D,
-      ...L,
+      style: C,
+      ...R,
       children: /* @__PURE__ */ r(
         z,
         {
@@ -1395,28 +1468,28 @@ function pr({
               {
                 span: 5,
                 visibleFrom: "sm",
-                children: R
+                children: O
               }
             )
           ]
         }
       )
     }
-  ) }) : /* @__PURE__ */ e(z.Col, { span: s, children: /* @__PURE__ */ r(
+  ) }) : /* @__PURE__ */ e(z.Col, { span: c, children: /* @__PURE__ */ r(
     T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: O(m),
+      bg: N(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       display: "flex",
       style: {
         flexDirection: "column",
         justifyContent: "space-between",
-        ...D
+        ...C
       },
-      ...L,
+      ...R,
       children: [
         K,
         V && te ? /* @__PURE__ */ r(
@@ -1439,7 +1512,7 @@ function de(a) {
   switch (a.type) {
     case "ring":
       return /* @__PURE__ */ e(
-        Fe,
+        ke,
         {
           size: a.size || 140,
           thickness: a.thickness || 12,
@@ -1514,11 +1587,11 @@ function de(a) {
           gap: 8,
           h: a.height || 100,
           preventGrowOverflow: !1,
-          children: (a.data || []).map((c, o) => /* @__PURE__ */ e(
+          children: (a.data || []).map((s, o) => /* @__PURE__ */ e(
             x,
             {
               w: 20,
-              h: `${c}%`,
+              h: `${s}%`,
               bg: o === a.highlight ? "gray.5" : "gray.2",
               radius: "0"
             },
@@ -1547,9 +1620,9 @@ function de(a) {
         }
       );
     case "icon-large": {
-      const c = a.icon;
-      return c ? /* @__PURE__ */ e(
-        c,
+      const s = a.icon;
+      return s ? /* @__PURE__ */ e(
+        s,
         {
           size: a.size || 64,
           stroke: a.stroke || 1,
@@ -1561,13 +1634,13 @@ function de(a) {
       return null;
   }
 }
-function Wr({ id: a, subtitle: c, title: o, items: i = [], cols: n, background: l = "white", ta: p = "center", note: d }) {
+function Hr({ id: a, subtitle: s, title: o, items: i = [], cols: n, background: l = "white", ta: p = "center", note: d }) {
   const h = n ?? Math.min(Math.max(i.length, 1), 4);
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: o,
       background: l,
       ta: p,
@@ -1578,7 +1651,7 @@ function Wr({ id: a, subtitle: c, title: o, items: i = [], cols: n, background:
           {
             cols: { base: 1, sm: h === 3 ? 3 : 2, lg: h },
             spacing: 0,
-            children: i.map((s, m) => /* @__PURE__ */ r(
+            children: i.map((c, m) => /* @__PURE__ */ r(
               T,
               {
                 px: "lg",
@@ -1599,7 +1672,7 @@ function Wr({ id: a, subtitle: c, title: o, items: i = [], cols: n, background:
                       mb: "lg",
                       c: "gray.9",
                       style: { letterSpacing: "-0.04em" },
-                      children: s.value
+                      children: c.value
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1612,10 +1685,10 @@ function Wr({ id: a, subtitle: c, title: o, items: i = [], cols: n, background:
                       mb: "xs",
                       c: "gray.9",
                       style: { letterSpacing: "-0.01em" },
-                      children: s.label
+                      children: c.label
                     }
                   ),
-                  s.description && /* @__PURE__ */ e(
+                  c.description && /* @__PURE__ */ e(
                     t,
                     {
                       component: "div",
@@ -1624,12 +1697,12 @@ function Wr({ id: a, subtitle: c, title: o, items: i = [], cols: n, background:
                       lh: 1.5,
                       maw: 220,
                       mx: "auto",
-                      children: s.description
+                      children: c.description
                     }
                   )
                 ]
               },
-              s.label || m
+              c.label || m
             ))
           }
         ),
@@ -1655,13 +1728,13 @@ const W = {
   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" },
   loading: { color: "gray.4", chart: "gray.5", title: "Verificando os sistemas", badge: "Verificando" }
-}, gr = (a) => {
+}, fr = (a) => {
   if (!a) return null;
-  const c = new Date(a);
-  return Number.isNaN(c.getTime()) ? null : c.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
+  const s = new Date(a);
+  return Number.isNaN(s.getTime()) ? null : s.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
 };
-function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], latency: n = [], uptime: l = [], error: p }) {
-  const d = p ? W.down : W[c] || W.loading, h = gr(o);
+function Kr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], latency: n = [], uptime: l = [], error: p }) {
+  const d = p ? W.down : W[s] || W.loading, h = fr(o);
   return /* @__PURE__ */ e(
     x,
     {
@@ -1705,7 +1778,7 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                       }
                     ),
                     /* @__PURE__ */ e(
-                      q,
+                      D,
                       {
                         order: 1,
                         fz: { base: 32, md: 56 },
@@ -1759,7 +1832,7 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                           lh: 1,
                           lts: "-0.04em",
                           children: [
-                            (l.reduce((s, m) => s + m.pct, 0) / l.length).toFixed(2),
+                            (l.reduce((c, m) => c + m.pct, 0) / l.length).toFixed(2),
                             /* @__PURE__ */ e(
                               t,
                               {
@@ -1781,17 +1854,17 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                         h: 140,
                         align: "flex-end",
                         wrap: "nowrap",
-                        children: l.map((s, m) => /* @__PURE__ */ e(
+                        children: l.map((c, m) => /* @__PURE__ */ e(
                           ae,
                           {
-                            label: `${s.day} · ${s.pct.toFixed(2)}%`,
+                            label: `${c.day} · ${c.pct.toFixed(2)}%`,
                             withArrow: !0,
                             children: /* @__PURE__ */ e(
                               x,
                               {
                                 w: 14,
-                                h: Math.max(8, s.pct / 100 * 96),
-                                bg: s.pct === 100 ? d.chart : s.pct > 0 ? "yellow.7" : "red.7"
+                                h: Math.max(8, c.pct / 100 * 96),
+                                bg: c.pct === 100 ? d.chart : c.pct > 0 ? "yellow.7" : "red.7"
                               }
                             )
                           },
@@ -1850,7 +1923,7 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                         withXAxis: !1,
                         yAxisProps: { width: 40 },
                         fillOpacity: 0.12,
-                        valueFormatter: (s) => `${Math.round(s)} ms`
+                        valueFormatter: (c) => `${Math.round(c)} ms`
                       }
                     )
                   ] })
@@ -1870,8 +1943,8 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                   children: "Componentes"
                 }
               ),
-              i.map((s, m) => {
-                const g = W[s.status] || W.loading;
+              i.map((c, m) => {
+                const g = W[c.status] || W.loading;
                 return /* @__PURE__ */ r(
                   T,
                   {
@@ -1912,15 +1985,15 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                                         c: "gray.9",
                                         fw: 700,
                                         size: "sm",
-                                        children: s.name
+                                        children: c.name
                                       }
                                     ),
-                                    s.description && /* @__PURE__ */ e(
+                                    c.description && /* @__PURE__ */ e(
                                       t,
                                       {
                                         size: "xs",
                                         c: "gray.5",
-                                        children: s.description
+                                        children: c.description
                                       }
                                     )
                                   ] })
@@ -1934,7 +2007,7 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                                 wrap: "nowrap",
                                 align: "center",
                                 children: [
-                                  typeof s.latencyMs == "number" && /* @__PURE__ */ r(
+                                  typeof c.latencyMs == "number" && /* @__PURE__ */ r(
                                     t,
                                     {
                                       size: "xs",
@@ -1942,7 +2015,7 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                                       c: "gray.4",
                                       style: { whiteSpace: "nowrap" },
                                       children: [
-                                        s.latencyMs,
+                                        c.latencyMs,
                                         " ms"
                                       ]
                                     }
@@ -1962,13 +2035,13 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                           ]
                         }
                       ),
-                      s.metrics && Object.keys(s.metrics).length > 0 && /* @__PURE__ */ e(
+                      c.metrics && Object.keys(c.metrics).length > 0 && /* @__PURE__ */ e(
                         f,
                         {
                           gap: "xl",
                           mt: "md",
                           ml: 23,
-                          children: Object.entries(s.metrics).map(([b, y]) => /* @__PURE__ */ r(
+                          children: Object.entries(c.metrics).map(([b, y]) => /* @__PURE__ */ r(
                             u,
                             {
                               gap: 2,
@@ -1992,7 +2065,7 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                                     tt: "uppercase",
                                     lts: "1.5px",
                                     c: "gray.4",
-                                    children: mr[b] || b
+                                    children: yr[b] || b
                                   }
                                 )
                               ]
@@ -2003,7 +2076,7 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
                       )
                     ]
                   },
-                  s.name || m
+                  c.name || m
                 );
               })
             ] }),
@@ -2022,7 +2095,7 @@ function Ur({ service: a, status: c = "loading", checkedAt: o, checks: i = [], l
     }
   );
 }
-const mr = {
+const yr = {
   activeSessions: "Sessões ativas",
   pendingVerifications: "Verificações pendentes",
   publicKeys: "Chaves públicas",
@@ -2033,8 +2106,8 @@ const mr = {
   down: { color: "red.7", label: "Interrupção em andamento" },
   loading: { color: "gray.4", label: "Verificando status" }
 }, Y = 20;
-function _r({ status: a = "loading", history: c = [], label: o, link: i, ...n }) {
-  const l = he[a] || he.loading, p = c.slice(-Y), d = Array(Math.max(0, Y - p.length)).fill(null), h = [...d, ...p];
+function Qr({ status: a = "loading", history: s = [], label: o, link: i, ...n }) {
+  const l = he[a] || he.loading, p = s.slice(-Y), d = Array(Math.max(0, Y - p.length)).fill(null), h = [...d, ...p];
   return /* @__PURE__ */ e(
     me,
     {
@@ -2057,8 +2130,8 @@ function _r({ status: a = "loading", history: c = [], label: o, link: i, ...n })
                 h: 16,
                 "aria-hidden": "true",
                 style: { display: "block", overflow: "visible" },
-                children: h.map((s, m) => {
-                  const g = s === null ? 2 : Math.max(2, s * 16), b = h.length - d.length - 1 || 1, y = m - d.length;
+                children: h.map((c, m) => {
+                  const g = c === null ? 2 : Math.max(2, c * 16), b = h.length - d.length - 1 || 1, y = m - d.length;
                   return /* @__PURE__ */ e(
                     x,
                     {
@@ -2067,8 +2140,8 @@ function _r({ status: a = "loading", history: c = [], label: o, link: i, ...n })
                       y: 16 - g,
                       width: 3,
                       height: g,
-                      fill: s === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${l.color.replace(".", "-")})`,
-                      opacity: s === null ? 0.6 : 0.55 + y / b * 0.45
+                      fill: c === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${l.color.replace(".", "-")})`,
+                      opacity: c === null ? 0.6 : 0.55 + y / b * 0.45
                     },
                     m
                   );
@@ -2093,12 +2166,12 @@ function _r({ status: a = "loading", history: c = [], label: o, link: i, ...n })
     }
   );
 }
-function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIcon: l, note: p, background: d = "white", ta: h = "center" }) {
+function Yr({ id: a, subtitle: s, title: o, description: i, items: n = [], ctaIcon: l, note: p, background: d = "white", ta: h = "center" }) {
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: o,
       background: d,
       ta: h,
@@ -2117,12 +2190,12 @@ function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIc
             children: i
           }
         ),
-        /* @__PURE__ */ e(z, { gutter: "xl", children: n.map((s, m) => {
-          const g = s.icon;
+        /* @__PURE__ */ e(z, { gutter: "xl", children: n.map((c, m) => {
+          const g = c.icon;
           return /* @__PURE__ */ e(
             z.Col,
             {
-              span: { base: 12, md: s.span || 6 },
+              span: { base: 12, md: c.span || 6 },
               children: /* @__PURE__ */ r(
                 T,
                 {
@@ -2142,7 +2215,7 @@ function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIc
                         wrap: "nowrap",
                         children: [
                           /* @__PURE__ */ r(x, { children: [
-                            s.category && /* @__PURE__ */ e(
+                            c.category && /* @__PURE__ */ e(
                               t,
                               {
                                 size: "xs",
@@ -2151,17 +2224,17 @@ function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIc
                                 lts: "1.5px",
                                 c: "gray.4",
                                 mb: 4,
-                                children: s.category
+                                children: c.category
                               }
                             ),
                             /* @__PURE__ */ e(
-                              q,
+                              D,
                               {
                                 order: 3,
                                 fz: "h2",
                                 fw: 800,
                                 c: "gray.9",
-                                children: s.name
+                                children: c.name
                               }
                             )
                           ] }),
@@ -2176,7 +2249,7 @@ function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIc
                         ]
                       }
                     ),
-                    s.headline && /* @__PURE__ */ e(
+                    c.headline && /* @__PURE__ */ e(
                       t,
                       {
                         fw: 700,
@@ -2185,10 +2258,10 @@ function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIc
                         mb: "sm",
                         c: "gray.9",
                         style: { letterSpacing: "-0.01em" },
-                        children: s.headline
+                        children: c.headline
                       }
                     ),
-                    s.description && /* @__PURE__ */ e(
+                    c.description && /* @__PURE__ */ e(
                       t,
                       {
                         size: "md",
@@ -2196,16 +2269,16 @@ function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIc
                         lh: 1.6,
                         mb: "xl",
                         style: { flexGrow: 1 },
-                        children: s.description
+                        children: c.description
                       }
                     ),
-                    s.href && /* @__PURE__ */ e(
+                    c.href && /* @__PURE__ */ e(
                       U,
                       {
                         component: "a",
-                        href: s.href,
-                        target: s.target,
-                        rel: s.target === "_blank" ? "noopener noreferrer" : void 0,
+                        href: c.href,
+                        target: c.target,
+                        rel: c.target === "_blank" ? "noopener noreferrer" : void 0,
                         variant: "default",
                         size: "md",
                         radius: "0",
@@ -2218,14 +2291,14 @@ function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIc
                           paddingTop: 16,
                           marginTop: "auto"
                         },
-                        children: s.ctaLabel || `Abrir ${s.name}`
+                        children: c.ctaLabel || `Abrir ${c.name}`
                       }
                     )
                   ]
                 }
               )
             },
-            s.name || m
+            c.name || m
           );
         }) }),
         p && /* @__PURE__ */ e(
@@ -2246,9 +2319,9 @@ function Hr({ id: a, subtitle: c, title: o, description: i, items: n = [], ctaIc
     }
   );
 }
-function Gr({
+function Xr({
   id: a,
-  subtitle: c,
+  subtitle: s,
   title: o,
   description: i,
   items: n = [],
@@ -2261,9 +2334,9 @@ function Gr({
   // produto dentro de outro — o erro que já tirou a marca do topo com o
   // `Wordmark` e anunciou "monitores" no log de e-mails do Payments. Sem
   // rótulo a chamada não é desenhada; quem chama diz a palavra.
-  ctaLabel: s
+  ctaLabel: c
 }) {
-  const [m, g] = H("todas"), b = Me("(min-width: 48em)", !1), y = Ne(() => m === "todas" ? n : [...n].sort((I, C) => +(C.category === m) - +(I.category === m)), [n, m]), [v, ...k] = y;
+  const [m, g] = G("todas"), b = Le("(min-width: 48em)", !1), y = je(() => m === "todas" ? n : [...n].sort((I, q) => +(q.category === m) - +(I.category === m)), [n, m]), [v, ...F] = y;
   return v ? (
     // 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
@@ -2274,10 +2347,10 @@ function Gr({
     // recomeçar. Centralizado é o que se lê uma vez; à esquerda é o que
     // se compara em coluna.
     /* @__PURE__ */ r(
-      F,
+      k,
       {
         id: a,
-        subtitle: c,
+        subtitle: s,
         title: o,
         background: h,
         ta: "center",
@@ -2305,7 +2378,7 @@ function Gr({
               "aria-label": p,
               className: "rlg-shelf-filters",
               children: l.map((I) => /* @__PURE__ */ e(
-                ke,
+                Fe,
                 {
                   onClick: () => g(I.id),
                   className: "rlg-shelf-pill",
@@ -2319,17 +2392,17 @@ function Gr({
           ),
           /* @__PURE__ */ r(z, { gutter: "lg", children: [
             /* @__PURE__ */ e(z.Col, { span: { base: 12, lg: 5, xl: 4 }, children: /* @__PURE__ */ e(
-              ur,
+              xr,
               {
                 item: v,
-                ctaLabel: s
+                ctaLabel: c
               }
             ) }),
-            /* @__PURE__ */ e(z.Col, { span: { base: 12, lg: 7, xl: 8 }, children: /* @__PURE__ */ e(z, { gutter: "lg", children: k.map((I) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(z.Col, { span: { base: 12, lg: 7, xl: 8 }, children: /* @__PURE__ */ e(z, { gutter: "lg", children: F.map((I) => /* @__PURE__ */ e(
               z.Col,
               {
                 span: { base: 12, xs: 6, md: 4, lg: 6, xl: 4 },
-                children: /* @__PURE__ */ e(fr, { item: I })
+                children: /* @__PURE__ */ e(br, { item: I })
               },
               I.name
             )) }) })
@@ -2357,7 +2430,7 @@ const we = (a) => ({
   target: a.target,
   rel: a.target === "_blank" ? "noopener noreferrer" : void 0
 });
-function ur({ item: a, ctaLabel: c }) {
+function xr({ item: a, ctaLabel: s }) {
   const o = a.icon;
   return /* @__PURE__ */ r(
     T,
@@ -2410,7 +2483,7 @@ function ur({ item: a, ctaLabel: c }) {
               ] }),
               /* @__PURE__ */ r(x, { className: "rlg-shelf-feature-bottom", children: [
                 /* @__PURE__ */ e(
-                  q,
+                  D,
                   {
                     order: 3,
                     className: "rlg-shelf-feature-title",
@@ -2429,7 +2502,7 @@ function ur({ item: a, ctaLabel: c }) {
                     children: a.description
                   }
                 ),
-                c && /* @__PURE__ */ r(
+                s && /* @__PURE__ */ r(
                   f,
                   {
                     className: "rlg-shelf-feature-cta",
@@ -2443,7 +2516,7 @@ function ur({ item: a, ctaLabel: c }) {
                           size: "sm",
                           fw: 800,
                           c: "gray.9",
-                          children: c
+                          children: s
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -2465,8 +2538,8 @@ function ur({ item: a, ctaLabel: c }) {
     }
   );
 }
-function fr({ item: a }) {
-  const c = a.icon;
+function br({ item: a }) {
+  const s = a.icon;
   return /* @__PURE__ */ r(
     T,
     {
@@ -2495,8 +2568,8 @@ function fr({ item: a }) {
             className: "rlg-shelf-card-body",
             gap: "sm",
             children: [
-              c && /* @__PURE__ */ e(
-                c,
+              s && /* @__PURE__ */ e(
+                s,
                 {
                   size: 22,
                   stroke: 1.5,
@@ -2505,7 +2578,7 @@ function fr({ item: a }) {
               ),
               /* @__PURE__ */ r(x, { children: [
                 /* @__PURE__ */ e(
-                  q,
+                  D,
                   {
                     order: 3,
                     fz: "h4",
@@ -2533,12 +2606,12 @@ function fr({ item: a }) {
     }
   );
 }
-function Kr({ id: a, subtitle: c, title: o, description: i, items: n = [], note: l, background: p = "gray", ta: d = "center" }) {
+function Jr({ id: a, subtitle: s, title: o, description: i, items: n = [], note: l, background: p = "gray", ta: d = "center" }) {
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: o,
       background: p,
       ta: d,
@@ -2565,13 +2638,13 @@ function Kr({ id: a, subtitle: c, title: o, description: i, items: n = [], note:
             bd: "1px solid var(--mantine-color-gray-2)",
             px: { base: "lg", md: 40 },
             py: { base: "xs", md: "md" },
-            children: n.map((h, s) => /* @__PURE__ */ r(
+            children: n.map((h, c) => /* @__PURE__ */ r(
               z,
               {
                 gutter: { base: 4, sm: "xl" },
                 py: { base: "lg", md: "xl" },
                 ta: "left",
-                style: s === 0 ? void 0 : { borderTop: "1px solid var(--mantine-color-gray-2)" },
+                style: c === 0 ? void 0 : { borderTop: "1px solid var(--mantine-color-gray-2)" },
                 children: [
                   /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 4 }, children: /* @__PURE__ */ e(
                     t,
@@ -2605,7 +2678,7 @@ function Kr({ id: a, subtitle: c, title: o, description: i, items: n = [], note:
                   ] })
                 ]
               },
-              h.criterion || s
+              h.criterion || c
             ))
           }
         ),
@@ -2626,12 +2699,12 @@ function Kr({ id: a, subtitle: c, title: o, description: i, items: n = [], note:
     }
   );
 }
-function Qr({ id: a, subtitle: c, title: o, description: i, cardLabel: n, items: l = [], footnote: p, background: d = "gray", ta: h = "center" }) {
+function Zr({ id: a, subtitle: s, title: o, description: i, cardLabel: n, items: l = [], footnote: p, background: d = "gray", ta: h = "center" }) {
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: o,
       background: d,
       ta: h,
@@ -2678,28 +2751,28 @@ function Qr({ id: a, subtitle: c, title: o, description: i, cardLabel: n, items:
                   m: 0,
                   pl: "lg",
                   style: { display: "flex", flexDirection: "column", gap: 16 },
-                  children: l.map((s, m) => /* @__PURE__ */ r(
+                  children: l.map((c, m) => /* @__PURE__ */ r(
                     t,
                     {
                       component: "li",
                       c: "gray.6",
                       lh: 1.7,
                       children: [
-                        s.lead && /* @__PURE__ */ e(
+                        c.lead && /* @__PURE__ */ e(
                           t,
                           {
                             component: "span",
                             fw: 700,
                             c: "gray.9",
                             inherit: !0,
-                            children: s.lead
+                            children: c.lead
                           }
                         ),
                         " ",
-                        s.text
+                        c.text
                       ]
                     },
-                    s.lead || m
+                    c.lead || m
                   ))
                 }
               ),
@@ -2735,14 +2808,14 @@ function Qr({ id: a, subtitle: c, title: o, description: i, cardLabel: n, items:
     }
   );
 }
-function Yr({ id: a, subtitle: c, title: o, description: i, avatar: n, name: l, role: p, quote: d, credentials: h = [], background: s = "white", ta: m = "center" }) {
+function ea({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l, role: p, quote: d, credentials: h = [], background: c = "white", ta: m = "center" }) {
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: o,
-      background: s,
+      background: c,
       ta: m,
       maw: 900,
       children: [
@@ -2899,12 +2972,12 @@ function Yr({ id: a, subtitle: c, title: o, description: i, avatar: n, name: l,
     }
   );
 }
-function Xr({ id: a, badge: c, subtitle: o, title: i, description: n, items: l = [], background: p = "gray", ta: d = "center" }) {
+function ra({ id: a, badge: s, subtitle: o, title: i, description: n, items: l = [], background: p = "gray", ta: d = "center" }) {
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      badge: c,
+      badge: s,
       subtitle: o,
       title: i,
       background: p,
@@ -2930,7 +3003,7 @@ function Xr({ id: a, badge: c, subtitle: o, title: i, description: n, items: l =
             cols: { base: 1, md: l.length <= 4 ? l.length : 3 },
             spacing: "xl",
             verticalSpacing: { base: 56, md: "xl" },
-            children: l.map((h, s) => {
+            children: l.map((h, c) => {
               const m = h.icon;
               return /* @__PURE__ */ r(
                 x,
@@ -2953,7 +3026,7 @@ function Xr({ id: a, badge: c, subtitle: o, title: i, description: n, items: l =
                           letterSpacing: "-0.05em",
                           pointerEvents: "none"
                         },
-                        children: h.number || String(s + 1).padStart(2, "0")
+                        children: h.number || String(c + 1).padStart(2, "0")
                       }
                     ),
                     m && /* @__PURE__ */ e(
@@ -2976,7 +3049,7 @@ function Xr({ id: a, badge: c, subtitle: o, title: i, description: n, items: l =
                       }
                     ),
                     /* @__PURE__ */ e(
-                      q,
+                      D,
                       {
                         order: 3,
                         fz: "h3",
@@ -3000,7 +3073,7 @@ function Xr({ id: a, badge: c, subtitle: o, title: i, description: n, items: l =
                     )
                   ]
                 },
-                h.title || s
+                h.title || c
               );
             })
           }
@@ -3010,10 +3083,10 @@ function Xr({ id: a, badge: c, subtitle: o, title: i, description: n, items: l =
   );
 }
 const pe = (a) => a.requiredMessage || `Preencha o campo ${a.label}`;
-function Jr({ id: a, badge: c, title: o, description: i, fields: n = [], whatsappNumber: l, messageIntro: p = "Olá! Vim pelo site.", submit: d = {}, reassurance: h, onSubmit: s }) {
-  const [m, g] = H(() => Object.fromEntries(n.map((w) => [w.name, ""]))), [b, y] = H(!1), v = (w) => (R) => {
-    const { value: D } = R.currentTarget;
-    g((L) => ({ ...L, [w]: D }));
+function aa({ id: a, badge: s, title: o, description: i, fields: n = [], whatsappNumber: l, messageIntro: p = "Olá! Vim pelo site.", submit: d = {}, reassurance: h, onSubmit: c }) {
+  const [m, g] = G(() => Object.fromEntries(n.map((w) => [w.name, ""]))), [b, y] = G(!1), v = (w) => (O) => {
+    const { value: C } = O.currentTarget;
+    g((R) => ({ ...R, [w]: C }));
   }, I = n.filter((w) => w.required).every((w) => m[w.name]?.trim());
   return /* @__PURE__ */ e(
     x,
@@ -3023,7 +3096,7 @@ function Jr({ id: a, badge: c, title: o, description: i, fields: n = [], whatsap
       py: { base: 80, md: 120 },
       bg: "gray.9",
       children: /* @__PURE__ */ r(E, { size: "md", children: [
-        c && /* @__PURE__ */ e(
+        s && /* @__PURE__ */ e(
           f,
           {
             justify: "center",
@@ -3035,13 +3108,13 @@ function Jr({ id: a, badge: c, title: o, description: i, fields: n = [], whatsap
                 color: "gray",
                 size: "lg",
                 radius: "0",
-                children: c
+                children: s
               }
             )
           }
         ),
         o && /* @__PURE__ */ e(
-          q,
+          D,
           {
             order: 2,
             ta: "center",
@@ -3072,11 +3145,11 @@ function Jr({ id: a, badge: c, title: o, description: i, fields: n = [], whatsap
             bg: "white",
             children: /* @__PURE__ */ e("form", { onSubmit: (w) => {
               if (w.preventDefault(), y(!0), !I) return;
-              const R = [p, "", ...n.filter((D) => m[D.name]?.trim()).map((D) => `${D.label}: ${m[D.name]}`)].join(`
+              const O = [p, "", ...n.filter((C) => m[C.name]?.trim()).map((C) => `${C.label}: ${m[C.name]}`)].join(`
 `);
-              if (s?.(m), l) {
-                const D = `https://wa.me/${l}?text=${encodeURIComponent(R)}`;
-                window.open(D, "_blank", "noopener,noreferrer");
+              if (c?.(m), l) {
+                const C = `https://wa.me/${l}?text=${encodeURIComponent(O)}`;
+                window.open(C, "_blank", "noopener,noreferrer");
               }
             }, children: /* @__PURE__ */ r(u, { gap: "md", children: [
               /* @__PURE__ */ e(A, { cols: { base: 1, sm: 2 }, children: n.filter((w) => w.span !== "full").map((w) => /* @__PURE__ */ e(
@@ -3162,12 +3235,12 @@ function Jr({ id: a, badge: c, title: o, description: i, fields: n = [], whatsap
     }
   );
 }
-function Zr({ id: a, subtitle: c, title: o, traditionalCol: i, newCol: n, background: l = "white" }) {
+function ta({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, background: l = "white" }) {
   return /* @__PURE__ */ e(
-    F,
+    k,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: o,
       background: l,
       children: /* @__PURE__ */ e(
@@ -3216,7 +3289,7 @@ function Zr({ id: a, subtitle: c, title: o, traditionalCol: i, newCol: n, backgr
                         {
                           gap: "md",
                           mb: 40,
-                          children: i.items.map((p, d) => /* @__PURE__ */ r(Oe, { children: [
+                          children: i.items.map((p, d) => /* @__PURE__ */ r(Ne, { children: [
                             /* @__PURE__ */ r(f, { justify: "space-between", children: [
                               /* @__PURE__ */ e(
                                 t,
@@ -3235,7 +3308,7 @@ function Zr({ id: a, subtitle: c, title: o, traditionalCol: i, newCol: n, backgr
                                 }
                               )
                             ] }),
-                            d < i.items.length - 1 && /* @__PURE__ */ e(M, { color: "var(--mantine-color-gray-2)" })
+                            d < i.items.length - 1 && /* @__PURE__ */ e(L, { color: "var(--mantine-color-gray-2)" })
                           ] }, d))
                         }
                       ),
@@ -3339,7 +3412,7 @@ function Zr({ id: a, subtitle: c, title: o, traditionalCol: i, newCol: n, backgr
                                   radius: "0",
                                   bd: "1px solid var(--mantine-color-gray-2)",
                                   children: /* @__PURE__ */ e(
-                                    G,
+                                    H,
                                     {
                                       size: 12,
                                       color: "var(--mantine-color-gray-9)"
@@ -3392,7 +3465,7 @@ function Zr({ id: a, subtitle: c, title: o, traditionalCol: i, newCol: n, backgr
                             }
                           ),
                           n.cta && /* @__PURE__ */ e(x, { mt: "xl", children: /* @__PURE__ */ e(
-                            j,
+                            M,
                             {
                               label: n.cta.label,
                               href: n.cta.href,
@@ -3415,9 +3488,9 @@ function Zr({ id: a, subtitle: c, title: o, traditionalCol: i, newCol: n, backgr
     }
   );
 }
-function ea({
+function na({
   id: a,
-  badge: c,
+  badge: s,
   subtitle: o,
   title: i,
   description: n,
@@ -3428,14 +3501,14 @@ function ea({
   billing: p,
   setBilling: d,
   promoBadge: h,
-  plans: s,
+  plans: c,
   background: m = "white"
 }) {
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      badge: c,
+      badge: s,
       subtitle: o,
       title: i,
       ta: "center",
@@ -3463,7 +3536,7 @@ function ea({
             mb: 80,
             children: /* @__PURE__ */ r(f, { gap: "xs", children: [
               /* @__PURE__ */ e(
-                De,
+                Ce,
                 {
                   value: p,
                   onChange: d,
@@ -3491,10 +3564,10 @@ function ea({
         /* @__PURE__ */ e(
           A,
           {
-            cols: { base: 1, md: s.length <= 3 ? s.length : 3 },
+            cols: { base: 1, md: c.length <= 3 ? c.length : 3 },
             spacing: "xl",
             verticalSpacing: "xl",
-            children: s.map((g) => /* @__PURE__ */ r(
+            children: c.map((g) => /* @__PURE__ */ r(
               T,
               {
                 p: "xl",
@@ -3682,7 +3755,7 @@ function ea({
                     )
                   ] }),
                   /* @__PURE__ */ e(
-                    M,
+                    L,
                     {
                       mb: "xl",
                       color: "gray.1"
@@ -3702,7 +3775,7 @@ function ea({
                           align: "flex-start",
                           children: [
                             /* @__PURE__ */ e(
-                              G,
+                              H,
                               {
                                 size: 16,
                                 color: "var(--mantine-color-gray-9)",
@@ -3726,7 +3799,7 @@ function ea({
                     }
                   ),
                   g.cta && /* @__PURE__ */ e(x, { mt: "auto", children: /* @__PURE__ */ e(
-                    j,
+                    M,
                     {
                       label: g.cta.label,
                       href: g.cta.href,
@@ -3767,8 +3840,8 @@ function ea({
     }
   );
 }
-function ra({ id: a, badge: c, subtitle: o, title: i, description: n, questions: l = [], contactCard: p, background: d = "white", ta: h = "left" }) {
-  const s = Math.ceil(l.length / 2), m = {
+function ia({ id: a, badge: s, subtitle: o, title: i, description: n, questions: l = [], contactCard: p, background: d = "white", ta: h = "left" }) {
+  const c = Math.ceil(l.length / 2), m = {
     item: {
       // A CSS variable, not the name: a `styles` object is plain CSS, so
       // 'white' was the literal colour — it stayed white in dark mode —
@@ -3791,10 +3864,10 @@ function ra({ id: a, badge: c, subtitle: o, title: i, description: n, questions:
     }
   };
   return /* @__PURE__ */ r(
-    F,
+    k,
     {
       id: a,
-      badge: c,
+      badge: s,
       subtitle: o,
       title: i,
       background: d,
@@ -3821,20 +3894,20 @@ function ra({ id: a, badge: c, subtitle: o, title: i, description: n, questions:
             spacing: "xl",
             children: [
               /* @__PURE__ */ e(
-                N,
+                j,
                 {
                   variant: "separated",
                   radius: "0",
                   chevronPosition: "right",
                   styles: m,
-                  children: l.slice(0, s).map((g, b) => /* @__PURE__ */ r(
-                    N.Item,
+                  children: l.slice(0, c).map((g, b) => /* @__PURE__ */ r(
+                    j.Item,
                     {
                       value: g.value || String(b),
                       mb: "md",
                       children: [
                         /* @__PURE__ */ e(
-                          N.Control,
+                          j.Control,
                           {
                             icon: /* @__PURE__ */ e(
                               S,
@@ -3848,7 +3921,7 @@ function ra({ id: a, badge: c, subtitle: o, title: i, description: n, questions:
                             children: g.question
                           }
                         ),
-                        /* @__PURE__ */ e(N.Panel, { c: "gray.6", children: g.answer })
+                        /* @__PURE__ */ e(j.Panel, { c: "gray.6", children: g.answer })
                       ]
                     },
                     g.value || b
@@ -3856,20 +3929,20 @@ function ra({ id: a, badge: c, subtitle: o, title: i, description: n, questions:
                 }
               ),
               /* @__PURE__ */ e(
-                N,
+                j,
                 {
                   variant: "separated",
                   radius: "0",
                   chevronPosition: "right",
                   styles: m,
-                  children: l.slice(s).map((g, b) => /* @__PURE__ */ r(
-                    N.Item,
+                  children: l.slice(c).map((g, b) => /* @__PURE__ */ r(
+                    j.Item,
                     {
-                      value: g.value || String(s + b),
+                      value: g.value || String(c + b),
                       mb: "md",
                       children: [
                         /* @__PURE__ */ e(
-                          N.Control,
+                          j.Control,
                           {
                             icon: /* @__PURE__ */ e(
                               S,
@@ -3883,10 +3956,10 @@ function ra({ id: a, badge: c, subtitle: o, title: i, description: n, questions:
                             children: g.question
                           }
                         ),
-                        /* @__PURE__ */ e(N.Panel, { c: "gray.6", children: g.answer })
+                        /* @__PURE__ */ e(j.Panel, { c: "gray.6", children: g.answer })
                       ]
                     },
-                    g.value || s + b
+                    g.value || c + b
                   ))
                 }
               )
@@ -3940,7 +4013,7 @@ function ra({ id: a, badge: c, subtitle: o, title: i, description: n, questions:
                     }
                   ),
                   /* @__PURE__ */ e(u, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
-                    j,
+                    M,
                     {
                       label: p.cta.label,
                       href: p.cta.href,
@@ -3959,13 +4032,13 @@ function ra({ id: a, badge: c, subtitle: o, title: i, description: n, questions:
     }
   );
 }
-function aa({ id: a, title: c, subtitle: o, items: i = [], background: n = "gray" }) {
+function oa({ id: a, title: s, subtitle: o, items: i = [], background: n = "gray" }) {
   return /* @__PURE__ */ e(
-    F,
+    k,
     {
       id: a,
       background: n,
-      title: c,
+      title: s,
       subtitle: o,
       children: /* @__PURE__ */ e(
         A,
@@ -4015,7 +4088,7 @@ function aa({ id: a, title: c, subtitle: o, items: i = [], background: n = "gray
                         mt: "xl",
                         children: [
                           /* @__PURE__ */ e(
-                            qe,
+                            De,
                             {
                               size: "md",
                               radius: "0",
@@ -4065,12 +4138,12 @@ const ge = {
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function ve({ id: a, subtitle: c, title: o, titleOrder: i = 2, description: n, featuresList: l, featuresLabel: p, cta: d, secondaryCta: h, background: s = "gray", ta: m = "center" }) {
+function ve({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, featuresList: l, featuresLabel: p, cta: d, secondaryCta: h, background: c = "gray", ta: m = "center" }) {
   return /* @__PURE__ */ e(
-    F,
+    k,
     {
       id: a,
-      background: s,
+      background: c,
       ta: "center",
       children: /* @__PURE__ */ e(
         T,
@@ -4087,7 +4160,7 @@ function ve({ id: a, subtitle: c, title: o, titleOrder: i = 2, description: n, f
               ta: m,
               gap: "xl",
               children: [
-                c && /* @__PURE__ */ e(
+                s && /* @__PURE__ */ e(
                   t,
                   {
                     size: "xs",
@@ -4095,14 +4168,14 @@ function ve({ id: a, subtitle: c, title: o, titleOrder: i = 2, description: n, f
                     tt: "uppercase",
                     lts: "1.5px",
                     c: "gray.4",
-                    children: c
+                    children: s
                   }
                 ),
                 o && // Title, e não Text: o banner costuma ser a única seção
                 // da página (um 404, por exemplo) e sem heading ela fica
                 // sem estrutura para leitor de tela.
                 /* @__PURE__ */ e(
-                  q,
+                  D,
                   {
                     order: i,
                     fz: "var(--fz-section-title)",
@@ -4142,7 +4215,7 @@ function ve({ id: a, subtitle: c, title: o, titleOrder: i = 2, description: n, f
                           size: 24,
                           radius: "0",
                           children: /* @__PURE__ */ e(
-                            G,
+                            H,
                             {
                               size: 14,
                               color: "var(--mantine-color-gray-9)"
@@ -4179,7 +4252,7 @@ function ve({ id: a, subtitle: c, title: o, titleOrder: i = 2, description: n, f
                         className: "rlg-cta-group",
                         children: [
                           d && /* @__PURE__ */ e(
-                            j,
+                            M,
                             {
                               label: d.label,
                               href: d.href,
@@ -4195,7 +4268,7 @@ function ve({ id: a, subtitle: c, title: o, titleOrder: i = 2, description: n, f
                             }
                           ),
                           h && /* @__PURE__ */ e(
-                            j,
+                            M,
                             {
                               label: h.label,
                               href: h.href,
@@ -4223,19 +4296,19 @@ function ve({ id: a, subtitle: c, title: o, titleOrder: i = 2, description: n, f
     }
   );
 }
-const ta = ve;
-function yr() {
+const la = ve;
+function wr() {
   ue(() => {
     const a = document.createElement("meta");
     return a.name = "robots", a.content = "noindex, follow", document.head.appendChild(a), () => a.remove();
   }, []);
 }
-function na({ subtitle: a = "Erro 404", title: c = "Esta página não existe", description: o = "O endereço está errado ou a página saiu do ar. O conteúdo do site está todo na home.", homeHref: i = "/", cta: n, background: l = "white" }) {
-  return yr(), /* @__PURE__ */ e(
+function sa({ subtitle: a = "Erro 404", title: s = "Esta página não existe", description: o = "O endereço está errado ou a página saiu do ar. O conteúdo do site está todo na home.", homeHref: i = "/", cta: n, background: l = "white" }) {
+  return wr(), /* @__PURE__ */ e(
     ve,
     {
       subtitle: a,
-      title: c,
+      title: s,
       titleOrder: 1,
       description: o,
       background: l,
@@ -4243,7 +4316,7 @@ function na({ subtitle: a = "Erro 404", title: c = "Esta página não existe", d
         label: "Voltar para a home",
         href: i,
         leftSection: /* @__PURE__ */ e(
-          He,
+          Ge,
           {
             size: 18,
             stroke: 1.5
@@ -4253,8 +4326,8 @@ function na({ subtitle: a = "Erro 404", title: c = "Esta página não existe", d
     }
   );
 }
-function xr({ text: a = "Selo Exclusivo", color: c = "green.6", background: o = "gray" }) {
-  const i = O(o);
+function vr({ text: a = "Selo Exclusivo", color: s = "green.6", background: o = "gray" }) {
+  const i = N(o);
   return /* @__PURE__ */ e(
     x,
     {
@@ -4268,11 +4341,11 @@ function xr({ text: a = "Selo Exclusivo", color: c = "green.6", background: o =
         /* @__PURE__ */ e(
           S,
           {
-            color: c,
+            color: s,
             variant: "light",
             size: "sm",
             children: /* @__PURE__ */ e(
-              Ge,
+              He,
               {
                 size: 14,
                 "aria-hidden": "true"
@@ -4295,9 +4368,9 @@ function xr({ text: a = "Selo Exclusivo", color: c = "green.6", background: o =
     }
   );
 }
-const ia = xr;
-function oa({ logo: a, description: c, sections: o = [], socialLinks: i = [], copyrightText: n, madeByText: l, background: p = "white", status: d }) {
-  const h = O(p);
+const ca = vr;
+function da({ logo: a, description: s, sections: o = [], socialLinks: i = [], copyrightText: n, madeByText: l, background: p = "white", status: d }) {
+  const h = N(p);
   return /* @__PURE__ */ e(
     x,
     {
@@ -4314,14 +4387,14 @@ function oa({ logo: a, description: c, sections: o = [], socialLinks: i = [], co
             children: [
               /* @__PURE__ */ r(u, { gap: "lg", children: [
                 a && /* @__PURE__ */ e(re, { logo: a }),
-                c && /* @__PURE__ */ e(
+                s && /* @__PURE__ */ e(
                   t,
                   {
                     size: "md",
                     c: "gray.6",
                     lh: 1.6,
                     maw: 400,
-                    children: c
+                    children: s
                   }
                 ),
                 d
@@ -4335,7 +4408,7 @@ function oa({ logo: a, description: c, sections: o = [], socialLinks: i = [], co
                   },
                   spacing: "xl",
                   children: [
-                    o.map((s, m) => /* @__PURE__ */ r(
+                    o.map((c, m) => /* @__PURE__ */ r(
                       u,
                       {
                         gap: "md",
@@ -4348,10 +4421,10 @@ function oa({ logo: a, description: c, sections: o = [], socialLinks: i = [], co
                               size: "xs",
                               tt: "uppercase",
                               lts: "1.5px",
-                              children: s.title
+                              children: c.title
                             }
                           ),
-                          /* @__PURE__ */ e(u, { gap: "xs", children: s.links.map((g, b) => /* @__PURE__ */ e(
+                          /* @__PURE__ */ e(u, { gap: "xs", children: c.links.map((g, b) => /* @__PURE__ */ e(
                             me,
                             {
                               c: "gray.6",
@@ -4379,18 +4452,18 @@ function oa({ logo: a, description: c, sections: o = [], socialLinks: i = [], co
                           children: "Social"
                         }
                       ),
-                      /* @__PURE__ */ e(f, { gap: "xs", children: i.map((s, m) => /* @__PURE__ */ e(
+                      /* @__PURE__ */ e(f, { gap: "xs", children: i.map((c, m) => /* @__PURE__ */ e(
                         X,
                         {
                           size: "md",
                           variant: "subtle",
                           color: "gray",
                           component: "a",
-                          href: s.href,
+                          href: c.href,
                           target: "_blank",
                           radius: "0",
-                          "aria-label": s.label || `Social link ${m + 1}`,
-                          children: s.icon
+                          "aria-label": c.label || `Social link ${m + 1}`,
+                          children: c.icon
                         },
                         m
                       )) })
@@ -4402,7 +4475,7 @@ function oa({ logo: a, description: c, sections: o = [], socialLinks: i = [], co
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          L,
           {
             my: "xl",
             color: "gray.2"
@@ -4447,8 +4520,8 @@ function oa({ logo: a, description: c, sections: o = [], socialLinks: i = [], co
     }
   );
 }
-function la({ companyName: a = "Infrastructure", legalEntity: c, productName: o = "nossos produtos" }) {
-  const i = c || a, n = i.split(" (")[0];
+function ha({ companyName: a = "Infrastructure", legalEntity: s, productName: o = "nossos produtos" }) {
+  const i = s || a, n = i.split(" (")[0];
   return /* @__PURE__ */ e(
     x,
     {
@@ -4457,7 +4530,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: o
       children: /* @__PURE__ */ e(E, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            q,
+            D,
             {
               order: 2,
               ta: "center",
@@ -4486,7 +4559,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(M, { color: "gray.2" }),
+        /* @__PURE__ */ e(L, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
@@ -4718,7 +4791,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(M, { color: "gray.2" }),
+        /* @__PURE__ */ e(L, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ e(
             t,
@@ -4752,8 +4825,8 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: o
     }
   );
 }
-function sa({ companyName: a = "Infrastructure", legalEntity: c, productName: o = "nossos produtos", lastUpdated: i = "20 de setembro de 2026" }) {
-  const n = c || a, l = n.split(" (")[0];
+function pa({ companyName: a = "Infrastructure", legalEntity: s, productName: o = "nossos produtos", lastUpdated: i = "20 de setembro de 2026" }) {
+  const n = s || a, l = n.split(" (")[0];
   return /* @__PURE__ */ e(
     x,
     {
@@ -4762,7 +4835,7 @@ function sa({ companyName: a = "Infrastructure", legalEntity: c, productName: o
       children: /* @__PURE__ */ e(E, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            q,
+            D,
             {
               order: 2,
               ta: "center",
@@ -4789,7 +4862,7 @@ function sa({ companyName: a = "Infrastructure", legalEntity: c, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(M, { color: "gray.2" }),
+        /* @__PURE__ */ e(L, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
@@ -5085,7 +5158,7 @@ function sa({ companyName: a = "Infrastructure", legalEntity: c, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(M, { color: "gray.2" }),
+        /* @__PURE__ */ e(L, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ e(
             t,
@@ -5119,8 +5192,8 @@ function sa({ companyName: a = "Infrastructure", legalEntity: c, productName: o
     }
   );
 }
-function ca({ companyName: a = "Infrastructure", legalEntity: c, productName: o = "nossos produtos" }) {
-  const i = c || a;
+function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o = "nossos produtos" }) {
+  const i = s || a;
   return i.split(" (")[0], /* @__PURE__ */ e(
     x,
     {
@@ -5129,7 +5202,7 @@ function ca({ companyName: a = "Infrastructure", legalEntity: c, productName: o
       children: /* @__PURE__ */ e(E, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            q,
+            D,
             {
               order: 2,
               ta: "center",
@@ -5156,7 +5229,7 @@ function ca({ companyName: a = "Infrastructure", legalEntity: c, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(M, { color: "gray.2" }),
+        /* @__PURE__ */ e(L, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
@@ -5385,7 +5458,7 @@ function ca({ companyName: a = "Infrastructure", legalEntity: c, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(M, { color: "gray.2" }),
+        /* @__PURE__ */ e(L, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ r(f, { gap: "sm", children: [
             /* @__PURE__ */ e(S, { variant: "transparent", color: "gray.9", children: /* @__PURE__ */ e(nr, { size: 18 }) }),
@@ -5420,23 +5493,23 @@ function ca({ companyName: a = "Infrastructure", legalEntity: c, productName: o
     }
   );
 }
-const br = 6, wr = 2e3;
-function da(a, { intervalMs: c = 3e4, maxSamples: o = 40 } = {}) {
-  const [i, n] = H({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [l, p] = H([]), d = Re([]);
+const zr = 6, Sr = 2e3;
+function ma(a, { intervalMs: s = 3e4, maxSamples: o = 40 } = {}) {
+  const [i, n] = G({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [l, p] = G([]), d = Oe([]);
   return ue(() => {
     if (!a) return;
     d.current = [], p([]);
     let h = !1;
-    const s = (I) => {
+    const c = (I) => {
       d.current = [...d.current, I].slice(-o), p(d.current);
     }, m = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), g = async () => {
       const I = Date.now();
       try {
-        const C = await fetch(a, { headers: { accept: "application/json" } });
-        if (!C.ok) throw new Error(`HTTP ${C.status}`);
-        const w = await C.json();
+        const q = await fetch(a, { headers: { accept: "application/json" } });
+        if (!q.ok) throw new Error(`HTTP ${q.status}`);
+        const w = await q.json();
         if (h) return;
-        b ? b = !1 : s({ time: m(), ms: Date.now() - I, up: w.status !== "down" }), n({
+        b ? b = !1 : c({ time: m(), ms: Date.now() - I, up: w.status !== "down" }), n({
           status: w.status || "operational",
           checks: w.checks || [],
           checkedAt: w.checkedAt || null,
@@ -5446,30 +5519,30 @@ function da(a, { intervalMs: c = 3e4, maxSamples: o = 40 } = {}) {
         });
       } catch {
         if (h) return;
-        b = !1, s({ time: m(), ms: Date.now() - I, up: !1 }), n((w) => ({ ...w, error: "unreachable", loading: !1 }));
+        b = !1, c({ time: m(), ms: Date.now() - I, up: !1 }), n((w) => ({ ...w, error: "unreachable", loading: !1 }));
       }
     };
     let b = !0, y = 0, v;
-    const k = async () => {
-      await g(), !h && (y += 1, v = setTimeout(k, y < br ? wr : c));
+    const F = async () => {
+      await g(), !h && (y += 1, v = setTimeout(F, y < zr ? Sr : s));
     };
-    return k(), () => {
+    return F(), () => {
       h = !0, clearTimeout(v);
     };
-  }, [a, c, o]), {
+  }, [a, s, o]), {
     ...i,
     latency: l.map((h) => ({ time: h.time, ms: h.ms })),
     // A "disponibilidade" aqui é a das amostras desta sessão, agrupadas em
     // blocos — não um SLA de 90 dias. O rótulo na página diz isso.
-    uptime: vr(l),
+    uptime: Ir(l),
     // 1 = respondeu, 0.25 = falhou. Zero puro sumiria da barra e a falha
     // ficaria invisível justamente quando importa.
     history: l.map((h) => h.up ? 1 : 0.25)
   };
 }
-function vr(a, c = 12) {
+function Ir(a, s = 12) {
   if (a.length === 0) return [];
-  const o = Math.max(1, Math.ceil(a.length / c)), i = [];
+  const o = Math.max(1, Math.ceil(a.length / s)), i = [];
   for (let n = 0; n < a.length; n += o) {
     const l = a.slice(n, n + o), p = l.filter((d) => d.up).length;
     i.push({ day: l[l.length - 1].time, pct: p / l.length * 100 });
@@ -5477,48 +5550,52 @@ function vr(a, c = 12) {
   return i;
 }
 export {
-  jr as AuthLoader,
+  Rr as AuthLoader,
   re as BrandLogo,
   ve as CTABanner,
-  j as CTAButton,
-  Qr as Callout,
-  lr as CodeBlock,
-  cr as ColorSchemeToggle,
-  Zr as Comparison,
-  Kr as CriteriaList,
-  ra as FAQ,
-  $r as FeatureSplit,
-  Vr as FeaturesGrid,
-  oa as Footer,
-  Yr as FounderCard,
-  dr as Header,
-  Rr as Hero,
-  Nr as Layout,
-  Jr as LeadForm,
-  la as LegalPrivacy,
-  ca as LegalSecurity,
-  sa as LegalTerms,
+  M as CTAButton,
+  Zr as Callout,
+  dr as CodeBlock,
+  pr as ColorSchemeToggle,
+  ta as Comparison,
+  Jr as CriteriaList,
+  ia as FAQ,
+  _r as FeatureSplit,
+  Gr as FeaturesGrid,
+  da as Footer,
+  ea as FounderCard,
+  gr as Header,
+  Wr as Hero,
+  lr as LOGOTYPE_SIGNATURE,
+  $r as Layout,
+  aa as LeadForm,
+  ha as LegalPrivacy,
+  ga as LegalSecurity,
+  pa as LegalTerms,
+  Or as Logotype,
+  sr as LogotypeBolt,
   be as MediaBlock,
-  Or as Navbar,
-  na as NotFound,
-  Gr as PlatformShelf,
-  ea as Pricing,
-  Hr as ProductGrid,
+  Vr as Navbar,
+  sa as NotFound,
+  Xr as PlatformShelf,
+  na as Pricing,
+  Yr as ProductGrid,
   Z as SECTION_BACKGROUNDS,
-  ta as SecondaryCTA,
-  F as Section,
+  la as SecondaryCTA,
+  k as Section,
   xe as SectionHeader,
-  ia as SeloExclusivo,
-  Lr as SocialProof,
-  Wr as StatsGrid,
-  Ur as StatusBoard,
-  _r as StatusIndicator,
-  Xr as Steps,
-  aa as Testimonials,
-  xr as TrustBadge,
+  ca as SeloExclusivo,
+  Ur as SocialProof,
+  Hr as StatsGrid,
+  Kr as StatusBoard,
+  Qr as StatusIndicator,
+  ra as Steps,
+  oa as Testimonials,
+  vr as TrustBadge,
   or as Wordmark,
-  O as resolveBackground,
+  cr as logotypeSignaturePx,
+  N as resolveBackground,
   ee as scrollBehavior,
-  Mr as theme,
-  da as useServiceStatus
+  Nr as theme,
+  ma as useServiceStatus
 };